: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}#app{max-width:820px;margin:0 auto;padding:16px;display:grid;gap:12px;min-height:100vh;grid-template-rows:auto 1fr auto}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}.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{margin:0;padding:8px 12px 8px 32px;overflow-y:auto;max-height:40vh;background:var(--ink-1);border:1px solid var(--ink-2);font-size:13px;line-height:1.5}.log li:first-child{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{display:flex;justify-content:center;max-width:820px;margin:16px auto 0;padding:0 16px}canvas.scene{display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:#070608;border:1px solid var(--ink-2)}