:root{--bg:#0b0d14;--fg:#e8e2d0;--dim:#9a937f;--gold:#e0b45c;--panel:#0b0d14b8;--line:#e0b45c59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font-family:Georgia,Times New Roman,serif;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block}#hud{pointer-events:none;background:var(--panel);border:1px solid var(--line);border-radius:6px;width:300px;padding:12px 16px;position:fixed;top:16px;left:16px}#hud h1{color:var(--gold);letter-spacing:.04em;margin:0 0 4px;font-size:18px}#banner{color:var(--fg);min-height:1.2em;margin:0 0 10px;font-size:13px}#banner.winner{color:var(--gold);font-size:15px}#hud .hint{color:var(--dim);margin:10px 0 0;font-size:11px;line-height:1.4}#cards{flex-direction:column;gap:6px;display:flex}.card{border:1px solid #ffffff14;border-left:3px solid var(--c,#888);background:#ffffff08;border-radius:4px;padding:6px 8px;font-size:12px;transition:opacity .4s}.card.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;background:#e0b45c14}.card.dead{opacity:.35;filter:grayscale(.8)}.card .head{align-items:center;gap:6px;font-size:13px;display:flex}.card .head .hp{color:var(--dim);font-variant-numeric:tabular-nums;margin-left:auto}.card .swatch{background:var(--c);border-radius:2px;width:10px;height:10px;display:inline-block}.card .bar{background:#ffffff1a;border-radius:3px;height:5px;margin:5px 0 4px;overflow:hidden}.card .bar i{background:var(--c);height:100%;transition:width .35s ease-out;display:block}.card .stats{color:var(--fg);font-size:11px}.card .skill{color:var(--dim);margin-top:2px;font-size:11px}#log{pointer-events:auto;background:var(--panel);border:1px solid var(--line);width:360px;color:var(--fg);border-radius:6px;padding:8px 12px;font-size:12px;line-height:1.45;position:fixed;bottom:16px;left:16px}#log div{opacity:.55}#log div:last-child{opacity:1}#log:empty{display:none}#controls{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed;bottom:16px;right:16px}#controls .row{align-items:center;gap:6px;display:flex}#controls .gap{width:10px}#controls button{color:var(--gold);font:inherit;cursor:pointer;background:#e0b45c1f;border:1px solid #e0b45c73;border-radius:4px;min-width:36px;padding:5px 11px;font-size:13px}#controls button:hover:not(:disabled){background:#e0b45c40}#controls button.active{background:var(--gold);color:var(--bg)}#controls button:disabled{opacity:.4;cursor:default}#end-turn{font-weight:700}