:root{--ink:#302d55;--bg-top:#8c79e0;--bg-bot:#7853c5;--card:#fbfbff;--shadow:0 18px 40px -16px #301c648c}@supports (color:lab(0% 0 0)){:root{--ink:lab(20.2562% 10.2034 -24.2784);--bg-top:lab(56.2383% 25.6698 -50.5573);--bg-bot:lab(44.0142% 35.1849 -54.9302);--card:lab(98.795% .384867 -2.23922);--shadow:0 18px 40px -16px lab(16.7639% 25.1932 -40.0382/.55)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{color:var(--ink);touch-action:none;background:#30205b;background:lab(17.24% 20.0928 -33.0024);justify-content:center;align-items:center;font-family:Fredoka,system-ui,sans-serif;display:flex;overflow:hidden}#viewport{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#stage{background:radial-gradient(120% 80% at 50% -10%, #9d98f2 0%, transparent 55%), linear-gradient(180deg, var(--bg-top), var(--bg-bot));border-radius:0;width:100%;height:100%;position:relative;overflow:hidden;transform:none}@supports (color:lab(0% 0 0)){#stage{background:radial-gradient(120% 80% at 50% -10%, lab(66.0154% 17.6695 -45.3383) 0%, transparent 55%), linear-gradient(180deg, var(--bg-top), var(--bg-bot))}}.bubble{z-index:0;background:#ffffff14;background:lab(100% 0 0/.08);border-radius:50%;position:absolute}.screen{z-index:2;flex-direction:column;display:none;position:absolute;inset:0}.screen.active{display:flex}#home{padding:30px 44px 0}.home-top{justify-content:center;align-items:center;gap:22px;margin-bottom:10px;display:flex}.home-title{text-align:center}.home-title h1{color:#fff;letter-spacing:.5px;text-shadow:0 4px #5e3ba3;text-shadow:0 4px lab(33.5938% 34.4304 -51.5906);font-size:50px;font-weight:700;line-height:1}.home-title p{color:#f1eaff;color:lab(93.7429% 7.16129 -12.932);margin-top:8px;font-size:21px;font-weight:500}.grid-wrap{scrollbar-width:thin;flex:1;margin-top:14px;padding:8px 6px 36px;overflow:hidden auto}.grid-wrap::-webkit-scrollbar{width:10px}.grid-wrap::-webkit-scrollbar-thumb{background:#ffffff59;background:lab(100% 0 0/.35);border-radius:10px}.grid{grid-template-columns:repeat(6,1fr);gap:20px;max-width:1060px;margin:0 auto;display:grid}.lcard{aspect-ratio:1;cursor:pointer;background:var(--card);box-shadow:var(--shadow);border:none;border-radius:28px;justify-content:center;align-items:center;font-family:inherit;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.lcard:after{content:"";background:var(--c-soft);border-radius:8px;height:8px;position:absolute;bottom:7px;left:10px;right:10px}.lcard:hover{transform:translateY(-5px)rotate(-1deg);box-shadow:0 24px 44px -16px #301c6499;box-shadow:0 24px 44px -16px lab(16.7639% 25.1932 -40.0382/.6)}.lcard:active{transform:translateY(0)scale(.97)}.lcard .glyph{color:var(--c-solid);font-size:62px;font-weight:700;line-height:1}#game{padding:0}#game:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(85% 70% at 50% 40%,#3e256e 0%,#1c0e40 58%,#0a0523 100%);background:radial-gradient(85% 70% at 50% 40%,lab(21.492% 25.7591 -38.6971) 0%,lab(7.97303% 19.0912 -30.0253) 58%,lab(2.55753% 6.38471 -16.8633) 100%);position:absolute;inset:0}.iconbtn{cursor:pointer;color:#fff;white-space:nowrap;background:#ffffff2e;background:lab(100% 0 0/.18);border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;min-width:58px;height:58px;padding:0 18px;font-family:inherit;font-size:26px;font-weight:600;transition:transform .1s,background .15s;display:flex}.iconbtn:hover{background:#ffffff4d;background:lab(100% 0 0/.3)}.iconbtn:active{transform:scale(.93)}.head-letter{color:#fff;align-items:center;gap:10px;font-size:30px;font-weight:600;display:flex}.head-letter b{font-size:40px}.g-corner{z-index:5;align-items:center;gap:14px;display:flex;position:absolute}.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{aspect-ratio:480/520;z-index:2;width:auto;height:min(74vh,600px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-stack canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}#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{flex-direction:row;align-items:center;gap:14px;display:flex}.coach .bubble-say{box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:22px;padding:14px 20px;position:relative}.coach .bubble-say .big{color:var(--c-solid);font-size:24px;font-weight:700}.coach .bubble-say .sub{color:var(--ink);opacity:.7;margin-top:2px;font-size:15px;font-weight:500}.coach .bubble-say:after{content:"";border:12px solid #0000;border-left:0;border-right-color:#fff;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.coach-figure{width:72px;height:72px;box-shadow:var(--shadow);border:3px solid var(--c-soft);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.coach-figure.empty{display:none}.coach-img{object-fit:contain;width:100%;height:100%;padding:7px;display:none}.coach-figure.has-img .coach-img{display:block}.coach-video{object-fit:cover;border-radius:50%;width:100%;height:100%;display:none}.coach-figure.has-video .coach-video{display:block}.coach-emoji{font-size:40px;line-height:1;display:none}.coach-figure.has-emoji .coach-emoji{display:block}.tool-row{gap:14px;display:flex}.toolbtn{cursor:pointer;color:var(--ink);box-shadow:var(--shadow);background:#fff;border:none;border-radius:18px;padding:14px 20px;font-family:inherit;font-size:18px;font-weight:600;transition:transform .1s}.toolbtn:active{transform:scale(.94)}.toolbtn.accent{background:var(--c-solid);color:#fff}#win{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#30205b8c;background:lab(17.24% 20.0928 -33.0024/.55);justify-content:center;align-items:center;display:none;position:absolute;inset:0}#win.show{display:flex}.win-card{background:var(--card);text-align:left;opacity:0;border-radius:42px;align-items:center;gap:44px;max-width:92%;padding:40px 56px;transition:transform .35s cubic-bezier(.2,1.4,.4,1),opacity .25s;display:flex;transform:scale(.8);box-shadow:0 30px 80px -20px #19053fb3;box-shadow:0 30px 80px -20px lab(5.54796% 22.1195 -32.8721/.7)}#win.show .win-card{opacity:1;transform:scale(1)}.win-body{flex-direction:column;align-items:flex-start;display:flex}.win-figure{background:radial-gradient(circle at 50% 38%, #fff, var(--c-soft));border-radius:50%;flex:none;justify-content:center;align-items:center;width:280px;height:280px;margin:0;display:flex;position:relative;box-shadow:inset 0 0 0 5px #fff,0 18px 36px -12px #2f215b66;box-shadow:inset 0 0 0 5px lab(100% 0 0),0 18px 36px -12px lab(17.2581% 19.4111 -33.4361/.4)}.win-figure.empty{display:none}.win-img{object-fit:contain;filter:drop-shadow(0 14px 22px #2f215b47);filter:drop-shadow(0 14px 22px lab(17.2581% 19.4111 -33.4361/.28));will-change:transform;width:100%;height:100%;padding:18px;display:none}.win-figure.has-img .win-img{display:block}.win-video{object-fit:cover;filter:drop-shadow(0 14px 22px #2f215b47);filter:drop-shadow(0 14px 22px lab(17.2581% 19.4111 -33.4361/.28));will-change:transform;border-radius:50%;width:100%;height:100%;display:none}.win-figure.has-video .win-video{display:block}.win-emoji{filter:drop-shadow(0 14px 22px #2f215b47);filter:drop-shadow(0 14px 22px lab(17.2581% 19.4111 -33.4361/.28));font-size:112px;line-height:1;display:none}.win-figure.has-emoji .win-emoji{display:block}#win.show .has-img .win-img,#win.show .has-video .win-video{animation:.6s cubic-bezier(.2,1.6,.4,1) both winPop,3.2s ease-in-out .6s infinite winFloat}@keyframes winPop{0%{opacity:0;transform:scale(.4)translateY(14px)}60%{opacity:1;transform:scale(1.08)translateY(-6px)}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:before,.win-figure:after{content:"✨";opacity:0;pointer-events:none;font-size:26px;position:absolute}.win-figure.has-img:before,.win-figure.has-video:before{animation:1.6s ease-in-out .7s infinite twinkle;top:4%;right:6%}.win-figure.has-img:after,.win-figure.has-video:after{font-size:20px;animation:1.6s ease-in-out 1.3s infinite twinkle;bottom:10%;left:2%}@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:before,.win-figure.has-img:after,.win-figure.has-video:before,.win-figure.has-video:after{opacity:0;animation:none}}.win-word{margin-top:0;font-size:64px;font-weight:700;line-height:1.05}.win-word .first{color:var(--c-solid)}.win-sub{color:var(--ink);opacity:.6;margin-top:8px;font-size:22px;font-weight:500}.win-actions{justify-content:flex-start;gap:16px;margin-top:28px;display:flex}.win-actions button{cursor:pointer;border:none;border-radius:22px;align-items:center;gap:10px;padding:16px 26px;font-family:inherit;font-size:21px;font-weight:600;transition:transform .1s;display:flex}.win-actions button:active{transform:scale(.94)}.btn-ghost{color:var(--ink);background:#ededfc;background:lab(94.0258% 1.92672 -7.27131)}.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:.55s cubic-bezier(.2,1.5,.4,1) both nextReady,1.7s ease-in-out .55s infinite nextPulse}@keyframes nextReady{0%{opacity:.2;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes nextPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.speak-mini{color:var(--ink);justify-content:center;width:64px;height:64px;font-size:30px;background:#ededfc!important;background:lab(94.0258% 1.92672 -7.27131)!important;border-radius:50%!important;padding:0!important}#confetti{z-index:40;pointer-events:none;position:absolute;inset:0}.mascot{position:relative}.mascot .body{background:linear-gradient(160deg,#ff97ca,#f072b3);background:linear-gradient(160deg,lab(74.6517% 51.6087 -9.93593),lab(65.233% 54.5441 -10.5356));border-radius:48% 48% 44% 44%/60% 60% 40% 40%;position:relative;box-shadow:inset 0 -10px 22px #ca488f80,0 10px 26px -10px #80095399;box-shadow:inset 0 -10px 22px lab(51.17% 57.2479 -11.1173/.5),0 10px 26px -10px lab(28.2277% 50.2622 -9.83287/.6)}.mascot .eye{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24%;height:30%;display:flex;position:absolute;top:34%;box-shadow:inset 0 -2px 6px #9d9abc4d;box-shadow:inset 0 -2px 6px lab(64.6798% 6.73488 -17.3854/.3)}.mascot .eye.l{left:20%}.mascot .eye.r{right:20%}.mascot .pupil{background:#292344;background:lab(15.7029% 9.99247 -20.2727);border-radius:50%;width:48%;height:48%;position:relative}.mascot .pupil:after{content:"";background:#fff;border-radius:50%;width:34%;height:34%;position:absolute;top:14%;right:14%}.mascot .cheek{background:#ff9092a6;background:lab(72.8184% 51.1414 22.8333/.65);border-radius:50%;width:15%;height:9%;position:absolute;top:56%}.mascot .cheek.l{left:14%}.mascot .cheek.r{right:14%}.mascot .mouth{border:0 solid #0000;border-bottom:5px solid oklch(30% .08 350);border-radius:0 0 60px 60px;width:24%;height:14%;position:absolute;top:64%;left:50%;transform:translate(-50%)}.mascot .leaf{background:linear-gradient(160deg,#5fd37f,#2eb45c);background:linear-gradient(160deg,lab(76.5065% -48.1818 31.6252),lab(65.004% -51.5155 34.182));border-radius:0 80%;width:22%;height:26%;position:absolute;top:-9%;left:50%;transform:translate(-50%)rotate(-8deg)}.mascot.bob{animation:2.6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}.mascot.cheer{animation:.5s ease-in-out infinite cheer}@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-topleft,.g-botleft{left:16px}.g-topright,.g-botright{right:16px}.iconbtn{border-radius:16px;min-width:46px;height:46px;padding:0 12px;font-size:20px}.head-letter{font-size:24px}.head-letter b{font-size:32px}.toolbtn{padding:10px 14px;font-size:15px}.coach .bubble-say{padding:10px 14px}.coach .bubble-say .big{font-size:19px}.coach .bubble-say .sub{font-size:13px}.canvas-stack{height:min(70vh,520px)}#win{align-items:center;padding:18px 0}.win-card{border-radius:30px;gap:26px;max-height:calc(100dvh - 36px);padding:18px 32px;overflow:auto}.win-figure{width:190px;height:190px}.win-word{font-size:38px}.win-sub{font-size:16px}.win-actions{gap:12px;margin-top:14px}.win-actions button{border-radius:18px;padding:11px 20px;font-size:17px}.speak-mini{width:50px;height:50px;font-size:24px}}.mode-row{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:34px;padding:0 44px 40px;display:flex}.mode-card{cursor:pointer;background:var(--card);width:min(340px,38vw);box-shadow:var(--shadow);color:var(--ink);border:0;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:34px 26px;font-family:inherit;transition:transform .16s,box-shadow .16s;display:flex}.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{opacity:.65;text-align:center;font-size:16px;font-weight:500}.mode-card.talk .mode-title{color:#d5565d;color:lab(54.2424% 51.226 23.4071)}.agrid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:820px;margin:0 auto;display:grid}.acard{cursor:pointer;color:var(--ink);background:var(--card);box-shadow:var(--shadow);border:0;border-radius:28px;flex-direction:column;align-items:center;gap:4px;padding:18px 12px 14px;font-family:inherit;transition:transform .16s;display:flex}.acard:hover{transform:translateY(-5px)rotate(-1deg)}.acard:active{transform:translateY(0)scale(.96)}.acard-fig{background:#f0f0ff;background:lab(95.1859% 1.92571 -7.27193);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.acard-fig img{object-fit:contain;width:100%;height:100%;padding:8px}.acard-emoji{font-size:52px;line-height:1}.acard-name{margin-top:6px;font-size:24px;font-weight:700}.acard-species{opacity:.6;font-size:14px;font-weight:500}.acard-hearts{letter-spacing:1px;min-height:18px;font-size:13px}#talk{justify-content:center;align-items:center}.talk-stage{justify-content:center;align-items:center;gap:34px;max-width:1040px;margin:auto;padding:0 40px;display:flex}.talk-figure{background:var(--card);width:min(38vh,290px);height:min(38vh,290px);box-shadow:var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .25s;display:flex;position:relative;overflow:visible}.talk-img{object-fit:contain;border-radius:50%;width:100%;height:100%;padding:10px;display:none}.talk-figure.has-img .talk-img{display:block}.talk-emoji{font-size:110px;line-height:1;display:none}.talk-figure.has-emoji:not(.has-img) .talk-emoji{display:block}.talk-figure.speaking{animation:1.1s ease-in-out infinite talkBob}@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 #ffee9c59, var(--shadow)}@supports (color:lab(0% 0 0)){.talk-figure.listening{box-shadow:0 0 0 6px lab(94.7672% .648886 59.6049/.35), var(--shadow)}}@property --lp{syntax:"<percentage>";inherits:false;initial-value:0%}.listen-ring{pointer-events:none;opacity:0;background:conic-gradient(#ffdc4e var(--lp), #ffffff2e 0);border-radius:50%;position:absolute;inset:-13px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px))}@supports (color:lab(0% 0 0)){.listen-ring{background:conic-gradient(lab(88.9787% 1.88431 71.4695) var(--lp), lab(100% 0 0/.18) 0)}}.listen-ring.run{opacity:1;animation:listenFill var(--listen-ms,7s) linear forwards}@keyframes listenFill{0%{--lp:0%}to{--lp:100%}}.talk-bubble{box-shadow:var(--shadow);background:#fff;border-radius:30px;min-width:280px;max-width:520px;padding:24px 28px;position:relative}.talk-bubble:after{content:"";border:14px solid #0000;border-left:0;border-right-color:#fff;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.talk-line{color:var(--ink);font-size:29px;font-weight:600;line-height:1.28}.talk-hint{opacity:.6;min-height:22px;margin-top:10px;font-size:17px;font-weight:500}.talk-live{color:#2a75ba;color:lab(47.197% -4.55368 -43.7618);min-height:24px;margin-top:6px;font-size:19px;font-style:italic;font-weight:500}.talk-figure.thinking{animation:1.4s ease-in-out infinite thinkSway}@keyframes thinkSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.talk-action{flex-direction:column;align-items:center;gap:6px}.talk-done{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;color:#fff;width:104px;height:104px;box-shadow:0 10px 0 #1b9247, var(--shadow);background:#3fc168;background:lab(69.6529% -51.4113 33.9912);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:transform .12s,box-shadow .12s;display:flex}@supports (color:lab(0% 0 0)){.talk-done{box-shadow:0 10px 0 lab(53.1492% -45.5138 30.27), var(--shadow)}}.talk-done:active{transform:translateY(6px);box-shadow:0 4px #1b9247;box-shadow:0 4px lab(53.1492% -45.5138 30.27)}.done-ico{font-size:46px;font-weight:700;line-height:1}.done-lbl{color:#fff;white-space:nowrap;text-shadow:0 2px 4px #301c6480;text-shadow:0 2px 4px lab(16.7639% 25.1932 -40.0382/.5);font-size:15px;font-weight:600}.talk-done.waiting{animation:1.5s ease-in-out infinite donePulse}.talk-done.rec{box-shadow:0 10px 0 #bd3838, var(--shadow);background:#f75d59;background:lab(60.9896% 59.8331 35.3706);animation:1.1s ease-in-out infinite recPulse}@supports (color:lab(0% 0 0)){.talk-done.rec{box-shadow:0 10px 0 lab(44.9319% 53.6846 32.5491), var(--shadow)}}.talk-done.rec:active{transform:translateY(6px);box-shadow:0 4px #bd3838;box-shadow:0 4px lab(44.9319% 53.6846 32.5491)}@keyframes recPulse{0%,to{transform:scale(1);box-shadow:0 10px #bd3838,0 0 #f75d5980;box-shadow:0 10px lab(44.9319% 53.6846 32.5491),0 0 lab(60.9896% 59.8331 35.3706/.5)}50%{transform:scale(1.06);box-shadow:0 10px #bd3838,0 0 0 18px #f75d5900;box-shadow:0 10px lab(44.9319% 53.6846 32.5491),0 0 0 18px lab(60.9896% 59.8331 35.3706/0)}}@keyframes donePulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.mic-note{opacity:.7;margin-top:6px;font-size:14px!important}.talk-hearts{gap:2px;font-size:19px;line-height:1;display:flex}.talk-hearts .heart{opacity:.55}.talk-hearts .heart.on{opacity:1}.talk-settings{z-index:20;color:#301c64;color:lab(16.7639% 25.1932 -40.0382);width:min(280px,76vw);box-shadow:var(--shadow);background:#fffffff7;background:lab(100% 0 0/.97);border-radius:20px;flex-direction:column;gap:12px;padding:16px 18px;display:flex;position:absolute;top:96px;right:30px}.talk-settings[hidden]{display:none}.talk-settings-title{font-size:18px;font-weight:700}.talk-settings-opts{gap:8px;display:flex}.len-opt{cursor:pointer;color:#301c64;color:lab(16.7639% 25.1932 -40.0382);background:#fff;border:2px solid #d0cee4;border:2px solid lab(83.4656% 3.80424 -10.5528);border-radius:14px;flex:1;padding:10px 6px;font-family:inherit;font-size:16px;font-weight:600;transition:transform .1s,background .15s,border-color .15s}.len-opt:active{transform:scale(.94)}.len-opt.on{color:#fff;background:#3fc168;background:lab(69.6529% -51.4113 33.9912);border-color:#3fc168;border-color:lab(69.6529% -51.4113 33.9912)}.talk-settings-note{opacity:.7;font-size:13px}@media (prefers-reduced-motion:reduce){.talk-figure.speaking,.talk-figure.thinking,.talk-done.waiting{animation:none}.listen-ring.run{opacity:1;--lp:100%;animation:none}}@media (max-height:480px){.mode-card{width:min(300px,40vw);padding:20px}.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{max-width:440px;padding:16px 20px}.talk-done{width:84px;height:84px}.done-ico{font-size:36px}.done-lbl{font-size:12px}.talk-settings{gap:10px;padding:12px 14px;top:70px;right:16px}}#modes{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));overflow-y:auto}#modes .home-top{margin:12px 0 30px}#modes .mode-row{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:24px;width:100%;max-width:1180px;margin:auto;padding:12px 0 24px;display:grid}#modes .mode-card{text-align:center;width:100%;min-height:260px;padding:28px 20px;text-decoration:none}#modes .mode-title{font-size:clamp(22px,2.3vw,30px)}#modes .mode-card.coloring{box-shadow:0 7px 0 #e5c085,var(--shadow);background:#fff1dc}#modes .mode-card.coloring .mode-title{color:#9d6135}#modes .mode-card:focus-visible{outline-offset:6px;outline:4px solid #ffe591}@media (max-width:650px){#modes .home-top{gap:12px;margin:12px 0 24px}#modes .home-top .mascot{flex-shrink:0;width:48px!important;height:52px!important}#modes .home-title h1{font-size:32px}#modes .home-title p{font-size:18px}#modes .mode-row{grid-template-columns:1fr;align-content:start;gap:20px;max-width:420px}#modes .mode-card{border-radius:26px;gap:7px;min-height:160px;padding:20px}#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{color:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}#stage>.game-navigation{top:env(safe-area-inset-top,0px);left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));z-index:45;position:absolute}.menu-link{min-height:48px;color:var(--ink);touch-action:manipulation;background:#fff7ff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font:600 16px Fredoka,system-ui,sans-serif;text-decoration:none;display:inline-flex;box-shadow:0 4px #d4c2eb}.menu-link span{font-size:24px;line-height:1}.menu-link:active{transform:translateY(2px)}.navigation-title{text-align:right;font-size:18px;font-weight:500}.navigation-brand{color:#eee3ff;font-size:16px}#stage>.screen{top:calc(68px + env(safe-area-inset-top,0px));outline:none}#stage>.screen.active{animation:.2s ease-out screen-arrive}#stage :focus-visible{outline-offset:4px;outline:3px solid #ffe591}#home,#animals{padding:76px 28px 0}#home .home-top,#animals .home-top{margin-bottom:16px}#home .home-title h1,#animals .home-title h1{font-size:clamp(28px,3.7vw,44px)}#home .g-topleft,#animals .g-topleft{top:8px;left:28px}#stage .grid-wrap{touch-action:pan-y;min-height:0}#stage .g-topleft,#stage .g-topright{top:12px}#stage .iconbtn{border-radius:16px;height:48px;min-height:48px;font-size:18px}#game .canvas-stack{max-width:calc(100vw - 40px);height:min(62dvh,560px)}#game .win-actions{flex-wrap:wrap}#game .win-actions .menu-link{font-size:16px}#talk .talk-stage{max-height:100%;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}#home,#animals{padding:68px 16px 0}#home .g-topleft,#animals .g-topleft{left:16px}#home .home-top .mascot{display:none}#home .home-title p,#animals .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{gap:6px;font-size:20px}#stage .head-letter b{font-size:25px}#stage .g-corner{gap:8px}#stage .iconbtn{min-width:44px;padding:0 12px;font-size:16px}#game .canvas-stack{height:min(48dvh,108.33vw - 43.332px);top:45%}#game .coach{justify-content:center;bottom:90px;left:16px;right:16px}#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));justify-content:center;gap:8px;left:16px;right:16px}#game .toolbtn{min-height:48px;padding:12px 10px;font-size:15px}#game .win-card{flex-direction:column;gap:16px;max-height:calc(100dvh - 110px);padding:24px;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{touch-action:pan-y;justify-content:flex-start;overflow-y:auto}#talk .talk-stage{flex-direction:column;gap:20px;width:100%;max-height:none;margin:0;padding:80px 20px 150px}#talk .talk-figure{width:min(45vw,210px);height:min(45vw,210px)}#talk .talk-bubble{border-radius:24px;width:100%;min-width:0;padding:18px}#talk .talk-bubble:after{top:-12px;left:50%;transform:rotate(90deg)}#talk .talk-line{font-size:22px}#talk .talk-live{font-size:17px}#talk .talk-action{bottom:max(18px,env(safe-area-inset-bottom));background:#7152a8ef;border-radius:24px;padding:8px 12px;position:fixed;right:24px}#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}#home,#animals{padding-top:58px}#home .home-top,#animals .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{height:calc(100dvh - 150px);top:48%}#game .coach{max-width:32vw;bottom:16px;left:16px;right:auto}#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{bottom:16px;left:auto;right:16px}#game .toolbtn{padding:10px;font-size:14px}#talk .talk-stage{flex-direction:row;align-items:center;gap:22px;padding:70px 120px 20px 24px}#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 :before,#stage :after{transition:none!important;animation:none!important}}#home>.g-topleft,#animals>.g-topleft{display:none}#home,#animals{padding-top:24px}@media (max-width:700px){#home,#animals{padding-top:18px}#animals .acard{gap:2px;padding:12px 10px}#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){#home,#animals{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::backdrop{display:none}#landscape-required{z-index:10000;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;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}#landscape-required h1{text-shadow:0 3px #65449e;font-size:clamp(28px,8vw,38px);line-height:1.15}#landscape-required p{color:#f2ebff;max-width:290px;font-size:19px;line-height:1.5}#landscape-required>span{color:#ffe591;margin-top:18px;font-size:20px}.landscape-phone{margin-bottom:12px;font-size:96px;line-height:1.3;animation:2.4s ease-in-out infinite landscape-turn}}@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)}}:is(#stage:has(>#game.active)>.game-navigation,#stage:has(>#talk.active)>.game-navigation){display:none}#stage>#game,#stage>#talk{--play-rail:176px;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));grid-template-columns:minmax(0,1fr) var(--play-rail);align-items:stretch;gap:12px;top:0;overflow:hidden}#stage>#game.active,#stage>#talk.active{display:grid}#stage .play-rail{z-index:5;overscroll-behavior:contain;touch-action:pan-y;background:#ffffff16;border-radius:20px;flex-direction:column;grid-area:1/2;gap:10px;min-height:0;padding:8px;display:flex;position:relative;overflow-y:auto}#stage .play-rail .g-corner{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:none;position:static;inset:auto}#stage .play-rail .menu-link,#stage .play-rail .iconbtn,#stage .play-rail .toolbtn{text-align:center;border-radius:12px;height:auto;min-height:44px;padding:10px 8px;font-size:15px;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{gap:6px;font-size:18px}#stage .play-rail .head-letter b{font-size:28px}#game .canvas-stack{width:100%;max-width:calc((100dvh - max(8px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))) * 480 / 520);aspect-ratio:480/520;grid-area:1/1;place-self:center;height:auto;position:relative;inset:auto;transform:none}#game .play-rail .coach{margin-top:auto}#game .play-rail .coach .mascot,#game .play-rail .coach-figure{display:none}#game .play-rail .bubble-say{text-align:center;width:100%;padding:10px}#game .play-rail .bubble-say:after{display:none}#game .play-rail .bubble-say .big{font-size:17px}#game .play-rail .bubble-say .sub{font-size:13px;display:block}#game .play-rail .tool-row{grid-template-columns:1fr 1fr;display:grid}#game .play-rail #doneBtn{grid-column:1/-1}#talk .talk-stage{touch-action:pan-y;flex-direction:row;grid-area:1/1;gap:24px;width:100%;min-width:0;min-height:0;max-height:100%;margin:0;padding:20px;overflow-y:auto}#talk .talk-figure{width:min(34vw,48dvh,300px);height:min(34vw,48dvh,300px)}#talk .talk-bubble{touch-action:pan-y;flex:1;min-width:0;max-height:100%;padding:20px;overflow-y:auto}#talk .talk-bubble:after{top:50%;left:-14px;transform:translateY(-50%)}#talk .play-rail .talk-action{background:0 0;flex-direction:column;margin-top:auto;padding:8px 0}#talk .play-rail .talk-done{width:72px;height:72px}#talk .play-rail .talk-hearts{justify-content:center;width:100%;display:flex}#talk .play-rail .talk-settings{gap:8px;width:100%;padding:10px;position:static}#talk .play-rail .talk-settings-opts{flex-wrap:wrap;gap:6px}#talk .play-rail .len-opt{flex: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{gap:18px;padding:12px}#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:none;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{z-index:100;color:#45372f;background:#fff8ed;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.player-card{background:#fff;border-radius:28px;gap:10px;width:min(100%,440px);padding:24px;display:grid;box-shadow:0 12px 40px #82542918}.player-card>span{text-align:center;font-size:40px}.player-card h1{margin:0;font-size:26px}.player-card p{margin:0 0 8px}.player-card label{font-weight:600}.player-card input{box-sizing:border-box;width:100%;font:inherit;border:2px solid #e2d8f3;border-radius:14px;padding:12px;font-size:20px}.player-card small{color:#706276;line-height:1.5}.player-card button{color:#fff;font:inherit;cursor:pointer;background:#7152ba;border:0;border-radius:16px;padding:14px;font-weight:600}.player-settings{z-index:30;bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));color:#574371;font:inherit;cursor:pointer;background:#fffaf2;border:1px solid #d8cce7;border-radius:14px;padding:6px 10px;font-size:12px;position:fixed}@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}}.sleep-screen{z-index:90;text-align:center;color:#fff8ee;background:radial-gradient(at 50% 30%,#4a3f86,#221c48 70%);align-content:center;place-items:center;gap:18px;padding:24px;animation:.9s both sleepIn;display:grid;position:fixed;inset:0;overflow:hidden}.sleep-screen.phase-closing{animation:2.2s forwards sleepDim}@keyframes sleepIn{0%{opacity:0}to{opacity:1}}@keyframes sleepDim{to{background:radial-gradient(at 50% 30%,#2a2455,#120e2c 70%)}}.sleep-moon{top:max(18px, env(safe-area-inset-top));filter:drop-shadow(0 0 18px #ffe9a880);font-size:56px;animation:6s ease-in-out infinite sleepFloat;position:absolute;right:8%}.sleep-star{color:#ffe9a8;opacity:.8;animation:2.4s ease-in-out infinite sleepTwinkle;position:absolute}.sleep-star.s1{font-size:22px;top:14%;left:12%}.sleep-star.s2{font-size:14px;animation-delay:.8s;top:30%;left:28%}.sleep-star.s3{font-size:18px;animation-delay:1.5s;bottom:22%;right:20%}@keyframes sleepTwinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes sleepFloat{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-10px)rotate(4deg)}}.sleep-mascot{width:150px;height:150px;animation:3.2s ease-in-out infinite sleepBreath;position:relative}.sleep-body{background:linear-gradient(160deg,#ff97ca,#f072b3);background:linear-gradient(160deg,lab(74.6517% 51.6087 -9.93593),lab(65.233% 54.5441 -10.5356));border-radius:48% 48% 44% 44%/60% 60% 40% 40%;position:absolute;inset:0;box-shadow:inset 0 -10px 22px #ca488f80,0 18px 36px -12px #0007;box-shadow:inset 0 -10px 22px lab(51.17% 57.2479 -11.1173/.5),0 18px 36px -12px lab(0% 0 0/.466667)}.sleep-leaf{background:linear-gradient(160deg,#5fd37f,#2eb45c);background:linear-gradient(160deg,lab(76.5065% -48.1818 31.6252),lab(65.004% -51.5155 34.182));border-radius:0 80%;width:22%;height:26%;position:absolute;top:-8%;left:50%;transform:translate(-50%)rotate(-8deg)}.sleep-eye{background:#fff;border-radius:50%;place-items:center;width:24%;height:30%;display:grid;position:absolute;top:34%;overflow:hidden}.sleep-eye.l{left:20%}.sleep-eye.r{right:20%}.sleep-pupil{background:#292344;background:lab(15.7029% 9.99247 -20.2727);border-radius:50%;width:48%;height:48%;position:relative}.sleep-pupil:after{content:"";background:#fff;border-radius:50%;width:34%;height:34%;position:absolute;top:14%;right:14%}.sleep-lid{background:#f47db9;background:lab(67.6899% 51.4843 -9.92684);height:100%;transition:transform 1.4s;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.sleep-cheek{background:#ff9092b3;background:lab(72.8184% 51.1414 22.8333/.7);border-radius:50%;width:15%;height:9%;position:absolute;top:56%}.sleep-cheek.l{left:14%}.sleep-cheek.r{right:14%}.sleep-mouth{border-bottom:5px solid #4a1a33;border-bottom:5px solid lab(17.722% 25.5579 -4.94971);border-radius:0 0 60px 60px;width:24%;height:14%;transition:all .6s;position:absolute;top:64%;left:50%;transform:translate(-50%)}.mood-sleepy .sleep-lid{animation:4s ease-in-out infinite sleepBlink;transform:translateY(-45%)}@keyframes sleepBlink{0%,80%,to{transform:translateY(-45%)}88%{transform:translateY(0)}}.mood-kiss .sleep-mouth{background:#c53443;background:lab(45.8893% 57.7361 27.393);border:0;border-radius:50%;width:12%;height:12%;top:66%}.mood-kiss .sleep-lid{transform:translateY(-45%)}.mood-kiss .sleep-mascot,.mood-kiss{animation:.7s ease-in-out infinite alternate sleepLean}@keyframes sleepLean{0%{transform:rotate(-3deg)translate(-6px)}to{transform:rotate(4deg)translate(10px)}}.mood-asleep .sleep-lid{transform:translateY(0)}.mood-asleep .sleep-mouth{border-bottom-width:4px;width:14%;height:8%}.mood-asleep .sleep-body{animation:none}@keyframes sleepBreath{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.02,.98)}}.sleep-zzz{color:#ffe9a8;opacity:0;font:700 26px Fredoka,system-ui,sans-serif;transition:opacity .8s;position:absolute;top:-8px;right:-34px}.mood-asleep .sleep-zzz{opacity:1}.sleep-zzz i{font-style:normal;animation:3s ease-in infinite sleepZ;position:absolute}.sleep-zzz i:nth-child(2){font-size:20px;animation-delay:1s}.sleep-zzz i:nth-child(3){font-size:16px;animation-delay:2s}@keyframes sleepZ{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(26px,-60px)scale(1.2)}}.sleep-kiss{pointer-events:none;position:absolute;top:40%;left:50%}.sleep-kiss i{font-size:44px;font-style:normal;animation:2.6s ease-out forwards sleepKiss;position:absolute;top:0;left:0}.sleep-kiss b{opacity:0;font-size:26px;animation:2.2s ease-out forwards sleepHeart;position:absolute;top:0;left:0}.sleep-kiss b:nth-child(2){--dx:-90px;animation-delay:.3s}.sleep-kiss b:nth-child(3){--dx:-40px;animation-delay:.5s}.sleep-kiss b:nth-child(4){--dx:50px;animation-delay:.4s}.sleep-kiss b:nth-child(5){--dx:100px;animation-delay:.6s}@keyframes sleepKiss{0%{opacity:0;transform:translate(-50%)scale(.4)}25%{opacity:1;transform:translate(-50%,-30px)scale(1.2)}to{opacity:0;transform:translate(-50%,-140px)scale(.9)}}@keyframes sleepHeart{0%{opacity:0;transform:translate(-50%)scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx,0px)), -170px) scale(1.1)}}.sleep-bubble{color:#363350;background:#fffdf8;border-radius:26px;max-width:min(92vw,640px);padding:18px 28px;font:600 clamp(20px,3vw,30px)/1.3 Fredoka,system-ui,sans-serif;animation:.6s both sleepBubble;position:relative;box-shadow:0 18px 40px -14px #0009}.sleep-bubble:before{content:"";background:inherit;border-radius:4px;width:24px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes sleepBubble{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.sleep-card{gap:8px;max-width:min(92vw,560px);animation:1.2s both sleepBubble;display:grid}.sleep-card h1{margin:0;font:600 clamp(28px,4vw,42px)/1.15 Fredoka,system-ui,sans-serif}.sleep-card p{color:#e6dcff;margin:0;font-size:clamp(16px,2.2vw,22px)}.sleep-card small{color:#b8aee0;margin-top:10px;font-size:13px}.sleep-curtain{pointer-events:none;background:linear-gradient(90deg,#1b1640,#2b2461);width:52%;position:absolute;top:0;bottom:0;transform:translate(-102%)}.sleep-curtain-l{left:0}.sleep-curtain-r{right:0;transform:translate(102%)}.phase-closing .sleep-curtain{transition:transform 2.1s cubic-bezier(.65,0,.35,1);transform:translate(0)}.phase-asleep .sleep-curtain{display:none}.phase-closing .sleep-bubble,.phase-closing .sleep-star,.phase-closing .sleep-moon{animation:1s forwards sleepFade}@keyframes sleepFade{to{opacity:0}}.sleep-screen~.player-settings{z-index:95}@media (max-height:480px){.sleep-screen{gap:10px}.sleep-mascot{width:104px;height:104px}.sleep-moon{font-size:40px}.sleep-bubble{padding:12px 20px}}@media (prefers-reduced-motion:reduce){.sleep-screen *,.sleep-screen{transition-duration:.2s!important;animation-duration:10ms!important;animation-iteration-count:1!important}.phase-closing .sleep-curtain{transform:translate(0)}}
.premium-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:26px;display:grid}.premium-card{--accent:#b27629;--light:#fff3d9;--edge:#e7d8b8;border:1px solid var(--edge);border-radius:var(--radius);box-shadow:0 7px 0 var(--edge),0 20px 28px -18px #58493b38;isolation:isolate;background:#fffdf8;flex-direction:column;padding:9px 9px 0;transition:transform .22s,box-shadow .22s;display:flex;position:relative}.premium-card:hover{box-shadow:0 8px 0 var(--edge),0 28px 32px -18px #58493b45;transform:translateY(-8px)}.premium-card:active{transform:translateY(3px)}.premium-card:focus-visible,.premium-back:focus-visible{outline-offset:6px;outline:4px solid #8d66d5}.premium-letter-card{--accent:#7653c5;--light:#eee7fb;--edge:#d9cdec}.premium-friend-card{--accent:#3c8979;--light:#e4f3ea;--edge:#c4ddcd}.premium-scene{background:#f9e9c9;border-radius:26px;height:255px;position:relative;overflow:hidden}.premium-letter-card .premium-scene{background:#e9e0f8}.premium-friend-card .premium-scene{background:#dceee3}.premium-scene:before{content:"";background:#ffffff59;border-radius:50%;width:225px;height:225px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.premium-scene:after{content:"";background:#fff8;border-radius:50%;width:120%;height:65px;position:absolute;bottom:-25px;left:-10%}.premium-tag{color:var(--accent);z-index:3;background:#ffffffa6;border:1px solid #fff9;border-radius:12px;padding:7px 11px;font-size:13px;font-weight:500;position:absolute;top:16px;left:16px}.premium-twinkle{color:#fff;z-index:2;font-size:28px;position:absolute;top:77px;right:30px}.premium-twinkle.premium-small{font-size:18px;top:150px;left:26px;right:auto}.premium-art{z-index:2;object-fit:contain;filter:drop-shadow(0 14px 9px #6e54252b);position:absolute}.premium-rabbit{width:240px;height:240px;bottom:-3px;left:50%;transform:translate(-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{z-index:2;background:#fffdf4;border:9px solid #e0b777;border-radius:9px;width:145px;height:143px;position:absolute;top:62px;left:50%;transform:translate(-50%)rotate(-9deg);box-shadow:4px 6px #bd9057,0 15px 18px #94703f20}.premium-easel:before,.premium-easel:after{content:"";z-index:-1;background:#c69a5f;border-radius:5px;width:10px;height:55px;position:absolute;top:123px}.premium-easel:before{left:15px;transform:rotate(12deg)}.premium-easel:after{right:15px;transform:rotate(-12deg)}.premium-easel img{object-fit:contain;width:100%;height:100%;padding:8px}.premium-brush{width:110px;height:150px;bottom:8px;right:7px;transform:rotate(19deg)}.premium-paint-dot{background:#ee9d9c;border-radius:50%;width:23px;height:23px;position:absolute;top:91px;left:35px;box-shadow:3px 5px #d08686}.premium-paint-dot.premium-blue{background:#8cbdbb;width:16px;height:16px;top:126px;left:48px;box-shadow:2px 4px #6b9c9a}.premium-letter{z-index:2;filter:drop-shadow(0 16px 10px #7256a42c);-webkit-text-stroke:2px #fff6;font-weight:600;line-height:1;position:absolute}.premium-letter.premium-a{color:#ad87e0;text-shadow:0 7px #855dbb;font-size:166px;top:64px;left:70px;transform:rotate(-12deg)}.premium-letter.premium-b{color:#f4ba65;text-shadow:0 6px #ce974a;font-size:112px;bottom:27px;right:43px;transform:rotate(12deg)}.premium-letter.premium-c{color:#ee94a4;text-shadow:0 4px #c87386;font-size:58px;top:43px;right:57px;transform:rotate(15deg)}.premium-content{flex-direction:column;flex:1;padding:24px 20px 22px;display:flex}.premium-category{color:var(--accent);letter-spacing:1.9px;text-transform:uppercase;font-size:12px;font-weight:500}.premium-content h2{letter-spacing:-.6px;margin:9px 0 10px;font-size:27px;font-weight:600;line-height:1.12}.premium-content p{color:var(--muted);max-width:255px;margin:0 0 23px;font-size:16px;line-height:1.5}.premium-play{background:var(--light);min-height:52px;color:var(--accent);border:1px solid var(--edge);box-shadow:0 4px 0 var(--edge);border-radius:17px;justify-content:center;align-items:center;gap:10px;margin-top:auto;font-size:18px;font-weight:500;display:flex}.premium-paint-card .premium-play{color:#fff;background:#7956c9;border-color:#7956c9;box-shadow:0 4px #593a9c}.premium-play svg{width:16px;height:16px}:root{--ink:#363350;--muted:#817c91;--violet:#75c;--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 .8px)}body,#stage{background:var(--paper);color:var(--ink)}#stage{background-image:var(--premium-texture);background-size:17px 17px}#stage>.bubble{background:#e6ecd9;width:400px!important;height:220px!important;top:auto!important;bottom:-120px!important;left:-80px!important}#stage>.bubble:nth-of-type(2){background:#eae0f3;width:550px!important;bottom:-160px!important;left:auto!important;right:-150px!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{color:var(--ink);align-items:center;gap:9px;font-size:20px;font-weight:500;display:flex}.premium-brand-mark{color:#8359ca;background:#eadffa;border-radius:12px;place-items:center;width:34px;height:34px;font-size:26px;display:inline-grid;transform:rotate(-8deg)}.menu-link,#stage .iconbtn,#stage .toolbtn,.btn-ghost{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-setup :focus-visible,.player-settings: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;letter-spacing:-1.2px;font-weight:600}#stage .home-title h1 em{color:var(--violet);font-style:normal}#stage .home-title p{color:var(--muted);font-weight:400}.premium-eyebrow{color:#8b75ac;letter-spacing:2.5px;margin-bottom:12px;font-size:12px;font-weight:500;display:block}#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{text-align:left;border:1px solid var(--edge);border-radius:var(--radius);background:var(--card);width:100%;min-height:0;box-shadow:0 7px 0 var(--edge),var(--shadow);justify-content:flex-start;align-items:stretch;gap:0;padding:9px 9px 0;font-family:inherit;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;margin-right:7px;font-size:23px}#home .home-top .mascot{display:none}#home .grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;max-width:1000px}#home .grid-wrap,#animals .grid-wrap{padding:12px 6px 48px}#home .lcard{border:1px solid color-mix(in srgb,var(--c-solid) 18%,var(--line));background:var(--card);box-shadow:0 5px 0 color-mix(in srgb,var(--c-solid) 16%,var(--line)),var(--shadow);border-radius:26px}#home .lcard:before{content:"";background:var(--c-soft);opacity:.48;border-radius:20px;position:absolute;inset:12px}#home .lcard:after{display:none}#home .glyph{text-shadow:0 3px #fff;font-size:clamp(40px,5vw,62px);font-weight:600;position:relative}#home .lcard.done:after{content:"✓";color:#fff;background:#4b907c;border-radius:50%;place-items:center;width:25px;height:25px;font-size:16px;display:grid;position:absolute;inset:8px 8px auto auto}#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(92.3077dvh - 36.9231px);box-shadow:0 0 0 1px var(--line),0 7px 0 var(--edge),var(--shadow);background:#fffdf8;border-radius:32px}#game #drawCanvas{filter:none}#stage .play-rail{border:1px solid var(--line);box-shadow:0 5px 0 var(--edge);background:#fffdf8;border-radius:26px;gap:12px;padding:12px}#stage .play-rail .head-letter{color:var(--ink);background:#eee7fb;border-radius:20px;justify-content:center;width:100%;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 #e4daef}#game .play-rail .coach{gap:12px}#game .play-rail .coach-figure:not(.empty){border-color:var(--line);width:76px;height:76px;display:flex}#game .play-rail .bubble-say{border:1px solid var(--line);box-shadow:none;background:#f8f4eb;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 .toolbtn.accent,#stage .btn-go{color:#fff;background:var(--violet);border:1px solid var(--violet);box-shadow:0 4px #593a9c}#game .win-card{border:1px solid var(--line);border-radius:32px;box-shadow:0 8px #e0d6e8,0 30px 70px #36335025}#win{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#42375066}#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{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1030px}#animals .acard{--friend-tint:#e4f0e6;background:var(--card);box-shadow:0 6px 0 #d2dfd1,var(--shadow);border:1px solid #d2dfd1;border-radius:28px;align-items:stretch;gap:3px;padding:9px 9px 15px}#animals .acard:nth-child(3n+2){--friend-tint:#eee5f6;box-shadow:0 6px 0 #ded2e9,var(--shadow);border-color:#ded2e9}#animals .acard:nth-child(3n){--friend-tint:#f9ebd4;box-shadow:0 6px 0 #e8dcc5,var(--shadow);border-color:#e8dcc5}#animals .acard-fig{background:radial-gradient(circle at 50% 45%,#ffffff90 0 35%,transparent 36%),var(--friend-tint);border-radius:20px;width:100%;height:clamp(110px,19vh,185px);position:relative}#animals .acard-fig img{filter:drop-shadow(0 8px 5px #54463416);padding:0}#animals .acard-name{margin-top:8px;font-size:24px;font-weight:500}#animals .acard-species,#animals .mic-note{color:var(--muted);opacity:1}#talk .talk-stage{isolation:isolate;background:radial-gradient(at 30% 35%,#fbfcf3 0,#0000 62%),#e5efe4;border:1px solid #d2dfd1;border-radius:32px;padding:32px;position:relative;box-shadow:0 6px #d2dfd1}#talk .talk-stage:before{content:"";z-index:-1;pointer-events:none;background:#d7e6d155;border-radius:60% 70% 30px 30px;height:30%;position:absolute;inset:auto 0 0}#talk .talk-figure{background:#fffaf070;border:1px solid #ffffff90;box-shadow:0 12px 30px -15px #5d795145}#talk .talk-img{filter:drop-shadow(0 12px 8px #5d795120);padding:0}#talk .talk-bubble{background:var(--card);border:1px solid #d2dfd1;border-radius:26px;box-shadow:0 5px #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;border:4px solid #e0f0e6;box-shadow:0 6px #327561}#talk .done-lbl{color:var(--ink);text-shadow:none;font-weight:500}#talk .talk-settings{border:1px solid var(--line);box-shadow:none;background:#f6f2eb}#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-bottom:1px solid var(--line);border-radius:0}.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 .idea-heading>span,.coloring-app .coloring-welcome>p,.coloring-app .coloring-privacy{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{color:var(--ink);padding:6px 10px 0;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{color:#ae7d35;background:radial-gradient(circle at 50% 40%,#fff9 0 34%,#0000 35%),#f9e9c9;border-radius:20px}.coloring-app .create-drawing-art svg{color:var(--violet);background:#fffdf8;box-shadow:0 5px #e5d1ac}.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{color:var(--ink);background:#eee7fb}.coloring-app .primary-button{background:var(--violet);color:#fff;box-shadow:0 4px #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 #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{box-shadow:0 0 0 1px var(--line),0 6px 0 var(--edge),var(--shadow);background:#fff;border-color:#fffdf8}.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 :focus-visible,.coloring-app .game-icon-button:focus-visible,.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 #e0d6e8,0 30px 70px #36335025}.coloring-app .coloring-celebration::backdrop{background:#42375066}.player-setup{background:var(--paper);background-image:var(--premium-texture);color:var(--ink);background-size:17px 17px}.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{color:var(--ink);background:#f8f5fc}.player-card button{background:var(--violet);box-shadow:0 4px #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{font-size:145px;top:53px;left:36px}.premium-letter.premium-b{font-size:90px;right:25px}.premium-letter.premium-c{right:31px}.premium-easel{width:125px;height:123px;top:53px}.premium-easel:before,.premium-easel:after{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{padding:5px 8px;font-size:12px;top:10px;left:10px}.premium-rabbit{width:155px;height:155px}.premium-easel{border-width:6px;width:88px;height:85px;top:39px}.premium-easel:before,.premium-easel:after{height:35px;top:70px}.premium-brush{width:75px;height:90px;right:10px}.premium-letter.premium-a{font-size:106px;top:37px;left:25%}.premium-letter.premium-b{font-size:71px;bottom:12px;right:20%}.premium-letter.premium-c{font-size:42px;top:26px}.premium-flower{width:64px;height:64px}.premium-carrot{width:47px;height:64px}.premium-content{padding:13px 15px 16px}.premium-category{letter-spacing:1px;font-size:12px}.premium-content h2{margin:6px 0;font-size:21px}.premium-content p{margin-bottom:12px;font-size:14px;line-height:1.3}.premium-play{border-radius:12px;min-height:44px;font-size:16px}.premium-footer{margin-top:18px;font-size:13px}#stage>#game,#stage>#talk{--play-rail:176px;gap:12px;padding:10px;top:0}#stage .play-rail{border-radius:20px;gap:8px;padding:8px}#stage .play-rail .head-letter{padding:6px}#game .canvas-stack{border-radius:24px;max-width:calc(92.3077dvh - 24px)}#game .play-rail .coach-figure:not(.empty){display:none}#game .play-rail .bubble-say{padding:8px}#talk .talk-stage{border-radius:24px;gap:20px;padding:18px}#talk .talk-line{font-size:20px}#home .home-top,#animals .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 *{transition:none!important;animation:none!important}}.player-card .player-garden-mark{color:var(--violet);background:#eee7fb;border-radius:22px;place-self:center;place-items:center;width:64px;height:64px;display:grid;transform:rotate(-8deg)}@media (max-height:500px){.player-card .player-garden-mark{display:none}}