@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/caveat-600-cyr.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/onest-400-cyr.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/onest-400-lat.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/onest-500-cyr.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/onest-500-lat.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Onest;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/onest-700-cyr.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Onest;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/onest-700-lat.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/unbounded-600-cyr.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/unbounded-600-lat.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/unbounded-800-cyr.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/unbounded-800-lat.woff2) format("woff2");unicode-range:u+00??,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{--ink:#101825;--ink-2:#17212F;--ink-3:#1F2C3D;--paper:#F7F1E3;--paper-2:#FFFCF4;--amber:#FFB020;--amber-2:#FF8A3D;--amber-deep:#C2650F;--pine:#2FA98A;--pine-deep:#17604D;--berry:#E24E6B;--berry-deep:#A62E47;--mystic:#6C4CE0;--mystic-deep:#4226A8;--accent:var(--amber);--accent-2:var(--amber-2);--accent-deep:var(--amber-deep);--on-accent:var(--ink);--font-display:"Unbounded","Trebuchet MS",system-ui,sans-serif;--font-text:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;--font-hand:"Caveat","Onest",cursive;--r-sm:14px;--r-md:22px;--r-lg:30px;--r-xl:40px;--stroke:3px;--tap:60px;--gutter:clamp(18px,5vw,40px);--maxw:1180px;--lift-ink:0 6px 0 var(--ink);--lift-sm:0 4px 0 var(--ink);color-scheme:dark}[data-mode=adults]{--accent:var(--mystic);--accent-2:#8F6BFF;--accent-deep:var(--mystic-deep);--on-accent:var(--paper)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-text);font-size:17px;line-height:1.6;overflow-x:clip;padding-bottom:env(safe-area-inset-bottom)}canvas,img,svg{max-width:100%;display:block}button{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.02;margin:0 0 .5em;text-wrap:balance}h1{font-size:clamp(2.15rem,8.6vw,4.5rem)}h2{font-size:clamp(1.72rem,6.4vw,3.05rem)}h3{font-size:clamp(1.12rem,4.4vw,1.5rem);font-weight:600;letter-spacing:-.02em}p{margin:0 0 1em;text-wrap:pretty}a{color:inherit}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.lead{font-size:clamp(1.02rem,3.9vw,1.28rem);line-height:1.55;opacity:.82}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:clamp(10px,2.9vw,12px);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding:9px 16px;border-radius:999px;border:2px solid;margin-bottom:20px;opacity:.9}.hand{font-family:var(--font-hand);font-size:1.5em;line-height:1;color:var(--accent)}.btn{--btn-bg:var(--accent);--btn-fg:var(--on-accent);--btn-shadow:var(--accent-deep);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);padding:0 30px;border:none;border-radius:999px;background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-text);font-weight:700;font-size:17px;letter-spacing:-.01em;text-decoration:none;cursor:pointer;box-shadow:0 5px 0 var(--btn-shadow);transition:transform .12s cubic-bezier(.3,1.4,.6,1),box-shadow .12s,filter .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(5px);box-shadow:0 0 0 var(--btn-shadow)}.btn i{font-size:1.15em}.btn:disabled{opacity:.6;cursor:progress}.btn:disabled:active{transform:none;box-shadow:0 5px 0 var(--btn-shadow)}.btn--soon{--btn-bg:rgba(247,241,227,.07);--btn-fg:rgba(247,241,227,.55);--btn-shadow:transparent;border:2px solid rgba(247,241,227,.14);box-shadow:none}.btn--soon,.btn--soon:disabled{cursor:default;opacity:1}.btn--soon:hover{filter:none}.btn--soon:active{transform:none;box-shadow:none}.btn--lg{min-height:68px;font-size:18px;padding:0 36px}.btn--block{width:100%}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--paper);--btn-shadow:transparent;border:2px solid rgba(247,241,227,.32);box-shadow:none}.btn--ghost:active{transform:translateY(2px)}.btn--paper{--btn-bg:var(--paper);--btn-fg:var(--ink);--btn-shadow:#B9AE95}.btn--pine{--btn-bg:var(--pine);--btn-fg:var(--ink);--btn-shadow:var(--pine-deep)}.btn--sm{min-height:46px;font-size:15px;padding:0 20px;box-shadow:0 4px 0 var(--btn-shadow)}.btn--sm:active{transform:translateY(4px)}.card{background:var(--paper-2);color:var(--ink);border:var(--stroke) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--lift-ink);padding:clamp(20px,5vw,30px)}.card--dark{background:var(--ink-2);color:var(--paper);border-color:rgba(247,241,227,.16);box-shadow:0 6px 0 rgba(0,0,0,.4)}section{position:relative}.band{padding:clamp(64px,12vw,124px) 0}.band--paper{background:var(--paper)}.band--paper,.band--paper h2,.band--paper h3{color:var(--ink)}.band--ink{background:var(--ink)}.edge{width:100%;height:clamp(24px,5vw,52px)}.edge,.field{display:block}.field{margin-bottom:14px}.field>span{display:block;font-size:13px;font-weight:700;opacity:.6;margin-bottom:6px;letter-spacing:.02em}.field input{width:100%;min-height:54px;padding:0 16px;border-radius:var(--r-sm);border:2.5px solid rgba(16,24,37,.16);background:#fff;color:var(--ink);font:500 16px var(--font-text);transition:border-color .2s,box-shadow .2s}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,176,32,.22);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,transparent)}.field input::placeholder{color:rgba(16,24,37,.32)}.field.is-bad input{border-color:var(--berry)}.field small{display:none;color:var(--berry-deep);font-size:12.5px;font-weight:600;margin-top:5px}.field.is-bad small{display:block}.formerror{display:flex;gap:10px;align-items:flex-start;background:rgba(226,78,107,.12);border:2px solid var(--berry);color:var(--berry-deep);border-radius:var(--r-sm);padding:12px 14px;font-size:14.5px;font-weight:600;margin-bottom:14px}.formerror i{margin-top:2px;flex:none}.puzzle{position:relative}.puzzle__meta{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin-bottom:12px}.puzzle__ru{font-family:var(--font-display);font-weight:600;font-size:clamp(1.05rem,4.2vw,1.32rem);letter-spacing:-.02em}.puzzle__listen,.puzzle__ru,.slots{margin-bottom:18px}.slots{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:70px;padding:12px 12px 16px;border-radius:var(--r-md);border:2px dashed rgba(16,24,37,.28);background:rgba(16,24,37,.035)}.slot{min-width:58px;height:50px;border-radius:12px;border-bottom:3px solid rgba(16,24,37,.22);display:grid;place-items:center;transition:background .18s,border-color .18s}.slot:has(.chip){border-bottom-color:transparent}.slot.is-over{background:color-mix(in srgb,var(--accent) 28%,transparent);border-color:var(--accent)}.slots__punc{font-family:var(--font-display);font-weight:800;font-size:26px;align-self:end;padding-bottom:4px}.bank{display:flex;flex-wrap:wrap;gap:10px;min-height:54px}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:14px;border:2.5px solid var(--ink);background:var(--paper-2);color:var(--ink);font-weight:700;font-size:16.5px;box-shadow:0 4px 0 var(--ink);cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.3,1.5,.6,1),box-shadow .16s,background .16s,opacity .16s}.chip:active{transform:translateY(4px);box-shadow:0 0 0 var(--ink)}.chip.is-placed{background:var(--pine);box-shadow:0 4px 0 var(--pine-deep)}.chip.is-spent{opacity:.35}.chip.is-dragging{position:fixed;z-index:200;pointer-events:none;rotate:-4deg;scale:1.08;box-shadow:0 12px 24px rgba(0,0,0,.35);cursor:-webkit-grabbing;cursor:grabbing}.chip.is-wrong{background:var(--berry);color:var(--paper);box-shadow:0 4px 0 var(--berry-deep);animation:wrong .38s ease}@keyframes wrong{0%,to{translate:0}20%{translate:-9px}45%{translate:8px}70%{translate:-5px}}.chip.is-ghost{opacity:.25;box-shadow:none}.reveal{margin-top:20px;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s cubic-bezier(.3,1,.4,1),opacity .4s .1s}.reveal>div{overflow:hidden}.reveal.is-open{grid-template-rows:1fr;opacity:1}.reveal__box{border:var(--stroke) solid var(--pine-deep);background:rgba(47,169,138,.12);border-radius:var(--r-md);padding:20px}.reveal__ok{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--pine-deep);margin:0 0 12px;display:flex;align-items:center;gap:10px}.reveal__box ul{margin:0;padding-left:0;list-style:none;display:grid;grid-gap:9px;gap:9px}.reveal__box li{display:flex;gap:10px;font-size:15.5px;line-height:1.45}.reveal__box li i{color:var(--amber-deep);flex:none;margin-top:3px}.reveal__box code{background:rgba(16,24,37,.09);padding:1px 7px;border-radius:6px;font-size:.93em;font-family:ui-monospace,SF Mono,Menlo,monospace}.reveal__cta{margin-top:18px}.spik{width:122px;height:134px;overflow:visible}.spik__body{animation:spik-bob 3.4s ease-in-out infinite;transform-origin:100px 200px}@keyframes spik-bob{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-7px) rotate(1.4deg)}}.spik__lid{transform-origin:100px 96px;animation:spik-blink 5.4s infinite}@keyframes spik-blink{0%,92%,to{transform:scaleY(0)}95%,97%{transform:scaleY(1)}}.spik__pupil{transition:transform .25s cubic-bezier(.3,1.5,.6,1)}.spik__sprig{transform-origin:100px 30px;animation:spik-sway 3s ease-in-out infinite}@keyframes spik-sway{0%,to{rotate:-6deg}50%{rotate:7deg}}.spik.is-happy .spik__body{animation:spik-jump .55s cubic-bezier(.3,1.6,.5,1) 2}@keyframes spik-jump{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-20px) scale(1.06,.94)}}.spik.is-happy .spik__pupil{transform:translateY(-5px)}.spik.is-sad .spik__body{animation:spik-shake .42s ease-in-out 1}@keyframes spik-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px) rotate(-4deg)}75%{transform:translateX(8px) rotate(4deg)}}.spik.is-sad .spik__pupil{transform:translateY(6px)}.bubble{position:relative;background:var(--paper-2);color:var(--ink);border:var(--stroke) solid var(--ink);border-radius:20px 20px 20px 4px;padding:12px 18px;font-weight:600;font-size:15.5px;box-shadow:var(--lift-sm);max-width:260px;margin-bottom:26px}.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.045em;text-decoration:none}.logo__dot{color:var(--accent)}.logo svg{width:34px;height:34px;flex:none}:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}.band--paper :where(a,button,summary,[tabindex]):focus-visible{outline-color:var(--accent-deep)}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.fade{opacity:0;translate:0 26px;transition:opacity .6s,translate .6s}.fade.is-inview{opacity:1;translate:0 0}@keyframes pop{to{opacity:1;translate:0 0}}