:root{--bg-0: #0a1010;--bg-1: #121a18;--bg-2: #1a2622;--line: rgba(214, 230, 214, .12);--text: #e7f0e6;--muted: #8ea395;--bull: #3dcf7a;--bull-deep: #1f8a4c;--bear: #ef4d4d;--bear-deep: #9b1f1f;--accent: #d6b15e;--panel: rgba(10, 16, 16, .72);--shadow: 0 18px 50px rgba(0, 0, 0, .45);font-family:IBM Plex Mono,ui-monospace,monospace;color:var(--text);background:var(--bg-0)}:root[data-tod=day]{--muted: #d0ddd4;--text: #f3f8f2;--panel: rgba(8, 14, 12, .84);--shadow: 0 18px 50px rgba(0, 0, 0, .4)}:root[data-tod=night]{--panel: rgba(6, 10, 14, .78);--shadow: 0 18px 50px rgba(0, 0, 0, .65)}:root[data-tod=day] .hud,:root[data-weather=snow] .hud{text-shadow:0 1px 0 rgba(0,0,0,.85),0 2px 10px rgba(0,0,0,.75),0 0 18px rgba(0,0,0,.55)}:root[data-tod=day] .hud-wall,:root[data-weather=snow] .hud-wall{padding:8px 12px;background:#060c0ac7;border:1px solid rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000059}:root[data-tod=day] .hud-wall span,:root[data-weather=snow] .hud-wall span{color:#c8d6cc}:root[data-weather=snow] .hud-wall{background:#04080cdb}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1000px 500px at 15% -10%,rgba(61,207,122,.12),transparent 50%),radial-gradient(900px 480px at 90% 0%,rgba(239,77,77,.1),transparent 45%),linear-gradient(180deg,#101816 0%,var(--bg-0) 42%,#07100d 100%)}body{min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:18px 18px 28px;display:grid;gap:14px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:28px}.brand p,.stat-label,.panel-head span,.hud-kicker,.hud-wall span,.topbar-kicker{margin:0;color:var(--muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.topbar-price{display:grid;gap:2px;min-width:0}.topbar-price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.topbar-price strong{font-family:Syne,sans-serif;font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:700;letter-spacing:.02em;color:var(--text);font-variant-numeric:tabular-nums}.topbar-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.topbar-meta strong{font-weight:600;letter-spacing:.06em}.topbar-meta time{font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.06em}.topbar-dot{width:4px;height:4px;border-radius:50%;background:#8ea395b3}.topbar-utc{opacity:.7}.fs-btn{appearance:none;margin:0 0 0 4px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:#ffffff0a;color:var(--muted);font:inherit;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;pointer-events:auto}.fs-btn:hover{color:var(--text);border-color:#d6b15e73;background:#d6b15e14}.fs-btn[aria-pressed=true]{color:var(--accent);border-color:#d6b15e80}#app:fullscreen,html.is-fullscreen #app{max-width:none;width:100%;height:100%;min-height:100dvh;margin:0;padding:10px 12px 12px;gap:10px;grid-template-rows:auto minmax(0,1fr);background:var(--bg-0)}#app:fullscreen .lower,html.is-fullscreen #app .lower{display:none}#app:fullscreen .stage,html.is-fullscreen #app .stage{min-height:0;height:100%;border:none;box-shadow:none}#app:fullscreen .viewport,html.is-fullscreen #app .viewport{min-height:0;height:100%}#app:fullscreen .topbar,html.is-fullscreen #app .topbar{padding:0 2px}.status-live{color:var(--bull)}.status-warn{color:var(--accent)}.status-error{color:var(--bear)}.stage{position:relative;min-height:min(68vh,720px);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 30%),var(--bg-1);box-shadow:var(--shadow);overflow:hidden}.viewport,.viewport canvas{width:100%;height:100%;display:block}.viewport{min-height:min(68vh,720px)}.hud{position:absolute;z-index:2;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.65)}.change.up{color:var(--bull);font-size:.85rem}.change.down{color:var(--bear);font-size:.85rem}.hud-wall{bottom:8px;display:grid;gap:4px}.hud-wall strong{font-family:Syne,sans-serif;font-size:1.35rem}.hud-buy{left:8px;color:var(--bull)}.hud-sell{right:8px;color:var(--bear);text-align:right}.lower{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 14px 14px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.panel-head h2{margin:0;font-family:Syne,sans-serif;font-size:1rem}.source-label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.source-label select{appearance:none;background:#0d1412;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 10px;font:inherit;font-size:.78rem;text-transform:none;letter-spacing:0;cursor:pointer}.venue-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}.venue-chip{border:1px solid var(--line);background:#ffffff05;padding:7px 9px;display:grid;gap:3px;font-size:.72rem;color:var(--muted)}.venue-chip strong{color:var(--text);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.venue-chip.ok.active{border-color:#d6b15e73;background:#d6b15e14}.venue-chip.cold{opacity:.55}.depth-meta{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.feed em{font-style:normal;color:var(--accent)}#depth-chart{width:100%;height:160px;display:block;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#0d1412}.feed{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:180px;overflow:auto}.feed li{display:grid;grid-template-columns:88px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);background:#ffffff05;font-size:.82rem}.feed .tag{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;padding:3px 6px;border:1px solid currentColor;width:fit-content}.feed .buy,.feed .liq-short{color:var(--bull)}.feed .sell,.feed .liq-long{color:var(--bear)}.feed .impact{color:var(--muted);white-space:nowrap}@media(max-width:860px){.lower,.topbar{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.topbar-meta{justify-content:flex-start}}#perf-hud{position:fixed;left:12px;bottom:12px;z-index:40;margin:0;padding:10px 12px;min-width:280px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;line-height:1.45;color:#d7e8dc;background:#080e0ce0;border:1px solid rgba(214,177,94,.35);border-radius:8px;pointer-events:none;white-space:pre}