.host{flex:none;position:relative}.host__image{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.host--avatar{border:3px solid var(--color-surface);background:radial-gradient(circle at 50% 40%, #fff, var(--color-sage-light));width:72px;height:72px;box-shadow:var(--shadow-md);border-radius:50%;overflow:hidden}.host--avatar .host__image{width:180%;max-width:none;margin-top:-2%;margin-left:-46%}.answer-options{gap:var(--space-3);margin-inline:auto;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:min(100%,52svh);margin:0;padding:0;list-style:none;display:grid}.answer-options--2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));max-width:min(320px,30svh);margin-inline:auto}.answer-options__item{animation:answer-card-in var(--duration-base) var(--ease-out) both;display:flex}.answer-options__item:nth-child(2){animation-delay:60ms}.answer-options__item:nth-child(3){animation-delay:.12s}.answer-options__item:nth-child(4){animation-delay:.18s}.answer-card{align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);font:inherit;flex-direction:column;flex:1;display:flex}.answer-card--button{min-height:var(--tap-min);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.answer-card--button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.answer-card--button:active{transform:scale(.96)}.answer-card--button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.answer-card--button:disabled{cursor:default;opacity:.6;transform:none}.answer-card__image{aspect-ratio:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.answer-card__swatch{aspect-ratio:1;background:var(--swatch);width:72%;box-shadow:inset 0 0 0 1px #173e3c26, var(--shadow-sm);border-radius:50%;margin:14%}.answer-card__label{max-width:100%;font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.answer-options--2 .answer-card__label{font-size:var(--text-body)}@keyframes answer-card-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.answer-options__item,.answer-card--button{transition:none;animation:none}}.level-picker{text-align:center;border:0;width:100%;margin:0;padding:0}.level-picker__legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.level-picker__options{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.level-picker__option{display:flex;position:relative}.level-picker__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.level-picker__text{min-height:var(--tap-min);padding:var(--space-2);border-radius:calc(var(--radius-md) - 4px);font-size:var(--text-caption);color:var(--color-ink);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:700;display:flex}.level-picker__stars{gap:2px;line-height:0;display:flex}.level-picker__star{width:16px;height:16px;color:var(--color-gold)}.level-picker__hint{min-height:2.6em;margin:var(--space-2) 0 0;font-size:var(--text-small);color:var(--color-text-muted);line-height:1.3}.level-picker__input:checked+.level-picker__text{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-primary)}.level-picker__input:focus-visible+.level-picker__text{outline:3px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.level-picker__text{transition:none}}.qflow{--card-h:min(172px, 21svh);--mic-size:min(114px, 13.2svh);justify-content:center;gap:var(--space-3);width:100%;max-width:var(--game-max);padding-top:var(--space-2);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;margin-inline:auto;display:flex;position:relative}.qflow__stage{border-radius:var(--radius-xl);background:#f4f2e5;flex:none;height:clamp(180px,34svh,360px);position:relative;overflow:hidden;box-shadow:inset 0 -30px 50px #96aa821f}.qflow__animal{inset:var(--space-3);width:calc(100% - 2 * var(--space-3));height:calc(100% - 2 * var(--space-3));object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;display:block;position:absolute;-webkit-mask-image:radial-gradient(72% 70%,#000 62%,#0000 100%);mask-image:radial-gradient(72% 70%,#000 62%,#0000 100%)}.qflow__animal.is-joy{animation:.55s ease-out 2 qhop}.qflow__host-row{align-items:center;gap:var(--space-3);display:flex}.qhost{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;width:61px;height:61px;padding:0;position:relative}.qhost:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.qhost__avatar.host--avatar{border-width:2px;width:61px;height:61px}.qhost.is-talk .qhost__avatar{animation:.45s ease-in-out infinite alternate qtalk}.qhost__speaker{bottom:-4px;background:var(--color-surface);width:24px;height:24px;color:var(--color-ink);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-start:-4px;box-shadow:0 2px 8px #2a413026}.qhost__speaker-icon{width:13px;height:13px}.qbubble{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface);min-height:61px;box-shadow:var(--shadow-sm);flex:1;padding:8px 13px;transition:background .3s;display:flex}.qbubble.is-right,.qbubble.is-almost{animation:qpopsoft .4s var(--ease-out)}.qbubble.is-right{background:var(--color-right-bg)}.qbubble.is-almost{background:var(--color-almost-bg)}.qbubble__body{flex-direction:column;flex:1;gap:2px;display:flex}.qbubble__title{font:800 19px/1.1 var(--font-heading)}.qbubble.is-right .qbubble__title{color:var(--color-right-ink)}.qbubble.is-almost .qbubble__title{color:var(--color-almost-ink)}.qbubble__text{color:var(--color-ink);font:700 15px/1.3 var(--font-heading)}.qbubble__wave{flex:none;align-items:center;gap:3px;height:18px;display:none}.qbubble.is-talking .qbubble__wave{display:flex}.qbubble__wave span{background:var(--color-green);border-radius:3px;width:5px;height:6px;animation:.7s ease-in-out infinite alternate qbar}.qbubble__wave span:nth-child(2){animation-delay:.15s}.qbubble__wave span:nth-child(3){animation-delay:.3s}.qcards{justify-content:center;align-items:center;gap:var(--space-4);height:calc(var(--card-h) + 24px);display:flex}.qcard{width:calc(var(--card-h) * .814);height:var(--card-h);background:var(--color-surface);box-shadow:var(--shadow-md);color:var(--color-ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .35s var(--ease-out), opacity .35s var(--ease-out), box-shadow .35s, width .4s, padding .4s, margin .4s;border:0;border-radius:28px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:10px;padding:12px 8px;display:flex;position:relative}.qcard:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.qcard .answer-card__image{width:calc(var(--card-h) * .6);height:calc(var(--card-h) * .57);object-fit:contain}.qcard .answer-card__swatch{width:calc(var(--card-h) * .42);height:calc(var(--card-h) * .42);margin:0}.qcard__label{max-width:100%;font-size:calc(var(--card-h) * .11);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1;overflow:hidden}.qcard--color{width:calc(var(--card-h) * .814 * .9);height:calc(var(--card-h) * .9);gap:6px;padding:8px 6px}.qcard__label--long{font-size:calc(var(--card-h) * .088)}.qcard.is-dim{opacity:.4;pointer-events:none;transform:scale(.94)}.qcard.is-spot{box-shadow:0 0 0 5px var(--color-green), 0 16px 36px #43866b4d;pointer-events:none;transform:scale(1.08)translateY(-6px)}.qcard.is-live{animation:qbreathe var(--duration-breathe) ease-in-out infinite}.qcard.is-live:active{animation:none;transform:scale(.92)}.qcard.is-press{box-shadow:0 0 0 5px var(--color-green), var(--shadow-sm);pointer-events:none;animation:none;transform:scale(.9)}.qcard.is-busy{pointer-events:none}.qcard.is-wobble{animation:qwobble var(--duration-wobble) ease-in-out;pointer-events:none}.qcard.is-right{box-shadow:0 0 0 6px var(--color-green), 0 18px 40px #43866b52;pointer-events:none;transform:scale(1.1)}.qcard.is-gone{opacity:0;pointer-events:none;width:0;margin-inline:-8px;padding:0;transform:scale(.6)}.qcard__check{top:-12px;background:var(--color-green);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:none;position:absolute;inset-inline-end:-12px;box-shadow:0 4px 12px #43866b66}.qcard.is-right .qcard__check{animation:qpop .4s var(--ease-out);display:grid}.qcard__check-icon{width:22px;height:22px}@media (width<=340px){.qcards{gap:var(--space-3)}}.qflow__action{min-height:calc(var(--mic-size) + 8px);justify-content:center;align-items:center;gap:18px;display:flex}.qflow__bars{opacity:.25;align-items:center;gap:5px;height:56px;transition:opacity .3s;display:flex}.qflow__bars span{background:var(--color-green);border-radius:4px;width:7px;height:14px}.qflow__action.is-listening .qflow__bars{opacity:.8}.qflow__action.is-listening .qflow__bars span{animation:.6s ease-in-out infinite alternate qbar2}.qflow__action.is-listening .qflow__bars span:nth-child(2){animation-delay:.1s}.qflow__action.is-listening .qflow__bars span:nth-child(3){animation-delay:.25s}.qflow__action.is-listening .qflow__bars span:nth-child(4){animation-delay:.4s}.qmic{z-index:0;width:var(--mic-size);height:var(--mic-size);background:var(--color-green);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;border-radius:50%;flex:none;place-items:center;transition:background .3s;display:grid;position:relative}.qmic:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.qmic__icon{width:calc(var(--mic-size) * .42);height:calc(var(--mic-size) * .42)}.qmic.is-rise{animation:qrise .4s var(--ease-out), qcallpulse 1.4s ease-in-out .4s infinite}.qmic.is-listening{background:var(--color-green-pressed)}.qmic__ripple{z-index:-1;background:var(--color-green);opacity:0;border-radius:50%;position:absolute;inset:0}.qmic.is-listening .qmic__ripple{animation:1.3s ease-out infinite qripple}.qmic.is-listening .qmic__ripple--late{animation-delay:.65s}.qhand{z-index:4;pointer-events:none;transform-origin:24px 6px;filter:drop-shadow(0 4px 8px #173e3c40);width:72px;height:72px;display:none;position:absolute;top:0;left:0}.qspark{z-index:4;pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute}@media (width>=900px) and (orientation:landscape){.qflow{--card-h:min(172px, 26svh);--mic-size:min(114px, 15.4svh);align-content:center;column-gap:clamp(32px,4vw,64px);row-gap:var(--space-6);grid-template-rows:1fr auto auto auto 1fr;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);max-width:1080px;display:grid}.qflow__stage{grid-area:1/1/-1;align-self:center;height:min(540px,100svh - 120px);min-height:340px}.qflow__animal{inset:var(--space-6);width:calc(100% - 2 * var(--space-6));height:calc(100% - 2 * var(--space-6))}.qflow__host-row{grid-area:2/2}.qcards{grid-area:3/2}.qflow__action{grid-area:4/2}.qhost,.qhost__avatar.host--avatar{width:76px;height:76px}.qhost__speaker{width:30px;height:30px}.qhost__speaker-icon{width:16px;height:16px}.qbubble{border-radius:var(--radius-pill);min-height:76px;padding:12px 20px}.qbubble__title{font-size:clamp(1.5rem,1.25rem + 1vw,1.875rem)}.qbubble__text{font-size:clamp(1.25rem,1.05rem + 1vw,1.625rem);font-weight:800;line-height:1.2}}@keyframes qbreathe{0%,to{box-shadow:var(--shadow-md), 0 0 0 0 #43866b00;transform:scale(1)}50%{box-shadow:var(--shadow-md), 0 0 0 7px #43866b59;transform:scale(1.04)}}@keyframes qwobble{0%,to{transform:translate(0)}20%{transform:translate(-9px)rotate(-3deg)}40%{transform:translate(8px)rotate(3deg)}60%{transform:translate(-6px)rotate(-2deg)}80%{transform:translate(4px)}}@keyframes qcallpulse{0%,to{box-shadow:var(--shadow-primary), 0 0 0 0 #43866b73;transform:scale(1)}50%{box-shadow:var(--shadow-primary), 0 0 0 20px #43866b00;transform:scale(1.06)}}@keyframes qpop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes qpopsoft{0%{transform:scale(.94)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes qtalk{0%{transform:scale(1)rotate(-2deg)}to{transform:scale(1.05)rotate(2deg)}}@keyframes qhop{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)scale(1.05)}}@keyframes qbar{0%{height:6px}to{height:20px}}@keyframes qbar2{0%{height:10px}to{height:46px}}@keyframes qrise{0%{opacity:0;transform:translateY(24px)scale(.8)}to{opacity:1;transform:none}}@keyframes qripple{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.qflow *,.qflow :before,.qflow :after{transition-duration:.01ms!important;animation:none!important}.qcard.is-live{box-shadow:0 0 0 6px #43866b73, var(--shadow-md)}.qmic.is-rise{box-shadow:0 0 0 12px #43866b40}}.speech-bubble{padding:var(--space-4) var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-md);color:var(--color-ink);font-family:var(--font-heading);text-align:center;border-radius:34px;font-weight:800;line-height:1.25;position:relative}.speech-bubble--cream{background:#fbf3e2;box-shadow:0 6px 18px #78603414}.speech-bubble:after{content:"";background:inherit;width:26px;height:22px;position:absolute}.speech-bubble--tail-bottom-start:after{bottom:-14px;clip-path:polygon(0 0,100% 0,10% 100%);inset-inline-start:18%}[dir=rtl] .speech-bubble--tail-bottom-start:after{clip-path:polygon(0 0,100% 0,90% 100%)}.speech-bubble--tail-bottom:after{clip-path:polygon(0 0,100% 0,45% 100%);bottom:-16px;left:calc(50% - 13px)}.speech-bubble--tail-start:after{top:calc(50% - 11px);clip-path:polygon(100% 0,100% 100%,0 50%);width:18px;inset-inline-start:-14px}[dir=rtl] .speech-bubble--tail-start:after{clip-path:polygon(0 0,0 100%,100% 50%)}.home{flex-direction:column;flex:1;align-items:center;width:100%;max-width:560px;margin-inline:auto;display:flex}.home__scene{column-gap:var(--space-2);width:100%;min-height:clamp(300px,46svh,470px);margin-top:var(--space-2);padding:var(--space-6) var(--space-4) 44px;border-radius:var(--radius-xl);isolation:isolate;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid;position:relative;overflow:hidden}.home__backdrop{z-index:-1;filter:saturate(.55)sepia(.18)brightness(1.06);background-position:50% 78%;background-size:cover;position:absolute;inset:0}.home__backdrop:after{content:"";background:linear-gradient(to bottom, var(--color-bg) 0%, #f8f7efdb 38%, #f8f7ef40 70%, #f8f7ef8c 100%);position:absolute;inset:0}.home__bubble{width:100%;max-width:200px;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);animation:bubble-in .42s var(--ease-out) both .12s;border-radius:24px;grid-area:1/2;place-self:start center;font-size:clamp(.9375rem,.85rem + .4vw,1.0625rem);font-weight:700}.home__host{filter:drop-shadow(0 14px 18px #2a413029);grid-area:1/1/span 2;place-self:end center;width:100%;max-width:300px}.home__start{z-index:1;width:min(86%,380px);margin-top:-34px;position:relative}.home__level{max-width:380px;margin-top:var(--space-4)}.home-nav{justify-content:center;gap:var(--space-4);width:100%;margin-top:var(--space-5);grid-auto-columns:minmax(0,33.333%);grid-auto-flow:column;display:grid}.home-nav__item{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--color-ink);flex-direction:column;text-decoration:none;display:flex}.home-nav__circle{border:1px solid var(--color-border);background:var(--color-surface);width:76px;height:76px;box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid}.home-nav__item:hover .home-nav__circle{transform:translateY(-2px)}.home-nav__icon{width:38px;height:38px}.home-nav__item--paw .home-nav__icon{color:#ee8a62}.home-nav__item--game .home-nav__icon{color:#3f9b95}.home-nav__item--star .home-nav__icon{color:var(--color-gold)}.home-nav__label{font-size:var(--text-caption);font-weight:600}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@media (width<=360px){.home-nav__circle{width:64px;height:64px}}@media (width>=900px) and (orientation:landscape){.home{grid-template-rows:1fr auto auto auto 1fr;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-content:center;column-gap:clamp(32px,4vw,64px);max-width:1080px;display:grid}.home__scene{height:min(480px,100svh - 120px);min-height:320px;padding-bottom:var(--space-6);grid-area:1/1/-1;align-self:center;margin-top:0}.home__start{grid-area:2/2;width:100%;margin-top:0}.home__level{grid-area:3/2;max-width:none}.home-nav{margin-top:var(--space-8);grid-area:4/2}}.reward-star{aspect-ratio:1.6;width:100%;color:var(--color-gold);place-items:center;display:grid;position:relative}.reward-star__glow{aspect-ratio:1;background:radial-gradient(circle,#f6b94a52,#f6b94a00 70%);border-radius:50%;width:46%;position:absolute}.reward-star__main{filter:drop-shadow(0 8px 14px #d6962859);width:38%;animation:star-pop .52s var(--ease-out) both;position:relative}.reward-star__spark{color:#f8c868;width:9%;animation:2.4s ease-in-out infinite star-twinkle;position:absolute}.reward-star__spark--1{top:12%;width:10%;inset-inline-start:14%}.reward-star__spark--2{top:4%;width:7%;animation-delay:.4s;inset-inline-end:18%}.reward-star__spark--3{bottom:10%;width:11%;animation-delay:.9s;inset-inline-end:10%}.reward-star__spark--4{bottom:18%;width:7%;animation-delay:1.3s;inset-inline-start:8%}.reward-star__dot{background:#f8d48c;border-radius:50%;width:7px;height:7px;position:absolute}.reward-star__dot--1{top:30%;inset-inline-start:30%}.reward-star__dot--2{top:22%;background:#cfe0c6;inset-inline-end:30%}.reward-star__dot--3{bottom:26%;background:#f4d4cc;inset-inline-start:26%}@keyframes star-pop{0%{opacity:0;transform:scale(.6)rotate(-12deg)}70%{opacity:1;transform:scale(1.06)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes star-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}.game{justify-content:center;gap:var(--space-5);width:100%;max-width:520px;padding-top:var(--space-2);flex-direction:column;flex:1;margin-inline:auto;display:flex;position:relative}.game__stage{aspect-ratio:1/.86;width:100%;padding:var(--space-6);border-radius:var(--radius-xl);background:radial-gradient(70% 14% at 50% 88%,#96aa7838,#0000 70%),linear-gradient(#f6f3e6 0%,#f1efe0 60%,#ebeedd 100%);place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e9e9decc}.game__animal{inset:var(--space-6);width:calc(100% - 2 * var(--space-6));height:calc(100% - 2 * var(--space-6));object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;animation:animal-in .36s var(--ease-out) both;display:block;position:absolute}.game__stage--result{aspect-ratio:1/1.05;padding:104px var(--space-6) var(--space-6);background:radial-gradient(70% 12% at 50% 90%,#96aa7838,#0000 70%),linear-gradient(#faf6ea 0%,#f3f1e2 100%)}.game__no-image{color:var(--color-text-muted);font-weight:600}.game__speaker{bottom:var(--space-4);background:var(--color-surface);width:46px;height:46px;box-shadow:var(--shadow-md);color:var(--color-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:var(--space-4)}.game__speaker-icon{width:24px;height:24px}.game__bubble{top:var(--space-4);z-index:2;width:max-content;max-width:86%;padding:var(--space-3) var(--space-8);animation:bubble-drop .36s var(--ease-out) both;flex-direction:column;font-size:clamp(1.375rem,1.1rem + 1.2vw,1.75rem);display:flex;position:absolute;left:50%;transform:translate(-50%)}.game__bubble--success{color:var(--color-primary)}.game__bubble--soft{color:var(--color-ink);font-size:clamp(1.125rem,1rem + .8vw,1.5rem)}.game__bubble-line--answer{color:var(--color-primary);font-size:1.3em}.game__stars{z-index:0;position:absolute;inset:12% 0 auto}.game__stars .reward-star__main,.game__stars .reward-star__glow{display:none}.game__stage--result .game__animal{z-index:1;height:calc(100% - 112px - var(--space-6));top:112px}.game__peek{bottom:var(--space-3);z-index:2;width:30%;animation:peek-in .48s var(--ease-out) both .2s;position:absolute;inset-inline-start:var(--space-3)}[dir=rtl] .game__peek .host__image{transform:scaleX(-1)}.game__actions{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.host-bar{align-items:center;gap:var(--space-4);min-height:76px;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-md);display:flex;position:relative}[dir=rtl] .host-bar{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-6)}.host-bar__avatar{margin-block:-14px}.host-bar__text{font-family:var(--font-heading);color:var(--color-ink);font-size:clamp(1.25rem,1.05rem + 1vw,1.625rem);font-weight:800;line-height:1.2}@media (width<=899px),(orientation:portrait){.host-bar{gap:var(--space-3);min-height:0;padding:var(--space-1) var(--space-4) var(--space-1) var(--space-1);box-shadow:var(--shadow-sm)}[dir=rtl] .host-bar{padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4)}.host-bar__avatar{width:44px;height:44px;box-shadow:none;border-width:2px;margin-block:0}.host-bar__text{font-size:var(--text-body);font-weight:700}}.voice{justify-items:center;gap:var(--space-3);padding-bottom:var(--space-4);display:grid}.voice__control{align-items:center;gap:var(--space-5);display:flex}.voice__mic{background:var(--color-primary);width:92px;height:92px;color:var(--color-on-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) ease;border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 10px 24px #43866b52,0 0 0 8px #43866b1a}.voice__mic:hover:not(:disabled){background:var(--color-green-hover)}.voice__mic:active:not(:disabled){transform:scale(.95)}.voice__mic:disabled{opacity:.6;cursor:progress}.voice__control--listening .voice__mic{animation:1.4s ease-in-out infinite mic-pulse}.voice__control--waiting .voice__mic:not(:disabled){animation:1.4s ease-in-out infinite mic-call}.voice__mic-icon{width:40px;height:40px}.voice__wave{align-items:center;gap:6px;height:40px;display:flex}.voice__wave i{border-radius:var(--radius-pill);background:#cfdcc9;width:6px;height:14px}.voice__wave i:nth-child(2){height:26px}.voice__wave i:nth-child(3){height:36px}.voice__wave i:nth-child(4){height:20px}.voice__control--listening .voice__wave i{background:var(--color-primary);animation:.9s ease-in-out infinite wave}.voice__control--listening .voice__wave i:nth-child(2){animation-delay:.12s}.voice__control--listening .voice__wave i:nth-child(3){animation-delay:.24s}.voice__control--listening .voice__wave i:nth-child(4){animation-delay:.36s}.voice__status{min-height:1.5em;color:var(--color-text-muted);font-size:var(--text-caption);text-align:center;font-weight:500}.voice__form{gap:var(--space-3);width:100%;display:grid}.voice__row{gap:var(--space-2);display:flex}.voice__input{min-width:0;min-height:56px;padding:0 var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font:inherit;flex:1;font-size:1.125rem}.voice__send{background:var(--color-primary);width:56px;height:56px;color:var(--color-on-primary);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.voice__send:disabled{opacity:.5;cursor:not-allowed}.voice__send-icon{width:24px;height:24px}.game--status{justify-content:center;align-items:center;gap:var(--space-4);text-align:center}.game__status-host{width:min(60%,240px)}.game__status-host--bob{animation:1.6s ease-in-out infinite bob}.game__status-text{font-family:var(--font-heading);font-size:var(--text-card-title);font-weight:800}.game--reward{align-items:center;gap:var(--space-2);text-align:center}.reward__title{margin-top:var(--space-4);font-size:var(--text-display);font-weight:900}.reward__subtitle{font-family:var(--font-heading);font-size:var(--text-card-title);font-weight:700}.reward__art{width:100%;margin-top:var(--space-2);justify-items:center;display:grid;position:relative}.reward__star{width:80%;margin-bottom:-3%}.reward__host{width:56%;position:relative}.reward__score{color:var(--color-text-muted);font-weight:600}.reward__continue{margin:var(--space-4) 0 var(--space-3)}.reward__album{margin-bottom:var(--space-6);text-decoration:none}.game--with-options .game__stage{aspect-ratio:auto;height:clamp(160px,31svh,340px);padding:var(--space-3)}@keyframes animal-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes bubble-drop{0%{opacity:0;transform:translate(-50%,-8px)scale(.95)}to{opacity:1;transform:translate(-50%)}}@keyframes peek-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes mic-call{0%,to{transform:scale(1);box-shadow:0 10px 24px #43866b52,0 0 #43866b73}50%{transform:scale(1.06);box-shadow:0 10px 24px #43866b52,0 0 0 20px #43866b00}}@media (prefers-reduced-motion:reduce){.voice__control--waiting .voice__mic:not(:disabled){animation:none;box-shadow:0 10px 24px #43866b52,0 0 0 12px #43866b40}}@keyframes mic-pulse{0%,to{box-shadow:0 10px 24px #43866b52,0 0 0 8px #43866b1f}50%{box-shadow:0 10px 24px #43866b52,0 0 0 18px #43866b0f}}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width>=900px) and (orientation:landscape){.game:not(.game--status):not(.game--reward){align-content:center;column-gap:clamp(32px,4vw,64px);row-gap:var(--space-6);grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);max-width:1080px;display:grid}.game__stage,.game__stage--result{aspect-ratio:auto;grid-area:1/1/-1;align-self:center;height:min(540px,100svh - 120px);min-height:340px}.host-bar{grid-area:2/2}.voice{grid-area:3/2;padding-bottom:0}.game.game--with-options:not(.game--status):not(.game--reward){grid-template-rows:1fr auto auto auto 1fr}.game--with-options .answer-options{grid-area:3/2}.game--with-options .voice{grid-row:4}.game--with-options .game__stage{height:min(540px,100svh - 120px)}.game--with-options .answer-options{max-width:min(100%,64svh);margin-inline:auto}.game--with-options .answer-options--2{max-width:min(360px,40svh)}.game__actions{grid-area:2/2/span 2;grid-template-columns:1fr;align-self:center}.reward__star{width:min(80%,36svh)}.reward__host{width:min(56%,26svh)}.reward__title{margin-top:0}.reward__continue{max-width:420px;margin-bottom:var(--space-2)}.reward__album{max-width:420px}}.pp{width:100%;max-width:var(--game-max);color:var(--color-ink);flex-direction:column;gap:14px;margin-inline:auto;display:flex}.pp__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:800}.pp__sub{color:var(--color-ink-muted);font-size:var(--text-caption);margin-top:2px}.pp__status{align-items:center;gap:var(--space-3);padding:var(--space-8) 0;text-align:center;flex-direction:column;display:flex}.pp-seg{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-sage-light);display:flex}.pp-seg__option{border-radius:var(--radius-pill);height:40px;color:var(--color-ink);font:500 var(--text-caption) var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1}.pp-seg__option--on{background:var(--color-surface);box-shadow:var(--shadow-sm)}.pp-seg__option:focus-visible,.pp-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.pp-card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.pp-card__title{margin-bottom:var(--space-3);font-family:var(--font-heading);justify-content:space-between;align-items:baseline;font-size:1rem;font-weight:800;display:flex}.pp-card__aside{color:var(--color-ink-muted);font-family:var(--font-body);font-size:var(--text-small);font-weight:400}.pp-kpis{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.pp-kpi{padding:var(--space-3) 10px;border-radius:var(--radius-md);background:var(--color-sage-light)}.pp-kpi__value{font-family:var(--font-heading);font-size:1.625rem;font-weight:800;display:block}.pp-kpi__label{color:var(--color-ink);font-size:var(--text-small)}.pp-bars{align-items:flex-end;gap:6px;height:80px;margin:14px 0 0;padding:0;list-style:none;display:flex}.pp-bars__item{justify-content:flex-end;align-items:center;gap:var(--space-1);flex-direction:column;flex:1;height:100%;display:flex}.pp-bars__bar{background:var(--color-green);border-radius:6px 6px 3px 3px;width:100%;display:block}.pp-bars__bar--zero{background:var(--color-border);height:4px}.pp-bars__label{color:var(--color-ink-muted);white-space:nowrap;font-size:.6875rem}.pp-stack{border-radius:var(--radius-pill);gap:3px;height:16px;display:flex;overflow:hidden}.pp-stack__part{flex-basis:0;display:block}.pp-tone--firstTry{background:var(--color-green)}.pp-tone--secondTry{background:var(--color-gold)}.pp-tone--together{background:var(--color-rose)}.pp-legend{margin:var(--space-3) 0 0;font-size:var(--text-caption);flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.pp-legend__row{align-items:center;gap:var(--space-2);display:flex}.pp-legend__dot{border-radius:50%;flex:none;width:10px;height:10px}.pp-legend__value{margin-inline-start:auto;font-weight:600}.pp-level{align-items:center;gap:var(--space-3);display:flex}.pp-level__badge{border-radius:var(--radius-sm);background:var(--color-sage-soft);width:48px;height:48px;color:var(--color-green);flex:none;place-items:center;display:grid}.pp-level__badge svg{width:26px;height:26px}.pp-level__text{color:var(--color-ink);font-size:var(--text-caption);line-height:1.45}.pp-level__title{font-size:.9375rem;display:block}.pp-topics{margin:0;padding:0;list-style:none}.pp-topic{padding:var(--space-2) 0;border-top:1px solid var(--color-border);font-size:var(--text-caption);grid-template-columns:28px 1fr auto;align-items:center;gap:10px;display:grid}.pp-topic:first-child{border-top:0}.pp-topic__icon{width:20px;height:20px;color:var(--color-green)}.pp-pill{border-radius:var(--radius-pill);padding:3px 10px;font-size:.75rem;font-weight:500}.pp-pill--confident{background:var(--color-sage-soft);color:var(--color-focus)}.pp-pill--learning{background:var(--color-apricot-light);color:var(--color-almost-ink)}.pp-pill--hard_for_now{background:var(--color-rose);color:var(--color-ink)}.pp-chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pp-chip{padding-block:6px;padding-inline:6px var(--space-3);border-radius:var(--radius-pill);background:var(--color-sage-light);font-size:var(--text-caption);align-items:center;gap:6px;display:flex}.pp-chip__pic{background:var(--color-surface);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.pp-chip__img{object-fit:contain;width:22px;height:22px}.pp-tip{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-apricot-light);display:flex}.pp-tip__icon{width:28px;height:28px;color:var(--color-almost-ink);flex:none}.pp-tip__text{font-size:var(--text-caption);line-height:1.5}.pp-tip__title{font-family:var(--font-heading);margin-bottom:2px;font-size:.9375rem;display:block}.pp-games{margin:0;padding:0;list-style:none}.pp-game{align-items:center;gap:var(--space-3);border-top:1px solid var(--color-border);padding:10px 0;display:flex}.pp-game:first-child{border-top:0}.pp-game__pic{border-radius:var(--radius-sm);background:var(--color-sage-light);flex:none;place-items:center;width:44px;height:44px;display:grid}.pp-game__img{object-fit:contain;width:32px;height:32px}.pp-game__text{font-size:var(--text-caption);flex:1}.pp-game__meta{color:var(--color-ink-muted);font-size:var(--text-small);display:block}.pp-game__stars{color:var(--color-gold);gap:2px;display:flex}.pp-game__star{width:16px;height:16px}.pp-link{height:44px;color:var(--color-green);font:600 var(--text-caption) var(--font-body);cursor:pointer;background:0 0;border:0}.pp-empty{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;flex-direction:column;display:flex}.pp-empty__host{width:120px;height:auto}.pp-empty__text{font-family:var(--font-heading);font-size:1rem;font-weight:700}.parent-gate{width:100%;padding:var(--space-8) var(--space-4);justify-content:center;display:flex}.parent-gate__card{width:100%;max-width:360px;padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;align-items:center;display:flex}.parent-gate__lock{width:40px;height:40px;color:var(--color-green)}.parent-gate__title{margin-top:var(--space-2);color:var(--color-ink);font-family:var(--font-heading);font-size:1.0625rem;font-weight:800}.parent-gate__hint{margin:6px 0 var(--space-4);color:var(--color-ink-muted);font-size:var(--text-caption)}.parent-gate__hold{background:var(--color-bg);width:96px;height:96px;color:var(--color-ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.parent-gate__hold:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.parent-gate__ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}[dir=rtl] .parent-gate__ring{transform:rotate(-90deg)scaleY(-1)}.parent-gate__ring-track,.parent-gate__ring-fill{fill:none;stroke-width:6px}.parent-gate__ring-track{stroke:var(--color-sage-light)}.parent-gate__ring-fill{stroke:var(--color-green);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .4s var(--ease-out)}.parent-gate__hold--holding .parent-gate__ring-fill{stroke-dashoffset:0;transition:stroke-dashoffset 3s linear}.parent-gate__hand{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:30px;height:30px}.parent-gate__back{margin-top:var(--space-6);text-decoration:none}.stars{width:100%;max-width:var(--game-max);padding-bottom:var(--space-2);flex-direction:column;flex:1;margin-inline:auto;display:flex}.stars--status{justify-content:center;align-items:center;gap:var(--space-4);padding-block:var(--space-12);text-align:center}.stars__status-text{color:var(--color-text);font-size:var(--text-body)}.stars__top{justify-content:flex-end;display:flex}.stars__lock{width:var(--tap-min);height:var(--tap-min);color:var(--color-ink-muted);opacity:.8;border:1.5px dashed #c9cfc2;border-radius:50%;place-items:center;display:grid}.stars__lock:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.stars__lock-icon{width:20px;height:20px}.stars__hero{grid-template-columns:var(--stars-host-width) minmax(0, 1fr);align-items:center;gap:var(--space-4);margin-top:var(--space-1);--stars-host-width:120px;display:grid}.stars__host{width:var(--stars-host-width);filter:drop-shadow(0 6px 10px #173e3c1a);height:auto;display:block}[dir=rtl] .stars__host{transform:scaleX(-1)}.stars__bubble{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);text-align:start;display:flex}.stars__greeting{overflow-wrap:break-word;flex:1;min-width:0;font-size:1.0625rem;line-height:1.3}.stars__speak{background:var(--color-sage-soft);width:56px;height:56px;color:var(--color-green);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.stars__speak-icon{width:26px;height:26px}.stars__jar{border-radius:var(--radius-lg);background:var(--color-apricot-light);flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px;padding:14px;display:flex}.stars__jar-star{width:36px;height:36px;color:var(--color-gold);animation:stars-pop .5s var(--star-delay,0s) both var(--ease-out);display:block}.stars__jar-icon{width:100%;height:100%;display:block}@keyframes stars-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.stars__album-title{align-items:center;gap:var(--space-2);margin:22px 2px var(--space-3);color:var(--color-ink);font-family:var(--font-heading);font-size:1.125rem;font-weight:800;display:flex}.stars__album-icon{width:22px;height:22px;color:var(--color-green)}.stars__album{gap:var(--space-3);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.stars__sticker{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-height:88px;box-shadow:var(--shadow-sm);cursor:pointer;border:2px solid #0000;place-items:center;padding:0;display:grid;position:relative}.stars__sticker:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.stars__sticker--new{border-color:var(--color-gold);background:#fffaf0}.stars__sticker--next{background:var(--color-sage-light);box-shadow:none;border:2px dashed #cfd9c6}.stars__animal{aspect-ratio:1;object-fit:contain;pointer-events:none;width:clamp(56px,60%,104px);height:auto;display:block}.stars__sticker--next .stars__animal{filter:grayscale()brightness(1.25)opacity(.4)}.stars__sticker-star{top:-8px;width:28px;height:28px;color:var(--color-gold);position:absolute;inset-inline-end:-6px}.stars__sticker--bounce{animation:stars-bounce .2s var(--ease-out)}@keyframes stars-bounce{50%{transform:scale(1.08)}}.stars__cta{bottom:var(--space-4);margin-top:auto;padding-top:22px;position:sticky}.stars__play{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary);width:100%;height:72px;box-shadow:var(--shadow-primary);color:var(--color-on-primary);font-family:var(--font-heading);font-size:1.375rem;font-weight:800;text-decoration:none;display:flex}.stars__play:hover{background:var(--color-green-hover)}.stars__play:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.stars__play-circle{background:#fff3;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.stars__play-icon{width:22px;height:22px}@media (prefers-reduced-motion:reduce){.stars__jar-star,.stars__sticker--bounce{animation:none}}@media (width<=359px){.stars__hero{gap:var(--space-3);--stars-host-width:96px}.stars__bubble{align-items:flex-start;gap:var(--space-2);padding-inline:var(--space-3);flex-direction:column}.stars__greeting{font-size:1rem}}.progress-dots{gap:5px;display:flex}.progress-dots__step{border-radius:var(--radius-pill);width:clamp(18px,6vw,28px);height:9px;transition:background-color var(--duration-base) ease;background:#e4e9dc}.progress-dots__step--done{background:var(--color-primary)}.language-menu{position:relative}.language-menu__trigger{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:40px;box-shadow:var(--shadow-sm);color:var(--color-ink);font-family:var(--font-heading);cursor:pointer;align-items:center;gap:4px;padding:0 10px 0 14px;font-size:.9375rem;font-weight:800;display:inline-flex}.language-menu__trigger:hover{background:#fcfcf8}.language-menu__chevron{width:16px;height:16px;transition:transform var(--duration-fast) ease}.language-menu__trigger[aria-expanded=true] .language-menu__chevron{transform:rotate(180deg)}.language-menu__list{inset-inline-end:0;z-index:30;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:180px;box-shadow:var(--shadow-lg);animation:menu-in var(--duration-fast) var(--ease-out);padding:6px;display:grid;position:absolute;top:calc(100% + 8px)}.language-menu__item{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink);text-align:start;cursor:pointer;background:0 0;border:0;font-weight:500;display:flex}.language-menu__item:hover,.language-menu__item[aria-checked=true]{background:var(--color-sage-light)}.language-menu__check{width:18px;height:18px;color:var(--color-primary)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-header{z-index:20;background:color-mix(in srgb, var(--color-bg) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.app-header__inner{align-items:center;gap:var(--space-2);width:100%;max-width:var(--content-max);min-height:72px;padding:var(--space-3) var(--gutter);grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr);margin-inline:auto;display:grid}.app-header__side{align-items:center;display:flex}.app-header__side--end{justify-content:flex-end}.app-header__back{width:var(--tap-min);height:var(--tap-min);color:var(--color-ink);cursor:pointer;transition:background-color var(--duration-fast) ease;background:0 0;border:0;border-radius:50%;place-items:center;margin-inline-start:-10px;padding:0;display:grid}.app-header__back:hover{background:var(--color-sage-light)}.app-header__back-icon{width:26px;height:26px}.app-header__center{justify-content:center;min-width:0;display:flex}.app-header__brand{border-radius:var(--radius-sm);color:inherit;flex-direction:column;align-items:center;text-decoration:none;display:flex}.app-header__name{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--color-ink);white-space:nowrap;font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);font-weight:900;line-height:1.1}.app-header__tagline{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;margin-top:3px;font-size:.6875rem;font-weight:600}.app-header__title{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.125rem,1rem + .6vw,1.5rem);font-weight:800;overflow:hidden}@media (width<=360px){.app-header__name{font-size:1.125rem}.app-header__tagline{display:none}}:root{--color-bg:#f8f7ef;--color-surface:#fff;--color-sage-light:#eaf0e3;--color-sage-soft:#dcead7;--color-green:#43866b;--color-green-hover:#3a765e;--color-green-pressed:#326651;--color-ink:#173e3c;--color-ink-muted:#82958a;--color-apricot-light:#f8e7c9;--color-gold:#f6b94a;--color-border:#e9e9de;--color-rose:#f4d4cc;--color-text:var(--color-ink);--color-text-muted:var(--color-ink-muted);--color-primary:var(--color-green);--color-on-primary:#fff;--color-success:var(--color-green);--color-success-bg:var(--color-sage-soft);--color-error:#b5654f;--color-error-bg:#fbe9e3;--color-focus:#2f6f57;--font-heading:"Nunito", "Rubik", system-ui, sans-serif;--font-body:"Rubik", "Nunito", system-ui, sans-serif;--text-display:clamp(2rem, 1.4rem + 2.6vw, 3rem);--text-title:clamp(1.625rem, 1.3rem + 1.4vw, 2.25rem);--text-card-title:clamp(1.125rem, 1rem + .5vw, 1.5rem);--text-body:clamp(1rem, .95rem + .25vw, 1.125rem);--text-caption:.875rem;--text-small:.8125rem;--radius-xl:32px;--radius-lg:26px;--radius-md:20px;--radius-sm:14px;--radius-pill:999px;--shadow-sm:0 2px 8px #2a41300f;--shadow-md:0 8px 24px #2a413012;--shadow-lg:0 16px 40px #2a41301a;--shadow-primary:0 8px 20px #43866b47;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--content-max:1120px;--game-max:560px;--gutter:clamp(16px, 4vw, 32px);--tap-min:48px;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration-fast:.15s;--duration-base:.24s;--duration-breathe:1.6s;--duration-wobble:.5s;--color-almost-bg:var(--color-apricot-light);--color-almost-ink:#7a4f12;--color-right-bg:var(--color-sage-soft);--color-right-ink:var(--color-green-pressed);--tap-kid:64px}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-height:100svh;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.5}#root{flex-direction:column;min-height:100svh;display:flex}img{max-width:100%}h1,h2,h3{font-family:var(--font-heading);color:var(--color-ink);letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.15}h1{font-size:var(--text-display)}h2{font-size:var(--text-title)}h3{font-size:var(--text-card-title);font-weight:700}p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.panel{background:var(--color-sage-light);border-radius:var(--radius-xl)}.media-frame{padding:var(--space-4);background:radial-gradient(circle at 50% 60%, #fff 0%, var(--color-sage-light) 75%);border-radius:var(--radius-lg);place-items:center;display:grid;overflow:hidden}.media-frame>img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-6);border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:var(--text-body);cursor:pointer;transition:background-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease;border:1px solid #0000;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-primary)}.btn--primary:hover:not(:disabled){background:var(--color-green-hover)}.btn--primary:active:not(:disabled){background:var(--color-green-pressed)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-ink);box-shadow:var(--shadow-sm)}.btn--secondary:hover:not(:disabled){background:#fbfbf6}.btn--lg{min-height:58px;padding:0 var(--space-6);font-size:clamp(1.0625rem,1rem + .4vw,1.25rem)}.btn--xl{min-height:66px;padding:0 var(--space-10);font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem)}.btn--block{width:100%}.btn__icon,.icon-btn__icon{flex:none;width:1.25em;height:1.25em}[dir=rtl] .icon--directional{transform:scaleX(-1)}.icon-btn{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm);cursor:pointer;transition:background-color var(--duration-fast) ease;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--color-sage-light)}.icon-btn--round{border-radius:50%}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-muted{color:var(--color-text-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background:var(--color-bg);flex-direction:column;flex:1;width:100%;min-height:100svh;display:flex}.app-shell__main{width:100%;max-width:var(--content-max);min-height:0;padding:var(--space-2) var(--gutter) var(--space-8);flex-direction:column;flex:1;margin-inline:auto;display:flex}.animal-game{text-align:center;width:100%;max-width:920px;margin:0 auto}.animal-game__intro{gap:var(--space-2);max-width:580px;margin:var(--space-6) auto;display:grid}.animal-game__eyebrow{font-size:var(--text-caption);color:var(--color-primary);font-weight:700}.animal-game__question{align-items:center;gap:var(--space-3);max-width:620px;margin:0 auto var(--space-8);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-md);text-align:start;grid-template-columns:minmax(150px,260px) 1fr;display:grid}.animal-game__animal{aspect-ratio:1;object-fit:contain;width:100%}.animal-game__choices{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.habitat-choice{padding:0 0 var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);color:var(--color-ink);font-family:var(--font-heading);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) ease;font-weight:800;overflow:hidden}.habitat-choice:hover{border-color:var(--color-sage-soft);transform:translateY(-3px)}.habitat-choice--incorrect{border-color:var(--color-error);animation:.3s ease-in-out gentle-shake}.habitat-choice img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.habitat-choice span{padding:var(--space-3) var(--space-2) 0;display:block}.animal-game__feedback{min-height:1.5em;padding-top:var(--space-4);color:var(--color-error);font-weight:600}.celebration-backdrop{z-index:50;padding:var(--space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#173e3c59;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.celebration-dialog{max-width:380px;padding:var(--space-8);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-ink);animation:celebrate-in var(--duration-base) var(--ease-out)}.celebration-dialog__star{color:var(--color-gold);font-size:64px;line-height:1;display:block}.celebration-dialog h2{margin:var(--space-4) 0 var(--space-2)}.celebration-dialog button{min-height:var(--tap-min);margin-top:var(--space-6);padding:0 var(--space-6);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-heading);cursor:pointer;border:0;font-weight:800}@keyframes gentle-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes celebrate-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=640px){.animal-game__question{text-align:center;grid-template-columns:1fr}.animal-game__animal{max-width:210px;margin:0 auto}.animal-game__choices{gap:var(--space-2)}.habitat-choice{border-radius:var(--radius-md);font-size:var(--text-caption)}}