:root{--ink-0: #0d0b0a;--ink-1: #2a2420;--ink-2: #6b5f55;--ink-3: #d8cdbd;--blood: #a3121a;--torch: #e0a040;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;color:var(--ink-3);background:var(--ink-0)}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;gap:12px;padding:16px;overflow:auto}#app{flex:0 0 auto;width:100%;max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px;min-height:0}h2,h3{margin:0 0 6px;font-weight:600}h2 small,h3 small{color:var(--ink-2);font-weight:400;font-size:.8em}section{background:var(--ink-1);border:1px solid var(--ink-2);padding:12px}.bar{position:relative;height:18px;background:var(--ink-0);border:1px solid var(--ink-2)}.bar>div{height:100%;background:var(--blood);transition:width .2s}.bar.torch>div{background:var(--torch)}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:12px;line-height:16px}.intent{margin:8px 0 0;color:var(--torch)}.chips{display:flex;gap:4px;flex-wrap:wrap;min-height:22px;margin-top:4px}.chips:empty{min-height:0;margin-top:0}.chip{font-size:11px;padding:2px 6px;border:1px solid var(--ink-2)}.chip.bleed,.chip.burn{border-color:var(--blood);color:#e05a5a}.chip.stun,.chip.guard{border-color:var(--torch);color:var(--torch)}.chip.blind{border-color:#8a8a9a;color:#b8b8c8}.skills.items{margin-top:6px}.log{flex:0 0 auto;margin:0;padding:8px 12px 8px 32px;overflow-y:auto;height:7.5em;min-height:4.5em;max-height:20vh;background:var(--ink-1);border:1px solid var(--ink-2);font-size:13px;line-height:1.5}.log li.seed{list-style:none;color:var(--ink-2)}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}button{position:relative;font:inherit;color:var(--ink-3);background:var(--ink-0);border:1px solid var(--ink-2);padding:8px;text-align:left;cursor:pointer;display:grid;gap:2px}button:hover:not(:disabled){border-color:var(--torch)}button:disabled{opacity:.4;cursor:default}button kbd{position:absolute;top:4px;right:6px;font-size:10px;color:var(--ink-2)}button small{color:var(--ink-2);font-size:11px}button em{position:absolute;bottom:4px;right:6px;font-style:normal;color:var(--torch)}.end{display:flex;gap:12px;align-items:center}.end button{display:inline-block}@media (max-width: 520px){.row{grid-template-columns:1fr}}.turn{display:flex;gap:8px;align-items:center;margin-bottom:8px;font-size:12px;color:var(--ink-2)}.budget{display:inline-flex;gap:3px;min-width:14px}.pip{width:10px;height:10px;border:1px solid var(--torch);background:var(--torch)}.pip.bonus{border-radius:50%}#end-turn{margin-left:auto;display:inline-block;padding:4px 28px 4px 8px}#stage{flex:1 1 0;min-width:0;min-height:144px;overflow:hidden;display:flex;justify-content:center;align-items:center}canvas.scene{display:block;flex:none;image-rendering:pixelated;image-rendering:crisp-edges;background:#070608;outline:1px solid var(--ink-2)}@media (min-width: 760px) and (min-aspect-ratio: 5/4){body{flex-direction:row}#app{flex:0 0 clamp(340px,34vw,440px);height:100%;margin:0}.log{flex:1 1 0;max-height:none;min-height:3em}}@media (max-height: 700px){body{padding:12px;gap:10px}#app{gap:8px}section{padding:8px 10px}h2,h3{margin-bottom:4px}.intent{margin-top:4px}.row,.turn{margin-bottom:6px}.skills{gap:4px}.skills.items{margin-top:4px}button{padding:4px 16px 4px 8px;gap:0;min-width:0;font-size:13px}button small{font-size:10px}button kbd{top:2px}button em{bottom:2px}}#stage{position:relative}.end-screen{z-index:10;display:grid;place-content:center;justify-items:center;gap:18px;padding:16px;text-align:center;background:radial-gradient(ellipse at center,rgb(13 11 10 / .72) 0%,rgb(13 11 10 / .9) 60%,var(--ink-0) 100%);border:1px solid var(--ink-2);animation:end-screen-in .6s steps(6,end) both}.end-screen[hidden]{display:none}.end-screen h2{margin:0;font-size:clamp(28px,7vw,56px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;line-height:1;color:var(--torch);text-shadow:3px 3px 0 var(--ink-0),0 0 18px rgb(224 160 64 / .35)}.end-screen[data-result=lost] h2{color:var(--blood);text-shadow:3px 3px 0 var(--ink-0),0 0 18px rgb(163 18 26 / .5)}.end-screen dl{margin:0;display:grid;gap:6px;min-width:min(260px,70%);font-size:13px}.end-screen dl>div{display:flex;align-items:baseline;gap:8px}.end-screen dt{color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em}.end-screen dl>div:after{content:"";order:1;flex:1;border-bottom:1px dotted var(--ink-2)}.end-screen dd{margin:0;order:2;color:var(--ink-3);font-weight:700}.end-screen button{display:inline-flex;gap:10px;align-items:center;padding:8px 14px;text-transform:uppercase;letter-spacing:.08em}.end-screen button kbd{position:static;font-size:10px;color:var(--ink-2);border:1px solid var(--ink-2);padding:1px 4px}.end-screen button:focus-visible{outline:1px solid var(--torch);outline-offset:2px}@keyframes end-screen-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.end-screen{animation:none}}