*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--road:#4a4a5a;--sky:#87ceeb;--grass:#7ec850;--sun:gold;--red:#ff4757;--blue:#3742fa;--green:#2ed573;--orange:#ff6348;--purple:#a55eea;--pink:#ff6b81;--yellow:#ffa502}html{height:100%;min-height:calc(100% + env(safe-area-inset-top,0px))}body{touch-action:manipulation;background:var(--sky);width:100%;height:100%;font-family:"Baloo 2",cursive,sans-serif;overflow:hidden}#app{width:100%;height:100%;transition:background .5s;position:relative;overflow:hidden}.screen{inset:0;z-index:10;opacity:0;display:none;position:absolute;inset:0}.screen.active{animation:.4s forwards screen-in;display:flex}@keyframes screen-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}#app[data-theme=cars]{background:linear-gradient(#6ab8e0 0%,#87ceeb 18%,#a8ddf0 32%,#c8e8c8 42%,#8ed458 52%,#7ec850 62%,#6bba42 75%,#5aad35 84%,#4a4a5a 86%)}#app[data-theme=cars] .road{background:#4a4a5a}#app[data-theme=cars] .road:before{background:repeating-linear-gradient(90deg,#fff 0 30px,#0000 30px 60px)}#app[data-theme=cars] .sun{background:radial-gradient(circle at 35% 35%,#fff6c8 0%,gold 50%,#f0a000 100%);box-shadow:0 0 50px #ffd70066,0 0 100px #ffd70026}#app[data-theme=cars] .cloud{background:#fff}#app[data-theme=space]{background:linear-gradient(#080820 0%,#0c0c2e 15%,#151548 30%,#1a1a4e 45%,#2d2d6b 58%,#446 70%,#555570 84%)}#app[data-theme=space] .road{background:linear-gradient(#606075 0%,#556 100%)}#app[data-theme=space] .road:before{background:radial-gradient(circle at 18% 55%,#00000047 12px,#0000 12px),radial-gradient(circle at 50% 28%,#0003 8px,#0000 8px),radial-gradient(circle at 82% 62%,#0000003d 14px,#0000 14px),radial-gradient(circle at 35% 72%,#0000002e 7px,#0000 7px),radial-gradient(circle at 67% 38%,#00000038 10px,#0000 10px),radial-gradient(circle at 8% 30%,#00000029 6px,#0000 6px),radial-gradient(circle at 92% 25%,#0000002e 8px,#0000 8px);width:100%;height:100%;top:0}#app[data-theme=space] .sun{background:radial-gradient(circle at 30% 30%,#4a8c5e 0%,#0000 18%),radial-gradient(circle at 65% 55%,#5a9a6a 0%,#0000 14%),radial-gradient(circle at 25% 65%,#4a8c5e 0%,#0000 12%),radial-gradient(circle,#5cabe8 0%,#2a7ec0 60%,#1a5a9c 100%);box-shadow:0 0 50px #5ab4f080,0 0 100px #3c96d233}#app[data-theme=space] .sun:after{background:radial-gradient(circle,#78b4f038 30%,#0000 70%)}#app[data-theme=space] .cloud,#app[data-theme=space] .cloud:before,#app[data-theme=space] .cloud:after{background:#ffffff1a}#app[data-theme=planes]{background:linear-gradient(#4ab0f0 0%,#5bc0f8 18%,#87ceeb 32%,#c8e6c8 44%,#9ed058 54%,#7ab850 64%,#6ab040 78%,#555 87%)}#app[data-theme=planes] .road{background:linear-gradient(#606060 0%,#555 100%);box-shadow:0 -6px 20px #0000001f,inset 0 4px #ffffffd9}#app[data-theme=planes] .road:before{background:repeating-linear-gradient(90deg,gold 0 40px,#0000 40px 80px);height:3px}#app[data-theme=planes] .sun{background:radial-gradient(circle at 35% 35%,#fff6c8 0%,gold 50%,#f0a000 100%);box-shadow:0 0 50px #ffd70066,0 0 100px #ffd70026}#app[data-theme=boats]{background:linear-gradient(#68b8e8 0%,#87ceeb 14%,#a8d8f0 26%,#e0d4a8 36%,#f5e6c8 50%,#e8d5a8 62%,#dac590 70%)}#app[data-theme=boats] .road{background:linear-gradient(#3a9bd8 0%,#1976d2 30%,#1565c0 65%,#0d47a1 100%);height:30%;overflow:hidden}#app[data-theme=boats] .road:before{display:none}#app[data-theme=boats] .road:after{content:"";background:radial-gradient(60px 10px at 8%,#ffffff8c 0%,#0000 100%),radial-gradient(80px 12px at 25%,#ffffff80 0%,#0000 100%),radial-gradient(55px 9px at 40%,#fff9 0%,#0000 100%),radial-gradient(70px 11px at 58%,#ffffff80 0%,#0000 100%),radial-gradient(60px 10px at 75%,#ffffff8c 0%,#0000 100%),radial-gradient(75px 12px at 90%,#ffffff73 0%,#0000 100%);width:200%;height:14px;animation:3s ease-in-out infinite ocean-wave-top;position:absolute;top:0;left:-50%}@keyframes ocean-wave{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(-40px)translateY(3px)}}@keyframes ocean-wave-top{0%,to{transform:translate(0)}50%{transform:translate(30px)}}#app[data-theme=boats] .sun{background:radial-gradient(circle at 35% 35%,#fff6c8 0%,gold 50%,#f0a000 100%);box-shadow:0 0 50px #ffd70066,0 0 100px #ffd70026}#app[data-theme=unicorns]{background:linear-gradient(#ffd6e0 0%,#ffb8cf 18%,#e8c0e8 32%,#d4b0e0 46%,#c8b8e0 60%,#d8c0e8 75%,#e0b8d8 86%)}#app[data-theme=unicorns] .road{background:linear-gradient(#e0c0e8 0%,#d4a8e8 100%)}#app[data-theme=unicorns] .road:before{background:radial-gradient(circle at 8% 45%,#ffffffb3 4px,#0000 4px),radial-gradient(circle at 22% 25%,#ffffff8c 3px,#0000 3px),radial-gradient(circle at 38% 60%,#ffffffbf 4px,#0000 4px),radial-gradient(circle at 52% 35%,#ffffff80 2.5px,#0000 2.5px),radial-gradient(circle at 65% 55%,#ffffffa6 3.5px,#0000 3.5px),radial-gradient(circle at 78% 30%,#ffffff8c 3px,#0000 3px),radial-gradient(circle at 92%,#ffffffb3 4px,#0000 4px);width:100%;height:100%;animation:2s ease-in-out infinite twinkle;top:0}#app[data-theme=unicorns] .sun{background:radial-gradient(circle at 40% 35%,#ffe0f0 0%,#ffb3c6 50%,#e090a8 100%);box-shadow:0 0 50px #ffb3c666,0 0 100px #ffb3c626}#app[data-theme=unicorns] .sun:after{background:radial-gradient(circle,#ffb3c64d 30%,#0000 70%)}#app[data-theme=unicorns] .cloud{background:#ffffffb3}#app[data-theme=animals]{background:linear-gradient(#70b8d8 0%,#87ceeb 18%,#a8d8ea 30%,#a0d4a0 40%,#5fa450 52%,#3d7a35 65%,#2d6b25 78%,#5a4a30 86%)}#app[data-theme=animals] .road{background:linear-gradient(#907860 0%,#7a6248 100%)}#app[data-theme=animals] .road:before{opacity:.9;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60'><g><ellipse cx='14' cy='42' rx='5' ry='3.5' fill='rgba(180,150,110,0.55)'/><ellipse cx='13' cy='41' rx='3' ry='1.8' fill='rgba(240,220,180,0.45)'/><ellipse cx='52' cy='18' rx='4' ry='2.8' fill='rgba(160,130,95,0.55)'/><ellipse cx='51.5' cy='17.4' rx='2.4' ry='1.4' fill='rgba(230,210,170,0.4)'/><ellipse cx='86' cy='38' rx='6' ry='4' fill='rgba(170,140,100,0.55)'/><ellipse cx='85' cy='37' rx='3.5' ry='2' fill='rgba(235,215,175,0.45)'/><ellipse cx='104' cy='14' rx='3.5' ry='2.4' fill='rgba(160,130,95,0.5)'/><path d='M30 50 q-2 -8 -1 -14 M30 50 q0 -10 3 -16 M30 50 q3 -8 6 -12' stroke='rgba(60,110,40,0.5)' stroke-width='1.5' stroke-linecap='round' fill='none'/><path d='M70 52 q-2 -7 -1 -12 M70 52 q1 -9 3 -14' stroke='rgba(70,120,45,0.5)' stroke-width='1.4' stroke-linecap='round' fill='none'/></g></svg>");background-repeat:repeat-x;background-size:200px 100%;width:100%;height:100%;top:0}#app[data-theme=animals] .sun{background:radial-gradient(circle at 35% 35%,#fff6c8 0%,gold 50%,#f0a000 100%);box-shadow:0 0 50px #ffd70066,0 0 100px #ffd70026}#app[data-theme=animals] .cloud{opacity:.85;background:#fffffff2}#app[data-theme=animals] .cloud:before,#app[data-theme=animals] .cloud:after{background:#fffffff2}#app[data-theme=animals] .decor svg{transform-origin:bottom;transform:scale(1.7)}#app[data-theme=flowers]{background:linear-gradient(#a8dcf0 0%,#c0e6f8 22%,#b8e088 38%,#8fcc58 55%,#6ab840 72%,#e8b8d0 82%,#d4a0c0 100%)}#app[data-theme=flowers] .road{background:linear-gradient(#e8b8d0 0%,#d4a0c0 100%)}#app[data-theme=flowers] .road:before{background:radial-gradient(6px at 8% 38%,#ffffffbf 100%,#0000 100%),radial-gradient(5px at 14% 62%,#ffc8a0b3 100%,#0000 100%),radial-gradient(7px at 24% 30%,#fffc 100%,#0000 100%),radial-gradient(5px at 32% 70%,#ffb4d2b3 100%,#0000 100%),radial-gradient(6px at 42% 45%,#dcc8ffbf 100%,#0000 100%),radial-gradient(7px at 52% 25%,#fffc 100%,#0000 100%),radial-gradient(5px at 60% 65%,#ffdc8cbf 100%,#0000 100%),radial-gradient(6px at 70% 40%,#ffffffbf 100%,#0000 100%),radial-gradient(5px at 80% 72%,#ffb4d2b3 100%,#0000 100%),radial-gradient(7px at 90% 35%,#fffc 100%,#0000 100%),radial-gradient(5px at 96% 60%,#dcc8ffb3 100%,#0000 100%);width:100%;height:100%;top:0}#app[data-theme=flowers] .cloud{opacity:.9;background:#fffffff2}#app[data-theme=flowers] .decor svg{transform-origin:bottom;transform:scale(1.6)}#app[data-theme=flowers] .sun{background:radial-gradient(circle at 35% 35%,#fff6c8 0%,gold 50%,#f0a000 100%);box-shadow:0 0 50px #ffd70066,0 0 100px #ffd70026}.road-vehicle{z-index:2;opacity:.65;animation-fill-mode:both;position:absolute}.road-vehicle.rv2{opacity:.5}.v-svg-road{width:clamp(50px,8vw,80px);height:auto}@keyframes cars-drive{0%{left:-100px}to{left:calc(100% + 100px)}}@keyframes cars-drive-back{0%{right:-100px}to{right:calc(100% + 100px)}}#app[data-theme=cars] .road-vehicle{animation:12s linear infinite both cars-drive;bottom:2%;left:auto;right:auto}#app[data-theme=cars] .road-vehicle.rv2{animation:16s linear 4s infinite both cars-drive-back;bottom:9%;transform:scaleX(-1)}@keyframes space-rocket{0%{top:55%;left:-100px;transform:rotate(15deg)}15%{top:35%;transform:rotate(-5deg)}30%{top:50%;transform:rotate(10deg)}50%{top:25%;transform:rotate(-10deg)}70%{top:45%;transform:rotate(5deg)}85%{top:30%;transform:rotate(-8deg)}to{top:40%;left:calc(100% + 100px);transform:rotate(0)}}@keyframes space-ufo{0%{top:30%;right:-100px;transform:rotate(0)scale(1)}20%{top:20%;transform:rotate(8deg)scale(1.05)}40%{top:40%;transform:rotate(-5deg)scale(.95)}60%{top:15%;transform:rotate(10deg)scale(1.08)}80%{top:35%;transform:rotate(-3deg)scale(1)}to{top:25%;right:calc(100% + 100px);transform:rotate(5deg)scale(1.02)}}#app[data-theme=space] .road-vehicle{animation:18s ease-in-out infinite both space-rocket;bottom:auto}#app[data-theme=space] .road-vehicle.rv2{animation:22s ease-in-out 5s infinite both space-ufo;bottom:auto;left:auto}@keyframes planes-fly{0%{top:25%;left:-120px;transform:scaleX(-1)rotate(8deg)}10%{top:15%;transform:scaleX(-1)rotate(12deg)}25%{top:35%;transform:scaleX(-1)rotate(-5deg)}35%{top:20%;transform:scaleX(-1)rotate(6deg)}50%{top:40%;transform:scaleX(-1)rotate(-8deg)}65%{top:10%;transform:scaleX(-1)rotate(15deg)}80%{top:30%;transform:scaleX(-1)rotate(-3deg)}to{top:20%;left:calc(100% + 120px);transform:scaleX(-1)rotate(5deg)}}@keyframes planes-heli{0%{top:35%;right:-120px;transform:rotate(0)}15%{top:25%;transform:rotate(-5deg)}30%{top:40%;transform:rotate(5deg)}50%{top:20%;transform:rotate(-8deg)}70%{top:38%;transform:rotate(3deg)}85%{top:28%;transform:rotate(-4deg)}to{top:32%;right:calc(100% + 120px);transform:rotate(0)}}#app[data-theme=planes] .road-vehicle{animation:10s ease-in-out infinite both planes-fly;bottom:auto}#app[data-theme=planes] .road-vehicle.rv2{animation:14s ease-in-out 3s infinite both planes-heli;bottom:auto;left:auto}@keyframes boats-sail{0%{left:-100px;transform:translateY(0)rotate(0)}5%{transform:translateY(-6px)rotate(4deg)}10%{transform:translateY(2px)rotate(-2deg)}15%{transform:translateY(-8px)rotate(5deg)}20%{transform:translateY(3px)rotate(-3deg)}25%{transform:translateY(-5px)rotate(3deg)}30%{transform:translateY(4px)rotate(-4deg)}35%{transform:translateY(-7px)rotate(5deg)}40%{transform:translateY(1px)rotate(-1deg)}45%{transform:translateY(-6px)rotate(4deg)}50%{transform:translateY(3px)rotate(-3deg)}55%{transform:translateY(-8px)rotate(5deg)}60%{transform:translateY(2px)rotate(-2deg)}65%{transform:translateY(-5px)rotate(3deg)}70%{transform:translateY(4px)rotate(-4deg)}75%{transform:translateY(-7px)rotate(5deg)}80%{transform:translateY(1px)rotate(-1deg)}85%{transform:translateY(-4px)rotate(2deg)}90%{transform:translateY(3px)rotate(-3deg)}95%{transform:translateY(-6px)rotate(4deg)}to{left:calc(100% + 100px);transform:translateY(0)rotate(0)}}@keyframes boats-sub{0%{right:-100px;transform:scaleX(-1)translateY(0)}20%{transform:scaleX(-1)translateY(8px)}40%{transform:scaleX(-1)translateY(-4px)}60%{transform:scaleX(-1)translateY(10px)}80%{transform:scaleX(-1)translateY(-2px)}to{right:calc(100% + 100px);transform:scaleX(-1)translateY(0)}}#app[data-theme=boats] .road-vehicle{animation:20s linear infinite both boats-sail;bottom:26%}#app[data-theme=boats] .road-vehicle.rv2{animation:24s ease-in-out 6s infinite both boats-sub;bottom:12%;left:auto}@keyframes princess-float{0%{left:-100px;transform:scaleX(-1)translateY(0)scale(1)}10%{transform:scaleX(-1)translateY(-12px)scale(1.02)}20%{transform:scaleX(-1)translateY(-4px)scale(1)}30%{transform:scaleX(-1)translateY(-16px)scale(1.03)}40%{transform:scaleX(-1)translateY(-2px)scale(.99)}50%{transform:scaleX(-1)translateY(-14px)scale(1.02)}60%{transform:scaleX(-1)translateY(-6px)scale(1)}70%{transform:scaleX(-1)translateY(-18px)scale(1.03)}80%{transform:scaleX(-1)translateY(-3px)scale(.99)}90%{transform:scaleX(-1)translateY(-10px)scale(1.01)}to{left:calc(100% + 100px);transform:scaleX(-1)translateY(0)scale(1)}}@keyframes princess-unicorn{0%{right:-100px;transform:translateY(0)}8%{transform:translateY(-18px)}16%{transform:translateY(0)}24%{transform:translateY(-14px)}32%{transform:translateY(0)}40%{transform:translateY(-20px)}48%{transform:translateY(0)}56%{transform:translateY(-16px)}64%{transform:translateY(0)}72%{transform:translateY(-18px)}80%{transform:translateY(0)}88%{transform:translateY(-12px)}96%{transform:translateY(0)}to{right:calc(100% + 100px);transform:translateY(-5px)}}#app[data-theme=unicorns] .road-vehicle{animation:18s ease-in-out infinite both princess-float;bottom:5%}#app[data-theme=unicorns] .road-vehicle.rv2{animation:16s linear 4s infinite both princess-unicorn;bottom:2%;left:auto}@keyframes animals-trot{0%{left:-100px;transform:translateY(0)}4%{transform:translateY(-8px)rotate(-2deg)}8%{transform:translateY(0)rotate(0)}12%{transform:translateY(-8px)rotate(-2deg)}16%{transform:translateY(0)rotate(0)}20%{transform:translateY(-8px)rotate(-2deg)}24%{transform:translateY(0)rotate(0)}28%{transform:translateY(-8px)rotate(-2deg)}32%{transform:translateY(0)rotate(0)}36%{transform:translateY(-8px)rotate(-2deg)}40%{transform:translateY(0)rotate(0)}44%{transform:translateY(-8px)rotate(-2deg)}48%{transform:translateY(0)rotate(0)}52%{transform:translateY(-8px)rotate(-2deg)}56%{transform:translateY(0)rotate(0)}60%{transform:translateY(-8px)rotate(-2deg)}64%{transform:translateY(0)rotate(0)}68%{transform:translateY(-8px)rotate(-2deg)}72%{transform:translateY(0)rotate(0)}76%{transform:translateY(-8px)rotate(-2deg)}80%{transform:translateY(0)rotate(0)}84%{transform:translateY(-8px)rotate(-2deg)}88%{transform:translateY(0)rotate(0)}92%{transform:translateY(-8px)rotate(-2deg)}96%{transform:translateY(0)rotate(0)}to{left:calc(100% + 100px);transform:translateY(0)}}@keyframes animals-hop{0%{right:-100px;transform:scaleX(-1)translateY(0)}6%{transform:scaleX(-1)translateY(-20px)rotate(5deg)}12%{transform:scaleX(-1)translateY(0)rotate(0)}14%{transform:scaleX(-1)translateY(0)rotate(0)}20%{transform:scaleX(-1)translateY(-22px)rotate(5deg)}26%{transform:scaleX(-1)translateY(0)rotate(0)}28%{transform:scaleX(-1)translateY(0)rotate(0)}34%{transform:scaleX(-1)translateY(-18px)rotate(5deg)}40%{transform:scaleX(-1)translateY(0)rotate(0)}42%{transform:scaleX(-1)translateY(0)rotate(0)}48%{transform:scaleX(-1)translateY(-24px)rotate(5deg)}54%{transform:scaleX(-1)translateY(0)rotate(0)}56%{transform:scaleX(-1)translateY(0)rotate(0)}62%{transform:scaleX(-1)translateY(-20px)rotate(5deg)}68%{transform:scaleX(-1)translateY(0)rotate(0)}70%{transform:scaleX(-1)translateY(0)rotate(0)}76%{transform:scaleX(-1)translateY(-22px)rotate(5deg)}82%{transform:scaleX(-1)translateY(0)rotate(0)}84%{transform:scaleX(-1)translateY(0)rotate(0)}90%{transform:scaleX(-1)translateY(-16px)rotate(5deg)}96%{transform:scaleX(-1)translateY(0)rotate(0)}to{right:calc(100% + 100px);transform:scaleX(-1)translateY(0)}}#app[data-theme=animals] .road-vehicle{animation:14s linear infinite both animals-trot;bottom:1%}#app[data-theme=animals] .road-vehicle.rv2{animation:18s linear 4s infinite both animals-hop;bottom:9%;left:auto}@keyframes flowers-flutter{0%{top:50%;left:-80px;transform:rotate(0)scale(1)}5%{top:38%;transform:rotate(12deg)scale(1.1)}10%{top:55%;transform:rotate(-8deg)scale(.9)}15%{top:30%;transform:rotate(15deg)scale(1.05)}20%{top:48%;transform:rotate(-5deg)scale(.95)}25%{top:25%;transform:rotate(10deg)scale(1.1)}30%{top:52%;transform:rotate(-12deg)scale(.9)}35%{top:35%;transform:rotate(8deg)scale(1.05)}40%{top:58%;transform:rotate(-10deg)scale(.95)}45%{top:28%;transform:rotate(14deg)scale(1.08)}50%{top:50%;transform:rotate(-6deg)scale(.92)}55%{top:32%;transform:rotate(11deg)scale(1.06)}60%{top:55%;transform:rotate(-9deg)scale(.93)}65%{top:22%;transform:rotate(13deg)scale(1.1)}70%{top:45%;transform:rotate(-7deg)scale(.95)}75%{top:30%;transform:rotate(9deg)scale(1.04)}80%{top:52%;transform:rotate(-11deg)scale(.92)}85%{top:35%;transform:rotate(7deg)scale(1.03)}90%{top:48%;transform:rotate(-5deg)scale(.97)}95%{top:40%;transform:rotate(6deg)scale(1.02)}to{top:42%;left:calc(100% + 80px);transform:rotate(0)scale(1)}}@keyframes flowers-bee{0%{top:40%;right:-80px;transform:scaleX(-1)rotate(0)}8%{top:28%;transform:scaleX(-1)rotate(-10deg)}16%{top:50%;transform:scaleX(-1)rotate(8deg)}24%{top:32%;transform:scaleX(-1)rotate(-12deg)}32%{top:55%;transform:scaleX(-1)rotate(6deg)}40%{top:25%;transform:scaleX(-1)rotate(-8deg)}48%{top:48%;transform:scaleX(-1)rotate(10deg)}56%{top:30%;transform:scaleX(-1)rotate(-6deg)}64%{top:52%;transform:scaleX(-1)rotate(9deg)}72%{top:35%;transform:scaleX(-1)rotate(-11deg)}80%{top:45%;transform:scaleX(-1)rotate(5deg)}88%{top:28%;transform:scaleX(-1)rotate(-7deg)}96%{top:42%;transform:scaleX(-1)rotate(4deg)}to{top:38%;right:calc(100% + 80px);transform:scaleX(-1)rotate(0)}}#app[data-theme=flowers] .road-vehicle{animation:16s ease-in-out infinite both flowers-flutter;bottom:auto}#app[data-theme=flowers] .road-vehicle.rv2{animation:20s ease-in-out 5s infinite both flowers-bee;bottom:auto;left:auto}.hills{z-index:1;pointer-events:none;border-radius:70% 50% 0 0/100% 100% 0 0;width:110%;height:10%;position:absolute;bottom:14%;left:-5%}.hills:before{content:"";background:inherit;opacity:.7;border-radius:50% 60% 0 0/100% 100% 0 0;width:50%;height:130%;position:absolute;bottom:0;left:10%}#app[data-theme=cars] .hills{background:#5aad35}#app[data-theme=cars] .hills:before{background:#4fa030}#app[data-theme=space] .hills{background:#557;border-radius:40% 55% 0 0/100% 100% 0 0}#app[data-theme=space] .hills:before{background:#4a4a68}#app[data-theme=planes] .hills{background:#6aaa48}#app[data-theme=planes] .hills:before{background:#5a9a3a}#app[data-theme=boats] .hills{display:none}#app[data-theme=unicorns] .hills{background:#d4b8e0}#app[data-theme=unicorns] .hills:before{background:#c8a8d8}#app[data-theme=animals] .hills{background:#2d6b25}#app[data-theme=animals] .hills:before{background:#256020}#app[data-theme=flowers] .hills{background:#6ab840}#app[data-theme=flowers] .hills:before{background:#5aa835}.decor{z-index:2;opacity:.55;pointer-events:none;animation:5s ease-in-out infinite sway;position:absolute}.screen:not(#menu-screen) .decor{opacity:.35}.decor svg{display:block}.decor:nth-child(odd){animation-delay:2s}.decor:nth-child(3n){animation-delay:3.5s}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.9}}.decor.twinkle{animation:2.5s ease-in-out infinite twinkle}.cloud{opacity:.75;z-index:1;background:#ffffffd9;border-radius:50px;position:absolute;box-shadow:0 4px 20px #ffffff4d,inset 0 -2px 6px #00000008}.cloud:before,.cloud:after{content:"";background:#ffffffe6;border-radius:50%;position:absolute}.cloud:before{width:55%;height:130%;top:-55%;left:18%}.cloud:after{width:40%;height:110%;top:-35%;right:18%}@keyframes drift{0%{transform:translate(-180px)}to{transform:translate(calc(100vw + 180px))}}.cloud-1{width:130px;height:42px;animation:35s linear infinite backwards drift;top:4%}.cloud-2{opacity:.6;width:95px;height:32px;animation:45s linear 12s infinite backwards drift;top:13%}.cloud-3{width:110px;height:38px;animation:40s linear 22s infinite backwards drift;top:7%}.sun{z-index:1;background:radial-gradient(circle at 35% 35%,#fff8d0 0%,gold 50%,#f0a000 100%);border-radius:50%;width:80px;height:80px;animation:4s ease-in-out infinite pulse-sun;position:absolute;top:3%;right:8%;box-shadow:0 0 50px #ffd70066,0 0 100px #ffd70026}.sun:after{content:"";inset:-25px;background:radial-gradient(circle,#ffd70033 20%,#ffc80014 50%,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite reverse pulse-sun;position:absolute;inset:-25px}@keyframes pulse-sun{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.road{z-index:1;background:#4a4a5a;width:100%;height:15%;position:absolute;bottom:0;box-shadow:0 -6px 20px #0000001f}.road:before{content:"";background:repeating-linear-gradient(90deg,#fff 0 30px,#0000 30px 60px);width:100%;height:4px;position:absolute;top:48%;left:0}#menu-screen.active{grid-template:"title""ribbon""main"1fr/1fr;padding:0;display:grid;overflow:hidden}.menu-title-row{grid-area:title}.menu-ribbon{grid-area:ribbon}.menu-main{grid-area:main}.menu-ribbon{padding:4px calc(8px + env(safe-area-inset-right,0px)) 4px calc(4px + env(safe-area-inset-left,0px));z-index:12;background:0 0;flex-flow:row;justify-content:center;align-items:center;gap:8px;display:flex}.ribbon-section{flex-direction:row;align-items:center;gap:4px;display:flex}.ribbon-cat-btn{cursor:pointer;-webkit-user-select:none;opacity:.65;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:48px;padding:6px 4px;transition:transform .2s,filter .2s,opacity .2s;display:flex;position:relative}.ribbon-img{pointer-events:none;width:clamp(80px,22vw,100px);height:auto}.ribbon-cat-btn.active{opacity:1;filter:drop-shadow(2px 3px 8px #00000059);transform:scale(1.12)}.ribbon-cat-btn:active{transform:scale(.93)}.ribbon-label{color:#fff;text-align:center;text-shadow:0 1px 4px #00000080;font-family:Nunito,sans-serif;font-size:clamp(9px,2.5vw,12px);font-weight:800;line-height:1}.age-avatar-btn{border:4px solid var(--avatar-color,#ffa502);cursor:pointer;width:clamp(60px,16vw,76px);height:clamp(60px,16vw,76px);box-shadow:0 4px 0 color-mix(in srgb, var(--avatar-color,#ffa502) 40%, transparent), 0 6px 16px #0000001f;-webkit-user-select:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:3s ease-in-out 1s infinite avatar-wobble;display:flex;overflow:hidden}.age-avatar-btn:active{box-shadow:0 2px 0 color-mix(in srgb, var(--avatar-color,#ffa502) 40%, transparent), 0 3px 6px #00000014;transform:scale(.9)}.age-avatar-img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;border-radius:50%;width:100%;height:100%}@keyframes avatar-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.menu-main{padding:calc(.5vh + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(clamp(16px, 4vh, 40px) + env(safe-area-inset-bottom,0px)) 12px;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(6px,1.5vh,10px);min-height:0;display:flex;overflow-y:auto}.coming-soon{color:#ffffffb3;text-align:center;padding:40px 20px;font-family:Nunito,sans-serif;font-size:clamp(18px,3vw,28px);font-weight:800}.menu-title{text-align:center;flex-direction:column;align-items:center;animation:3s ease-in-out infinite bounce-title;display:flex}.title-logo{object-fit:contain;-webkit-user-drag:none;filter:drop-shadow(0 3px #0000001f)drop-shadow(0 6px 12px #0000002e);width:clamp(220px,62vw,290px);height:auto}@keyframes bounce-title{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.menu-subtitle{color:#ffffffe6;text-align:center;font-size:clamp(14px,2.5vw,20px);font-weight:800;display:none}.menu-grid{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:700px;padding:4px 8px;display:flex}.menu-btn{cursor:pointer;-webkit-user-select:none;background:linear-gradient(135deg,#fff 0%,#f8f9ff 100%);border:none;border-left:5px solid #0000;border-radius:18px;flex-direction:column;flex:0 0 calc(50% - 12px);justify-content:center;align-items:center;gap:4px;min-height:60px;padding:14px 10px 12px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #0000001f,0 6px 16px #00000014}.menu-btn:after{content:"";inset:0;opacity:0;background:linear-gradient(135deg,#0000 40%,#fff6 50%,#0000 60%) 0 0/300% 300%;transition:opacity .3s;position:absolute;inset:0}.menu-btn:active{transform:translateY(3px)scale(.97);box-shadow:0 1px #0000001f,0 2px 6px #00000014}.menu-btn:active:after{opacity:1}.menu-icon{object-fit:contain;-webkit-user-drag:none;flex-shrink:0;width:clamp(72px,20vw,96px);height:clamp(72px,20vw,96px);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.menu-btn:active .menu-icon{transform:scale(1.15)rotate(-6deg)}.menu-btn .label{color:#555;text-align:center;font-family:Nunito,sans-serif;font-size:clamp(14px,3.8vw,17px);font-weight:800;line-height:1.1}.menu-btn[data-game=tap]{border-left-color:var(--red)}.menu-btn[data-game=match]{border-left-color:var(--blue)}.menu-btn[data-game=order]{border-left-color:#2ed573}.menu-btn[data-game=missing]{border-left-color:var(--yellow)}.menu-btn[data-game=math-add]{border-left-color:#00b894}.menu-btn[data-game=math-sub]{border-left-color:var(--orange)}.menu-btn[data-game=math-mix]{border-left-color:var(--purple)}.menu-btn[data-game=write]{border-left-color:var(--pink)}.menu-btn[data-game=solve]{border-left-color:#00d2d3}.menu-btn[data-game=bigger]{border-left-color:#6c5ce7}.menu-btn[data-game=findnum]{border-left-color:#0984e3}.menu-btn[data-game=equation]{border-left-color:#d63031}.menu-btn[data-game=compare]{border-left-color:#e056a0}.menu-btn[data-game=pattern]{border-left-color:#0abde3}.menu-btn[data-game=tenframes]{border-left-color:#10ac84}.menu-btn[data-game=trace]{border-left-color:var(--red)}.menu-btn[data-game=letter-match]{border-left-color:var(--blue)}.menu-btn[data-game=letter-order]{border-left-color:#2ed573}.menu-btn[data-game=write-letter]{border-left-color:var(--purple)}.menu-btn[data-game=missing-letter]{border-left-color:var(--yellow)}.menu-btn[data-game=complete-word]{border-left-color:var(--orange)}.menu-title-row{padding:calc(6px + env(safe-area-inset-top,0px)) 12px 2px;justify-content:center;align-items:center;display:flex}.settings-toggle-btn{top:calc(8px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px));z-index:30;cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform .2s;display:flex;position:fixed}.settings-toggle-btn:active{transform:scale(.85)}.settings-toggle-btn:hover{transform:scale(1.08)}.settings-toggle-icon{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 6px #00000040);border-radius:14px;width:100%;height:100%}.theme-modal{z-index:100;-webkit-backdrop-filter:blur(6px);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.theme-modal.active{animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.theme-modal-inner{-webkit-overflow-scrolling:touch;background:linear-gradient(145deg,#fffbe8,#fff);border-radius:28px;width:auto;max-width:min(94vw,800px);max-height:96vh;padding:clamp(14px,2.5vh,22px) clamp(16px,3vw,22px);animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;position:relative;overflow-y:auto;box-shadow:0 12px 48px #0000004d}.theme-modal-close{color:#555;cursor:pointer;z-index:1;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-family:Nunito,sans-serif;font-size:28px;font-weight:800;line-height:1;transition:background .15s,transform .15s;display:flex;position:absolute;top:6px;right:10px}.theme-modal-close:hover{background:#0000001f}.theme-modal-close:active{transform:scale(.9)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.theme-modal-title{color:#333;text-align:center;margin-bottom:clamp(8px,1.5vh,14px);font-family:Nunito,sans-serif;font-size:clamp(20px,3.2vh,30px);font-weight:900}.theme-grid{flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.2vh,14px);display:flex}.theme-btn{cursor:pointer;-webkit-user-select:none;background:0 0;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,.8vh,8px);padding:clamp(4px,.8vh,8px);transition:transform .2s,background .2s;display:flex}.theme-btn:active{transform:scale(.9)}.theme-icon{object-fit:contain;-webkit-user-drag:none;background:#fff;border:3px solid #ddd;border-radius:50%;width:clamp(44px,7.5vh,76px);height:clamp(44px,7.5vh,76px);transition:border-color .2s,box-shadow .2s,transform .2s;display:block;box-shadow:0 2px 8px #0000001a}.theme-label{color:#555;text-align:center;font-family:Nunito,sans-serif;font-size:clamp(10px,1.8vh,14px);font-weight:800;line-height:1}.theme-btn.active{background:#3742fa0f}.theme-btn.active .theme-icon{border-color:var(--blue);transform:scale(1.08);box-shadow:0 3px 14px #3742fa4d}.theme-btn.active .theme-label{color:var(--blue);font-weight:900}.voice-credit{text-align:center;border-top:1px dashed #0000001f;margin-top:clamp(8px,1.5vh,14px);padding-top:clamp(6px,1.2vh,12px)}.voice-credit-line{color:#555;margin-bottom:2px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(12px,1.6vh,14px);font-weight:800}.dev-block{text-align:center;border-top:1px dashed #0000001f;flex-direction:column;align-items:center;gap:6px;margin-top:clamp(8px,1.5vh,14px);padding-top:clamp(8px,1.5vh,14px);display:flex}.dev-credit-line{color:#555;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(12px,1.6vh,14px);font-weight:800}.voice-credit-link{color:#1ed760;border-radius:8px;padding:2px 6px;font-family:Nunito,sans-serif;font-size:clamp(11px,1.5vh,13px);font-style:italic;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.voice-credit-link:hover{background:#1ed7601f;text-decoration:underline}.voice-credit-link:active{transform:scale(.96)}.contact-email{color:#ff7f00;-webkit-user-select:text;user-select:text;cursor:pointer;letter-spacing:.2px;background:#ffa5021a;border:1px dashed #ff7f0066;border-radius:8px;padding:4px 10px;font-family:"Baloo 2",Courier New,monospace;font-size:clamp(12px,1.7vh,15px);font-weight:800;text-decoration:none;transition:background .15s;display:inline-block}.contact-email:hover{background:#ffa5022e}.contact-email:active{transform:scale(.97)}.settings-row{border-top:2px solid #0000000f;justify-content:center;gap:clamp(10px,1.6vw,22px);margin-top:clamp(8px,1.4vh,14px);padding-top:clamp(8px,1.4vh,14px);display:flex}.settings-btn{cursor:pointer;-webkit-user-select:none;background:0 0;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,.8vh,8px);padding:clamp(4px,.8vh,8px);transition:transform .2s,background .2s;display:flex}.settings-btn:active{transform:scale(.9)}.settings-btn:hover{background:#0000000a}.settings-btn-icon{object-fit:contain;-webkit-user-drag:none;border-radius:14px;width:clamp(44px,7vh,68px);height:clamp(44px,7vh,68px);transition:transform .2s;display:block;box-shadow:0 2px 8px #0000001a}.settings-btn:active .settings-btn-icon{transform:scale(1.1)}.settings-btn-label{color:#555;text-align:center;font-family:Nunito,sans-serif;font-size:clamp(10px,1.8vh,14px);font-weight:800;line-height:1}.age-picker-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:#0000008c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.age-picker-overlay.closing{animation:.3s forwards fadeOut}@keyframes fadeOut{to{opacity:0}}.age-picker-card{text-align:center;background:linear-gradient(145deg,#fffbe8,#fff);border-radius:32px;max-width:94vw;padding:clamp(20px,4vh,40px) clamp(16px,3vw,36px);animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;position:relative;box-shadow:0 16px 56px #00000059}.age-picker-close{color:#555;cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-family:Nunito,sans-serif;font-size:28px;font-weight:800;line-height:1;transition:background .15s,transform .15s;display:flex;position:absolute;top:6px;right:10px}.age-picker-close:hover{background:#0000001f}.age-picker-close:active{transform:scale(.9)}.age-picker-title{color:#333;margin-bottom:clamp(16px,3vh,32px);font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(22px,4vh,36px);font-weight:800}.age-picker-grid{justify-content:center;gap:clamp(12px,2vw,24px);display:flex}.age-picker-btn{border:4px solid var(--pick-color);cursor:pointer;width:clamp(100px,20vw,150px);box-shadow:0 6px 0 color-mix(in srgb, var(--pick-color) 40%, transparent), 0 8px 24px #0000001f;background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px 8px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex}.age-picker-btn:active{box-shadow:0 2px 0 color-mix(in srgb, var(--pick-color) 40%, transparent), 0 3px 8px #0000001a;transform:translateY(4px)scale(.96)}.age-picker-icon{object-fit:contain;pointer-events:none;-webkit-user-drag:none;border-radius:16px;width:clamp(64px,14vw,100px);height:clamp(64px,14vw,100px)}.age-picker-label{color:var(--pick-color);font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1}.age-picker-sublabel{color:#888;font-family:Nunito,sans-serif;font-size:clamp(12px,2vw,16px);font-weight:700;line-height:1}.age-badge{color:#00000059;pointer-events:none;background:#0000000f;border-radius:8px;padding:1px 5px;font-family:Nunito,sans-serif;font-size:10px;font-weight:800;line-height:1.4;position:absolute;top:4px;right:6px}.audio-announce-overlay{z-index:220;-webkit-backdrop-filter:blur(8px);opacity:0;background:#0000008c;justify-content:center;align-items:center;padding:16px;transition:opacity .3s;display:flex;position:fixed;inset:0}.audio-announce-overlay.active{opacity:1}.audio-announce-overlay.closing{opacity:0}.audio-announce-card{text-align:center;background:linear-gradient(145deg,#fffbe8,#fff);border-radius:32px;width:100%;max-width:420px;padding:clamp(24px,4vh,40px) clamp(20px,3vw,36px);animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;box-shadow:0 16px 56px #00000059}.audio-announce-icon-wrap{margin-bottom:12px;display:inline-block;position:relative}.audio-announce-icon{filter:drop-shadow(0 6px 12px #ffa50059);width:clamp(64px,12vh,96px);height:clamp(64px,12vh,96px);animation:1.6s ease-in-out infinite announce-pulse}@keyframes announce-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.audio-announce-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#ff4757;border-radius:14px;padding:4px 10px;font-family:Nunito,sans-serif;font-size:13px;font-weight:900;position:absolute;top:-4px;right:-8px;box-shadow:0 3px 8px #ff475766}.audio-announce-title{color:#2c3e50;margin-bottom:10px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(22px,4vh,32px);font-weight:800;line-height:1.1}.audio-announce-body{color:#555;max-width:340px;margin-bottom:clamp(20px,3vh,28px);margin-left:auto;margin-right:auto;font-family:Nunito,sans-serif;font-size:clamp(14px,2.2vh,17px);font-weight:600;line-height:1.45}.audio-announce-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.audio-announce-btn{cursor:pointer;color:#fff;border:none;border-radius:18px;align-items:center;gap:8px;padding:12px 20px;font-family:Nunito,sans-serif;font-size:clamp(14px,2.2vh,16px);font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.audio-announce-btn:active{transform:scale(.94)}.audio-announce-try{background:linear-gradient(#ffa502,coral);box-shadow:0 4px 12px #ff7f5059}@keyframes try-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ff7f5059}50%{transform:scale(1.06);box-shadow:0 6px 22px #ff7f50a6}}.audio-announce-try.audio-announce-pulse{animation:1.1s ease-in-out infinite try-pulse}.audio-announce-close{background:linear-gradient(#2ed573,#1ab971);box-shadow:0 4px 12px #2ed57359}.audio-announce-btn-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #0003);width:22px;height:22px}.stories-announce-card{background:linear-gradient(145deg,#fff6dc,#fff)}.stories-announce-icon{object-fit:cover;object-position:center;mix-blend-mode:multiply;filter:none;width:clamp(160px,26vh,220px);height:clamp(160px,26vh,220px)}.stories-announce-try{background:linear-gradient(#ffb938,coral);box-shadow:0 4px 12px #ff7f5059}.install-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.install-overlay.closing{animation:.25s forwards fadeOut}.install-card{text-align:center;background:linear-gradient(145deg,#fffbe8,#fff);border-radius:28px;width:100%;max-width:460px;max-height:92vh;padding:clamp(24px,4vh,36px) clamp(20px,4vw,36px);animation:.35s cubic-bezier(.34,1.56,.64,1) popIn;position:relative;overflow-y:auto;box-shadow:0 16px 56px #00000059}.install-close{color:#555;cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;font-weight:800;line-height:1;transition:background .15s,transform .15s;display:flex;position:absolute;top:6px;right:10px}.install-close:hover{background:#0000001f}.install-close:active{transform:scale(.9)}.install-title{color:#2c3e50;margin:4px 0 8px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(20px,3.5vh,28px);font-weight:800}.install-subtitle{color:#555;margin-bottom:20px;font-family:Nunito,sans-serif;font-size:clamp(13px,1.9vh,15px);line-height:1.4}.install-one-tap{color:#fff;cursor:pointer;background:linear-gradient(#2ed573,#1ab971);border:none;border-radius:18px;margin-bottom:12px;padding:14px 32px;font-family:Nunito,sans-serif;font-size:clamp(15px,2.2vh,18px);font-weight:800;transition:transform .15s;display:inline-block;box-shadow:0 4px 12px #2ed57359}.install-one-tap:active{transform:scale(.96)}.install-or{color:#888;margin-bottom:12px;font-family:Nunito,sans-serif;font-size:clamp(11px,1.6vh,13px);font-style:italic}.install-steps{text-align:left;flex-direction:column;gap:12px;margin-top:8px;display:flex}.install-step{background:#00000008;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.install-step-num{color:#fff;background:#ffa502;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(18px,2.6vh,22px);font-weight:900;line-height:1;display:flex;box-shadow:0 2px 6px #ffa50266}.install-step-icon{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 6px #00000014}.install-step-icon svg{width:32px;height:32px}.install-step-body{flex:1}.install-step-title{color:#2c3e50;margin-bottom:2px;font-family:Nunito,sans-serif;font-size:clamp(14px,2vh,16px);font-weight:800;line-height:1.3}.install-step-desc{color:#6b6b6b;font-family:Nunito,sans-serif;font-size:clamp(12px,1.7vh,14px);line-height:1.4}@media (orientation:landscape) and (height<=500px){.install-overlay{padding:8px}.install-card{max-width:760px;max-height:96vh;padding:clamp(14px,3vh,20px) clamp(20px,3vw,30px)}.install-close{width:32px;height:32px;font-size:22px;top:4px;right:6px}.install-title{margin:2px 0 4px;font-size:clamp(17px,5vh,22px)}.install-subtitle{margin-bottom:10px;font-size:clamp(12px,3.5vh,14px)}.install-steps{flex-direction:row;gap:8px;margin-top:4px}.install-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px 8px}.install-step-num{width:24px;height:24px;font-size:14px}.install-step-icon{width:36px;height:36px}.install-step-icon svg{width:24px;height:24px}.install-step-title{font-size:clamp(12px,3.5vh,14px)}.install-step-desc{font-size:clamp(10px,3vh,12px);line-height:1.3}.install-one-tap{margin-bottom:6px;padding:10px 24px;font-size:clamp(14px,4vh,16px)}.install-or{margin-bottom:8px}}.settings-btn-disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.7)}.settings-btn-disabled:hover{background:0 0}.settings-btn-disabled:active,.settings-btn-disabled:active .settings-btn-icon{transform:none}.update-overlay{z-index:230;-webkit-backdrop-filter:blur(8px);background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.update-overlay.closing{animation:.25s forwards fadeOut}.update-card{text-align:center;background:linear-gradient(145deg,#fffbe8,#fff);border-radius:28px;width:100%;max-width:380px;padding:clamp(24px,4vh,36px) clamp(20px,4vw,32px);animation:.35s cubic-bezier(.34,1.56,.64,1) popIn;position:relative;box-shadow:0 16px 56px #0006}.update-close{color:#555;cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;font-weight:800;line-height:1;transition:background .15s,transform .15s;display:flex;position:absolute;top:6px;right:10px}.update-close:hover{background:#0000001f}.update-close:active{transform:scale(.9)}.update-emoji{margin-bottom:6px;font-size:clamp(40px,6vh,56px);line-height:1}.update-title{color:#2c3e50;margin-bottom:4px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(20px,3vh,26px);font-weight:800}.update-version{color:#ff7f00;background:#ffa5021a;border:1px dashed #ff7f0066;border-radius:10px;margin-bottom:14px;padding:4px 12px;font-family:"Baloo 2",Courier New,monospace;font-size:clamp(16px,2.4vh,19px);font-weight:800;display:inline-block}.update-notes{color:#555;margin-bottom:18px;font-family:Nunito,sans-serif;font-size:clamp(13px,1.9vh,15px);line-height:1.45}.update-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.update-btn{cursor:pointer;border:none;border-radius:18px;padding:12px 22px;font-family:Nunito,sans-serif;font-size:clamp(14px,2.2vh,16px);font-weight:800;transition:transform .15s}.update-btn:active{transform:scale(.96)}.update-btn-later{color:#555;background:#eee}.update-btn-later:hover{background:#e0e0e0}.update-btn-primary{color:#fff;background:linear-gradient(#2ed573,#1ab971);box-shadow:0 4px 12px #2ed57359}.kid-guard-overlay{z-index:240;-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.kid-guard-overlay.closing{animation:.2s forwards fadeOut}.kid-guard-card{text-align:center;background:linear-gradient(145deg,#fffbe8,#fff);border-radius:24px;width:100%;max-width:380px;padding:clamp(20px,4vh,32px) clamp(20px,4vw,32px);animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;position:relative;box-shadow:0 16px 48px #0006}.kid-guard-close{color:#555;cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;font-weight:800;line-height:1;transition:background .15s,transform .15s;display:flex;position:absolute;top:6px;right:10px}.kid-guard-close:hover{background:#0000001f}.kid-guard-close:active{transform:scale(.9)}.kid-guard-title{color:#2c3e50;margin:4px 0 6px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(20px,3vh,26px);font-weight:800}.kid-guard-subtitle{color:#555;margin-bottom:18px;font-family:Nunito,sans-serif;font-size:clamp(13px,1.9vh,15px);line-height:1.4}.kid-guard-problem{color:#ff7f00;letter-spacing:2px;margin-bottom:16px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(36px,6vh,52px);font-weight:900}.kid-guard-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kid-guard-option{color:#333;cursor:pointer;background:linear-gradient(135deg,#fff,#f4f4ff);border:2px solid #ddd;border-radius:14px;padding:14px 8px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(22px,3.6vh,28px);font-weight:800;transition:transform .12s,border-color .15s,background .15s}.kid-guard-option:hover{border-color:#aaa}.kid-guard-option:active{transform:scale(.96)}.kid-guard-option.kid-guard-wrong{color:#c0392b;background:linear-gradient(135deg,#ffe1e1,#ffc7c7);border-color:#ff4757;animation:.4s kg-shake}@keyframes kg-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.kid-guard-lockout{color:#c0392b;text-align:center;background:#ffe1e1;border:1px dashed #ff4757;border-radius:12px;grid-column:1/-1;padding:14px 12px;font-family:Nunito,sans-serif;font-size:clamp(14px,2vh,17px);font-weight:700;line-height:1.4}.settings-btn-icon-fallback{color:#6b3a00;background:linear-gradient(135deg,#ffe1a8,#ffb347);justify-content:center;align-items:center;font-size:38px;font-weight:900;display:inline-flex}.onboarding-overlay{z-index:300;pointer-events:auto;animation:.3s onboardFadeIn;position:fixed;inset:0}.onboarding-overlay.closing{animation:.25s forwards onboardFadeOut}@keyframes onboardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes onboardFadeOut{to{opacity:0}}.onboarding-spotlight{pointer-events:none;border-radius:22px;transition:top .3s cubic-bezier(.34,1.56,.64,1),left .3s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.34,1.56,.64,1),height .3s cubic-bezier(.34,1.56,.64,1);animation:1.8s ease-in-out infinite spotlight-pulse;position:fixed;box-shadow:0 0 0 9999px #000000ad,inset 0 0 0 4px #ffffffe6,0 0 40px #ffd7468c}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 9999px #000000ad,inset 0 0 0 4px #ffffffe6,0 0 30px #ffd74673}50%{box-shadow:0 0 0 9999px #000000ad,inset 0 0 0 5px #fff,0 0 60px #ffd746bf}}.onboarding-tooltip{background:linear-gradient(145deg,#fffbe8,#fff);border-radius:22px;flex-direction:column;align-items:center;gap:14px;padding:18px 20px 16px;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;display:flex;position:fixed;box-shadow:0 12px 40px #00000059}.onboarding-arrow{clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 -2px 2px #00000014);background:#fffbe8;width:28px;height:14px;position:absolute;top:-14px;transform:translate(-50%)}.onboarding-tooltip.above .onboarding-arrow{clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 2px #00000014);top:auto;bottom:-14px}.onboarding-tooltip.right-of .onboarding-arrow{clip-path:polygon(100% 0,100% 100%,0 50%);filter:drop-shadow(-2px 0 2px #00000014);width:14px;height:28px;top:50%;left:-14px;transform:translateY(-50%)}.onboarding-tooltip.left-of .onboarding-arrow{clip-path:polygon(0 0,0 100%,100% 50%);filter:drop-shadow(2px 0 2px #00000014);width:14px;height:28px;top:50%;left:auto;right:-14px;transform:translateY(-50%)}.onboarding-title{color:#333;text-align:center;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(18px,4.5vw,22px);font-weight:800;line-height:1.25}.onboarding-dots{gap:8px;display:flex}.onboarding-dot{background:#00000026;border-radius:50%;width:10px;height:10px;transition:background .2s,transform .2s}.onboarding-dot.active{background:#ffa502;transform:scale(1.25)}.onboarding-actions{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.onboarding-skip{color:#999;cursor:pointer;-webkit-user-select:none;background:0 0;border:none;padding:8px 6px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700}.onboarding-skip:active{color:#666}.onboarding-next{color:#fff;cursor:pointer;-webkit-user-select:none;background:linear-gradient(145deg,#ffa502,#ff7f00);border:none;border-radius:16px;padding:12px 26px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(16px,4vw,18px);font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 3px #b46e00,0 5px 14px #0003}.onboarding-next:active{transform:translateY(3px);box-shadow:0 0 #b46e00,0 2px 6px #00000026}.game-header{height:52px;padding:calc(6px + env(safe-area-inset-top,0px)) 16px 6px;z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.back-btn{top:calc(6px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));z-index:30;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;min-width:56px;max-width:56px;height:56px;min-height:56px;max-height:56px;padding:0;transition:transform .2s;display:flex;position:absolute}.back-btn:active{animation:.35s btn-bounce}.back-btn-icon{object-fit:contain;filter:drop-shadow(0 3px 6px #0003);width:100%;height:100%}@keyframes btn-bounce{0%{transform:scale(1)}30%{transform:scale(.82)}60%{transform:scale(1.08)}to{transform:scale(1)}}:-webkit-any(:fullscreen .back-btn,:-webkit-full-screen .back-btn){left:calc(100px + env(safe-area-inset-left,0px))}:is(:fullscreen .back-btn,:fullscreen .back-btn){left:calc(100px + env(safe-area-inset-left,0px))}.replay-btn{top:calc(6px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));z-index:30;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;min-width:56px;max-width:56px;height:56px;min-height:56px;max-height:56px;padding:0;transition:transform .2s;display:flex;position:absolute}.replay-btn:active{animation:.35s btn-bounce}.replay-btn-icon{object-fit:contain;filter:drop-shadow(0 3px 6px #0003);width:100%;height:100%}.game-title-bar{display:none}.stars-display{filter:drop-shadow(0 2px 4px #ffd7004d);flex:1;justify-content:center;gap:4px;font-size:28px;display:flex}.stars-bump{animation:.4s cubic-bezier(.34,1.56,.64,1) stars-arrive}@keyframes stars-arrive{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.game-area{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px 16px clamp(20px,8vh,80px);display:flex;position:absolute;inset:52px 0 0;overflow:hidden}.vehicle-container{cursor:pointer;-webkit-user-select:none;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.vehicle-container:active{transform:scale(.92)}.vehicle-container.counted{animation:.4s cubic-bezier(.175,.885,.32,1.275) pop}@keyframes pop{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.count-badge{background:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(34px,5vw,44px);height:clamp(34px,5vw,44px);font-family:Nunito,sans-serif;font-size:clamp(20px,3.5vw,28px);font-weight:800;animation:.3s cubic-bezier(.175,.885,.32,1.275) badge-pop;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 6px #0000004d}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.success-overlay{inset:0;z-index:50;-webkit-backdrop-filter:blur(4px);background:radial-gradient(circle,#00000026 0%,#00000080 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:absolute;inset:0}.success-overlay.active{animation:.5s overlay-in;display:flex}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.success-overlay.active:before{content:"";inset:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#ffd70026 0%,#0000 60%);animation:2s ease-in-out infinite success-glow;position:absolute;inset:0}@keyframes success-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.success-stars{filter:drop-shadow(0 4px 12px #ffd70066);font-size:70px;animation:.8s cubic-bezier(.34,1.56,.64,1) success-bounce}@keyframes success-bounce{0%{opacity:0;transform:scale(0)rotate(-30deg)}50%{opacity:1;transform:scale(1.4)rotate(8deg)}70%{transform:scale(.85)rotate(-4deg)}85%{transform:scale(1.1)rotate(2deg)}to{transform:scale(1)rotate(0)}}.success-text{color:#fff;text-shadow:2px 2px #0003,0 4px 20px #00000026,0 0 40px #fff3;text-align:center;white-space:pre-line;font-family:Nunito,sans-serif;font-size:clamp(36px,7vw,56px);font-weight:800;animation:none}@keyframes text-pop{0%{opacity:0;transform:translateY(30px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.success-btn{color:#333;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f0f0ff 100%);border:none;border-radius:24px;margin-top:10px;padding:18px 48px;font-family:Nunito,sans-serif;font-size:clamp(20px,3.5vw,26px);font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1);animation:none;box-shadow:0 6px #0000001f,0 8px 20px #0000001a}.success-btn:active{transform:translateY(4px)scale(.96);box-shadow:0 2px #0000001f}.success-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.success-btn-replay{color:#6b3a00;background:linear-gradient(135deg,#ffeb99 0%,#ffd166 100%)}.star-celebrate-backdrop{inset:0;z-index:54;-webkit-backdrop-filter:blur(3px);pointer-events:none;background:#00000040;animation:1.2s forwards star-backdrop;position:fixed;inset:0}@keyframes star-backdrop{0%{opacity:0}20%{opacity:1}70%{opacity:1}to{opacity:0}}.emoji-icon{vertical-align:middle;object-fit:contain;width:auto;height:1.2em}.emoji-btn{height:1.4em}.emoji-inline{vertical-align:middle;height:1.4em;margin-left:4px}.emoji-star{width:60px;height:60px}.emoji-star-small{width:auto;height:1.2em}.star-celebrate{z-index:55;pointer-events:none;filter:drop-shadow(0 4px 12px #ffd70080);--fly-x:50%;--fly-y:40px;animation:1.1s cubic-bezier(.2,.8,.3,1) forwards star-fly;position:fixed}@keyframes star-fly{0%{opacity:0;transform:scale(0)rotate(-20deg)}25%{opacity:1;transform:scale(1.5)rotate(10deg)}50%{opacity:1;transform:scale(1.2)rotate(-5deg)}to{left:var(--fly-x);top:var(--fly-y);opacity:0;transform:scale(.5)rotate(0)}}.confetti-piece{z-index:60;animation:confetti-fall var(--dur,2s) cubic-bezier(.25,.46,.45,.94) forwards;pointer-events:none;border-radius:2px;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)scale(1)}50%{opacity:1}to{transform:translateY(100vh) translateX(var(--drift,30px)) rotate(var(--spin,720deg)) scale(.3);opacity:0}}.next-btn{background:linear-gradient(135deg, #ffb347 0%, var(--yellow) 50%, #ff8c00 100%);color:#fff;text-shadow:1px 1px #00000026;cursor:pointer;text-align:center;border:none;border-radius:24px;min-width:200px;margin-top:clamp(16px,3vh,28px);padding:18px 48px;font-family:Nunito,sans-serif;font-size:clamp(22px,4vw,28px);font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1);animation:1.2s ease-in-out infinite next-bounce;box-shadow:0 6px #c8780066,0 8px 20px #ffa5004d}@keyframes next-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)translateY(-4px)}}.next-btn:active{transform:translateY(4px)scale(.95);box-shadow:0 2px #c8780066}.next-hidden{visibility:hidden;pointer-events:none;animation:none!important}.v-svg,.v-svg-sm,.v-svg-xs,.v-svg-road,.v-svg-tf{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;height:auto}.v-svg{width:clamp(90px,20vw,150px)}.v-svg-sm{width:clamp(70px,16vw,110px)}.v-svg-xs{width:clamp(56px,13vw,90px)}.v-svg-road{width:clamp(60px,9vw,90px)}.draw-area{flex-direction:column;align-items:center;gap:12px;display:flex}.draw-prompt{color:#fff;text-shadow:2px 2px #0003;text-align:center;font-family:Nunito,sans-serif;font-size:clamp(20px,3.5vw,32px);font-weight:800}.canvas-wrap{touch-action:none;background:#fff;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 6px 20px #0003,inset 0 0 0 4px #ffffff4d}.draw-canvas{cursor:crosshair;border-radius:24px;display:block}.canvas-ghost{inset:0;pointer-events:none;color:#00000026;-webkit-user-select:none;user-select:none;opacity:0;justify-content:center;align-items:center;font-family:Nunito,sans-serif;font-size:clamp(80px,40vmin,160px);font-weight:800;transition:opacity .3s;display:flex;position:absolute;inset:0}.draw-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.draw-btn{cursor:pointer;border:none;border-radius:16px;padding:12px 28px;font-family:Nunito,sans-serif;font-size:18px;font-weight:800;transition:transform .15s;box-shadow:0 4px #00000026}.draw-btn:active{transform:translateY(3px)}.draw-btn.clear{color:#555;background:#f1f2f6}.draw-btn.hint-btn{color:#f0a000;background:#fff3e0}.canvas-ghost.ghost-visible{opacity:1;animation:2.5s forwards ghost-show}@keyframes ghost-show{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.draw-btn.submit{background:var(--green);color:#fff;text-shadow:1px 1px #00000026}.draw-btn.submit:disabled{opacity:.4;pointer-events:none}.draw-result{color:#fff;text-shadow:2px 2px #0003;text-align:center;min-height:36px;font-family:Nunito,sans-serif;font-size:clamp(18px,3.5vw,28px);font-weight:800}.draw-result.correct-msg{color:#fff;background:#2ed573d9;border-radius:12px;padding:4px 16px;display:inline-block}.draw-result.wrong-msg{color:#ff6b81}.sparkle{pointer-events:none;z-index:30;position:absolute}.sparkle-dot{background:var(--yellow);border-radius:50%;width:8px;height:8px;animation:.6s ease-out forwards sparkle-fly;position:absolute}@keyframes sparkle-fly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--sx), var(--sy)) scale(0);opacity:0}}.praise-label{color:#2ed573;text-shadow:0 2px #fff,0 4px 12px #00000040,0 0 24px #2ed57359;pointer-events:none;z-index:100;white-space:nowrap;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(32px,6vh,56px);font-weight:900;animation:1.3s cubic-bezier(.34,1.56,.64,1) forwards praise-float;position:fixed;transform:translate(-50%,-50%)}@keyframes praise-float{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}18%{opacity:1;transform:translate(-50%,-90%)scale(1.2)}55%{opacity:1;transform:translate(-50%,-110%)scale(1)}to{opacity:0;transform:translate(-50%,-180%)scale(.9)}}.hint-pulse{border-color:var(--green)!important;animation:.4s 3 hint-glow!important}@keyframes hint-glow{0%,to{transform:scale(1);box-shadow:0 4px #0000001a}50%{transform:scale(1.12);box-shadow:0 0 24px #2ed57380}}.confirm-overlay{inset:0;z-index:200;-webkit-backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.confirm-overlay.active{animation:.3s overlay-in;display:flex}.confirm-box{text-align:center;animation:.4s cubic-bezier(.34,1.56,.64,1) text-pop}.confirm-text{color:#fff;text-shadow:0 2px 8px #0006;margin-bottom:clamp(16px,3vh,28px);font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(22px,4vh,36px);font-weight:800}.confirm-buttons{justify-content:center;align-items:center;gap:clamp(20px,5vw,40px);display:flex}.confirm-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:24px;flex-direction:column;align-items:center;gap:6px;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.confirm-icon-btn:active{transform:scale(.85)}.confirm-label{color:#fff;text-shadow:1px 1px #0003;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(14px,2.5vw,20px);font-weight:800}.confirm-icon{object-fit:contain;filter:drop-shadow(0 4px 12px #00000040);pointer-events:none;-webkit-user-drag:none;border-radius:20px;width:clamp(80px,18vw,120px);height:clamp(80px,18vw,120px)}.success-stars{gap:8px;display:flex}.star-earned,.star-missed{font-size:clamp(40px,8vw,60px);animation:.4s cubic-bezier(.34,1.56,.64,1) both star-pop;display:inline-block}.star-earned{filter:drop-shadow(0 3px 10px #ffd70080)}.star-missed{filter:grayscale()opacity(.25)}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}#tap-screen{flex-direction:column}.tap-prompt{color:#fff;text-shadow:2px 2px #0003;text-align:center;padding:8px;font-family:Nunito,sans-serif;font-size:clamp(22px,4vw,36px);font-weight:800}.tap-counter{color:#fff;text-shadow:4px 4px #00000026;align-items:baseline;font-family:Nunito,sans-serif;font-weight:800;line-height:1;transition:transform .2s;display:inline-flex}.tap-counter .tc-num{font-size:clamp(48px,10vw,80px)}.tap-counter .tc-goal{opacity:.65;font-size:clamp(20px,4vw,36px);font-weight:700}.tap-counter.bump{animation:.3s number-bump}@keyframes number-bump{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.vehicles-grid{flex-wrap:wrap;justify-content:center;gap:16px;max-width:900px;padding:10px;display:flex}.match-question,.math-question{color:#fff;text-shadow:2px 2px #0003;text-align:center;font-family:Nunito,sans-serif;font-size:clamp(20px,3.5vw,32px);font-weight:800}.match-vehicles{flex-wrap:wrap;justify-content:center;gap:12px;padding:10px;display:flex}.match-options,.math-options{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.match-option,.math-option{color:#333;cursor:pointer;background:#fff;border:4px solid #ddd;border-radius:22px;justify-content:center;align-items:center;width:clamp(76px,18vw,110px);height:clamp(76px,18vw,110px);font-family:Nunito,sans-serif;font-size:clamp(34px,8vw,48px);font-weight:800;transition:transform .15s,border-color .15s,background .15s;display:flex;box-shadow:0 4px #0000001a}.match-option:active,.math-option:active{transform:translateY(3px);box-shadow:0 1px #0000001a}.match-option.correct,.math-option.correct{border-color:var(--green);background:#d4edda;animation:.6s cubic-bezier(.34,1.56,.64,1) correct-shake}.match-option.wrong,.math-option.wrong{border-color:var(--red);background:#f8d7da;animation:.6s wrong-shake}@keyframes correct-shake{0%{transform:scale(1)}25%{transform:scale(1.35)rotate(-5deg)}50%{transform:scale(1.15)rotate(3deg)}75%{transform:scale(1.25)rotate(-2deg)}to{transform:scale(1)}}@keyframes wrong-shake{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-10px)rotate(-4deg)}20%{transform:translate(10px)rotate(4deg)}30%{transform:translate(-10px)rotate(-4deg)}40%{transform:translate(8px)rotate(3deg)}50%{transform:translate(-6px)rotate(-2deg)}60%{transform:translate(6px)rotate(2deg)}70%{transform:translate(-4px)rotate(-1deg)}80%{transform:translate(2px)}}.math-problem{color:#fff;text-shadow:3px 3px #0003;text-align:center;letter-spacing:4px;font-family:Nunito,sans-serif;font-size:clamp(48px,12vw,96px);font-weight:800;line-height:1.1}.math-problem .op{color:var(--yellow)}.math-problem .eq{color:#fffffff2}.op-add{color:#2ed573!important;text-shadow:0 2px 4px #00000059,0 0 4px #ffffff26!important}.op-sub{color:#ff6b6b!important;text-shadow:0 2px 4px #00000059,0 0 4px #ffffff26!important}.op-eq{color:#fff!important;text-shadow:0 2px 4px #00000059!important}.math-vehicles-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px;display:flex}.math-op-symbol{color:var(--yellow);text-shadow:2px 2px #00000026;margin:0 6px;font-family:Nunito,sans-serif;font-size:clamp(28px,5vw,44px);font-weight:800}.order-instruction{color:#fff;text-shadow:2px 2px #0003;text-align:center;font-family:Nunito,sans-serif;font-size:clamp(18px,3vw,28px);font-weight:800}.order-slots{flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;display:flex}.order-slot{color:#fff;text-shadow:1px 1px #00000026;background:#ffffff4d;border:3px dashed #ffffffb3;border-radius:16px;justify-content:center;align-items:center;width:clamp(56px,14vw,68px);height:clamp(56px,14vw,68px);font-family:Nunito,sans-serif;font-size:clamp(22px,4vw,34px);font-weight:800;transition:background .2s,border-color .2s;display:flex}.order-slot.filled{border:3px solid var(--green);color:#333;text-shadow:none;background:#ffffffd9}.order-slot.next{border-color:var(--yellow);background:#ffffff80;animation:1s ease-in-out infinite pulse-slot}@keyframes pulse-slot{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.order-choices{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.order-choice{color:#333;cursor:pointer;background:#fff;border:3px solid #ddd;border-radius:16px;justify-content:center;align-items:center;width:clamp(60px,15vw,72px);height:clamp(60px,15vw,72px);font-family:Nunito,sans-serif;font-size:clamp(28px,7vw,36px);font-weight:800;transition:transform .15s,opacity .3s;display:flex;box-shadow:0 4px #0000001a}.order-choice:active{transform:translateY(3px)}.order-choice.used{opacity:.3;pointer-events:none}.order-choice.wrong{animation:.4s wrong-shake}.missing-instruction{color:#fff;text-shadow:2px 2px #0003;text-align:center;font-family:Nunito,sans-serif;font-size:clamp(18px,3vw,28px);font-weight:800}.missing-sequence{flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;display:flex}.seq-num{color:#333;background:#ffffffd9;border-radius:16px;justify-content:center;align-items:center;width:clamp(58px,15vw,72px);height:clamp(58px,15vw,72px);font-family:Nunito,sans-serif;font-size:clamp(24px,4.5vw,38px);font-weight:800;display:flex;box-shadow:0 3px 8px #0000001a}.seq-num.blank{border:3px dashed var(--yellow);color:#0000;background:#ffffff59;animation:1s ease-in-out infinite pulse-slot}.seq-num.filled-blank{border:3px solid var(--green);color:#333;background:#d4edda;animation:.5s correct-shake}.missing-choices{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.missing-choice{color:#333;cursor:pointer;background:#fff;border:3px solid #ddd;border-radius:16px;justify-content:center;align-items:center;width:clamp(64px,16vw,80px);height:clamp(56px,10vw,80px);font-family:Nunito,sans-serif;font-size:clamp(26px,4.5vw,40px);font-weight:800;transition:transform .15s;display:flex;box-shadow:0 4px #0000001a}.missing-choice:active{transform:translateY(3px)}.missing-choice.correct{border-color:var(--green);background:#d4edda}.missing-choice.wrong{animation:.4s wrong-shake}.eq-visual{flex-direction:column;align-items:center;gap:clamp(8px,2vh,16px);width:100%;max-width:700px;display:flex}.eq-text-row{background:#0000001f;border-radius:18px;justify-content:center;align-items:center;gap:clamp(8px,3vw,20px);padding:clamp(10px,2.5vw,20px) clamp(16px,4vw,32px);display:flex}.eq-text-num{color:#fff;text-shadow:0 3px 6px #0000004d;font-family:"Baloo 2",cursive,sans-serif;font-size:clamp(40px,10vw,80px);font-weight:800;line-height:1}.eq-text-op{color:#ffffffd9;text-shadow:0 2px 4px #0003;font-family:"Baloo 2",cursive,sans-serif;font-size:clamp(32px,8vw,64px);font-weight:800}.eq-text-mystery{color:#ffffff80;background:#ffffff1a;border:4px dashed #fff9;border-radius:16px;justify-content:center;align-items:center;min-width:clamp(48px,12vw,80px);min-height:clamp(48px,12vw,80px);font-family:"Baloo 2",cursive,sans-serif;font-size:clamp(36px,9vw,72px);font-weight:800;animation:.8s ease-in-out infinite pulse;display:inline-flex}.eq-text-mystery.eq-solved{border-style:solid;border-color:var(--green);color:var(--green);background:#2ed57326;animation:none}.eq-helper{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(4px,1.2vw,10px);display:flex}.eq-helper-group{background:#ffffff1f;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(2px,.5vw,4px);max-width:clamp(100px,24vw,180px);padding:4px 6px;display:flex}.eq-helper-group .v-svg-xs{width:clamp(24px,5vw,40px)}.eq-helper-divider{color:#fff;text-shadow:0 2px 4px #0006;padding:0 4px;font-size:clamp(28px,6vw,44px);font-weight:900}.eq-helper-mystery{color:#ffffffd9;background:#0000002e;border:3px dashed #ffffffa6;border-radius:14px;justify-content:center;align-items:center;gap:clamp(2px,.6vw,5px);min-width:clamp(48px,10vw,72px);min-height:clamp(44px,9vw,64px);padding:6px 12px;font-size:clamp(24px,5vw,36px);font-weight:800;display:flex}.eq-helper-mystery.eq-helper-revealed{border-style:solid;border-color:var(--green);background:#2ed5731f}.eq-helper-mystery .v-svg-xs{width:clamp(32px,7vw,56px)}.bigger-choices{justify-content:center;align-items:center;gap:clamp(20px,6vw,50px);display:flex}.bigger-num-btn{color:#333;cursor:pointer;background:#ffffffd9;border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(110px,28vw,180px);height:clamp(110px,28vw,180px);font-family:"Baloo 2",cursive,sans-serif;font-size:clamp(48px,12vw,80px);font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,background .2s;display:flex;box-shadow:0 6px #0000001a,0 8px 24px #0000001f}.bigger-num-btn:active{transform:scale(.9)}.bigger-num-btn.correct{border-color:var(--green);background:#2ed5734d}.bigger-num-btn.wrong{animation:.4s shake}.compare-groups{justify-content:center;align-items:stretch;gap:clamp(10px,3vw,24px);width:100%;max-width:700px;min-height:clamp(160px,36vh,280px);margin:0 auto;display:flex}.compare-group{cursor:pointer;background:#ffffff26;border:3px solid #ffffff4d;border-radius:20px;flex-wrap:wrap;flex:1;place-content:center;align-items:center;gap:6px;min-height:80px;padding:clamp(10px,2vw,20px) clamp(10px,2vw,20px) clamp(16px,3vw,28px);transition:transform .2s,border-color .2s,background .2s;display:flex;position:relative}.compare-group:active{transform:scale(.95)}.compare-group.correct{border-color:var(--green);background:#2ed57333}.compare-group.wrong{animation:.4s shake}.compare-vs{color:#fff;text-shadow:0 2px 4px #0000004d;text-align:center;align-self:center;min-width:40px;font-family:Nunito,sans-serif;font-size:clamp(28px,5vw,48px);font-weight:900;transition:transform .3s}#compare-area .v-svg-sm{width:clamp(40px,12vh,80px);height:auto}.compare-count{color:#fff;background:var(--blue);z-index:1;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(36px,7vw,48px);height:clamp(36px,7vw,48px);font-family:Nunito,sans-serif;font-size:clamp(20px,4vw,32px);font-weight:900;animation:.4s both pop;display:flex;position:absolute;bottom:-16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000040}.compare-feedback{display:none}.pattern-sequence{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(6px,1.5vw,14px);padding:10px;display:flex}.pattern-item{justify-content:center;align-items:center;display:flex}.pattern-question{color:#fff9;background:#ffffff1a;border:3px dashed #ffffff80;border-radius:16px;width:clamp(50px,10vw,80px);height:clamp(50px,10vw,80px);font-family:Nunito,sans-serif;font-size:clamp(28px,5vw,44px);font-weight:900;animation:.8s ease-in-out infinite pulse}.pattern-option{cursor:pointer;background:#ffffffe6;border:3px solid #00000014;border-radius:16px;padding:8px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 4px #0000001a}.pattern-option:active{transform:translateY(3px)scale(.95);box-shadow:0 1px #0000001a}.pattern-option.correct{border-color:var(--green);background:#2ed57326}.pattern-option.wrong{animation:.4s shake}.tenframes-grid{grid-template-columns:repeat(5,1fr);gap:clamp(4px,1vw,8px);max-width:clamp(260px,50vw,450px);margin:0 auto;display:grid}.tf-cell{aspect-ratio:1;background:#ffffff14;border:2px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;transition:background .3s,border-color .3s;display:flex}.tf-filled{background:#fff3;border-color:#ffffff80}.tf-empty{border-style:dashed;border-color:#ffffff4d}.tf-filled-answer{border-color:var(--green);background:#2ed57340;border-style:solid}.tf-cell .v-svg-xs{width:80%;height:auto}.letter-match-image{text-align:center;padding:8px 0}.letter-match-emoji{object-fit:contain;filter:drop-shadow(0 4px 10px #0003);width:clamp(100px,22vw,180px);height:clamp(100px,22vw,180px);margin:0 auto;animation:.4s both pop;display:block}.letter-match-word{color:var(--green);letter-spacing:2px;margin-top:4px;font-size:clamp(20px,4vw,32px);font-weight:800;transition:opacity .3s,transform .3s}.letter-match-word-hidden{opacity:0;pointer-events:none;transform:scale(.8)}.letter-display{text-align:center;color:var(--blue);margin:4px 0;font-size:clamp(48px,10vw,80px);font-weight:900;line-height:1.1}.complete-word-image{text-align:center}.complete-word-img{object-fit:contain;filter:drop-shadow(0 4px 10px #0003);width:clamp(80px,18vw,150px);height:clamp(80px,18vw,150px);margin:0 auto;animation:.4s both pop;display:block}.complete-word-display{text-align:center;letter-spacing:8px;color:#333;justify-content:center;gap:4px;margin:8px 0;font-size:clamp(32px,8vw,56px);font-weight:900;display:flex}.complete-word-char{display:inline-block}.complete-word-blank{color:var(--red);border-bottom:3px solid var(--red);min-width:.6em;display:inline-block}.trace-header{justify-content:center;align-items:center;gap:12px;margin:4px 0;display:flex}.trace-letter-display{color:var(--blue);font-size:clamp(48px,10vw,72px);font-weight:900;line-height:1}.trace-word-assoc{align-items:center;gap:6px;display:flex}.trace-assoc-emoji{object-fit:contain;filter:drop-shadow(0 2px 6px #0003);width:clamp(40px,8vw,64px);height:clamp(40px,8vw,64px)}.trace-assoc-word{color:#555;font-size:clamp(16px,3vw,24px);font-weight:700}.trace-stroke-counter{text-align:center;color:#fff;text-shadow:0 1px 3px #00000059;margin:4px 0;font-size:clamp(14px,2.5vw,18px);font-weight:800}#number-cards-area,#letter-cards-area{padding-bottom:5vh}.card-explorer{--card-size:clamp(180px, 36vh, 340px);justify-content:center;align-items:center;gap:clamp(8px,2vw,20px);width:100%;max-width:min(96%,1200px);margin:0 auto;display:flex}.card-nav-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:clamp(56px,9vw,80px);height:clamp(56px,9vw,80px);padding:0;transition:transform .2s;display:flex}.card-nav-btn:active{animation:.35s btn-bounce}.nav-btn-icon{object-fit:contain;filter:drop-shadow(0 3px 6px #0003);width:100%;height:100%}.card-main{flex:1;justify-content:center;align-items:flex-start;gap:clamp(16px,3vw,40px);display:flex}.card-top{width:var(--card-size);height:var(--card-size);flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(4px,.8vh,8px);display:flex}#number-cards-area .card-top{width:var(--card-size)}.card-write{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.card-write-prompt{color:#fff;text-shadow:1px 1px #00000026;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(18px,3.5vw,28px);font-weight:700}#letter-cards-area .card-write-prompt,#number-cards-area .card-write-prompt{display:none}.card-canvas-wrap{width:var(--card-size);height:var(--card-size)}.card-canvas-wrap .draw-canvas{width:100%;height:100%}.nc-header{justify-content:center;align-items:baseline;gap:clamp(8px,2vw,16px);display:flex}.card-number{color:#fff;text-shadow:3px 3px #0003;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(48px,8vh,80px);font-weight:900;line-height:1}.card-word{color:#ffffffe6;letter-spacing:3px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(16px,3vw,24px);font-weight:800}.card-objects{flex-direction:column;flex:1;align-items:center;gap:clamp(4px,.8vh,8px);width:100%;min-height:0;display:flex;overflow:hidden}.tf-frame{background:#ffffff14;border:2px solid #ffffff26;border-radius:clamp(8px,1.5vh,14px);flex:1;grid-template-rows:1fr 1fr;grid-template-columns:repeat(5,1fr);gap:clamp(2px,.4vh,4px);width:100%;min-height:0;padding:clamp(2px,.4vh,4px);display:grid}.tf-slot{border-radius:clamp(4px,.8vh,8px);justify-content:center;align-items:center;min-height:0;transition:background .3s,border-color .3s;display:flex;overflow:hidden}.tf-slot-filled{background:#ffffff2e;border:2px solid #ffffff59}.tf-slot-empty{background:#ffffff0a;border:2px dashed #ffffff2e}.tf-slot img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.card-letter{color:#fff;text-shadow:3px 3px #0003;font-family:Nunito,sans-serif;font-size:clamp(64px,16vw,120px);font-weight:900;line-height:1}.card-assoc{flex-direction:column;align-items:center;gap:clamp(8px,2vh,16px);display:flex}.lc-illustration{width:var(--card-size);height:var(--card-size);object-fit:contain;filter:drop-shadow(0 6px 16px #00000040);border-radius:24px}.lc-word{color:#fff;letter-spacing:4px;text-shadow:2px 2px #00000026;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(28px,5vw,48px);font-weight:800}.card-counter{text-align:center;color:#fff9;letter-spacing:2px;flex-shrink:0;margin-top:-4px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(16px,2.5vw,22px);font-weight:700}@media (orientation:portrait){.card-main{flex-direction:column;align-items:center;gap:clamp(8px,1.5vh,16px);min-width:0}.card-top,#number-cards-area .card-top{width:var(--card-size);max-width:100%;height:auto}.lc-illustration{width:var(--card-size);height:var(--card-size)}}@media (width<=480px) and (orientation:portrait){.card-explorer{--card-size:clamp(140px, 30vh, 220px);gap:2px}.card-nav-btn{width:44px;height:44px}.card-canvas-wrap{width:var(--card-size);height:var(--card-size)}.lc-word{letter-spacing:2px;font-size:clamp(20px,5vw,28px)}.card-number{font-size:clamp(36px,7vh,56px)}.card-word{font-size:clamp(14px,3vw,20px)}}:is(body:has(#story-screen.active) .road,body:has(#story-screen.active) .hills,body:has(#story-screen.active) .sun,body:has(#story-screen.active) .cloud-1,body:has(#story-screen.active) .cloud-2,body:has(#story-screen.active) .cloud-3,body:has(#story-screen.active) .road-vehicle,body:has(#story-screen.active) .tree,body:has(#story-screen.active) .bush,body:has(#story-screen.active) .flower,body:has(#story-screen.active) .sky-bg){display:none!important}body:has(#story-screen.active){background:#1c1410!important}#story-screen.active{background:#1c1410;display:block}#story-screen.active>.game-header{z-index:10;pointer-events:none;position:absolute;top:0;left:0;right:0;background:0 0!important}#story-screen.active>.game-header>*{pointer-events:auto}#story-screen.active>.game-area{position:absolute;inset:0}.story-page{background:#1c1410;position:absolute;inset:0;overflow:hidden}.story-image-wrap{position:absolute;inset:0;overflow:hidden}.story-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.story-image-wrap:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#1c141000 0%,#1c141059 100%);height:38%;position:absolute;bottom:0;left:0;right:0}.story-hotspot{color:#6b4d12;cursor:pointer;z-index:5;background:radial-gradient(circle at 32% 30%,#fff1c1 0%,#f0c75c 88%);border:2px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;width:clamp(28px,4.2vh,40px);height:clamp(28px,4.2vh,40px);padding:0;font-family:Nunito,sans-serif;font-size:clamp(18px,2.6vh,26px);font-weight:900;line-height:1;animation:3s ease-in-out infinite hotspot-bob;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #6b4d1259}.story-hotspot:active{transform:translate(-50%,-50%)scale(.92)}@keyframes hotspot-bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 4px))}}.story-progress{-webkit-backdrop-filter:blur(6px);color:#fff;letter-spacing:.3px;background:#00000073;border-radius:999px;padding:5px 14px;font-family:Nunito,sans-serif;font-size:clamp(11px,1.6vh,14px);font-weight:700}.story-text-panel{-webkit-backdrop-filter:blur(10px);z-index:4;background:#fff8e6f0;border-radius:clamp(14px,1.8vw,22px);align-items:center;gap:clamp(12px,2vw,18px);padding:clamp(12px,1.8vh,20px) clamp(18px,2.4vw,26px);display:flex;position:absolute;box-shadow:0 8px 28px #00000059}.story-page.text-bottom .story-text-panel,.story-page.text-overlay .story-text-panel{bottom:clamp(78px,10vh,110px);left:clamp(76px,9vw,120px);right:clamp(76px,9vw,120px)}.story-page.text-top .story-text-panel{top:clamp(58px,8vh,90px);left:clamp(76px,9vw,120px);right:clamp(76px,9vw,120px)}.story-page.text-left .story-text-panel{flex-direction:column;align-items:flex-start;gap:clamp(10px,1.6vh,16px);width:clamp(290px,38vw,460px);top:50%;left:clamp(72px,8vw,110px);transform:translateY(-50%)}.story-page.text-right .story-text-panel{flex-direction:column;align-items:flex-start;gap:clamp(10px,1.6vh,16px);width:clamp(290px,38vw,460px);top:50%;right:clamp(72px,8vw,110px);transform:translateY(-50%)}.story-page.text-top-right .story-text-panel{flex-direction:column;align-items:flex-start;gap:clamp(10px,1.6vh,16px);width:clamp(290px,38vw,460px);top:clamp(58px,8vh,90px);right:clamp(72px,8vw,110px)}.story-page.text-top-left .story-text-panel{flex-direction:column;align-items:flex-start;gap:clamp(10px,1.6vh,16px);width:clamp(290px,38vw,460px);top:clamp(58px,8vh,90px);left:clamp(72px,8vw,110px)}.story-page.text-bottom-left .story-text-panel{flex-direction:column;align-items:flex-start;gap:clamp(10px,1.6vh,16px);width:clamp(290px,38vw,460px);bottom:clamp(80px,11vh,120px);left:clamp(72px,8vw,110px)}.story-page.text-bottom-right .story-text-panel{flex-direction:column;align-items:flex-start;gap:clamp(10px,1.6vh,16px);width:clamp(290px,38vw,460px);bottom:clamp(80px,11vh,120px);right:clamp(72px,8vw,110px)}.story-narration{color:#2c3e50;letter-spacing:.2px;flex:1;margin:0;font-family:"Baloo 2",cursive,sans-serif;font-size:clamp(15px,2.4vh,22px);font-weight:600;line-height:1.45}.story-replay-btn{cursor:pointer;color:#1a3d52;background:linear-gradient(#9bd8ee,#5ab3d4);border:2px solid #fff;border-radius:999px;flex:none;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-family:Nunito,sans-serif;font-weight:800;display:inline-flex;box-shadow:0 3px 10px #2864824d}.story-replay-btn img{object-fit:contain;background:#fff;border-radius:50%;width:clamp(30px,3.8vh,38px);height:clamp(30px,3.8vh,38px)}.story-replay-label{letter-spacing:.2px;padding-right:2px;font-size:clamp(13px,1.8vh,16px)}.story-replay-btn:active{transform:scale(.95)}.story-nav{pointer-events:none;z-index:5;justify-content:space-between;align-items:center;padding:0 clamp(12px,1.5vw,20px);display:flex;position:absolute;bottom:clamp(10px,1.5vh,18px);left:0;right:0}.story-prev-btn,.story-next-btn,.story-end-block{pointer-events:auto}.story-prev-btn{-webkit-backdrop-filter:blur(8px);color:#2c3e50;cursor:pointer;background:#fffffff2;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:clamp(50px,6.5vh,64px);height:clamp(50px,6.5vh,64px);padding:0;font-weight:900;transition:transform .15s,opacity .25s;display:inline-flex;box-shadow:0 6px 18px #0000004d}.story-prev-btn:disabled{opacity:0;visibility:hidden;pointer-events:none}.story-prev-btn:active{transform:scale(.94)}.story-next-btn{color:#fff;cursor:pointer;background:#ffa502;border:1.5px solid #fff;border-radius:999px;align-items:center;gap:6px;padding:clamp(11px,1.6vh,16px) clamp(18px,2.6vw,26px);font-family:Nunito,sans-serif;font-size:clamp(15px,2vh,19px);font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 18px #00000059}.story-arrow{font-size:1.4em;font-weight:900;line-height:.5}.story-next-btn:active{transform:scale(.96)}.story-next-btn.story-begin-btn{background:#2ed573;padding:clamp(13px,1.9vh,18px) clamp(22px,3vw,32px);font-size:clamp(17px,2.4vh,22px);box-shadow:0 6px 18px #00000059,0 0 #2ed5738c}.story-next-btn.story-begin-btn.pulse{animation:1.6s ease-in-out infinite begin-pulse}@keyframes begin-pulse{0%,to{transform:scale(1);box-shadow:0 6px 18px #00000059,0 0 #2ed5738c}50%{transform:scale(1.05);box-shadow:0 6px 18px #00000059,0 0 0 16px #2ed57300}}.story-next-btn.pulse{animation:1.6s ease-in-out infinite next-pulse}@keyframes next-pulse{0%,to{transform:scale(1);box-shadow:0 6px 18px #00000059,0 0 #ffa5028c}50%{transform:scale(1.04);box-shadow:0 6px 18px #00000059,0 0 0 14px #ffa50200}}.story-end-block{align-items:center;gap:clamp(8px,1.4vw,14px);margin-left:auto;display:flex}.story-end-title{color:#fff;text-shadow:0 2px 8px #0009;padding:0 8px;font-family:"Baloo 2",cursive,sans-serif;font-size:clamp(16px,2.4vh,22px);font-weight:800}.story-end-btn{cursor:pointer;color:#2c3e50;background:#ffffffeb;border:2px solid #fff;border-radius:999px;align-items:center;gap:6px;padding:clamp(9px,1.4vh,13px) clamp(14px,2.2vw,20px);font-family:Nunito,sans-serif;font-size:clamp(13px,1.8vh,17px);font-weight:800;display:inline-flex;box-shadow:0 6px 18px #0000004d}.story-end-btn-primary{color:#fff;background:#2ed573}.story-end-btn:active{transform:scale(.96)}.story-page .story-text-panel,.story-page .story-hotspot,.story-page .story-replay-btn,.story-page .story-next-btn{transition:opacity .45s,transform .45s}.story-page.narrating .story-text-panel,.story-page.pre-end .story-hotspot,.story-page.pre-end .story-replay-btn,.story-page.pre-end .story-next-btn{opacity:0;pointer-events:none;transform:translateY(10px)}.story-modal-layer{pointer-events:none;z-index:100;position:absolute;inset:0}.story-modal-overlay{pointer-events:auto;-webkit-backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:24px;animation:.25s both modal-in;display:flex;position:absolute;inset:0}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.story-modal-card{background:#fffaf0;border-radius:clamp(20px,3vw,32px);flex-direction:column;align-items:center;gap:clamp(12px,2vh,20px);max-width:min(640px,92vw);max-height:88vh;padding:clamp(24px,4vh,40px) clamp(24px,4vw,40px);animation:.3s cubic-bezier(.34,1.56,.64,1) both modal-card-in;display:flex;position:relative;overflow:auto;box-shadow:0 16px 48px #00000073}@keyframes modal-card-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.story-modal-close{color:#fff;cursor:pointer;z-index:2;background:#e74c3c;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:Nunito,sans-serif;font-size:24px;font-weight:900;line-height:1;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #00000040}.story-hotspot-text{color:#2c3e50;text-align:center;margin:8px 0;font-family:"Baloo 2",cursive,sans-serif;font-size:clamp(18px,2.8vh,26px);font-weight:600;line-height:1.4}.story-hotspot-image{aspect-ratio:16/9;object-fit:cover;border-radius:clamp(12px,1.6vw,18px);width:100%;max-width:480px;box-shadow:0 6px 18px #0003}.story-modal-replay .story-replay-label{font-size:clamp(14px,2vh,17px)}.story-choice-title{color:#2c3e50;text-align:center;margin:0;font-family:"Baloo 2",cursive,sans-serif;font-size:clamp(20px,3.2vh,32px);font-weight:800}.story-choice-grid{flex-wrap:wrap;justify-content:center;gap:clamp(12px,2vw,20px);display:flex}.story-choice-option{cursor:pointer;background:#fff;border:4px solid #ffa502;border-radius:clamp(18px,2.5vw,26px);flex-direction:column;align-items:center;gap:8px;width:clamp(140px,22vw,200px);padding:clamp(14px,2vh,22px) clamp(14px,2vw,22px);font-family:Nunito,sans-serif;font-weight:800;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.story-choice-option:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.story-choice-option:active{transform:scale(.96)}.story-choice-icon{object-fit:contain;width:clamp(80px,12vw,120px);height:clamp(80px,12vw,120px)}.story-choice-label{color:#2c3e50;font-size:clamp(15px,2vh,20px)}.story-error{text-align:center;color:#c0392b;background:#ffffffe6;border-radius:16px;margin:auto;padding:24px;font-family:Nunito,sans-serif;font-weight:800}.menu-btn[data-game^=story-]{background:#fff;border-left-color:#9b59b6}.menu-btn[data-game^=story-] .menu-icon{object-fit:cover;object-position:center;width:clamp(96px,26vw,128px);height:clamp(96px,26vw,128px)}@media (orientation:landscape) and (height<=600px){.story-text-panel{border-radius:clamp(10px,1.4vh,16px);gap:clamp(8px,1.4vh,14px);padding:clamp(8px,1.6vh,14px) clamp(12px,2vw,18px)}.story-narration{font-size:clamp(12px,3.6vh,16px);line-height:1.35}.story-page.text-left .story-text-panel,.story-page.text-right .story-text-panel,.story-page.text-top-left .story-text-panel,.story-page.text-top-right .story-text-panel,.story-page.text-bottom-left .story-text-panel,.story-page.text-bottom-right .story-text-panel{gap:clamp(6px,1.2vh,10px);width:clamp(180px,36vw,300px)}.story-page.text-bottom .story-text-panel,.story-page.text-overlay .story-text-panel{bottom:clamp(62px,9vh,84px);left:clamp(60px,7vw,90px);right:clamp(60px,7vw,90px)}.story-page.text-top .story-text-panel{top:clamp(46px,7vh,70px);left:clamp(60px,7vw,90px);right:clamp(60px,7vw,90px)}.story-page.text-top-left .story-text-panel,.story-page.text-top-right .story-text-panel{top:clamp(46px,7vh,70px)}.story-page.text-bottom-left .story-text-panel,.story-page.text-bottom-right .story-text-panel{bottom:clamp(66px,10vh,92px)}.story-hotspot{width:clamp(28px,7vh,38px);height:clamp(28px,7vh,38px)}.story-prev-btn{width:clamp(44px,11vh,54px);height:clamp(44px,11vh,54px)}.story-next-btn{padding:clamp(9px,2vh,13px) clamp(14px,2vw,20px);font-size:clamp(13px,3.4vh,16px)}}@media (orientation:portrait) and (width<=500px){.story-page .story-text-panel{flex-direction:row!important;align-items:center!important;width:auto!important;inset:auto clamp(12px,3vw,20px) clamp(88px,11vh,110px)!important;transform:none!important}.story-narration{font-size:clamp(15px,2.1vh,18px)}}@media (orientation:landscape) and (height<=500px){.story-modal-card{gap:clamp(6px,1.4vh,12px);max-height:96vh;padding:clamp(12px,3vh,20px) clamp(20px,3vw,28px)}.story-modal-close{width:30px;height:30px;font-size:20px;top:4px;right:4px}.story-hotspot-image{width:auto;max-width:55vw;max-height:45vh}.story-hotspot-text{margin:0;font-size:clamp(13px,4vh,17px);line-height:1.3}.story-modal-replay{padding:clamp(7px,1.6vh,11px) clamp(12px,2vw,18px)}.story-modal-replay .story-replay-label{font-size:clamp(12px,3vh,15px)}.story-modal-replay img{width:clamp(16px,3.6vh,20px);height:clamp(16px,3.6vh,20px)}.story-choice-title{margin:0;font-size:clamp(15px,4.5vh,22px)}.story-choice-grid{gap:clamp(8px,1.5vw,14px)}.story-choice-option{gap:4px;width:clamp(100px,15vw,140px);padding:clamp(8px,1.6vh,14px) clamp(10px,1.5vw,16px)}.story-choice-icon{width:clamp(48px,9vh,70px);height:clamp(48px,9vh,70px)}.story-choice-label{font-size:clamp(11px,2.8vh,14px)}}@media (width<=380px){.title-logo{width:clamp(200px,58vw,230px)}.age-avatar-btn{width:56px;height:56px}.ribbon-img{width:72px}.menu-icon{width:64px;height:64px}.menu-btn .label{font-size:12px}.match-option,.math-option{width:60px;height:60px;font-size:26px}.order-slot{width:44px;height:44px;font-size:20px}.order-choice{width:48px;height:48px;font-size:22px}.missing-choice{width:52px;height:52px;font-size:24px}.seq-num{width:46px;height:46px;font-size:22px}.game-area{gap:10px;padding:10px}}.rotate-overlay{inset:0;z-index:9999;background:#87ceeb;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:fixed;inset:0}.rotate-overlay svg{animation:2s ease-in-out infinite rotate-wobble}@keyframes rotate-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.rotate-overlay p{color:#fff;text-shadow:1px 1px #00000026;text-align:center;padding:0 20px;font-family:Nunito,sans-serif;font-size:22px;font-weight:800}@media (width>=481px) and (width<=767px){.title-logo{width:clamp(280px,50vw,380px)}.age-avatar-btn{width:clamp(64px,13vw,80px);height:clamp(64px,13vw,80px)}.menu-grid{gap:12px;max-width:90vw}.menu-icon{width:clamp(80px,18vw,100px);height:clamp(80px,18vw,100px)}.menu-btn .label{font-size:clamp(14px,2.8vw,17px)}.menu-ribbon{gap:12px}.ribbon-img{width:clamp(90px,18vw,110px)}.game-area{padding:12px 20px clamp(20px,6vh,50px)}}@media (width>=768px) and (orientation:portrait){.title-logo{width:clamp(360px,46vw,520px)}.age-avatar-btn{border-width:4px;width:clamp(72px,10vw,92px);height:clamp(72px,10vw,92px)}.menu-subtitle{font-size:clamp(16px,2.2vw,22px);display:block}.menu-ribbon{gap:14px}.ribbon-img{width:clamp(100px,14vw,130px)}.menu-grid{flex-wrap:wrap;justify-content:center;gap:14px;max-width:600px;display:flex}.menu-btn{border-radius:22px;flex:none;width:clamp(160px,28vw,220px);min-height:80px;padding:18px 14px 16px}.menu-icon{width:clamp(92px,12vw,110px);height:clamp(92px,12vw,110px)}.menu-btn .label{font-size:clamp(15px,2vw,18px)}.game-area{gap:16px;padding:16px 24px clamp(20px,6vh,60px)}.back-btn{width:60px;min-width:60px;max-width:60px;height:60px;min-height:60px;max-height:60px}.stars-display{font-size:32px}.tap-prompt,.match-question,.math-question,.order-instruction,.missing-instruction{font-size:clamp(28px,3.5vw,36px)}.tap-counter{font-size:clamp(80px,10vw,110px)}.math-problem{font-size:clamp(70px,9vw,100px)}.math-op-symbol{font-size:clamp(36px,4.5vw,48px)}.vehicles-grid{max-width:90vw}.v-svg{width:clamp(110px,14vw,150px)}.v-svg-sm{width:clamp(80px,10vw,110px)}.v-svg-xs{width:clamp(64px,8vw,90px)}.match-option,.math-option{width:clamp(90px,12vw,120px);height:clamp(90px,12vw,120px);font-size:clamp(40px,5vw,52px)}.match-options,.math-options{gap:clamp(14px,2vw,22px)}.order-slot{width:clamp(68px,9vw,84px);height:clamp(68px,9vw,84px);font-size:clamp(34px,4.5vw,42px)}.order-choice{width:clamp(72px,9.5vw,88px);height:clamp(72px,9.5vw,88px);font-size:clamp(36px,4.5vw,44px)}.seq-num{width:clamp(70px,9vw,86px);height:clamp(70px,9vw,86px);font-size:clamp(36px,4.5vw,44px)}.missing-choice{width:clamp(80px,10vw,100px);height:clamp(80px,10vw,100px);font-size:clamp(40px,5vw,48px)}.next-btn{min-width:240px;padding:18px 44px;font-size:clamp(24px,3vw,28px)}.success-text{font-size:clamp(44px,5.5vw,56px)}.success-btn{padding:18px 48px;font-size:clamp(24px,3vw,28px)}.count-badge{width:40px;height:40px;font-size:24px}.draw-canvas{width:clamp(260px,40vw,360px);height:clamp(260px,40vw,360px)}.canvas-ghost{font-size:clamp(160px,26vw,220px)}.draw-btn{padding:14px 36px;font-size:22px}.draw-prompt{font-size:clamp(26px,3.5vw,34px)}.sun{width:100px;height:100px}}@media (width>=768px) and (orientation:landscape){#menu-screen.active{grid-template:"ribbon title""ribbon main"1fr/auto 1fr}.menu-ribbon{background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:4vh 6px 4vh 0}.ribbon-section:first-of-type{flex-direction:column;align-items:flex-start;gap:clamp(16px,4vh,40px)}.ribbon-cat-btn{transform-origin:0;flex-direction:row;align-items:center;gap:0}.ribbon-img{filter:brightness(.85);width:clamp(140px,15vw,200px)}.ribbon-cat-btn.active{opacity:1;transform:translate(10px)scale(1.1)}.ribbon-cat-btn.active .ribbon-img{filter:brightness(1.1)drop-shadow(2px 3px 8px #0000004d)}.ribbon-label{display:none}.age-avatar-btn{border-width:4px;width:clamp(64px,8vw,88px);height:clamp(64px,8vw,88px)}.menu-main{gap:1.2vh;padding:1.5vh 3vw clamp(40px,10vh,100px)}.title-logo{width:clamp(300px,32vw,440px)}.menu-subtitle{display:none}.menu-grid{flex-wrap:wrap;justify-content:center;gap:clamp(14px,2vw,28px);max-width:90vw;display:flex}.menu-btn{border-radius:clamp(18px,1.8vw,24px);flex:none;width:clamp(180px,18vw,220px);min-height:auto;padding:clamp(12px,1.8vh,18px) clamp(10px,1.2vw,16px)}.menu-icon{width:clamp(110px,12vw,140px);height:clamp(110px,12vw,140px)}.menu-btn .label{font-size:clamp(16px,1.9vw,22px)}.age-avatar-btn{top:calc(8px + env(safe-area-inset-top,0px));left:calc(8px + env(safe-area-inset-left,0px));z-index:20;border-width:4px;width:clamp(64px,7vw,92px);height:clamp(64px,7vw,92px);position:absolute}.back-btn,.replay-btn{width:clamp(56px,8vh,72px);min-width:56px;max-width:72px;height:clamp(56px,8vh,72px);min-height:56px;max-height:72px}.stars-display{font-size:min(32px,3vw)}.game-area{gap:2vh;padding:2vh 2.5vw 15vh}.tap-prompt,.match-question,.math-question,.order-instruction,.missing-instruction{font-size:clamp(34px,7vh,60px)}.tap-counter{font-size:min(100px,10vw)}#order-area:after,#missing-screen .game-area:after,#missing-letter-screen .game-area:after{content:"";flex-shrink:0;height:clamp(60px,9vh,90px);display:block}.math-problem{font-size:min(90px,8.5vw)}.math-op-symbol{font-size:min(44px,4vw)}.vehicles-grid{max-width:90vw}.v-svg{width:min(150px,14vw)}.v-svg-sm{width:min(110px,10vw)}.v-svg-xs{width:min(90px,8vw)}.match-option,.math-option{border-radius:min(28px,2.6vw);width:min(130px,12vw);height:min(130px,12vw);font-size:min(56px,5vw)}.match-options,.math-options{gap:min(28px,2.4vw)}.order-slot{width:min(96px,9vw);height:min(96px,9vw);font-size:min(46px,4.2vw)}.order-choice{width:min(100px,9.5vw);height:min(100px,9.5vw);font-size:min(48px,4.5vw)}.seq-num{width:min(96px,9vw);height:min(96px,9vw);font-size:min(46px,4.2vw)}.missing-choice{width:min(110px,10vw);height:min(110px,10vw);font-size:min(52px,4.8vw)}.next-btn{min-width:min(280px,24vw);padding:2.2vh 4vw;font-size:min(28px,2.7vw)}.success-text{font-size:min(56px,5.4vw)}.success-btn{padding:2.2vh 5vw;font-size:min(28px,2.7vw)}.confirm-icon-btn .confirm-icon{width:min(140px,13vw);height:min(140px,13vw)}.confirm-label{font-size:min(24px,2.4vw)}.confirm-text{font-size:min(40px,4vw)}.count-badge{width:min(44px,4vw);height:min(44px,4vw);font-size:min(26px,2.4vw)}.draw-canvas{width:min(320px,30vw);height:min(320px,30vw)}.canvas-ghost{font-size:min(200px,20vw)}.draw-btn{padding:1.5vh 3.5vw;font-size:min(22px,2vw)}.draw-prompt{font-size:clamp(24px,3vw,48px)}.sun{width:min(110px,10vw);height:min(110px,10vw)}}@media (width>=1024px) and (width<=1399px){.title-logo{width:clamp(320px,30vw,400px)}.draw-canvas{width:min(400px,35vw);height:min(400px,35vw)}.canvas-ghost{font-size:min(240px,24vw)}.game-header{height:64px;padding:10px 28px}.game-area{top:64px}.vehicles-grid{max-width:80vw}}@media (width>=768px) and (height<=650px) and (orientation:landscape){.game-area{gap:1.2vh;padding:8px 2.5vw}.game-header{height:48px;padding:6px 20px}.game-area{top:48px}.tap-counter{font-size:min(80px,19vh)}.math-problem{font-size:min(70px,10vh)}.match-option,.math-option{width:min(90px,19vh);height:min(90px,19vh);font-size:min(40px,5vh)}.order-slot{width:min(70px,19vh);height:min(70px,19vh);font-size:min(34px,4.5vh)}.order-choice{width:min(74px,9.5vh);height:min(74px,9.5vh);font-size:min(36px,4.5vh)}.seq-num{width:min(72px,19vh);height:min(72px,19vh);font-size:min(36px,4.5vh)}.missing-choice{width:min(80px,10vh);height:min(80px,10vh);font-size:min(38px,5vh)}.draw-canvas{width:min(280px,40vh);height:min(280px,40vh)}.v-svg{width:min(120px,19vh)}.v-svg-sm{width:min(90px,19vh)}.v-svg-xs{width:min(70px,10vh)}.next-btn{padding:1.5vh 3vw;font-size:min(22px,3vh)}.success-text{font-size:min(40px,6vh)}}@media (orientation:landscape) and (height<=500px) and (width<=1024px){.road{height:18%}.hills{height:8%;bottom:17%}.sun{width:56px;height:56px;top:4%;right:4%}.cloud-1,.cloud-2,.cloud-3{display:none}.road-vehicle{bottom:0}.road-vehicle.rv2{bottom:9%}.back-btn,.replay-btn{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}.back-btn{top:calc(5px + env(safe-area-inset-top,0px));left:calc(6px + env(safe-area-inset-left,0px))}.replay-btn{top:calc(5px + env(safe-area-inset-top,0px));right:calc(6px + env(safe-area-inset-right,0px))}.game-header .sound-btn,.game-header #sound-btn,.game-header .fullscreen-btn{width:40px!important;height:40px!important}.game-area{justify-content:flex-start;gap:6px;padding:6px 12px 19vh;top:54px;overflow:hidden}.menu-main{padding:calc(2px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(19vh + env(safe-area-inset-bottom,0px)) 8px;gap:4px;overflow:hidden}.title-logo{width:clamp(140px,26vw,200px)}.menu-subtitle{display:none}.menu-grid{flex-wrap:wrap;place-content:center;gap:8px 10px;max-width:100%;display:flex}.menu-btn{border-radius:14px;flex:none;width:clamp(110px,18vw,150px);min-height:auto;padding:6px 6px 5px}.menu-icon{width:clamp(54px,10vw,76px);height:clamp(54px,10vw,76px)}.menu-btn .label{font-size:clamp(11px,1.5vw,14px)}.menu-ribbon{gap:8px;padding:1vh 4px 1vh 0}.ribbon-section:first-of-type{gap:clamp(4px,1.2vh,10px)}.ribbon-img{width:clamp(95px,14vw,130px)}.age-avatar-btn{top:calc(4px + env(safe-area-inset-top,0px));left:calc(4px + env(safe-area-inset-left,0px));z-index:20;border-width:3px;width:clamp(48px,8vw,64px);height:clamp(48px,8vw,64px);position:absolute}.theme-modal-inner,.modal-inner,.draft-modal-inner{max-height:92vh;padding-top:14px;padding-bottom:14px}#theme-modal .theme-modal-inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"title title""themes settings""themes voice""themes dev";gap:8px 24px;max-width:min(98vw,820px);padding:14px 22px;display:grid}#theme-modal .theme-modal-title{grid-area:title;margin-bottom:0;font-size:clamp(22px,5.5vh,28px)}#theme-modal .theme-grid{grid-area:themes;place-content:start center;gap:6px;max-width:360px;margin:0 auto}#theme-modal .theme-btn{padding:4px}#theme-modal .theme-icon{width:clamp(56px,13vh,70px);height:clamp(56px,13vh,70px)}#theme-modal .theme-label{font-size:clamp(11px,2vh,13px)}#theme-modal .settings-row{border-top:none;grid-area:settings;align-self:start;gap:12px;margin-top:0;padding-top:0}#theme-modal .settings-btn{padding:6px 8px}#theme-modal .settings-btn-icon{width:44px;height:44px}#theme-modal .settings-btn-label{font-size:12px}#theme-modal .voice-credit{border-top:1px solid #00000014;grid-area:voice;margin-top:0;padding-top:6px;font-size:12px;line-height:1.25}#theme-modal .voice-credit-line{font-size:11px}#theme-modal .voice-credit-link{font-size:12px}#theme-modal .dev-block{border-top:1px solid #00000014;grid-area:dev;align-self:end;margin-top:0;padding-top:6px;font-size:11px;line-height:1.25}#theme-modal .dev-credit-line{font-size:11px}#theme-modal .contact-email{font-size:12px}#theme-modal .theme-modal-close{width:38px;height:38px;font-size:24px;top:6px;right:8px}#number-cards-area .card-top{width:clamp(220px,36vw,300px);height:clamp(140px,26vh,170px)}#number-cards-area .card-canvas-wrap{width:clamp(130px,19vw,160px);height:clamp(130px,19vw,160px)}#letter-cards-area .card-top,#letter-cards-area .card-canvas-wrap{width:clamp(140px,22vw,180px);height:clamp(140px,22vw,180px)}#number-cards-area .card-counter,#letter-cards-area .card-counter{display:none}#number-cards-area .draw-btn.clear,#letter-cards-area .draw-btn.clear{border-radius:10px;min-height:28px;padding:5px 14px;font-size:13px}#number-cards-area .card-number,#letter-cards-area .card-number{font-size:clamp(34px,6vh,48px)}#number-cards-area .nc-header,#letter-cards-area .nc-header{margin-top:0}#tenframes-area .tenframes-grid{gap:5px;max-width:320px}#letter-match-area{grid-template:"prompt prompt""image rail"/auto auto;place-content:center;place-items:center;gap:clamp(6px,1.5vh,12px) clamp(24px,5vw,60px);display:grid}#letter-match-prompt{grid-area:prompt;margin:0}#letter-match-image{grid-area:image;align-self:center;padding:0}#letter-match-area .letter-match-emoji{width:clamp(140px,46vh,180px);height:clamp(140px,46vh,180px)}#letter-match-area .letter-match-image{position:relative}#letter-match-area .letter-match-word{white-space:nowrap;margin-top:0;font-size:clamp(14px,2.5vh,20px);position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}#letter-match-area .letter-match-word-hidden{transform:translate(-50%)scale(.8)}#letter-match-options{flex-flow:row;grid-area:rail;align-self:center;gap:clamp(10px,1.5vw,20px)}#letter-match-next{grid-area:rail;align-self:end;min-height:36px;padding:6px 18px;font-size:clamp(13px,2vh,18px)}#complete-word-area{grid-template:"prompt prompt""image."1fr"image word""image options""image."1fr"image next"/auto auto;place-content:center;place-items:center;gap:clamp(4px,1vh,10px) clamp(20px,4vw,50px);display:grid}#complete-word-prompt{grid-area:prompt;margin:0}#complete-word-image{grid-area:image;align-self:center;padding:0}#complete-word-area .complete-word-img{width:clamp(140px,50vh,200px);height:clamp(140px,50vh,200px)}#complete-word-display{letter-spacing:6px;grid-area:word;align-self:end;margin:0;font-size:clamp(38px,10vh,52px)}#complete-word-options{flex-flow:row;grid-area:options;align-self:start;gap:clamp(10px,2vw,18px)}#complete-word-area .match-option{width:clamp(64px,14vh,84px)!important;height:clamp(64px,14vh,84px)!important;font-size:clamp(28px,7vh,44px)!important}#complete-word-next{grid-area:next;align-self:end;min-height:36px;padding:6px 18px;font-size:clamp(13px,2vh,18px)}#equation-area,#findnum-area{grid-template:"prompt prompt""helper helper""equation options"".next"/auto auto;justify-content:center;place-items:center;gap:clamp(6px,1.5vh,14px) clamp(20px,4vw,50px);display:grid}#equation-prompt,#findnum-prompt{grid-area:prompt;margin:0}#equation-area #equation-visual,#findnum-area #findnum-visual{display:contents}#equation-area .eq-helper,#findnum-area .eq-helper{grid-area:helper;justify-content:center;gap:clamp(6px,1.5vw,16px)}#equation-area .eq-text-row,#findnum-area .eq-text-row{background:#0000002e;grid-area:equation;justify-self:center;padding:clamp(6px,1.5vh,12px) clamp(10px,2vw,20px)}#equation-area .eq-text-num,#findnum-area .eq-text-num{font-size:clamp(26px,8vh,48px)}#equation-area .eq-text-op,#findnum-area .eq-text-op{font-size:clamp(22px,6.5vh,40px)}#equation-area .eq-text-mystery,#findnum-area .eq-text-mystery{border-radius:8px;min-width:clamp(42px,9vh,58px);min-height:clamp(42px,9vh,58px);font-size:clamp(22px,6vh,42px)}#equation-area .eq-helper-mystery,#findnum-area .eq-helper-mystery{border-radius:6px}#equation-area .eq-helper-group,#findnum-area .eq-helper-group{flex-wrap:nowrap;max-width:none}#equation-area .eq-helper-group .v-svg-xs,#equation-area .eq-helper-mystery .v-svg-xs,#findnum-area .eq-helper-group .v-svg-xs,#findnum-area .eq-helper-mystery .v-svg-xs{width:clamp(22px,6vh,38px)}#equation-area .eq-helper-divider,#findnum-area .eq-helper-divider{font-size:clamp(20px,5vh,36px)}#equation-area .eq-helper-mystery,#findnum-area .eq-helper-mystery{min-width:clamp(36px,8vh,54px);min-height:clamp(32px,7vh,48px);font-size:clamp(20px,5.5vh,32px)}#equation-area #equation-options,#findnum-area #findnum-options{flex-flow:row;grid-area:options;justify-self:center;gap:clamp(8px,1.5vw,16px)}#equation-area .match-option,#findnum-area .match-option{width:clamp(70px,14vh,88px)!important;height:clamp(70px,14vh,88px)!important;font-size:clamp(28px,7vh,44px)!important}#equation-area #equation-next,#findnum-area #findnum-next{grid-area:next;justify-self:center;min-height:36px;padding:6px 18px;font-size:clamp(13px,2vh,18px)}.order-slot{width:clamp(64px,18vh,88px)!important;height:clamp(64px,18vh,88px)!important;font-size:clamp(34px,8vh,44px)!important}.order-choice{width:clamp(68px,19vh,92px)!important;height:clamp(68px,19vh,92px)!important;font-size:clamp(36px,8.5vh,46px)!important}.seq-num{width:clamp(64px,17vh,86px)!important;height:clamp(64px,17vh,86px)!important;font-size:clamp(32px,8vh,44px)!important}.missing-choice{width:clamp(70px,19vh,94px)!important;height:clamp(70px,19vh,94px)!important;font-size:clamp(36px,9vh,48px)!important}.match-option,.math-option{width:clamp(70px,18vh,90px)!important;height:clamp(70px,18vh,90px)!important;font-size:clamp(34px,8vh,44px)!important}}@media (orientation:landscape){#write-letter-area .draw-area{grid-template:"prompt prompt prompt""letter canvas pick"1fr"letter canvas options"1fr"letter canvas buttons"/clamp(180px,22vw,320px) auto clamp(240px,28vw,360px);justify-content:center;align-items:center;gap:6px clamp(40px,5vw,80px);width:100%;display:grid}#write-letter-prompt{grid-area:prompt;margin:0;font-size:clamp(26px,6.5vh,56px)}#write-letter-area .letter-display{grid-area:2/letter/-1;place-self:center;font-size:clamp(120px,28vh,280px);line-height:1.2}#write-letter-area .canvas-wrap{grid-area:2/canvas/-1;place-self:center}#write-letter-area .draw-canvas{width:clamp(190px,50vh,400px);height:clamp(190px,50vh,400px)}#write-letter-area #write-letter-pick-prompt{text-align:center;color:#fff;text-shadow:1px 1px #0000004d;grid-area:pick;place-self:end center;margin:0!important;font-size:clamp(13px,3.5vh,30px)!important}#write-letter-area #write-letter-options{flex-flow:row;grid-area:options;place-self:start center;gap:clamp(8px,2vh,20px)}#write-letter-area .match-option{border-radius:clamp(14px,2vh,22px);width:clamp(70px,11vh,100px);height:clamp(70px,11vh,100px);font-size:clamp(32px,6vh,48px)}#write-letter-area .draw-buttons{flex-flow:row;grid-area:buttons;place-self:start center;gap:10px}#write-letter-area .draw-btn{border-radius:12px;min-width:clamp(92px,12vw,160px);min-height:clamp(40px,8vh,72px);padding:clamp(8px,1.5vh,16px) clamp(16px,2vw,32px);font-size:clamp(14px,2.6vh,24px)}#write-letter-area .draw-result{display:none}#write-area .draw-area{grid-template:"prompt prompt prompt""vehicles canvas pick"1fr"vehicles canvas options"1fr"vehicles canvas buttons"/clamp(180px,22vw,320px) auto clamp(240px,28vw,360px);justify-content:center;align-items:center;gap:6px clamp(40px,5vw,80px);width:100%;display:grid}#write-prompt{grid-area:prompt;margin:0;font-size:clamp(26px,6.5vh,56px)}#write-area .match-vehicles{flex-wrap:wrap;grid-area:2/vehicles/-1;justify-content:center;place-self:center;max-width:100%}#write-area .canvas-wrap{grid-area:2/canvas/-1;place-self:center}#write-area .draw-canvas{width:clamp(190px,50vh,400px);height:clamp(190px,50vh,400px)}#write-area #write-pick-prompt{text-align:center;color:#fff;text-shadow:1px 1px #0000004d;grid-area:pick;place-self:end center;margin:0!important;font-size:clamp(13px,2.2vh,22px)!important}#write-area #write-options{flex-flow:row;grid-area:options;place-self:start center;gap:8px}#write-area .match-option{border-radius:clamp(14px,2vh,22px);width:clamp(70px,11vh,100px);height:clamp(70px,11vh,100px);font-size:clamp(32px,6vh,48px)}#write-area .draw-buttons{flex-flow:row;grid-area:buttons;place-self:start center;gap:10px}#write-area .draw-btn{border-radius:12px;min-width:92px;min-height:clamp(40px,5vh,56px);padding:8px 16px;font-size:clamp(14px,1.5vh,18px)}#write-area .draw-result{display:none}#solve-area .draw-area{grid-template:"prompt prompt prompt""problem canvas pick"1fr"problem canvas options"1fr"problem canvas buttons"/clamp(180px,22vw,320px) auto clamp(240px,28vw,360px);justify-content:center;align-items:center;gap:6px clamp(40px,5vw,80px);width:100%;display:grid}#solve-prompt{grid-area:prompt;margin:0;font-size:clamp(26px,6.5vh,56px)}#solve-area .math-problem{grid-area:2/problem/-1;place-self:center;font-size:clamp(48px,12vh,110px)!important}#solve-area .canvas-wrap{grid-area:2/canvas/-1;place-self:center}#solve-area .draw-canvas{width:clamp(190px,50vh,400px);height:clamp(190px,50vh,400px)}#solve-area #solve-pick-prompt{text-align:center;color:#fff;text-shadow:1px 1px #0000004d;grid-area:pick;place-self:end center;margin:0!important;font-size:clamp(13px,3.5vh,30px)!important}#solve-area #solve-options{flex-flow:row;grid-area:options;place-self:start center;gap:clamp(8px,2vh,20px)}#solve-area .match-option{border-radius:clamp(14px,2vh,22px);width:clamp(70px,11vh,100px);height:clamp(70px,11vh,100px);font-size:clamp(32px,6vh,48px)}#solve-area .draw-buttons{flex-flow:row;grid-area:buttons;place-self:start center;gap:10px}#solve-area .draw-btn{border-radius:12px;min-width:clamp(92px,12vw,160px);min-height:clamp(40px,8vh,72px);padding:clamp(8px,1.5vh,16px) clamp(16px,2vw,32px);font-size:clamp(14px,2.6vh,24px)}#solve-area .draw-result{display:none}#trace-area .draw-area{grid-template:"prompt prompt prompt""image canvas counter"1fr"image canvas buttons"1fr/auto auto auto;justify-content:center;place-items:center;gap:clamp(4px,1vh,10px) clamp(18px,4vw,56px);width:100%;height:100%;display:grid}#trace-area .draw-prompt{display:none}#trace-area .trace-header,#trace-area .trace-word-assoc{display:contents}#trace-area .trace-letter-display,#trace-area .trace-assoc-word{display:none}#trace-area .trace-letter-display{text-align:center;grid-area:letter;place-self:end center;margin:0;font-size:clamp(50px,16vh,140px);line-height:1.1}#trace-area .trace-assoc-emoji,#trace-area .trace-word-assoc img{grid-area:image;align-self:center;width:clamp(140px,50vh,320px);height:clamp(140px,50vh,320px)}#trace-area .trace-assoc-word{text-align:center;color:#fff;letter-spacing:1.5px;text-shadow:1px 1px #00000059,0 0 2px #0003;grid-area:word;place-self:start center;font-size:clamp(16px,3vh,28px);font-weight:800}#trace-area .canvas-wrap{grid-area:canvas}#trace-area .draw-canvas{width:clamp(140px,50vh,320px);height:clamp(140px,50vh,320px)}#trace-area .trace-stroke-counter{text-align:center;grid-area:counter;align-self:end;margin:0;font-size:clamp(12px,2vh,18px)}#trace-area .draw-buttons{grid-area:buttons;align-self:start;gap:8px}#trace-area .draw-btn{border-radius:12px;min-height:clamp(30px,5vh,48px);padding:clamp(5px,1vh,12px) clamp(14px,2vw,28px);font-size:clamp(13px,1.8vh,18px)}}@media (orientation:landscape) and (height<=500px) and (width<=1024px){#write-letter-area .draw-area{grid-template-rows:auto 45px 95px 1fr auto;grid-template-areas:"prompt prompt prompt""letter canvas pick""letter canvas options""letter canvas.""letter canvas buttons"}#write-area .draw-area{grid-template-rows:auto 45px 95px 1fr auto;grid-template-areas:"prompt prompt prompt""vehicles canvas pick""vehicles canvas options""vehicles canvas.""vehicles canvas buttons"}#solve-area .draw-area{grid-template-rows:auto 45px 95px 1fr auto;grid-template-areas:"prompt prompt prompt""problem canvas pick""problem canvas options""problem canvas.""problem canvas buttons"}#write-letter-area #write-letter-pick-prompt,#write-area #write-pick-prompt,#solve-area #solve-pick-prompt{align-self:end}#write-letter-area #write-letter-options,#write-area #write-options,#solve-area #solve-options{align-self:center}}@media (width>=768px) and (orientation:landscape) and (height>=501px){#write-letter-area .draw-area,#write-area .draw-area,#solve-area .draw-area{grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr)}#letter-match-area{grid-template:"prompt prompt""image rail"/auto auto;place-content:center;place-items:center;gap:clamp(10px,2vh,24px) clamp(40px,5vw,80px);display:grid}#letter-match-prompt{grid-area:prompt;margin:0}#letter-match-image{grid-area:image;padding:0;position:relative}#letter-match-area .letter-match-emoji{width:clamp(220px,50vh,360px);height:clamp(220px,50vh,360px)}#letter-match-area .letter-match-word{white-space:nowrap;margin-top:0;font-size:clamp(20px,3.5vh,32px);position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}#letter-match-area .letter-match-word-hidden{transform:translate(-50%)scale(.8)}#letter-match-options{flex-flow:row;grid-area:rail;align-self:center;gap:clamp(14px,2vw,28px)}#letter-match-next{grid-area:rail;align-self:end;min-height:clamp(44px,6vh,60px);padding:clamp(8px,1.5vh,16px) clamp(22px,3vw,44px);font-size:clamp(18px,2.5vh,26px)}#complete-word-area{grid-template:"prompt prompt""image."1fr"image word""image options""image."1fr"image next"/auto auto;place-content:center;place-items:center;gap:clamp(8px,2vh,18px) clamp(40px,5vw,80px);display:grid}#complete-word-prompt{grid-area:prompt;margin:0}#complete-word-image{grid-area:image;align-self:center;padding:0}#complete-word-area .complete-word-img{width:clamp(220px,50vh,360px);height:clamp(220px,50vh,360px)}#complete-word-display{letter-spacing:10px;grid-area:word;align-self:end;margin:0;font-size:clamp(56px,11vh,96px)}#complete-word-options{flex-flow:row;grid-area:options;align-self:start;gap:clamp(16px,2.2vw,32px)}#complete-word-area .match-option{width:clamp(84px,12vh,110px)!important;height:clamp(84px,12vh,110px)!important;font-size:clamp(38px,6.5vh,56px)!important}#complete-word-next{grid-area:next;align-self:end;min-height:clamp(44px,6vh,60px);padding:clamp(8px,1.5vh,16px) clamp(22px,3vw,44px);font-size:clamp(18px,2.5vh,26px)}#equation-area,#findnum-area{grid-template:"prompt prompt""helper helper""equation options"".next"/auto auto;justify-content:center;place-items:center;gap:clamp(10px,2vh,24px) clamp(40px,5vw,80px);display:grid}#equation-prompt,#findnum-prompt{grid-area:prompt;margin:0}#equation-area #equation-visual,#findnum-area #findnum-visual{display:contents}#equation-area .eq-helper,#findnum-area .eq-helper{grid-area:helper;justify-content:center;gap:clamp(12px,2vw,28px)}#equation-area .eq-text-row,#findnum-area .eq-text-row{background:#0000002e;grid-area:equation;justify-self:center;gap:clamp(12px,2vw,24px);padding:clamp(12px,2.5vh,24px) clamp(20px,3vw,40px)}#equation-area .eq-text-num,#findnum-area .eq-text-num{font-size:clamp(44px,9vh,76px)}#equation-area .eq-text-op,#findnum-area .eq-text-op{font-size:clamp(32px,7vh,56px)}#equation-area .eq-text-mystery,#findnum-area .eq-text-mystery{min-width:clamp(52px,10vh,80px);min-height:clamp(52px,10vh,80px);font-size:clamp(38px,8vh,64px)}#equation-area .eq-helper-group,#findnum-area .eq-helper-group{flex-wrap:nowrap;max-width:none}#equation-area .eq-helper-group .v-svg-xs,#equation-area .eq-helper-mystery .v-svg-xs,#findnum-area .eq-helper-group .v-svg-xs,#findnum-area .eq-helper-mystery .v-svg-xs{width:clamp(36px,8vh,60px)}#equation-area .eq-helper-divider,#findnum-area .eq-helper-divider{font-size:clamp(28px,6vh,48px)}#equation-area .eq-helper-mystery,#findnum-area .eq-helper-mystery{min-width:clamp(48px,9vh,72px);min-height:clamp(40px,8vh,60px);font-size:clamp(28px,6vh,44px)}#equation-area #equation-options,#findnum-area #findnum-options{flex-flow:row;grid-area:options;justify-self:center;gap:clamp(14px,2vw,28px)}#equation-area .match-option,#findnum-area .match-option{width:clamp(76px,12vh,110px)!important;height:clamp(76px,12vh,110px)!important;font-size:clamp(34px,6.5vh,52px)!important}#equation-area #equation-next,#findnum-area #findnum-next{grid-area:next;justify-self:center;min-height:clamp(44px,6vh,60px);padding:clamp(8px,1.5vh,16px) clamp(22px,3vw,44px);font-size:clamp(18px,2.5vh,26px)}}.landscape-install-nudge{z-index:200;bottom:calc(8px + env(safe-area-inset-bottom,0px));color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000000c7;border:none;border-radius:18px;align-items:center;gap:8px;padding:6px 14px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;animation:.4s ease-out .6s both nudgeFadeIn;display:none;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000004d}.landscape-install-nudge-icon{font-size:16px;line-height:1}.landscape-install-nudge:active{transform:translate(-50%)scale(.97)}@keyframes nudgeFadeIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (display-mode:browser) and (orientation:landscape) and (height<=500px) and (width<=1024px){body:not(.is-native):has(#menu-screen.active) .landscape-install-nudge{display:inline-flex}}@media (width>=1700px) and (height>=1000px){.menu-ribbon{gap:12px;padding:20px 12px}.ribbon-img{width:160px}.ribbon-cat-btn svg{width:40px;height:40px}.ribbon-label{font-size:13px}.age-avatar-btn{border-width:5px;width:96px;height:96px}.menu-main{gap:1.5vh;padding:2vh 40px clamp(40px,10vh,100px) 24px}.title-logo{width:480px}.menu-subtitle{font-size:26px}.menu-grid{gap:18px;max-width:1100px}.menu-btn{border-radius:24px;min-height:100px;padding:18px 14px}.menu-icon{width:120px;height:120px}.menu-btn .label{font-size:20px}.theme-btn{width:76px;height:76px}.theme-picker{gap:14px}.game-header{height:90px;padding:14px 34px}.back-btn{width:64px;min-width:64px;max-width:64px;height:64px;min-height:64px;max-height:64px}.stars-display{font-size:36px}.game-area{gap:22px;padding:28px;top:90px}.tap-prompt,.match-question,.math-question{font-size:40px}.tap-counter{font-size:110px}.vehicles-grid{gap:20px;max-width:1100px}.v-svg{width:170px}.v-svg-sm{width:120px}.v-svg-xs,.v-svg-road{width:100px}.match-option,.math-option{border-radius:26px;width:120px;height:120px;font-size:52px}.match-options,.math-options{gap:22px}.order-slot{width:88px;height:88px;font-size:44px}.order-choice{width:92px;height:92px;font-size:44px}.order-instruction,.missing-instruction{font-size:34px}.seq-num{width:92px;height:92px;font-size:46px}.missing-choice{width:100px;height:100px;font-size:48px}.math-problem{font-size:110px}.math-op-symbol{font-size:52px}.next-btn{min-width:260px;padding:20px 52px;font-size:26px}.success-text{font-size:56px}.success-stars{gap:10px}.star-earned,.star-missed{font-size:56px}.success-btn{padding:22px 54px;font-size:28px}.count-badge{width:44px;height:44px;font-size:26px}.draw-canvas{width:360px;height:360px}.canvas-wrap{border-radius:28px}.canvas-ghost{font-size:220px}.draw-btn{padding:16px 40px;font-size:24px}.draw-prompt,.draw-result{font-size:34px}.sun{width:110px;height:110px}.confetti-piece{width:14px;height:14px}.sparkle-dot{width:12px;height:12px}}@media (width>=2200px){.menu-ribbon{gap:14px;padding:24px 14px}.ribbon-img{width:190px}.ribbon-cat-btn svg{width:50px;height:50px}.ribbon-label{font-size:16px}.age-avatar-btn{border-width:5px;width:110px;height:110px}.menu-main{padding:2vh 50px clamp(40px,10vh,100px) 28px}.title-logo{width:560px}.menu-grid{gap:24px;max-width:1400px}.menu-btn{min-height:120px;padding:24px 18px}.menu-icon{width:140px;height:140px}.menu-btn .label{font-size:24px}.theme-btn{width:86px;height:86px}.tap-prompt,.match-question,.math-question{font-size:48px}.tap-counter{font-size:130px}.v-svg{width:200px}.v-svg-sm{width:140px}.v-svg-xs{width:110px}.match-option,.math-option{width:140px;height:140px;font-size:60px}.order-slot{width:100px;height:100px;font-size:50px}.order-choice{width:105px;height:105px;font-size:50px}.seq-num{width:105px;height:105px;font-size:52px}.missing-choice{width:115px;height:115px;font-size:54px}.draw-canvas{width:420px;height:420px}.canvas-ghost{font-size:260px}.math-problem{font-size:130px}}@media (width>=3000px){.menu-ribbon{gap:20px;padding:32px 20px}.ribbon-img{width:280px}.ribbon-cat-btn svg{width:72px;height:72px}.ribbon-label{font-size:22px}.age-avatar-btn{border-width:6px;width:140px;height:140px}.menu-main{gap:20px;padding:3vh 60px clamp(60px,10vh,120px) 30px}.title-logo{width:900px}.menu-subtitle{font-size:42px}.menu-grid{gap:40px;max-width:2400px}.menu-btn{border-radius:36px;min-height:200px;padding:36px 28px}.menu-icon{width:220px;height:220px}.menu-btn .label{font-size:36px}.theme-btn{width:130px;height:130px}.theme-picker{gap:24px;padding:10px 0}.age-badge{border-radius:12px;padding:4px 10px;font-size:16px}.game-header{height:140px;padding:20px 60px}.back-btn{width:100px;min-width:100px;max-width:100px;height:100px;min-height:100px;max-height:100px}.back-btn svg{width:48px;height:48px}.stars-display{font-size:60px}.game-area{gap:36px;padding:40px 60px;top:140px}.tap-prompt,.match-question,.math-question{font-size:72px}.tap-counter{font-size:200px}.vehicles-grid{gap:36px;max-width:2400px}.match-vehicles{gap:24px}.math-vehicles-row{gap:20px}.v-svg{width:300px}.v-svg-sm{width:220px}.v-svg-xs{width:170px}.v-svg-road{width:160px}.match-option,.math-option{border-width:6px;border-radius:40px;width:220px;height:220px;font-size:96px}.match-options,.math-options{gap:36px}.order-slot{border-radius:28px;width:160px;height:160px;font-size:80px}.order-choice{width:170px;height:170px;font-size:80px}.order-instruction,.missing-instruction{font-size:56px}.seq-num{width:170px;height:170px;font-size:84px}.missing-choice{width:180px;height:180px;font-size:88px}.math-problem{letter-spacing:8px;font-size:200px}.math-op-symbol{font-size:80px}.next-btn{border-radius:32px;min-width:400px;padding:32px 80px;font-size:42px}.success-text{font-size:88px}.success-stars{gap:16px}.star-earned,.star-missed{font-size:88px}.success-btn{border-radius:32px;padding:36px 80px;font-size:44px}.count-badge{width:70px;height:70px;font-size:40px}.draw-canvas{width:700px;height:700px}.canvas-wrap{border-radius:40px}.canvas-ghost{font-size:420px}.draw-btn{border-radius:24px;padding:24px 60px;font-size:36px}.draw-prompt,.draw-result{font-size:52px}.sun{width:180px;height:180px}.cloud-1{width:240px;height:80px}.cloud-2{width:180px;height:60px}.cloud-3{width:200px;height:70px}.confetti-piece{width:24px;height:24px}.sparkle-dot{width:20px;height:20px}.confirm-box{border-radius:40px;max-width:600px;padding:48px 56px}.confirm-text{margin-bottom:36px;font-size:48px}.confirm-btn{border-radius:28px;min-width:180px;padding:28px 56px;font-size:36px}.confirm-buttons{gap:28px}}.rotate-overlay{z-index:9999;text-align:center;padding:max(clamp(20px, 6vw, 40px), env(safe-area-inset-top)) max(clamp(20px, 6vw, 40px), env(safe-area-inset-right)) max(clamp(20px, 6vw, 40px), env(safe-area-inset-bottom)) max(clamp(20px, 6vw, 40px), env(safe-area-inset-left));background:linear-gradient(#b4e2f5 0%,#d4ecf2 60%,#fef8ec 100%);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.rotate-content-install,.rotate-content-rotate{display:none}@media (orientation:portrait) and (width<=600px){html:not(.is-standalone) .rotate-overlay,html:not(.is-standalone) .rotate-content-install{display:flex}html:not(.is-standalone) body:has(.rotate-overlay){overflow:hidden}}@media (orientation:landscape) and (height<=500px){html:not(.is-standalone) .rotate-overlay,html:not(.is-standalone) .rotate-content-install{display:flex}html:not(.is-standalone) body:has(.rotate-overlay){overflow:hidden}}@media (display-mode:browser) and (orientation:portrait) and (width<=600px),(display-mode:browser) and (orientation:landscape) and (height<=500px){html:not(.is-standalone) .rotate-overlay,html:not(.is-standalone) .rotate-content-install{display:flex}html:not(.is-standalone) body:has(.rotate-overlay){overflow:hidden}}@media (orientation:portrait) and (width<=1200px){html.is-standalone .rotate-overlay{display:flex}html.is-standalone .rotate-content-install{display:none}html.is-standalone .rotate-content-rotate{display:flex}html.is-standalone body:has(.rotate-overlay){overflow:hidden}}@media (display-mode:standalone) and (orientation:portrait) and (width<=1200px),(display-mode:fullscreen) and (orientation:portrait) and (width<=1200px){.rotate-overlay{display:flex}.rotate-content-install{display:none}.rotate-content-rotate{display:flex}body:has(.rotate-overlay){overflow:hidden}}.rotate-title-tablet{display:none}@media (width>=601px){.rotate-title-phone{display:none}.rotate-title-tablet{display:inline}}.rotate-content-install,.rotate-content-rotate{flex-direction:column;align-items:center;gap:clamp(8px,1.8vh,14px);max-width:360px}.rotate-brand,.rotate-message{flex-direction:column;align-items:center;gap:clamp(8px,1.8vh,14px);display:flex}.rotate-logo{width:clamp(110px,32vw,170px);height:auto}.rotate-mascot{border-radius:22px;width:clamp(80px,22vw,110px);height:auto;box-shadow:0 6px 18px #0000002e}.rotate-icon-wrap{justify-content:center;align-items:center;width:clamp(96px,26vw,130px);height:clamp(96px,26vw,130px);animation:2.2s ease-in-out infinite rotate-phone-wobble;display:flex}.rotate-icon-wrap svg{width:100%;height:100%}@keyframes rotate-phone-wobble{0%,to{transform:rotate(0)}40%{transform:rotate(-90deg)}60%{transform:rotate(-90deg)}}.rotate-title{color:#2c3e50;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(28px,7.5vw,40px);font-weight:800;line-height:1.1}.rotate-subtitle{color:#5a5a5a;font-family:Nunito,sans-serif;font-size:clamp(15px,4vw,19px);font-weight:600}.rotate-install-btn{color:#2c3e50;cursor:pointer;background:linear-gradient(#ffd66b,#ffa502);border:3px solid #fff;border-radius:999px;align-items:center;gap:10px;margin-top:clamp(8px,2vh,14px);padding:clamp(14px,2.2vh,18px) clamp(22px,6vw,32px);font-family:Nunito,sans-serif;font-size:clamp(17px,4.6vw,20px);font-weight:800;transition:transform .15s,box-shadow .15s;animation:1.8s ease-in-out infinite rotate-install-pulse;display:inline-flex;box-shadow:0 8px 22px #ffa50273,0 0 #ffa5028c}@keyframes rotate-install-pulse{0%,to{box-shadow:0 8px 22px #ffa50273,0 0 #ffa5028c}50%{box-shadow:0 8px 22px #ffa50273,0 0 0 14px #ffa50200}}.rotate-install-btn:active{transform:scale(.96);box-shadow:0 3px 8px #0003}@media (orientation:landscape) and (height<=500px){.rotate-content-install{flex-direction:row;align-items:center;gap:clamp(20px,4vw,40px);max-width:720px}.rotate-content-install .rotate-brand,.rotate-content-install .rotate-message{gap:clamp(6px,1.2vh,10px)}.rotate-content-install .rotate-logo{width:clamp(100px,18vw,140px)}.rotate-content-install .rotate-mascot{border-radius:18px;width:clamp(70px,14vw,95px)}.rotate-content-install .rotate-title{font-size:clamp(22px,7vh,32px)}.rotate-content-install .rotate-subtitle{font-size:clamp(13px,4vh,16px)}.rotate-install-btn{margin-top:clamp(4px,1vh,8px);padding:clamp(10px,2vh,14px) clamp(20px,5vw,28px);font-size:clamp(15px,4.5vh,18px)}}