:root{--bg-void:#030512;--aurora-cyan:#22d3ee;--aurora-violet:#a78bfa;--aurora-amber:#fbbf24;--aurora-emerald:#34d399;--text-primary:#e2e8f0;--glass-border:rgba(255,255,255,.09);--glass-border-2:rgba(34,211,238,.28);--glass-shine:rgba(255,255,255,.14)}
*{box-sizing:border-box}html,body{max-width:100vw;-webkit-text-size-adjust:100%}
body{font-family:'Outfit',system-ui,-apple-system,sans-serif;background-color:var(--bg-void);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh;display:flex;flex-direction:column;text-rendering:optimizeSpeed}
.font-space{font-family:'Space Grotesk',ui-monospace,monospace}
#webgl-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 15% 8%,rgba(34,211,238,.16) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 15%,rgba(167,139,250,.14) 0%,transparent 55%),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(251,113,133,.10) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 90% 75%,rgba(251,191,36,.07) 0%,transparent 55%),linear-gradient(180deg,#050816 0%,#030512 55%,#010208 100%)}
.perf-no-webgl #webgl-canvas canvas{display:none}
#aurora-overlay{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(34,211,238,.06) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(167,139,250,.06) 0%,transparent 40%);animation:auroraShift 22s ease-in-out infinite alternate;will-change:transform,opacity}
@keyframes auroraShift{0%{opacity:.7;transform:scale(1) translateY(0)}100%{opacity:1;transform:scale(1.08) translateY(-12px)}}
.perf-lite #aurora-overlay,.perf-mobile #aurora-overlay{animation:none}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:linear-gradient(135deg,#22d3ee,#0891b2);color:#030512;padding:.7rem 1.1rem;border-radius:0 0 .85rem 0;font-weight:800;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
.skip-link:focus{left:0;outline:2px solid #fbbf24}
.obsidian-widget{background:linear-gradient(150deg,rgba(15,22,48,.78) 0%,rgba(8,12,28,.92) 100%);border-radius:20px;border:1px solid var(--glass-border);box-shadow:0 1px 0 0 var(--glass-shine) inset,0 0 0 1px rgba(34,211,238,.04),0 16px 36px -12px rgba(0,0,0,.75);padding:1.1rem;position:relative;width:100%;contain:layout style;transition:border-color .3s,box-shadow .3s}
@media(min-width:768px){.obsidian-widget{border-radius:28px;padding:2rem}}
.obsidian-widget:hover{border-color:var(--glass-border-2);box-shadow:0 1px 0 0 var(--glass-shine) inset,0 0 0 1px rgba(34,211,238,.12),0 22px 46px -14px rgba(0,0,0,.85)}
@supports (backdrop-filter:blur(1px)){.obsidian-widget:not(.perf-no-blur *){backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}}
.perf-no-blur .obsidian-widget,.perf-mobile .obsidian-widget,.perf-lite .obsidian-widget{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(150deg,rgba(15,22,48,.94) 0%,rgba(8,12,28,.97) 100%)}
.obsidian-widget.feature::before{content:'';position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.6),rgba(167,139,250,.5),transparent);border-radius:999px}
.text-neon{color:#67e8f9;text-shadow:0 0 14px rgba(34,211,238,.55),0 2px 4px rgba(0,0,0,.95)}
.text-gold{color:#fde047;text-shadow:0 0 14px rgba(251,191,36,.55),0 2px 4px rgba(0,0,0,.95)}
.text-violet{color:#c4b5fd;text-shadow:0 0 14px rgba(167,139,250,.55),0 2px 4px rgba(0,0,0,.95)}
.text-emerald-glow{color:#6ee7b7;text-shadow:0 0 14px rgba(52,211,153,.5),0 2px 4px rgba(0,0,0,.95)}
.gradient-title{background:linear-gradient(135deg,#ffffff 0%,#a5f3fc 35%,#67e8f9 60%,#c4b5fd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:titleShift 8s ease-in-out infinite alternate}
@keyframes titleShift{0%{background-position:0% center}100%{background-position:100% center}}
.perf-lite .gradient-title,.perf-mobile .gradient-title{animation:none;background-position:50% center}
.widget-header-title{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#7dd3fc;font-weight:800}
@media(min-width:768px){.widget-header-title{font-size:.72rem;letter-spacing:.3em}}
@media(min-width:768px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(3,5,18,.6)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#8b5cf6);border-radius:10px}}
.page-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}
@media(min-width:640px){.page-nav{grid-template-columns:repeat(4,1fr)}}
.page-nav-link{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.8rem .5rem;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(6,12,28,.7));text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}
.page-nav-link:hover{border-color:rgba(34,211,238,.5);transform:translateY(-3px);box-shadow:0 16px 34px -10px rgba(34,211,238,.45)}
.page-nav-link.active{border-color:rgba(34,211,238,.75);background:linear-gradient(150deg,rgba(34,211,238,.24),rgba(139,92,246,.14),rgba(6,14,30,.96));box-shadow:0 0 0 1px rgba(34,211,238,.4) inset,0 16px 34px -10px rgba(34,211,238,.5);transform:translateY(-3px)}
.icon-box{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(6,12,28,.92));color:#67e8f9;font-size:1.05rem;transition:color .25s,transform .25s,background .25s}
@media(min-width:768px){.icon-box{width:52px;height:52px;border-radius:18px;font-size:1.3rem}}
.page-nav-link.active .icon-box{background:linear-gradient(150deg,rgba(34,211,238,.28),rgba(139,92,246,.18),rgba(6,14,30,.98));color:#a5f3fc}
.page-nav-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;font-weight:800;text-align:center}
@media(min-width:768px){.page-nav-label{font-size:.65rem;letter-spacing:.14em}}
.page-nav-link.active .page-nav-label,.page-nav-link:hover .page-nav-label{color:#67e8f9}
.result-3d-box{background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.10) 0%,transparent 60%),linear-gradient(150deg,#040a1c 0%,#081228 100%);border:1px solid rgba(34,211,238,.32);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 16px 32px -12px rgba(0,0,0,.85);transition:border-color .35s,box-shadow .35s,transform .35s;will-change:transform}
.gold-3d-box{background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.10) 0%,transparent 60%),linear-gradient(150deg,#140c04 0%,#1e1405 100%);border:1px solid rgba(251,191,36,.32);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 16px 32px -12px rgba(0,0,0,.85);transition:border-color .35s,box-shadow .35s,transform .35s;will-change:transform}
@media(hover:hover){.result-3d-box:hover,.gold-3d-box:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 24px 46px -14px rgba(0,0,0,.9)}}
.perf-lite .result-3d-box,.perf-lite .gold-3d-box,.perf-mobile .result-3d-box,.perf-mobile .gold-3d-box{transition:none;box-shadow:0 8px 20px -10px rgba(0,0,0,.8)}
.digit-pop{animation:digitPop .5s cubic-bezier(.16,1,.3,1)}
@keyframes digitPop{0%{transform:scale(.7);filter:blur(6px);opacity:.4}60%{transform:scale(1.06);filter:blur(0);opacity:1}100%{transform:scale(1)}}
.perf-lite .digit-pop,.perf-mobile .digit-pop{animation:none}
.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:999px;font-size:.6rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border:1px solid rgba(255,255,255,.12);background:linear-gradient(150deg,rgba(255,255,255,.04),rgba(6,12,28,.7));color:#cbd5e1;cursor:pointer;transition:border-color .2s,color .2s,background .2s;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.chip:hover{border-color:rgba(34,211,238,.5);color:#e0f2fe}
.chip.active{background:linear-gradient(150deg,rgba(34,211,238,.26),rgba(139,92,246,.16),rgba(6,14,30,.9));border-color:rgba(34,211,238,.7);color:#e0f2fe}
.acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1)}
.acc-body>div{overflow:hidden}
.acc-item.open .acc-body{grid-template-rows:1fr}
.acc-item.open .acc-chevron{transform:rotate(180deg)}
.acc-chevron{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.perf-lite .acc-body,.perf-mobile .acc-body{transition:grid-template-rows .2s ease}
.shimmer{background:linear-gradient(90deg,rgba(34,211,238,.05) 25%,rgba(34,211,238,.22) 37%,rgba(167,139,250,.10) 50%,rgba(34,211,238,.05) 63%);background-size:400% 100%;animation:shimmer 1.5s ease infinite;border-radius:10px;color:transparent!important}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.perf-lite .shimmer,.perf-mobile .shimmer{animation:none;background:rgba(34,211,238,.1)}
.wheel-chip{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.72rem;background:linear-gradient(150deg,rgba(3,5,18,.92),rgba(6,12,28,.9));border:1px solid rgba(34,211,238,.3);color:#7dd3fc;transition:background .25s,color .25s,border-color .25s}
.wheel-chip.hit{background:linear-gradient(150deg,#22d3ee,#0891b2);color:#030512;border-color:#a5f3fc;box-shadow:0 0 20px rgba(34,211,238,.8)}
.live-dot{position:relative;display:inline-flex;width:10px;height:10px}
.live-dot::before{content:'';position:absolute;inset:0;border-radius:999px;background:#34d399;animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite;will-change:transform,opacity}
.live-dot::after{content:'';position:relative;width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #34d399}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}}
.perf-lite .live-dot::before,.perf-mobile .live-dot::before{animation:none}
#toast-stack{position:fixed;left:50%;bottom:6rem;transform:translateX(-50%);z-index:80;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none;width:max-content;max-width:92vw}
.toast{background:linear-gradient(150deg,rgba(12,18,40,.98),rgba(4,7,20,.98));border:1px solid rgba(34,211,238,.45);color:#e2e8f0;font-size:.72rem;font-weight:700;padding:.6rem 1rem;border-radius:999px;box-shadow:0 12px 30px -10px rgba(0,0,0,.85);display:flex;align-items:center;gap:.5rem}
#policy-modal-card{background:linear-gradient(150deg,rgba(12,18,40,.98),rgba(4,7,20,.99));box-shadow:0 0 0 1px rgba(34,211,238,.2),0 30px 70px -20px rgba(0,0,0,.95)}
header{background:linear-gradient(180deg,rgba(5,8,22,.96) 0%,rgba(4,6,20,.92) 100%);box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 6px 24px -8px rgba(0,0,0,.7)}
footer{background:linear-gradient(180deg,rgba(3,5,18,.9) 0%,rgba(2,4,12,1) 100%)}
nav[aria-label="Quick actions"]{background:linear-gradient(150deg,rgba(6,12,28,.95),rgba(3,5,18,.95));box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 14px 34px -12px rgba(0,0,0,.85)}
.breadcrumb a{color:#7dd3fc;text-decoration:none;transition:color .2s}
.breadcrumb a:hover{color:#a5f3fc}
@media(max-width:767px){#webgl-canvas,#aurora-overlay{background-attachment:scroll}.obsidian-widget{box-shadow:0 1px 0 0 var(--glass-shine) inset,0 10px 24px -10px rgba(0,0,0,.7)}header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.perf-no-blur header{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(4,6,20,.97)}main{padding-left:.75rem;padding-right:.75rem}.overflow-x-auto{-webkit-overflow-scrolling:touch}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}#aurora-overlay{animation:none}.gradient-title{animation:none}}
::selection{background:rgba(34,211,238,.35);color:#f0fdff}