.snake-screen{--snake-body:#3b9b63;--snake-grid:#e1e7e7;--snake-food:#2c4e3a;z-index:1000;background:var(--bg);color:var(--muted);-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .25s;display:flex;position:fixed;inset:0}@media (prefers-color-scheme:dark){.snake-screen{--snake-grid:#2c3430;--snake-food:#b9dcc6}}.snake-screen.closing{opacity:0;pointer-events:none}.snake-screen>*{animation:.3s .2s both snake-in}.snake-screen.instant>*{animation-delay:0s}@keyframes snake-in{0%{opacity:0}}.snake-board{width:min(220px,60vw);height:auto;overflow:visible}.snake-grid{fill:none;stroke:var(--snake-grid);stroke-width:4px;stroke-linecap:round}.snake-grid>*{stroke-dasharray:1;stroke-dashoffset:1px;animation:snake-draw .35s ease-out calc(.5s + var(--i,0) * 60ms) forwards}.snake-grid>rect{animation:.7s ease-in-out .2s forwards snake-draw}.snake-grid>.fresh{animation-delay:calc(var(--i) * 80ms)}@keyframes snake-draw{to{stroke-dashoffset:0}}.snake-fill{fill:var(--snake-body)}.snake-eye{fill:var(--bg)}.snake-dead-eye{fill:none;stroke:var(--bg);stroke-width:5px;stroke-linecap:round}.snake-tongue{fill:none;stroke:var(--snake-body);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.snake-food{fill:var(--snake-food)}.snake-status{font-variant-numeric:tabular-nums;min-height:1.4em;font-size:13px}.snake-status.error{color:var(--danger);text-align:center;max-width:min(480px,90vw)}.snake-hint{gap:4px;display:flex}.snake-hint kbd{font:11px var(--mono);border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:4px;padding:1px 5px}@media (prefers-reduced-motion:reduce){.snake-grid>*{stroke-dashoffset:0;animation:none}}