:root{color-scheme:dark;--ink:#edfaff;--muted:#9db6c2}*{box-sizing:border-box}button{font:inherit;cursor:pointer}.screen[hidden],.modal-layer[hidden]{display:none!important}#battle .battle-objective{margin:0;color:#d7edf3;font-size:.77rem;text-align:center}#battle .grid{--size:7;--board:min(520px, calc(100svh - 270px) , calc(100vw - 28px) );width:min(var(--board),100%);aspect-ratio:1;align-self:center;display:grid;grid-template-columns:repeat(var(--size),1fr);grid-template-rows:repeat(var(--size),1fr);gap:clamp(2px,.6vw,5px);padding:clamp(5px,1vw,10px);border:1px solid rgba(117,220,243,.34);border-radius:22px;background:linear-gradient(145deg,#092832,#071923);box-shadow:inset 0 0 36px #0000007a,0 18px 42px #00000059;touch-action:none;user-select:none}#battle .cell{position:relative;border:1px solid rgba(111,184,201,.15);border-radius:22%;background:#0e2e37bd;overflow:hidden}#battle .cell:before{content:"";position:absolute;inset:17%;border-radius:32%;background:var(--path,transparent);opacity:0;filter:drop-shadow(0 0 5px var(--path,transparent));transition:opacity .08s,transform .08s}#battle .cell.path:before{opacity:.88;transform:scale(1.07)}#battle .cell.seed:after{content:"";position:absolute;inset:19%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--seed) 22% 60%,#07121a 64% 72%,var(--seed) 76% 100%);box-shadow:0 0 11px var(--seed),inset 0 0 0 2px #ffffff57}#battle .cell.gate{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--gate) 10%,transparent),transparent 58%),linear-gradient(145deg,#0b2530f5,#12303cf5)}#battle .cell.gate .gate-mark{position:absolute;inset:22%;aspect-ratio:1;border:clamp(1px,.32vw,3px) solid color-mix(in srgb,var(--gate) 72%,#fff);border-radius:24%;background:color-mix(in srgb,var(--gate) 9%,#071923);box-shadow:0 0 0 2px #030f16cc,0 0 10px color-mix(in srgb,var(--gate) 65%,transparent),inset 0 0 8px #ffffff1f;transform:rotate(45deg);z-index:2;pointer-events:none}#battle .cell.gate .gate-mark:before{content:"";position:absolute;inset:27%;border:1px solid color-mix(in srgb,var(--gate) 78%,#fff);border-radius:50%;background:#071923;box-shadow:0 0 7px var(--gate)}#battle .cell.gate .gate-mark:after{content:"";position:absolute;width:18%;height:18%;top:41%;left:41%;border-radius:50%;background:color-mix(in srgb,var(--gate) 84%,#fff);box-shadow:0 0 5px var(--gate)}#battle .cell.blocked{animation:blocked .24s ease}@keyframes blocked{50%{background:#7d2938;transform:scale(.9)}}#battle .tools{width:min(100%,560px);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#battle .tools button,#battle .modal-actions button,#battle .result-actions button{min-height:54px;border:1px solid rgba(128,216,238,.28);border-radius:12px;background:#103444;color:#eafaff;font-weight:850}#battle .status{min-height:22px;margin:0;color:#83e6fa;text-align:center;font-size:.74rem}#battle .modal-layer{position:absolute;inset:56px 0 0;z-index:20;display:grid;place-items:center;padding:18px;background:#01080dc7;backdrop-filter:blur(7px)}#battle .modal-card{width:min(92%,520px);max-height:100%;overflow:auto;border:1px solid rgba(121,224,246,.42);border-radius:24px;background:linear-gradient(160deg,#0d3342,#081922);padding:28px;text-align:center;box-shadow:0 24px 70px #0000008c}#battle .modal-card h2{margin:6px 0 12px;font-size:1.7rem}#battle .modal-card p{color:#b9d0d9;line-height:1.55}#battle .modal-actions,#battle .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}#battle .result-actions{grid-template-columns:repeat(3,1fr)}#battle .result-mark{font-size:3.5rem;color:#72ecff;text-shadow:0 0 22px #42dff8}#battle .prism-battle-help{position:absolute;inset-inline-end:8px;inset-block-start:8px}#battle .prism-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;pointer-events:none}body.modal-open #battle .battle-content{pointer-events:none}@media(max-width:699px){#battle .grid{--board:min( calc(100vw - 16px) , calc(100svh - 314px) ,590px);align-self:end;border-radius:16px}}@media(max-width:699px)and (orientation:portrait){#battle .grid{--board:min(100vw, calc(100svh - 347px) ,590px);width:min(var(--board),calc(100% + 16px));margin-inline:-8px;align-self:center}}@media(max-height:500px)and (orientation:landscape){#battle .grid{grid-column:1;grid-row:1/5;--board:min( calc(100svh - 112px) , calc(100vw - 330px) );align-self:center}#battle .prism-battle-help{inset-inline-end:8px;inset-block-start:8px}#battle .modal-layer{inset-block-start:56px}#battle #result .result-card{width:min(92%,680px);padding:12px 18px;overflow:visible}#battle #result .result-mark{font-size:2rem;line-height:1}#battle #result .eyebrow{margin:2px 0;font-size:.66rem}#battle #result .result-card h2{margin:2px 0 4px;font-size:1.25rem;line-height:1.2}#battle #result .result-card>p:not(.eyebrow){margin:0;line-height:1.3}#battle #result .result-actions{margin-top:8px}}@media(prefers-reduced-motion:reduce){#battle .cell,#battle .prism-pair,#battle .grid:after{transition:none}#battle .cell.blocked{animation:none;border-color:#ff96aa}}