*{box-sizing:border-box}[hidden]{display:none!important}:root{--ink: #ece2ce;--ink-dim: #a89a80;--clay: #c0784a;--ember: #e8863c;--good: #7fd6a4;--bad: #e2705a;--panel: rgba(18, 16, 13, .95);--edge: rgba(236, 226, 206, .18)}html,body{margin:0;height:100%;background:#14120f;color:var(--ink)}body{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;overflow:hidden}#app{position:relative;height:100%;overflow:hidden}#stage{display:block;width:100%;height:100%;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#0000 42%,#0a08069e)}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78em;padding:.05em .34em;border-radius:4px;border:1px solid var(--edge);background:#ece2ce1a;color:var(--ink)}#hud{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;gap:1rem;padding:.7rem clamp(.7rem,3vw,1.6rem);background:linear-gradient(180deg,#0e0c0aeb,#0e0c0a00)}.mark{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.mark i{width:10px;height:10px;border-radius:50%;background:var(--clay);box-shadow:0 0 12px var(--clay)}.mark span{font-size:.78rem;letter-spacing:.24em;display:grid}.mark small{font-size:.55rem;letter-spacing:.2em;color:var(--ink-dim)}.readouts{display:flex;gap:clamp(.5rem,2vw,1.4rem);margin-left:auto}.readout{text-align:right;line-height:1.1}.readout b{display:block;font-family:ui-monospace,Menlo,monospace;font-size:1rem;font-weight:600}.readout small{font-size:.55rem;letter-spacing:.16em;color:var(--ink-dim)}.hud-actions{display:flex;gap:.4rem;flex:0 0 auto}button{font:inherit;color:var(--ink);cursor:pointer;background:#ece2ce14;border:1px solid var(--edge);border-radius:6px;padding:.45rem .8rem}button:hover{background:#ece2ce29}button:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.icon{font-size:.62rem;letter-spacing:.14em;padding:.4rem .6rem}.primary{background:#dd8f5c;border-color:#dd8f5c;color:#150e06;font-weight:700;letter-spacing:.06em;padding:.7rem 1.5rem;border-radius:8px}.primary:hover{background:#eba070}#status{position:absolute;left:50%;transform:translate(-50%);bottom:clamp(9.5rem,20vh,12rem);z-index:4;margin:0;max-width:min(46rem,86vw);text-align:center;font-size:.92rem;line-height:1.45;color:#f0e7d6;background:#0e0c0ae6;border:1px solid var(--edge);border-radius:8px;padding:.45rem .9rem}#bench{position:absolute;left:clamp(.6rem,2.5vw,1.6rem);top:5.2rem;z-index:3;display:grid;gap:.55rem;width:min(21rem,46vw);background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:.6rem}#section{width:100%;height:208px;display:block;border-radius:6px}.gauges{display:flex;gap:.6rem;align-items:flex-start}#gauge{width:104px;height:104px;flex:0 0 auto;border-radius:6px}.brief{flex:1 1 auto;font-size:.72rem;line-height:1.42;color:#cdc2ad}.brief b{display:block;color:var(--ink);font-size:.82rem;letter-spacing:.04em}.brief em{color:var(--ember);font-style:normal}.meters{display:grid;gap:.3rem}.meter{display:grid;grid-template-columns:4.2rem 1fr 2.6rem;gap:.4rem;align-items:center;font-size:.6rem;letter-spacing:.1em;color:#bdb2a0}.meter i{display:block;height:6px;border-radius:3px;background:#ece2ce1f;overflow:hidden}.meter i>u{display:block;height:100%;background:var(--clay);text-decoration:none;transition:width .08s linear}.meter b{font-family:ui-monospace,Menlo,monospace;font-weight:600;color:var(--ink);text-align:right;font-size:.66rem}.meter.warn i>u{background:var(--bad)}.meter.ok i>u{background:var(--good)}#controls{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem;padding:.6rem clamp(.6rem,2.5vw,1.6rem) max(.6rem,env(safe-area-inset-bottom))}.pad{display:flex;align-items:center;gap:.4rem}.pad-label{font-size:.55rem;letter-spacing:.18em;color:#bdb2a0}.pad-btn{min-width:3.4rem;min-height:3.4rem;border-radius:10px;font-size:.66rem;letter-spacing:.12em;touch-action:none;user-select:none}.pad-btn.wide{min-width:5.4rem}.pad-btn.primary{background:#dd8f5c;border-color:#dd8f5c;color:#150e06}.pad-btn[data-on="1"]{background:#f2a765;border-color:#f2a765;color:#150e06}.screen{position:absolute;inset:0;z-index:8;display:grid;place-content:center;gap:.85rem;text-align:center;padding:clamp(1.2rem,5vw,2.6rem);background:radial-gradient(ellipse at center,#100d0ae6,#090806f7);overflow:auto}.screen.modal{background:radial-gradient(ellipse at center,#100d0aed,#090806fa)}.eyebrow{margin:0;font-size:.64rem;letter-spacing:.34em;text-transform:uppercase;color:var(--clay)}h1{margin:0;font-size:clamp(2.6rem,11vw,5.4rem);line-height:.94;letter-spacing:-.02em}h2{margin:0;font-size:clamp(1.4rem,5vw,2.1rem);line-height:1.1}.lede{margin:0 auto;max-width:40rem;color:#c9bda6;line-height:1.5;font-size:.95rem}.hint{margin:0;font-size:.7rem;color:var(--ink-dim);line-height:1.9}.row{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.steps{text-align:left;max-width:42rem;margin:0 auto;padding-left:1.1rem;color:#c9bda6;line-height:1.55;font-size:.88rem}.steps li{margin-bottom:.5rem}.steps b{color:var(--ink)}.marks{display:grid;gap:.25rem;max-width:30rem;margin:0 auto;text-align:left}.mark-row{display:grid;grid-template-columns:1fr auto auto;gap:.6rem;align-items:center;font-size:.74rem;padding:.3rem .5rem;border-radius:6px;background:#ece2ce0f;border:1px solid var(--edge)}.mark-row span{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.mark-row b{font-family:ui-monospace,Menlo,monospace}.mark-row.out{border-color:#e2705a99}.mark-row.out b{color:var(--bad)}.mark-row.ok b{color:var(--good)}@media(max-width:720px){#hud{flex-wrap:wrap;gap:.4rem;padding:.5rem .6rem}.readouts{gap:.7rem;order:3;width:100%;margin-left:0;justify-content:space-between}.readout{text-align:left}.readout b{font-size:.86rem}.hud-actions{margin-left:auto}#bench{top:auto;bottom:9.2rem;left:.5rem;right:.5rem;width:auto;padding:.45rem}#section{height:100px}#gauge{width:64px;height:64px}.brief{font-size:.66rem;color:#cdc2ad}.meters{grid-template-columns:1fr 1fr;display:grid}.meter{grid-template-columns:3.4rem 1fr 2.2rem}#status{bottom:27rem;font-size:.8rem;max-width:92vw;padding:.35rem .6rem}#controls{gap:.3rem;padding:.45rem .4rem max(.45rem,env(safe-area-inset-bottom))}.pad{gap:.28rem}.pad-btn{min-width:2.6rem;min-height:2.7rem;font-size:.56rem;padding:.3rem .35rem}.pad-btn.wide{min-width:3.3rem}.pad-label{display:none}.steps{font-size:.8rem}}@media(max-width:420px){.meters{grid-template-columns:1fr}.brief{display:none}}@media(prefers-reduced-motion:reduce){.meter i>u{transition:none}}