:root{--bg: #1a1a1a;--bg-deep: #111111;--bg-panel: #1e1e1e;--surface: #222222;--fg: #f2f2f2;--fg-muted: #888888;--border: #444444;--border-light: #333333;--accent: #00d084;--accent-dim: rgba(0, 208, 132, .15);--destructive: #e74c3c;--destructive-dim: rgba(231, 76, 60, .15);--gain: #22c55e;--gain-dim: rgba(34, 197, 94, .15);--loss: #ef4444;--loss-dim: rgba(239, 68, 68, .15);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .15);--whale-transfer: #3b82f6;--whale-transfer-dim: rgba(59, 130, 246, .15);--whale-swap: #a855f7;--whale-swap-fg: #c084fc;--whale-swap-dim: rgba(168, 85, 247, .15);--whale-swap-glow: rgba(168, 85, 247, .3);--whale-bridge: var(--warning);--whale-approve: #6b7280;--shadow: 4px 4px 0px #000000;--shadow-sm: 2px 2px 0px #000000;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased}html,body,#app{min-height:100vh;background:var(--bg-deep)}a{color:var(--accent);text-decoration:none}button{font-family:var(--font-mono);cursor:pointer}kbd{border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:10px;background:var(--surface)}.error-banner{max-width:520px;margin:18vh auto;padding:32px;border:1px solid var(--destructive);background:var(--bg-panel);box-shadow:var(--shadow)}.error-banner h2{color:var(--destructive);margin-bottom:12px;letter-spacing:2px}.error-banner code{color:var(--warning)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border-light);background:var(--bg-deep)}.logo{font-weight:800;font-size:18px;letter-spacing:1px;color:var(--fg)}.logo-accent{color:var(--accent)}.chain-switch{display:flex;gap:6px;flex-wrap:wrap}.chain-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-light);color:var(--fg-muted);font-size:11px;padding:6px 12px;letter-spacing:1px}.chain-logo{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.chain-logo-fallback{display:inline-flex;align-items:center;justify-content:center;color:#06140e;font-size:9px;font-weight:800}.chain-btn:hover{border-color:var(--accent);color:var(--fg)}.chain-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.landing-main{max-width:1100px;margin:0 auto;padding:56px 24px 80px;text-align:center}.hero{font-size:clamp(34px,6vw,58px);font-weight:800;letter-spacing:-1px}.hero-sub{display:inline-block;margin-top:14px;padding:7px 18px;border:1px solid var(--border-light);border-radius:999px;background:var(--bg-panel);color:var(--fg-muted);font-size:13px}.stat-row{display:flex;justify-content:center;gap:56px;margin:44px 0;flex-wrap:wrap}.stat-value{display:block;font-size:26px;font-weight:700;color:var(--fg-muted)}.stat-accent{color:var(--accent)}.stat-label{font-size:11px;color:var(--fg-muted);letter-spacing:.5px}.search-row{position:relative;max-width:560px;margin:36px auto 0}.search-input{width:100%;padding:15px 18px;background:var(--bg-panel);border:1px solid var(--border-light);color:var(--fg);font-family:var(--font-mono);font-size:14px;outline:none}.search-input:focus{border-color:var(--accent)}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow);text-align:left}.search-hint{padding:14px 18px;color:var(--fg-muted);font-size:12px;letter-spacing:1px}.search-result{display:flex;gap:12px;align-items:baseline;width:100%;padding:11px 18px;background:transparent;border:none;border-bottom:1px solid var(--border-light);color:var(--fg);font-size:13px}.search-result:hover{background:var(--accent-dim)}.search-result-symbol{font-weight:700;min-width:70px}.search-result-name{color:var(--fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-chain{font-size:10px;color:var(--warning);letter-spacing:1px}.trending{margin-top:64px;text-align:left}.section-label{font-size:11px;font-weight:600;color:var(--fg-muted);letter-spacing:2px;margin-bottom:16px}.cards-loading{padding:40px 0;color:var(--fg-muted);font-size:12px;letter-spacing:2px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.track-card{text-align:left;background:var(--bg-panel);border:1px solid var(--border-light);padding:18px;color:var(--fg);transition:border-color .12s ease}.track-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.track-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.track-card-symbol{font-size:19px;font-weight:700;letter-spacing:.5px}.track-card-foot{margin-top:10px;font-size:11px;color:var(--fg-muted)}.sparkline{width:100%;height:84px;display:block}.sparkline-empty{height:84px;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);font-size:10px;letter-spacing:2px}.pct-up{color:var(--gain)}.pct-down{color:var(--loss)}.badge{font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:3px}.badge-easy{color:var(--gain);background:var(--gain-dim)}.badge-medium{color:var(--warning);background:var(--warning-dim)}.badge-hard{color:#fb923c;background:#fb923c26}.badge-insane{color:var(--loss);background:var(--loss-dim)}.footer{text-align:center;padding:28px;font-size:10px;letter-spacing:2px;color:var(--fg-muted);border-top:1px solid var(--border-light)}.detail-main{max-width:780px;margin:0 auto;padding:32px 24px 80px}.back-btn{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:999px;color:var(--accent);font-size:12px;padding:7px 16px;margin-bottom:28px}.back-btn:hover{border-color:var(--accent)}.detail-title{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.detail-symbol{font-size:42px;font-weight:800;letter-spacing:.5px}.detail-name{color:var(--fg-muted);font-size:15px}.detail-sub{display:flex;align-items:center;gap:12px;margin:10px 0 24px;font-size:15px;font-weight:700}.pill-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pills{display:flex;gap:8px}.pill{background:var(--bg-panel);border:1px solid var(--border-light);color:var(--fg-muted);font-size:12px;font-weight:600;padding:8px 16px}.pill:hover{color:var(--fg)}.pill.active{background:var(--accent);border-color:var(--accent);color:#06140e}.smooth-toggle.active{background:var(--bg-panel);color:var(--accent);border-color:var(--accent)}.chart-preview{background:var(--bg-panel);border:1px solid var(--border-light);margin-bottom:18px}.chart-preview svg{width:100%;height:280px;display:block}.chart-preview-empty{height:280px;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);font-size:12px;letter-spacing:2px}.chart-label{fill:var(--fg-muted);font-family:var(--font-mono);font-size:11px}.tile-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.tile{background:var(--bg-panel);border:1px solid var(--border-light);padding:16px}.tile-label{display:block;font-size:10px;letter-spacing:2px;color:var(--fg-muted);margin-bottom:8px}.tile-value{font-size:20px;font-weight:700}.tile-warn{color:var(--warning)}.ride-btn{width:100%;padding:20px;font-size:17px;font-weight:700;background:var(--accent);border:none;color:#06140e;box-shadow:var(--shadow);letter-spacing:.5px}.ride-btn:hover:not(:disabled){filter:brightness(1.1)}.ride-btn:disabled{background:var(--surface);color:var(--fg-muted);cursor:not-allowed}.ride{position:fixed;inset:0;overflow:hidden;background:var(--bg-deep)}.ride-canvas{display:block;width:100%;height:100%}.scanlines{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(0,0,0,.08) 3px 4px)}.hud{position:absolute;color:var(--fg);font-size:12px;-webkit-user-select:none;user-select:none}.hud-tl{top:16px;left:18px}.hud-track{color:var(--fg-muted);letter-spacing:1px;margin-bottom:4px}.hud-score{font-size:30px;font-weight:800}.hud-unit{font-size:12px;font-weight:400;color:var(--fg-muted)}.hud-air{color:var(--warning);margin-top:2px}.hud-air.grounded{color:var(--accent)}.hud-tc{top:18px;left:50%;transform:translate(-50%);font-size:26px;font-weight:700;letter-spacing:2px}.hud-tr{top:16px;right:18px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.powered-banner{font-size:10px;letter-spacing:2px;color:var(--fg-muted);border:1px solid var(--border-light);background:#111111bf;padding:5px 10px;text-decoration:none}.powered-accent{color:var(--accent);font-weight:700;text-decoration:none}.powered-accent:hover{text-decoration:underline}.minimap{border:1px solid var(--border-light);background:#111111bf}.hud-br{bottom:16px;right:18px;text-align:right;color:var(--fg-muted);line-height:2}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#1111118c;text-align:center}.overlay-title{font-size:44px;font-weight:800;letter-spacing:2px}.overlay-title.crash{color:var(--loss)}.overlay-title.finish{color:var(--accent)}.overlay-score{font-size:24px;font-weight:700}.new-best{color:var(--warning);font-size:14px;letter-spacing:2px;margin-left:10px}.overlay-sub{color:var(--fg-muted);font-size:13px;letter-spacing:1px}.overlay-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:560px}.overlay-badge{font-size:12px;font-weight:700;letter-spacing:1px;padding:5px 10px;border:1px solid var(--accent);background:var(--accent-dim);color:var(--fg)}.overlay-actions{margin:4px 0}.overlay-share-btn{background:var(--accent);border:none;color:#06140e;font-weight:700;letter-spacing:2px;font-size:14px;padding:12px 32px;box-shadow:var(--shadow)}.overlay-share-btn:hover{filter:brightness(1.1)}.share-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000c;padding:24px}.share-modal{display:flex;flex-direction:column;gap:16px;align-items:center;max-width:860px;width:100%}.share-canvas{width:100%;height:auto;border:1px solid var(--border);box-shadow:var(--shadow)}.share-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.share-btn{background:var(--bg-panel);border:1px solid var(--border-light);color:var(--fg);font-size:13px;font-weight:600;letter-spacing:1px;padding:11px 20px}.share-btn:hover{border-color:var(--accent)}.share-btn.primary{background:var(--accent);border-color:var(--accent);color:#06140e}.share-btn.ghost{color:var(--fg-muted)}.share-status{color:var(--accent);font-size:12px;letter-spacing:2px}@media(max-width:640px){.tile-row{grid-template-columns:repeat(2,1fr)}.stat-row{gap:28px}}