body[data-game-id=snake] #battleScreen .snake-scene{position:absolute;top:50%;left:50%;width:min(100cqw,100cqh,360px);height:min(100cqw,100cqh,360px);transform:translate(-50%,-50%);pointer-events:none}body[data-game-id=snake] #battleScreen .snake-scene canvas{display:block;width:100%;height:100%}body[data-game-id=snake] #battleScreen .snake-scene canvas[hidden]{display:none}body[data-game-id=snake] #battleScreen .snake-scene.is-active{animation:snake-scene-enter .16s ease-out both}@keyframes snake-scene-enter{0%{opacity:.3}to{opacity:1}}body[data-game-id=snake][data-snake-renderer="3d"] #battleScreen .snake-grid{opacity:0}body[data-game-id=snake] #battleScreen .snake-render-notice{position:absolute;inset:8px 8px auto 64px;margin:0;padding:4px 8px;color:#fff5df;background:#17243a;font-size:12px;line-height:16px}body[data-game-id=snake] .snake-leave-dialog{width:min(460px,calc(100vw - 32px));max-width:calc(100vw - 32px);margin:auto;padding:clamp(20px,4vw,28px);border:1px solid rgba(181,216,232,.35);border-radius:20px;color:var(--arcade-text, #eef7fb);background:#071923fa;box-shadow:0 22px 70px #0000008c}body[data-game-id=snake] .snake-leave-dialog::backdrop{background:#02090fbd}body[data-game-id=snake] .snake-leave-dialog h2{margin:0;color:var(--arcade-accent, #8ee4b4);font-size:clamp(1.25rem,4vw,1.6rem);line-height:1.2}body[data-game-id=snake] .snake-leave-dialog p{margin:12px 0 0;line-height:1.5}body[data-game-id=snake] .snake-leave-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}body[data-game-id=snake] .snake-leave-actions button{min-height:44px}body[data-game-id=snake] #resultScreen .snake-impact-review{width:160px;max-width:100%;margin:12px auto}body[data-game-id=snake] #resultScreen .snake-impact-review[hidden]{display:none}body[data-game-id=snake] #resultScreen .snake-impact-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;padding:6px;aspect-ratio:1;border:1px solid #8da9b9;border-radius:8px;background:#071923;direction:ltr}body[data-game-id=snake] #resultScreen .snake-impact-cell{position:relative;aspect-ratio:1;border-radius:2px;background:#203d48}body[data-game-id=snake] #resultScreen .snake-impact-cell.is-body{background:#7ee7c9}body[data-game-id=snake] #resultScreen .snake-impact-cell.is-obstacle{background:#b75570}body[data-game-id=snake] #resultScreen .snake-impact-cell.is-food{background:#ffd47d}body[data-game-id=snake] #resultScreen .snake-impact-cell.is-impact{z-index:1;outline:2px solid #fff5df;background:#a71e43;animation:snake-impact-emphasis .42s ease-out both}body[data-game-id=snake] #resultScreen .snake-impact-cell.is-impact:after{content:"×";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:900 12px/1 sans-serif}body[data-game-id=snake] #resultScreen .snake-impact-review figcaption{margin-top:6px;color:#f5f8ff;text-align:center;font-size:12px;line-height:1.25}@keyframes snake-impact-emphasis{0%{opacity:.45}to{opacity:1}}@media(min-aspect-ratio:3/2)and (max-height:500px){body[data-game-id=snake] #resultScreen .arcade-panel.snake-impact-visible{display:grid;grid-template-columns:minmax(0,1fr) 144px;grid-template-rows:repeat(4,auto);align-content:center;align-items:center;gap:8px 16px}body[data-game-id=snake] #resultScreen .snake-impact-visible>:is(h2,p,.stats,.result-actions){grid-column:1}body[data-game-id=snake] #resultScreen .snake-impact-review{grid-column:2;grid-row:1 / 5;width:144px;margin:0}}@media(prefers-reduced-motion:reduce){body[data-game-id=snake] #battleScreen .snake-scene.is-active,body[data-game-id=snake] #resultScreen .snake-impact-cell.is-impact{animation:none}}.snake-food-transfer{position:fixed;z-index:20;color:#ffdf7e;font-size:32px;line-height:1;pointer-events:none;text-shadow:0 0 14px #ffcf66}body[data-game-id=snake] #battleScreen .battle-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto auto;gap:calc(8 * var(--wp-play-unit,1px));min-width:0;min-height:0;height:100%;margin:0;padding:calc(8 * var(--wp-play-unit,1px));border:0;border-radius:0;background:transparent}body[data-game-id=snake] #battleScreen .board-wrap{position:relative;container-type:size;grid-column:1;grid-row:1;min-width:0;min-height:0;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent}body[data-game-id=snake] #battleScreen :is(.snake-grid,.snake-scene){position:absolute;left:50%;top:50%;width:min(100cqw,100cqh);height:min(100cqw,100cqh);transform:translate(-50%,-50%);margin:0}body[data-game-id=snake] #battleScreen :is(.game-message,.snake-control-cue){margin:0;padding:0;min-height:0;max-height:3.1em;overflow:auto;border:0;background:transparent;color:inherit;font-size:inherit;line-height:1.4;text-align:center}body[data-game-id=snake] .snake-hud{display:contents}body[data-game-id=snake] .snake-hud>div{min-width:0}body[data-game-id=snake] .snake-hud :is(span,strong){font:inherit;color:inherit;white-space:nowrap}body[data-game-id=snake] .snake-hud progress{width:2.5em;height:.4em}body[data-game-id=snake] #battleScreen .game-message{grid-column:1;grid-row:2;height:3.1em}body[data-game-id=snake] #battleScreen .snake-control-cue{grid-column:1;grid-row:3}body[data-game-id=snake] #battleScreen #controls{grid-column:1;grid-row:4}body[data-game-id=snake] #battleScreen .snake-content-actions{grid-column:1;grid-row:5}body[data-game-id=snake] #controls .control-row{display:contents}body[data-game-id=snake] #controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(6 * var(--wp-play-unit,1px));min-width:0}body[data-game-id=snake] #controls button:before{content:attr(data-arrow);margin-inline-end:.25em}body[data-game-id=snake] #controls button[data-heading=true]{outline:2px solid var(--wp-frame-accent);outline-offset:-2px}body[data-game-id=snake] .snake-content-actions{display:flex;justify-content:center;gap:calc(8 * var(--wp-play-unit,1px))}@media(min-aspect-ratio:3/2){body[data-game-id=snake] #battleScreen .battle-panel{grid-template-columns:minmax(0,1fr) minmax(180px,30%);grid-template-rows:auto auto minmax(0,1fr) auto}body[data-game-id=snake] #battleScreen .board-wrap{grid-column:1;grid-row:1 / -1}body[data-game-id=snake] #battleScreen :is(.game-message,.snake-control-cue,#controls,.snake-content-actions){grid-column:2}body[data-game-id=snake] #battleScreen .game-message{grid-row:1}body[data-game-id=snake] #battleScreen .snake-control-cue{grid-row:2}body[data-game-id=snake] #battleScreen #controls{grid-row:3}body[data-game-id=snake] #battleScreen .snake-content-actions{grid-row:4}body[data-game-id=snake] #controls{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center}}body[data-game-id=snake] #battleScreen .battle-panel[hidden]{display:none!important}body[data-game-id=snake] #resultScreen{position:absolute;inset:0;z-index:30;display:grid;place-items:center;box-sizing:border-box;width:100%;height:100%;min-height:0;padding:calc(12 * var(--wp-play-unit,1px));margin:0;overflow:auto;background:var(--wp-ui-background);color:var(--wp-ui-text)}body[data-game-id=snake] #resultScreen[hidden]{display:none!important}body[data-game-id=snake] #resultScreen>.arcade-panel{box-sizing:border-box;width:min(100%,calc(600 * var(--wp-play-unit,1px)));max-height:100%;min-height:0;height:auto;margin:0;overflow:auto;padding:calc(16 * var(--wp-play-unit,1px));background:var(--wp-ui-surface);border:2px solid var(--wp-ui-line);border-radius:var(--wp-ui-radius)}