.snakePage{overscroll-behavior-y:contain;color:#15233a;background:#f4f7fb;min-width:320px;min-height:100dvh;overflow-y:auto}.snakeMain{--game-info-min-height:510px;flex:1;width:min(100% - clamp(32px,5vw,80px),1500px);min-height:510px;padding:clamp(12px,1.8vw,28px);display:grid}.snakeShell{width:min(100%,1500px);min-height:var(--game-info-min-height);grid-template-columns:clamp(220px,19vw,280px) minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,56px);margin:0 auto;display:grid}.gameInfoPanel{flex-direction:column;gap:clamp(11px,1.45vh,18px);min-height:0;display:flex}.eyebrow,.overlayKicker,.statCard span,.settingLabel{color:#4a70a8;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.67rem;font-weight:700}.gameTitleGroup h1{letter-spacing:-.06em;margin:3px 0 5px;font-size:clamp(2rem,3.2vw,3rem);line-height:.95}.gameSummary,.controlsText{color:#536579;margin:0;font-size:.86rem;line-height:1.45}.statGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.statCard,.settingsPanel{background:#ffffffd1;border:1px solid #d8e2ef;border-radius:9px}.statCard{padding:10px 12px}.statCard strong{color:#1b417d;margin-top:2px;font-size:1.35rem;line-height:1;display:block}.statCard.savedProgressCard{position:relative}.statCard .savedDataButton{color:#2f66b5;cursor:pointer;background:#fff;border:1px solid #c1d2e9;border-radius:4px;min-height:21px;padding:2px 6px;font-size:.58rem;font-weight:700;position:absolute;top:8px;right:8px}.settingsPanel{gap:11px;padding:12px;display:grid}.settingRow{gap:7px;display:grid}.settingRowCompact{grid-template-columns:1fr auto;align-items:center}.buttonGroup{border:1px solid #c1d2e9;border-radius:6px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.settingButton,.toggleButton,.primaryButton,.secondaryButton{cursor:pointer;border:0;border-radius:6px;min-height:34px;font-weight:700}.settingButton{color:#4a6284;background:0 0;padding:5px 4px;font-size:.76rem}.settingButton+.settingButton{border-left:1px solid #c1d2e9}.settingButton.isActive,.toggleButton[aria-pressed=true]{color:#fff;background:#2f66b5}.toggleButton{color:#2d61a9;background:#e7effa;min-width:58px;padding:4px 12px;font-size:.76rem}.gameActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.primaryButton,.secondaryButton{padding:8px 12px;font-size:.84rem;transition:background-color .15s}.primaryButton{color:#fff;background:#245eac}.primaryButton:hover{background:#194b90}.secondaryButton{color:#2d5f9f;background:#fff;border:1px solid #b7cce8}.secondaryButton:disabled{cursor:default;opacity:.55}.controlsText kbd{color:#314f7e;white-space:nowrap;background:#fff;border:1px solid #c4d2e5;border-radius:3px;padding:2px 4px;font-size:.72rem}.gameArea{overscroll-behavior-x:contain;place-items:center;min-width:0;max-width:100%;min-height:0;display:grid;overflow-x:auto}.gameBoard{aspect-ratio:32/20;background:#061a36;border:1px solid #3c83d4;border-radius:10px;width:min(160dvh - 320px,100%);min-width:800px;min-height:500px;position:relative;overflow:hidden;box-shadow:0 16px 40px #16488f33,0 0 0 5px #3c83d414}#snakeCanvas{touch-action:none;width:100%;height:100%;display:block}.gameOverlay{box-sizing:border-box;text-align:center;color:#eff6ff;text-shadow:0 2px 10px #000000e0;background:radial-gradient(circle at 50% 24%,#2566bbb8,#04122ad1 70%);flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:20px;display:flex;position:absolute;inset:0}.gameOverlay h2,.gameOverlay p{margin:0}.gameOverlay h2{letter-spacing:-.055em;font-size:clamp(1.8rem,3vw,2.8rem)}.gameOverlay>p:not(.overlayKicker){color:#c6d9f4;max-width:26rem;font-size:.9rem}.gameOverlay .overlayKicker{color:#a8d0ff}.gameOverlay .primaryButton{background:#4d91e6;min-width:132px;margin-top:4px}.gameOverlay .primaryButton:hover{background:#6aa7ef}@media (width<=760px){.snakeMain{--game-info-min-height:122px;padding:10px}.snakeShell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-items:stretch;gap:10px}.gameInfoPanel{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid}.gameTitleGroup{grid-area:1/1}.gameTitleGroup h1{margin:1px 0;font-size:1.65rem}.gameSummary,.controlsText{display:none}.statGrid{grid-area:1/3;grid-template-columns:repeat(4,auto);gap:6px}.statCard{min-width:42px;padding:6px 7px}.statCard span{font-size:.52rem}.statCard strong{font-size:1rem}.settingsPanel{grid-area:2/1/auto/3;align-items:center;gap:10px;padding:6px 8px;display:flex}.settingRow{align-items:center;gap:6px;display:flex}.buttonGroup{min-width:168px}.settingButton,.toggleButton{min-height:28px}.gameActions{grid-area:2/3;gap:6px;display:flex}.primaryButton,.secondaryButton{min-height:28px;padding:5px 9px}.gameBoard{width:min(100%,160dvh - 366px)}}@media (width<=520px){.snakePage{min-width:0}.snakeMain{--game-info-min-height:116px}.gameInfoPanel{grid-template-columns:auto 1fr}.gameTitleGroup{grid-column:1}.eyebrow{font-size:.56rem}.statGrid{grid-column:2;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.settingsPanel{grid-area:2/1}.settingLabel{display:none}.buttonGroup{min-width:138px}.settingButton{font-size:.68rem}.gameActions{grid-area:2/2;justify-self:end}.gameActions .secondaryButton{display:none}.gameBoard{width:min(100%,160dvh - 326px)}.gameOverlay{padding:12px}.gameOverlay>p:not(.overlayKicker){font-size:.78rem}}@media (width<=760px){.gameArea{justify-items:start}}