:root{--bg:#17151c;--panel:#221f29;--line:#3a3544;--text:#e8e4ef;--dim:#8f889c;--hp:#d9534f;--mp:#4a90e2;--accent:#f0c85a;--danger:#e63c3273;--tick:#7ee0b0}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;margin:0;font:14px/1.4 ui-monospace,SF Mono,Menlo,monospace;display:flex}header,footer{flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;display:flex}header{border-bottom:1px solid var(--line)}footer{color:var(--dim);border-top:1px solid var(--line);margin-top:auto;font-size:12px}.spacer{flex:1}select,button{background:var(--panel);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:4px;padding:4px 8px}main{flex-wrap:wrap;align-items:flex-start;gap:16px;padding:16px;display:flex}#stage{position:relative}#map{image-rendering:pixelated;background:#000;max-width:100%;display:block}#banner[hidden]{display:none}#banner{text-align:center;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:22px;display:flex;position:absolute;inset:0}#banner small{color:var(--dim);font-size:13px}aside{flex-direction:column;flex:1;gap:12px;min-width:260px;max-width:360px;display:flex}.unit{background:var(--panel);border:1px solid var(--line);border-radius:6px;grid-template-columns:32px 1fr;gap:4px 8px;padding:8px;display:grid}.unit.dead{opacity:.4}.unit .name{font-weight:700}.bar{background:#000;border-radius:3px;height:6px;margin-top:2px;overflow:hidden}.bar>div{height:100%}.small{color:var(--dim);font-size:12px}.dbg{color:var(--tick);font-size:12px}.spr{width:32px;height:32px;image-rendering:pixelated;background-image:url(/assets/tiles.png);background-size:384px 352px}.spr.s24{background-size:288px 264px;width:24px;height:24px}#abilities{flex-direction:column;gap:4px;display:flex}#abilities button{text-align:left;cursor:pointer;justify-content:space-between;gap:8px;display:flex}#abilities button:disabled{opacity:.4;cursor:default}#abilities button.aiming{border-color:var(--accent);color:var(--accent)}#order{background:var(--panel);border:1px dashed var(--tick);border-radius:6px;padding:8px}body:not(.debug) .dev-only,body:not(.debug) .dbg{display:none}#timeline{padding:0 16px 16px;overflow-x:auto}.tl{background:var(--line);border:1px solid var(--line);gap:1px;width:max-content;display:grid}.tl>div{background:var(--bg);justify-content:center;align-items:center;height:26px;font-size:11px;display:flex;position:relative}.tl .head{color:var(--dim)}.tl .now{background:#2c2838}.tl .now.head{color:var(--accent);font-weight:700}.tl .span{background:#3b3350}.tl .span.monster{background:#53303a}.tl .ghost{outline:2px dashed var(--accent);outline-offset:-3px}.tl .tickmark:after{content:"";background:var(--tick);border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}body:not(.debug) .tl .tickmark:after{display:none}.tl .label{justify-content:flex-start;gap:4px;padding:0 4px}#results{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:8px;padding:8px;display:flex}#results[hidden]{display:none}.hist svg{display:block}.hist-axis{stroke:var(--line);stroke-width:1px}.hist-tick{fill:var(--dim);font-size:10px}.hist-you{fill:var(--text);font-size:10px;font-weight:700}.hist-col:hover path{opacity:.8}.ico{width:24px;height:24px;image-rendering:pixelated;display:block}#abilities .ico{vertical-align:middle;width:20px;height:20px;margin-right:6px;display:inline-block}.ico-inline{width:18px;height:18px;image-rendering:pixelated;vertical-align:middle;display:inline-block}