@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/9ffc08a38813e78e-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/44c9372a001b48d5-s.0yczt4r3j28ff.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/61715dc81dd9b4e8-s.p.0ez3bnoxb63ra.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.qM-9Ya_className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.qM-9Ya_variable{--font-fredoka:"Fredoka", "Fredoka Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-600:#e40014;--color-emerald-700:#007956;--color-zinc-100:#f4f4f5;--color-zinc-500:#71717b;--color-zinc-600:#52525c;--color-zinc-900:#18181b;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-snug:1.375;--radius-sm:.25rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:var(--font-fredoka), ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--color-ink:#2d1b4e;--color-ink-soft:#5b4a7a;--color-candy-pink:#ff5c93;--color-candy-pink-deep:#ec4a84;--color-candy-pink-edge:#b02a60;--color-candy-yellow:#ffc933;--color-candy-yellow-deep:#e99a12;--color-candy-mint:#43d3a8;--color-candy-mint-deep:#1d9c7e;--color-candy-plum:#6d3fa0;--color-sky-top:#94c3ea;--color-sky-horizon:#e6eef2;--color-grass:#7fb55f;--radius-card:2rem}@supports (color:lab(0% 0 0)){:root,:host{--color-red-600:lab(48.4493% 77.4328 61.5452);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-zinc-100:lab(96.1634% .0993013 -.364029);--color-zinc-500:lab(47.8878% 1.65477 -5.77283);--color-zinc-600:lab(35.1166% 1.7821 -6.1173);--color-zinc-900:lab(8.30603% .618212 -2.16573)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body{height:100%}body{overscroll-behavior:none;color:var(--color-ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:linear-gradient(180deg, var(--color-sky-top) 0%, #c6dcef 40%, var(--color-sky-horizon) 62%, var(--color-grass) 62.2%, var(--color-grass) 100%);margin:0;overflow:hidden}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.right-4{right:calc(var(--spacing) * 4)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-4{left:calc(var(--spacing) * 4)}.z-40{z-index:40}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-1{margin-bottom:var(--spacing)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-48{width:calc(var(--spacing) * 48);height:calc(var(--spacing) * 48)}.h-4{height:calc(var(--spacing) * 4)}.w-4{width:calc(var(--spacing) * 4)}.w-full{width:100%}.max-w-\[min\(23rem\,calc\(100vw-2rem\)\)\]{max-width:min(23rem,100vw - 2rem)}.max-w-\[min\(36rem\,calc\(100\%-2rem\)\)\]{max-width:min(36rem,100% - 2rem)}.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-zinc-100{border-color:var(--color-zinc-100)}.bg-white{background-color:var(--color-white)}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-\[1px\]{padding-block:1px}.pr-3{padding-right:calc(var(--spacing) * 3)}.text-left{text-align:left}.text-right{text-align:right}.font-sans{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[11px\]{font-size:11px}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-candy-mint-deep{color:var(--color-candy-mint-deep)}.text-candy-pink-edge{color:var(--color-candy-pink-edge)}.text-emerald-700{color:var(--color-emerald-700)}.text-ink{color:var(--color-ink)}.text-ink-soft{color:var(--color-ink-soft)}.text-red-600{color:var(--color-red-600)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-900{color:var(--color-zinc-900)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}}.clay-title{letter-spacing:-.015em;text-align:center;-webkit-text-stroke:.17em #fff;paint-order:stroke fill;filter:drop-shadow(0 .055em 0 var(--color-candy-plum)) drop-shadow(0 .14em .16em #4c24784d);transform-origin:50% 80%;margin:0;font-size:clamp(3rem,min(19vw,13vh),7.5rem);font-weight:700;line-height:.86;animation:4.5s ease-in-out infinite title-float}.clay-title>span{display:block}.clay-title__a{color:var(--color-candy-pink)}.clay-title__b{color:var(--color-candy-yellow)}@media (min-aspect-ratio:11/10){.clay-title{text-align:left}}@keyframes title-float{0%,to{transform:translateY(0)rotate(-2.5deg)}50%{transform:translateY(-.06em)rotate(-1.5deg)}}.candy-btn{isolation:isolate;cursor:pointer;min-width:15rem;min-height:4.25rem;font:700 1.875rem/1 var(--font-display);letter-spacing:.01em;color:#fff;text-shadow:0 2px #96184e66;background:linear-gradient(180deg, #ff8db5 0%, var(--color-candy-pink) 52%, var(--color-candy-pink-deep) 100%);box-shadow:inset 0 3px 0 #ffffff80, inset 0 -5px 0 #b02a6040, 0 7px 0 var(--color-candy-pink-edge), 0 18px 30px -6px #ec4a848c;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:0 2.5rem;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,filter .2s;display:inline-flex;position:relative;overflow:hidden;transform:translateY(0)}.candy-btn:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#fff9,#fff0);border-radius:999px;height:42%;position:absolute;top:.32rem;left:1.1rem;right:1.1rem}.candy-btn:hover:not(:disabled){box-shadow:inset 0 3px 0 #ffffff80, inset 0 -5px 0 #b02a6040, 0 9px 0 var(--color-candy-pink-edge), 0 24px 36px -8px #ec4a8499;transform:translateY(-2px)}.candy-btn:active:not(:disabled){box-shadow:inset 0 3px 0 #ffffff73, inset 0 -3px 0 #b02a6040, 0 2px 0 var(--color-candy-pink-edge), 0 8px 16px -6px #ec4a8480;transition-duration:80ms;transform:translateY(5px)}.candy-btn:focus-visible{outline-offset:5px;outline:4px solid #fff}.candy-btn:disabled{cursor:progress;filter:saturate(.75)}.candy-btn__fill{z-index:-2;width:var(--progress,0%);background:linear-gradient(#ffb3cd,#ff7fab);transition:width .25s;position:absolute;inset:0 auto 0 0}.candy-btn__icon{filter:drop-shadow(0 2px #96184e59);flex:none;width:1.6rem;height:1.6rem}.menu{padding:max(2.25rem, env(safe-area-inset-top)) 1.25rem max(1.75rem, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.menu>*{pointer-events:auto}.menu-actions{flex-direction:column;align-items:center;gap:1.1rem;display:flex}@media (min-aspect-ratio:11/10){.menu{padding-left:max(clamp(1.5rem, 7vw, 7rem), env(safe-area-inset-left));justify-content:center;align-items:flex-start;gap:clamp(1.25rem,5vh,3rem)}.menu-actions{align-items:flex-start}}.best-pill{-webkit-backdrop-filter:blur(10px);color:var(--color-ink);background:#ffffffc7;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.35rem .9rem;font-size:1.05rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #4c247824}.controls{-webkit-backdrop-filter:blur(10px);color:var(--color-ink);background:#ffffffbd;border-radius:1.25rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem 1rem;margin:0;padding:.6rem 1rem;font-size:1rem;font-weight:600;line-height:1.35;display:flex;box-shadow:0 6px 18px #4c247824}.controls__item{align-items:center;gap:.3rem;display:inline-flex}.controls kbd{min-width:1.9rem;height:1.9rem;font:700 .95rem/1 var(--font-display);color:var(--color-ink);background:#fff;border-radius:.55rem;place-items:center;padding:0 .4rem;display:inline-grid;box-shadow:inset 0 -3px #6d3fa02e,0 1px #6d3fa040}.controls--touch{display:none}@media (pointer:coarse){.controls--keys{display:none}.controls--touch{display:flex}}.hud{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) 0 max(1rem, env(safe-area-inset-left));pointer-events:none;opacity:0;justify-content:space-between;gap:.75rem;transition:opacity .3s,transform .45s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;inset:0 0 auto;transform:translateY(-14px)}.hud--on{opacity:1;transform:none}.hud-pill{-webkit-backdrop-filter:blur(12px);height:3.25rem;color:var(--color-ink);font-variant-numeric:tabular-nums;background:#ffffffdb;border-radius:999px;align-items:center;gap:.5rem;padding:0 1.2rem 0 .5rem;font-size:1.6rem;font-weight:700;display:inline-flex;box-shadow:inset 0 2px #ffffffe6,0 4px #6d3fa029,0 10px 24px #4c247829}.hud-pill__unit{color:var(--color-ink-soft);margin-left:.05rem;font-size:1rem}.hud-icon{flex:none;width:2.25rem;height:2.25rem}@media (max-width:480px){.hud-pill{height:2.9rem;font-size:1.35rem}.hud-icon{width:2rem;height:2rem}}.hud{padding-right:calc(max(1rem, env(safe-area-inset-right)) + 7.25rem)}.sound-toggles{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:30;gap:.5rem;display:flex;position:absolute}.sound-toggle{-webkit-backdrop-filter:blur(12px);width:3.25rem;height:3.25rem;color:var(--color-ink);cursor:pointer;background:#ffffffdb;border-radius:999px;place-items:center;transition:transform .15s,color .2s;display:grid;box-shadow:inset 0 2px #ffffffe6,0 4px #6d3fa029,0 10px 24px #4c247829}.sound-toggle:hover{transform:translateY(-1px)}.sound-toggle:active{transform:translateY(1px)scale(.96)}.sound-toggle:focus-visible{outline:3px solid var(--color-candy-pink);outline-offset:2px}.sound-toggle[aria-pressed=false]{color:var(--color-ink-soft)}.sound-toggle__icon{width:1.45rem;height:1.45rem}@media (max-width:900px){.hud{padding-right:max(1rem, env(safe-area-inset-right))}.sound-toggles--hud{top:calc(max(1rem, env(safe-area-inset-top)) + 3.5rem)}}@media (max-width:480px){.sound-toggles{gap:.4rem}.sound-toggles--hud{top:calc(max(1rem, env(safe-area-inset-top)) + 3.1rem)}.sound-toggle{width:2.75rem;height:2.75rem}.sound-toggle__icon{width:1.25rem;height:1.25rem}}.hud-left{align-items:center;gap:.6rem;min-width:0;display:flex}.hud-left .hud-pill{flex:none}@media (max-width:900px){.hud-left .hud-pill,.hud-coins{gap:.4rem;height:2.9rem;padding:0 .95rem 0 .42rem;font-size:clamp(.95rem,3.6vw,1.35rem)}.hud-left .hud-icon,.hud-coins .hud-icon{width:2rem;height:2rem}.hud-left .hud-pill__unit{font-size:.72em}}@media (max-width:480px){.hud-left{gap:.4rem}.hud-left .hud-pill,.hud-coins{gap:.3rem;height:2.5rem;padding:0 .7rem 0 .32rem;font-size:clamp(.92rem,4.2vw,1.12rem)}.hud-left .hud-icon,.hud-coins .hud-icon{width:1.7rem;height:1.7rem}}.hud-chase{--pos:.5;--face:2.9rem;--her:min(calc(var(--pos) * 100%), calc(100% - 2.5rem));left:50%;bottom:calc(max(1rem, env(safe-area-inset-bottom)) + .85rem);width:clamp(15rem,40vw,34rem);height:3rem;padding:0 calc(var(--face) / 2);opacity:0;pointer-events:none;transition:opacity .3s,transform .45s cubic-bezier(.34,1.56,.64,1);position:fixed;transform:translate(-50%)translateY(.75rem)}.hud-chase--on{opacity:1;transform:translate(-50%)}.hud-chase__rail{height:100%;position:relative}.hud-chase__track{top:50%;left:calc(var(--face) / -2);right:calc(var(--face) / -2);-webkit-backdrop-filter:blur(12px);background:#ffffffdb;border-radius:999px;height:.95rem;transition:box-shadow .6s,background-color .6s;position:absolute;transform:translateY(-50%);box-shadow:inset 0 2px #ffffffe6,0 3px #6d3fa029,0 8px 20px #4c247829,0 0 #ff5c8a00}.hud-chase__gap{top:50%;left:var(--her);background:linear-gradient(90deg,#ffb0cc,#ff5c8a 55%,#ff7a3d);border-radius:999px;height:.45rem;transition:left .6s cubic-bezier(.25,.8,.35,1),filter .6s;position:absolute;right:0;transform:translateY(-50%)}.hud-chase__who{width:var(--face);height:var(--face);margin:calc(var(--face) / -2) 0 0 calc(var(--face) / -2);position:absolute;top:50%}.hud-chase__who--thief{--ring:#3d3557;left:100%}.hud-chase__who--you{left:var(--her);z-index:2;--ring:#ff5c8a;transition:left .6s cubic-bezier(.25,.8,.35,1)}.hud-chase__face{width:100%;height:100%;box-shadow:0 0 0 .16rem #fff, 0 0 0 .3rem var(--ring), 0 6px 16px #4c247842;background:radial-gradient(circle at 50% 38%,#fff 0 55%,#f1ecfa 100%);border-radius:999px;place-items:center;display:grid;overflow:hidden}.hud-chase__face img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.hud-chase__icon{width:72%;height:72%}.hud-chase__you{color:#fff;font:700 .68rem/1.1 var(--font-display);letter-spacing:.02em;white-space:nowrap;background:#ff5c8a;border-radius:999px;padding:.12rem .42rem;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #ff5c8a66}.hud-chase__metres{top:50%;left:calc((var(--her) + 100%) / 2);z-index:1;color:var(--color-ink);font:700 .98rem/1.15 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff;border-radius:999px;padding:.14rem .55rem;transition:left .6s cubic-bezier(.25,.8,.35,1),transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #ff5c8a59,0 4px 10px #4c24782e}.hud-chase__unit{color:var(--color-ink-soft);font-size:.75em}.hud-chase--near .hud-chase__metres{transform:translate(-50%,calc(-50% - 1.95rem))}.hud-chase--close .hud-chase__track{background:#ffeef5f0;animation:1s ease-in-out infinite hud-chase-glow;box-shadow:inset 0 2px #ffffffe6,0 3px #6d3fa029,0 8px 20px #4c247829,0 0 1.2rem .32rem #ff5c8abf}.hud-chase--close .hud-chase__gap{filter:brightness(1.15)saturate(1.25)}@keyframes hud-chase-glow{50%{box-shadow:inset 0 2px #ffffffe6,0 3px #6d3fa029,0 8px 20px #4c247829,0 0 1.9rem .55rem #ff5c8aeb}}@media (max-width:480px){.hud-chase{--face:2.45rem;--her:min(calc(var(--pos) * 100%), calc(100% - 2.1rem));bottom:calc(max(.8rem, env(safe-area-inset-bottom)) + .85rem);width:clamp(13rem,66vw,20rem);height:2.6rem}.hud-chase__track{height:.82rem}.hud-chase__metres{font-size:.86rem}.hud-chase--near .hud-chase__metres{transform:translate(-50%,calc(-50% - 1.7rem))}}@media (prefers-reduced-motion:reduce){.hud-chase--close .hud-chase__track{animation:none}}.hud-energy{--e:.5;--energy-color:#a1c84b;--energy-shift:translateX(-50%);top:max(1rem, env(safe-area-inset-top));transform:var(--energy-shift);gap:.55rem;padding:0 1.05rem 0 .5rem;position:absolute;left:50%}.hud-energy__badge{flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid;position:relative}.hud-energy__bolt{width:100%;height:100%;position:relative}.hud-energy__glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffe078f2 0 26%,#ffc42e80 46%,#ffbe2800 70%);border-radius:50%;position:absolute;inset:-50%}.hud-energy__track{background:#ece5f7;border-radius:999px;width:clamp(6.5rem,16vw,15rem);height:1.1rem;position:relative;box-shadow:inset 0 2px 3px #2d1b4e33,0 1px #ffffffe6}.hud-energy__fill{width:calc(var(--e) * 100%);border-radius:inherit;background:linear-gradient(180deg, var(--energy-color) 0%, var(--energy-color) 55%, var(--energy-color) 100%);position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab, red, red)){.hud-energy__fill{background:linear-gradient(180deg, color-mix(in srgb, var(--energy-color) 55%, #fff) 0%, var(--energy-color) 55%, color-mix(in srgb, var(--energy-color) 80%, #2d1b4e) 100%)}}.hud-energy__fill{transition:width .18s linear;box-shadow:inset 0 -2px #2d1b4e1f}.hud-energy__fill:after{content:"";background:#ffffff8c;border-radius:999px;height:.26rem;position:absolute;top:.17rem;left:.35rem;right:.35rem}.hud-energy__mud{border-radius:inherit;opacity:0;pointer-events:none;clip-path:inset(0 calc((1 - var(--mud,0)) * 100%) 0 0 round 999px);background:radial-gradient(circle at 14% 38%,#9a6a3e 0 17%,#0000 18%),radial-gradient(circle at 37% 72%,#7c4e2b 0 21%,#0000 22%),radial-gradient(circle at 58% 28%,#a0703f 0 14%,#0000 15%),radial-gradient(circle at 80% 66%,#7c4e2b 0 18%,#0000 19%),radial-gradient(circle at 93% 30%,#966438 0 12%,#0000 13%),linear-gradient(#8d5d36 0%,#6a4224 100%);transition:opacity .25s;position:absolute;inset:0;box-shadow:inset 0 2px #fff3,inset 0 -2px #2814084d}.hud-mud{color:#fff6e8;white-space:nowrap;opacity:0;pointer-events:none;background:linear-gradient(#8f5d36 0%,#6b4226 60%,#5a361e 100%);border-radius:999px;align-items:center;gap:.4rem;height:2.4rem;padding:0 .9rem 0 .3rem;font-size:1.05rem;font-weight:800;transition:opacity .35s;display:inline-flex;position:absolute;top:50%;left:calc(100% + .6rem);translate:0 -50%;box-shadow:inset 0 2px #ffffff38,0 3px #3a200e73,0 8px 18px #3a200e47}.hud-mud__icon{flex:none;width:1.9rem;height:1.9rem}@media (max-width:1100px){.hud-mud{top:calc(100% + .5rem);left:50%;translate:-50%}}.hud-energy--mud .hud-energy__mud{opacity:.94;transition:none}.hud-energy--mud .hud-mud{opacity:1;transition:opacity .12s}.hud-day{flex:none;place-items:center;width:1.9rem;height:1.9rem;margin-left:.1rem;display:grid}.hud-day__icon{width:100%;height:100%;animation:.5s cubic-bezier(.34,1.56,.64,1) hud-day-in}@keyframes hud-day-in{0%{opacity:0;transform:translateY(4px)scale(.6)}}@media (max-width:480px){.hud-day{width:1.6rem;height:1.6rem;margin-left:0}}@media (prefers-reduced-motion:reduce){.hud-day__icon{animation:none}}.hud-energy--low{animation:.75s ease-in-out infinite energy-low}@keyframes energy-low{0%,to{transform:var(--energy-shift) scale(1);box-shadow:inset 0 2px #ffffffe6,0 4px #6d3fa029,0 10px 24px #4c247829,0 0 #ff4f5e00}50%{transform:var(--energy-shift) scale(1.06);box-shadow:inset 0 2px #ffffffe6,0 4px #6d3fa029,0 10px 24px #4c247829,0 0 0 .4rem #ff4f5e59}}.hud--ended .hud-energy--low{animation:none;box-shadow:inset 0 2px #ffffffe6,0 4px #6d3fa029,0 0 0 .25rem #ff4f5e66}.hud-energy.hud-energy--drained,.hud--ended .hud-energy.hud-energy--drained{animation:.38s ease-in-out 2 energy-drained}@keyframes energy-drained{0%,to{transform:var(--energy-shift) scale(1);box-shadow:inset 0 2px #ffffffe6,0 4px #6d3fa029,0 10px 24px #4c247829,0 0 #ff4f5e00}50%{transform:var(--energy-shift) scale(1.08);box-shadow:inset 0 2px #ffffffe6,0 4px #6d3fa029,0 10px 24px #4c247829,0 0 0 .45rem #ff4f5e73}}@media (max-width:1100px){.hud-energy{--energy-shift:translateX(0);flex:auto;align-self:flex-start;gap:.4rem;min-width:0;margin:0 .45rem;padding:0 .8rem 0 .4rem;position:relative;top:auto;left:auto}.hud-energy__track{flex:auto;width:auto;min-width:2.5rem}}@media (max-width:900px){.hud-energy{top:calc(max(1rem, env(safe-area-inset-top)) + 3.5rem);left:max(1rem, env(safe-area-inset-left));right:calc(max(1rem, env(safe-area-inset-right)) + 3 * 3.25rem + 2 * .5rem + .6rem);margin:0;position:absolute}.hud-mud{height:2.1rem;font-size:.95rem}.hud-mud__icon{width:1.65rem;height:1.65rem}}@media (max-width:480px){.hud-energy{top:calc(max(1rem, env(safe-area-inset-top)) + 3.1rem);right:calc(max(1rem, env(safe-area-inset-right)) + 3 * 2.75rem + 2 * .4rem + .5rem);height:2.75rem;padding:0 .75rem 0 .35rem}.hud-energy__badge{width:2rem;height:2rem}.hud-energy__track{height:.95rem}}.coin-flight{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.coin-flight__coin,.coin-flight__glint{opacity:0;position:absolute;top:0;left:0}.coin-flight__coin{filter:drop-shadow(0 0 .3rem #ffcd46e6)drop-shadow(0 .1rem .1rem #8c46004d);width:2.25rem;height:2.25rem;margin:-1.125rem 0 0 -1.125rem}.coin-flight__coin svg{width:100%;height:100%;display:block}.coin-flight__glint{background:radial-gradient(circle,#fffbe6 0 20%,#ffd860d9 36%,#ffbe2800 70%);border-radius:50%;width:1.3rem;height:1.3rem;margin:-.65rem 0 0 -.65rem}@media (max-width:480px){.coin-flight__coin{width:2rem;height:2rem;margin:-1rem 0 0 -1rem}}.comic-pops{z-index:21;pointer-events:none;position:absolute;inset:0;overflow:hidden}.comic-pop{aspect-ratio:1.12;opacity:0;width:clamp(6.25rem,24vw,9.5rem);transform:translate3d(var(--pop-x,-20rem), var(--pop-y,-20rem), 0) translate(-50%, -50%) rotate(var(--pop-tilt,0deg));will-change:transform, opacity;place-items:center;display:grid;position:absolute;top:0;left:0}.comic-pop--on{animation:.74s cubic-bezier(.2,.9,.3,1) both comic-pop}.comic-pops--hold .comic-pop--on{animation-play-state:paused;animation-delay:-.3s}.comic-pop__burst{filter:drop-shadow(0 .22rem #7a120859);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.comic-pop__outer{fill:#ffd23f;stroke:#e2361f;stroke-width:4.5px;stroke-linejoin:round}.comic-pop__inner{fill:#ff8a1f}.comic-pop__word{font:700 clamp(1.55rem, 6.4vw, 2.45rem) / 1 var(--font-display);letter-spacing:.02em;color:#e8231b;-webkit-text-stroke:.15em #fffbea;paint-order:stroke fill;text-shadow:0 .09em #7a1208;position:relative;transform:rotate(-7deg)skew(-6deg)}@keyframes comic-pop{0%{opacity:0;transform:translate3d(var(--pop-x), var(--pop-y), 0) translate(-50%, -50%) rotate(calc(var(--pop-tilt) - 18deg)) scale(.25)}16%{opacity:1;transform:translate3d(var(--pop-x), var(--pop-y), 0) translate(-50%, -50%) rotate(calc(var(--pop-tilt) + 4deg)) scale(1.22)}28%{transform:translate3d(var(--pop-x), var(--pop-y), 0) translate(-50%, -50%) rotate(calc(var(--pop-tilt) - 5deg)) scale(.94)}40%{transform:translate3d(var(--pop-x), var(--pop-y), 0) translate(-50%, -50%) rotate(calc(var(--pop-tilt) + 3deg)) scale(1.04)}58%{opacity:1;transform:translate3d(var(--pop-x), var(--pop-y), 0) translate(-50%, -50%) rotate(var(--pop-tilt)) scale(1)}to{opacity:0;transform:translate3d(var(--pop-x), calc(var(--pop-y) - 1.4rem), 0) translate(-50%, -50%) rotate(var(--pop-tilt)) scale(1.06)}}@keyframes comic-pop-calm{0%{opacity:0}15%,70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.comic-pop--on{animation:.74s ease-out both comic-pop-calm}}.speech-layer{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bubble-anchor{will-change:transform;display:none;position:absolute;top:0;left:0}.bubble-anchor--on{display:block}.bubble{--bubble-ink:var(--color-ink);--tail-x:0px;border:4px solid var(--bubble-ink);width:max-content;max-width:min(17rem,72vw);color:var(--color-ink);text-align:center;opacity:0;transform-origin:calc(50% + var(--tail-x)) calc(100% + 15px);background:#fff;border-radius:1.4rem;padding:.5rem 1rem .55rem;font-size:clamp(1.05rem,.75rem + .9vw,1.4rem);font-weight:700;line-height:1.15;position:absolute;bottom:15px;left:0;transform:translate(-50%);box-shadow:0 5px #2d1b4e33,0 12px 24px #2d1b4e2e}.bubble:after{content:"";left:calc(50% + var(--tail-x));border-right:4px solid var(--bubble-ink);border-bottom:4px solid var(--bubble-ink);background:#fff;border-bottom-right-radius:4px;width:17px;height:17px;position:absolute;bottom:-11px;transform:translate(-50%)rotate(45deg)}.bubble--girl{--bubble-ink:#178a4c}.bubble--thief{--bubble-ink:#c8233c}.bubble--in{animation:.42s cubic-bezier(.34,1.56,.64,1) both bubble-in}.bubble--out{animation:.3s ease-in both bubble-out}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%)scale(.3)}60%{opacity:1;transform:translate(-50%)scale(1.08)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes bubble-out{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scale(.92)}}.bubble--laugh{letter-spacing:.05em;align-items:center;gap:.5rem;padding:.45rem 1.35rem .5rem .5rem;font-size:clamp(1.35rem,.95rem + 1.2vw,1.9rem);display:flex}.bubble__face{background:#ffe9ec;border-radius:50%;flex:none;width:1.75em;height:1.75em;display:none;overflow:hidden;box-shadow:inset 0 0 0 2px #c8233c59}.bubble__face img{object-fit:cover;width:100%;height:100%;display:block}.bubble--laugh .bubble__face{display:block}.bubble--laugh.bubble--in{animation:.42s cubic-bezier(.34,1.56,.64,1) both bubble-in,1.1s ease-in-out .42s infinite bubble-laugh}@keyframes bubble-laugh{0%,to{transform:translate(-50%)rotate(0)scale(1)}25%{transform:translate(-50%)rotate(-3deg)scale(1.03)}75%{transform:translate(-50%)rotate(3deg)scale(1.03)}}.exclaim{border:4px solid var(--color-ink);background:var(--color-candy-yellow);width:3.1rem;height:3.1rem;color:var(--color-ink);opacity:0;border-radius:50%;place-items:center;font-size:2.1rem;font-weight:700;line-height:1;display:grid;position:absolute;bottom:22px;left:0;transform:translate(-50%);box-shadow:0 4px #2d1b4e40}.exclaim--in{animation:1.45s cubic-bezier(.34,1.56,.64,1) both exclaim-in}@keyframes exclaim-in{0%{opacity:0;transform:translate(-50%)scale(.2)rotate(-20deg)}16%{opacity:1;transform:translate(-50%)scale(1.28)rotate(8deg)}30%{transform:translate(-50%)scale(1)rotate(-5deg)}80%{opacity:1;transform:translate(-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.9)}}@media (prefers-reduced-motion:reduce){.bubble--in,.bubble--out,.exclaim--in{animation-name:bubble-fade;animation-timing-function:ease}.bubble--out{animation-direction:reverse}.bubble--laugh.bubble--in{animation:.3s both bubble-fade}@keyframes bubble-fade{0%{opacity:0}to{opacity:1}}}.skip-btn{right:max(1rem, env(safe-area-inset-right));bottom:max(1.25rem, env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(12px);min-height:3rem;color:var(--color-ink);font:700 1.2rem/1 var(--font-display);cursor:pointer;background:#ffffffe0;border:0;border-radius:999px;align-items:center;gap:.45rem;padding:0 1.05rem 0 1.35rem;transition:transform .15s;animation:.4s .6s both fade-in;display:inline-flex;position:absolute;box-shadow:inset 0 2px #ffffffe6,0 4px #6d3fa029,0 10px 24px #4c247829}.skip-btn:hover{transform:translateY(-1px)}.skip-btn:active{transform:translateY(1px)scale(.97)}.skip-btn:focus-visible{outline:3px solid var(--color-candy-pink);outline-offset:2px}.skip-btn__icon{width:1.25rem;height:1.25rem}.hud-powers{left:50%;bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 4.55rem);pointer-events:none;align-items:center;display:flex;position:fixed;transform:translate(-50%)}.hud-power{opacity:0;place-items:center;width:0;height:3.6rem;margin:0;transition:width .35s cubic-bezier(.34,1.3,.64,1),margin .35s,opacity .25s,transform .4s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative;transform:translateY(.8rem)scale(.5)}.hud-power--on{opacity:1;width:3.6rem;margin:0 .3rem;transform:none}.hud-power:before{content:"";background:radial-gradient(circle at 50% 38%,#fff 0 55%,#f1ecfa 100%);border-radius:50%;position:absolute;inset:.34rem;box-shadow:0 3px #6d3fa029,0 8px 18px #4c247833}.hud-power--ending{animation:.5s step-end infinite hud-power-blink}.hud-power__ring{width:100%;height:100%;position:absolute;inset:0}.hud-power--magnet .hud-power__ring{filter:drop-shadow(0 0 2px #8c5cff99)}.hud-power--jump .hud-power__ring{filter:drop-shadow(0 0 2px #3ce0a099)}.hud-power--punch .hud-power__ring{filter:drop-shadow(0 0 2px #ff6a2a99)}.hud-power__track{fill:none;stroke:#fff9;stroke-width:5px}.hud-power__arc{fill:none;stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.hud-power__icon{width:1.85rem;height:1.85rem;position:relative}.hud-power__burst{background:radial-gradient(circle, #ffffffe6 0 28%, var(--power-burst) 48%, transparent 72%);box-shadow:0 0 0 .16rem var(--power-burst-ring);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-.15rem}.hud-power--magnet{--power-burst:#8278ff8c;--power-burst-ring:#4d86ff73}.hud-power--jump{--power-burst:#50e6aa8c;--power-burst-ring:#4fd8ff73}.hud-power--punch{--power-burst:#ff82468c;--power-burst-ring:#ff3d1273}@keyframes hud-power-blink{50%{opacity:.35}}@media (max-width:480px){.hud-powers{bottom:calc(max(.8rem, env(safe-area-inset-bottom)) + 3.95rem)}.hud-power{height:3.1rem}.hud-power--on{width:3.1rem;margin:0 .22rem}.hud-power__icon{width:1.55rem;height:1.55rem}}.hud-bump{animation:.3s cubic-bezier(.34,1.56,.64,1) hud-bump}@keyframes hud-bump{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}.speed-pop{left:50%;top:max(clamp(5rem, 17vh, 9rem), calc(env(safe-area-inset-top) + 4.5rem));pointer-events:none;white-space:nowrap;color:var(--color-candy-mint);-webkit-text-stroke:.16em #fff;paint-order:stroke fill;filter:drop-shadow(0 .055em 0 var(--color-candy-plum)) drop-shadow(0 .12em .16em #4c24784d);margin:0;font-size:clamp(2.4rem,min(11vw,8vh),4rem);font-weight:700;line-height:1;animation:1.6s cubic-bezier(.34,1.56,.64,1) both speed-pop;position:absolute;transform:translate(-50%)}@keyframes speed-pop{0%{opacity:0;transform:translate(-50%)scale(.4)rotate(-6deg)}18%{opacity:1;transform:translate(-50%)scale(1.12)rotate(-3deg)}30%{transform:translate(-50%)scale(1)rotate(-3deg)}78%{opacity:1;transform:translate(-50%)translateY(0)scale(1)rotate(-3deg)}to{opacity:0;transform:translate(-50%)translateY(-18px)scale(.96)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.speed-pop{animation:1.6s both speed-pop-fade}@keyframes speed-pop-fade{0%,to{opacity:0}15%,80%{opacity:1}}}.slow-pop{left:50%;top:max(clamp(5rem, 17vh, 9rem), calc(env(safe-area-inset-top) + 4.5rem));pointer-events:none;white-space:nowrap;align-items:center;gap:.35em;margin:0;font-size:clamp(2.2rem,min(10vw,7.5vh),3.6rem);animation:1.8s cubic-bezier(.34,1.56,.64,1) both speed-pop;display:flex;position:absolute;transform:translate(-50%)}.slow-pop__badge{filter:drop-shadow(0 .05em #2f7d43)drop-shadow(0 .1em .14em #1e5a324d);border-radius:50%;width:1.35em;height:1.35em;animation:1.8s ease-in-out both slow-badge;display:block}.slow-pop__word{color:#4fcf6c;-webkit-text-stroke:.16em #fff;paint-order:stroke fill;filter:drop-shadow(0 .055em #2f7d43)drop-shadow(0 .12em .16em #1e5a324d);font-weight:700;line-height:1}@keyframes slow-badge{0%,to{transform:rotate(0)}35%{transform:rotate(-8deg)}65%{transform:rotate(6deg)}}@media (prefers-reduced-motion:reduce){.slow-pop{animation:1.8s both speed-pop-fade}.slow-pop__badge{animation:none}}.watch-pop{left:50%;top:max(clamp(7.5rem, 25vh, 13rem), calc(env(safe-area-inset-top) + 7rem));pointer-events:none;white-space:nowrap;color:var(--color-candy-yellow);-webkit-text-stroke:.16em #fff;paint-order:stroke fill;filter:drop-shadow(0 .055em 0 var(--color-candy-yellow-deep)) drop-shadow(0 .12em .16em #4c247847);margin:0;font-size:clamp(1.6rem,min(7.5vw,5.5vh),2.6rem);font-weight:700;line-height:1;animation:1.7s cubic-bezier(.34,1.56,.64,1) both watch-pop;position:absolute;transform:translate(-50%)}@keyframes watch-pop{0%{opacity:0;transform:translate(-50%)scale(.5)}14%{opacity:1;transform:translate(-50%)scale(1.1)rotate(-4deg)}24%{transform:translate(-50%)scale(1)rotate(3deg)}34%{transform:translate(-50%)scale(1)rotate(-2deg)}44%,80%{opacity:1;transform:translate(-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%)translateY(-14px)scale(.96)}}@media (prefers-reduced-motion:reduce){.watch-pop{animation:1.7s both speed-pop-fade}}.over-backdrop{padding:max(clamp(1.25rem, 12vh, 9rem), env(safe-area-inset-top)) 1.25rem 1.25rem;background:radial-gradient(#ffecf633,#3c1e5a61);place-items:start center;animation:.3s both fade-in;display:grid;position:absolute;inset:0;overflow-y:auto}@media (max-width:480px){.over-backdrop{padding-top:calc(max(1rem, env(safe-area-inset-top)) + 7.75rem)}}.over-card{border-radius:var(--radius-card);text-align:center;background:linear-gradient(#fff 0%,#fff6fa 100%);width:min(100%,26rem);padding:1.75rem 1.4rem 1.6rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both pop-in;box-shadow:inset 0 2px #fff,0 8px #b9a4ff99,0 30px 60px -12px #4c247873}.over-title{color:var(--color-ink);margin:0;font-size:2.6rem;font-weight:700;line-height:1}.over-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1.25rem 0 1.6rem;display:grid}.stat{border-radius:1.25rem;min-width:0;padding:.8rem .35rem .7rem;box-shadow:inset 0 -3px #2d1b4e0f}.stat dt{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);font-size:.8rem;font-weight:600}.stat dd{color:var(--color-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:.3rem 0 0;font-size:1.6rem;font-weight:700;line-height:1.1}.stat__unit{color:var(--color-ink-soft);margin-left:.1rem;font-size:.95rem}.stat--pink{background:#ffe3ee}.stat--yellow{background:#fff0c2}.stat--mint{background:#d8f6eb}.new-best{background:var(--color-candy-yellow);color:var(--color-ink);box-shadow:0 3px 0 var(--color-candy-yellow-deep);border-radius:999px;align-items:center;gap:.35rem;margin:0 0 .7rem;padding:.3rem .85rem;font-size:1rem;font-weight:700;display:inline-flex}.flash{pointer-events:none;background:#fff6fb;animation:.45s ease-out both flash-out;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(18px)scale(.82)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes flash-out{0%{opacity:.9}to{opacity:0}}main[data-phase=playing] .hud{padding-right:calc(max(1rem, env(safe-area-inset-right)) + 11rem)}@media (max-width:900px){main[data-phase=playing] .hud{padding-right:max(1rem, env(safe-area-inset-right))}}.pause-backdrop{z-index:40;padding:max(1.25rem, env(safe-area-inset-top)) 1.25rem max(1.25rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);background:radial-gradient(#ffecf638,#3c1e5a80);align-items:safe center}@media (max-width:480px){.pause-backdrop{padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom))}}.pause-card{width:min(100%,30rem)}.pause-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1.1rem;display:grid}.soft-btn{min-width:0;min-height:3.25rem;color:var(--color-ink);font:700 1.08rem/1.1 var(--font-display);cursor:pointer;background:linear-gradient(#f7f2ff 0%,#ebe2ff 100%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:0 .8rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex;box-shadow:inset 0 2px #fffffff2,0 5px #b9a4ffcc,0 12px 18px -8px #4c247859}.soft-btn:hover{transform:translateY(-2px);box-shadow:inset 0 2px #fffffff2,0 7px #b9a4ffcc,0 16px 22px -8px #4c247859}.soft-btn:active{transition-duration:80ms;transform:translateY(4px);box-shadow:inset 0 2px #fffffff2,0 1px #b9a4ffcc,0 4px 8px -4px #4c24784d}.soft-btn:focus-visible,.switch-btn:focus-visible{outline:3px solid var(--color-candy-pink);outline-offset:3px}.soft-btn__icon{flex:none;width:1.3rem;height:1.3rem}.pause-panel{text-align:left;background:#f8f4ff;border-radius:1.4rem;margin-top:1.1rem;padding:.85rem 1rem 1rem;box-shadow:inset 0 2px #ffffffe6,inset 0 -3px #6d3fa00f}.pause-panel__title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);margin:0 0 .6rem;font-size:.8rem;font-weight:700}.pause-switches{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.switch-btn{min-width:0;min-height:3rem;font:700 1.02rem/1.1 var(--font-display);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:0 .75rem;transition:transform .15s,background-color .2s,box-shadow .2s;display:inline-flex}.switch-btn[aria-pressed=true]{color:#0d5c49;background:#d8f6eb;box-shadow:inset 0 2px #fffc,0 4px #8fdcc3}.switch-btn[aria-pressed=false]{color:var(--color-ink-soft);background:#fff;box-shadow:inset 0 2px #fff,0 4px #6d3fa029}.switch-btn:hover{transform:translateY(-1px)}.switch-btn:active{transform:translateY(3px)}.switch-btn__icon{flex:none;width:1.3rem;height:1.3rem}.slider{margin-top:.8rem}.slider__label{color:var(--color-ink);justify-content:space-between;align-items:baseline;gap:.75rem;font-size:1rem;font-weight:600;display:flex}.slider__value{font-variant-numeric:tabular-nums;color:var(--color-ink-soft)}.slider input[type=range]{cursor:pointer;appearance:none;background:0 0;width:100%;height:2.75rem;margin:0;display:block}.slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ff8db5 0, var(--color-candy-pink) var(--fill), #e9e0fb var(--fill));border-radius:999px;height:.9rem;box-shadow:inset 0 2px 3px #2d1b4e24}.slider input[type=range]::-webkit-slider-thumb{box-sizing:border-box;border:.24rem solid var(--color-candy-pink);width:2rem;height:2rem;box-shadow:0 3px 0 var(--color-candy-pink-edge), 0 6px 12px #b02a604d;appearance:none;background:radial-gradient(circle at 38% 32%,#fff 0 45%,#ffe3ee 100%);border-radius:999px;margin-top:-.55rem;transition:transform .15s}.slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.slider input[type=range]::-moz-range-track{background:#e9e0fb;border-radius:999px;height:.9rem;box-shadow:inset 0 2px 3px #2d1b4e24}.slider input[type=range]::-moz-range-progress{background:linear-gradient(90deg, #ff8db5, var(--color-candy-pink));border-radius:999px;height:.9rem}.slider input[type=range]::-moz-range-thumb{box-sizing:border-box;border:.24rem solid var(--color-candy-pink);width:2rem;height:2rem;box-shadow:0 3px 0 var(--color-candy-pink-edge), 0 6px 12px #b02a604d;background:radial-gradient(circle at 38% 32%,#fff 0 45%,#ffe3ee 100%);border-radius:999px}.slider input[type=range]:focus-visible{outline:none}.slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid var(--color-candy-plum);outline-offset:2px}.slider input[type=range]:focus-visible::-moz-range-thumb{outline:3px solid var(--color-candy-plum);outline-offset:2px}.slider input[type=range]:disabled{cursor:not-allowed;opacity:.45}.slider input[type=range]:disabled::-webkit-slider-runnable-track{background:#e9e0fb}.slider input[type=range]:disabled::-moz-range-progress{background:0 0}.pause-keys{grid-template-columns:repeat(auto-fit,minmax(min(100%,11.5rem),1fr));gap:.55rem 1rem;margin:0;padding:0;list-style:none;display:grid}.pause-keys li{min-width:0;color:var(--color-ink);align-items:center;gap:.28rem;font-size:1rem;font-weight:600;line-height:1.3;display:flex}.pause-keys kbd{min-width:1.9rem;height:1.9rem;font:700 .95rem/1 var(--font-display);color:var(--color-ink);background:#fff;border-radius:.55rem;place-items:center;padding:0 .4rem;display:inline-grid;box-shadow:inset 0 -3px #6d3fa02e,0 1px #6d3fa040}.pause-keys__or{color:var(--color-ink-soft);font-size:.85rem}.pause-keys__what{margin-left:.3rem}.pause-keys--touch{grid-template-columns:minmax(0,1fr);display:none}.pause-swipe{color:#0d5c49;background:#d8f6eb;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:2.4rem;height:1.9rem;padding:0 .45rem;display:inline-flex}@media (pointer:coarse){.pause-keys--keyboard{display:none}.pause-keys--touch{display:grid}}@media (max-width:480px){.pause-card{padding:1.4rem 1.1rem 1.25rem}.soft-btn{padding:0 .6rem;font-size:1rem}.switch-btn{padding:0 .6rem;font-size:.98rem}}.countdown{z-index:35;pointer-events:none;place-items:start center;padding-top:clamp(4.5rem,15vh,9rem);display:grid;position:absolute;inset:0}.countdown__num{color:var(--color-candy-pink);-webkit-text-stroke:.14em #fff;paint-order:stroke fill;filter:drop-shadow(0 .05em 0 var(--color-candy-plum)) drop-shadow(0 .12em .2em #4c247859);font-size:clamp(6rem,26vmin,12rem);font-weight:700;line-height:1;animation:1s cubic-bezier(.34,1.56,.64,1) both count-pop}.countdown__num[data-n="2"]{color:var(--color-candy-yellow)}.countdown__num[data-n="1"]{color:var(--color-candy-mint)}@keyframes count-pop{0%{opacity:0;transform:scale(.3)rotate(-8deg)}30%{opacity:1;transform:scale(1.08)rotate(2deg)}45%{transform:scale(1)rotate(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.86)}}@media (prefers-reduced-motion:reduce){.clay-title,.hud-bump,.hud-power--ending,.hud-energy--low,.hud-energy.hud-energy--drained,.over-card,.over-backdrop,.countdown__num,.flash{animation:none!important}.hud-energy--low{box-shadow:inset 0 2px #ffffffe6,0 4px #6d3fa029,0 0 0 .25rem #ff4f5e66}.flash{opacity:0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
