:root{--bg:#f2f4f1;--text:#191c19;--muted:#676d66;--line:#dfe3dd;--surface:#fff;--grass:#b9d39a;--grass-alt:#b1cc91;--forest:#6f9f58;--rock:#8b8f8a;--blue:#2563eb;--blue-dark:#1e40af;--red:#dc2626;--red-dark:#991b1b;--move:#2563eb59;--target:#dc2626b3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#121412;--text:#edf0ec;--muted:#9fa59d;--line:#2a2e29;--surface:#1a1d1a;--grass:#5d7a46;--grass-alt:#57733f;--forest:#3c5f2e;--rock:#565a55;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-underline-offset:3px}button{font:inherit;color:inherit}.muted{color:var(--muted)}.layout{gap:14px;max-width:560px;margin:0 auto;padding:32px 16px 64px;display:grid}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:28px}h1+p{margin:4px 0 0;font-size:14px}h2{margin:0 0 8px;font-size:15px}.status{border-left:4px solid var(--muted);margin:0;padding-left:10px;font-weight:600}.status.blue{border-color:var(--blue)}.status.red{border-color:var(--red)}.board{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));aspect-ratio:var(--cols) / var(--rows);border-radius:12px;display:grid;overflow:hidden;box-shadow:0 10px 28px #0000002e}.cell{background:var(--grass);cursor:pointer;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.cell.alt{background:var(--grass-alt)}.cell.forest{background:radial-gradient(circle at 30% 35%, var(--forest) 0 16%, transparent 17%), radial-gradient(circle at 70% 40%, var(--forest) 0 18%, transparent 19%), radial-gradient(circle at 48% 72%, var(--forest) 0 17%, transparent 18%), var(--grass)}.cell.rock{background:radial-gradient(ellipse 38% 32% at 50% 56%, var(--rock) 0 98%, transparent 100%), var(--grass);cursor:default}.cell.move:after{content:"";background:var(--move);position:absolute;inset:0}.cell.target:after{content:"";border:3px solid var(--target);border-radius:10px;position:absolute;inset:4%}.cell.active{box-shadow:inset 0 0 0 3px #facc15}.cell:focus-visible{outline-offset:-3px;outline:3px solid #facc15}.unit{z-index:1;aspect-ratio:1;border-radius:12px;place-items:center;width:76%;transition:opacity .2s;display:grid;position:relative}.unit.blue{background:linear-gradient(160deg, #3b82f6, var(--blue-dark));box-shadow:0 3px #172f80,0 5px 8px #00000040}.unit.red{background:linear-gradient(160deg, #ef4444, var(--red-dark));box-shadow:0 3px #6b1414,0 5px 8px #00000040}.unit.done{opacity:.55;filter:grayscale(.5)}.icon{fill:#fff;stroke:#fff;width:56%}.hp{background:#00000059;border-radius:3px;height:6px;position:absolute;bottom:-9%;left:8%;right:8%;overflow:hidden}.hp:after{content:"";width:calc(var(--hp) * 100%);background:#4ade80;transition:width .25s;position:absolute;inset:0}.panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:52px;display:flex}.info{gap:2px;font-size:14px;display:grid}.actions{flex-wrap:wrap;gap:8px;display:flex}.ghost{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;padding:7px 12px;font-size:14px}.ghost:hover:not(:disabled){background:var(--line)}.ghost:disabled{opacity:.4;cursor:default}.log{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:60px;margin:0;padding:10px 14px 10px 30px;font-size:13px;line-height:1.6}.log li:not(:first-child){color:var(--muted)}.rules ul{color:var(--muted);margin:0;padding-left:18px;font-size:14px;line-height:1.7}@media (prefers-reduced-motion:reduce){.hp:after,.unit{transition:none}}