:root{--ink:oklch(0.32 0.07 285);--bg-top:oklch(0.64 0.15 290);--bg-bot:oklch(0.54 0.17 295);--card:oklch(0.99 0.006 280);--shadow:0 18px 40px -16px oklch(0.30 0.12 290/0.55)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{font-family:Fredoka,system-ui,sans-serif;background:oklch(.3 .1 292);color:var(--ink);overflow:hidden;touch-action:none}#viewport,body{display:flex;align-items:center;justify-content:center}#viewport{position:fixed;inset:0}#stage{position:relative;width:100%;height:100%;border-radius:0;background:radial-gradient(120% 80% at 50% -10%,oklch(.72 .13 285) 0,transparent 55%),linear-gradient(180deg,var(--bg-top),var(--bg-bot));overflow:hidden;transform:none}.bubble{border-radius:50%;background:oklch(1 0 0/.08);z-index:0}.bubble,.screen{position:absolute}.screen{inset:0;z-index:2;display:none;flex-direction:column}.screen.active{display:flex}#home{padding:30px 44px 0}.home-top{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:10px}.home-title{text-align:center}.home-title h1{font-size:50px;font-weight:700;color:#fff;line-height:1;letter-spacing:.5px;text-shadow:0 4px 0 oklch(.45 .16 295)}.home-title p{font-size:21px;font-weight:500;color:oklch(.95 .04 300);margin-top:8px}.grid-wrap{flex:1 1;margin-top:14px;overflow-y:auto;overflow-x:hidden;padding:8px 6px 36px;scrollbar-width:thin}.grid-wrap::-webkit-scrollbar{width:10px}.grid-wrap::-webkit-scrollbar-thumb{background:oklch(1 0 0/.35);border-radius:10px}.grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:20px;gap:20px;max-width:1060px;margin:0 auto}.lcard{position:relative;aspect-ratio:1/1;border:none;cursor:pointer;border-radius:28px;background:var(--card);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease;overflow:hidden}.lcard:after{content:"";position:absolute;left:10px;right:10px;bottom:7px;height:8px;border-radius:8px;background:var(--c-soft)}.lcard:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 24px 44px -16px oklch(.3 .12 290/.6)}.lcard:active{transform:translateY(0) scale(.97)}.lcard .glyph{font-size:62px;font-weight:700;color:var(--c-solid);line-height:1}#game{padding:0}#game:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(85% 70% at 50% 40%,oklch(.34 .12 295) 0,oklch(.22 .09 290) 58%,oklch(.15 .06 285) 100%)}.iconbtn{border:none;cursor:pointer;font-family:inherit;color:#fff;background:oklch(1 0 0/.18);border-radius:20px;height:58px;min-width:58px;font-size:26px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;transition:transform .1s ease,background .15s ease;white-space:nowrap}.iconbtn:hover{background:oklch(1 0 0/.3)}.iconbtn:active{transform:scale(.93)}.head-letter{color:#fff;font-size:30px;font-weight:600;display:flex;align-items:center;gap:10px}.head-letter b{font-size:40px}.g-corner{position:absolute;z-index:5;display:flex;align-items:center;gap:14px}.g-topleft{top:24px;left:30px}.g-topright{top:24px;right:30px}.g-botleft{bottom:24px;left:30px}.g-botright{bottom:24px;right:30px}.canvas-stack{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:min(74vh,600px);aspect-ratio:480/520;width:auto;z-index:2}.canvas-stack canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#guideCanvas{z-index:1}#drawCanvas{z-index:2;filter:drop-shadow(0 0 7px var(--c-solid))}#hintCanvas{z-index:3;pointer-events:none}#sparkCanvas{z-index:4;pointer-events:none}@media (prefers-reduced-motion:reduce){#drawCanvas{filter:none}}.coach{display:flex;flex-direction:row;align-items:center;gap:14px}.coach .bubble-say{background:#fff;border-radius:22px;padding:14px 20px;box-shadow:var(--shadow);text-align:left;position:relative}.coach .bubble-say .big{font-size:24px;font-weight:700;color:var(--c-solid)}.coach .bubble-say .sub{font-size:15px;font-weight:500;color:var(--ink);opacity:.7;margin-top:2px}.coach .bubble-say:after{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);border:12px solid transparent;border-right-color:#fff;border-left:0}.coach-figure{position:relative;flex:0 0 auto;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:var(--shadow);border:3px solid var(--c-soft)}.coach-figure.empty,.coach-img{display:none}.coach-img{width:100%;height:100%;object-fit:contain;padding:7px}.coach-figure.has-img .coach-img{display:block}.coach-video{width:100%;height:100%;object-fit:cover;display:none;border-radius:50%}.coach-figure.has-video .coach-video{display:block}.coach-emoji{display:none;font-size:40px;line-height:1}.coach-figure.has-emoji .coach-emoji{display:block}.tool-row{display:flex;gap:14px}.toolbtn{border:none;cursor:pointer;font-family:inherit;font-size:18px;font-weight:600;border-radius:18px;padding:14px 20px;background:#fff;color:var(--ink);box-shadow:var(--shadow);transition:transform .1s ease}.toolbtn:active{transform:scale(.94)}.toolbtn.accent{background:var(--c-solid);color:#fff}#win{position:absolute;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:oklch(.3 .1 292/.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#win.show,.win-card{display:flex}.win-card{background:var(--card);border-radius:42px;box-shadow:0 30px 80px -20px oklch(.2 .1 290/.7);padding:40px 56px;max-width:92%;align-items:center;gap:44px;text-align:left;transform:scale(.8);opacity:0;transition:transform .35s cubic-bezier(.2,1.4,.4,1),opacity .25s}#win.show .win-card{transform:scale(1);opacity:1}.win-body{display:flex;flex-direction:column;align-items:flex-start}.win-figure{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:280px;height:280px;margin:0;border-radius:50%;background:radial-gradient(circle at 50% 38%,#fff,var(--c-soft));box-shadow:inset 0 0 0 5px #fff,0 18px 36px -12px oklch(.3 .1 290/.4)}.win-figure.empty,.win-img{display:none}.win-img{width:100%;height:100%;object-fit:contain;padding:18px;filter:drop-shadow(0 14px 22px oklch(.3 .1 290/.28));will-change:transform}.win-figure.has-img .win-img{display:block}.win-video{width:100%;height:100%;object-fit:cover;display:none;border-radius:50%;filter:drop-shadow(0 14px 22px oklch(.3 .1 290/.28));will-change:transform}.win-figure.has-video .win-video{display:block}.win-emoji{display:none;font-size:112px;line-height:1;filter:drop-shadow(0 14px 22px oklch(.3 .1 290/.28))}.win-figure.has-emoji .win-emoji{display:block}#win.show .has-img .win-img,#win.show .has-video .win-video{animation:winPop .6s cubic-bezier(.2,1.6,.4,1) both,winFloat 3.2s ease-in-out .6s infinite}@keyframes winPop{0%{transform:scale(.4) translateY(14px);opacity:0}60%{transform:scale(1.08) translateY(-6px);opacity:1}to{transform:scale(1) translateY(0)}}@keyframes winFloat{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-9px) rotate(1.5deg)}}.win-figure:after,.win-figure:before{content:"✨";position:absolute;font-size:26px;opacity:0;pointer-events:none}.win-figure.has-img:before,.win-figure.has-video:before{top:4%;right:6%;animation:twinkle 1.6s ease-in-out .7s infinite}.win-figure.has-img:after,.win-figure.has-video:after{bottom:10%;left:2%;font-size:20px;animation:twinkle 1.6s ease-in-out 1.3s infinite}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4) rotate(-20deg)}50%{opacity:1;transform:scale(1) rotate(15deg)}}@media (prefers-reduced-motion:reduce){#win.show .has-img .win-img,#win.show .has-video .win-video{animation:none}.win-figure.has-img:after,.win-figure.has-img:before,.win-figure.has-video:after,.win-figure.has-video:before{animation:none;opacity:0}}.win-word{font-size:64px;font-weight:700;margin-top:0;line-height:1.05}.win-word .first{color:var(--c-solid)}.win-sub{font-size:22px;font-weight:500;color:var(--ink);opacity:.6;margin-top:8px}.win-actions{display:flex;gap:16px;justify-content:flex-start;margin-top:28px}.win-actions button{border:none;cursor:pointer;font-family:inherit;font-size:21px;font-weight:600;border-radius:22px;padding:16px 26px;transition:transform .1s ease;display:flex;align-items:center;gap:10px}.win-actions button:active{transform:scale(.94)}.btn-ghost{background:oklch(.95 .02 285);color:var(--ink)}.btn-go{background:var(--c-solid);color:#fff;box-shadow:var(--shadow)}.btn-go.locked{opacity:.4;filter:saturate(.55);pointer-events:none}.btn-go.ready{animation:nextReady .55s cubic-bezier(.2,1.5,.4,1) both,nextPulse 1.7s ease-in-out .55s infinite}@keyframes nextReady{0%{transform:scale(.5);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes nextPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.speak-mini{background:oklch(.95 .02 285)!important;color:var(--ink);width:64px;height:64px;border-radius:50%!important;font-size:30px;padding:0!important;justify-content:center}#confetti{position:absolute;inset:0;z-index:40;pointer-events:none}.mascot,.mascot .body{position:relative}.mascot .body{border-radius:48% 48% 44% 44%/60% 60% 40% 40%;background:linear-gradient(160deg,oklch(.8 .16 350),oklch(.72 .17 350));box-shadow:inset 0 -10px 22px oklch(.6 .18 350/.5),0 10px 26px -10px oklch(.4 .16 350/.6)}.mascot .eye{position:absolute;top:34%;width:24%;height:30%;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -2px 6px oklch(.7 .05 290/.3)}.mascot .eye.l{left:20%}.mascot .eye.r{right:20%}.mascot .pupil{width:48%;height:48%;background:oklch(.28 .06 290);border-radius:50%;position:relative}.mascot .pupil:after{content:"";position:absolute;top:14%;right:14%;width:34%;height:34%;background:#fff;border-radius:50%}.mascot .cheek{position:absolute;top:56%;width:15%;height:9%;background:oklch(.78 .16 20/.65);border-radius:50%}.mascot .cheek.l{left:14%}.mascot .cheek.r{right:14%}.mascot .mouth{position:absolute;top:64%;left:50%;transform:translateX(-50%);width:24%;height:14%;border:0 solid transparent;border-bottom:5px solid oklch(.3 .08 350);border-radius:0 0 60px 60px}.mascot .leaf{position:absolute;top:-9%;left:50%;transform:translateX(-50%) rotate(-8deg);width:22%;height:26%;background:linear-gradient(160deg,oklch(.78 .16 150),oklch(.68 .17 150));border-radius:0 80% 0 80%}.mascot.bob{animation:bob 2.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.mascot.cheer{animation:cheer .5s ease-in-out infinite}@keyframes cheer{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(4deg)}}@media (max-height:480px){.g-corner{gap:10px}.g-topleft,.g-topright{top:14px}.g-botleft,.g-botright{bottom:14px}.g-botleft,.g-topleft{left:16px}.g-botright,.g-topright{right:16px}.iconbtn{height:46px;min-width:46px;font-size:20px;padding:0 12px;border-radius:16px}.head-letter{font-size:24px}.head-letter b{font-size:32px}.toolbtn{font-size:15px}.coach .bubble-say,.toolbtn{padding:10px 14px}.coach .bubble-say .big{font-size:19px}.coach .bubble-say .sub{font-size:13px}.canvas-stack{height:min(70vh,520px)}#win{padding:18px 0;align-items:center}.win-card{padding:18px 32px;border-radius:30px;gap:26px;max-height:calc(100dvh - 36px);overflow:auto}.win-figure{width:190px;height:190px}.win-word{font-size:38px}.win-sub{font-size:16px}.win-actions{margin-top:14px;gap:12px}.win-actions button{font-size:17px;padding:11px 20px;border-radius:18px}.speak-mini{width:50px;height:50px;font-size:24px}}.mode-row{flex:1 1;gap:34px;padding:0 44px 40px;flex-wrap:wrap}.mode-card,.mode-row{display:flex;align-items:center;justify-content:center}.mode-card{flex-direction:column;gap:8px;width:min(340px,38vw);padding:34px 26px;border:0;cursor:pointer;background:var(--card);border-radius:34px;box-shadow:var(--shadow);font-family:inherit;color:var(--ink);transition:transform .16s ease,box-shadow .16s ease}.mode-card:hover{transform:translateY(-6px) rotate(-1deg)}.mode-card:active{transform:translateY(0) scale(.97)}.mode-emoji{font-size:76px;line-height:1}.mode-title{font-size:30px;font-weight:700}.mode-sub{font-size:16px;font-weight:500;opacity:.65;text-align:center}.mode-card.talk .mode-title{color:oklch(.62 .16 20)}.agrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px;max-width:820px;margin:0 auto}.acard{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px 14px;border:0;cursor:pointer;font-family:inherit;color:var(--ink);background:var(--card);border-radius:28px;box-shadow:var(--shadow);transition:transform .16s ease}.acard:hover{transform:translateY(-5px) rotate(-1deg)}.acard:active{transform:translateY(0) scale(.96)}.acard-fig{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:oklch(.96 .02 285);border-radius:50%;overflow:hidden}.acard-fig img{width:100%;height:100%;object-fit:contain;padding:8px}.acard-emoji{font-size:52px;line-height:1}.acard-name{font-size:24px;font-weight:700;margin-top:6px}.acard-species{font-size:14px;font-weight:500;opacity:.6}.acard-hearts{font-size:13px;letter-spacing:1px;min-height:18px}#talk{align-items:center;justify-content:center}.talk-stage{gap:34px;padding:0 40px;max-width:1040px;margin:auto}.talk-figure,.talk-stage{display:flex;align-items:center;justify-content:center}.talk-figure{position:relative;flex:0 0 auto;width:min(38vh,290px);height:min(38vh,290px);border-radius:50%;background:var(--card);box-shadow:var(--shadow);overflow:visible;transition:transform .25s ease;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.talk-img{width:100%;height:100%;border-radius:50%;display:none;object-fit:contain;padding:10px}.talk-figure.has-img .talk-img{display:block}.talk-emoji{display:none;font-size:110px;line-height:1}.talk-figure.has-emoji:not(.has-img) .talk-emoji{display:block}.talk-figure.speaking{animation:talkBob 1.1s ease-in-out infinite}@keyframes talkBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03)}}.talk-figure.listening{box-shadow:0 0 0 6px oklch(.95 .14 95/.35),var(--shadow)}@property --lp{syntax:"<percentage>";initial-value:0%;inherits:false}.listen-ring{position:absolute;inset:-13px;border-radius:50%;pointer-events:none;opacity:0;background:conic-gradient(oklch(.9 .16 95) var(--lp),oklch(1 0 0/.18) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px))}.listen-ring.run{opacity:1;animation:listenFill var(--listen-ms,7s) linear forwards}@keyframes listenFill{0%{--lp:0%}to{--lp:100%}}.talk-bubble{position:relative;background:#fff;border-radius:30px;padding:24px 28px;box-shadow:var(--shadow);max-width:520px;min-width:280px}.talk-bubble:after{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);border:14px solid transparent;border-right-color:#fff;border-left:0}.talk-line{font-size:29px;font-weight:600;line-height:1.28;color:var(--ink)}.talk-hint{font-size:17px;font-weight:500;opacity:.6;margin-top:10px;min-height:22px}.talk-live{font-size:19px;font-weight:500;color:oklch(.55 .13 250);margin-top:6px;min-height:24px;font-style:italic}.talk-figure.thinking{animation:thinkSway 1.4s ease-in-out infinite}@keyframes thinkSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.talk-action{flex-direction:column;align-items:center;gap:6px}.talk-done{display:flex;align-items:center;justify-content:center;width:104px;height:104px;border-radius:50%;border:0;cursor:pointer;padding:0;flex:0 0 auto;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:inherit;color:#fff;background:oklch(.72 .17 150);box-shadow:0 10px 0 oklch(.58 .15 150),var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.talk-done:active{transform:translateY(6px);box-shadow:0 4px 0 oklch(.58 .15 150)}.done-ico{font-size:46px;line-height:1;font-weight:700}.done-lbl{font-size:15px;font-weight:600;color:#fff;white-space:nowrap;text-shadow:0 2px 4px oklch(.3 .12 290/.5)}.talk-done.waiting{animation:donePulse 1.5s ease-in-out infinite}.talk-done.rec{background:oklch(.68 .19 25);box-shadow:0 10px 0 oklch(.54 .17 25),var(--shadow);animation:recPulse 1.1s ease-in-out infinite}.talk-done.rec:active{transform:translateY(6px);box-shadow:0 4px 0 oklch(.54 .17 25)}@keyframes recPulse{0%,to{transform:scale(1);box-shadow:0 10px 0 oklch(.54 .17 25),0 0 0 0 oklch(.68 .19 25/.5)}50%{transform:scale(1.06);box-shadow:0 10px 0 oklch(.54 .17 25),0 0 0 18px oklch(.68 .19 25/0)}}@keyframes donePulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.mic-note{font-size:14px!important;opacity:.7;margin-top:6px}.talk-hearts{display:flex;gap:2px;font-size:19px;line-height:1}.talk-hearts .heart{opacity:.55}.talk-hearts .heart.on{opacity:1}.talk-settings{position:absolute;z-index:20;top:96px;right:30px;width:min(280px,76vw);padding:16px 18px;border-radius:20px;background:oklch(1 0 0/.97);color:oklch(.3 .12 290);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.talk-settings[hidden]{display:none}.talk-settings-title{font-size:18px;font-weight:700}.talk-settings-opts{display:flex;gap:8px}.len-opt{flex:1 1;padding:10px 6px;border-radius:14px;cursor:pointer;border:2px solid oklch(.86 .03 290);background:#fff;color:oklch(.3 .12 290);font-family:inherit;font-size:16px;font-weight:600;transition:transform .1s ease,background .15s ease,border-color .15s ease}.len-opt:active{transform:scale(.94)}.len-opt.on{background:oklch(.72 .17 150);border-color:oklch(.72 .17 150);color:#fff}.talk-settings-note{font-size:13px;opacity:.7}@media (prefers-reduced-motion:reduce){.talk-done.waiting,.talk-figure.speaking,.talk-figure.thinking{animation:none}.listen-ring.run{animation:none;opacity:1;--lp:100%}}@media (max-height:480px){.mode-card{padding:20px;width:min(300px,40vw)}.mode-emoji{font-size:56px}.mode-title{font-size:24px}.mode-sub{font-size:14px}.agrid{grid-template-columns:repeat(6,1fr);gap:14px;max-width:none}.acard-fig{width:72px;height:72px}.acard-emoji{font-size:40px}.acard-name{font-size:19px}.talk-stage{gap:22px;padding:0 24px}.talk-figure{width:min(46vh,210px);height:min(46vh,210px)}.talk-line{font-size:23px}.talk-hint{font-size:15px}.talk-live{font-size:16px}.talk-bubble{padding:16px 20px;max-width:440px}.talk-done{width:84px;height:84px}.done-ico{font-size:36px}.done-lbl{font-size:12px}.talk-settings{top:70px;right:16px;padding:12px 14px;gap:10px}}#modes{overflow-y:auto;touch-action:pan-y;padding:max(26px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}#modes .home-top{margin:12px 0 30px}#modes .mode-row{width:100%;max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;grid-gap:24px;gap:24px;padding:12px 0 24px}#modes .mode-card{width:100%;min-height:260px;padding:28px 20px;text-decoration:none;text-align:center}#modes .mode-title{font-size:clamp(22px,2.3vw,30px)}#modes .mode-card.coloring{background:#fff1dc;box-shadow:0 7px 0 #e5c085,var(--shadow)}#modes .mode-card.coloring .mode-title{color:#9d6135}#modes .mode-card:focus-visible{outline:4px solid #ffe591;outline-offset:6px}@media(max-width:650px){#modes .home-top{gap:12px;margin:12px 0 24px}#modes .home-top .mascot{width:48px!important;height:52px!important;flex-shrink:0}#modes .home-title h1{font-size:32px}#modes .home-title p{font-size:18px}#modes .mode-row{grid-template-columns:1fr;max-width:420px;gap:20px;align-content:start}#modes .mode-card{min-height:160px;padding:20px;gap:7px;border-radius:26px}#modes .mode-emoji{font-size:48px}#modes .mode-title{font-size:25px}}@media(orientation:landscape) and (max-height:500px){#modes .home-top{margin:0 0 10px}#modes .home-title h1{font-size:30px}#modes .home-title p{font-size:16px}#modes .home-top .mascot{width:45px!important;height:49px!important}#modes .mode-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#modes .mode-card{min-height:170px;padding:18px 12px}#modes .mode-emoji{font-size:44px}#modes .mode-title{font-size:21px}#modes .mode-sub{font-size:14px}}.game-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;color:white}#stage>.game-navigation{position:absolute;top:env(safe-area-inset-top,0);left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));z-index:45}.menu-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:48px;padding:10px 16px;background:#fff7ff;border-radius:16px;color:var(--ink);font:600 16px Fredoka,system-ui,sans-serif;text-decoration:none;box-shadow:0 4px 0 #d4c2eb;touch-action:manipulation}.menu-link span{font-size:24px;line-height:1}.menu-link:active{transform:translateY(2px)}.navigation-title{font-size:18px;font-weight:500;text-align:right}.navigation-brand{color:#eee3ff;font-size:16px}#stage>.screen{top:calc(68px + env(safe-area-inset-top,0px));outline:none}#stage>.screen.active{animation:screen-arrive .2s ease-out}#stage :focus-visible{outline:3px solid #ffe591;outline-offset:4px}#animals,#home{padding:76px 28px 0}#animals .home-top,#home .home-top{margin-bottom:16px}#animals .home-title h1,#home .home-title h1{font-size:clamp(28px,3.7vw,44px)}#animals .g-topleft,#home .g-topleft{top:8px;left:28px}#stage .grid-wrap{min-height:0;touch-action:pan-y}#stage .g-topleft,#stage .g-topright{top:12px}#stage .iconbtn{font-size:18px;min-height:48px;height:48px;border-radius:16px}#game .canvas-stack{height:min(62dvh,560px);max-width:calc(100vw - 40px)}#game .win-actions{flex-wrap:wrap}#game .win-actions .menu-link{font-size:16px}#talk .talk-stage{padding:76px 30px 125px}#talk .talk-settings{top:72px}#talk .talk-line{overflow-wrap:anywhere}@keyframes screen-arrive{0%{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:700px){.navigation-brand{display:none}.navigation-title{font-size:15px}.game-navigation{gap:10px}.menu-link{padding:10px 13px;font-size:15px}#stage>.screen{top:calc(68px + env(safe-area-inset-top,0px))}#modes{padding-top:16px}#modes .home-top .mascot:last-child{display:none}#animals,#home{padding:68px 16px 0}#animals .g-topleft,#home .g-topleft{left:16px}#home .home-top .mascot{display:none}#animals .home-title p,#home .home-title p{font-size:16px}#home .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#home .lcard{border-radius:22px}#animals .agrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#animals .acard{padding:16px 10px}#animals .acard-fig{width:76px;height:76px}#animals .acard-name{font-size:22px}#stage .g-topleft{left:16px}#stage .g-topright{right:16px}#stage .head-letter{font-size:20px;gap:6px}#stage .head-letter b{font-size:25px}#stage .g-corner{gap:8px}#stage .iconbtn{padding:0 12px;font-size:16px;min-width:44px}#game .canvas-stack{top:45%;height:min(48dvh,calc((100vw - 40px)*1.0833))}#game .coach{bottom:90px;left:16px;right:16px;justify-content:center}#game .coach .mascot{display:none}#game .coach-figure{width:48px;height:48px}#game .bubble-say{padding:10px 14px}#game .bubble-say .big{font-size:19px}#game .tool-row{bottom:max(20px,env(safe-area-inset-bottom));left:16px;right:16px;justify-content:center;gap:8px}#game .toolbtn{padding:12px 10px;font-size:15px;min-height:48px}#game .win-card{flex-direction:column;padding:24px;gap:16px;max-height:calc(100dvh - 110px);overflow-y:auto}#game .win-figure{width:150px;height:150px}#game .win-body{align-items:center}#game .win-word{font-size:32px}#game .win-actions{justify-content:center}#talk{overflow-y:auto;touch-action:pan-y;justify-content:flex-start}#talk .talk-stage{flex-direction:column;gap:20px;max-height:none;width:100%;padding:80px 20px 150px;margin:0}#talk .talk-figure{width:min(45vw,210px);height:min(45vw,210px)}#talk .talk-bubble{min-width:0;width:100%;padding:18px;border-radius:24px}#talk .talk-bubble:after{left:50%;top:-12px;transform:rotate(90deg)}#talk .talk-line{font-size:22px}#talk .talk-live{font-size:17px}#talk .talk-action{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:24px;padding:8px 12px;border-radius:24px;background:#7152a8eF}#talk .talk-done{width:70px;height:70px}#talk .done-ico{font-size:32px}#talk .talk-hearts{display:none}#talk .talk-settings{right:16px}}@media(orientation:landscape) and (max-height:500px){#stage>.screen{top:calc(60px + env(safe-area-inset-top,0px))}#stage .game-navigation{min-height:52px}.game-navigation .menu-link{min-height:44px}#animals,#home{padding-top:58px}#animals .home-top,#home .home-top{display:none}#home .grid{grid-template-columns:repeat(6,minmax(0,1fr))}#animals .agrid{grid-template-columns:repeat(3,minmax(0,1fr))}#game .canvas-stack{top:48%;height:calc(100dvh - 150px)}#game .coach{left:16px;right:auto;bottom:16px;max-width:32vw}#game .coach .mascot,#game .coach-figure{display:none}#game .bubble-say{padding:8px 12px}#game .bubble-say .big{font-size:16px}#game .bubble-say .sub{display:none}#game .tool-row{left:auto;right:16px;bottom:16px}#game .toolbtn{font-size:14px;padding:10px}#talk .talk-stage{flex-direction:row;align-items:center;padding:70px 120px 20px 24px;gap:22px}#talk .talk-figure{width:140px;height:140px}#talk .talk-bubble{min-width:0}#talk .talk-line{font-size:19px}#talk .talk-hint,#talk .talk-live{font-size:14px}#talk .talk-action{bottom:16px;right:16px}}@media(prefers-reduced-motion:reduce){#stage *,#stage :after,#stage :before{animation:none!important;transition:none!important}}#animals>.g-topleft,#home>.g-topleft{display:none}#animals,#home{padding-top:24px}@media(max-width:700px){#animals,#home{padding-top:18px}#animals .acard{padding:12px 10px;gap:2px}#animals .acard-fig{width:64px;height:64px}#animals .acard-name{font-size:21px}#animals .home-top{margin-bottom:8px}}@media(orientation:landscape) and (max-height:500px){#animals,#home{padding-top:12px}}body{touch-action:auto}#game-content{display:contents}#landscape-required{display:none}@media (orientation:portrait) and (max-width:767px){#game-content{display:none}#game-content dialog{visibility:hidden}#game-content dialog::-webkit-backdrop{display:none}#game-content dialog::backdrop{display:none}#landscape-required{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:max(28px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 20%,#a291ec,transparent 65%),linear-gradient(180deg,var(--bg-top),var(--bg-bot));color:#fff;text-align:center;touch-action:manipulation}#landscape-required h1{font-size:clamp(28px,8vw,38px);line-height:1.15;text-shadow:0 3px 0 #65449e}#landscape-required p{font-size:19px;line-height:1.5;max-width:290px;color:#f2ebff}#landscape-required>span{margin-top:18px;font-size:20px;color:#ffe591}.landscape-phone{font-size:96px;line-height:1.3;margin-bottom:12px;animation:landscape-turn 2.4s ease-in-out infinite}}@keyframes landscape-turn{0%,15%{transform:rotate(0)}55%,85%{transform:rotate(90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.landscape-phone{animation:none;transform:rotate(90deg)}}#stage:has(>#game.active)>.game-navigation,#stage:has(>#talk.active)>.game-navigation{display:none}#stage>#game,#stage>#talk{--play-rail:176px;top:0;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:12px;grid-template-columns:minmax(0,1fr) var(--play-rail);align-items:stretch;overflow:hidden}#stage>#game.active,#stage>#talk.active{display:grid}#stage .play-rail{grid-column:2;grid-row:1;position:relative;z-index:5;display:flex;flex-direction:column;gap:10px;min-height:0;padding:8px;border-radius:20px;background:#ffffff16;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}#stage .play-rail .g-corner{position:static;inset:auto;max-width:none;width:100%;flex-wrap:wrap;justify-content:center;gap:8px}#stage .play-rail .iconbtn,#stage .play-rail .menu-link,#stage .play-rail .toolbtn{min-height:44px;height:auto;padding:10px 8px;border-radius:12px;font-size:15px;text-align:center;text-decoration:none}#stage .play-rail>.menu-link{width:100%}#stage .play-rail .g-topleft{flex-direction:column}#stage .play-rail .g-topleft .iconbtn{width:100%}#stage .play-rail .head-letter{font-size:18px;gap:6px}#stage .play-rail .head-letter b{font-size:28px}#game .canvas-stack{grid-column:1;grid-row:1;position:relative;inset:auto;transform:none;align-self:center;justify-self:center;width:100%;max-width:calc((100dvh - max(8px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))) * 480 / 520);height:auto;aspect-ratio:480/520}#game .play-rail .coach{margin-top:auto}#game .play-rail .coach .mascot,#game .play-rail .coach-figure{display:none}#game .play-rail .bubble-say{width:100%;padding:10px;text-align:center}#game .play-rail .bubble-say:after{display:none}#game .play-rail .bubble-say .big{font-size:17px}#game .play-rail .bubble-say .sub{display:block;font-size:13px}#game .play-rail .tool-row{display:grid;grid-template-columns:1fr 1fr}#game .play-rail #doneBtn{grid-column:1/-1}#talk .talk-stage{grid-column:1;grid-row:1;width:100%;min-width:0;min-height:0;max-height:100%;margin:0;padding:20px;gap:24px;flex-direction:row;overflow-y:auto;touch-action:pan-y}#talk .talk-figure{width:min(34vw,48dvh,300px);height:min(34vw,48dvh,300px)}#talk .talk-bubble{min-width:0;flex:1 1;padding:20px;max-height:100%;overflow-y:auto;touch-action:pan-y}#talk .talk-bubble:after{left:-14px;top:50%;transform:translateY(-50%)}#talk .play-rail .talk-action{margin-top:auto;padding:8px 0;background:none;flex-direction:column}#talk .play-rail .talk-done{width:72px;height:72px}#talk .play-rail .talk-hearts{display:flex;width:100%;justify-content:center}#talk .play-rail .talk-settings{position:static;width:100%;padding:10px;gap:8px}#talk .play-rail .talk-settings-opts{flex-wrap:wrap;gap:6px}#talk .play-rail .len-opt{flex:1 1;min-height:44px;padding:8px;font-size:14px}@media (orientation:landscape) and (max-height:500px){#stage .play-rail{gap:6px;padding:6px}#stage .play-rail .g-topleft{gap:4px}#stage .play-rail .head-letter b{font-size:22px}#game .play-rail .bubble-say{padding:6px}#game .play-rail .bubble-say .sub{display:none}#talk .talk-stage{padding:12px;gap:18px}#talk .talk-bubble{padding:16px}#talk .talk-line{font-size:20px}}@media (min-height:501px) and (max-width:900px){#talk .talk-stage{flex-direction:column;justify-content:flex-start}#talk .talk-bubble{flex:0 0 auto;width:100%;max-height:none}}@media (orientation:landscape) and (max-width:650px){#talk .talk-figure{width:108px;height:108px}#talk .talk-stage{gap:12px;padding:8px}#talk .talk-line{font-size:18px}}.player-setup{position:fixed;inset:0;z-index:100;overflow:auto;display:grid;place-items:center;padding:20px;background:#fff8ed;color:#45372f}.player-card{display:grid;grid-gap:10px;gap:10px;width:min(100%,440px);padding:24px;border-radius:28px;background:white;box-shadow:0 12px 40px #82542918}.player-card>span{font-size:40px;text-align:center}.player-card h1{font-size:26px;margin:0}.player-card p{margin:0 0 8px}.player-card label{font-weight:600}.player-card input{width:100%;box-sizing:border-box;font:inherit;font-size:20px;padding:12px;border:2px solid #e2d8f3;border-radius:14px}.player-card small{line-height:1.5;color:#706276}.player-card button{border:0;border-radius:16px;padding:14px;background:#7152ba;color:white;font:inherit;font-weight:600;cursor:pointer}.player-settings{position:fixed;z-index:30;bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));padding:6px 10px;border:1px solid #d8cce7;border-radius:14px;background:#fffaf2;color:#574371;font:inherit;font-size:12px;cursor:pointer}@media (max-height:500px){.player-card{gap:6px;padding:16px}.player-card>span{display:none}.player-card h1{font-size:22px}.player-card input{padding:8px}}.premium-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:26px;gap:26px;align-items:stretch}.premium-card{--accent:#b27629;--light:#fff3d9;--edge:#e7d8b8;position:relative;background:#fffdf8;border:1px solid var(--edge);border-radius:var(--radius);padding:9px 9px 0;box-shadow:0 7px 0 var(--edge),0 20px 28px -18px #58493b38;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s;isolation:isolate}.premium-card:hover{transform:translateY(-8px);box-shadow:0 8px 0 var(--edge),0 28px 32px -18px #58493b45}.premium-card:active{transform:translateY(3px)}.premium-back:focus-visible,.premium-card:focus-visible{outline:4px solid #8d66d5;outline-offset:6px}.premium-letter-card{--accent:#7653c5;--light:#eee7fb;--edge:#d9cdec}.premium-friend-card{--accent:#3c8979;--light:#e4f3ea;--edge:#c4ddcd}.premium-scene{height:255px;position:relative;overflow:hidden;border-radius:26px;background:#f9e9c9}.premium-letter-card .premium-scene{background:#e9e0f8}.premium-friend-card .premium-scene{background:#dceee3}.premium-scene:before{width:225px;height:225px;left:50%;top:16px;transform:translateX(-50%);background:#ffffff59}.premium-scene:after,.premium-scene:before{content:"";position:absolute;border-radius:50%}.premium-scene:after{height:65px;width:120%;left:-10%;bottom:-25px;background:#fff8}.premium-tag{position:absolute;top:16px;left:16px;font-size:13px;font-weight:500;padding:7px 11px;border:1px solid #fff9;border-radius:12px;background:#ffffffa6;color:var(--accent);z-index:3}.premium-twinkle{position:absolute;right:30px;top:77px;color:#fff;font-size:28px;z-index:2}.premium-twinkle.premium-small{right:auto;left:26px;top:150px;font-size:18px}.premium-art{position:absolute;z-index:2;object-fit:contain;filter:drop-shadow(0 14px 9px #6e54252b)}.premium-rabbit{width:240px;height:240px;bottom:-3px;left:50%;transform:translateX(-50%) rotate(3deg)}.premium-flower{width:91px;height:100px;bottom:1px;left:4px;transform:rotate(-17deg)}.premium-carrot{width:70px;height:90px;bottom:0;right:12px;transform:rotate(17deg)}.premium-easel{position:absolute;z-index:2;left:50%;top:62px;transform:translateX(-50%) rotate(-9deg);width:145px;height:143px;border:9px solid #e0b777;border-radius:9px;background:#fffdf4;box-shadow:4px 6px 0 #bd9057,0 15px 18px #94703f20}.premium-easel:after,.premium-easel:before{content:"";position:absolute;width:10px;height:55px;top:123px;background:#c69a5f;border-radius:5px;z-index:-1}.premium-easel:before{left:15px;transform:rotate(12deg)}.premium-easel:after{right:15px;transform:rotate(-12deg)}.premium-easel img{width:100%;height:100%;object-fit:contain;padding:8px}.premium-brush{width:110px;height:150px;right:7px;bottom:8px;transform:rotate(19deg)}.premium-paint-dot{position:absolute;width:23px;height:23px;left:35px;top:91px;border-radius:50%;background:#ee9d9c;box-shadow:3px 5px 0 #d08686}.premium-paint-dot.premium-blue{left:48px;top:126px;width:16px;height:16px;background:#8cbdbb;box-shadow:2px 4px 0 #6b9c9a}.premium-letter{position:absolute;z-index:2;font-weight:600;line-height:1;filter:drop-shadow(0 16px 10px #7256a42c);-webkit-text-stroke:2px #fff6}.premium-letter.premium-a{font-size:166px;left:70px;top:64px;color:#ad87e0;text-shadow:0 7px 0 #855dbb;transform:rotate(-12deg)}.premium-letter.premium-b{font-size:112px;right:43px;bottom:27px;color:#f4ba65;text-shadow:0 6px 0 #ce974a;transform:rotate(12deg)}.premium-letter.premium-c{font-size:58px;right:57px;top:43px;color:#ee94a4;text-shadow:0 4px 0 #c87386;transform:rotate(15deg)}.premium-content{padding:24px 20px 22px;display:flex;flex-direction:column;flex:1 1}.premium-category{color:var(--accent);font-size:12px;letter-spacing:1.9px;font-weight:500;text-transform:uppercase}.premium-content h2{font-size:27px;letter-spacing:-.6px;line-height:1.12;font-weight:600;margin:9px 0 10px}.premium-content p{color:var(--muted);font-size:16px;line-height:1.5;margin:0 0 23px;max-width:255px}.premium-play{margin-top:auto;min-height:52px;background:var(--light);color:var(--accent);border:1px solid var(--edge);border-radius:17px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:500;box-shadow:0 4px 0 var(--edge)}.premium-paint-card .premium-play{color:white;background:#7956c9;border-color:#7956c9;box-shadow:0 4px 0 #593a9c}.premium-play svg{width:16px;height:16px}:root{--ink:#363350;--muted:#817c91;--violet:#7755cc;--paper:#f8f5ed;--card:#fffdf8;--radius:34px;--line:#e7e0d5;--edge:#e8e1d5;--bg-top:#f8f5ed;--bg-bot:#f8f5ed;--shadow:0 18px 30px -20px #58493b38;--premium-texture:radial-gradient(#d5cdbc55 .8px,transparent 0)}#stage,body{background:var(--paper);color:var(--ink)}#stage{background-image:var(--premium-texture);background-size:17px 17px}#stage>.bubble{background:#e6ecd9;top:auto!important;bottom:-120px!important;left:-80px!important;width:400px!important;height:220px!important}#stage>.bubble:nth-of-type(2){left:auto!important;right:-150px!important;background:#eae0f3;width:550px!important;bottom:-160px!important}#stage>.bubble:nth-of-type(3){display:none}.game-navigation{color:var(--ink)}#stage>.game-navigation{left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));min-height:76px}.navigation-title{color:var(--muted);font-size:16px}.navigation-brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:500;font-size:20px}.premium-brand-mark{color:#8359ca;background:#eadffa;border-radius:12px;width:34px;height:34px;display:inline-grid;place-items:center;font-size:26px;transform:rotate(-8deg)}#stage .iconbtn,#stage .toolbtn,.btn-ghost,.menu-link{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:0 4px 0 var(--edge);font-weight:500}#stage :focus-visible,.player-settings:focus-visible,.player-setup :focus-visible{outline:3px solid var(--violet);outline-offset:4px}#stage button:disabled{opacity:.5;cursor:default}#stage>.screen{top:calc(82px + env(safe-area-inset-top,0px))}#stage .home-title h1{color:var(--ink);text-shadow:none;font-weight:600;letter-spacing:-1.2px}#stage .home-title h1 em{color:var(--violet);font-style:normal}#stage .home-title p{color:var(--muted);font-weight:400}.premium-eyebrow{display:block;color:#8b75ac;font-size:12px;font-weight:500;letter-spacing:2.5px;margin-bottom:12px}#stage #modes{padding:24px 36px 28px}#stage #modes .home-top{margin:2px 0 36px}#stage #modes h1{font-size:clamp(34px,4vw,54px);line-height:1.15}#stage #modes .home-title p{margin-top:12px;font-size:19px}#modes .premium-cards{width:100%;max-width:1180px;margin:0 auto;padding-bottom:10px}#stage #modes .premium-card{width:100%;min-height:0;padding:9px 9px 0;gap:0;text-align:left;align-items:stretch;justify-content:flex-start;border:1px solid var(--edge);border-radius:var(--radius);background:var(--card);font-family:inherit;box-shadow:0 7px 0 var(--edge),var(--shadow);text-decoration:none}#stage #modes .premium-card:hover{transform:translateY(-6px)}#stage #modes .premium-card:active{transform:translateY(3px)}#stage #modes .premium-card:focus-visible{outline-color:var(--violet)}.premium-scene{flex-shrink:0}.premium-content{width:100%}.premium-footer{color:var(--muted);text-align:center;margin:27px 0 12px;font-size:15px}.premium-footer span{color:#af9cc6;font-size:23px;margin-right:7px}#home .home-top .mascot{display:none}#home .grid{grid-template-columns:repeat(6,minmax(0,1fr));max-width:1000px;gap:20px}#animals .grid-wrap,#home .grid-wrap{padding:12px 6px 48px}#home .lcard{border:1px solid color-mix(in srgb,var(--c-solid) 18%,var(--line));background:var(--card);border-radius:26px;box-shadow:0 5px 0 color-mix(in srgb,var(--c-solid) 16%,var(--line)),var(--shadow)}#home .lcard:before{content:"";position:absolute;inset:12px;border-radius:20px;background:var(--c-soft);opacity:.48}#home .lcard:after{display:none}#home .glyph{position:relative;font-weight:600;font-size:clamp(40px,5vw,62px);text-shadow:0 3px 0 #fff}#home .lcard.done:after{content:"✓";display:grid;place-items:center;position:absolute;width:25px;height:25px;top:8px;right:8px;left:auto;bottom:auto;border-radius:50%;color:#fff;background:#4b907c;font-size:16px}#stage>#game,#stage>#talk{--play-rail:clamp(176px,20vw,252px);padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:20px}#game:before{background:var(--premium-texture);background-size:17px 17px}#game .canvas-stack{max-width:calc((100dvh - 40px) * 480 / 520);border-radius:32px;background:#fffdf8;box-shadow:0 0 0 1px var(--line),0 7px 0 var(--edge),var(--shadow)}#game #drawCanvas{filter:none}#stage .play-rail{background:#fffdf8;border:1px solid var(--line);border-radius:26px;box-shadow:0 5px 0 var(--edge);padding:12px;gap:12px}#stage .play-rail .head-letter{color:var(--ink);border-radius:20px;background:#eee7fb;width:100%;justify-content:center;padding:12px 6px}#stage .play-rail .head-letter b{color:var(--violet)}#stage .play-rail .iconbtn{background:#f6f1fc;border-color:#e4daef;box-shadow:0 3px 0 #e4daef}#game .play-rail .coach{gap:12px}#game .play-rail .coach-figure:not(.empty){display:flex;width:76px;height:76px;border-color:var(--line)}#game .play-rail .bubble-say{background:#f8f4eb;border:1px solid var(--line);box-shadow:none;border-radius:18px;padding:14px 10px}#game .play-rail .bubble-say .big{color:var(--ink);font-weight:500}#game .play-rail .bubble-say .sub{color:var(--muted);opacity:1}#stage .btn-go,#stage .toolbtn.accent{color:#fff;background:var(--violet);border:1px solid var(--violet);box-shadow:0 4px 0 #593a9c}#game .win-card{border:1px solid var(--line);border-radius:32px;box-shadow:0 8px 0 #e0d6e8,0 30px 70px #36335025}#win{background:#42375066;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}#game .win-word{color:var(--ink);font-weight:600}#game .win-sub{color:var(--muted);opacity:1}#animals .home-title h1 em{color:#3c8979}#animals .premium-eyebrow{color:#4f8c7e}#animals .agrid{max-width:1030px;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#animals .acard{--friend-tint:#e4f0e6;align-items:stretch;padding:9px 9px 15px;gap:3px;border:1px solid #d2dfd1;border-radius:28px;background:var(--card);box-shadow:0 6px 0 #d2dfd1,var(--shadow)}#animals .acard:nth-child(3n+2){--friend-tint:#eee5f6;border-color:#ded2e9;box-shadow:0 6px 0 #ded2e9,var(--shadow)}#animals .acard:nth-child(3n){--friend-tint:#f9ebd4;border-color:#e8dcc5;box-shadow:0 6px 0 #e8dcc5,var(--shadow)}#animals .acard-fig{position:relative;width:100%;height:clamp(110px,19vh,185px);border-radius:20px;background:radial-gradient(circle at 50% 45%,#ffffff90 0 35%,transparent 36%),var(--friend-tint)}#animals .acard-fig img{padding:0;filter:drop-shadow(0 8px 5px #54463416)}#animals .acard-name{font-weight:500;font-size:24px;margin-top:8px}#animals .acard-species,#animals .mic-note{color:var(--muted);opacity:1}#talk .talk-stage{position:relative;isolation:isolate;border:1px solid #d2dfd1;border-radius:32px;background:radial-gradient(ellipse at 30% 35%,#fbfcf3 0,transparent 62%),#e5efe4;box-shadow:0 6px 0 #d2dfd1;padding:32px}#talk .talk-stage:before{content:"";position:absolute;inset:auto 0 0;height:30%;border-radius:60% 70% 30px 30px;background:#d7e6d155;z-index:-1;pointer-events:none}#talk .talk-figure{background:#fffaf070;border:1px solid #ffffff90;box-shadow:0 12px 30px -15px #5d795145}#talk .talk-img{padding:0;filter:drop-shadow(0 12px 8px #5d795120)}#talk .talk-bubble{background:var(--card);border:1px solid #d2dfd1;border-radius:26px;box-shadow:0 5px 0 #d2dfd1}#talk .talk-bubble:after{border-right-color:var(--card)}#talk .talk-line{font-weight:500}#talk .talk-hint{color:#688276;opacity:1}#talk .talk-live{color:#547b77}#talk .play-rail .head-letter{background:#e4f3ea}#talk .play-rail .head-letter b{color:#3c8979}#talk .talk-done:not(.rec){background:#4c967f;box-shadow:0 6px 0 #327561;border:4px solid #e0f0e6}#talk .done-lbl{color:var(--ink);text-shadow:none;font-weight:500}#talk .talk-settings{background:#f6f2eb;border:1px solid var(--line);box-shadow:none}#talk .len-opt.on{background:#4c967f;border-color:#4c967f}main.coloring-app{color:var(--ink);background-color:var(--paper);background-image:var(--premium-texture);background-size:17px 17px}.coloring-app .coloring-header{background:var(--paper);border-radius:0;border-bottom:1px solid var(--line)}.coloring-app .coloring-bubbles i{background:#e6ecd970;animation:none}.coloring-app .coloring-bubbles i:nth-child(2){background:#eae0f370}.coloring-app .navigation-brand{color:var(--ink)}.coloring-app .coloring-welcome{margin-top:26px}.coloring-app .coloring-welcome h1{color:var(--ink);text-shadow:none;letter-spacing:-.8px;font-weight:600}.coloring-app .coloring-welcome h1 span{color:var(--violet)}.coloring-app .idea-heading{margin-bottom:24px}.coloring-app .coloring-privacy,.coloring-app .coloring-welcome>p,.coloring-app .idea-heading>span{color:var(--muted)}.coloring-app .coloring-privacy{font-size:13px}.coloring-app .coloring-ideas{gap:22px}.coloring-app .coloring-ideas button{background:var(--card);border:1px solid var(--line);box-shadow:0 6px 0 var(--edge),var(--shadow);border-radius:28px;padding:9px 9px 18px}.coloring-app .coloring-ideas button>span{padding:6px 10px 0;color:var(--ink);font-weight:500}.coloring-app .coloring-ideas button>small{padding:0 10px}.coloring-app .coloring-ideas img,.coloring-app .gallery-painted-preview svg{background:#f3efe7;border-radius:20px}.coloring-app .create-drawing-art{background:radial-gradient(circle at 50% 40%,#fff9 0 34%,transparent 35%),#f9e9c9;border-radius:20px;color:#ae7d35}.coloring-app .create-drawing-art svg{background:#fffdf8;box-shadow:0 5px 0 #e5d1ac;color:var(--violet)}.coloring-app .coloring-prompt-card{border:1px solid var(--line);background:var(--card);box-shadow:0 6px 0 var(--edge),var(--shadow)}.coloring-app .intro-label,.coloring-app .studio-hint{background:#eee7fb;color:var(--ink)}.coloring-app .primary-button{background:var(--violet);color:white;box-shadow:0 4px 0 #593a9c}.coloring-app .soft-button{background:var(--card);border:1px solid var(--line);box-shadow:0 3px 0 var(--edge);color:var(--ink)}.coloring-app .mic-button:not(.recording){background:var(--violet);border-color:#eee7fb;box-shadow:0 6px 0 #593a9c}.coloring-app .wait-subject{color:var(--violet);opacity:1}.coloring-app .wait-caption{color:var(--muted)}.coloring-app .wait-colors{background:var(--card);border:1px solid var(--line);box-shadow:0 5px 0 var(--edge)}.coloring-app .coloring-paper{border-color:#fffdf8;background:white;box-shadow:0 0 0 1px var(--line),0 6px 0 var(--edge),var(--shadow)}.coloring-app .coloring-tools{background:var(--card);border:1px solid var(--line);box-shadow:0 5px 0 var(--edge);border-radius:24px}.coloring-app .brush-hint{color:var(--muted)}.coloring-app .swatch.selected{box-shadow:0 0 0 3px var(--violet),0 5px 0 #39215e22}.coloring-app .palette-arrow{color:var(--violet);background:#eee7fb}.coloring-app .palette-gesture{color:var(--muted)}.coloring-app .game-icon-button:focus-visible,.coloring-app :focus-visible{outline-color:var(--violet)}.coloring-app .active-tool{outline-color:var(--violet)}.coloring-app .coloring-celebration{background:var(--card);border:1px solid var(--line);border-radius:32px;box-shadow:0 8px 0 #e0d6e8,0 30px 70px #36335025}.coloring-app .coloring-celebration::-webkit-backdrop{background:#42375066}.coloring-app .coloring-celebration::backdrop{background:#42375066}.player-setup{background:var(--paper);background-image:var(--premium-texture);background-size:17px 17px;color:var(--ink)}.player-card{background:var(--card);border:1px solid var(--line);box-shadow:0 7px 0 var(--edge),var(--shadow);border-radius:32px}.player-card input{background:#f8f5fc;color:var(--ink)}.player-card button{background:var(--violet);box-shadow:0 4px 0 #593a9c}.player-settings{color:var(--muted);border-color:var(--line);background:var(--card);min-height:32px}#landscape-required{background:var(--paper);color:var(--ink)}#landscape-required h1{text-shadow:none}#landscape-required p{color:var(--muted)}#landscape-required>span{color:var(--violet)}@media(max-width:1050px){#stage #modes{padding:18px 24px 28px}#stage #modes .home-top{margin-bottom:24px}.premium-cards{gap:18px}.premium-scene{height:215px}.premium-content{padding:19px 14px}.premium-content h2{font-size:23px}.premium-rabbit{width:215px;height:215px}.premium-letter.premium-a{left:36px;font-size:145px;top:53px}.premium-letter.premium-b{right:25px;font-size:90px}.premium-letter.premium-c{right:31px}.premium-easel{top:53px;width:125px;height:123px}.premium-easel:after,.premium-easel:before{top:104px}.premium-brush{width:87px;height:122px;right:0}#home .grid{gap:16px}}@media(orientation:landscape) and (max-height:600px){#stage>.game-navigation{min-height:58px}#stage>.screen{top:calc(62px + env(safe-area-inset-top,0px))}#stage #modes{padding:8px 24px 24px}#stage #modes .home-top{margin:0 0 18px}#stage #modes h1{font-size:32px}#stage #modes .home-title p{margin-top:5px;font-size:16px}#modes .premium-eyebrow{display:none}.premium-scene{height:145px}.premium-tag{top:10px;left:10px;font-size:12px;padding:5px 8px}.premium-rabbit{width:155px;height:155px}.premium-easel{width:88px;height:85px;top:39px;border-width:6px}.premium-easel:after,.premium-easel:before{top:70px;height:35px}.premium-brush{height:90px;width:75px;right:10px}.premium-letter.premium-a{font-size:106px;top:37px;left:25%}.premium-letter.premium-b{font-size:71px;right:20%;bottom:12px}.premium-letter.premium-c{font-size:42px;top:26px}.premium-flower{height:64px;width:64px}.premium-carrot{height:64px;width:47px}.premium-content{padding:13px 15px 16px}.premium-category{font-size:12px;letter-spacing:1px}.premium-content h2{font-size:21px;margin:6px 0}.premium-content p{font-size:14px;line-height:1.3;margin-bottom:12px}.premium-play{min-height:44px;font-size:16px;border-radius:12px}.premium-footer{margin-top:18px;font-size:13px}#stage>#game,#stage>#talk{top:0;padding:10px;gap:12px;--play-rail:176px}#stage .play-rail{padding:8px;gap:8px;border-radius:20px}#stage .play-rail .head-letter{padding:6px}#game .canvas-stack{max-width:calc((100dvh - 26px) * 480 / 520);border-radius:24px}#game .play-rail .coach-figure:not(.empty){display:none}#game .play-rail .bubble-say{padding:8px}#talk .talk-stage{padding:18px;gap:20px;border-radius:24px}#talk .talk-line{font-size:20px}#animals .home-top,#home .home-top{display:none}#home .grid{grid-template-columns:repeat(6,minmax(0,1fr))}#animals .agrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#animals .acard-fig{height:105px}#animals .acard-name{font-size:21px}.coloring-app .coloring-welcome{margin-top:12px}.coloring-app .idea-heading{margin-bottom:16px}}@media(orientation:portrait) and (min-width:768px){.premium-scene{height:220px}.premium-content h2{font-size:22px}#modes .premium-cards{gap:18px}#home .grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.premium-card,.premium-card *{animation:none!important;transition:none!important}}.player-card .player-garden-mark{color:var(--violet);background:#eee7fb;width:64px;height:64px;border-radius:22px;place-self:center;display:grid;place-items:center;transform:rotate(-8deg)}@media(max-height:500px){.player-card .player-garden-mark{display:none}}