@layer reset{*,:before,:after{box-sizing:border-box}html,body,#root{min-block-size:100dvh;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button:disabled{cursor:default}h1,h2,p{text-wrap:balance;margin:0}}@layer base{body{color:var(--ink);background:radial-gradient(90% 55% at 50% 100%, #b9e0b0, transparent 70%), radial-gradient(120% 70% at 50% -15%, #ffe9b8, transparent 65%), linear-gradient(to bottom var(--in-oklab), #fff4dc, #ffe3b8 45%, #d8ecc4);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;-webkit-user-select:none;user-select:none;background-attachment:fixed;font-family:Noto Sans Armenian,Segoe UI,system-ui,sans-serif}input,textarea{-webkit-user-select:text;user-select:text}#root{display:grid}:focus-visible{outline:3px solid var(--sun-edge);outline-offset:3px}@media (pointer:coarse){button{min-block-size:48px}}}@layer theme{:root{--ink:#402a15;--ink-soft:#6b5136;--paper:#fff8ec;--sun:#ffbe4d;--sun-deep:#ec8a24;--sun-edge:#c96d13;--leaf:#43a17c;--leaf-edge:#2f7a5c;--berry:#e2606f;--berry-edge:#b8404f;--sky:#6cc0e0;--card:#fffdf8;--lift:0 10px 22px oklab(37.8701% .0279832 .0598561/.16);--lift-soft:0 4px 12px oklab(37.8701% .0279832 .0598561/.12);--radius:1.5rem;--pad:max(1rem, env(safe-area-inset-left));--in-oklab: }@supports linear-gradient(in oklab, white, black){:root{--in-oklab:in oklab}}}@layer components{.screen{padding:calc(.6rem + env(safe-area-inset-top)) var(--pad) calc(.9rem + env(safe-area-inset-bottom));view-transition-name:screen;align-content:start;gap:1rem;min-block-size:100dvh;display:grid}.splash,.result{text-align:center;place-content:center;justify-items:center;gap:1.1rem}.primary,.danger{--edge:var(--sun-edge);background:linear-gradient(to bottom var(--in-oklab), #ffd97a, var(--sun-deep));color:#43290f;box-shadow:0 6px 0 var(--edge), var(--lift);border:0;border-radius:999px;padding:.95rem 2rem;font-size:1.3rem;font-weight:800;transition:translate 90ms,box-shadow 90ms}.danger{--edge:var(--berry-edge);background:linear-gradient(to bottom var(--in-oklab), #f0808d, var(--berry));color:#fff;padding:.8rem 1.4rem;font-size:1.05rem}.primary:active:not(:disabled),.danger:active:not(:disabled){box-shadow:0 1px 0 var(--edge), var(--lift-soft);translate:0 5px}.primary:disabled{filter:saturate(.4);opacity:.55}.cta{padding:1.05rem 2.6rem;font-size:1.5rem;animation:2.6s ease-in-out 3 nudge}.topbar{align-items:center;gap:.7rem;display:flex}.topbar h1{text-align:start;flex:1;font-size:1.4rem}.icon-btn{background:var(--card);block-size:3rem;inline-size:3rem;min-inline-size:3rem;box-shadow:var(--lift-soft);border:0;border-radius:999px;place-items:center;font-size:1.4rem;font-weight:800;transition:translate 90ms;display:grid}.icon-btn:active{translate:0 2px}.ani-btn{background:color-mix(in oklab, var(--sun) 30%, white);padding:0}.star-mini{background:var(--card);color:#b07a10;box-shadow:var(--lift-soft);white-space:nowrap;border-radius:999px;padding:.4rem .85rem;font-size:1.05rem;font-weight:800}.map-intro{color:var(--ink-soft);font-size:1.15rem;font-weight:700}.trail{gap:.7rem;display:grid;position:relative}.trail:before{content:"";background:repeating-linear-gradient(to bottom, color-mix(in oklab, var(--sun-deep) 40%, transparent) 0 10px, transparent 10px 20px);border-radius:999px;inline-size:6px;position:absolute;inset-block:2.6rem;inset-inline-start:1.9rem;translate:-3px}.trail-item{text-align:start;background:0 0;border:0;grid-template-columns:3.8rem 1fr;align-items:center;gap:.75rem;padding:0;transition:translate 90ms;display:grid}.trail-item:active:not(:disabled){translate:0 3px}.node{z-index:1;background:linear-gradient(to bottom var(--in-oklab), #fff, #ffe9c2);block-size:3.8rem;inline-size:3.8rem;box-shadow:0 4px 0 #dcb277, var(--lift-soft);border-radius:999px;place-items:center;font-size:1.75rem;display:grid;position:relative}.trail-item.done .node{background:linear-gradient(to bottom var(--in-oklab), #7fd3ae, var(--leaf));box-shadow:0 4px 0 var(--leaf-edge), var(--lift-soft)}.trail-item.now .node{background:linear-gradient(to bottom var(--in-oklab), #ffd97a, var(--sun-deep));box-shadow:0 4px 0 var(--sun-edge), 0 0 0 0 color-mix(in oklab, var(--sun-deep) 55%, transparent);animation:1.9s ease-out infinite ring}.trail-item:disabled .node{background:#e7ddcd;font-size:1.4rem;box-shadow:0 4px #cdc0ac}.trail-card{overflow-wrap:anywhere;border-radius:var(--radius);background:linear-gradient(to bottom var(--in-oklab), color-mix(in oklab, hsl(var(--h,28) 85% 76%) 60%, white), color-mix(in oklab, hsl(var(--h,28) 80% 66%) 60%, white));min-inline-size:0;box-shadow:var(--lift-soft);gap:.3rem;padding:.8rem 1rem;display:grid}.trail-item:disabled .trail-card{color:var(--ink-soft);background:#eee6da}.trail-card strong{font-size:1.2rem;line-height:1.2}.trail-card em{color:color-mix(in oklab, var(--ink) 72%, transparent);font-size:.9rem;font-style:normal}.bar-row{grid-template-columns:1fr auto;align-items:center;gap:.55rem;margin-block-start:.15rem;display:grid}.bar{background:oklab(100% 0 5.96046e-8/.65);border-radius:999px;block-size:.55rem;overflow:hidden}.bar>i{block-size:100%;inline-size:var(--p,0%);background:linear-gradient(to right var(--in-oklab), #ffd166, var(--leaf));border-radius:999px;transition:inline-size .4s;display:block}.dock{inset-inline:var(--pad);background:color-mix(in oklab, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--lift);border-radius:1.3rem;gap:.5rem;padding:.45rem;display:flex;position:fixed;inset-block-end:calc(.6rem + env(safe-area-inset-bottom))}.dock button{background:var(--card);box-shadow:var(--lift-soft);border:0;border-radius:1rem;flex:1;padding:.6rem .4rem;font-size:.98rem;font-weight:800;transition:translate 90ms}.dock button:active{translate:0 2px}.hint{text-align:center;color:var(--ink-soft);padding-block-end:5rem;font-size:.85rem}.session{grid-template-rows:auto auto 1fr;align-content:stretch;gap:.7rem;overflow:hidden}.session-head{gap:.5rem;display:grid}.ani-strip{justify-content:center;min-block-size:0;display:grid}.game{gap:.7rem;min-block-size:0;display:grid}.game-hear,.game-match{grid-template-rows:auto 1fr}.game-trace{grid-template-rows:auto auto 1fr auto;justify-items:center}.speaker{border-radius:var(--radius);background:linear-gradient(to bottom var(--in-oklab), #fff, #ffeecd);box-shadow:0 5px 0 #e6c489, var(--lift-soft);border:0;align-content:center;justify-items:center;gap:.1rem;padding:.9rem 1rem;transition:translate 90ms;display:grid}.speaker:active{translate:0 4px}.speaker-icon{font-size:2.7rem;line-height:1.1;animation:2.4s ease-in-out infinite pulse}.prompt-hy{text-align:center;font-size:1.35rem;font-weight:800}.case-tag{background:color-mix(in oklab, var(--sky) 32%, white);vertical-align:middle;border-radius:999px;margin-inline-start:.45rem;padding:.1rem .65rem;font-size:.85rem;font-weight:800;display:inline-block}.prompt-en{text-align:center;color:var(--ink-soft);font-size:.95rem}.choice-grid{grid-template-columns:1fr;grid-auto-rows:1fr;gap:.6rem;min-block-size:0;display:grid}@media (width>=40rem){.choice-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}}.choice{background:var(--card);box-shadow:0 5px 0 #e3d5bf, var(--lift-soft);border:0;border-radius:1.2rem;place-content:center;align-self:center;justify-items:center;gap:.15rem;block-size:100%;min-block-size:0;max-block-size:11rem;inline-size:100%;padding:.6rem;transition:translate 90ms,box-shadow 90ms,background-color .16s;display:grid;position:relative}.choice.with-word{text-align:start;grid-template-columns:auto minmax(0,1fr);justify-content:center;place-items:center start;gap:1rem;padding-inline:1.2rem}@media (width>=40rem){.choice{block-size:auto;min-block-size:8rem;max-block-size:none}.choice.with-word{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.25rem;padding-inline:.6rem}}.choice:active:not(:disabled){box-shadow:0 1px 0 #e3d5bf, var(--lift-soft);translate:0 4px}.choice.correct{background:color-mix(in oklab, var(--leaf) 26%, white);box-shadow:0 5px 0 var(--leaf-edge), var(--lift);animation:.42s pop}.choice.wrong{background:color-mix(in oklab, var(--berry) 22%, white);box-shadow:0 5px 0 var(--berry-edge), var(--lift-soft);animation:.38s shake}.choice.reveal{background:color-mix(in oklab, var(--leaf) 20%, white);animation:.9s infinite glow}.choice.faded{opacity:.45}.choice-hy{overflow-wrap:anywhere;font-size:clamp(1rem,4.4vw,1.2rem);font-weight:800;line-height:1.3}.tick{font-size:1.3rem;position:absolute;inset-block-start:.35rem;inset-inline-end:.5rem}.art{font-size:clamp(2.2rem,9vw,3rem);line-height:1.1}.art-big{font-size:clamp(2.8rem,12vw,4rem)}.art-letter{color:var(--ink);font-weight:800}.match-board{grid-template-columns:1fr 1.1fr;gap:.55rem;min-block-size:0;display:grid}.match-col{grid-auto-rows:1fr;gap:.5rem;min-block-size:0;display:grid}.match-card,.match-word{background:var(--card);box-shadow:0 4px 0 #e3d5bf, var(--lift-soft);border:0;border-radius:1.1rem;place-content:center;min-block-size:0;padding:.4rem;transition:translate 90ms,background-color .16s;display:grid}.match-word{text-align:center;font-size:1.1rem;font-weight:800}.match-card:active:not(:disabled),.match-word:active:not(:disabled){translate:0 3px}.match-card.picked{background:color-mix(in oklab, var(--sun) 34%, white);box-shadow:0 4px 0 var(--sun-edge), var(--lift);animation:.3s pop}.matched{background:color-mix(in oklab, var(--leaf) 26%, white);box-shadow:0 4px 0 var(--leaf-edge);opacity:.75}.shake{animation:.38s shake}.trace-wrap{aspect-ratio:1;background:var(--card);inline-size:min(100%,20rem);box-shadow:0 5px 0 #e3d5bf, var(--lift-soft);border-radius:1.4rem;align-self:center;position:relative;overflow:hidden}.trace-ghost,.trace-draw{block-size:100%;inline-size:100%;position:absolute;inset:0}.trace-ghost{opacity:.3;pointer-events:none}.trace-actions{justify-content:center;align-items:center;gap:.6rem;display:flex}.ghost-btn{background:var(--card);box-shadow:var(--lift-soft);border:0;border-radius:999px;padding:.7rem 1.2rem;font-weight:800}.ani{filter:drop-shadow(0 8px 10px oklab(37.8701% .0279832 .0598561/.22));overflow:visible}.ani-rays{transform-box:fill-box;transform-origin:50%;animation:26s linear infinite spin}.ani-face{transform-box:fill-box;transform-origin:50%}.ani-eye{transform-box:fill-box;transform-origin:50%;animation:5.5s ease-in-out infinite blink}.ani-eye-r{animation-delay:40ms}.ani-happy .ani-face{animation:.52s hop}.ani-wow .ani-face{animation:.52s 2 hop}.ani-sad .ani-face{animation:.52s droop}.ani-float{animation:4s ease-in-out infinite float}.track{background:oklab(100% 0 5.96046e-8/.62);border-radius:999px;block-size:.7rem;overflow:hidden;box-shadow:inset 0 1px 3px oklab(37.8701% .0279832 .0598561/.18)}.track>i{block-size:100%;inline-size:var(--p,0%);background:linear-gradient(to right var(--in-oklab), var(--sun), var(--leaf));border-radius:999px;transition:inline-size .32s;display:block}.dots{gap:.3rem;display:flex}.dots i{background:color-mix(in oklab, var(--ink) 22%, transparent);border-radius:999px;block-size:.6rem;inline-size:.6rem;display:block}.dots i.on{background:var(--sun-deep);scale:1.25}.logo{letter-spacing:.03em;font-size:clamp(3.2rem,13vw,4.8rem);line-height:1}.tag{color:var(--ink-soft);font-size:1.2rem;font-weight:600}.result h1{font-size:2.4rem}.star-row{gap:.4rem;font-size:3rem;line-height:1;display:flex}.star{color:color-mix(in oklab, var(--ink) 18%, transparent)}.star.on{color:#f5b425;filter:drop-shadow(0 3px 4px oklab(61.9121% .0290158 .122308/.45));animation:.5s cubic-bezier(.2,1.4,.4,1) backwards star-pop}.star.on:nth-child(2){animation-delay:.16s}.star.on:nth-child(3){animation-delay:.32s}.score{color:var(--ink-soft);font-size:1.2rem;font-weight:700}.sticker-won{background:var(--card);box-shadow:var(--lift-soft);border-radius:1.2rem;justify-items:center;gap:.2rem;padding:.8rem 1.4rem;animation:.5s .42s backwards pop;display:grid}.sticker-won span{font-size:2.6rem}.sticker-won small{color:var(--ink-soft);font-weight:700}.result-actions{justify-items:center;gap:.6rem;display:grid}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{block-size:1rem;inline-size:.7rem;background:var(--c);animation:fall var(--d) linear var(--delay) forwards;border-radius:2px;position:absolute;inset-block-start:-8vh;inset-inline-start:var(--x)}.card-list{gap:.65rem;padding-block-end:1rem;display:grid}.list-card{text-align:start;border-radius:var(--radius);background:var(--card);box-shadow:var(--lift-soft);overflow-wrap:anywhere;border:0;grid-template-columns:3.4rem 1fr;align-items:center;gap:.8rem;padding:.8rem 1rem;transition:translate 90ms;display:grid}.list-card>span{min-inline-size:0}.list-card:active:not(:disabled){translate:0 3px}.list-card:disabled{color:var(--ink-soft);background:#ece4d7}.list-emoji{text-align:center;font-size:2.1rem}.list-card strong{font-size:1.15rem;display:block}.list-card em{color:var(--ink-soft);font-size:.9rem;font-style:normal}.sticker-book{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.6rem;display:grid}.sticker{background:var(--card);box-shadow:var(--lift-soft);text-align:center;border-radius:1.1rem;justify-items:center;gap:.25rem;padding:.85rem .4rem;display:grid}.sticker span{font-size:2.2rem}.sticker small{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:.75rem;font-weight:700;line-height:1.2}.sticker.got{background:linear-gradient(to bottom var(--in-oklab), #fff, #ffeec9);box-shadow:0 4px 0 #e6c489, var(--lift-soft)}.sticker:not(.got){box-shadow:none;color:var(--ink-soft);background:#ece4d7}.story-screen{grid-template-rows:auto 1fr auto;align-content:stretch}.story-page{background:var(--card);border-radius:var(--radius);box-shadow:var(--lift);align-content:center;justify-items:center;gap:.9rem;min-block-size:0;padding:1.2rem 1rem;display:grid;overflow-y:auto}.story-emoji{font-size:clamp(4.5rem,30vw,8rem);line-height:1;animation:4s ease-in-out infinite float}.story-hy{text-align:center;font-size:clamp(1.4rem,5.6vw,1.9rem);font-weight:700;line-height:1.7}.word-tap{background:color-mix(in oklab, var(--sun) 40%, white);border:0;border-radius:.6rem;min-block-size:0;padding:.05rem .35rem;font-weight:800;box-shadow:0 2px #e6c489}.word-tap:active{box-shadow:none;translate:0 2px}.story-taps{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.chip{background:color-mix(in oklab, var(--sky) 22%, white);box-shadow:var(--lift-soft);border:0;border-radius:999px;padding:.5rem .85rem;font-weight:700}.toggle{background:var(--card);box-shadow:var(--lift-soft);cursor:pointer;border-radius:1.1rem;align-items:center;gap:.7rem;padding:1rem;font-size:1.1rem;font-weight:600;display:flex}.toggle input{block-size:1.4rem;inline-size:1.4rem;accent-color:var(--sun-deep)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.stat{background:var(--card);box-shadow:var(--lift-soft);border-radius:1.1rem;justify-items:center;gap:.1rem;padding:.8rem .4rem;display:grid}.stat b{font-size:1.5rem}.stat small{color:var(--ink-soft);text-align:center}.muted{color:var(--ink-soft)}.flash-ok{background-color:oklab(80.2931% -.0946652 .0267205/.3)}.flash-no{background-color:oklab(78.6498% .0933082 .0214353/.26)}@keyframes spin{to{rotate:360deg}}@keyframes blink{0%,92%,to{scale:1}95%{scale:1 .12}}@keyframes hop{30%{translate:0 -10px;scale:1.06 .96}60%{translate:0;scale:.97 1.04}}@keyframes droop{40%{translate:0 5px;scale:1.04 .94}}@keyframes float{50%{translate:0 -8px}}@keyframes nudge{8%,20%{scale:1.05}14%{scale:1}}@keyframes pulse{50%{scale:1.12}}@keyframes pop{40%{scale:1.07}}@keyframes star-pop{0%{rotate:-25deg;scale:.2}60%{rotate:8deg;scale:1.25}to{rotate:0deg;scale:1}}@keyframes shake{20%{translate:-7px}45%{translate:6px}70%{translate:-4px}}@keyframes glow{50%{box-shadow:0 5px 0 var(--leaf-edge), 0 0 0 8px color-mix(in oklab, var(--leaf) 26%, transparent)}}@keyframes ring{60%,to{box-shadow:0 4px 0 var(--sun-edge), 0 0 0 14px color-mix(in oklab, var(--sun-deep) 0%, transparent)}}@keyframes fall{to{translate:0 115vh;rotate:540deg}}@media (prefers-reduced-motion:reduce){.ani-rays,.ani-eye,.speaker-icon,.story-emoji,.ani-float,.cta,.trail-item.now .node,.choice.reveal,.ani-happy .ani-face,.ani-wow .ani-face,.ani-sad .ani-face,.choice.correct,.choice.wrong,.match-card.picked,.shake,.star.on,.sticker-won{animation:none}.choice.reveal{box-shadow:0 5px 0 var(--leaf-edge), 0 0 0 6px color-mix(in oklab, var(--leaf) 30%, transparent)}}}