@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-body: #070c18;--bg-sidebar: #09101f;--bg-navbar: #09101f;--bg-card: #0d1728;--bg-card-hi: #112035;--bg-input: #0a1120;--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.12);--green: #22c55e;--green-glow: rgba(34,197,94,.45);--cyan: #22d3ee;--cyan-glow: rgba(34,211,238,.45);--amber: #f59e0b;--amber-glow: rgba(245,158,11,.45);--violet: #8b5cf6;--red: #ef4444;--yellow: #eab308;--text-1: #e8edf5;--text-2: #8a9ab5;--text-3: #415070;--text-4: #1e2d45;--sidebar-w: 240px;--navbar-h: 60px}@layer base{*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:var(--bg-body);color:var(--text-1);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;overflow:hidden}#root{display:flex;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#1a2840;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#253755}}@layer components{.card{background:var(--bg-card);border:1px solid var(--border-hi);border-radius:12px;padding:16px}.card-neon{background:var(--bg-card);border:1px solid rgba(34,211,238,.18);border-radius:12px;padding:16px;box-shadow:0 0 24px #22d3ee0d,0 4px 24px #0006}.card-amber{background:linear-gradient(160deg,#1a1408,#0d1525);border:1px solid rgba(245,158,11,.22);border-radius:12px;padding:16px}.card-violet{background:linear-gradient(160deg,#1a1035,#0d1525);border:1px solid rgba(139,92,246,.22);border-radius:12px;padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:11px;letter-spacing:.06em;border-radius:8px;padding:8px 14px;cursor:pointer;transition:all .15s ease;border:none;outline:none;text-transform:uppercase}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:disabled:active{transform:none}.btn-green{background:var(--green);color:#000;box-shadow:0 0 14px var(--green-glow)}.btn-green:not(:disabled):hover{background:#16a34a;box-shadow:0 0 22px var(--green-glow)}.btn-amber{background:var(--amber);color:#000;box-shadow:0 0 14px var(--amber-glow)}.btn-amber:not(:disabled):hover{box-shadow:0 0 22px var(--amber-glow)}.btn-ghost{background:#ffffff0d;color:var(--text-2);border:1px solid var(--border-hi)}.btn-ghost:hover{background:#ffffff17;color:var(--text-1)}.btn-cyan{background:#22d3ee1a;color:var(--cyan);border:1px solid rgba(34,211,238,.25)}.btn-cyan:hover{background:#22d3ee29;box-shadow:0 0 12px var(--cyan-glow)}.btn-primary{@apply btn;background:var(--green);color:#000;box-shadow:0 0 14px var(--green-glow);font-size:11px;padding:7px 14px}.btn-primary:not(:disabled):hover{background:#16a34a;box-shadow:0 0 22px var(--green-glow)}.btn-secondary{@apply btn;background:#ffffff0d;color:var(--text-2);border:1px solid var(--border-hi)}.btn-secondary:hover{background:#ffffff17;color:var(--text-1)}.stat-pill{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid var(--border-hi);border-radius:10px;padding:6px 12px;min-width:110px}.lbl{font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);line-height:1}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;border:1px solid transparent;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;color:var(--text-3);position:relative;background:none;text-align:left;width:100%}.nav-item:hover{color:var(--text-2);background:#ffffff0a}.nav-item.active{color:var(--amber-bright, #fbbf24)!important;background:#f59e0b14;border-color:#f59e0b29}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:linear-gradient(#fbbf24,#f59e0b);border-radius:0 2px 2px 0;box-shadow:0 0 10px #fbbf24b3}.nav-item.active svg{color:var(--amber-bright, #fbbf24)!important}.glow-green{text-shadow:0 0 16px var(--green-glow),0 0 32px rgba(34,197,94,.15)}.glow-cyan{text-shadow:0 0 16px var(--cyan-glow),0 0 32px rgba(34,211,238,.15)}.glow-amber{text-shadow:0 0 16px var(--amber-glow),0 0 32px rgba(245,158,11,.15)}.prog-track{height:5px;border-radius:99px;background:#ffffff12;overflow:hidden;width:100%}.prog-fill{height:100%;border-radius:99px;transition:width .5s ease}.led-green{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e,0 0 16px #22c55e66;animation:led-pulse 2s ease-in-out infinite}}@keyframes led-pulse{0%,to{opacity:1;box-shadow:0 0 8px #22c55e,0 0 16px #22c55e66}50%{opacity:.6;box-shadow:0 0 4px #22c55e}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes capstone-shimmer{0%,to{box-shadow:0 0 24px #2dd4bf40,0 0 4px #2dd4bf66 inset}50%{box-shadow:0 0 40px #2dd4bf73,0 0 8px #2dd4bf99 inset}}.card-game{@apply card;}.stat-value{color:var(--green);font-family:JetBrains Mono,monospace;font-weight:700}.sidebar-desktop{display:none;flex-direction:column}.mobile-bottom-nav{display:flex;flex-direction:row;position:fixed;bottom:0;left:0;right:0;height:64px}.main-scroll{padding-bottom:0}.server-clock{display:none}@media (min-width: 768px){.sidebar-desktop{display:flex}.mobile-bottom-nav{display:none}.main-scroll{padding-bottom:0}.server-clock{display:flex}}@media (max-width: 767px){.main-scroll{padding-bottom:64px}}.spass-arrow{transition:background .15s,opacity .15s,transform .1s}.spass-arrow:hover:not(:disabled){background:#fbbf242e!important;border-color:#fbbf2466!important}.spass-arrow:active:not(:disabled){transform:translateY(-50%) scale(.94)}.spass-track::-webkit-scrollbar{display:none}@media (max-width: 640px){.spass-arrow{display:none!important}.spass-track-wrapper{padding-left:4px!important;padding-right:4px!important}}