:root{--bg:#f2f2f2;--bg-game:#e5e5e5;--bg-dialog:#e0e1e3;--ink:#1a1a1a;--ink-strong:#131313;--ink-soft:#2d2d2d;--muted:#676767;--on-ink:#efefef;--square-light:#ededed;--plum:#591b44;--sky:#adc4e0;--plum-ink:#14030e;--display:"Boldonse", "Arial Black", sans-serif;--sans:"Neue Montreal", "Inter Tight", system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);font-family:var(--sans);color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:3px solid var(--plum);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.screen{--u:min(calc(100vw / 1728), calc(100svh / 1117));background:var(--bg);min-height:100svh;position:relative;overflow:hidden}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;translate:0 calc(28 * var(--u))}}@keyframes slide-in-left{0%{opacity:0;translate:calc(-48 * var(--u)) 0}}@keyframes pop-in{0%{opacity:0;scale:.6}}@keyframes wipe-in{0%{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% 0)}}@keyframes block-rise{0%{opacity:0;translate:0 120%}}@keyframes block-slide{0%{opacity:0;translate:120%}}@keyframes float{to{translate:0 calc(-16 * var(--u))}}@keyframes ping{0%{opacity:.45;scale:1}to{opacity:0;scale:1.7}}@keyframes blink{0%,80%,to{opacity:.15}40%{opacity:1}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}@keyframes shake{20%,60%{translate:-6px}40%,80%{translate:6px}}@keyframes cell-in{0%{opacity:0;scale:.4}}@keyframes piece-in{0%{opacity:0;translate:0 -70%;scale:.7}}@keyframes grow{0%{scale:0 1}}::view-transition-group(*){animation-duration:.56s;animation-timing-function:var(--ease-out)}::view-transition-old(root){animation-duration:.32s}::view-transition-new(root){animation-duration:.32s}.masthead__title{view-transition-name:brand}.checkers span:first-child{view-transition-name:block-1}.checkers span:nth-child(2){view-transition-name:block-2}.checkers span:nth-child(3){view-transition-name:block-3}.checkers span:nth-child(4){view-transition-name:block-4}.masthead{flex-direction:column;display:inline-flex}.masthead__title{font-family:var(--display);font-weight:400;font-size:calc(96 * var(--u));color:var(--ink);white-space:nowrap;line-height:normal}:root:not([data-navigated]) .masthead__title{animation:wipe-in .9s var(--ease-out) backwards}.masthead__row{margin-top:calc(-13 * var(--u));color:#000;animation:rise-in .6s var(--ease-out) .25s backwards;align-items:flex-start;display:flex}.masthead__subtitle{padding-left:calc(21 * var(--u));font-size:calc(48 * var(--u))}.masthead__game{font-size:calc(64 * var(--u));margin-left:auto;font-weight:700}.menu{flex-direction:column;display:flex;position:relative}.menu-item{width:calc(532 * var(--u));animation:slide-in-left .6s var(--ease-out) backwards;animation-delay:calc(.2s + var(--i) * 80ms);position:relative}.subscreen .menu-item{animation-name:rise-in}.menu-btn{width:100%;height:calc(84 * var(--u));display:block}.menu-btn:focus-visible{outline:none}.menu-btn[aria-disabled=true]{cursor:not-allowed}.menu-btn__face{background:var(--ink-strong);width:100%;height:100%;color:var(--on-ink);font-size:calc(48 * var(--u));white-space:nowrap;transition:transform .32s var(--ease-spring), scale .16s var(--ease-out);justify-content:center;align-items:center;display:flex}.menu-btn:active .menu-btn__face{scale:.97}.menu-btn.is-busy{cursor:progress}.menu-btn.is-busy .menu-btn__face{background:linear-gradient(100deg, var(--ink-strong) 35%, #3d3d3d 50%, var(--ink-strong) 65%) 0 0 / 250% 100%;animation:1.1s linear infinite shimmer}.menu-pointer{top:50%;left:calc(100% + 52.8 * var(--u));width:calc(71.88 * var(--u));transform:translateY(-50%)rotate(-90deg);translate:calc(24 * var(--u)) 0;opacity:0;pointer-events:none;transition:opacity .2s ease, translate .36s var(--ease-spring), transform .32s var(--ease-spring);position:absolute}.menu-btn:focus-visible .menu-btn__face{font-weight:700}.menu-btn:focus-visible+.menu-pointer{opacity:1;translate:0}.menu-item--tilt .menu-btn:focus-visible .menu-btn__face{transform:rotate(6.57deg)}.menu-item--tilt .menu-btn:focus-visible+.menu-pointer{transform:translateY(calc(-50% + 34 * var(--u))) rotate(-90deg)}@media (hover:hover){.menu-btn:not([aria-disabled]):hover .menu-btn__face{font-weight:700}.menu-btn:not([aria-disabled]):hover+.menu-pointer{opacity:1;translate:0}.menu-item--tilt .menu-btn:not([aria-disabled]):hover .menu-btn__face{transform:rotate(6.57deg)}.menu-item--tilt .menu-btn:not([aria-disabled]):hover+.menu-pointer{transform:translateY(calc(-50% + 34 * var(--u))) rotate(-90deg)}}.server-status{top:calc(100% + 22 * var(--u));font-size:max(14px, calc(24 * var(--u)));color:var(--muted);white-space:nowrap;animation:.3s backwards fade-in;position:absolute;left:0}.server-status--error{color:var(--plum);animation:shake .42s var(--ease-out)}.subscreen .server-status{text-align:center;width:100%}.subscreen__body .server-status{margin-top:calc(24 * var(--u));position:static}.dots span{animation:1.2s infinite blink}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}.help-link{align-items:center;gap:calc(20 * var(--u));font-size:max(14px, calc(24 * var(--u)));color:#000;font-weight:300;animation:.6s .7s backwards fade-in;display:flex}.help-link__icon{width:calc(68.17 * var(--u));transition:rotate .36s var(--ease-spring), scale .36s var(--ease-spring);display:block}.help-link:hover span{text-decoration:underline}.help-link:hover .help-link__icon,.help-icon:hover img{rotate:-14deg;scale:1.08}.help-icon{border-radius:50%;display:block}.help-icon img{width:calc(72 * var(--u));transition:rotate .36s var(--ease-spring), scale .36s var(--ease-spring);display:block}.help-icon--corner{top:calc(104 * var(--u));right:calc(92 * var(--u));animation:pop-in .6s var(--ease-spring) .45s backwards;position:absolute}.go-back{left:calc(111 * var(--u));bottom:calc(64 * var(--u));font-size:calc(48 * var(--u));color:#000;transition:color .16s;animation:.5s .5s backwards fade-in;position:absolute}.go-back__arrow{transition:translate .32s var(--ease-spring);display:inline-block}.go-back:hover{color:var(--plum)}.go-back:hover .go-back__arrow{translate:calc(-12 * var(--u)) 0}.checkers span{width:calc(232 * var(--u));height:calc(184 * var(--u));background:var(--ink-strong);position:absolute}:root:not([data-navigated]) .checkers--home span{animation:block-rise .8s var(--ease-out) backwards;animation-delay:calc(.35s + var(--i) * 90ms)}:root:not([data-navigated]) .checkers--difficulty span{animation:block-slide .8s var(--ease-out) backwards;animation-delay:calc(.35s + var(--i) * 90ms)}.checkers--home span:first-child{right:calc(612 * var(--u));bottom:calc(-100 * var(--u));height:calc(185 * var(--u))}.checkers--home span:nth-child(2){right:calc(380 * var(--u));bottom:calc(85 * var(--u))}.checkers--home span:nth-child(3){right:calc(148 * var(--u));bottom:calc(-100 * var(--u));height:calc(185 * var(--u))}.checkers--home span:nth-child(4){right:calc(-84 * var(--u));bottom:calc(85 * var(--u))}.checkers--difficulty span:first-child{right:calc(-184 * var(--u));top:calc(465 * var(--u))}.checkers--difficulty span:nth-child(2){right:calc(48 * var(--u));top:calc(649 * var(--u))}.checkers--difficulty span:nth-child(3){right:calc(-184 * var(--u));top:calc(833 * var(--u))}.home__main{padding:calc(185 * var(--u)) 0 0 calc(131 * var(--u))}.home .menu{margin:calc(49 * var(--u)) 0 0 calc(61 * var(--u));gap:calc(56 * var(--u))}.home .menu-item--online{margin-top:calc(45 * var(--u))}.home .help-link{margin:calc(107 * var(--u)) 0 0 calc(61 * var(--u))}.home__bubbles{display:contents}.bubble{font-size:max(14px, calc(36 * var(--u)));color:#000;transition:background-color .2s ease, color .2s ease, scale .42s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.bubble img{width:100%;transition:opacity .2s;position:absolute;inset:0}.bubble span{position:relative}.bubble:focus-visible,.bubble:active{background:var(--ink-strong);color:var(--on-ink)}.bubble:focus-visible img,.bubble:active img{opacity:0}@media (hover:hover){.bubble:hover{background:var(--ink-strong);color:var(--on-ink);scale:1.04}.bubble:hover img{opacity:0}}.bubble--saves{top:calc(-112 * var(--u));right:calc(-84 * var(--u));width:calc(638 * var(--u));aspect-ratio:638/604;padding-top:calc(130 * var(--u));animation:pop-in .8s var(--ease-spring) .35s backwards, float 7s ease-in-out 1.2s infinite alternate}.bubble--stats{top:calc(551 * var(--u));right:calc(380 * var(--u));width:calc(252 * var(--u));aspect-ratio:252/238;padding-top:calc(19 * var(--u));animation:pop-in .8s var(--ease-spring) .5s backwards, float 5.5s ease-in-out 1.4s infinite alternate}.subscreen{padding-top:calc(176 * var(--u));flex-direction:column;align-items:center;display:flex}.difficulty .menu{margin-top:calc(189 * var(--u));gap:calc(36 * var(--u))}.subscreen__body{margin-top:calc(110 * var(--u));flex-direction:column;align-items:center;display:flex}.subscreen__message{font-size:max(16px, calc(32 * var(--u)));color:var(--muted);animation:.4s backwards fade-in}.stats{gap:calc(36 * var(--u));width:calc(744 * var(--u));flex-direction:column;display:flex}.stat-tiles{gap:calc(24 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.stat-tile{aspect-ratio:232/184;padding:calc(22 * var(--u)) calc(24 * var(--u));background:var(--ink-strong);color:var(--on-ink);animation:rise-in .6s var(--ease-out) backwards;animation-delay:calc(.15s + var(--i) * 90ms);flex-direction:column;justify-content:space-between;display:flex}.stat-tile__value{font-family:var(--display);font-size:calc(48 * var(--u));white-space:nowrap;line-height:1.4}.stat-tile__label{font-size:max(13px, calc(22 * var(--u)));color:#bdbdbd;font-weight:300}.stats__columns{gap:calc(48 * var(--u));grid-template-columns:1fr 1fr;animation:.6s .45s backwards fade-in;display:grid}.stat-list{font-size:max(15px, calc(26 * var(--u)));margin:0}.stat-list__row{padding:calc(10 * var(--u)) 0;border-bottom:1px solid #0000001f;justify-content:space-between;display:flex}.stat-list dd{margin:0;font-weight:700}.level-bars{gap:calc(14 * var(--u));flex-direction:column;display:flex}.level-bar__label{font-size:max(15px, calc(26 * var(--u)));justify-content:space-between;display:flex}.level-bar__track{height:max(4px, calc(10 * var(--u)));margin-top:calc(6 * var(--u));background:#0000001a}.level-bar__fill{background:var(--plum);height:100%;scale:var(--p) 1;transform-origin:0;animation:grow .9s var(--ease-out) backwards;animation-delay:calc(.55s + var(--i) * .12s)}.save-list{gap:calc(24 * var(--u)) calc(48 * var(--u));grid-template-columns:repeat(2,auto);display:grid}.save-list .menu-item{animation-delay:calc(.12s + var(--i) * 45ms)}.save-list .menu-btn{height:calc(72 * var(--u))}.save-list .menu-btn__face{font-size:max(15px, calc(32 * var(--u)))}.save-list .menu-pointer{display:none}.game{--u:min(calc(100vw / 1944), calc(100svh / 1257));grid-template-columns:1fr calc(920 * var(--u)) 1fr;row-gap:calc(25 * var(--u));height:100svh;padding:calc(50 * var(--u)) calc(106 * var(--u));background:var(--bg-game);font-size:calc(48 * var(--u));grid-template-rows:1fr auto 1fr;display:grid}.game__masthead{grid-area:1/1/auto/3;place-self:start}.game__masthead .masthead__title{font-size:calc(64 * var(--u))}.game__masthead .masthead__row{margin-top:calc(-8.7 * var(--u))}.game__masthead .masthead__game{font-size:calc(42.67 * var(--u))}.game__help{margin-top:calc(28 * var(--u));animation:pop-in .6s var(--ease-spring) .5s backwards;grid-area:1/3;place-self:start end}.game__left,.game__right{animation:.6s .35s backwards fade-in}.game__left{flex-direction:column;grid-area:2/1;justify-content:space-between;align-items:flex-start;display:flex}.game__status{padding-left:calc(20 * var(--u))}.game__status-text{animation:rise-in .4s var(--ease-out) backwards}.game__side{color:var(--muted);font-weight:300}.game__meta{margin-top:calc(28 * var(--u));font-size:max(13px, calc(24 * var(--u)));color:var(--muted)}.game__note{margin-top:calc(16 * var(--u));font-size:max(14px, calc(32 * var(--u)));color:var(--plum);animation:rise-in .3s var(--ease-out) backwards}.radio{align-items:flex-start;gap:calc(32 * var(--u));flex-direction:column;display:flex}.radio__now{max-width:calc(400 * var(--u));padding-left:calc(20 * var(--u))}.radio__hint{font-size:max(13px, calc(24 * var(--u)));color:var(--muted);animation:.3s backwards fade-in}.radio__hint--error{color:var(--plum)}.radio__station{animation:rise-in .5s var(--ease-out) backwards}.radio__label{align-items:center;gap:calc(10 * var(--u));font-size:max(13px, calc(24 * var(--u)));color:var(--muted);font-weight:300;display:flex}.radio__country{margin-top:calc(4 * var(--u));font-size:calc(48 * var(--u));color:var(--ink);font-weight:700;line-height:1.05}.radio__name{max-width:calc(380 * var(--u));margin-top:calc(6 * var(--u));font-size:max(13px, calc(24 * var(--u)));color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.radio__next{margin-top:calc(14 * var(--u));font-size:max(13px, calc(24 * var(--u)));color:var(--plum);font-weight:700}.radio__next span{transition:translate .32s var(--ease-spring);display:inline-block}.radio__next:hover span{translate:calc(8 * var(--u)) 0}.eq{align-items:flex-end;gap:max(2px, calc(4 * var(--u)));height:max(12px, calc(22 * var(--u)));display:inline-flex}.eq span{width:max(3px, calc(5 * var(--u)));background:var(--plum);transform-origin:bottom;height:100%;animation:.9s ease-in-out infinite alternate eq}.eq span:nth-child(2){animation-duration:.6s;animation-delay:-.3s}.eq span:nth-child(3){animation-duration:.75s;animation-delay:-.5s}@keyframes eq{0%{scale:1 .25}}.tunes{align-items:center;gap:calc(59 * var(--u));margin-bottom:calc(-28 * var(--u));transition:color .16s;display:flex}.tunes__icon{isolation:isolate;width:calc(110 * var(--u));transition:scale .36s var(--ease-spring);flex:none;position:relative}.tunes__icon:after{content:"";z-index:-1;background:var(--ink);opacity:0;border-radius:50%;position:absolute;inset:0}.tunes[aria-pressed=true] .tunes__icon:after{animation:ping 1.8s var(--ease-out) infinite}.tunes[data-status=tuning]{cursor:progress}.tunes[data-status=tuning] .tunes__icon:after{animation:ping .9s var(--ease-out) infinite}.tunes:hover .tunes__icon{scale:1.06}.tunes__circle{width:100%;display:block}.tunes__play{top:50%;left:calc(70 * var(--u));width:calc(97 * var(--u));position:absolute;transform:translate(-50%,-50%)rotate(90deg)}.tunes__pause{width:calc(46 * var(--u));height:calc(50 * var(--u));border-inline:calc(16 * var(--u)) solid #fff;margin:auto;position:absolute;inset:0}.tunes:hover,.game__save:hover,.game__quit:hover{color:var(--plum)}.board{width:calc(920 * var(--u));aspect-ratio:1;grid-area:2/2;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:relative}.cell{background:var(--square-light);-webkit-user-select:none;user-select:none;animation:cell-in .45s var(--ease-out) backwards;animation-delay:calc(var(--d) * 28ms);justify-content:center;align-items:center;transition:box-shadow .16s;display:flex}.cell.dark{background:var(--ink);cursor:pointer}.cell.selected{box-shadow:inset 0 0 0 max(3px, calc(6 * var(--u))) var(--sky)}@media (hover:hover){.cell.movable:not(.selected):hover{box-shadow:inset 0 0 0 max(2px, calc(4 * var(--u))) #adc4e080}}.cell.target:after{content:"";aspect-ratio:1;background:var(--sky);opacity:.7;width:30%;animation:pop-in .28s var(--ease-spring) backwards;transition:scale .22s var(--ease-spring), opacity .16s ease;border-radius:50%}.cell.target:hover:after{opacity:1;scale:1.35}.pieces{pointer-events:none;position:absolute;inset:0}.piece-slot{width:12.5%;height:12.5%;transform:translate(calc(var(--c) * 100%), calc(var(--r) * 100%));transition:transform .44s var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.piece{animation:piece-in .55s var(--ease-spring) backwards;animation-delay:calc(.45s + var(--i) * 80ms);transition:scale .28s var(--ease-spring), translate .28s var(--ease-spring), filter .28s ease;display:block}.piece-slot.is-lifted .piece{filter:drop-shadow(0 calc(12 * var(--u)) calc(8 * var(--u)) #00000073);translate:0 -6%;scale:1.12}.piece--wolf{width:91.3043%}.piece--sheep{width:74.7826%}.result{z-index:2;justify-content:center;align-items:center;gap:calc(16 * var(--u));color:var(--on-ink);text-align:center;background:#131313cc;flex-direction:column;animation:.5s .45s backwards fade-in;display:flex;position:absolute;inset:0}.result__title{font-family:var(--display);font-size:calc(88 * var(--u));animation:pop-in .7s var(--ease-spring) .6s backwards;line-height:normal}.result__text{font-size:max(15px, calc(32 * var(--u)));animation:rise-in .5s var(--ease-out) .75s backwards;font-weight:300}.result__actions{gap:calc(24 * var(--u));margin-top:calc(28 * var(--u));animation:rise-in .5s var(--ease-out) .85s backwards;display:flex}.result__btn{min-width:calc(260 * var(--u));padding:calc(16 * var(--u)) calc(32 * var(--u));border:2px solid var(--on-ink);font-size:max(15px, calc(36 * var(--u)));color:var(--on-ink);transition:background-color .16s ease, border-color .16s ease, color .16s ease, scale .2s var(--ease-spring)}.result__btn--primary{background:var(--on-ink);color:var(--ink-strong);font-weight:700}.result__btn:hover{background:var(--sky);border-color:var(--sky);color:var(--ink-strong)}.result__btn:active{scale:.96}.result__btn:disabled{cursor:progress}.result__btn:focus-visible{outline-color:var(--sky)}.game__right{white-space:nowrap;flex-direction:column;grid-area:2/3;justify-content:space-between;align-items:flex-end;display:flex}.game__save-group{margin-top:calc(-25 * var(--u));flex-direction:column;align-items:flex-end;display:flex}.game__save{color:var(--ink-soft);font-weight:700;transition:color .16s}.game__save:disabled{cursor:progress}.game__save-note{min-height:1.3em;margin-top:calc(6 * var(--u));font-size:max(13px, calc(24 * var(--u)));color:var(--muted)}.game__save-note span{animation:rise-in .3s var(--ease-out) backwards;display:inline-block}.game__save-note .is-error{color:var(--plum)}.game__quit{color:var(--muted);transition:color .16s}.rules{--u:min(calc(100vw / 1728), calc(100svh / 1117));width:calc(836 * var(--u));background:var(--bg-dialog);max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);color:var(--plum-ink);opacity:0;translate:0 calc(48 * var(--u));transition:opacity .26s ease, translate .46s var(--ease-out), scale .46s var(--ease-out), overlay .26s allow-discrete, display .26s allow-discrete;border:0;padding:0;scale:.96}.rules[open]{opacity:1;translate:0;scale:1}@starting-style{.rules[open]{opacity:0;translate:0 calc(48 * var(--u));scale:.96}}.rules::backdrop{transition:background-color .26s ease, overlay .26s allow-discrete, display .26s allow-discrete;background:#13131300}.rules[open]::backdrop{background:#1313138c}@starting-style{.rules[open]::backdrop{background:#13131300}}.rules__panel{min-height:calc(770 * var(--u));padding:calc(54 * var(--u)) calc(106 * var(--u)) calc(107 * var(--u)) calc(105 * var(--u));flex-direction:column;align-items:flex-start;display:flex}.rules__close{font-size:max(18px, calc(36 * var(--u)));color:var(--plum);transition:scale .2s var(--ease-spring);align-self:flex-end;font-weight:700}.rules__close:hover{scale:1.08}.rules__intro{max-width:calc(600 * var(--u));margin-top:calc(113 * var(--u));font-size:max(16px, calc(32 * var(--u)))}.rules__title{margin-top:calc(116 * var(--u));font-family:var(--display);font-weight:400;font-size:max(20px, calc(36 * var(--u)));line-height:normal}.rules__list{max-width:calc(600 * var(--u));margin:calc(8 * var(--u)) 0 0;font-size:max(14px, calc(24 * var(--u)));padding:0;list-style:none}.rules__list li:before{content:"-"}.rules[open] .rules__intro{animation:rise-in .5s var(--ease-out) .12s backwards}.rules[open] .rules__title{animation:rise-in .5s var(--ease-out) .2s backwards}.rules[open] .rules__list li{animation:rise-in .5s var(--ease-out) backwards;animation-delay:calc(.26s + var(--i) * 60ms)}@media (aspect-ratio<=1){.screen,.rules{--u:calc((100vw - 32px) / 760)}.checkers,.menu-pointer{display:none}.menu,.menu-item{width:100%}.menu-btn{min-height:52px}.home{flex-direction:column;padding:56px 16px 32px;display:flex}.home__main{display:contents}.home .masthead{align-self:flex-start}.home .menu{margin-left:0}.home .help-link{order:1;align-self:center;margin:auto 0 0}.server-status{white-space:normal}.home__bubbles{justify-content:center;gap:16px;padding:64px 0 40px;display:flex}.bubble{width:42vw;padding:0;font-size:17px;position:relative;inset:auto}.subscreen{padding:56px 16px 32px}.subscreen__body,.stats,.save-list{width:100%}.stats__columns,.save-list{grid-template-columns:1fr}.go-back{align-self:flex-start;margin-top:40px;font-size:20px;position:static}.help-icon img{width:44px}.help-icon--corner{top:12px;right:12px}.game{--u:calc((100vw - 32px) / 920);grid-template-rows:none;grid-template-columns:1fr auto;grid-template-areas:"title help""status actions""board board""tunes tunes";align-content:start;row-gap:20px;height:auto;padding:24px 16px 32px}.game__masthead{grid-area:title;align-self:center}.game__help{grid-area:help;margin-top:0}.game__left{display:contents}.game__status{grid-area:status;padding:0}.board{grid-area:board}.radio{grid-area:tunes;gap:16px}.radio__now{padding-left:0}.tunes{margin:0}.game__right{grid-area:actions;justify-content:flex-start;gap:4px}.game__save-group{margin-top:0}}