.snake{--sn-ease-out: cubic-bezier(.2,.8,.3,1);--sn-board-h: clamp(10rem, calc(100svh - 35rem) , 30rem);--sn-board-w: 100%;--sn-gap: clamp(var(--sp-1),1.2cqi,var(--sp-2));display:flex;flex-direction:column;gap:var(--sn-gap);padding:clamp(var(--sp-2),1.8cqi,var(--sp-3h));inline-size:100%;position:relative;color:#fff;font:500 15px/1.3 inherit;font-family:inherit;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.snake__hud{display:flex;flex-direction:column;gap:var(--sn-gap)}.snake__top{display:flex;align-items:stretch;gap:var(--sp-1)}.snake__stats{flex:1 1 auto;min-inline-size:0;display:flex;gap:var(--sp-1)}.snake__stat{flex:1 1 0;min-inline-size:0;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-1);min-height:44px;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--scrim-2);box-shadow:var(--e-sink);overflow:hidden}.snake__stat span{font-size:var(--fs-1);letter-spacing:.06em;text-transform:uppercase;opacity:.68;font-weight:700}.snake__stat b{font-size:var(--fs-3);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1;letter-spacing:-.01em}.snake__stat b i{font-style:normal;font-size:var(--fs-1);opacity:.62;font-weight:700}.snake__stat--hit{animation:sn-hit .26s var(--sn-ease-out)}@keyframes sn-hit{0%{transform:scale(1)}40%{transform:scale(1.06);background:color-mix(in srgb,var(--art-near) 22%,transparent)}to{transform:scale(1)}}.snake__gauge{position:absolute;inset-inline:0;inset-block-end:0;block-size:3px;background:var(--wash-3)}.snake__gauge:after{content:"";display:block;block-size:100%;inline-size:100%;transform-origin:0 50%;transform:scaleX(var(--p, 0));background:linear-gradient(90deg,#7aebff,var(--art-near));transition:transform .24s var(--sn-ease-out)}.snake__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1)}.snake__set{min-inline-size:0;display:flex;align-items:center}.snake__set--speed{flex:1 1 11rem}.snake__set--walls{flex:1 1 8rem}.snake__actions{flex:0 0 auto;display:flex;gap:var(--sp-1)}.snake__seg{padding:0}.snake__seg .gk-seg__opt{min-height:44px}.snake__chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-chip);background:color-mix(in srgb,var(--cat-board) 16%,transparent);color:var(--cat-board);font-weight:800;font-size:var(--fs-1);white-space:nowrap}.snake__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:44px;min-width:44px;padding:0 var(--sp-3);border-width:1px;border-style:solid;border-color:var(--wash-4);border-radius:var(--r-sm);background:var(--wash-3);color:#fff;font:inherit;font-weight:700;font-size:var(--fs-1);cursor:pointer;white-space:nowrap;transition:background-color .12s,transform .12s var(--sn-ease-out)}.snake__btn--icon{padding:0;flex:0 0 auto}.snake__btn:hover:not(:disabled){background:var(--wash-4)}.snake__btn:active:not(:disabled){transform:translateY(1px) scale(.97);background:var(--wash-5)}.snake__btn:disabled{opacity:.4;cursor:default}.snake__btn[aria-pressed=true]{background:var(--action, var(--action));border-color:var(--action, var(--action));color:var(--bar)}.snake__btn:focus-visible,.snake__canvas:focus-visible{outline:3px solid var(--action, #C6FF4A);outline-offset:2px}@container (max-width: 25rem){.snake__btn[data-s-action=new] span{display:none}.snake__btn[data-s-action=new]{padding:0}}.snake__stage{flex:0 0 auto;display:flex;justify-content:center;inline-size:100%}.snake__board{position:relative;inline-size:var(--sn-board-w);block-size:var(--sn-board-h);padding:var(--sp-1);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--ring-inset),var(--e-sink),var(--e-2);background:#0a2318}.snake__canvas{display:block;border-radius:var(--r-sm);touch-action:none}.snake__pad{display:grid;grid-template-columns:repeat(3,minmax(44px,4.25rem));grid-template-areas:". up ." "left down right";gap:var(--sp-1);justify-content:center}.snake__pad [data-s-move=up]{grid-area:up}.snake__pad [data-s-move=left]{grid-area:left}.snake__pad [data-s-move=down]{grid-area:down}.snake__pad [data-s-move=right]{grid-area:right}.snake__btn--pad{padding:0;min-height:44px;touch-action:none;background:var(--wash-3)}.snake__btn--pad[data-lit]{background:var(--action, var(--action));color:var(--bar)}@media(min-width:48rem)and (pointer:fine){.snake__pad{display:none}}@container (min-height: 1px){.snake__stage{flex:1 1 auto;min-block-size:0;align-items:center}.snake__board{block-size:min(var(--sn-board-h),100%)}.snake__canvas{max-block-size:100%;max-inline-size:100%;object-fit:contain}}.snake__say{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.snake__float{font-weight:900;font-variant-numeric:tabular-nums}.snake__float--score{color:var(--art-near)}.snake__float--speed{color:#7aebff;font-size:var(--fs-3)}@media(prefers-reduced-motion:reduce){.snake__btn,.snake__gauge:after{transition:none}.snake__stat--hit{animation-duration:1ms}}