.snake-game{border:1px solid var(--line,#d8d9d0);background:#f2f3ed;border-radius:20px;padding:clamp(20px,4vw,48px)}.snake-game h2{letter-spacing:-.045em;margin:16px 0 20px;font-size:clamp(28px,3vw,42px);line-height:1.1}.snake-game p{color:#5d625a;line-height:1.65}.snake-game small{color:#686d63;margin-top:18px;font-size:12px;line-height:1.6;display:block}.snake-start{max-width:620px}.snake-start>.button{margin:12px 0}.snake-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,72px);display:grid}.snake-board{aspect-ratio:1;outline-offset:5px;background:#18231e;border-radius:14px;padding:10px;position:relative;overflow:hidden}.snake-board:focus-visible{outline:3px solid #8a6a2e}.snake-grid{background:repeating-linear-gradient(#ffffff05 95%,#0000 95.2%,#0000);grid-template-columns:repeat(20,minmax(0,1fr));gap:1px;height:100%;display:grid}.snake-grid>span{border-radius:2px}.snake-grid .snake-body{background:#a8cfa5}.snake-grid .snake-head{background:#e2f4c6;box-shadow:inset 0 0 0 2px #fff5}.snake-grid .snake-food{background:#f3c977;border-radius:50%;transform:scale(.8)}.snake-overlay{color:#f3f4e9;text-align:center;background:#13201de8;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0}.snake-overlay strong{letter-spacing:-.04em;font-size:clamp(24px,3vw,36px)}.snake-overlay span{color:#c4d0c4;font-size:13px}.snake-overlay .button{margin-top:8px}.snake-score{letter-spacing:.04em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.snake-score>span:last-child{text-align:right}.snake-score strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin-left:10px;font-size:32px}.snake-score small{margin:0;font-size:11px}.snake-controls{touch-action:manipulation;flex-direction:column;align-items:center;gap:6px;margin:16px auto 10px;display:flex}.snake-controls>div{gap:6px;display:flex}.snake-controls button{color:#233529;cursor:pointer;background:#fffdf7;border:1px solid #c9cec2;border-radius:8px;width:56px;height:46px;font-size:23px}.snake-controls button:active{background:#dfead9}.snake-controls button:disabled{opacity:.4;cursor:default}.snake-tiers{gap:12px;margin:24px 0;display:flex}.snake-tiers>span{color:#5f6859;border:1px solid #cfd5c6;border-radius:10px;flex:1;padding:16px;font-size:14px}.snake-tiers strong{color:#283624;margin-bottom:6px;display:block}.snake-tiers .is-earned{background:#e2ebd7;border-color:#7d965b}.snake-progress{background:#dfe4d8;border-radius:99px;height:6px;margin-top:26px;overflow:hidden}.snake-progress>span{background:#67814c;height:100%;transition:width .18s;display:block}.snake-follows{border:1px solid #ccd3c3;border-radius:12px;min-width:0;margin-top:24px;padding:20px}.snake-follows legend{padding:0 8px;font-weight:600}.snake-follows>div{border-bottom:1px solid #d7dccf;gap:8px;margin:20px 0;padding-bottom:16px;display:grid}.snake-follows label{align-items:center;gap:10px;font-size:13px;display:flex}.snake-follows input{accent-color:#516b3b;width:18px;height:18px}.snake-follows>.button{width:100%}.snake-game .text-link{white-space:normal;text-align:left;align-items:center;gap:6px;max-width:100%;margin:8px 12px 8px 0;display:inline-flex}.snake-reward{max-width:620px}.snake-reward code{overflow-wrap:anywhere;padding:20px 0;font-size:clamp(15px,3vw,25px);display:block}.snake-reward>.button{margin:12px 0}.snake-reward>.text-link{display:flex}.snake-side .eyebrow{margin-top:8px;display:block}@media (max-width:760px){.snake-layout{grid-template-columns:1fr}.snake-side h2{font-size:30px}.snake-game{padding:20px 16px}.snake-tiers{gap:8px}.snake-tiers>span{padding:12px}.snake-follows{padding:14px}}@media (prefers-reduced-motion:reduce){.snake-progress>span{transition:none}}