@font-face{font-family:Bricolage Grotesque;src:url(./bricolage-grotesque-latin-wght-DLoelf7F.woff2)format("woff2-variations"),url(./bricolage-grotesque-latin-wght-DLoelf7F.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(./geist-mono-latin-wght-XN7g48iV.woff2)format("woff2-variations"),url(./geist-mono-latin-wght-XN7g48iV.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--u-paper:#f4f1ea;--u-ink:#111114;--u-rule:#d9d4c7;--u-ink-dark:#0e0e11;--u-paper-text:#edeae3;--u-rule-dark:#2a2a30;--u-strike:#e5383b;--u-bg:var(--u-paper);--u-fg:var(--u-ink);--u-line:var(--u-rule);--u-muted:#6b6860;--u-card:#fbf9f4;--u-sunk:#ebe7dd;--u-grid:#1111140b;--u-shadow:0 1px 0 #1111140f, 0 8px 24px -12px #11111440;--u-accent:#ff4d2e;--u-on-accent:var(--u-ink);--u-accent-text:var(--u-accent);--u-font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--u-font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--u-1:4px;--u-2:8px;--u-3:12px;--u-4:16px;--u-5:24px;--u-6:32px;--u-7:48px;--u-8:64px;--u-r-sm:6px;--u-r-md:12px;--u-r-lg:20px;--u-r-pill:999px;--u-ease:cubic-bezier(.2, .9, .3, 1);--u-ease-in:cubic-bezier(.5, 0, .75, 0);--u-fast:.12s;--u-med:.24s;--u-tap:48px;--u-bar:52px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--u-bg:var(--u-ink-dark);--u-fg:var(--u-paper-text);--u-line:var(--u-rule-dark);--u-muted:#8e8b84;--u-card:#16161a;--u-sunk:#1d1d22;--u-grid:#edeae309;--u-shadow:0 1px 0 #0006, 0 10px 30px -14px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--u-bg:var(--u-ink-dark);--u-fg:var(--u-paper-text);--u-line:var(--u-rule-dark);--u-muted:#8e8b84;--u-card:#16161a;--u-sunk:#1d1d22;--u-grid:#edeae309;--u-shadow:0 1px 0 #0006, 0 10px 30px -14px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--u-bg);height:100%;color:var(--u-fg);font-family:var(--u-font-display);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}body{background-image:linear-gradient(var(--u-grid) 1px, transparent 1px), linear-gradient(90deg, var(--u-grid) 1px, transparent 1px);background-position:-1px -1px;background-size:8px 8px}#app{height:100%}button{font:inherit;color:inherit}.u-num{font-family:var(--u-font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.u-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.u-app{-webkit-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;height:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.u-frame{width:100%;max-width:560px;height:100%;min-height:100dvh;padding:env(safe-area-inset-top,0px) max(16px, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(16px, env(safe-area-inset-left,0px));flex-direction:column;display:flex;position:relative}.u-fx{pointer-events:none;z-index:30;position:fixed;inset:0}.u-btn{--b-bg:transparent;--b-fg:var(--u-fg);--b-line:var(--u-fg);min-height:var(--u-tap);border:2px solid var(--b-line);border-radius:var(--u-r-md);background:var(--b-bg);color:var(--b-fg);letter-spacing:.01em;cursor:pointer;transition:transform 90ms var(--u-ease), box-shadow 90ms var(--u-ease), background .12s;box-shadow:0 3px 0 var(--b-line);justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:17px;font-weight:700;display:inline-flex;position:relative}.u-btn:hover{background:color-mix(in srgb, var(--u-fg) 5%, var(--b-bg))}.u-btn:active{box-shadow:0 1px 0 var(--b-line);transform:translateY(2px)}.u-btn:focus-visible,.u-iconbtn:focus-visible,.u-linkbtn:focus-visible,.u-promo:focus-visible{outline:3px solid var(--u-accent-text);outline-offset:3px}.u-btn-primary{--b-bg:var(--u-accent);--b-fg:var(--u-on-accent);--b-line:var(--u-fg)}.u-btn-primary:hover{background:var(--u-accent);filter:brightness(1.05)}.u-btn-big{border-radius:var(--u-r-lg);min-height:60px;font-size:21px}.u-btn kbd{font-family:var(--u-font-mono);opacity:.6;border:1.5px solid;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:600}@media (pointer:coarse){.u-btn kbd{display:none}}.u-linkbtn{min-height:44px;color:var(--u-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:15px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.u-linkbtn:hover{color:var(--u-fg)}.u-iconbtn{border-radius:var(--u-r-md);width:44px;height:44px;color:var(--u-fg);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.u-iconbtn:hover{background:var(--u-sunk)}.u-wordmark{letter-spacing:-.035em;align-items:center;font-weight:700;line-height:1;display:inline-flex}.u-wordmark-o{background:var(--u-accent);border:.1em solid;border-radius:50%;width:.56em;height:.56em;margin:.14em .04em 0 .05em;display:inline-block}.u-glyph{flex:none;display:block}.u-streak{border:1.5px solid var(--u-line);border-radius:var(--u-r-pill);height:30px;color:var(--u-muted);align-items:center;gap:6px;padding:0 11px 0 9px;font-size:14px;font-weight:700;display:inline-flex}.u-streak-dot{border:2px solid;border-radius:50%;width:10px;height:10px}.u-streak.is-alive{color:var(--u-fg);border-color:var(--u-fg)}.u-streak.is-alive .u-streak-dot{background:var(--u-accent);border-color:var(--u-fg)}.u-series{color:var(--u-muted);flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.u-series-dots{flex-wrap:wrap;justify-content:center;gap:5px;max-width:100%;display:flex}.u-series-dot{border:1.5px solid var(--u-muted);border-radius:50%;width:9px;height:9px}.u-series-dot.is-played{background:var(--u-fg);border-color:var(--u-fg)}.u-series-dot.is-current{outline:2px solid var(--u-accent);outline-offset:2px}.u-tag{border-radius:var(--u-r-pill);background:var(--u-fg);height:24px;color:var(--u-bg);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.u-title,.u-howto,.u-results{flex-direction:column;flex:1;padding-block:12px 18px;display:flex}.u-title-top,.u-results-top{justify-content:space-between;align-items:center;min-height:52px;display:flex}.u-title-top-right{align-items:center;gap:4px;display:flex}.u-title-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding-block:16px;display:flex}.u-title-glyph{color:var(--u-fg);background:var(--u-card);border:2px solid var(--u-fg);box-shadow:0 5px 0 var(--u-fg);border-radius:28px;margin-bottom:14px;padding:18px}.u-title-name{letter-spacing:-.045em;margin:0;font-size:clamp(46px,13vw,76px);font-weight:800;line-height:.95}.u-title-hook{max-width:30ch;color:var(--u-muted);text-wrap:balance;margin:6px 0 22px;font-size:18px;font-weight:500;line-height:1.35}.u-title-actions{gap:12px;width:min(100%,340px);display:grid}.u-title-best{color:var(--u-muted);margin:14px 0 0;font-size:15px;font-weight:600}.u-title-best .u-num{color:var(--u-fg)}.u-daily-done{flex-direction:column;line-height:1.1;display:flex}.u-daily-done small{opacity:.65;font-size:13px;font-weight:600}.u-title-foot{flex-direction:column;align-items:center;gap:6px;display:flex}.u-tagline{color:var(--u-muted);margin:0;font-size:13px;font-weight:600}@media (max-height:640px){.u-title-glyph{margin-bottom:6px;padding:10px}.u-title-glyph svg{width:56px;height:56px}.u-title-hook{margin-bottom:12px}.u-title-foot .u-tagline{display:none}.u-btn-big{min-height:52px}}.u-howto{justify-content:center;gap:18px}.u-howto-head{align-items:center;gap:14px;display:flex}.u-howto-head h2{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800}.u-howto-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.u-howto-list li{border:1.5px solid var(--u-line);border-radius:var(--u-r-md);background:var(--u-card);align-items:baseline;gap:14px;padding:14px 16px;font-size:17px;font-weight:500;line-height:1.35;display:flex}.u-howto-list .u-num{background:var(--u-accent);width:26px;height:26px;color:var(--u-on-accent);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:inline-grid;transform:translateY(-1px)}.u-howto-keys{color:var(--u-muted);margin:0;font-size:14px;font-weight:600}.u-howto-keys span{font-family:var(--u-font-mono);color:var(--u-fg)}.u-howto-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.u-play{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.u-topbar{min-height:var(--u-bar);border-bottom:1.5px solid var(--u-line);justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.u-topbar-id{letter-spacing:-.02em;align-items:center;gap:8px;min-width:0;font-size:17px;font-weight:700;display:flex}.u-topbar-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.u-topbar-hud{align-items:center;gap:14px;font-weight:700;display:flex}.u-hud-level{align-items:baseline;gap:6px;font-size:20px;display:inline-flex}.u-hud-label{letter-spacing:.1em;color:var(--u-muted);text-transform:uppercase;font-size:11px}.u-hud-time{text-align:right;min-width:3.2ch;font-size:20px}.u-chip{border-radius:var(--u-r-pill);background:var(--u-accent);height:26px;color:var(--u-on-accent);align-items:center;padding:0 9px;font-size:15px;font-weight:700;display:inline-flex}.u-strikes{gap:5px;display:inline-flex}.u-strike{border:2px solid var(--u-fg);border-radius:50%;width:14px;height:14px;position:relative}.u-strike.is-used{border-color:var(--u-strike)}.u-strike.is-used:before,.u-strike.is-used:after{content:"";background:var(--u-strike);border-radius:2px;width:16px;height:2.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.u-strike.is-used:after{transform:translate(-50%,-50%)rotate(-45deg)}.u-timebar{height:3px;position:absolute;bottom:-1.5px;left:0;right:0}.u-timebar-fill{background:var(--u-accent);transform-origin:0;height:100%}.u-toasts{left:0;right:0;top:calc(var(--u-bar) + 10px);pointer-events:none;z-index:20;justify-content:center;display:flex;position:absolute}.u-toasts.is-bottom{top:auto;bottom:calc(18px + env(safe-area-inset-bottom))}.u-toast{border-radius:var(--u-r-pill);background:var(--u-fg);color:var(--u-bg);letter-spacing:-.01em;box-shadow:var(--u-shadow);padding:7px 14px;font-size:16px;font-weight:700}.u-toast-good{background:var(--u-accent);color:var(--u-on-accent);box-shadow:0 0 0 2px var(--u-fg)}.u-toast-bad{background:var(--u-strike);color:#fff}.u-hint,.u-demo-tag{border-radius:var(--u-r-pill);border:1.5px dashed var(--u-muted);color:var(--u-muted);align-self:center;margin-top:10px;margin-bottom:6px;padding:5px 12px;font-size:14px;font-weight:600}.u-demo-tag{border-style:solid;border-color:var(--u-fg);color:var(--u-fg)}.u-stage{flex:1;place-items:center;min-height:0;padding-block:14px;display:grid;position:relative;container-type:size}.u-board{place-items:center;width:100%;height:100%;display:grid;position:relative}.u-controls{padding-bottom:16px}.u-controls.is-hidden{visibility:hidden;min-height:72px}.u-endline{z-index:25;border-radius:var(--u-r-lg);background:var(--u-fg);max-width:calc(100% - 32px);color:var(--u-bg);box-shadow:0 5px 0 var(--u-accent), var(--u-shadow);letter-spacing:-.02em;text-align:center;text-wrap:balance;pointer-events:none;padding:14px 22px;font-size:22px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.u-phase-ending .u-endline{animation:u-rise .3s var(--u-ease) both}@keyframes u-rise{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.96)}}.u-play.is-demo .u-stage{pointer-events:none}.u-countdown{place-items:center;display:grid}.u-countdown-n{color:var(--u-accent-text);font-size:min(40cqh,40cqw);font-weight:700;line-height:1}.u-ghost{background:color-mix(in srgb, var(--u-fg) 22%, transparent);border:2.5px solid var(--u-fg);opacity:0;pointer-events:none;z-index:35;border-radius:50%;width:42px;height:42px;margin:-21px 0 0 -21px;position:fixed;top:0;left:0}.u-pop{z-index:32;font-family:var(--u-font-mono);color:var(--u-accent-text);pointer-events:none;white-space:nowrap;text-shadow:0 1px 0 var(--u-bg), 0 0 8px var(--u-bg);font-size:22px;font-weight:800;position:fixed;transform:translate(-50%,-50%)}.u-wipe{z-index:28;pointer-events:none;mix-blend-mode:multiply;position:fixed;inset:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .u-wipe{mix-blend-mode:screen;opacity:.8}}:root[data-theme=dark] .u-wipe{mix-blend-mode:screen}.u-results{gap:10px;overflow-y:auto}.u-results-id{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.u-results-score{margin-top:6px;position:relative}.u-results-unit{letter-spacing:.14em;color:var(--u-muted);font-size:12px;font-weight:700}.u-results-big{color:var(--u-accent-text);font-size:clamp(76px,25vw,132px);font-weight:700;line-height:.95}.u-stamp{border:3px solid var(--u-strike);color:var(--u-strike);font-family:var(--u-font-mono);letter-spacing:.06em;background:color-mix(in srgb, var(--u-bg) 80%, transparent);border-radius:8px;padding:6px 12px;font-size:20px;font-weight:800;position:absolute;top:30%;right:4px;transform:rotate(-8deg)}.u-results-line{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.u-results-best{color:var(--u-muted);margin:0;font-size:15px;font-weight:600}.u-results-best .u-num{color:var(--u-fg)}.u-graph{border:1.5px solid var(--u-line);border-radius:var(--u-r-md);background:var(--u-card);margin:4px 0 0;padding:10px 12px 8px}.u-graph svg{width:100%;height:56px;display:block}.u-graph-line{fill:none;stroke:var(--u-accent);stroke-width:2.5px;stroke-linejoin:round}.u-graph-area{fill:var(--u-accent);opacity:.14}.u-graph figcaption{letter-spacing:.1em;text-transform:uppercase;color:var(--u-muted);margin-top:4px;font-size:11px;font-weight:700}.u-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.u-stats div{border:1.5px solid var(--u-line);border-radius:var(--u-r-md);padding:10px 12px}.u-stats dt{letter-spacing:.08em;text-transform:uppercase;color:var(--u-muted);font-size:11px;font-weight:700}.u-stats dd{margin:2px 0 0;font-size:20px;font-weight:700}.u-results-actions{grid-template-columns:2fr 1fr;gap:10px;margin-top:6px;display:grid}.u-results-actions .u-btn{min-height:56px;font-size:19px}.u-note{text-align:center;margin:0;font-size:14px;font-weight:700}.u-promo{border:1.5px dashed var(--u-fg);border-radius:var(--u-r-md);min-height:56px;color:inherit;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;text-decoration:none;display:flex}.u-promo:hover{background:var(--u-sunk)}.u-promo-label{color:var(--u-muted);font-size:13px;font-weight:600}.u-promo-game{align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.u-promo-glyph{--u-accent:var(--u-promo)}.u-promo-skill{color:var(--u-muted);font-size:12px;font-weight:600}.u-results-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.u-results-foot .u-series{align-items:flex-start}.u-app:not(.is-kb) .u-kbfocus{outline:none!important}@media (min-width:700px) and (min-height:560px){.u-frame{padding-block:12px}}:root[data-look=stage] body{background-color:var(--u-accent-raw);background-image:linear-gradient(#0000000f 1px,#0000 1px),linear-gradient(90deg,#0000000f 1px,#0000 1px)}:root[data-look=stage] .u-app{align-items:center}:root[data-look=stage] .u-frame{background:var(--u-bg);border:3px solid var(--u-ink);width:min(62vh + 40px,46vw);max-width:none;height:92vh;min-height:0;box-shadow:0 8px 0 var(--u-ink);z-index:1;border-radius:26px;padding:0 14px}:root[data-look=stage] .u-stagedecor{color:var(--u-on-accent);pointer-events:none;grid-template-columns:1fr min(62vh + 40px,46vw) 1fr;align-items:center;display:grid;position:fixed;inset:0}:root[data-look=stage] .u-stagedecor-left{grid-column:1;place-items:center;display:grid}:root[data-look=stage] .u-stagedecor-left .u-glyph{width:min(17vw,34vh);height:auto}:root[data-look=stage] .u-stagedecor-right{text-align:center;flex-direction:column;grid-column:3;align-items:center;gap:10px;display:flex}:root[data-look=stage] .u-stagedecor-right .u-wordmark-o{background:var(--u-bg)}:root[data-look=stage] .u-stagedecor-title{letter-spacing:-.045em;max-width:5.5em;font-size:min(5.4vw,10vh);font-weight:800;line-height:.95}:root[data-look=stage][data-accent=ink] .u-frame{border-color:var(--u-paper);box-shadow:0 8px 0 var(--u-paper)}:root[data-look=stage][data-accent=ink] .u-stagedecor{color:var(--u-paper)}@media (max-height:600px){.u-results{gap:6px;padding-block:6px 10px}.u-results-top{min-height:40px}.u-results-big{font-size:clamp(56px,16vh,96px)}.u-graph{display:none}.u-stats div{padding:6px 10px}.u-stats dd{font-size:17px}.u-results-actions .u-btn{min-height:48px}.u-results-foot .u-series{display:none}}@media (prefers-reduced-motion:reduce){.u-btn,.u-btn:active{transition:none}.u-phase-ending .u-endline{animation:none}}:root{--mp-ink:#111114;--mp-sticker:#fff8ec;--mp-shadow:#111114;--mp-sheet:color-mix(in srgb, var(--u-accent) 17%, #fbf9f4);--mp-dots:color-mix(in srgb, var(--u-accent) 30%, transparent);--mp-gapbg:color-mix(in srgb, var(--u-accent) 10%, #fbf9f4)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--mp-sheet:color-mix(in srgb, var(--u-accent) 27%, #16161a);--mp-dots:color-mix(in srgb, var(--u-accent) 22%, transparent);--mp-shadow:#000;--mp-gapbg:color-mix(in srgb, var(--u-accent) 12%, #121215)}}:root[data-theme=dark]{--mp-sheet:color-mix(in srgb, var(--u-accent) 27%, #16161a);--mp-dots:color-mix(in srgb, var(--u-accent) 22%, transparent);--mp-shadow:#000;--mp-gapbg:color-mix(in srgb, var(--u-accent) 12%, #121215)}.mp-wrap{--t:min((100cqw - 10px) / 3.72, (100cqh - 48px) / 6.1, 150px);--g:calc(var(--t) * .12);justify-content:center;align-items:center;gap:calc(var(--t) * .15);flex-direction:column;width:100%;height:100%;display:flex}.mp-top{text-align:center;justify-content:center;align-items:center;min-height:30px;display:flex}.mp-ask{letter-spacing:-.01em;color:var(--u-fg);font-size:16px;font-weight:700}.mp-sheetno{color:var(--u-muted);margin-left:6px;font-size:12px;font-weight:600}.mp-mash{border-radius:var(--u-r-pill);background:var(--u-accent);color:var(--u-on-accent);border:2px solid var(--mp-ink);box-shadow:0 3px 0 var(--mp-ink);white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-flex}.mp-mash b{letter-spacing:.04em;font-weight:800}.mp-mash .u-num{font-weight:700}.mp-sheet{padding:calc(var(--t) * .2);border-radius:calc(var(--t) * .26);background:radial-gradient(circle, var(--mp-dots) 1.1px, transparent 1.6px) 0 0 / 12px 12px, var(--mp-sheet);border:2px solid var(--u-fg);box-shadow:0 5px 0 var(--u-fg);position:relative}.mp-grid{grid-template-columns:repeat(3, var(--t));grid-auto-rows:var(--t);gap:var(--g);display:grid;position:relative}.mp-cell{z-index:1;position:relative}.mp-sticker{background:var(--mp-sticker);border:2px solid var(--mp-ink);width:100%;height:100%;box-shadow:0 3px 0 var(--mp-shadow);border-radius:20%;position:relative;overflow:hidden}.mp-sticker:after{content:"";opacity:.9;pointer-events:none;background:#fff;border-radius:99px;width:22%;height:5%;position:absolute;top:7%;left:9%}.mp-crew{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mp-gap{border:2.5px dashed var(--u-accent-text);background:var(--mp-gapbg);border-radius:20%;place-items:center;width:100%;height:100%;display:grid}.mp-gapcell.is-right .mp-gap,.mp-gapcell.is-wrong .mp-gap{background:0 0;border-color:#0000}.mp-q{font-size:calc(var(--t) * .52);color:var(--u-accent-text);font-weight:800;line-height:1;animation:1.2s ease-in-out infinite alternate mp-q}@keyframes mp-q{0%{transform:scale(.92)rotate(-6deg)}to{transform:scale(1.06)rotate(5deg)}}.mp-sticker.is-reveal{outline:3px dashed var(--u-strike);outline-offset:3px}.mp-guide{z-index:0;border-radius:calc(var(--t) * .26);background:color-mix(in srgb, var(--u-accent) 30%, transparent);border:2.5px dashed var(--u-accent-text);animation:.9s ease-in-out infinite alternate mp-guide;position:absolute}.mp-guide.is-row{left:calc(var(--t) * -.1);right:calc(var(--t) * -.1);top:calc(2 * var(--t) + 2 * var(--g) - var(--t) * .1);height:calc(var(--t) * 1.2)}.mp-guide.is-col{top:calc(var(--t) * -.1);bottom:calc(var(--t) * -.1);left:calc(2 * var(--t) + 2 * var(--g) - var(--t) * .1);width:calc(var(--t) * 1.2)}@keyframes mp-guide{0%{opacity:.55}to{opacity:1}}.mp-mark{z-index:3;width:max(20px, calc(var(--t) * .3));height:max(20px, calc(var(--t) * .3));background:var(--u-accent);color:var(--mp-ink);border:2px solid var(--mp-ink);box-shadow:0 2px 0 var(--mp-ink);font-family:var(--u-font-mono);font-weight:800;font-size:max(15px, calc(var(--t) * .22));pointer-events:none;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}.mp-mark.is-row.is-plus{left:calc(var(--t) + var(--g) / 2)}.mp-mark.is-row.is-eq{left:calc(2 * var(--t) + 1.5 * var(--g))}.mp-mark.is-row.k0{top:calc(var(--t) / 2)}.mp-mark.is-row.k1{top:calc(1.5 * var(--t) + var(--g))}.mp-mark.is-row.k2{top:calc(2.5 * var(--t) + 2 * var(--g))}.mp-mark.is-col.is-plus{top:calc(var(--t) + var(--g) / 2)}.mp-mark.is-col.is-eq{top:calc(2 * var(--t) + 1.5 * var(--g))}.mp-mark.is-col.k0{left:calc(var(--t) / 2)}.mp-mark.is-col.k1{left:calc(1.5 * var(--t) + var(--g))}.mp-mark.is-col.k2{left:calc(2.5 * var(--t) + 2 * var(--g))}.mp-opts{gap:calc(var(--t) * .14);justify-content:center;display:grid}.is-four .mp-opts{grid-template-columns:repeat(4, calc(var(--t) * .8));grid-auto-rows:calc(var(--t) * .8)}.is-six .mp-opts{grid-template-columns:repeat(3, calc(var(--t) * .97));grid-auto-rows:calc(var(--t) * .97)}.mp-opt{min-width:48px;min-height:48px;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:relative}.mp-opt .mp-sticker{box-shadow:0 4px 0 var(--mp-shadow);transition:background .12s,box-shadow .12s,opacity .16s}@media (hover:hover){.mp-pick .mp-opt:hover .mp-sticker{box-shadow:0 4px 0 var(--mp-shadow), 0 0 0 3px color-mix(in srgb, var(--u-accent) 60%, transparent);background:#fff}}.mp-intro .mp-opt,.mp-right .mp-opt,.mp-wrong .mp-opt,.mp-over .mp-opt{cursor:default}.mp-key{z-index:2;background:var(--u-fg);min-width:21px;height:21px;color:var(--u-bg);box-shadow:0 2px 0 var(--u-accent);border-radius:7px;place-items:center;padding:0 4px;font-size:12px;font-weight:700;line-height:1;display:grid;position:absolute;top:-6px;left:-5px}.mp-opt.is-cursor .mp-sticker{outline:3px solid var(--u-accent-text);outline-offset:3px}.mp-opt.is-wrong .mp-sticker{background:color-mix(in srgb, var(--u-strike) 16%, var(--mp-sticker));border-color:var(--u-strike)}.mp-opt.is-tried .mp-sticker{opacity:.6}.mp-x{z-index:2;background:var(--u-strike);border:2px solid var(--mp-ink);border-radius:50%;width:22px;height:22px;position:absolute;top:-6px;right:-5px}.mp-x:before,.mp-x:after{content:"";background:#fff;border-radius:2px;width:11px;height:2.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.mp-x:after{transform:translate(-50%,-50%)rotate(-45deg)}.mp-opt.is-out .mp-sticker{opacity:.45}.mp-opt.is-answer .mp-sticker{outline:3px solid var(--u-accent-text);outline-offset:3px;animation:mp-nudge .5s var(--u-ease) 2 alternate}@keyframes mp-nudge{to{transform:translateY(-5px)}}.mp-sticker.mp-backing{background:repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--u-fg) 10%, transparent) 6px 8px);border:2px dashed var(--u-muted);box-shadow:none}.mp-sticker.mp-backing:after{display:none}.mp-bob{animation:1.9s ease-in-out infinite alternate mp-bob;animation-delay:var(--d,0s)}@keyframes mp-bob{0%{transform:translateY(1px)}to{transform:translateY(-2.4px)}}.mp-eyes{transform-box:fill-box;transform-origin:50%;animation:3.9s linear infinite mp-blink;animation-delay:calc(var(--d,0s) * 1.7)}@keyframes mp-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.mp-crew.is-cheer .mp-bob{animation:.36s cubic-bezier(.3,.7,.4,1) infinite alternate mp-hop}@keyframes mp-hop{0%{transform:translateY(2px)scaleY(.94)}to{transform:translateY(-6px)scaleY(1.03)}}.mp-crew.is-razz .mp-bob{animation:90ms linear infinite alternate mp-razz}@keyframes mp-razz{0%{transform:translate(-.9px)rotate(-2deg)}to{transform:translate(.9px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.mp-bob,.mp-eyes,.mp-q,.mp-crew.is-cheer .mp-bob,.mp-crew.is-razz .mp-bob,.mp-opt.is-answer .mp-sticker{animation:none}.mp-guide{opacity:1;animation:none}}@container (height<=420px){.mp-top{min-height:24px}.mp-ask{font-size:14px}.mp-mash{padding:2px 10px;font-size:12px}}@container (aspect-ratio>=11/12){.mp-wrap{--t:min((100cqw - 14px) / 5.95, (100cqh - 46px) / 3.72, 150px);place-content:center;align-items:center;column-gap:calc(var(--t) * .32);row-gap:calc(var(--t) * .15);grid-template-rows:auto auto;grid-template-columns:auto auto;display:grid}.mp-top{grid-column:1/3;justify-self:center}.is-six .mp-opts,.is-four .mp-opts{grid-template-columns:repeat(2, calc(var(--t) * .92));grid-auto-rows:calc(var(--t) * .92)}}
