@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--c-ink: #1B1620;--c-paper: #ffffff;--c-surface: #f6f5f7;--c-surface-sunken: #eceaef;--c-text: var(--c-ink);--c-text-muted: rgba(27, 22, 32, .56);--c-text-faint: rgba(27, 22, 32, .38);--c-border: rgba(27, 22, 32, .1);--c-border-strong: rgba(27, 22, 32, .32);--c-accent: #fa5000;--c-accent-warm: #ff8c18;--c-accent-deep: #d63f00;--c-accent-ink: #ffffff;--c-accent-wash: rgba(250, 80, 0, .1);--c-sky-1: #3878e0;--c-sky-2: #4888e8;--c-sky-3: #60a0f0;--c-sky-4: #70b0f0;--c-sky-5: #7ab8f8;--sky-gradient: linear-gradient( 180deg, var(--c-sky-1) 0%, var(--c-sky-2) 28%, var(--c-sky-3) 56%, var(--c-sky-4) 82%, var(--c-sky-5) 100% );--c-glass: rgba(20, 48, 108, .42);--c-glass-border: rgba(255, 255, 255, .22);--c-glass-ink: #ffffff;--c-sky-ink: #ffffff;--c-sky-ink-muted: rgba(255, 255, 255, .86);--c-sky-ink-faint: rgba(255, 255, 255, .68);--c-cloud: rgba(255, 255, 255, .72);--c-glass-active: rgba(11, 30, 74, .72);--blur-glass: 14px;--c-live: #ff4a4a;--font-sans: "Nunito Variable", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-display: 2.125rem;--text-h2: 1.375rem;--text-lead: 1.0625rem;--text-body: 1rem;--text-stat: 1.5rem;--text-score: 1.25rem;--text-small: .8125rem;--text-micro: .6875rem;--weight-regular: 400;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--tracking-display: -.02em;--tracking-normal: 0;--tracking-micro: .06em;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--numeric: tabular-nums;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--app-width: 430px;--c-backdrop: #e8e6ea;--gutter: var(--space-5);--object-size: 84px;--measure: 34ch;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 30px;--radius-pill: 999px;--border-width: 1px;--shadow-card: 0 1px 2px rgba(27, 22, 32, .04);--shadow-cta: 0 2px 0 var(--c-accent-deep), 0 8px 20px rgba(250, 80, 0, .32);--shadow-object: 0 12px 24px rgba(16, 44, 96, .28);--shadow-glass: 0 4px 16px rgba(16, 44, 96, .18);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: .12s;--duration-fast: .24s;--duration-base: .45s;--duration-slow: .7s;--z-sky: 0;--z-clouds: 10;--z-objects: 20;--z-hud: 30;--z-screen: 40;--z-overlay: 50}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--c-text);background:var(--c-paper);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body[data-screen]{overflow:hidden;background:var(--sky-gradient) fixed}body[data-screen=finish]{background:var(--c-backdrop)}body:not(:has(input:focus)){-webkit-user-select:none;user-select:none}*{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;touch-action:manipulation}img,svg{display:block;max-width:100%}.screen{position:fixed;top:0;left:0;right:0;z-index:var(--z-screen);height:100%;height:100dvh;max-width:var(--app-width);margin-inline:auto;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + var(--space-3)) var(--gutter) calc(env(safe-area-inset-bottom) + var(--space-4))}.screen[hidden]{display:none}.screen--sky{background:var(--sky-gradient);overflow:hidden}.screen--paper{background:var(--c-paper)}.screen--scroll{overflow-x:hidden;overflow-y:auto}.glass{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--c-glass-border);border-radius:var(--radius-pill);background:var(--c-glass);color:var(--c-glass-ink);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}.glass--round{padding:var(--space-2);min-width:44px;min-height:44px;aspect-ratio:1;justify-content:center}.score{font-size:var(--text-score);font-weight:var(--weight-black);font-variant-numeric:var(--numeric);letter-spacing:var(--tracking-normal)}.listening{font-size:var(--text-small);font-weight:var(--weight-semibold)}.listening__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--c-live);flex:0 0 auto}.listening[data-state=off] .listening__dot{background:var(--c-text-faint)}.object{position:absolute;top:0;left:0;width:var(--object-size);will-change:transform}.object__art{width:var(--object-size);height:var(--object-size);filter:drop-shadow(var(--shadow-object))}.object__hint{position:absolute;top:100%;left:50%;translate:-50% var(--space-1);padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--c-glass-border);border-radius:var(--radius-pill);background:var(--c-glass-active);color:var(--c-glass-ink);font-size:var(--text-small);font-weight:var(--weight-bold);line-height:var(--leading-snug);white-space:nowrap;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);pointer-events:none}[data-hint=on] .object__hint{opacity:1}.music-toggle[aria-pressed=true]{background:var(--c-glass-active)}.music-toggle[aria-pressed=true] .music-toggle__slash{display:none}.music-toggle[aria-pressed=false] .music-toggle__note{opacity:.6}.music-toggle[aria-disabled=true]{opacity:.45;pointer-events:none}.hint-toggle{-webkit-touch-callout:none}.hint-toggle[aria-pressed=true]{background:var(--c-glass-active)}.display{margin:0;font-size:var(--text-display);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);color:var(--c-accent);text-align:center}.lead{margin:var(--space-3) auto 0;max-width:var(--measure);font-size:var(--text-lead);line-height:var(--leading-normal);color:var(--c-text-muted);text-align:center}.eyebrow{margin:0 0 var(--space-2);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-micro);text-transform:uppercase;color:var(--c-text-faint)}.caption{font-size:var(--text-small);color:var(--c-text-muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.stat{padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-card)}.stat__icon{width:var(--space-6);height:var(--space-6);margin-bottom:var(--space-3)}.stat__label{font-size:var(--text-small);color:var(--c-text-muted)}.stat__value{font-size:var(--text-stat);font-weight:var(--weight-black);font-variant-numeric:var(--numeric);line-height:var(--leading-snug)}.word{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--c-surface)}.word__text{flex:1;min-width:0;font-size:var(--text-h2);font-weight:var(--weight-bold);overflow-wrap:anywhere}.word__action{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);flex:0 0 auto;border-radius:var(--radius-pill);color:var(--c-accent);transition:background var(--duration-instant) var(--ease-out)}.word__action:active{background:var(--c-accent-wash)}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-size:var(--text-body);font-weight:var(--weight-black);letter-spacing:var(--tracking-micro);text-transform:uppercase;transition:transform var(--duration-instant) var(--ease-out),box-shadow var(--duration-instant) var(--ease-out)}.btn--cta{background:linear-gradient(180deg,var(--c-accent-warm) 0%,var(--c-accent) 100%);color:var(--c-accent-ink);box-shadow:var(--shadow-cta)}.btn--cta:active{transform:translateY(2px);box-shadow:0 0 0 var(--c-accent-deep),0 4px 12px #fa500047}.btn:disabled{opacity:.5;box-shadow:none;cursor:default}.btn--quiet{min-height:44px;border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-text-muted);font-weight:var(--weight-semibold);text-transform:none;letter-spacing:var(--tracking-normal)}.finish__hero{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) 0}.finish__mascot{width:128px;height:128px;margin-bottom:var(--space-6)}.finish__foot{display:flex;flex-direction:column;gap:var(--space-5)}.hud{position:relative;z-index:var(--z-hud);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex:0 0 auto}.hud__group{display:flex;align-items:center;gap:var(--space-2)}.hud-foot{position:relative;z-index:var(--z-hud);display:flex;justify-content:center;flex:0 0 auto}.field{position:relative;z-index:var(--z-objects);flex:1;min-height:0}.clouds{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-clouds);overflow:hidden;pointer-events:none}.cloud{position:absolute;border-radius:var(--radius-pill);background:var(--c-cloud);filter:blur(12px)}.cloud--1{left:-6%;top:9%;width:46%;height:7%}.cloud--2{right:-8%;top:27%;width:40%;height:6%;opacity:.8}.cloud--3{left:-10%;top:52%;width:38%;height:6%;opacity:.7}.cloud--4{right:-4%;top:72%;width:44%;height:7%;opacity:.85}.chips{display:flex;gap:var(--space-2)}.chip{flex:1;min-height:44px;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--c-glass-border);border-radius:var(--radius-pill);background:var(--c-glass);color:var(--c-glass-ink);font-size:var(--text-small);font-weight:var(--weight-semibold);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));transition:background var(--duration-instant) var(--ease-out),transform var(--duration-instant) var(--ease-out)}.chip[aria-checked=true]{background:var(--c-glass-active);font-weight:var(--weight-black)}.chip:active{transform:translateY(1px)}.seg{display:inline-flex;gap:var(--space-1);padding:var(--space-1);border:var(--border-width) solid var(--c-glass-border);border-radius:var(--radius-pill);background:var(--c-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}.seg__item{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--c-glass-ink);font-size:var(--text-small);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-micro);opacity:.62;transition:opacity var(--duration-instant) var(--ease-out)}.seg__item[aria-checked=true]{background:var(--c-glass-active);opacity:1;font-weight:var(--weight-black)}.start__top{position:relative;z-index:var(--z-hud);display:flex;justify-content:flex-end;flex:0 0 auto}.start__hero{position:relative;z-index:var(--z-content, 10);display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center}.eyebrow--on-sky{color:var(--c-sky-ink-faint);text-align:center}.start__objects{display:flex;align-items:center;margin-bottom:var(--space-8)}.start__object{width:96px;height:96px;filter:drop-shadow(var(--shadow-object))}.start__object:nth-child(1){transform:rotate(-8deg);margin-right:calc(var(--space-6) * -1)}.start__object:nth-child(2){width:116px;height:116px;z-index:1}.start__object:nth-child(3){transform:rotate(8deg);margin-left:calc(var(--space-6) * -1)}.start__title{margin:0;font-size:var(--text-display);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);color:var(--c-sky-ink)}.start__sub{margin:var(--space-3) auto 0;max-width:var(--measure);font-size:var(--text-lead);line-height:var(--leading-normal);color:var(--c-sky-ink-muted)}.start__foot{position:relative;z-index:var(--z-content, 10);display:flex;flex-direction:column;gap:var(--space-5);flex:0 0 auto}.start__note{margin:0 auto;max-width:var(--measure);font-size:var(--text-small);line-height:var(--leading-normal);color:var(--c-sky-ink-faint);text-align:center}