: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}}