:root{--c-buy: #3fc7a4;--c-sell: #e0698a;--c-live: #4bbf9a;--c-offline: #d98a8a;--c-bg: #06040e;--c-overlay-top: #181034;--c-overlay-mid: #0d0a22;--c-glow-1: rgba(120, 30, 150, .45);--c-glow-2: rgba(40, 55, 170, .45);--c-glow-3: rgba(70, 40, 150, .45);--c-accent: 140, 130, 240;--c-accent-soft: 200, 195, 255;--c-text-bright: #f1f5f9;--c-text-hi: #e2e8f0;--c-text: #cbd5e1;--c-text-2: #b8c4d4;--c-text-3: #a6b3c5;--c-text-4: #94a3b8;--c-text-5: #7e8ca3;--c-text-mut: #64748b;--c-text-dim: #56627a;--c-text-faint: #475569;--text-title: 18px;--text-subtitle: 12px;--text-body: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--c-bg);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--c-text)}canvas{display:block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;z-index:10;background:radial-gradient(ellipse at 78% 28%,var(--c-glow-1),transparent 52%),radial-gradient(ellipse at 88% 60%,var(--c-glow-2),transparent 52%),radial-gradient(ellipse at 14% 68%,var(--c-glow-3),transparent 55%),linear-gradient(180deg,var(--c-overlay-top) 0%,var(--c-overlay-mid) 55%,var(--c-bg) 100%);transition:opacity 1.2s ease}.overlay.hidden{opacity:0;pointer-events:none}.overlay h1{font-weight:300;font-size:var(--text-title);color:var(--c-text-bright);text-transform:uppercase}.overlay p{font-weight:400;font-size:var(--text-body);color:var(--c-text-5);max-width:28rem;text-align:center;line-height:1.7}.enter-btn{margin-top:.6rem;padding:.8rem 2.4rem;border:1px solid rgba(var(--c-accent-soft),.35);border-radius:999px;background:rgba(var(--c-accent),.1);color:var(--c-text);font-size:var(--text-body);text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .4s ease}.enter-btn:hover{background:rgba(var(--c-accent),.22);border-color:rgba(var(--c-accent-soft),.7);box-shadow:0 0 30px rgba(var(--c-accent),.4)}.overlay-credit{margin-top:.6rem;font-size:var(--text-body);color:var(--c-text-faint);max-width:28rem;text-align:center;line-height:1.7}.sidenav{position:fixed;top:3.4rem;left:1.5rem;z-index:5;display:flex;flex-direction:column;gap:0;pointer-events:auto;-webkit-user-select:none;user-select:none}.sidenav-title{font-family:Antonio,sans-serif;font-size:var(--text-title);font-weight:700;text-transform:uppercase;color:var(--c-text-bright);line-height:1.1;margin-bottom:.5rem;text-shadow:0 2px 20px rgba(0,0,0,.8)}.sidenav-desc{font-size:var(--text-subtitle);font-weight:600;color:var(--c-text-3);margin-bottom:.3rem;text-shadow:0 1px 10px rgba(0,0,0,.7)}.sidenav-sub{font-size:var(--text-body);color:var(--c-text-dim);text-shadow:0 1px 10px rgba(0,0,0,.7)}.sidenav-rule{border:none;border-top:1px solid rgba(var(--c-accent-soft),.2);margin:1.2rem 0;width:3rem}.sidenav-link{display:block;font-size:var(--text-body);font-weight:500;text-transform:uppercase;color:var(--c-text-dim);text-decoration:none;margin-bottom:.75rem;text-shadow:0 1px 10px rgba(0,0,0,.7);transition:color .2s ease}.sidenav-link:hover{color:var(--c-text-hi)}.ticker{position:fixed;top:0;left:0;right:0;z-index:6;height:2.6rem;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding:0 1.5rem;font-size:var(--text-body);color:var(--c-text-mut);-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(var(--c-accent-soft),.07);overflow:hidden;flex-wrap:nowrap;white-space:nowrap}.ticker-syms{display:flex;align-items:center;min-width:0;overflow:hidden}.ticker-marquee{display:flex;align-items:center;flex-shrink:0}.ticker-track{display:flex;align-items:center;gap:1.4rem;flex-shrink:0}.ticker-track[aria-hidden=true]{display:none}.ticker .sym{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.ticker .name{color:var(--c-text-hi);font-weight:500}.ticker .val{color:var(--c-text-2);font-variant-numeric:tabular-nums}.ticker .chg{font-variant-numeric:tabular-nums}.ticker .chg.up{color:var(--c-buy)}.ticker .chg.dn{color:var(--c-sell)}.ticker .status{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.ticker .dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px currentColor}.ticker .live{background:var(--c-live);color:var(--c-live)}.ticker .down{background:var(--c-offline);color:var(--c-offline)}.controls{position:fixed;bottom:1.4rem;right:1.6rem;z-index:5;display:flex;align-items:center;gap:1.2rem}.controls .fps{font-size:var(--text-body);color:var(--c-text-faint);font-variant-numeric:tabular-nums;text-shadow:0 1px 10px rgba(0,0,0,.6)}.controls .ctrl{font-size:var(--text-body);text-transform:uppercase;color:var(--c-text-mut);background:none;border:none;cursor:pointer;text-shadow:0 1px 10px rgba(0,0,0,.6)}.controls .ctrl:hover{color:var(--c-text-hi)}.credit{position:fixed;bottom:1.4rem;left:1.6rem;z-index:5;font-size:var(--text-body);color:var(--c-text-faint);text-decoration:none;text-shadow:0 1px 10px rgba(0,0,0,.6)}.credit:hover{color:var(--c-text-4)}.bottom-links{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:1.5rem}.bottom-links .sidenav-link{margin-bottom:0}@media (max-width: 640px){.ticker{gap:0;padding:0 1rem}.ticker-syms{flex:1}.ticker-marquee{animation:ticker-scroll 22s linear infinite}.ticker-track{gap:1rem;padding-right:1rem}.ticker-track[aria-hidden=true]{display:flex}.ticker .status{display:none}.sidenav{top:3.2rem;left:1rem}.controls{bottom:1rem;right:1rem;gap:.8rem}.credit{display:none}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.ticker-marquee{animation:none}}