@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/big-shoulders-display-latin-900-normal-CW8trzgu.woff2)format("woff2"),url(/assets/big-shoulders-display-latin-900-normal-DMT-1gsg.woff)format("woff")}@font-face{font-family:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/familjen-grotesk-latin-400-normal-DOvmqNol.woff2)format("woff2"),url(/assets/familjen-grotesk-latin-400-normal-DYohiwGD.woff)format("woff")}@font-face{font-family:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/familjen-grotesk-latin-600-normal-DR8FYmV8.woff2)format("woff2"),url(/assets/familjen-grotesk-latin-600-normal-Cchso0CV.woff)format("woff")}:root{--paper:#eaf5ee;--white:#fff;--ink:#0c3a2b;--muted:#4d7365;--pink:#ff4f93;--blush:#ffd9e7;--mint:#5fdc9f;--pale-mint:#c6f1da;--amber:#ffb100;--deep-pink:#c2185b;--deep-green:#087a4c;--rule:2px solid var(--ink);--display:"Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--body:"Familjen Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:16px;--col:600px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;border-radius:0}html{-webkit-text-size-adjust:100%;background:var(--paper)}body{background:var(--paper);color:var(--ink);font:400 15px/1.45 var(--body);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);min-height:100svh;margin:0}button,input,output{font:inherit;color:inherit}button{cursor:pointer;border-radius:0}a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--pink);outline-offset:2px}[hidden]{display:none!important}.label{font:600 11px/1.2 var(--body);text-transform:uppercase;letter-spacing:.14em}.small{color:var(--muted);margin:0;font-size:13px}.section-title{font:900 30px/1 var(--display);text-transform:uppercase;letter-spacing:.01em;border-bottom:var(--rule);margin:0 0 10px;padding-bottom:6px}.screen{max-width:var(--col);padding:var(--gutter);flex-direction:column;gap:18px;margin:0 auto;display:flex}.screen.play{gap:10px;min-height:100svh}.masthead{background:var(--ink);color:var(--paper);margin:calc(var(--gutter) * -1) calc(var(--gutter) * -1) 0;padding:14px 16px 18px}@media (min-width:600px){.masthead{margin:0}}.mast-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.masthead .chip{color:var(--paper);border-color:var(--paper);background:0 0}.title{text-align:center;font:900 clamp(76px, 25vw, 150px) / .8 var(--display);text-transform:uppercase;letter-spacing:-.01em;margin:10px 0 6px}.title span{display:block}.title-a{color:var(--paper)}.title-b{color:var(--pink)}.pitch{text-align:center;max-width:34ch;margin:10px auto 0;font-size:17px}.masthead--slim{padding-bottom:14px}.example{grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:end;gap:16px;display:grid}.example-callout{border-top:var(--rule);flex-direction:column;align-items:flex-start;padding-top:6px;display:flex}.example-num{font:900 clamp(84px, 26vw, 140px) / .8 var(--display);color:var(--pink);margin-top:8px}.example-eq{font:900 clamp(28px, 8vw, 44px) / 1 var(--display);text-transform:uppercase;margin:4px 0 8px}.setup{flex-direction:column;display:flex}.size-strip{border:var(--rule);background:var(--white);grid-template-columns:repeat(4,1fr);display:grid}.size-strip button{border:0;border-right:var(--rule);text-align:left;background:0 0;flex-direction:column;gap:2px;min-height:72px;padding:10px 8px 9px;display:flex}.size-strip button:last-child{border-right:0}.size-strip b{font:900 32px/1 var(--display)}.size-strip span{font:600 10px/1.2 var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.size-strip [aria-checked=true]{background:var(--pink)}.size-strip [aria-checked=true] span{color:var(--ink)}.custom{border:var(--rule);background:var(--white);border-top:0;padding:10px 12px 14px}.custom-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.custom-out{font:700 22px/1 var(--display);text-transform:uppercase}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--paper);border:var(--rule);height:10px}input[type=range]::-moz-range-track{background:var(--paper);border:var(--rule);height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--pink);border:var(--rule);border-radius:0;width:26px;height:26px;margin-top:-10px}input[type=range]::-moz-range-thumb{background:var(--pink);border:var(--rule);border-radius:0;width:22px;height:22px}.toggle{text-align:left;background:var(--white);border:var(--rule);grid-template-columns:30px 1fr;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:grid}.toggle-box{border:var(--rule);background:var(--white);width:30px;height:30px;position:relative}.toggle[aria-checked=true] .toggle-box{background:var(--ink)}.toggle[aria-checked=true] .toggle-box:after{content:"";background:var(--mint);position:absolute;top:5px;bottom:5px;left:5px;right:5px}.toggle-text b{font:900 22px/1 var(--display);text-transform:uppercase;display:block}.play-row{border:var(--rule);grid-template-columns:1fr 1fr;margin-top:12px;display:grid}.block-btn{text-align:left;border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;min-height:132px;padding:12px;display:flex}.block-btn+.block-btn{border-left:var(--rule)}.block-btn b{font:900 clamp(48px, 15vw, 68px) / .85 var(--display);text-transform:uppercase}.block-btn span{font:600 11px/1.2 var(--body);text-transform:uppercase;letter-spacing:.12em}.block-btn--pink{background:var(--pink)}.block-btn--mint{background:var(--mint)}.block-btn:active,.btn:active,.step-btn:active{transform:translate(1px,1px)}.daily-btn{text-align:left;border:var(--rule);background:var(--white);grid-template-columns:auto 1fr auto;align-items:baseline;gap:12px;margin-top:12px;padding:12px;display:grid}.daily-btn b{font:900 28px/1 var(--display);text-transform:uppercase}.daily-btn span{color:var(--muted);font-size:13px}.daily-btn .daily-streak{font:700 18px/1 var(--display);text-transform:uppercase;color:var(--ink);background:var(--pale-mint);border:var(--rule);padding:3px 7px}.start-art{margin-top:18px}.hop-art.start-art svg{max-width:440px}.howto>ol{margin:0;padding:0;list-style:none}.howto>ol>li{border-bottom:1px solid color-mix(in srgb, var(--ink) 25%, transparent);grid-template-columns:34px 1fr;align-items:baseline;gap:8px;padding:8px 0;display:grid}.step{font:900 30px/.9 var(--display);color:var(--pink)}.howto-mode{border-left:6px solid var(--ink);margin-top:14px;padding:2px 0 2px 12px}.howto-mode--pink{border-left-color:var(--pink)}.howto-mode--mint{border-left-color:var(--mint)}.howto-mode h3{align-items:baseline;gap:10px;margin:0 0 4px;display:flex}.howto-mode h3 b{font:900 24px/1 var(--display);text-transform:uppercase}.howto-mode h3 .small{color:var(--muted)}.howto-mode ul{margin:0;padding-left:18px}.howto-mode li{padding:3px 0}.install{border:var(--rule);background:var(--pale-mint);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.foot{border-top:var(--rule);color:var(--muted);justify-content:space-between;padding-top:10px;font-size:13px;display:flex}.chip{font:600 11px/1 var(--body);text-transform:uppercase;letter-spacing:.12em;border:var(--rule);background:var(--white);white-space:nowrap;padding:8px 10px;text-decoration:none;display:inline-block}.chip[aria-pressed=false]{text-decoration:line-through}.btn{font:900 22px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;border:var(--rule);text-align:left;padding:14px 18px}.btn--sm{padding:9px 14px;font-size:18px}.btn--pink{background:var(--pink)}.btn--mint{background:var(--mint)}.btn--ink{background:var(--ink);color:var(--paper)}.btn--white{background:var(--white)}.row-actions{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.topbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;overflow:hidden}.hud-solo{border:var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.target-block{background:var(--pink);border-right:var(--rule);flex-direction:column;justify-content:space-between;padding:8px 12px 6px;display:flex}.target-num{font:900 clamp(72px, 24vw, 112px) / .82 var(--display);margin-top:8px}.ledger{background:var(--white);flex-direction:column;margin:0;display:flex}.ledger div{border-bottom:var(--rule);flex:1;justify-content:space-between;align-items:center;padding:2px 12px;display:flex}.ledger div:last-child{border-bottom:0}.ledger dt{font:600 11px/1 var(--body);text-transform:uppercase;letter-spacing:.14em}.ledger dd{font:900 28px/1 var(--display);margin:0}.fuse{background:var(--ink);border:var(--rule);grid-template-columns:repeat(10,1fr);gap:2px;height:16px;display:grid}.seg{background:var(--white);overflow:hidden}.seg i{height:100%;width:calc(var(--f,1) * 100%);background:var(--pink);display:block}.fuse[data-tone=mint] .seg i{background:var(--mint)}.fuse[data-tone=amber] .seg i{background:var(--amber)}.readout{min-height:26px;font:700 22px/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0}.readout[data-tone=hit]{color:var(--deep-green)}.readout[data-tone=miss]{color:var(--deep-pink)}.dock{border:var(--rule);background:var(--white);flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.dock .btn{align-self:flex-start}.counter{grid-template-columns:58px minmax(0,1fr) 58px auto;display:grid}.step-btn{border:var(--rule);background:var(--paper);height:60px;font:900 40px/1 var(--display)}.count-field{border:var(--rule);text-align:center;width:100%;min-width:0;height:60px;font:900 40px/1 var(--display);background:var(--white);-moz-appearance:textfield;border-left:0;border-right:0}.count-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.count-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lock-btn{height:60px;margin-left:8px;padding:0 16px}.versus-help{border-top:var(--rule);padding-top:8px}.board-frame{position:relative}.board-fit{width:min(100%,58svh);min-width:min(100%,300px)}.board-fit:has(.board--dense){width:min(100%,72svh)}.board--dense .tile{font-weight:800;font-size:max(7px, calc(var(--t) * .66))}.board--dense .mark{border-width:clamp(1px, calc(var(--t) * .1), 4px);background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--c) 55%, transparent) 0 1px, transparent 1px 5px)}.board--dense .mark--green{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--c) 60%, transparent) 0 1px, transparent 1px 5px)}.board--dense .mark--ghost,.board--dense .sel{border-width:clamp(1px, calc(var(--t) * .1), 3px)}.board--dense .mark--ghost{background:0 0}.board{--n:4;--t:60px;--g:3px;grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:var(--g);padding:var(--g);background:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;display:grid;position:relative}.tile{aspect-ratio:1;background:var(--blush);font:900 calc(var(--t) * .6) / 1 var(--display);font-variant-numeric:tabular-nums;place-items:center;display:grid}.board-frame.is-covered .tile{color:#0000}.board-frame.is-frozen .tile{background:var(--paper);color:var(--muted)}.sel--other{border:3px dashed var(--deep-green)}.feed{min-height:18px;font:700 17px/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--deep-green);margin:-4px 0 0}.ready-text{font:700 22px/1.1 var(--display);text-transform:uppercase;margin:0}.board-frame--mini .board-fit{width:100%;min-width:0}.board-frame--mini .board{gap:2px;padding:2px}.marks{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.mark{--c:var(--pink);border:4px solid var(--c);background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--c) 55%, transparent) 0 2px, transparent 2px 9px);position:absolute}.board-frame--mini .mark{border-width:3px}.mark--green{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--c) 60%, transparent) 0 2px, transparent 2px 9px)}.mark--ghost{border:3px dashed var(--ink);background:0 0}.sel{border:3px dashed var(--ink);position:absolute}.sel.is-hit{background:color-mix(in srgb, var(--mint) 55%, transparent);border-style:solid}.stamp-in{animation:.17s cubic-bezier(.2,.9,.3,1.2) both stamp-in}@keyframes stamp-in{0%{opacity:0;transform:scale(1.18)}to{opacity:1;transform:none}}.shake{animation:.28s linear shake}@keyframes shake{0%,to{transform:none}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.solution{border:var(--rule);background:var(--white)}.sol-slot{display:contents}.sol-head{border-bottom:var(--rule);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.sol-title{font:900 30px/1 var(--display);text-transform:uppercase}.sol-tallies{flex-wrap:wrap;gap:6px;display:flex}.sol-tally{font:600 11px/1 var(--body);text-transform:uppercase;letter-spacing:.1em;border:var(--rule);padding:4px 6px}.sol-body{overscroll-behavior:contain;flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.sol-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:6px;margin:0;padding:8px;list-style:none;display:grid}.sol-art{margin-top:auto;padding:6px 12px 10px}.hop-art{justify-content:center;display:flex}.hop-art svg{width:100%;max-width:280px;height:auto;overflow:visible}.hop-art .court rect,.hop-art .court path{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:5 1.5}.hop-art .court text{font:900 15px/1 var(--display);fill:var(--muted);text-anchor:middle}.hop-art .court text.sm{font-size:10px}.hop-art .stone{fill:var(--amber);stroke:var(--ink);stroke-width:1px}.hop-art .hopper path{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.hop-art .hopper .head{fill:var(--pink);stroke:var(--ink);stroke-width:2px}.hop-art .hopper{animation:6s ease-in-out infinite hop}@keyframes hop{0%{opacity:1;transform:translate(35px,126px)}6.5%{transform:translate(50px,108px)}13%{transform:translate(65px,126px)}19.5%{transform:translate(80px,108px)}26%{transform:translate(95px,126px)}32.5%{transform:translate(110px,108px)}39%{transform:translate(125px,126px)}45.5%{transform:translate(140px,108px)}52%{transform:translate(155px,126px)}58.5%{transform:translate(170px,108px)}65%{transform:translate(185px,126px)}85%{opacity:1;transform:translate(185px,126px)}90%{opacity:0;transform:translate(185px,126px)}91%{opacity:0;transform:translate(35px,126px)}to{opacity:1;transform:translate(35px,126px)}}.sol-item{border:var(--rule);background:var(--white);text-align:left;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:7px 8px;display:flex}.sol-where{font:700 15px/1.1 var(--display);text-transform:uppercase;white-space:nowrap}.sol-tag{font:600 9px/1 var(--body);text-transform:uppercase;letter-spacing:.08em;border:1.5px solid var(--ink);white-space:nowrap;padding:3px 4px}.sol--you{background:var(--blush)}.sol--you .sol-tag,.sol-tally.sol--you{background:var(--pink)}.sol--cpu{background:var(--pale-mint)}.sol--cpu .sol-tag,.sol-tally.sol--cpu{background:var(--mint)}.sol-item.sol--missed{border-style:dashed}.sol--missed .sol-tag,.sol-tally.sol--missed{background:var(--white);border-style:dashed}.sol-item[aria-pressed=true]{background:var(--ink);color:var(--paper);border-style:solid}.sol-item[aria-pressed=true] .sol-tag{border-color:var(--paper);color:var(--ink)}.is-review .solution{flex-direction:column;min-height:0;display:flex}.is-review .sol-body{flex:auto;min-height:0;max-height:none}@media (max-width:959px){.screen.play.is-review{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"top top""hud hud""fuse fuse""board sol";align-content:start;align-items:start;column-gap:8px;display:grid}.is-review>.topbar{grid-area:top}.is-review>.hud-solo,.is-review>.hud-versus{grid-area:hud}.is-review>.fuse{grid-area:fuse}.is-review>.board-frame{grid-area:board}.is-review>:not(:-webkit-any(.topbar,.hud-solo,.hud-versus,.fuse,.board-frame,.solution,.sol-slot)),.is-review>.sol-slot>:not(.solution){grid-column:1/-1}.is-review>:not(:is(.topbar,.hud-solo,.hud-versus,.fuse,.board-frame,.solution,.sol-slot)),.is-review>.sol-slot>:not(.solution){grid-column:1/-1}.is-review .solution{contain:size;grid-area:sol;align-self:stretch}.is-review .sol-head{padding:6px 8px}.is-review .sol-title{font-size:20px}.is-review .sol-hint{display:none}.is-review .sol-tally{padding:3px 4px;font-size:9px}.is-review .sol-list{grid-template-columns:1fr;gap:4px;max-height:none;padding:5px}.is-review .sol-item{flex-wrap:wrap;gap:3px;padding:5px 6px}.is-review .sol-where{white-space:normal;font-size:13px}.is-review .board-fit{width:100%;min-width:0}.is-review .sol-art{display:none}}@media (min-width:960px){.screen.play.is-review{--sol-w:clamp(220px, 21vw, 320px);--info-w:clamp(300px, 25vw, 400px);--board:min(calc(100svh - 120px), calc(100vw - 2 * var(--gutter) - 48px - var(--sol-w) - var(--info-w)));grid-template-columns:auto var(--sol-w) var(--info-w);column-gap:24px}.screen.play.is-review .board-fit{width:var(--board)}.screen.play.is-review>.solution,.screen.play.is-review>.sol-slot>.solution{height:var(--board);grid-area:2/2/span 20;align-self:start;margin:0}.screen.play.is-review>:not(:-webkit-any(.topbar,.board-frame,.solution,.sol-slot)),.screen.play.is-review>.sol-slot>:not(.solution){grid-column:3}.screen.play.is-review>:not(:is(.topbar,.board-frame,.solution,.sol-slot)),.screen.play.is-review>.sol-slot>:not(.solution){grid-column:3}.is-review>.fuse,.is-review>.readout{display:none}.is-review .sol-list{grid-template-columns:1fr;max-height:none}}.board-frame.has-focus .mark{opacity:.18;animation:none}.sel--focus{border:4px solid var(--ink);background:color-mix(in srgb, var(--amber) 45%, transparent);box-shadow:0 0 0 2px var(--amber);z-index:2}.board--dense .sel--focus{border-width:clamp(2px, calc(var(--t) * .15), 4px)}.result{border:var(--rule);padding:14px 14px 16px;container-type:inline-size}.result-title{font:900 clamp(40px, 21cqi, 88px) / .82 var(--display);text-transform:uppercase;overflow-wrap:break-word;margin:0 0 6px}.result-line{font:700 22px/1.15 var(--display);text-transform:uppercase;margin:0}.result-points{font:900 34px/1 var(--display);margin:2px 0 0}.result-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.result--mint{background:var(--mint)}.result--pale{background:var(--pale-mint)}.result--pink{background:var(--pink)}.result--white{background:var(--white)}.result--ink{background:var(--ink);color:var(--paper)}.result--ink .result-title{color:var(--amber)}.result--ink .btn--ink{background:var(--paper);color:var(--ink)}.result--ink .btn--white{color:var(--ink);border-color:var(--paper)}.share-text{white-space:pre-line;font:900 26px/1.1 var(--display);text-transform:uppercase;margin:0 0 6px}.hud-versus{border:var(--rule);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.vp{opacity:.45;flex-direction:column;gap:2px;min-height:118px;padding:8px 10px 9px;display:flex}.vp--pink{background:var(--pink)}.vp--green{background:var(--mint);text-align:right;align-items:flex-end}.vp.is-active{opacity:1;outline:3px solid var(--ink);outline-offset:-7px}.vp-score{font:900 60px/.85 var(--display)}.vp-turn{font:900 18px/1 var(--display);text-transform:uppercase;background:var(--ink);color:var(--paper);align-self:flex-start;padding:3px 6px}.vp--green .vp-turn{align-self:flex-end}.vt-left{color:var(--paper);white-space:nowrap;margin-top:4px}.vp-goal{font:600 11px/1.2 var(--body);text-transform:uppercase;letter-spacing:.1em;margin-top:auto}.vp--race{opacity:1}.vp--race .vp-turn{background:var(--amber);color:var(--ink)}.vt-time{font:700 22px/1 var(--display);margin-top:4px}.vt{background:var(--ink);color:var(--paper);border-left:var(--rule);border-right:var(--rule);flex-direction:column;padding:8px 12px;display:flex}.vt .target-num{color:var(--pink);font-size:clamp(64px,20vw,96px)}.summary-head{background:var(--ink);color:var(--paper);padding:14px 16px 16px}.summary-score{font:900 clamp(110px, 38vw, 200px) / .8 var(--display);color:var(--pink);margin:10px 0 8px;display:block}.summary-best{font:700 22px/1 var(--display);text-transform:uppercase;margin:0}.tag{background:var(--pink);color:var(--ink);padding:3px 8px}.summary-ledger ol{margin:0;padding:0;list-style:none}.lg-head,.summary-ledger li{grid-template-columns:48px 1fr 1fr auto;align-items:center;gap:8px;display:grid}.lg-head{font:600 11px/1 var(--body);text-transform:uppercase;letter-spacing:.14em;border-bottom:var(--rule);color:var(--muted);padding-bottom:6px}.summary-ledger li{border-bottom:var(--rule);font:700 24px/1 var(--display);text-transform:uppercase;padding:9px 0}.lg-target small{font:600 10px/1 var(--body);letter-spacing:.12em;color:var(--muted)}.pill{border:var(--rule);text-align:right;min-width:64px;font:900 22px/1 var(--display);padding:4px 10px 3px}.pill--exact{background:var(--mint)}.pill--close{background:var(--pale-mint)}.pill--miss{background:var(--white)}.ad-slot{border:var(--rule);background:var(--white);padding:6px 10px 10px}.ad-slot .label{color:var(--muted)}.ad-body{border-top:1px solid color-mix(in srgb, var(--ink) 25%, transparent);min-height:90px;color:var(--muted);place-items:center;margin-top:6px;font-size:13px;display:grid}.ad-body:has(ins){display:block}.consent{z-index:10;background:var(--ink);color:var(--paper);padding:12px max(var(--gutter), env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));border-top:2px solid var(--pink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.consent p{flex:220px;margin:0}.consent a{color:var(--paper)}.consent-actions{gap:8px;display:flex}.doc h2{font:900 28px/1 var(--display);text-transform:uppercase;border-bottom:var(--rule);margin:10px 0 0;padding-bottom:4px}.result-modal{width:min(calc(100vw - 2 * var(--gutter)), 480px);max-height:calc(100dvh - 2 * var(--gutter));border:var(--rule);box-shadow:8px 8px 0 var(--ink);color:var(--ink);text-align:center;margin:auto;padding:18px 18px 20px;overflow:auto;container-type:inline-size}.result-modal[open]{animation:.32s cubic-bezier(.2,.9,.3,1.25) .25s both modal-pop}.result-modal::backdrop{background:#0c3a2b99;animation:.25s ease-out both modal-fade}.result-modal-kicker{margin-bottom:6px;display:block}.result-modal .result-title{margin-bottom:4px}.result-modal-score{font:900 clamp(52px, 16vw, 80px) / .9 var(--display);font-variant-numeric:tabular-nums;text-transform:uppercase;margin:0 0 8px}.result-modal-line{max-width:34ch;margin:0 auto 6px;font-size:16px;line-height:1.35}.result-modal .result-actions{justify-content:center}.level-pick{border:var(--rule);text-align:left;grid-template-columns:repeat(3,1fr);margin:12px 0 0;display:grid}.level-pick button{border:0;border-right:var(--rule);background:var(--white);flex-direction:column;gap:2px;padding:9px 8px 8px;display:flex}.level-pick button:last-child{border-right:0}.level-pick b{font:900 24px/1 var(--display);text-transform:uppercase}.level-pick span{font:600 10px/1.2 var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.level-pick [aria-checked=true]{background:var(--ink);color:var(--paper)}.level-pick [aria-checked=true] span{color:var(--pale-mint)}.result-modal .result-actions .btn{text-align:center;flex:120px}.result-modal .result-modal-close{flex-basis:100%}@keyframes modal-pop{0%{opacity:0;transform:scale(.7)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes modal-fade{0%{opacity:0}}.doc p{max-width:62ch;margin:0}.share-modal[open]{animation-delay:0s}.share-modal .result-title{font-size:40px}.share-preview{background:var(--ink);min-height:120px;color:var(--paper);border:var(--rule);justify-content:center;align-items:center;margin:10px auto 12px;display:flex}.share-preview img{width:auto;min-width:0;max-width:100%;height:auto;max-height:min(46dvh,420px);display:block}.share-text-preview{white-space:pre-line;text-align:left;font:600 14px/1.45 var(--body);background:var(--paper);border:1.5px dashed var(--ink);margin:0 0 12px;padding:10px 12px}.share-posts{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.share-post{font:700 15px/1 var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);border:var(--rule);background:var(--white);padding:7px 10px 6px;text-decoration:none}.share-post:hover{background:var(--ink);color:var(--paper)}.share-post:focus-visible{background:var(--ink);color:var(--paper)}@media (min-width:960px){:root{--gutter:28px}.screen{max-width:1280px}.screen.start{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:22px 32px;display:grid}.screen.start>.masthead,.screen.start>.ad-slot,.screen.start>.foot{grid-column:1/-1}.screen.start>.setup{grid-area:2/1/span 3}.screen.start>:not(:-webkit-any(.masthead,.setup,.ad-slot,.foot)){grid-column:2}.screen.start>:not(:is(.masthead,.setup,.ad-slot,.foot)){grid-column:2}.screen.play{grid-template-columns:auto minmax(320px,400px);grid-auto-rows:min-content;place-content:start center;gap:0 32px;min-height:100svh;display:grid}.screen.play>.topbar{grid-column:1/-1;margin-bottom:18px}.screen.play>.board-frame{grid-area:2/1/span 20;align-self:start}.screen.play>:not(:-webkit-any(.topbar,.board-frame)){grid-column:2;margin-bottom:14px}.screen.play>:not(:is(.topbar,.board-frame)){grid-column:2;margin-bottom:14px}.screen.play .board-fit{width:min(calc(100svh - 120px), calc(100vw - 2 * var(--gutter) - 32px - 400px));min-width:0}.screen.summary,.screen.doc{max-width:760px}}@media (max-width:380px){:root{--gutter:12px}.counter{grid-template-columns:50px minmax(0,1fr) 50px auto}.lock-btn{padding:0 10px}.size-strip b{font-size:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}