@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#080c16;--bg-dock:#0e1320a6;--glass-surface:#ffffff08;--glass-surface-hover:#ffffff0f;--glass-border-top:#ffffff2e;--glass-border-bottom:#ffffff0d;--accent-gold:#f59e0b;--accent-gold-bright:#fbbf24;--accent-gold-liquid:linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--accent-gold-liquid-glass:linear-gradient(135deg, #fbbf24d9 0%, #d97706bf 100%);--theme-class-color:#f59e0b;--theme-class-rgb:245, 158, 11;--theme-class-subtle:#f59e0b1f;--theme-class-border:#f59e0b59;--theme-text-contrast:#06080d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--class-paladin:#f48cba;--class-warrior:#c69b6d;--class-druid:#ff7d0a;--class-priest:#fff;--class-shaman:#0070dd;--class-monk:#00ff98;--class-warlock:#8788ee;--class-rogue:#fff468;--class-mage:#3fc7eb;--class-hunter:#abd473;--class-dk:#c41e3a;--class-dh:#a330c9;--class-evoker:#33937f;--role-tank:#60a5fa;--role-healer:#4ade80;--role-dps:#f87171;--glow-gold-liquid:0 8px 32px 0 rgba(var(--theme-class-rgb), .35);--glow-glass:0 16px 40px 0 #00000080;--font-body:"Inter", sans-serif;--font-title:"Cinzel", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:#080c16;width:100%;height:100%;min-height:100%;margin:0;padding:0;overflow:hidden}#root{flex-direction:column;display:flex}#root>*{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}body{color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:#080c16;min-height:100vh;overflow-x:hidden}.card{background:var(--glass-surface);-webkit-backdrop-filter:blur(30px)saturate(210%);border-top:1px solid var(--glass-border-top);border-left:1px solid var(--glass-border-top);border-right:1px solid var(--glass-border-bottom);border-bottom:1px solid var(--glass-border-bottom);box-shadow:var(--glow-glass), inset 0 1px 0 0 #ffffff26;border-radius:1.25rem;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.card:hover{background:var(--glass-surface-hover);border-top-color:#ffffff47;transform:translateY(-2px)}.card-class-glow{border-left:5px solid var(--theme-class-color)!important;box-shadow:0 12px 32px -8px rgba(var(--theme-class-rgb), .3), inset 0 1px 0 #ffffff1f!important}.floating-dock{background:var(--bg-dock);-webkit-backdrop-filter:blur(35px)saturate(220%);border-bottom:1px solid var(--glass-border-top);z-index:100;position:sticky;top:0;box-shadow:0 20px 50px #0009,inset 0 1px #fff3}.segment-pill-container{border:1px solid var(--glass-border-bottom);background:#00000073;border-radius:9999px;gap:.25rem;padding:.25rem;display:flex}.segment-pill-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:all .25s}.segment-pill-item.active{background:var(--glass-border-top);color:var(--text-primary);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff4d}.input,input[type=text],input[type=number],input[type=password],input[type=email],select,textarea{box-sizing:border-box;border:1px solid var(--glass-border-top);width:100%;color:var(--text-primary);font-family:var(--font-body);background:#0e1320d9;border-radius:.65rem;outline:none;padding:.65rem .85rem;font-size:.875rem;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #0006}.input::placeholder,input::placeholder,textarea::placeholder{color:#64748b;opacity:.85}.input:focus,input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=email]:focus,select:focus,textarea:focus{border-color:var(--accent-gold);background:#0e1320fa;box-shadow:0 0 0 3px #f59e0b40,inset 0 1px 2px #00000080}.input:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}select option{color:#f8fafc;background:#0e1320}.btn{cursor:pointer;border:none;border-radius:.85rem;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-gold{background:var(--accent-gold-liquid-glass);color:var(--theme-text-contrast);box-shadow:var(--glow-gold-liquid), inset 0 1px 0 #ffffff80;text-shadow:0 1px #fff3;border:1px solid #fff6}.btn-gold:hover{box-shadow:0 12px 35px rgba(var(--theme-class-rgb), .5);transform:translateY(-1px)scale(1.02)}.btn-outline{color:var(--text-primary);border:1px solid var(--glass-border-top);background:#ffffff0a}.btn-outline:hover{background:#ffffff14;border-color:#ffffff4d}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-main{background:rgba(var(--theme-class-rgb), .15);color:var(--theme-class-color);border:1px solid rgba(var(--theme-class-rgb), .35)}.badge-bench{color:var(--text-secondary);background:#94a3b826;border:1px solid #94a3b859}.badge-trial{color:#c084fc;background:#a855f726;border:1px solid #a855f759}.badge-tank{color:var(--role-tank);background:#60a5fa26;border:1px solid #60a5fa4d}.badge-healer{color:var(--role-healer);background:#4ade8026;border:1px solid #4ade804d}.badge-dps{color:var(--role-dps);background:#f8717126;border:1px solid #f871714d}.font-title{font-family:var(--font-title);letter-spacing:.03em}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-shimmer{box-sizing:border-box;background-color:#ffffff0d;border:1px solid #ffffff0d;position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff08 20%,#ffffff26 50%,#ffffff08 80%,#0000 100%);width:100%;height:100%;animation:1.6s cubic-bezier(.4,0,.2,1) infinite shimmer-sweep;position:absolute;top:0;left:0;transform:translate(-100%)}.skeleton-box{background:linear-gradient(90deg,#ffffff08 25%,#ffffff1f 50%,#ffffff08 75%) 0 0/200% 100%;border:1px solid #ffffff0d;border-radius:.75rem;animation:1.5s linear infinite shimmer}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes live-bid-pulse{0%{box-shadow:0 0 #f59e0b99}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.live-bid-winning{animation:2s cubic-bezier(.66,0,0,1) infinite live-bid-pulse}.item-glow-epic{box-shadow:0 0 20px #a335ee59;border-color:#a335ee!important}.item-glow-legendary{box-shadow:0 0 24px #ff800073;border-color:#ff8000!important}.item-glow-rare{box-shadow:0 0 16px #0070dd4d;border-color:#0070dd!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}