:root{color-scheme:dark;--ink: #f6edda;--muted: #c9bb9c;--gold: #e8c56a;--hot: #ffcf7a;--cold: #9fd2ff;--danger: #ff9a7c;--deep: #0a0b06;--panel: rgba(11, 12, 7, .9);--panel-soft: rgba(11, 12, 7, .84);--line: rgba(232, 197, 106, .3);--line-soft: rgba(232, 197, 106, .16);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--deep)}body{color:var(--ink)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#app,#stage{position:fixed;inset:0;width:100%;height:100%}#stage{display:block;touch-action:none}#hud{position:fixed;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 26px;background:linear-gradient(180deg,rgba(6,7,4,.92),rgba(6,7,4,.4) 62%,transparent);pointer-events:none}.mark{display:flex;align-items:center;gap:11px;pointer-events:auto}.mark i{display:block;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff4d8,var(--gold) 48%,#6b4f14 100%);box-shadow:0 0 16px #e8c56a73}.mark span{display:grid;gap:3px;font:700 12px/1 system-ui,sans-serif;letter-spacing:.24em}.mark small{color:var(--muted);font:10px/1 ui-monospace,DM Mono,monospace;letter-spacing:.14em;font-weight:400}.score-strip{display:flex;align-items:stretch;gap:1px;pointer-events:auto}.score-side{display:grid;justify-items:center;gap:4px;min-width:74px;padding:7px 12px;border:1px solid var(--line-soft);background:var(--panel-soft)}.score-side+.score-side{border-left:0}.score-side small{color:var(--muted);font:9px/1 ui-monospace,monospace;letter-spacing:.16em}.score-side b{font:600 20px/1 system-ui,sans-serif}.score-side.you b{color:var(--gold)}.score-side.theirs b{color:var(--danger)}.score-side.target b,.score-side.clock b{font:500 15px/1.4 ui-monospace,monospace;color:var(--ink)}.hud-actions{display:flex;gap:8px;pointer-events:auto}.hud-actions button{display:grid;gap:3px;justify-items:center;min-width:64px;padding:8px 10px;border:1px solid var(--line);background:var(--panel-soft);font:9px/1 ui-monospace,monospace;letter-spacing:.12em;transition:background .16s,border-color .16s}.hud-actions button:hover{background:#e8c56a38;border-color:var(--gold)}#status-line{position:fixed;z-index:7;top:74px;left:50%;transform:translate(-50%);margin:0;padding:6px 14px;max-width:min(560px,calc(100vw - 32px));background:var(--panel-soft);border:1px solid var(--line-soft);color:var(--muted);text-align:center;font:10px/1.4 ui-monospace,monospace;letter-spacing:.08em;pointer-events:none}#callout{position:fixed;z-index:7;top:108px;left:50%;transform:translate(-50%);margin:0;padding:0;width:min(620px,calc(100vw - 32px));text-align:center;color:var(--hot);font:12px/1.35 ui-monospace,monospace;letter-spacing:.2em;text-shadow:0 2px 18px rgba(0,0,0,.9);pointer-events:none}#callout.big{font-size:20px;letter-spacing:.24em;text-shadow:0 0 26px rgba(255,207,122,.6),0 2px 18px rgba(0,0,0,.9)}#gauge{position:fixed;z-index:8;left:50%;bottom:104px;transform:translate(-50%);width:min(560px,calc(100vw - 28px));padding:12px 14px 11px;background:var(--panel);border:1px solid var(--line);pointer-events:none}.gauge-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.gauge-head>span{display:flex;align-items:baseline;gap:8px;color:var(--muted);font:9px/1 ui-monospace,monospace;letter-spacing:.16em}.gauge-head b{color:var(--ink);font:600 15px/1 system-ui,sans-serif;letter-spacing:.06em}.gauge-head em{color:var(--gold);font-style:normal;letter-spacing:.1em}.gauge-reach b{color:var(--gold);font-family:ui-monospace,monospace;font-size:14px}.gauge-reach b.hot{color:#9dffc4}#gauge-track{position:relative;height:16px;margin:10px 0 6px;background:#060704d9;border:1px solid var(--line-soft)}.gauge-fill{position:absolute;inset:1px auto 1px 1px;width:0;background:linear-gradient(90deg,#e8c56a29,#e8c56a6b);transition:background .2s}.gauge-fill.hot{background:linear-gradient(90deg,#9dffc433,#9dffc480)}.gauge-mark{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--hot);box-shadow:0 0 8px #ffcf7ab3}.gauge-mark.theirs{background:var(--danger);box-shadow:0 0 8px #ff9a7c99}.gauge-dot{position:absolute;top:100%;margin-top:4px;width:2px;height:2px;background:var(--muted);opacity:.7}.gauge-dot.here{background:var(--hot);opacity:1;box-shadow:0 0 7px var(--hot)}.gauge-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px}.gauge-foot>span{color:var(--muted);font:9px/1 ui-monospace,monospace;letter-spacing:.14em}.gauge-fill.beat{background:linear-gradient(90deg,#ff9a7c2e,#ff9a7c7a)}#state-pill.beat{border-color:#ff9a7c8c;color:var(--danger)}.gauge-foot b{color:var(--ink);font-weight:500;letter-spacing:.1em}.gauge-foot b.hot{color:var(--hot)}#state-pill{margin-left:auto;padding:4px 9px;border:1px solid var(--line);color:var(--hot);letter-spacing:.14em}#state-pill.good{border-color:#9dffc48c;color:#9dffc4}.gauge-extra{display:flex;align-items:center;gap:12px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line-soft)}.stam{display:flex;align-items:center;gap:7px;flex:0 0 auto}.stam small{color:var(--muted);font:8px/1 ui-monospace,monospace;letter-spacing:.16em}.stam-track{width:86px;height:5px;background:#060704e6;border:1px solid var(--line-soft)}#stam-fill{height:100%;width:100%;background:linear-gradient(90deg,#9dffc480,#9dffc4d9)}#stam-fill.low{background:linear-gradient(90deg,#ff9a7c80,#ff9a7ce6)}.touch-log{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.touch-log span{padding:2px 6px;border:1px solid var(--line-soft);color:var(--muted);font:8px/1.4 ui-monospace,monospace;letter-spacing:.1em}.touch-log span.mine{border-color:#e8c56a80;color:var(--gold)}.touch-log span.theirs{border-color:#ff9a7c73;color:var(--danger)}.touch-log span.empty{border:0;color:var(--muted);opacity:.8}#controls{position:fixed;z-index:9;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none}#action-bar{pointer-events:auto;display:grid;gap:6px;justify-items:center}#action-state{color:var(--muted);font:9px/1 ui-monospace,monospace;letter-spacing:.24em}.action-row{display:flex;gap:7px}.action-row button{display:grid;gap:4px;justify-items:center;min-width:92px;min-height:46px;padding:8px 12px;border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);transition:background .12s,border-color .12s,transform .12s}.action-row button span{font:11px/1 ui-monospace,monospace;letter-spacing:.14em}.action-row button small{color:var(--muted);font:8px/1 ui-monospace,monospace;letter-spacing:.14em}.action-row button:hover{background:#e8c56a3d;border-color:var(--gold)}.action-row button:active,.action-row button.on{transform:translateY(1px);background:#e8c56a5c;border-color:var(--gold)}#action-attack{border-color:#ffcf7a8c}#move-pad{position:absolute;left:14px;bottom:0;display:none;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:5px;pointer-events:auto}#move-pad button{border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);font-size:13px}#move-pad button.on{background:#e8c56a57;border-color:var(--gold)}#move-pad button[data-touch=left]{grid-area:2 / 1}#move-pad button[data-touch=close]{grid-area:1 / 2}#move-pad button[data-touch=right]{grid-area:2 / 3}#move-pad button[data-touch=break]{grid-area:2 / 2}.screen{position:fixed;z-index:10;inset:0;display:flex;padding:26px}.title-screen{align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(100deg,#050603f0,#050603c7 42%,#05060380 74%,#050603b8)}.title-copy{width:min(540px,100%)}.eyebrow{margin:0;color:var(--gold);font:10px/1 ui-monospace,monospace;letter-spacing:.28em}.title-copy h1{margin:16px 0 14px;font-size:clamp(58px,10vw,118px);line-height:.82;letter-spacing:-.055em;font-weight:700}.title-copy h1 span{color:var(--gold)}.lede{margin:0;max-width:470px;color:var(--muted);font-size:clamp(13px,1.3vw,16px);line-height:1.6}.title-controls{display:flex;flex-wrap:wrap;gap:7px 18px;margin:22px 0 20px;color:var(--muted);font:10px/1.6 ui-monospace,monospace;letter-spacing:.08em}kbd{display:inline-block;margin-right:3px;padding:2px 5px;border:1px solid var(--line);color:var(--ink);font:9px/1 ui-monospace,monospace}.primary,.secondary{display:block;width:100%;max-width:300px;min-height:50px;padding:14px 20px;border:1px solid var(--gold);background:var(--gold);color:#14100a;font:12px/1 ui-monospace,monospace;letter-spacing:.2em}.primary:hover{background:#ffdd9c}.secondary{max-width:300px;margin-top:9px;background:transparent;border-color:var(--line);color:var(--muted)}.secondary:hover{color:var(--ink);border-color:var(--gold)}.title-copy>small{display:block;margin-top:14px;color:var(--muted);font:10px/1 ui-monospace,monospace;letter-spacing:.1em}.brief-card{width:min(340px,100%);padding:20px;border:1px solid var(--line);background:var(--panel)}.brief-card>span{color:var(--gold);font:9px/1 ui-monospace,monospace;letter-spacing:.24em}.brief-card>b{display:block;margin:10px 0 16px;color:var(--ink);font-size:15px;line-height:1.45;font-weight:600}.brief-card dl{display:grid;grid-template-columns:74px 1fr;gap:9px 12px;margin:0}.brief-card dt{color:var(--gold);font:9px/1.5 ui-monospace,monospace;letter-spacing:.12em}.brief-card dd{margin:0;color:var(--muted);font-size:11.5px;line-height:1.5}.modal{align-items:center;justify-content:center;background:#040503d6}.modal-card{width:min(470px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid var(--line);background:var(--panel)}.modal-card h2{margin:12px 0 10px;font-size:30px;line-height:1.05;letter-spacing:-.03em}.modal-card p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.6}.help-card{width:min(600px,100%)}.help-card dl{display:grid;grid-template-columns:108px 1fr;gap:10px 14px;margin:18px 0 22px}.help-card dt{color:var(--gold);font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em}.help-card dd{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.toggle{display:flex;align-items:center;gap:10px;margin:4px 0 20px;color:var(--muted);font:10px/1.5 ui-monospace,monospace}.toggle input{width:16px;height:16px;accent-color:var(--gold)}.result-card h2{text-transform:capitalize}.result-card .result-best{color:var(--gold)}#result-screen.lost .result-card{border-color:#ff9a7c80}#result-screen.lost .result-best{color:var(--danger)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0 22px}.result-stats span{display:grid;gap:6px;padding:10px;border:1px solid var(--line-soft);background:#06070499}.result-stats small{color:var(--muted);font:8px/1 ui-monospace,monospace;letter-spacing:.14em}.result-stats b{color:var(--ink);font:13px/1 ui-monospace,monospace;font-weight:500}@media(max-width:760px){#hud{padding:10px 12px;gap:8px}.mark span{font-size:10px;letter-spacing:.16em}.mark small{font-size:8px}.mark i{width:16px;height:16px}.score-side{min-width:52px;padding:5px 8px}.score-side b{font-size:16px}.score-side small{font-size:7px;letter-spacing:.1em}.score-side.clock{display:none}.hud-actions button{min-width:46px;padding:6px;font-size:8px}#status-line{top:62px;font-size:9px;padding:5px 10px}#callout{top:92px;font-size:10px}#callout.big{font-size:16px}#gauge{bottom:118px;padding:10px 11px 9px}.gauge-head b{font-size:13px}.gauge-foot{gap:4px 10px;margin-top:10px}.gauge-foot>span{font-size:8px}#state-pill{margin-left:0}.stam-track{width:64px}.title-screen{flex-direction:column;align-items:stretch;justify-content:center;gap:18px;padding:16px;overflow:auto}.title-copy h1{font-size:clamp(48px,17vw,74px)}.lede{font-size:12.5px}.title-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:16px 0;font-size:9px}.primary,.secondary{max-width:none;width:100%}.brief-card{padding:14px}.brief-card dl{grid-template-columns:66px 1fr;gap:7px 10px}.brief-card dd{font-size:11px}.modal{padding:12px}.modal-card{padding:22px 16px;max-height:calc(100dvh - 24px)}.modal-card h2{font-size:25px}.help-card dl{grid-template-columns:1fr;gap:4px}.help-card dt{margin-top:8px}.result-stats{grid-template-columns:repeat(3,1fr)}}@media(pointer:coarse){#move-pad{display:grid}#controls{justify-content:flex-end;padding:0 12px}#action-bar{margin-left:168px;margin-right:0;align-self:flex-end}.action-row{flex-wrap:wrap;justify-content:flex-end;width:208px;max-width:208px}.action-row button{min-width:100px;flex:1 1 100px}#gauge{bottom:156px}}@media(max-height:560px){#gauge{bottom:12px}#status-line,#callout{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}