*{box-sizing:border-box}:root{--ink: #0b0806;--panel: rgba(17, 13, 11, .92);--panel-solid: #14100d;--line: #3b3129;--text: #efe3cf;--faint: #b5a596;--dim: #9c8d7e;--ember: #ff9c3c;--ember-deep: #d1551f;--good: #7fd6a4;--bad: #e2704a}html,body{margin:0;height:100%;background:var(--ink);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overscroll-behavior:none}body{overflow:hidden}#app{position:relative;width:100%;height:100%;overflow:hidden}#stage{display:block;width:100%;height:100%}.hud{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(.6rem,1.4vw,1.1rem);gap:.6rem;pointer-events:none}.hud[hidden]{display:none}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.hud-bottom{display:flex;flex-direction:column;gap:.5rem;align-items:center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem;box-shadow:0 10px 26px #00000080;pointer-events:auto}.order-card{max-width:min(30rem,46vw)}.shift-card{min-width:12.5rem;text-align:right}.strip{margin:0 0 .3rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.strip--buttons{justify-content:flex-end;margin:.5rem 0 0}.pill{border:1px solid var(--ember-deep);color:var(--ember);border-radius:999px;padding:.1rem .5rem;font-size:.66rem;letter-spacing:.1em}h2{margin:0;font-size:clamp(1rem,2.1vw,1.35rem);line-height:1.1;letter-spacing:-.01em}.article{margin:.1rem 0 .4rem;color:var(--faint);font-size:.85rem}.called{border-top:1px solid var(--line);padding-top:.4rem}.called-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.2rem}.chip{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--line);border-radius:6px;padding:.16rem .4rem;font-size:.76rem;color:var(--text);background:#1b1512}.dot{width:.85rem;height:.85rem;border-radius:3px;border:1px solid #00000060;background:#2a1a12}.faint{color:var(--faint);font-size:.72rem}.label{margin:0;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.score{margin:0;font-size:1.5rem;font-weight:700;line-height:1;color:var(--text)}.pips{margin:.4rem 0 0;display:flex;gap:.25rem;justify-content:flex-end}.pip{width:.7rem;height:.7rem;border-radius:2px;border:1px solid var(--line);background:#221b16}.pip--gone{background:var(--bad);border-color:#f0a184}.pip--kept{background:var(--good);border-color:#b6f0d0}.chip-btn{font:inherit;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:#1e1814;border:1px solid var(--line);border-radius:6px;padding:.28rem .5rem;cursor:pointer}.chip-btn:hover{border-color:var(--ember)}.chip-btn[aria-pressed=true]{color:#1a120c;background:var(--faint)}.bath{display:flex;gap:1rem;align-items:center;width:min(38rem,100%)}.bath-read{text-align:center;min-width:6.2rem}.swatch{display:block;width:3.4rem;height:3.4rem;margin:.25rem auto;border-radius:8px;border:1px solid #00000090;background:#2a1a12;box-shadow:0 0 22px -4px currentColor,inset 0 0 12px #00000073}.bath-name{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}.meters{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:0}.meter[hidden]{display:none}.track{position:relative;height:.55rem;margin:.2rem 0 .15rem;border:1px solid var(--line);border-radius:999px;background:#191310;overflow:hidden}.fill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:999px}.fill--dross{background:linear-gradient(90deg,#4b3a2c,#a5764a)}.fill--weight{background:linear-gradient(90deg,#b24a12,var(--ember))}.fill--tilt{background:linear-gradient(90deg,#6c3f22,var(--ember))}.tick{position:absolute;top:0;bottom:0;width:1px;background:#f0e0c880}.band{position:absolute;top:0;bottom:0;border-left:1px solid #7fd6a4;border-right:1px solid #7fd6a4;background:#7fd6a42e}.band--gush{border-color:var(--bad);background:#e2704a33}.value{color:var(--text);letter-spacing:.04em}.hint{margin:0;font-size:.7rem;color:var(--faint)}.meter .hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coach{margin:0;max-width:min(42rem,94vw);min-height:1.1rem;text-align:center;font-size:.86rem;color:#f6dfba;text-shadow:0 1px 3px #000000cc;pointer-events:none}.controls{display:flex;gap:.5rem;width:min(38rem,100%);pointer-events:auto}.pad{flex:1;display:flex;flex-direction:column;align-items:center;gap:.1rem;min-height:3.4rem;padding:.45rem .4rem;font:inherit;color:var(--text);background:#1c1613;border:1px solid var(--line);border-radius:10px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.pad:hover{border-color:var(--ember)}.pad[data-on=true]{background:#3a2a1c;border-color:var(--ember);color:#ffe6c2}.pad[aria-disabled=true]{color:var(--dim)}.pad--go{background:#2a1a10;border-color:#6b4322}.pad--go[data-on=true]{background:var(--ember-deep);border-color:#ffb06a;color:#fff4e2}.pad-name{font-size:.92rem;font-weight:600}.pad-key{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.pad[data-on=true] .pad-key{color:#ffd9ae}.rail-row{display:flex;gap:.5rem;align-items:center;width:min(38rem,100%);pointer-events:auto}.rail-row[hidden]{display:none}.rail-btn{font:inherit;font-size:.78rem;color:var(--text);background:#1c1613;border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem;cursor:pointer;touch-action:none}.rail-btn[data-on=true]{background:#3a2a1c;border-color:var(--ember)}.tilt-wrap{flex:1;display:flex;align-items:center;gap:.5rem}.tilt-wrap .label{flex:0 0 auto}input[type=range]{flex:1;min-width:0;height:1.6rem;accent-color:var(--ember);background:transparent;cursor:pointer}.scrim{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(1rem,4vw,2.5rem);overflow-y:auto;background:radial-gradient(ellipse at 50% 42%,#0e0a08db,#060403f7)}.scrim[hidden]{display:none}.sheet{width:min(46rem,100%);background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;padding:clamp(1.1rem,3.4vw,2rem);box-shadow:0 30px 70px #000000a6}.sheet--narrow{width:min(26rem,100%);text-align:center}.sheet--title{width:min(44rem,100%)}.eyebrow{margin:0 0 .35rem;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ember)}h1{margin:0;font-size:clamp(2.6rem,11vw,5.2rem);line-height:.94;letter-spacing:-.03em;color:#ffe7c4;text-shadow:0 0 40px rgba(255,140,50,.35)}.lede{margin:.7rem 0 0;max-width:40rem;color:#d9cab3;font-size:.98rem;line-height:1.5}.ladder{display:flex;flex-wrap:wrap;gap:.35rem;margin:.9rem 0 0;padding:0;list-style:none}.ladder li{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--faint);border:1px solid var(--line);border-radius:999px;padding:.12rem .5rem .12rem .2rem;background:#1b1512}.ladder .dot{width:.95rem;height:.95rem;border-radius:50%}.steps{margin:.6rem 0 0;padding-left:1.1rem;color:#d9cab3;font-size:.9rem;line-height:1.5}.steps li{margin-bottom:.4rem}.steps b{color:#ffd6a1}.primary{margin-top:1rem;padding:.72rem 1.5rem;font:inherit;font-weight:700;font-size:1rem;color:#1c0d04;background:linear-gradient(180deg,#ffb257,#e2701f);border:1px solid #ffcf95;border-radius:999px;cursor:pointer}.secondary{margin:.5rem 0 0;padding:.55rem 1.1rem;font:inherit;color:var(--text);background:#221b16;border:1px solid var(--line);border-radius:999px;cursor:pointer}.primary:hover{filter:brightness(1.08)}.hint{margin:.7rem 0 0;font-size:.78rem;color:var(--faint)}.hint--keys{color:var(--dim)}.hint b{color:#cdbba2}.ledger{width:100%;margin:1rem 0 0;border-collapse:collapse;font-size:.82rem}.ledger caption{text-align:left;padding-bottom:.35rem}.ledger th,.ledger td{text-align:left;padding:.35rem .4rem;border-bottom:1px solid #2c231d}.ledger th{color:var(--dim);font-weight:600;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.ledger td{color:#ded0ba}.ledger .fault{color:var(--bad)}.ledger .fine{color:var(--good)}.tally{margin:.9rem 0 0;display:flex;align-items:baseline;gap:.5rem}.tally span:first-child{font-size:1.7rem;font-weight:700}:focus-visible{outline:2px solid #ffd6a1;outline-offset:2px}@media(max-width:720px){.hud{padding:.45rem;gap:.35rem}.hud-top{gap:.35rem;align-items:stretch}.panel{padding:.45rem .5rem;border-radius:8px}.order-card{max-width:none;flex:1 1 auto;min-width:0}.shift-card{min-width:0;flex:0 0 auto}.order-article,.called>.label{display:none}.called{padding-top:.3rem}.called-row{flex-wrap:wrap;gap:.25rem}.dot{width:.7rem;height:.7rem}h2{font-size:.95rem}.strip{font-size:.56rem;letter-spacing:.08em;gap:.3rem}.pill{font-size:.56rem;padding:.05rem .35rem}.score{font-size:1.15rem}.pip{width:.55rem;height:.55rem}.chip-btn{font-size:.62rem;padding:.22rem .4rem}.bath{gap:.55rem}.swatch{width:2.5rem;height:2.5rem}.bath-read{min-width:4.3rem}.bath-name{font-size:.82rem}.coach{font-size:.76rem}.pad{min-height:3rem}.pad-name{font-size:.8rem}.controls,.rail-row,.bath{width:100%}.ladder{gap:.25rem}.ladder li{font-size:.64rem}}@media(prefers-reduced-motion:reduce){.primary,.secondary,.chip-btn,.pad{transition:none}}