.snake-game{grid-template-columns:minmax(280px,500px) minmax(260px,340px);align-items:start;gap:24px;display:grid}.snake-stage{gap:14px;width:min(100%,500px);display:grid}.snake-canvas-shell{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#eef1ec;border:1px solid #cbd4cb;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 50px #2030271f}.snake-canvas{width:100%;height:100%;display:block}.snake-overlay{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f7f8f3c2;align-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.snake-overlay.is-terminal{background:#f7f8f3e0}.snake-overlay strong{max-width:320px;font-size:clamp(1.35rem,5vw,2.35rem);line-height:1.15}.snake-overlay span{color:var(--muted);font-weight:800}.snake-panel{border:1px solid var(--line);background:#ffffffc2;border-radius:8px;gap:16px;padding:18px;display:grid}.snake-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.snake-stats>div{background:var(--text);color:#fff;text-align:center;border-radius:6px;min-width:0;padding:10px 12px}.snake-stats span{color:#ffffffad;text-transform:uppercase;font-size:.74rem;font-weight:800;display:block}.snake-stats strong{margin-top:2px;font-size:1.32rem;display:block}.snake-mobile-hud{display:none}.snake-status{min-height:24px;color:var(--muted);margin:0;font-weight:900}.snake-status.status-running,.snake-status.status-won{color:var(--success)}.snake-status.status-gameOver{color:#b33a32}.snake-setting-group{border:0;min-width:0;margin:0;padding:0}.snake-setting-group legend{color:var(--muted);margin-bottom:7px;font-size:.78rem;font-weight:800}.snake-segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.snake-segmented button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--muted);cursor:pointer;font:inherit;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:6px;padding:0 6px;font-size:.82rem;font-weight:800;overflow:hidden}.snake-segmented button[aria-pressed=true]{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.snake-segmented button:focus-visible,.snake-segmented button:hover{border-color:var(--brand);outline:none}.snake-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.snake-actions>button{justify-self:stretch;width:100%;min-width:0}.snake-direction-pad{grid-template-rows:repeat(2,56px);grid-template-columns:repeat(3,56px);justify-content:center;gap:7px;display:grid}.snake-direction-pad button{color:#173d35;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #bdc8c0;border-radius:8px;place-items:center;width:56px;height:56px;padding:0;font-size:1.55rem;font-weight:900;line-height:1;display:grid;box-shadow:0 5px 14px #20302714}.snake-direction-pad button:active{background:#dce9df;transform:translateY(1px)}.snake-direction-pad .is-up{grid-area:1/2}.snake-direction-pad .is-left{grid-area:2/1}.snake-direction-pad .is-down{grid-area:2/2}.snake-direction-pad .is-right{grid-area:2/3}.snake-faq-list{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px){.snake-game{grid-template-columns:1fr;gap:14px}.snake-stage{gap:10px}.snake-mobile-hud{grid-template-columns:minmax(0,1fr) minmax(92px,1.1fr) 48px;align-items:stretch;gap:7px;display:grid}.snake-mobile-score,.snake-mobile-difficulty,.snake-mobile-pause{border:1px solid var(--line);background:#fff;border-radius:6px;min-width:0;min-height:50px}.snake-mobile-score{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;column-gap:7px;padding:5px 9px;display:grid}.snake-mobile-score>span{color:var(--muted);align-self:end;font-size:.68rem;font-weight:800}.snake-mobile-score>strong{grid-row:1/3;align-self:center;font-size:1.35rem;line-height:1}.snake-mobile-score>small{color:var(--muted);white-space:nowrap;font-size:.64rem;font-weight:800}.snake-mobile-difficulty{align-content:center;gap:2px;padding:4px 7px;display:grid}.snake-mobile-difficulty>span{color:var(--muted);font-size:.64rem;font-weight:800}.snake-mobile-difficulty select{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;padding:0;font-size:.82rem;font-weight:900}.snake-mobile-pause{color:#173d35;cursor:pointer;place-items:center;width:48px;padding:0;font-size:1.08rem;font-weight:900;display:grid}.snake-mobile-pause:disabled{cursor:not-allowed;opacity:.45}.snake-desktop-stats,.snake-desktop-difficulty,.snake-desktop-pause{display:none}.snake-panel{background:0 0;border-width:1px 0 0;border-radius:0;gap:12px;padding:14px 0 0}.snake-actions{grid-template-columns:1fr}.snake-direction-pad{grid-template-rows:repeat(2,50px);grid-template-columns:repeat(3,54px);gap:10px 12px}.snake-direction-pad button{width:54px;height:50px}.snake-status{min-height:0}.snake-faq-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.snake-direction-pad button{transition:none}}