:root{--turn-accent:#69abff;--turn-text:#b5d5ff;--turn-background:#101f35;--turn-panel:#172c47;--turn-outside:#0b1524;--turn-glow:#4390ff3d;--turn-border:#78b1ff73;color:#edf0e7;background:var(--turn-outside);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}:root[data-turn=villain]{--turn-accent:#f28d87;--turn-text:#ffc3bc;--turn-background:#30191d;--turn-panel:#44232a;--turn-outside:#1d1013;--turn-glow:#f55f5a38;--turn-border:#ff968c73}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 50% 25%, var(--turn-glow), transparent 70%), var(--turn-outside);margin:0}button{-webkit-tap-highlight-color:transparent}.game{background:linear-gradient(160deg, var(--turn-panel), var(--turn-background) 65%);width:min(100%,520px);height:100dvh;box-shadow:0 0 70px var(--turn-glow);grid-template-rows:minmax(0,1fr);margin:0 auto;display:grid}.arena{min-height:0;padding:max(12px, env(safe-area-inset-top)) 16px 12px;background:radial-gradient(ellipse at 50% 0%, var(--turn-glow), transparent 75%);grid-template-rows:auto minmax(0,1fr);gap:12px;display:grid}.players{justify-content:space-between;font-size:14px;display:flex}.player{gap:4px;display:grid}.count{font-variant-numeric:tabular-nums;font-size:18px}.tokens{opacity:.8;font-size:12px}.hero{color:#96c9ff}.villain{color:#ffb3a3;text-align:right}[data-turn=hero] .player.hero,[data-turn=villain] .player.villain{background:var(--turn-glow);box-shadow:0 0 0 5px var(--turn-glow);border-radius:2px}.board-area{place-items:center;min-height:0;display:grid;container-type:size}.board{aspect-ratio:1;width:min(100cqw,100cqh);box-shadow:0 0 0 2px var(--turn-border), 0 0 20px var(--turn-glow);position:relative;overflow:hidden}.board canvas{display:block}.board-inputs{position:absolute;inset:0}.piece-input{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;position:absolute}.piece-input:enabled:hover{background:var(--turn-glow);box-shadow:inset 0 0 0 2px var(--turn-border)}.piece-input:focus-visible{outline-offset:-2px;outline:2px solid #e1efff}.piece-input:disabled{cursor:default}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}