.snake-page{height:100dvh;min-height:0;overflow:hidden}.snake-header{justify-content:space-between;align-items:center;gap:16px}.hud{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);align-items:center;gap:clamp(14px,2.2vw,32px);font-size:14px;font-weight:600;line-height:1.3;display:flex}.hud__stat{white-space:nowrap;margin:0}.hud__value{color:var(--text);font-variant-numeric:tabular-nums}.hud__button{border:1px solid var(--line);color:var(--text);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;padding:8px 14px;transition:border-color .2s}.hud__button:hover{border-color:var(--muted)}.hud__button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.arena{min-height:0;padding:8px var(--gutter) clamp(24px, 3vw, 44px);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1 1 0;place-items:center;display:grid}.board{border:1px solid var(--line);position:relative}.board:before,.board:after{content:"";background:linear-gradient(var(--accent), var(--accent)) left / 6px 6px no-repeat, linear-gradient(var(--accent), var(--accent)) right / 6px 6px no-repeat;height:6px;position:absolute;left:-5px;right:-5px}.board:before{top:-5px}.board:after{bottom:-5px}.board canvas{display:block}.board.is-open{border-style:dashed}.overlay{text-align:center;pointer-events:none;background:#19191999;place-content:center;justify-items:center;gap:20px;padding:16px;transition:opacity .2s;display:grid;position:absolute;inset:0}.overlay.is-hidden{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s}.overlay__title{margin:0;font-size:clamp(40px,6vw,80px);font-weight:500;line-height:.9}.overlay__meta{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0;font-size:14px;font-weight:600}.overlay__meta:empty{display:none}.field{border:1px solid var(--line);background:var(--bg);min-width:220px;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:600;display:flex;position:relative}.field:before,.field:after{content:"";background:linear-gradient(var(--accent), var(--accent)) left / 4px 4px no-repeat, linear-gradient(var(--accent), var(--accent)) right / 4px 4px no-repeat;height:4px;position:absolute;left:-3px;right:-3px}.field:before{top:-3px}.field:after{bottom:-3px}.field__caret{background:var(--accent);width:3px;height:18px;animation:1s step-end infinite caret;box-shadow:0 0 8px #66de7e99}@keyframes caret{50%{opacity:0}}.field[hidden]{display:none}.restart{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;justify-content:center;transition:border-color .2s}.restart:hover{border-color:var(--muted)}.restart:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.hud__button:disabled{color:var(--muted);cursor:default}.hud__button:disabled:hover{border-color:var(--line)}@media (prefers-reduced-motion:reduce){.field__caret{animation:none}}@media (width<=640px){.snake-header .site-header__logo{width:116px}.hud{gap:12px;font-size:12px}.hud__button{padding:6px 10px}.overlay__meta,.field{font-size:12px}.field{min-width:0}}