.play-shell[data-astro-cid-ikqophwf]{container-type:inline-size}.play-page[data-astro-cid-ikqophwf]{align-items:start;gap:var(--space-5) var(--space-9);padding-block:var(--space-7) var(--space-8);grid-template-columns:1fr 400px;max-width:1100px;display:grid}.play-back[data-astro-cid-ikqophwf]{color:var(--color-muted);margin-bottom:var(--space-8);font-size:13px}.play-back[data-astro-cid-ikqophwf] svg{rotate:180deg}.play-intro[data-astro-cid-ikqophwf] .eyebrow[data-astro-cid-ikqophwf]{font-size:11px}h1[data-astro-cid-ikqophwf]{margin-block:var(--space-4) var(--space-5);font-size:clamp(72px,8vw,112px)}.play-tagline[data-astro-cid-ikqophwf]{color:var(--color-foreground);letter-spacing:-.03em;font-size:32px;line-height:1.2}.play-description[data-astro-cid-ikqophwf]{max-width:38ch;margin-top:var(--space-5)}.play-rules[data-astro-cid-ikqophwf]{margin-block:0 var(--space-5)}.play-guide[data-astro-cid-ikqophwf]{grid-area:2/1}.play-rules[data-astro-cid-ikqophwf]>div[data-astro-cid-ikqophwf]{gap:var(--space-4);padding-block:var(--space-4);border-top:1px solid var(--color-border);grid-template-columns:84px 1fr;display:grid}dt[data-astro-cid-ikqophwf]{color:var(--color-accent);font-size:13px}dd[data-astro-cid-ikqophwf]{color:var(--color-muted);margin:0;font-size:14px}.play-note[data-astro-cid-ikqophwf]{font-size:12px}.snake-game[data-astro-cid-ikqophwf]{grid-area:1/2/span 2;justify-self:center;width:100%;min-width:0;max-width:400px}.snake-scoreboard[data-astro-cid-ikqophwf]{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4) var(--space-5);display:flex}.snake-scoreboard[data-astro-cid-ikqophwf]>div[data-astro-cid-ikqophwf]{gap:var(--space-1);display:grid}.snake-scoreboard[data-astro-cid-ikqophwf]>div[data-astro-cid-ikqophwf]:last-child{text-align:right}.snake-scoreboard[data-astro-cid-ikqophwf] .mono[data-astro-cid-ikqophwf]{color:var(--color-muted)}.snake-scoreboard[data-astro-cid-ikqophwf] strong[data-astro-cid-ikqophwf]{font:28px/1.2 var(--font-mono)}.snake-mode[data-astro-cid-ikqophwf]{text-align:center}.snake-board[data-astro-cid-ikqophwf]{border:1px solid var(--color-border);background:var(--color-surface);width:min(100%,100svh - 160px);margin-inline:auto;position:relative}.snake-board[data-astro-cid-ikqophwf]:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px}.snake-board[data-astro-cid-ikqophwf] svg[data-astro-cid-ikqophwf]{aspect-ratio:1;width:100%;height:auto}.snake-board-label[data-astro-cid-ikqophwf]{inset:auto 0 var(--space-4);text-align:center;color:var(--color-muted);pointer-events:none;position:absolute}.snake-game[data-astro-cid-ikqophwf]:not([data-state=ready]) .snake-board-label[data-astro-cid-ikqophwf]{display:none}.snake-status[data-astro-cid-ikqophwf]{min-height:72px;padding-block:var(--space-4);color:var(--color-foreground);align-items:center;font-size:14px;display:flex}.snake-controls[data-astro-cid-ikqophwf]{justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-5);display:flex}.snake-actions[data-astro-cid-ikqophwf]{gap:var(--space-2);min-width:116px;display:grid}.snake-actions[data-astro-cid-ikqophwf] button[data-astro-cid-ikqophwf]{justify-content:center}.snake-actions[data-astro-cid-ikqophwf] .button-outline[data-astro-cid-ikqophwf]{min-height:44px;padding-block:var(--space-2);border-color:var(--color-border);background:0 0}.snake-actions[data-astro-cid-ikqophwf] .button-outline[data-astro-cid-ikqophwf]:hover:not(:disabled){background:var(--color-surface-raised);color:var(--color-accent)}.snake-actions[data-astro-cid-ikqophwf] button[data-astro-cid-ikqophwf]:disabled{color:var(--color-muted)}.snake-directions[data-astro-cid-ikqophwf]{gap:var(--space-2);grid-template-columns:repeat(3,44px);display:grid}.snake-directions[data-astro-cid-ikqophwf] button[data-astro-cid-ikqophwf]{border:1px solid var(--color-border);background:var(--color-surface-raised);place-items:center;min-height:44px;padding:0;font-size:24px;line-height:1;display:grid}.snake-directions[data-astro-cid-ikqophwf] button[data-astro-cid-ikqophwf]:first-child{grid-column:2}.snake-directions[data-astro-cid-ikqophwf] button[data-astro-cid-ikqophwf]:nth-child(2){grid-column:1}[data-astro-cid-ikqophwf][data-direction=up] svg{rotate:-90deg}[data-astro-cid-ikqophwf][data-direction=left] svg{rotate:180deg}[data-astro-cid-ikqophwf][data-direction=down] svg{rotate:90deg}.snake-directions[data-astro-cid-ikqophwf] button[data-astro-cid-ikqophwf]:hover:not(:disabled),.snake-directions[data-astro-cid-ikqophwf] button[data-astro-cid-ikqophwf]:active:not(:disabled){background:var(--color-accent);color:var(--color-background)}.snake-directions[data-astro-cid-ikqophwf] button[data-astro-cid-ikqophwf]:disabled{color:var(--color-muted)}.snake-help[data-astro-cid-ikqophwf]{margin-top:var(--space-5);font-size:12px}.snake-nojs[data-astro-cid-ikqophwf]{padding:var(--space-5);border:1px solid var(--color-border)}.snake-nojs[data-astro-cid-ikqophwf] a[data-astro-cid-ikqophwf]{color:var(--color-accent);text-decoration:underline}@container (width<=1100px){.play-page[data-astro-cid-ikqophwf]{gap:var(--space-5) var(--space-7);grid-template-columns:1fr minmax(290px,400px)}}@container (width<=768px){.play-page[data-astro-cid-ikqophwf]{gap:var(--space-6);padding-block:var(--space-5) var(--space-7);grid-template-columns:1fr}.play-back[data-astro-cid-ikqophwf]{margin-bottom:var(--space-6)}.snake-game[data-astro-cid-ikqophwf],.play-guide[data-astro-cid-ikqophwf]{grid-area:auto}h1[data-astro-cid-ikqophwf]{margin-block:var(--space-3) var(--space-4);font-size:72px}.play-tagline[data-astro-cid-ikqophwf]{font-size:26px}.play-tagline[data-astro-cid-ikqophwf] br[data-astro-cid-ikqophwf]{display:none}.play-description[data-astro-cid-ikqophwf]{max-width:48ch;margin-top:var(--space-4)}.play-rules[data-astro-cid-ikqophwf]>div[data-astro-cid-ikqophwf]{padding-block:var(--space-3)}}@container (width<=380px){.snake-actions[data-astro-cid-ikqophwf]{min-width:104px}.snake-actions[data-astro-cid-ikqophwf] button[data-astro-cid-ikqophwf]{padding-inline:var(--space-3)}}@media (height<=500px) and (orientation:landscape){.snake-game[data-astro-cid-ikqophwf]{gap:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) 148px;display:grid}.snake-scoreboard[data-astro-cid-ikqophwf],.snake-status[data-astro-cid-ikqophwf],.snake-help[data-astro-cid-ikqophwf]{grid-column:1/-1}.snake-board[data-astro-cid-ikqophwf]{grid-area:2/1}.snake-controls[data-astro-cid-ikqophwf]{align-items:stretch;gap:var(--space-3);border:0;flex-direction:column;grid-area:2/2;padding:0}.snake-status[data-astro-cid-ikqophwf]{min-height:48px;padding-block:var(--space-2)}.snake-help[data-astro-cid-ikqophwf]{margin-top:0}}
