:root{--bg: #1b1d1f;--panel: #232527;--rule: #3a3d40;--text: #c9ccce;--dim: #7e8387;--buy: #6fc2d8;--sell: #d8b46f;--pickoff: #d9534f;--pos: #79c27a;--neg: #d9534f;--bid: #8fa3b8;--ask: #b8a08f;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}b{font-weight:600}.pos{color:var(--pos)}.neg{color:var(--neg)}.dim{color:var(--dim)}.screen{display:flex;flex-direction:column;height:100dvh;max-width:980px;margin:0 auto;padding:12px;gap:10px}.screen.center{align-items:center;justify-content:center}.screen.menu{overflow-y:auto}.masthead h1{font-size:26px;letter-spacing:.35em;margin:18px 0 4px;font-weight:600}.masthead .sub{color:var(--dim);max-width:560px;margin:0 0 8px}.levels{display:flex;flex-direction:column;gap:8px}.level-card{background:var(--panel);border:1px solid var(--rule);color:var(--text);text-align:left;padding:10px 14px;cursor:pointer;font:inherit}.level-card:hover{border-color:var(--dim)}.level-row{display:flex;gap:12px;align-items:baseline}.level-num{color:var(--dim)}.level-name{font-weight:600;letter-spacing:.08em}.level-alpha{margin-left:auto;color:var(--dim)}.level-copy{margin:6px 0 2px;color:var(--text)}.level-edge{color:var(--dim);font-size:12px}.foot{color:var(--dim);font-size:12px;padding:10px 0 18px}.foot a{color:var(--dim)}.hud{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;border-bottom:1px solid var(--rule);padding-bottom:8px;font-size:13px}.hud-item.hud-clock{font-size:18px;font-weight:600}.canvas-wrap{position:relative;flex:1;min-height:280px;border:1px solid var(--rule);background:var(--panel)}.price-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:ns-resize}.arm-overlay{position:absolute;inset:auto 0 0 0;padding:14px;background:color-mix(in srgb,var(--bg) 82%,transparent);border-top:1px solid var(--rule);text-align:center}.arm-overlay p{margin:4px 0}.btn{background:var(--panel);color:var(--text);border:1px solid var(--rule);padding:9px 14px;font:inherit;cursor:pointer;min-height:42px}.btn:hover{border-color:var(--dim)}.btn.primary{border-color:var(--text);font-weight:600}.btn.big{padding:12px 26px;font-size:16px}.btn-row{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:8px}.screen.score{justify-content:center;max-width:640px}.screen.score h2{letter-spacing:.2em;font-size:15px;color:var(--dim);margin:0}.score-total{font-size:44px;font-weight:600}.score-sub{color:var(--dim);margin-bottom:14px}.score-table{border:1px solid var(--rule);background:var(--panel);padding:10px 14px;margin-bottom:16px}.score-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label num" "note note";padding:6px 0}.score-label{grid-area:label}.score-num{grid-area:num;font-weight:600}.score-note{grid-area:note;color:var(--dim);font-size:12px}.score-rule{border-top:1px solid var(--rule);margin:4px 0}.replay-controls{display:flex;align-items:center;gap:10px}.scrub{flex:1;accent-color:var(--dim);min-height:42px}.replay-detail{min-height:56px;border:1px solid var(--rule);background:var(--panel);padding:6px 10px;font-size:13px}.replay-detail p{margin:4px 0}.screen.home{align-items:center;justify-content:center;text-align:center}.home-center{display:flex;flex-direction:column;align-items:center;gap:14px;flex:1;justify-content:center}.home-title{font-size:34px;letter-spacing:.45em;margin:0 0 0 .45em;font-weight:600}.home-pitch{color:var(--dim);max-width:480px;margin:0}.home-btns{display:flex;gap:10px;margin-top:10px}.home-foot{padding-bottom:14px}.home-link{align-self:flex-start;margin:2px 0 0}.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 65%,transparent);z-index:10}.confirm-dialog .tutorial-card{position:fixed}.confirm-dialog .btn-row{padding-bottom:0}.btn.exit-btn{margin-left:0;margin-right:4px}:root{--pad-btn-w: 132px;--pad-btn-h: 100px;--pad-glyph: 48px;--pad-gap: 20px;--pad-side-inset: 30px;--pad-bottom: 16px}.quote-pads{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 var(--pad-side-inset) var(--pad-bottom);pointer-events:none;z-index:2}.quote-pad{display:flex;flex-direction:column;align-items:center;gap:var(--pad-gap)}.pad-label{font-size:11px;letter-spacing:.12em;color:var(--dim);line-height:1}.pad-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;background:none;border:0;padding:0;width:var(--pad-btn-w);height:var(--pad-btn-h);display:flex;align-items:center;justify-content:center;color:var(--v);font-size:var(--pad-glyph);line-height:1;cursor:pointer;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;transition:opacity 90ms ease,transform 90ms ease}.pad-btn:active{opacity:.5;transform:scale(.85)}.help-btn{min-height:28px;padding:2px 10px;margin-left:auto;font-size:12px}.help-btn+.help-btn{margin-left:6px}.help-overlay{position:absolute;inset:8px 8px auto 8px;background:color-mix(in srgb,var(--bg) 92%,transparent);border:1px solid var(--rule);padding:10px 14px;font-size:13px;z-index:3;cursor:pointer}.help-overlay p{margin:5px 0}.tutorial-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 32px));background:var(--bg);border:1px solid var(--text);padding:14px 18px;z-index:4;text-align:left}.tutorial-card h3{margin:0 0 6px;font-size:15px;letter-spacing:.04em}.tutorial-card p{margin:0 0 12px;color:var(--text)}.link-btn{background:none;border:none;color:var(--dim);text-decoration:underline;cursor:pointer;font:inherit;padding:0}@media(max-width:480px){.screen{padding:8px}.hud{font-size:12px;gap:4px 10px}.score-total{font-size:36px}}
