.sn-game{--sn-ink:#111217;--sn-paper:#fffefa;--sn-blue:#1748e8;--sn-yellow:#ffe269;--sn-green:#63d69c;max-width:1180px;color:var(--sn-ink);font-family:var(--font-space,Arial,sans-serif);margin:0 auto;padding:28px 20px 70px}.sn-header{border-bottom:3px solid var(--sn-ink);justify-content:space-between;align-items:end;gap:28px;padding-bottom:25px;display:flex}.sn-header h1{letter-spacing:-.08em;margin:14px 0;font:900 clamp(60px,9vw,112px)/.82 Georgia,serif}.sn-header p:not(.sn-kicker){color:#565862;max-width:480px;margin:0;font:500 16px/1.45 Georgia,serif}.sn-header>a{color:var(--sn-blue);white-space:nowrap;font-size:11px;font-weight:800}.sn-kicker{color:var(--sn-blue);letter-spacing:.12em;margin:0;font-size:10px;font-weight:800}.sn-layout{grid-template-columns:minmax(300px,560px) minmax(220px,1fr);gap:58px;padding-top:44px;display:grid}.sn-scorebar{color:#62636a;letter-spacing:.08em;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:10px;font-weight:800;display:flex}.sn-scorebar b{color:var(--sn-ink);margin-left:5px;font-size:14px}.sn-board{aspect-ratio:1;border:5px solid var(--sn-ink);box-shadow:8px 8px 0 var(--sn-yellow);background:#eef0e8;grid-template-rows:repeat(18,1fr);grid-template-columns:repeat(18,1fr);display:grid;position:relative}.sn-cell{border:1px solid #1112170b;min-width:0}.sn-body,.sn-head{background:var(--sn-green);border-color:#11121733;box-shadow:inset 0 0 0 2px #ffffff45}.sn-head{background:var(--sn-blue);border-radius:4px;box-shadow:inset 0 0 0 2px #fff5}.sn-food{background:var(--sn-yellow);border:3px solid var(--sn-ink);border-radius:50%;transform:scale(.68)}.sn-overlay{text-align:center;z-index:2;background:#fffefaed;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.sn-overlay h2{letter-spacing:-.06em;margin:12px 0;font:900 clamp(36px,5vw,55px)/.9 Georgia,serif}.sn-overlay p{color:#565862;max-width:265px;font-size:13px;line-height:1.5}.sn-mark{color:var(--sn-blue);font-size:48px}.sn-primary{background:var(--sn-blue);color:#fff;min-height:48px;font:800 11px var(--font-space,Arial);cursor:pointer;border:0;margin-top:14px;padding:0 18px}.sn-controls{text-align:center;margin-top:18px;display:none}.sn-control,.sn-pause{background:var(--sn-paper);min-height:50px;color:var(--sn-ink);font:800 18px var(--font-space,Arial);cursor:pointer;touch-action:manipulation;border:1px solid #c8c8c3}.sn-control{border-radius:8px;width:58px}.sn-control:active,.sn-pause:active{background:var(--sn-blue);color:#fff}.sn-control:disabled,.sn-pause:disabled{opacity:.4;cursor:not-allowed}.sn-controls>div:nth-child(2){justify-content:center;gap:8px;margin:8px 0;display:flex}.sn-pause{width:100%;margin-top:9px;font-size:10px;display:block}.sn-aside{border-top:7px solid var(--sn-green);align-self:center;padding:25px 0}.sn-aside h2{letter-spacing:-.06em;margin:17px 0;font:900 clamp(40px,5vw,68px)/.88 Georgia,serif}.sn-aside>p:not(.sn-kicker):not(.sn-status):not(.sn-direction){color:#565862;max-width:360px;font-size:14px;line-height:1.55}.sn-aside dl{border-top:1px solid #c8c8c3;margin:32px 0 0}.sn-aside dl div{border-bottom:1px solid #c8c8c3;justify-content:space-between;gap:15px;padding:12px 0;font-size:10px;display:flex}.sn-aside dt{color:#73747b;letter-spacing:.1em;font-weight:800}.sn-aside dd{text-align:right;margin:0;font-weight:800}.sn-status{color:var(--sn-blue);margin-top:27px;font-size:11px;font-weight:800;line-height:1.45}.sn-direction{color:#777;margin-top:8px;font-size:10px}.sn-game button:focus-visible{outline:3px solid var(--sn-yellow);outline-offset:3px}@media (max-width:760px){.sn-game{padding:20px 16px 48px}.sn-header{flex-direction:column;align-items:start;gap:18px}.sn-header h1{font-size:clamp(62px,18vw,94px)}.sn-layout{grid-template-columns:1fr;gap:40px;padding-top:30px}.sn-board{max-width:520px;margin:auto}.sn-controls{display:block}.sn-aside{align-self:auto}.sn-aside h2{font-size:54px}}@media (max-width:390px){.sn-scorebar{font-size:9px}.sn-scorebar b{font-size:12px}.sn-control{width:52px}}