*{box-sizing:border-box;margin:0}html,body{height:100%;background:#0b0d12;color:#d6dbe8;font-family:Inter,system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#hud{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:22px;padding:12px 18px;z-index:2;font-size:.9rem;background:linear-gradient(#0b0d12ee,#0b0d1200)}.brand{font-weight:300;font-size:1.05rem}.brand b{font-weight:700;color:#5eead4}.proto{color:#6b7488;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;margin-left:8px}#clock,#spot,#atm{font-variant-numeric:tabular-nums;color:#a8b3c9}#atm{color:#fbbf24}.spacer{flex:1}.replay-tag{color:#6b7488;font-size:.75rem;border:1px solid #1e2433;border-radius:999px;padding:3px 10px}#controls{position:fixed;bottom:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:2;background:#10131bcc;border:1px solid #1e2433;border-radius:12px;padding:8px 12px;backdrop-filter:blur(6px)}#controls button{background:#141826;border:1px solid #1e2433;color:#d6dbe8;border-radius:8px;padding:6px 12px;font:inherit;font-size:.8rem;cursor:pointer}#controls button.on{color:#5eead4;border-color:#5eead4}#controls button.mode.on{color:#7aa2ff;border-color:#7aa2ff}.replay-tag.live{color:#3fb27f;border-color:#2a5c46}.replay-tag.stale{color:#f2b96b;border-color:#4a3c22}#scrub{width:260px;accent-color:#5eead4}#tickers{position:fixed;top:52px;right:18px;display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 150px);overflow-y:auto;z-index:2;background:#10131bcc;border:1px solid #1e2433;border-radius:12px;padding:10px;backdrop-filter:blur(6px)}#top3{position:fixed;top:52px;right:92px;display:none;flex-direction:column;gap:4px;z-index:2;background:#10131bcc;border:1px solid #1c4a2e;border-radius:12px;padding:10px 12px;backdrop-filter:blur(6px);font-size:.72rem;color:#4ade80;font-variant-numeric:tabular-nums}#top3 .t3-head{color:#6b7488;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;display:flex;align-items:center;gap:6px}.t3-tg{background:#141826;border:1px solid #1e2433;color:#6b7488;border-radius:6px;padding:2px 8px;font:inherit;font-size:.62rem;cursor:pointer;text-transform:none;letter-spacing:normal}.t3-tg.on{color:#4ade80;border-color:#4ade80}#tickers button{background:#141826;border:1px solid #1e2433;color:#d6dbe8;border-radius:8px;padding:6px 12px;font:inherit;font-size:.8rem;cursor:pointer}#tickers button.on{color:#fbbf24;border-color:#fbbf24}#hint{position:fixed;bottom:4px;left:0;right:0;text-align:center;color:#3d4658;font-size:.7rem;z-index:2}.sw{display:inline-block;width:9px;height:9px;border-radius:2px;vertical-align:-1px}.sw.int{background:#46589e}.sw.ext{background:linear-gradient(90deg,#2dd4bf,#fbbf24)}.sw.th{background:#ff5e54}.sw.start{background:transparent;border:1.5px solid #8fe3cf;opacity:.8}#chart{position:fixed;right:18px;top:348px;z-index:2;background:#10131bcc;border:1px solid #1e2433;border-radius:12px;padding:10px 12px;backdrop-filter:blur(6px);display:none}#chart-title{font-size:.72rem;color:#a8b3c9;margin-bottom:6px;font-variant-numeric:tabular-nums}#chart-title b{font-weight:600}#chart-close{position:absolute;top:4px;right:6px;background:none;border:none;color:#6b7488;font:inherit;font-size:.8rem;cursor:pointer;padding:2px 6px}#chart-close:hover{color:#e0576b}@media (max-width: 700px){#hint{display:none}#top3{display:none!important}#controls{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 16px);bottom:8px;padding:6px 8px;gap:6px}#controls button{padding:5px 9px;font-size:.72rem}#scrub{width:100%;order:9}#tickers{top:46px;right:6px;padding:6px;gap:4px;max-height:calc(100vh - 210px)}#tickers button{padding:4px 9px;font-size:.7rem}#chart{inset:auto 6px 118px;padding:8px 10px}#chart-canvas{width:100%}#hud{gap:10px;font-size:.72rem;padding:8px 10px;flex-wrap:wrap}#hud #atm{display:none}}