main[data-snake-root] .game-page__content{max-width:46rem}.snake-game,.snake-game *{min-width:0}.snake-game{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.snake-topbar{display:grid;gap:var(--space-3)}.snake-scores,.snake-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.snake-scores span{display:grid;min-width:7rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-surface);background:var(--color-ink);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.snake-scores strong{font-size:1.25rem}.snake-status{min-height:1.6rem;margin:var(--space-3) 0;text-align:center;color:var(--color-ink);font-weight:800}.snake-board{display:grid;width:min(100%,32rem);margin-inline:auto;aspect-ratio:1;grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:repeat(20,minmax(0,1fr));gap:1px;overflow:hidden;padding:var(--space-1);border:2px solid #7391ae;border-radius:var(--radius-md);background:#b9cde0;touch-action:manipulation;-webkit-user-select:none;user-select:none}.snake-cell{display:grid;min-width:0;min-height:0;place-items:center;color:transparent;background:#edf6fc;font-size:clamp(.45rem,2vw,.72rem);line-height:1}.snake-cell.is-body{border-radius:35%;background:#3f865f;box-shadow:inset 0 0 0 1px #134c2c4d}.snake-cell.is-head{position:relative;border-radius:40%;color:#eafff2;background:#205f3e;box-shadow:inset 0 0 0 2px #153f2b}.snake-cell.is-head:after{position:absolute;top:18%;right:18%;width:20%;aspect-ratio:1;border-radius:50%;background:#fff;content:""}.snake-cell.is-food{border-radius:50%;color:#fff;background:#c54852;box-shadow:inset 0 0 0 2px #842f38}.snake-direction-controls{display:grid;width:min(100%,13rem);margin:var(--space-4) auto 0;grid-template-columns:repeat(3,minmax(3rem,1fr));grid-template-rows:repeat(2,3.25rem);gap:var(--space-2)}.snake-direction-controls button{display:grid;min-height:3.25rem;place-items:center;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);background:var(--color-surface);font-size:1.45rem;font-weight:900;cursor:pointer}.snake-direction-controls button:hover:not(:disabled){color:var(--color-surface);background:var(--color-primary)}.snake-direction-controls button:disabled{opacity:.45;cursor:not-allowed}.snake-direction-controls [data-direction=up]{grid-area:1 / 2}.snake-direction-controls [data-direction=left]{grid-area:2 / 1}.snake-direction-controls [data-direction=down]{grid-area:2 / 2}.snake-direction-controls [data-direction=right]{grid-area:2 / 3}.snake-help{max-width:34rem;margin:var(--space-4) auto 0;text-align:center;font-size:.9rem}@media(min-width:36rem){.snake-game{padding:var(--space-5)}.snake-topbar{grid-template-columns:1fr auto;align-items:center}.snake-actions{justify-content:flex-end}}@media(max-width:23rem){.snake-actions .button{flex:1 1 auto;padding-inline:var(--space-2)}.snake-board{border-radius:var(--radius-sm)}}