:root{font-family:Inter,ui-rounded,Noto Sans,system-ui,sans-serif;color:#eaf8ff;--ink: #153e38;--paper: #f8fff8;--mint: #dff3e6;--deep: #176b5e;--line: #b8d8c6}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{color:#eaf8ff;background:#071d30 url(/assets/lobby-block-atmosphere.svg) center / cover fixed}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:4px solid #f5bb3d;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}.screen[hidden]{display:none!important}.battle{position:relative}.battle-content{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;align-items:center;gap:10px;min-width:0;min-height:0;overflow:hidden;padding:12px;color:#f4fbff}#battle .grid{--size: 5;width:min(86vw,calc(100svh - 252px),570px);max-width:100%;max-height:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:5px;padding:7px;border-radius:24px;background:linear-gradient(#061921aa,#061921aa),url(../../assets/animal-color-link-garden-voxel-v1.png) center / cover;box-shadow:0 14px 34px #071d3055;touch-action:none;outline:none}#battle .grid:focus-visible{box-shadow:0 0 0 4px #f0b943,0 14px 34px #071d3055}.cell{position:relative;min-width:0;border:0;border-radius:clamp(6px,1.6vw,13px);background:#edf7ed;padding:0;overflow:hidden;box-shadow:inset 0 -2px #9ebfac55}.cell.path{background:color-mix(in srgb,var(--color) 35%,#f7fff5)}.cell.active{box-shadow:inset 0 0 0 3px var(--color),0 0 0 2px #fff}.cell.hint{animation:hintPulse .75s ease-in-out 3}.dot{position:absolute;inset:20%;border-radius:50%;background:var(--color);border:clamp(2px,.65vw,5px) solid #fff;box-shadow:0 3px #173e3833,0 0 0 2px var(--color)}.dot:before{content:"";position:absolute;inset:-30%;background:url(../../assets/animal-color-link-endpoint-voxel-v1.png) center / contain no-repeat;opacity:.38;mix-blend-mode:screen;pointer-events:none}.dot:after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:#fff8;top:14%;left:18%}.tools{display:flex;justify-content:center;gap:8px}.tools button,.result-actions button,.modal-actions button{min-height:44px;border:1px solid #a6c8b3;border-radius:13px;background:#f8fff6;color:var(--ink);padding:10px 14px;font-weight:850}.status{min-height:1.2em;margin:0;text-align:center;font-weight:800;font-size:.82rem}.modal-layer{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0a2926aa;backdrop-filter:blur(4px)}.modal-layer[hidden]{display:none!important}.modal-card{width:min(440px,100%);max-height:calc(100% - 24px);overflow:auto;border:0;border-radius:26px;padding:28px;text-align:center;color:var(--ink);background:#f8fff3;box-shadow:0 30px 90px #0b332e70}.result-mark{width:138px;height:96px;margin:0 auto 15px;border-radius:22px;background:url(../../assets/animal-color-link/keeper-block-v1.png) center / contain no-repeat;box-shadow:0 10px 24px #153e3838}.modal-card h2{margin:.2rem 0;font-size:1.8rem}.result-actions,.modal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:10px;margin-top:20px}.modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.result-actions .primary,.modal-actions .primary{background:#176b5e;color:#fff}@keyframes hintPulse{50%{transform:scale(.86);filter:brightness(1.18)}}@media(max-width:520px){.tools{gap:6px}.tools button,.result-actions button,.modal-actions button{padding-inline:9px;font-size:.9rem}.result-actions{gap:7px}}@media(max-height:500px)and (orientation:landscape){.battle-content{grid-template-columns:minmax(0,1fr) minmax(180px,240px);grid-template-rows:minmax(0,1fr) auto;gap:0 18px;padding:0 12px}#battle .grid{grid-column:1;grid-row:1 / 3;width:min(100%,calc(100svh - 62px));gap:0;padding:0;border-radius:12px}.tools{grid-column:2;grid-row:1;align-self:center;display:grid;width:100%}.status{grid-column:2;grid-row:2}.modal-card{padding:18px}.result-card .eyebrow{font-size:1.3rem}#result .result-card{padding:10px 14px;max-height:100%}#result .result-mark{width:68px;height:48px;margin:0 auto 2px}#result .result-card .eyebrow{margin:2px 0;font-size:1rem}#result .result-card h2{margin:2px 0;font-size:1.25rem}#resultBody{margin:4px 0;line-height:1.25}#result .result-actions{margin-top:6px;gap:6px}#result .result-actions button{min-height:44px;padding:4px 8px}}@media(prefers-reduced-motion:reduce){.cell.hint{animation:none;outline:3px solid #f0b943}}.firefly-gate:before{content:"";position:absolute;inset:3px;border:3px solid var(--gate-color);border-radius:18%;pointer-events:none;z-index:1}.firefly-lantern{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;pointer-events:none;z-index:2}.firefly-code{position:absolute;z-index:3;top:1px;left:1px;min-width:1.2em;padding:0 2px;border-radius:5px;background:#11243b;color:#fff;font:800 clamp(10px,2.2vw,14px)/1.2 system-ui;text-align:center;pointer-events:none}.firefly-peek{outline:3px solid #a13cec;outline-offset:-3px;z-index:4}