*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh}h1{text-align:center;padding:24px 0 16px;font-size:28px;letter-spacing:2px;color:#fff}.tier-list{max-width:1000px;margin:0 auto;padding:0 16px 32px}.controls{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.controls button{padding:8px 16px;background:#2a2a4a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:13px;cursor:pointer}.controls button:hover{background:#3a3a5a}.tier-row{display:flex;min-height:80px;border:1px solid #333}.tier-row+.tier-row{border-top:none}.tier-label{width:100px;min-width:100px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#000;-webkit-user-select:none;user-select:none}.tier-label input{width:100%;height:100%;text-align:center;font-size:24px;font-weight:800;color:#000;background:transparent;border:none;outline:none}.tier-items{flex:1;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:6px;padding:6px;background:#16213e;min-height:80px;transition:background .15s}.tier-items.drag-over{outline:2px dashed #556;outline-offset:-2px}.tier-delete{width:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:#16213e;border:none;border-left:1px solid #333;color:#555;cursor:pointer;font-size:18px}.tier-delete:hover{color:#e55;background:#2a1a1a}.item{padding:8px 14px;background:#2a2a4a!important;border:1px solid #444!important;border-radius:4px;font-size:14px;color:#e0e0e0!important;opacity:1!important;cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;outline:none!important;-webkit-appearance:none;filter:none!important}.item:active{cursor:grabbing}.item.dragging{opacity:.3!important}.drop-indicator{width:3px;height:28px;background:#6af;border-radius:2px;flex-shrink:0}.drop-indicator.end{width:3px}.item-wrapper{position:relative;display:flex;align-items:center}.item-delete{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#e55;color:#fff;border:none;font-size:11px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0}.item-wrapper:hover .item-delete{display:flex}.pool-section{margin-top:24px;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 16px}.pool-section h2{font-size:16px;margin-bottom:8px;color:#aaa;font-weight:500}.pool{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:6px;padding:6px;background:#16213e;border:1px solid #333;min-height:80px;transition:background .15s}.pool.drag-over{outline:2px dashed #556;outline-offset:-2px}.add-item-form{display:flex;gap:8px;margin-top:12px}.add-item-form input{flex:1;padding:10px 14px;background:#16213e;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:14px;outline:none}.add-item-form input:focus{border-color:#667}.add-item-form button{padding:10px 20px;background:#2a2a4a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:14px;cursor:pointer}.add-item-form button:hover{background:#3a3a5a}