:root{--blue:#2f6bff;--orange:#ff8a3d;--green:#26d07c;--red:#ff4d5e;--gold:#ffd166;--ink:#060912;--text:#eaf0ff;--dim:#9bb0d8;--panel:rgba(13,19,38,.55);--panel-brd:rgba(120,150,220,.18)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--ink);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.page{position:relative;width:100%;min-height:100vh}.stage{position:fixed;inset:0;z-index:0}.stage canvas{display:block}.hud{position:fixed;inset:0;z-index:2;pointer-events:none}.hud .header,.hud .panel,.hud .ticker,.hud button{pointer-events:auto}.header{position:absolute;top:16px;left:16px;right:16px;gap:14px;flex-wrap:wrap}.brand,.header{display:flex;align-items:center}.brand{gap:10px}.brand .mark{font-weight:900;font-size:26px;letter-spacing:1px}.brand .mark .o{color:var(--orange)}.brand .mark .dot{color:var(--blue)}.brand .sub{font-size:11px;color:var(--dim);letter-spacing:2px;text-transform:uppercase}.spacer{flex:1 1}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-brd);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;font-size:14px}.pill .blurb{font-weight:400;color:var(--dim);font-size:12px}.conn{font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--panel-brd);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.conn .led{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.led.live{background:var(--green);box-shadow:0 0 8px var(--green)}.led.mock{background:var(--orange);box-shadow:0 0 8px var(--orange)}.paper-tag{position:absolute;top:60px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:1.5px;color:var(--gold);border:1px solid rgba(255,209,102,.35);background:rgba(40,30,5,.4);padding:5px 12px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.panel{position:absolute;width:250px;padding:14px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--panel-brd);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 40px rgba(0,0,0,.35)}.panel h3{margin:0 0 8px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--dim)}.panel .big{font-size:30px;font-weight:800;line-height:1.1}.panel .row{display:flex;justify-content:space-between;font-size:13px;margin-top:6px;color:var(--dim)}.panel .row b{color:var(--text);font-weight:700}.up{color:var(--green)}.down{color:var(--red)}.neutral{color:var(--dim)}.panel--capital{top:86px;left:16px}.panel--pnl{top:250px;left:16px}.panel--ai{top:86px;right:16px}.panel--decision{top:250px;right:16px}.panel--position{bottom:64px;left:16px}.bar{height:8px;background:hsla(0,0%,100%,.08);margin-top:6px;overflow:hidden}.bar,.bar>span{border-radius:6px}.bar>span{display:block;height:100%}.badge{display:inline-block;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px}.badge.ACTIVE{background:rgba(38,208,124,.18);color:var(--green)}.badge.WARNING{background:rgba(255,138,61,.18);color:var(--orange)}.badge.EXPIRED{background:rgba(255,77,94,.18);color:var(--red)}.badge.RENEWED{background:rgba(47,107,255,.2);color:#7da5ff}.ticker{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);max-width:70vw;white-space:nowrap;overflow:hidden;background:var(--panel);border:1px solid var(--panel-brd);border-radius:999px;padding:8px 18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;color:var(--dim)}.ticker b{color:var(--text)}.hint{position:absolute;bottom:16px;right:16px;font-size:11px;color:var(--dim);background:var(--panel);border:1px solid var(--panel-brd);border-radius:8px;padding:6px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading{position:fixed;inset:0;display:grid;place-items:center;color:var(--dim);font-size:14px;letter-spacing:2px;z-index:1}@media (max-width:820px){.stage{height:56vh}.hud,.stage{position:relative}.hud{inset:auto;pointer-events:auto}.header{right:auto;padding:12px}.header,.paper-tag{position:relative;top:auto;left:auto}.paper-tag{transform:none;display:block;margin:0 12px 8px}.panel{position:relative!important;width:auto;inset:auto!important;margin:10px 12px}.ticker{position:relative;left:auto;transform:none;max-width:none;margin:8px 12px 24px;white-space:normal}.hint{display:none}.panels{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.panel--position{grid-column:1/-1}}@media (max-width:520px){.panels{grid-template-columns:1fr}}