:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sf-ink:#2c1b47;--sf-ink-soft:#6b5a86;--sf-ink-faint:#a99bc0;--sf-paper:#fff8ec;--sf-paper-warm:#ffeed6;--sf-paper-shade:#f3e3cd;--sf-yolk:#ffd23f;--sf-yolk-deep:#f2a413;--sf-bubble:#ff5d8f;--sf-bubble-deep:#e03a6d;--sf-grape:#8b5cf6;--sf-mint:#2fd39b;--sf-mint-deep:#14a877;--sf-tangerine:#ff8a3d;--sf-sky:#52c8ff;--sf-sky-hi:#a9e9ff;--sf-sky-lo:#d8f4ff;--sf-grass:#6fd66f;--sf-grass-deep:#3fae55;--sf-rock:#9aa0b8;--sf-rock-deep:#5f657f;--sf-stroke-width:3px;--sf-stroke:var(--sf-stroke-width) solid var(--sf-ink);--sf-stroke-thin:2px solid var(--sf-ink);--sf-pop-sm:0 3px 0 var(--sf-ink);--sf-pop:0 5px 0 var(--sf-ink);--sf-pop-lg:0 8px 0 var(--sf-ink);--sf-drop:0 14px 28px #2c1b472e;--sf-inner-gloss:inset 0 3px 0 #ffffff8c;--sf-r-sm:10px;--sf-r-md:18px;--sf-r-lg:28px;--sf-r-xl:40px;--sf-r-pill:999px;--sf-space-1:4px;--sf-space-2:8px;--sf-space-3:12px;--sf-space-4:18px;--sf-space-5:26px;--sf-space-6:38px;--sf-space-7:56px;--sf-font-display:"Baloo 2", ui-rounded, "SF Pro Rounded", "Trebuchet MS", system-ui, sans-serif;--sf-font-body:"Nunito", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--sf-size-hero:clamp(56px, 11vw, 132px);--sf-size-title:clamp(30px, 4.4vw, 52px);--sf-size-head:clamp(20px, 2.3vw, 28px);--sf-size-body:17px;--sf-size-small:14px;--sf-size-tiny:12px;--sf-track-loud:.06em;--sf-boing:cubic-bezier(.34, 1.56, .64, 1);--sf-quick:.13s var(--sf-boing);--sf-easy:.26s var(--sf-boing);--sf-good:var(--sf-mint);--sf-bad:var(--sf-bubble);--sf-warn:var(--sf-tangerine)}@keyframes sf-wobble{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}@keyframes sf-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes sf-pop-in{0%{opacity:0;transform:scale(.7)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes sf-jelly{0%{transform:scale(1)}30%{transform:scale(1.16,.84)}55%{transform:scale(.92,1.08)}75%{transform:scale(1.04,.96)}to{transform:scale(1)}}@keyframes sf-drift{0%{background-position-x:0}to{background-position-x:240px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}body{min-height:100vh;font-family:var(--sf-font-body);font-size:var(--sf-size-body);color:var(--sf-ink);background:var(--sf-paper);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit;color:inherit}.sf-sky-bg{background:radial-gradient(circle at 12% 14%, #ffffffd9 0 60px, transparent 61px), radial-gradient(circle at 84% 26%, #ffffffb3 0 44px, transparent 45px), linear-gradient(180deg, var(--sf-sky-hi) 0%, var(--sf-sky-lo) 52%, var(--sf-paper-warm) 100%)}.sf-hero,.sf-title,.sf-head{font-family:var(--sf-font-display);margin:0;font-weight:800;line-height:.95}.sf-hero{font-size:var(--sf-size-hero);letter-spacing:-.02em}.sf-title{font-size:var(--sf-size-title)}.sf-head{font-size:var(--sf-size-head)}.sf-hero--sticker{color:var(--sf-paper);-webkit-text-stroke:5px var(--sf-ink);paint-order:stroke fill;text-shadow:0 10px 0 var(--sf-ink), 0 12px 26px #2c1b4747}.sf-hero--sticker em{color:var(--sf-yolk);font-style:normal}.sf-kicker{align-items:center;gap:var(--sf-space-2);font-family:var(--sf-font-display);font-weight:700;font-size:var(--sf-size-small);letter-spacing:var(--sf-track-loud);text-transform:uppercase;color:var(--sf-ink-soft);display:inline-flex}.sf-lede{color:var(--sf-ink-soft);margin:0;font-size:clamp(16px,1.6vw,20px);font-weight:600;line-height:1.5}.sf-btn{--sf-btn-face:var(--sf-yolk);justify-content:center;align-items:center;gap:var(--sf-space-2);border:var(--sf-stroke);border-radius:var(--sf-r-pill);background:var(--sf-btn-face);box-shadow:var(--sf-pop), var(--sf-inner-gloss);font-family:var(--sf-font-display);letter-spacing:.01em;cursor:pointer;transition:transform var(--sf-quick), box-shadow var(--sf-quick), filter var(--sf-quick);padding:13px 22px;font-size:18px;font-weight:800;display:inline-flex}.sf-btn:hover{box-shadow:var(--sf-pop-lg), var(--sf-inner-gloss);transform:translateY(-2px)rotate(-1deg)}.sf-btn:active{box-shadow:var(--sf-pop-sm), var(--sf-inner-gloss);transform:translateY(4px)}.sf-btn:focus-visible{outline:4px solid var(--sf-grape);outline-offset:3px}.sf-btn[disabled]{filter:grayscale(.7)opacity(.6);pointer-events:none}.sf-btn--jumbo{padding:20px 40px;font-size:26px}.sf-btn--small{box-shadow:var(--sf-pop-sm), var(--sf-inner-gloss);padding:8px 14px;font-size:15px}.sf-btn--pink{--sf-btn-face:var(--sf-bubble);color:var(--sf-paper)}.sf-btn--mint{--sf-btn-face:var(--sf-mint)}.sf-btn--grape{--sf-btn-face:var(--sf-grape);color:var(--sf-paper)}.sf-btn--paper{--sf-btn-face:var(--sf-paper)}.sf-btn--ghost{--sf-btn-face:transparent;box-shadow:none;border-style:dashed}.sf-btn--ghost:hover{box-shadow:var(--sf-pop-sm);background:var(--sf-paper)}.sf-panel{padding:var(--sf-space-5);border:var(--sf-stroke);border-radius:var(--sf-r-lg);background:var(--sf-paper);box-shadow:var(--sf-pop-lg), var(--sf-drop);position:relative}.sf-panel--warm{background:var(--sf-paper-warm)}.sf-panel--flat{box-shadow:var(--sf-pop-sm)}.sf-tilt-l{transform:rotate(-1.6deg)}.sf-tilt-r{transform:rotate(1.6deg)}.sf-chip{border:var(--sf-stroke-thin);border-radius:var(--sf-r-pill);background:var(--sf-paper-warm);font-family:var(--sf-font-display);font-weight:700;font-size:var(--sf-size-tiny);letter-spacing:var(--sf-track-loud);text-transform:uppercase;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.sf-chip--yolk{background:var(--sf-yolk)}.sf-chip--mint{background:var(--sf-mint)}.sf-chip--pink{background:var(--sf-bubble);color:var(--sf-paper)}.sf-chip--grape{background:var(--sf-grape);color:var(--sf-paper)}.sf-chip--sky{background:var(--sf-sky)}.sf-badge{border:var(--sf-stroke);border-radius:var(--sf-r-pill);background:var(--sf-yolk);min-width:40px;height:40px;box-shadow:var(--sf-pop-sm);font-family:var(--sf-font-display);place-items:center;padding:0 8px;font-size:19px;font-weight:800;display:inline-grid}.sf-stat{flex-direction:column;gap:2px;min-width:74px;display:flex}.sf-stat small{font-family:var(--sf-font-display);font-size:var(--sf-size-tiny);letter-spacing:var(--sf-track-loud);text-transform:uppercase;color:var(--sf-ink-soft);font-weight:700}.sf-stat b{font-family:var(--sf-font-display);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1}.sf-pips{align-items:center;gap:6px;display:inline-flex}.sf-pips i{border:var(--sf-stroke-thin);border-radius:var(--sf-r-pill);background:var(--sf-pip-face,var(--sf-yolk));width:16px;height:16px;transition:background var(--sf-quick), transform var(--sf-quick);box-shadow:inset 0 2px #fff9}.sf-pips i[data-spent=true]{background:var(--sf-paper-shade);transform:scale(.78)}.sf-pips b{font-family:var(--sf-font-display);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.sf-pips--hop{--sf-pip-face:var(--sf-sky)}.sf-pips--frown{--sf-pip-face:var(--sf-bubble)}.sf-wheel{border:var(--sf-stroke);border-radius:var(--sf-r-pill);background:var(--sf-paper);box-shadow:var(--sf-pop-sm);align-items:center;gap:10px;padding:6px 12px 6px 6px;display:inline-flex}.sf-wheel>i{border:var(--sf-stroke);background:var(--sf-grape);width:30px;height:30px;transition:transform var(--sf-quick);border-radius:50%;position:relative;box-shadow:inset 0 -3px #2c1b4740}.sf-wheel>i:before,.sf-wheel>i:after{content:"";background:var(--sf-paper);border-radius:var(--sf-r-pill);width:3px;height:100%;margin:auto;position:absolute;inset:0}.sf-wheel>i:before{transform:rotate(60deg)}.sf-wheel>i:after{transform:rotate(-60deg)}.sf-wheel[data-lean=left]>i{transform:rotate(-38deg)}.sf-wheel[data-lean=right]>i{transform:rotate(38deg)}.sf-wheel[data-lean=none]>i{transform:rotate(0)}.sf-wheel>span{flex-direction:column;line-height:1.05;display:flex}.sf-wheel small{letter-spacing:.14em;text-transform:uppercase;color:var(--sf-ink-soft);font-size:10px;font-weight:800}.sf-wheel b{font-family:var(--sf-font-display);white-space:nowrap;font-size:17px}.sf-wheel small{white-space:nowrap}.sf-wheel u{color:var(--sf-ink-faint);transition:color var(--sf-quick), transform var(--sf-quick);font-style:normal;font-weight:800;text-decoration:none}.sf-wheel[data-lean=left] u[data-side=left],.sf-wheel[data-lean=right] u[data-side=right]{color:var(--sf-grape);transform:scale(1.35)}.sf-tags{flex-wrap:wrap;gap:6px;display:flex}.sf-tags span{border:var(--sf-stroke-thin);border-radius:var(--sf-r-pill);background:var(--sf-paper-warm);letter-spacing:.04em;color:var(--sf-ink-soft);padding:2px 8px;font-size:11px;font-weight:800}.sf-tags span[data-hot=true]{background:var(--sf-bubble);border-color:var(--sf-ink);color:var(--sf-paper)}.sf-meter{border:var(--sf-stroke);border-radius:var(--sf-r-pill);background:var(--sf-paper-shade);height:22px;position:relative;overflow:hidden}.sf-meter i{height:100%;width:var(--sf-meter-fill,0%);background:repeating-linear-gradient(115deg, var(--sf-mint) 0 14px, var(--sf-mint-deep) 14px 28px);transition:width var(--sf-easy);display:block}.sf-meter b{font-family:var(--sf-font-display);font-size:var(--sf-size-tiny);letter-spacing:var(--sf-track-loud);place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.sf-pick{width:100%;padding:var(--sf-space-4);border:var(--sf-stroke);border-radius:var(--sf-r-md);background:var(--sf-paper);box-shadow:var(--sf-pop-sm);text-align:left;cursor:pointer;transition:transform var(--sf-quick), box-shadow var(--sf-quick), background var(--sf-quick);display:block}.sf-pick:hover{box-shadow:var(--sf-pop);transform:translateY(-3px)rotate(-.8deg)}.sf-pick[aria-pressed=true]{background:var(--sf-yolk);box-shadow:var(--sf-pop);transform:rotate(-1deg)}.sf-pick:focus-visible{outline:4px solid var(--sf-grape);outline-offset:3px}.sf-segment{border:var(--sf-stroke);border-radius:var(--sf-r-pill);background:var(--sf-paper-warm);box-shadow:var(--sf-pop-sm);gap:4px;padding:5px;display:inline-flex}.sf-segment button{border-radius:var(--sf-r-pill);font-family:var(--sf-font-display);cursor:pointer;transition:background var(--sf-quick), transform var(--sf-quick);background:0 0;border:0;padding:8px 16px;font-size:15px;font-weight:800}.sf-segment button[aria-pressed=true]{background:var(--sf-yolk);box-shadow:var(--sf-pop-sm);transform:translateY(-1px)}.sf-segment button:focus-visible{outline:3px solid var(--sf-grape);outline-offset:2px}.sf-face{width:var(--sf-face-size,54px);height:var(--sf-face-size,54px);border:var(--sf-stroke);border-radius:var(--sf-r-pill);background:radial-gradient(circle at 34% 30%, #fff2b8 0 18%, var(--sf-yolk) 55%, var(--sf-yolk-deep) 100%);box-shadow:var(--sf-pop-sm);display:inline-block;position:relative}.sf-face:before,.sf-face:after{content:"";border-radius:var(--sf-r-pill);background:var(--sf-ink);width:12%;height:17%;position:absolute;top:32%}.sf-face:before{left:27%}.sf-face:after{right:27%}.sf-face i{border:0 solid var(--sf-ink);border-bottom-width:var(--sf-stroke-width);border-radius:0 0 var(--sf-r-pill) var(--sf-r-pill);width:48%;height:26%;position:absolute;bottom:22%;left:26%}.sf-face--sad i{bottom:14%;transform:rotate(180deg)}.sf-face--hurt{background:radial-gradient(at 26% 68%,#c084fcbf 0 16%,#0000 17%),radial-gradient(circle at 34% 30%,#ffe6d0 0 18%,#e8b46a 55%,#b98436 100%)}.sf-face--hurt i{bottom:14%;transform:rotate(180deg)}.sf-face--rock{background:radial-gradient(circle at 34% 30%, #c3c8db 0 18%, var(--sf-rock) 55%, var(--sf-rock-deep) 100%);border-radius:46% 54% 52% 48%/50% 46% 54% 50%}.sf-face--rock:before,.sf-face--rock:after,.sf-face--rock i{display:none}.sf-callout{gap:var(--sf-space-3);padding:var(--sf-space-3) var(--sf-space-4);border:var(--sf-stroke-thin);border-radius:var(--sf-r-md);background:var(--sf-paper-warm);align-items:flex-start;font-weight:600;display:flex}.sf-callout--tip{border-color:var(--sf-mint-deep);background:#e8fbf2}.sf-callout--oops{border-color:var(--sf-bubble-deep);background:#ffe9f0}.sf-key{border:var(--sf-stroke-thin);border-radius:var(--sf-r-sm);background:var(--sf-paper);min-width:34px;height:32px;box-shadow:var(--sf-pop-sm);font-family:var(--sf-font-display);place-items:center;padding:0 8px;font-size:14px;font-weight:800;display:inline-grid}.sf-anim-wobble{animation:3.4s ease-in-out infinite sf-wobble}.sf-anim-bob{animation:2.6s ease-in-out infinite sf-bob}.sf-anim-pop{animation:sf-pop-in .34s var(--sf-boing) both}.sf-anim-jelly{animation:sf-jelly .46s var(--sf-boing)}.sf-stack{gap:var(--sf-space-3);flex-direction:column;display:flex}.sf-row{align-items:center;gap:var(--sf-space-3);flex-wrap:wrap;display:flex}.sf-spread{justify-content:space-between;align-items:center;gap:var(--sf-space-3);display:flex}.sf-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{overflow-x:hidden}[hidden]{display:none!important}.screen{display:none}body[data-screen=home] #home-screen,body[data-screen=catalog] #catalog-screen,body[data-screen=leaderboard] #leaderboard-screen{display:block}body[data-screen=play] #play-screen{flex-direction:column;min-height:100vh;display:flex}body[data-screen=play] .site-nav{display:none}.site-nav{justify-content:space-between;align-items:center;gap:var(--sf-space-3);width:min(1240px,100% - 40px);padding:var(--sf-space-4) 0;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--sf-space-2);min-width:0;color:var(--sf-ink);font-family:var(--sf-font-display);letter-spacing:var(--sf-track-loud);font-weight:800;text-decoration:none;display:flex}.brand i{color:var(--sf-ink-faint);font-style:normal}.brand span:last-child{color:var(--sf-bubble-deep)}.home,.browse-screen{width:min(1240px,100% - 40px);padding:var(--sf-space-5) 0 var(--sf-space-7);margin:0 auto}.home-hero{gap:var(--sf-space-6);display:grid}.home-copy{gap:var(--sf-space-4);max-width:920px}.home-copy .sf-hero{margin:var(--sf-space-2) 0}.home-copy [tabindex="-1"]:focus{outline:none}.home-actions{gap:var(--sf-space-3);flex-wrap:wrap;align-items:center;display:flex}.home-difficulty{min-width:154px}.home-difficulty select{min-height:54px}.connection-line{color:var(--sf-ink-soft);font-size:var(--sf-size-small);margin:0;font-weight:700}.connection-line[data-tone=error]{color:var(--sf-bubble-deep)}.how-row{gap:var(--sf-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.how-card{min-width:0;padding:var(--sf-space-4)}.how-card p{margin:var(--sf-space-2) 0 var(--sf-space-3);font-size:var(--sf-size-small);line-height:1.5}.screen-heading{justify-content:space-between;align-items:flex-end;gap:var(--sf-space-5);margin-bottom:var(--sf-space-5);display:flex}.screen-heading .sf-title{margin:var(--sf-space-2) 0}.screen-heading [tabindex="-1"]:focus{outline:none}.screen-heading>div:first-child{max-width:720px}.screen-actions,.board-controls{align-items:flex-end;gap:var(--sf-space-3);flex-wrap:wrap;display:flex}.board-controls{margin:0 0 var(--sf-space-4)}.select-label{color:var(--sf-ink-soft);font-family:var(--sf-font-display);font-size:var(--sf-size-tiny);letter-spacing:var(--sf-track-loud);text-transform:uppercase;flex-direction:column;gap:5px;font-weight:800;display:flex}.select-label select,.score-form input,.feedback-dialog textarea{border:var(--sf-stroke-thin);border-radius:var(--sf-r-md);background:var(--sf-paper);min-height:48px;color:var(--sf-ink);padding:9px 13px}.select-label select:focus-visible,.score-form input:focus-visible,.feedback-dialog textarea:focus-visible{outline:4px solid var(--sf-grape);outline-offset:2px}.catalog-grid{gap:var(--sf-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.catalog-card{gap:var(--sf-space-3);min-width:0;padding:var(--sf-space-4);flex-direction:column;display:flex}.catalog-card:nth-child(3n+1){transform:rotate(-.35deg)}.catalog-card:nth-child(3n){transform:rotate(.35deg)}.catalog-card-heading{justify-content:space-between;align-items:flex-start;gap:var(--sf-space-3);display:flex}.catalog-card h2{margin:0}.catalog-card p{color:var(--sf-ink-soft);margin:0;line-height:1.45}.catalog-features{min-height:32px}.catalog-card-actions{gap:var(--sf-space-2);flex-wrap:wrap;margin-top:auto;display:flex}.catalog-community{align-items:center;gap:var(--sf-space-2);padding-top:var(--sf-space-2);border-top:var(--sf-stroke-thin);border-top-color:var(--sf-paper-shade);flex-wrap:wrap;display:flex}.catalog-vote{border:var(--sf-stroke-thin);border-radius:var(--sf-r-pill);background:var(--sf-paper-warm);cursor:pointer;min-width:48px;min-height:44px;font-weight:800}.catalog-vote[aria-pressed=true]{background:var(--sf-yolk);box-shadow:var(--sf-pop-sm)}.catalog-vote:focus-visible{outline:4px solid var(--sf-grape);outline-offset:2px}.catalog-note{margin-left:auto}.leaderboard-panel{overflow-x:auto}.leaderboard-panel>.sf-head{margin-bottom:var(--sf-space-4)}.leaderboard-list{gap:var(--sf-space-2);min-width:660px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-row{gap:var(--sf-space-2);border:var(--sf-stroke-thin);border-radius:var(--sf-r-md);background:var(--sf-paper-warm);grid-template-columns:60px minmax(140px,1.5fr) repeat(4,minmax(90px,1fr));align-items:center;min-width:660px;padding:11px 14px;display:grid}.leaderboard-head{margin-bottom:var(--sf-space-2);background:0 0;border-style:dashed}.leaderboard-cell{flex-direction:column;min-width:0;display:flex}.leaderboard-cell small{color:var(--sf-ink-soft);letter-spacing:var(--sf-track-loud);font-size:10px;font-weight:800}.leaderboard-cell b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-row.top-1{background:var(--sf-yolk)}.leaderboard-row.top-2{background:var(--sf-sky-lo)}.leaderboard-row.top-3{background:var(--sf-paper-shade)}.leaderboard-empty{place-items:center;gap:var(--sf-space-2);padding:var(--sf-space-6);text-align:center;display:grid}.leaderboard-empty[hidden]{display:none}.leaderboard-empty p{color:var(--sf-ink-soft);margin:0}.hud{justify-content:space-between;align-items:center;gap:var(--sf-space-4);width:min(1240px,100% - 32px);margin:var(--sf-space-3) auto 0;padding:var(--sf-space-3) var(--sf-space-4);border:var(--sf-stroke);border-radius:var(--sf-r-lg);background:var(--sf-paper);box-shadow:var(--sf-pop);flex-wrap:wrap;display:flex}.hud-left,.hud-right{align-items:center;gap:var(--sf-space-3);display:flex}.hud-center{flex-direction:column;flex:280px;gap:6px;min-width:220px;display:flex}.hud-stage{flex-direction:column;gap:4px;display:flex}.hud-stage b{font-family:var(--sf-font-display);font-size:20px}.hud-pips{align-items:center;gap:var(--sf-space-2);flex-wrap:wrap;display:flex}.hud-right .sf-stat{min-width:58px}.hud-right .sf-stat b{font-size:21px}.stage-wrap{--sf-chrome-height:215px;align-items:center;gap:var(--sf-space-2);width:min(1240px,100% - 32px);padding:var(--sf-space-3) 0 var(--sf-space-5);flex-direction:column;flex:1;margin:0 auto;display:flex}.stage{width:min(100%, calc((100vh - var(--sf-chrome-height)) * var(--sf-field-aspect)));border:var(--sf-stroke);border-radius:var(--sf-r-lg);box-shadow:var(--sf-pop-lg), var(--sf-drop);background:var(--sf-sky-lo);position:relative;overflow:hidden}#field{outline:none;width:100%;height:auto;display:block}.ready-rules{justify-content:center}.stage-hint{font-size:var(--sf-size-small);color:var(--sf-ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin:0;font-weight:700;display:flex}.stage-hint .sf-key{margin:0 2px}.touch-controls{gap:var(--sf-space-3);grid-template-columns:1fr 1.25fr 1fr;width:min(420px,100%);display:none}.touch-controls button{border:var(--sf-stroke);border-radius:var(--sf-r-pill);background:var(--sf-yolk);min-height:58px;box-shadow:var(--sf-pop);font-family:var(--sf-font-display);touch-action:none;-webkit-user-select:none;user-select:none;font-size:22px;font-weight:800}.touch-controls button[data-held=true]{box-shadow:var(--sf-pop-sm);transform:translateY(4px)}.touch-controls #touch-hop{background:var(--sf-mint)}.overlay{padding:var(--sf-space-4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c1b476b;place-items:center;display:none;position:absolute;inset:0}.overlay[data-open=true]{display:grid}.overlay-card{align-items:center;gap:var(--sf-space-3);text-align:center;flex-direction:column;width:min(560px,100%);max-height:calc(100% - 16px);display:flex;overflow-y:auto}.overlay-keys{justify-content:center;gap:var(--sf-space-3);font-size:var(--sf-size-small);color:var(--sf-ink-soft);flex-wrap:wrap;font-weight:700;display:flex}.overlay-actions{justify-content:center}.result-stats{gap:var(--sf-space-2);width:100%;padding:var(--sf-space-3);border:var(--sf-stroke-thin);border-radius:var(--sf-r-md);background:var(--sf-paper-warm);grid-template-columns:repeat(auto-fit,minmax(88px,1fr));display:grid}.result-stats .sf-stat{text-align:center;align-items:center;min-width:0}.score-form{gap:var(--sf-space-3);text-align:left;width:100%;display:grid}.score-form[hidden]{display:none}.score-form>label:first-child{font-family:var(--sf-font-display);gap:6px;font-weight:800;display:grid}.social-choice{align-items:flex-start;gap:9px;line-height:1.35;display:flex}.social-choice input{min-width:20px;min-height:20px;margin-top:1px}.score-save-note{color:var(--sf-ink-soft);font-size:var(--sf-size-small);margin:0}.feedback-dialog{border:var(--sf-stroke);border-radius:var(--sf-r-lg);background:var(--sf-paper);width:min(560px,100% - 32px);box-shadow:var(--sf-pop-lg), var(--sf-drop);color:var(--sf-ink)}.feedback-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c1b4785}.feedback-dialog form{gap:var(--sf-space-3);display:grid}.feedback-dialog textarea{resize:vertical;width:100%}.feedback-dialog p{color:var(--sf-ink-soft);font-size:var(--sf-size-small);margin:0}.toast{border:var(--sf-stroke);border-radius:var(--sf-r-pill);background:var(--sf-yolk);max-width:calc(100% - 32px);box-shadow:var(--sf-pop);font-family:var(--sf-font-display);opacity:0;pointer-events:none;transition:opacity var(--sf-quick), transform var(--sf-quick);z-index:20;padding:10px 18px;font-weight:800;position:fixed;bottom:26px;left:50%;transform:translate(-50%,24px)}.toast[data-open=true]{opacity:1;transform:translate(-50%)}@media (pointer:coarse),(width<=760px){.touch-controls{display:grid}.stage-hint{display:none}.stage-wrap{--sf-chrome-height:310px}}@media (width<=940px){.how-row,.catalog-grid{grid-template-columns:minmax(0,1fr)}.screen-heading{flex-direction:column;align-items:flex-start}.catalog-card:nth-child(n){transform:none}.hud{justify-content:center}.hud-left{flex:100%;justify-content:space-between}}@media (width<=620px){.site-nav,.home,.browse-screen{width:min(100% - 24px,1240px)}.brand{letter-spacing:.025em;font-size:13px}.brand .sf-face{display:none}.site-nav .sf-btn{padding-inline:10px}.home{padding-top:var(--sf-space-3)}.home-actions{flex-direction:column;align-items:stretch}.home-actions .sf-btn,.home-actions .select-label,.home-actions select{width:100%}.sf-hero--sticker{-webkit-text-stroke-width:3px;text-shadow:0 6px 0 var(--sf-ink)}.screen-actions{flex-direction:column;align-items:stretch;width:100%}.screen-actions .sf-btn,.screen-actions .select-label,.screen-actions select{width:100%}.hud{border-radius:var(--sf-r-md);gap:8px;width:calc(100% - 16px);margin-top:8px;padding:8px 10px}.hud-center{flex-basis:100%;order:3}.hud-right{justify-content:space-between;gap:7px;width:100%}.hud-right .sf-stat{min-width:0}.hud-right .sf-stat b{font-size:18px}.hud-pips .sf-wheel{display:none}.stage-wrap{--sf-chrome-height:315px;width:calc(100% - 12px);padding-top:8px}.stage{border-radius:var(--sf-r-md)}.overlay{padding:8px}.overlay-card{gap:8px;padding:14px}.overlay-card>.sf-face{display:none}.overlay-card .sf-title{font-size:28px}.overlay-card .sf-lede{font-size:14px}.overlay-actions .sf-btn{padding:9px 13px;font-size:14px}#ready-overlay .overlay-card{gap:6px;padding:10px;overflow:hidden}#ready-overlay .overlay-keys,#ready-copy{display:none}#ready-start{padding:9px 24px;font-size:18px}}@media (width<=360px){#ready-rules{display:none}#ready-overlay .overlay-card{gap:4px;padding:8px}#ready-overlay .sf-title{font-size:24px}#ready-start{padding-block:7px}}@media (height<=650px) and (width>=621px){.hud{margin-top:7px;padding-block:7px}.stage-wrap{--sf-chrome-height:150px;padding-top:7px}.stage-hint,.hud-pips{display:none}}