:root{--ink: #f2e6d2;--ink-dim: #c3b193;--ink-faint: #9a8a70;--card: rgba(22, 16, 12, .82);--card-line: rgba(233, 210, 172, .16);--hot: #e8a martin;--accent: #e2b071;--good: #8fd6a8;--warn: #e8c46a;--bad: #e8836a;--pad: 14px;--hot: #e8a24a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0c0806;color:var(--ink);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;padding:var(--pad);padding-bottom:calc(var(--pad) + env(safe-area-inset-bottom));pointer-events:none}.hud>*{pointer-events:auto}.hud[data-visible=false]{display:none}.hud-top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.plate{background:var(--card);border:1px solid var(--card-line);border-radius:12px;padding:10px 12px;backdrop-filter:blur(7px)}.plate--form{min-width:190px;max-width:42vw}.plate--readout{min-width:214px}.eyebrow{margin:0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.plate h2{margin:2px 0 4px;font-size:19px;font-weight:650;letter-spacing:.01em}.clock{margin:0;font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.clock .dim{color:var(--ink-faint);font-size:11px;font-weight:500;margin-left:6px;letter-spacing:.08em;text-transform:uppercase}.clock.is-low{color:var(--bad)}.step{margin:5px 0 0;font-size:12px;color:var(--accent)}.row,.meter{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.7}.row .k,.meter .k{color:var(--ink-faint);width:42px;flex:none;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.row b,.meter b{font-variant-numeric:tabular-nums;font-weight:650;min-width:40px}.row .u{color:var(--ink-faint);font-size:11px}.row--cal .verdict{margin-left:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.verdict[data-v=good]{color:var(--good)}.verdict[data-v=rough]{color:var(--warn)}.verdict[data-v=over]{color:var(--bad)}.bar{flex:1;height:6px;border-radius:3px;background:#ffeccd21;overflow:hidden;min-width:40px}.bar i{display:block;height:100%;width:0;background:var(--good);transition:width 90ms linear,background .2s linear}.bar i[data-level=warn]{background:var(--warn)}.bar i[data-level=bad]{background:var(--bad)}.band{background:var(--card);border:1px solid var(--card-line);border-radius:12px;padding:8px 10px 6px;backdrop-filter:blur(7px);align-self:flex-start;width:100%;max-width:430px}#profile{display:block;width:100%;height:108px}.legend{margin:4px 0 0;font-size:10px;color:var(--ink-faint);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.sw{width:12px;height:3px;border-radius:2px;display:inline-block;margin-right:4px;vertical-align:middle}.sw--target{background:var(--accent)}.sw--work{background:#cfe0ea}.sw--edge{background:var(--good)}.sw--risk{background:var(--bad)}.status{margin:0;align-self:flex-start;max-width:60ch;font-size:13px;line-height:1.45;color:var(--ink);background:#120c08b3;border-left:3px solid var(--accent);padding:7px 11px;border-radius:0 8px 8px 0}.status[data-tone=warn]{border-left-color:var(--warn)}.status[data-tone=bad]{border-left-color:var(--bad)}.deck{margin-top:auto;display:flex;flex-direction:column;gap:6px;align-self:stretch}.deck-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.deck-row--last{grid-template-columns:1.4fr 1fr 1fr;align-items:stretch}.key{appearance:none;border:1px solid var(--card-line);background:var(--card);color:var(--ink);border-radius:10px;padding:7px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:46px;cursor:pointer;font:inherit;backdrop-filter:blur(7px);touch-action:manipulation;user-select:none;-webkit-user-select:none}.key .glyph{font-size:15px;line-height:1;color:var(--accent)}.key .lbl{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.key:hover{border-color:#e9d2ac66}.key[data-on=true]{background:#e2b07138;border-color:var(--accent)}.key[data-on=true] .glyph{color:#fff2da}.key--wide{flex-direction:row;gap:7px}.key--ratchet .glyph{color:#9fd0e8}.speed{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--card-line);border-radius:10px;padding:0 12px;backdrop-filter:blur(7px)}.speed .lbl{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.speed input{flex:1;min-width:40px;accent-color:var(--accent)}.corner{position:absolute;top:var(--pad);left:50%;transform:translate(-50%);display:flex;gap:6px}.chip{appearance:none;border:1px solid var(--card-line);background:var(--card);color:var(--ink-dim);border-radius:999px;padding:5px 11px;font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(7px)}.chip[data-on=true]{color:var(--ink);border-color:var(--accent)}.scrim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(120% 90% at 50% 24%,#1a110b80,#080604db);z-index:5;overflow:auto}.scrim[hidden]{display:none}.sheet{width:min(520px,100%);background:#18110cf0;border:1px solid var(--card-line);border-radius:16px;padding:22px;max-height:100%;overflow:auto}.sheet--wide{width:min(680px,100%)}.sheet h1{margin:4px 0 10px;font-size:40px;line-height:1;letter-spacing:-.01em}.sheet h2{margin:4px 0 10px;font-size:25px;line-height:1.1}.lede{margin:0 0 16px;font-size:15px;line-height:1.5;color:var(--ink-dim)}.hint{margin:14px 0 0;font-size:11.5px;line-height:1.7;color:var(--ink-faint)}.primary{appearance:none;border:0;border-radius:11px;background:var(--accent);color:#1b120a;padding:13px 20px;font:inherit;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;width:100%}.primary:hover{background:#f0c489}.ghost{appearance:none;margin-top:8px;width:100%;border:1px solid var(--card-line);background:transparent;color:var(--ink-dim);border-radius:11px;padding:11px;font:inherit;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.order,.marks{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.order li,.marks li{display:flex;gap:10px;align-items:baseline;font-size:13px;color:var(--ink-dim);border-left:2px solid var(--card-line);padding-left:10px}.order li b,.marks li b{color:var(--ink);font-weight:650}.order li .n,.marks li .n{color:var(--ink-faint);font-size:11px;min-width:18px;font-variant-numeric:tabular-nums}.order li[data-now=true]{border-left-color:var(--accent);color:var(--ink)}.marks li[data-tone=bad]{border-left-color:var(--bad)}.marks li[data-tone=warn]{border-left-color:var(--warn)}.marks li[data-tone=good]{border-left-color:var(--good)}.score{display:flex;align-items:baseline;gap:10px;margin:0 0 14px}.score b{font-size:44px;font-weight:700;font-variant-numeric:tabular-nums}.score span{color:var(--ink-faint);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:5px;margin:0 0 18px}.stn{border:1px solid var(--card-line);border-radius:8px;padding:5px 7px;font-size:11px}.stn .y{color:var(--ink-faint);font-variant-numeric:tabular-nums}.stn .v{font-variant-numeric:tabular-nums;font-weight:650}.stn[data-v=good]{border-color:#8fd6a880}.stn[data-v=low]{border-color:#e8c46a80}.stn[data-v=over]{border-color:#e8836a99;background:#e8836a1a}.help{margin:0 0 18px;display:grid;grid-template-columns:116px 1fr;gap:8px 14px;font-size:13px;line-height:1.5}.help dt{color:var(--accent);font-weight:650}.help dd{margin:0;color:var(--ink-dim)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #ffd79a;outline-offset:2px}@media(max-width:860px){:root{--pad: 10px}.hud-top{gap:8px}.plate--form{min-width:0;flex:1;max-width:54vw}.plate h2{font-size:16px}.plate--readout{min-width:150px}.row .k,.meter .k{width:34px;font-size:9px}.row b,.meter b{min-width:32px;font-size:11px}.row .u{display:none}.band{max-width:100%;padding:6px 8px 4px}#profile{height:74px}.legend{font-size:9px}.status{font-size:12px;max-width:100%}.corner{position:static;order:3;align-self:flex-end;transform:none;margin:0}.deck-row{gap:5px}.key{min-height:44px;padding:6px 2px 5px}.key .lbl{font-size:9px;letter-spacing:.04em}.key .glyph{font-size:14px}.deck-row--last{grid-template-columns:1fr 1fr}.speed{grid-column:1 / -1;min-height:40px}.sheet{padding:18px}.sheet h1{font-size:32px}.help{grid-template-columns:1fr;gap:3px 0}.help dt{margin-top:8px}}@media(prefers-reduced-motion:reduce){.bar i{transition:none}}