:root{font-family:Barlow,sans-serif;color:#f0f3df;background:#111511;font-synthesis:none;--green: #9fbd4f;--green-dark: #445b2d;--cream: #eef1d2;--red: #d84b3e;--panel: #1c241b;--line: rgba(222, 236, 187, .24)}*{box-sizing:border-box}html{width:100%;min-height:100%;margin:0;scroll-behavior:smooth}body{width:100%;min-height:100%;margin:0;overflow-x:hidden;touch-action:pan-y}body.game-active{height:100%;overflow:hidden}body.game-active iframe[id^=container-a764163f73af04eaedaa7cb2049c28ee],body.game-active iframe[class^=container-a764163f73af04eaedaa7cb2049c28ee]{display:none!important}#app{position:relative;width:100%;height:100svh;min-height:520px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer}#game-canvas{display:block;width:100%;height:100%;outline:none;background:#111511 url(/snake-game-board.webp) center / cover no-repeat}.hidden{display:none!important}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:#0f140fcc}.menu-screen{padding-bottom:116px}.site-nav{position:absolute;top:35px;left:28px;z-index:5;display:flex;gap:18px}.site-nav a{color:#b7c0a5;font-size:13px;text-decoration:none}.site-nav a:hover{color:var(--cream);text-decoration:underline;text-underline-offset:4px}.screen:before{content:"";position:absolute;inset:18px;border:1px solid var(--line);pointer-events:none}.menu-tools{position:absolute;top:28px;right:28px;display:flex;gap:7px;z-index:2}.menu-tools button{min-width:44px;height:38px;padding:0 10px;color:var(--cream);background:#1c241b;border:1px solid var(--line);border-radius:4px}.menu-tools button:hover{border-color:var(--cream)}.snake-mark{display:flex;gap:4px;align-items:center;margin-bottom:18px}.snake-mark i{width:15px;height:15px;background:var(--green)}.snake-mark i:first-child{width:22px;height:22px;background:var(--cream)}.snake-mark i:last-child{width:10px;height:10px}h1,h2{font-family:Barlow Condensed,sans-serif;font-weight:800;letter-spacing:.04em;margin:0;line-height:.9}h1{font-size:clamp(62px,11vw,132px)}h2{font-size:clamp(48px,7vw,82px)}.screen>p{width:min(480px,88vw);color:#cbd2b6;font-size:17px;line-height:1.5;margin:22px 0 27px}.screen>.quick-facts{margin:-16px 0 22px;color:#9eaa8b;font-size:13px}.primary,.secondary{min-width:210px;padding:14px 22px;border-radius:4px;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:800;letter-spacing:.07em}.primary{color:#17200f;background:var(--green);border:1px solid #c6df72}.primary:hover{background:#b5d35f}.secondary{margin-top:10px;color:var(--cream);background:transparent;border:1px solid var(--line)}.secondary:hover{border-color:var(--cream)}.controls{margin-top:25px;color:#9aa589;font-size:13px}.controls b{color:var(--cream)}.compact{background:#0f140fe8}.compact h2{margin-bottom:27px}.mode-buttons{display:flex;gap:10px}.mode-secondary{margin-top:0}.level-panel{width:min(650px,92vw)}.level-panel>p{margin:0 0 12px;color:#aeb99a;font-family:Barlow Condensed,sans-serif;font-size:13px;letter-spacing:.08em}.level-panel>div{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.level-panel>div button{padding:12px 8px;color:#cfd8bd;background:#1c241b;border:1px solid var(--line);border-radius:4px}.level-panel>div button:hover{color:#17200f;background:var(--green);border-color:#c6df72}.level-panel>div b{display:block;margin-bottom:3px;font-family:Barlow Condensed,sans-serif;font-size:20px}.text-button{margin-top:16px;padding:7px 10px;color:#aeb99a;background:transparent;border:0;border-bottom:1px solid #657156}.text-button:hover{color:var(--cream);border-color:var(--cream)}.share-button{min-width:210px;margin-top:10px;padding:12px 18px;color:#f2f2f2;background:#111;border:1px solid #555;border-radius:4px;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;letter-spacing:.04em}.share-button:hover{border-color:#ddd}.hud{position:absolute;inset:0;padding:22px;pointer-events:none}.scoreboard{display:flex;width:324px;background:#182017e0;border-left:3px solid var(--green)}.scoreboard div{flex:1;padding:11px 14px}.scoreboard div+div{border-left:1px solid var(--line)}.scoreboard span{display:block;color:#abb799;font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:.07em}.scoreboard strong{display:block;margin-top:2px;color:var(--cream);font-family:Barlow Condensed,sans-serif;font-size:25px}.stage-label{position:absolute;top:24px;left:50%;transform:translate(-50%);padding:7px 10px;color:var(--cream);background:#182017db;border-bottom:2px solid var(--green);font-family:Barlow Condensed,sans-serif;font-size:13px;letter-spacing:.06em}.goal{position:absolute;top:62px;left:50%;transform:translate(-50%);color:#b6c3a4;font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:.06em}.icon-button{pointer-events:auto;position:absolute;top:22px;right:22px;width:42px;height:42px;color:var(--cream);background:#182017e0;border:1px solid var(--line);border-radius:4px}.speed{position:absolute;left:24px;bottom:22px;color:var(--green);font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:13px;letter-spacing:.07em}.event-message{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) scale(.8);color:#fff2a7;font-family:Barlow Condensed,sans-serif;font-size:clamp(32px,5vw,58px);font-weight:800;letter-spacing:.06em;text-shadow:0 2px 0 #293019;pointer-events:none;opacity:0}.event-message.pop{animation:event-pop .62s ease-out forwards}@keyframes event-pop{0%{opacity:0;transform:translate(-50%,-40%) scale(.72)}18%,62%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-65%) scale(1.05)}}.ready-message{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);padding:10px 14px;color:#fff3b0;background:#121811e0;border-bottom:2px solid var(--green);font-family:Barlow Condensed,sans-serif;font-size:clamp(18px,2.4vw,28px);font-weight:800;letter-spacing:.07em;pointer-events:none;z-index:8}.revive-screen{z-index:18}.revive-screen>p{margin:18px 0 0}.revive-screen>strong{color:var(--green);font-family:Barlow Condensed,sans-serif;font-size:clamp(92px,15vw,170px);line-height:.9}.settings-screen{z-index:20}.settings-screen h2{margin-bottom:26px}.settings-form{display:grid;grid-template-columns:180px 220px;gap:11px 16px;align-items:center;margin-bottom:25px;text-align:left}.settings-form label{color:#cbd2b6;font-size:14px}.settings-form select{width:100%;padding:10px 11px;color:var(--cream);background:#1b231a;border:1px solid var(--line);border-radius:4px;font:inherit;outline:none}.settings-form select:focus{border-color:var(--green)}.mobile-only-setting{display:none}.swipe-hint{margin:-8px 0 20px!important;color:#aeb99a!important;font-size:13px!important}.ad-slot{align-items:center;justify-content:center;overflow:hidden;pointer-events:auto}.ad-left,.ad-right,.ad-menu-bottom,.ad-menu-mobile{display:none;position:absolute;z-index:4}.ad-left,.ad-right{top:110px;width:160px}.ad-left{height:600px}.ad-right{height:300px}.ad-left{left:8px}.ad-right{right:8px}.ad-menu-bottom{left:50%;bottom:8px;width:728px;height:90px;transform:translate(-50%)}.ad-menu-mobile{left:50%;bottom:max(8px,env(safe-area-inset-bottom));width:320px;height:50px;transform:translate(-50%)}.mobile-controls{--control-size: 70px;position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,var(--control-size));grid-template-rows:repeat(2,var(--control-size));gap:7px;transform:translate(-50%);z-index:7}.mobile-controls[data-size=medium]{--control-size: 58px}.mobile-controls[data-size=large]{--control-size: 70px}.mobile-controls[data-size=xlarge]{--control-size: 82px}.mobile-controls button{touch-action:none;color:var(--cream);background:#161e15d1;border:1px solid rgba(238,241,210,.42);border-radius:4px;font-size:20px;font-weight:700}.mobile-controls button:active{color:#17200f;background:var(--green);border-color:#c6df72}.mobile-controls button[data-key=ArrowUp]{grid-column:2}.mobile-controls button[data-key=ArrowLeft]{grid-column:1;grid-row:2}.mobile-controls button[data-key=ArrowDown]{grid-column:2;grid-row:2}.mobile-controls button[data-key=ArrowRight]{grid-column:3;grid-row:2}.game-info{width:min(900px,calc(100% - 40px));margin:0 auto;padding:72px 0 40px;color:#d9dfc8;-webkit-user-select:text;user-select:text}.game-info h2,.game-info h3{color:var(--cream);font-family:Barlow Condensed,sans-serif;line-height:1.1;letter-spacing:.02em}.game-info h2{margin:0 0 18px;font-size:clamp(34px,5vw,52px)}.game-info h3{margin:0 0 8px;font-size:24px}.game-info p{margin:0 0 16px;color:#bec7ad;font-size:17px;line-height:1.75}.game-info a{color:#c6df72;text-underline-offset:4px}.game-info-intro{padding-bottom:44px}.game-info-intro .direct-answer{max-width:760px;color:#d7ddc6;font-size:20px}.play-link{display:inline-block;margin-top:6px;padding:12px 18px;color:#17200f!important;background:var(--green);border:1px solid #c6df72;border-radius:4px;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:800;letter-spacing:.05em;text-decoration:none}.topic-links{display:flex;flex-wrap:wrap;gap:10px 24px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-links a{color:#d0d7bf;text-decoration:none}.topic-links a:hover{color:var(--cream);text-decoration:underline}.game-info section{padding:52px 0;border-bottom:1px solid var(--line)}.info-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.game-info details{padding:15px 0;border-top:1px solid rgba(222,236,187,.16)}.game-info details:last-of-type{margin-bottom:18px}.game-info summary{color:var(--cream);font-weight:600;cursor:pointer}.game-info details p{margin:10px 0 0;font-size:16px}.site-footer{display:flex;flex-wrap:wrap;gap:12px 24px;padding:32px 0 0}.site-footer a{color:#aeb99a}.content-ad{display:flex;justify-content:center;margin:32px auto;overflow:hidden}.content-ad-wide{width:min(468px,100%);min-height:60px}.content-ad-box{width:300px;min-height:250px}.native-ad{min-height:120px;padding:40px 0;border-bottom:1px solid var(--line);overflow:hidden}@media(max-width:680px){.screen{padding:20px}.screen:before{inset:10px}.screen>p{font-size:15px}.controls{width:250px;line-height:1.6}.hud{padding:13px}.scoreboard{width:190px}.scoreboard div{padding:8px 7px}.scoreboard strong{font-size:21px}.icon-button{top:13px;right:13px}.speed{left:13px;bottom:13px}.stage-label{top:82px;font-size:11px;white-space:nowrap}.goal{top:110px}.mode-buttons{flex-direction:column;width:220px}.mode-secondary{margin-top:0}.level-panel>div{grid-template-columns:repeat(2,1fr)}.level-panel>div{max-height:280px;overflow-y:auto;padding-right:3px}.menu-screen{padding-bottom:20px}.menu-tools{top:16px;right:16px}.site-nav{display:none}.settings-screen{overflow-y:auto}.settings-form{grid-template-columns:1fr;gap:6px;width:min(300px,85vw)}.settings-form select{margin-bottom:7px}.game-info{width:min(100% - 32px,900px);padding-top:50px}.game-info p{font-size:16px;line-height:1.68}.game-info-intro .direct-answer{font-size:18px}.info-columns{grid-template-columns:1fr;gap:24px}.ad-menu-mobile{display:flex}.content-ad-wide{display:none}}@media(pointer:coarse){.mobile-only-setting{display:block}}.force-touch-preview .mobile-only-setting{display:block}@media(min-width:860px)and (min-height:760px){.ad-menu-bottom{display:flex}}@media(min-width:1400px)and (min-height:720px){.ad-left,.ad-right{display:flex}.hud .stage-label{top:106px}.hud .goal{top:136px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}