@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121e;--bg-card:#161623a6;--border-color:#ffffff14;--border-focus:#8b5cf680;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--shadow-sm:0 2px 8px #0000004d;--shadow-lg:0 10px 30px #00000080;--glass-bg:#0f0f19b3;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#8b5cf612 0,#0000 50%),radial-gradient(at 100% 100%,#ec48990d 0,#0000 50%);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif}input,button,select{font-family:inherit}.container{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:16px}.header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.logo-container{align-items:center;gap:.75rem;display:flex}.logo-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.user-profile{align-items:center;gap:1rem;display:flex}.user-badge{color:#c084fc;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex}.btn-change-name{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline;transition:color .2s}.btn-change-name:hover{color:var(--text-primary)}.category-nav{gap:.75rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.category-tab{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:12px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.category-tab:hover{color:var(--text-primary);border-color:#fff3}.category-tab.active{background:var(--accent-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 15px #8b5cf64d}.tier-list-board{flex-direction:column;gap:.75rem;margin-bottom:2.5rem;display:flex;position:relative}.tier-row{border:1px solid var(--border-color);background:#12121ecc;border-radius:12px;min-height:100px;transition:border-color .2s;display:flex;position:relative;overflow:visible}.tier-row.drag-over{border-color:var(--accent-purple);box-shadow:0 0 10px #8b5cf633}.tier-row.auto-lock-target{cursor:pointer;border-color:#ec48994d}.tier-row.auto-lock-target:hover{border-color:#ec489999;box-shadow:0 0 12px #ec489926}.tier-label-container{color:#0e0e17;text-align:center;cursor:pointer;border-top-left-radius:11px;border-bottom-left-radius:11px;justify-content:center;align-items:center;width:140px;min-width:140px;padding:1rem;font-size:1.1rem;font-weight:700;display:flex;position:relative}.tier-label-text{word-break:break-word}.tier-items{background:#0a0a0f66;flex-wrap:wrap;flex-grow:1;align-content:center;gap:.75rem;min-height:84px;padding:.75rem;display:flex;overflow:visible}.tier-actions{background:#1616234d;align-items:center;gap:.5rem;padding:0 1rem;display:flex}.btn-icon{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon:hover{color:var(--text-primary);background:#ffffff1a}.btn-icon.delete:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.item-card{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px;width:80px;height:80px;transition:transform .2s,box-shadow .2s;position:relative;overflow:visible}.item-card:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000080}.item-card:active{cursor:grabbing}.item-card.being-dragged-externally{opacity:.5;border:2px dashed var(--accent-pink);pointer-events:none;animation:1.5s ease-in-out infinite pulse-drag}.item-card.held-item{cursor:pointer;animation:1.2s ease-in-out infinite held-pulse;transform:scale(1.08);box-shadow:0 0 0 2px #ec4899,0 0 16px #ec489966}.item-card.frozen{opacity:.7;cursor:default;border:2px solid #3b82f64d}.item-card.frozen:hover{box-shadow:none;transform:none}@keyframes held-pulse{0%{box-shadow:0 0 0 2px #ec4899,0 0 16px #ec489966}50%{box-shadow:0 0 0 3px #ec4899,0 0 24px #ec489999}to{box-shadow:0 0 0 2px #ec4899,0 0 16px #ec489966}}@keyframes badge-glimmer{0%{transform:translate(-100%)skew(-15deg)}30%{transform:translate(100%)skew(-15deg)}to{transform:translate(100%)skew(-15deg)}}@keyframes pulse-drag{0%{transform:scale(1)}50%{opacity:.3;transform:scale(.95)}to{transform:scale(1)}}@keyframes herobrine-glitch{0%{filter:none;transform:scale(1)}8%{filter:hue-rotate(120deg)contrast(1.5);transform:scale(1.08)skew(3deg)}16%{filter:hue-rotate(240deg)brightness(.5);transform:scale(.92)skew(-3deg)}24%{filter:hue-rotate(60deg)contrast(2);transform:scale(1.04)}32%{filter:none;transform:scale(1)}40%{filter:hue-rotate(180deg)saturate(3);transform:scale(.96)skew(2deg)}50%{filter:hue-rotate(300deg)brightness(.3);transform:scale(1.1)}60%{filter:none;transform:scale(1)}75%{filter:hue-rotate(90deg)contrast(1.8);opacity:.7;transform:scale(.9)skew(-4deg)}85%{filter:brightness(2);opacity:.4;transform:scale(1.05)}to{filter:brightness(3);opacity:0;transform:scale(.5)}}@keyframes herobrine-reveal{0%{opacity:0;filter:brightness(3)hue-rotate(180deg);transform:scale(.3)rotate(10deg)}30%{opacity:1;filter:brightness(1.5)hue-rotate(90deg);transform:scale(1.1)rotate(-2deg)}60%{opacity:1;filter:brightness()hue-rotate();transform:scale(.95)rotate(1deg)}to{opacity:1;filter:none;transform:scale(1)rotate(0)}}.herobrine-card{border:2px solid #00ff004d;border-radius:8px;animation:.8s ease-out forwards herobrine-reveal;box-shadow:0 0 20px #00ff004d,0 0 40px #00ff001a}.herobrine-card.herobrine-fading{pointer-events:none;animation:1.5s ease-in-out forwards herobrine-glitch}.herobrine-vanish-text{color:#0f0;text-shadow:0 0 10px #00ff0080,0 0 30px #00ff004d;pointer-events:none;z-index:10;text-align:center;letter-spacing:.1em;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;animation:1.5s ease-out forwards herobrine-text-fade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes herobrine-text-fade{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}.drag-label-overlay{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#ec4899e6;border-bottom-right-radius:6px;border-bottom-left-radius:6px;padding:2px;font-size:.6rem;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.item-image{object-fit:cover;border:2px solid var(--border-color);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;height:100%}.item-tooltip{visibility:hidden;color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:99999;box-shadow:var(--shadow-lg);opacity:0;background:#0f0f19f2;border:1px solid #8b5cf666;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;transition:opacity .2s,transform .2s;position:absolute;bottom:110%;left:50%;transform:translate(-50%)}.item-tooltip:after{content:"";border:5px solid #0000;border-top-color:#0f0f19f2;position:absolute;top:100%;left:50%;transform:translate(-50%)}.item-card:hover .item-tooltip{visibility:visible;opacity:1;transform:translate(-50%)translateY(-2px)}.items-pool-section{margin-top:2rem;padding:1.5rem}.pool-title{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:1.2rem;font-size:1.2rem;font-weight:600;display:flex}.pool-container{border:1px dashed var(--border-color);background:#0a0a0f4d;border-radius:12px;flex-wrap:wrap;gap:.75rem;min-height:100px;padding:1rem;display:flex;position:relative}.pool-container.drag-over{border-color:var(--accent-purple);background:#8b5cf60d}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#050508d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{text-align:center;width:100%;max-width:450px;padding:2.5rem;position:relative}.modal-title{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:2rem;font-weight:800}.modal-desc{color:var(--text-secondary);margin-bottom:1.75rem;font-size:.95rem;line-height:1.5}.form-group{margin-bottom:1.5rem}.text-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#ffffff0d;border-radius:10px;padding:.85rem 1.2rem;font-size:1rem;transition:all .2s}.text-input:focus{border-color:var(--accent-purple);outline:none;box-shadow:0 0 0 3px #8b5cf633}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.btn-primary:active{transform:translateY(0)}.config-panel{margin-top:1.5rem;padding:1.5rem}.config-title{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex}.tier-configs-list{flex-direction:column;gap:.75rem;display:flex}.tier-config-item{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.color-picker-wrapper{border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;width:32px;height:32px;position:relative;overflow:hidden}.color-picker{cursor:pointer;background:0 0;border:none;width:42px;height:42px;position:absolute;top:-5px;left:-5px}.tier-name-input{color:var(--text-primary);background:0 0;border:none;border-bottom:1px solid #0000;flex-grow:1;padding:.25rem .5rem;font-size:.95rem;transition:border-color .2s}.tier-name-input:focus{border-bottom-color:var(--accent-purple);outline:none}.tier-name-static{color:var(--text-secondary);flex-grow:1;padding:.25rem .5rem;font-size:.95rem;font-style:italic}.btn-text{color:var(--accent-purple);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.9rem;font-weight:600;transition:color .2s;display:flex}.btn-text:hover{color:var(--accent-pink)}.actions-row{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#ffffff1a}.trash-drop-zone{color:#ef4444b3;cursor:pointer;background:#ef44440d;border:1px dashed #ef444440;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1.5rem;font-weight:600;transition:all .2s;display:flex}.trash-drop-zone.drag-over{color:#ef4444;background:#ef444426;border-color:#ef444499;box-shadow:0 0 15px #ef44441a}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.tier-order-buttons{flex-direction:column;gap:2px;display:flex}.btn-mini-arrow{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:.6rem;line-height:1;display:flex}.btn-mini-arrow:hover{color:var(--text-primary)}.btn-item-move{color:#fff;cursor:pointer;z-index:5;background:#0009;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.55rem;line-height:1;display:flex}.btn-item-move:hover{background:#8b5cf6cc}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.category-scroll::-webkit-scrollbar{height:6px}.category-scroll::-webkit-scrollbar-track{background:0 0}.category-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}@media (max-width:768px){.container{padding:1rem}.tier-row{flex-direction:column}.tier-label-container{border-radius:11px 11px 0 0;width:100%;min-width:100%;height:50px;min-height:50px}.tier-actions{justify-content:flex-end;padding:.5rem}.auto-lock-sidebar{display:none!important}.items-pool-section{padding:1rem}.pool-title{flex-direction:column;align-items:flex-start;gap:.5rem}.pool-title>div{flex-wrap:wrap}.config-panel{padding:1rem}.modal-content{width:90%;margin:0 1rem}.header{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width:480px){.container{padding:.75rem}.tier-label-container{width:100%;min-width:100%;height:40px;min-height:40px;font-size:.9rem}.tier-label-text{font-size:.9rem}.tier-items{gap:.5rem;padding:.5rem}.item-card{width:60px;height:60px}.item-image{width:60px!important;height:60px!important}.items-pool-section{padding:.75rem}.pool-container{gap:.5rem;padding:.5rem}.pool-title{font-size:1rem}.btn-text{font-size:.8rem}.config-panel{padding:.75rem;gap:1rem!important}.tier-config-item{flex-wrap:wrap;gap:.5rem}}