:root{--purple:#7645c5;--ink:#323052;--muted:#79748f;--border:#e5d8f8;--shadow:0 10px 0 rgba(93,57,154,.13),0 17px 28px rgba(58,40,109,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f0ff;color:var(--ink);font-family:ui-rounded,"Trebuchet MS",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.35}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:4px solid #f9bf40;outline-offset:2px}.shell{max-width:1500px;margin:12px auto;border:8px solid #a68dde;border-radius:42px;overflow:hidden;background:#fff8eb;box-shadow:0 20px 60px #7863a53b;min-height:92vh}.sky-head{height:192px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#62ccfa 0%,#b8f0fd 78%,#daffda 100%);border-bottom:6px solid #8fd676}.sky-head:before{content:'🌈';position:absolute;top:6px;left:13%;font-size:110px;opacity:.43;transform:rotate(-7deg)}.sky-head:after{content:'☀️';position:absolute;right:40px;top:10px;font-size:60px;opacity:.75}.deco-cloud{position:absolute;width:180px;height:55px;background:#fff9;border-radius:100px;top:45px;filter:drop-shadow(0 4px 0 #ffffff5c)}.deco-cloud:before,.deco-cloud:after{content:'';position:absolute;border-radius:50%;background:#fff}.deco-cloud:before{width:70px;height:70px;left:28px;top:-30px}.deco-cloud:after{width:87px;height:87px;left:85px;top:-43px}.cloud-one{left:20%;}.cloud-two{right:13%;top:103px;transform:scale(.65)}.brand-side{position:absolute;left:30px;bottom:17px;z-index:1}.mascot{font-size:74px;letter-spacing:-32px;filter:drop-shadow(0 5px 0 #9cc2e0)}.brand-mark{position:relative;z-index:2;text-align:center;transform:rotate(-2deg);margin-right:30px}.rainbow-title{white-space:nowrap;color:#fff;font-weight:1000;font-size:clamp(31px,5.6vw,70px);line-height:1.05;letter-spacing:-2px;-webkit-text-stroke:3px #6d39ba;text-shadow:3px 3px #6d39ba,-3px 3px #6d39ba,4px 7px 0 #3d2389,0 11px 14px #5a32a866}.rainbow-title span{color:#ffcf4d}.rainbow-title small{font-size:36px;-webkit-text-stroke:0}.ribbon{display:inline-block;background:#ffe251;border:3px solid #f8b32f;box-shadow:0 5px 0 #9d52b3;border-radius:14px;color:#66408e;padding:4px 35px;font-size:21px;font-weight:1000;letter-spacing:1px;margin-top:7px}.header-controls{position:absolute;right:22px;top:12px;z-index:6;display:flex;align-items:center;gap:7px}.language-switch{display:flex;gap:2px;border-radius:40px;background:#e2d2fa;padding:3px;border:2px solid #9e7ddc;box-shadow:0 3px 0 #6b4aa3}.lang-btn{border:0;background:transparent;border-radius:40px;padding:6px 10px;font-weight:950;color:#5d408e;white-space:nowrap}.lang-btn.selected{background:white;box-shadow:0 2px 3px #0001}.round-btn{width:43px;height:43px;border-radius:50%;border:3px solid #e6d6ff;background:linear-gradient(#9d64ed,#693bb6);box-shadow:0 3px 0 #59398d;color:white;font-size:21px}.round-btn.off{filter:grayscale(.9);opacity:.6}.music-volume{display:flex;align-items:center;background:#ffffffdb;border:2px solid #b2a5d8;border-radius:20px;padding:5px;gap:3px}.music-volume span{font-size:14px}.music-volume input{width:70px;accent-color:#8054c8}.head-grass{position:absolute;bottom:-10px;right:10px;font-size:31px;letter-spacing:28px}.app-layout{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:690px}.sidebar{padding:18px 14px 22px;background:linear-gradient(180deg,#dbc0fb,#efdafa);border-right:5px solid #f5e8ff;display:flex;flex-direction:column;gap:12px}.nav-home,.side-game{border:3px solid #ffffffb9;text-align:left;border-radius:23px;font-weight:1000;box-shadow:0 5px 0 #9477c67a,0 6px 12px #744b9b36;color:#403467}.nav-home{padding:13px 20px;font-size:22px;color:#fff;background:linear-gradient(115deg,#8a51d6,#ae78ed)}.sidebar-heading{text-transform:uppercase;font-size:11px;text-align:center;letter-spacing:1.4px;font-weight:1000;color:#7256aa;margin:8px 2px 1px}.side-game{padding:10px 10px;display:flex;align-items:center;gap:10px;width:100%;min-height:81px;background:var(--side-bg);border-color:#fff;outline:3px solid var(--side-stroke);outline-offset:-5px;transition:transform .15s,filter .15s}.side-game:hover{transform:translateY(-2px)}.side-game.active{filter:saturate(1.15);box-shadow:0 5px 0 #7851a799,0 8px 15px #4d277929}.side-game .side-emoji{font-size:38px;flex:0 0 55px;text-align:center;filter:drop-shadow(1px 3px 0 #fff)}.side-game .side-name{flex:1;font-size:18px;line-height:1.09}.play-arrow{border-radius:50%;background:#fff8;padding:2px 6px;color:#6749a5;font-size:18px}.sidebar-bottom{margin-top:auto;background:#fff8;border:2px dashed #b892e3;border-radius:17px;padding:12px;display:flex;gap:10px;font-size:15px}.sidebar-bottom>span{font-size:30px}.sidebar-bottom small{display:block;color:#7f709a;font-size:12px;margin-top:3px}.main-content{min-width:0;padding:22px 23px 32px;background:linear-gradient(135deg,#fffdf8 0%,#fff9ed 55%,#fff7f2 100%)}.footer{text-align:center;background:#f8edff;padding:13px;color:#9178a6;font-size:12px;font-weight:700}.hero-card{position:relative;overflow:hidden;background:linear-gradient(125deg,#fff5c6 0%,#f9e8ff 47%,#e8faff 100%);border:3px solid #ebd3ff;border-radius:28px;padding:27px 26px 28px;min-height:260px;box-shadow:var(--shadow);margin-bottom:24px}.hero-card:before{content:'✦  ✨   ✦';position:absolute;top:10px;right:15px;color:#e9a2d6;font-size:27px;letter-spacing:40px}.hero-content{max-width:68%;position:relative;z-index:1}.eyebrow{display:inline-flex;gap:6px;align-items:center;background:#fff;border-radius:100px;border:2px solid #dcbcf2;padding:7px 13px;color:#7a4eae;font-size:12px;font-weight:1000}.hero-card h1{font-size:clamp(30px,4vw,54px);line-height:1.04;letter-spacing:-1.4px;margin:13px 0 10px;color:#6d3bb2}.hero-card h1 span{color:#e57b85}.hero-card p{font-size:16px;font-weight:700;max-width:560px;margin:0 0 18px;color:#675b80}.hero-figures{position:absolute;right:-12px;bottom:0;font-size:clamp(72px,8vw,108px);text-shadow:0 9px 0 #fff6;filter:drop-shadow(0 9px 0 #fff9)}.big-btn,.small-btn,.pill-btn{border:0;font-weight:1000;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.big-btn{font-size:18px;padding:13px 24px;color:#fff;background:linear-gradient(180deg,#a96aef,#7741c9);box-shadow:0 6px 0 #57358e}.big-btn:active{transform:translateY(3px);box-shadow:0 3px 0 #57358e}.small-btn{padding:9px 15px;background:#f2e8ff;border:2px solid #cdb3e8;color:#7044a8}.pill-btn{padding:8px 13px;border:2px solid #e5ccff;background:#fff;color:#8051b9}.section-title{display:flex;align-items:baseline;gap:10px;justify-content:space-between;margin:0 0 12px}.section-title h2{font-size:25px;margin:0;color:#49346f}.section-title span{font-size:13px;font-weight:800;color:#9782ac}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-game{border-radius:23px;border:3px solid #fff;padding:14px;box-shadow:0 6px 0 #dcc8e8,0 10px 13px #7b55911c;background:var(--bg);display:flex;gap:15px;align-items:center;text-align:left;min-height:138px;position:relative}.home-game:hover{transform:translateY(-2px)}.home-game .home-icon{font-size:70px;flex:0 0 100px;text-align:center;background:#fff9;border-radius:20px;padding:12px 6px}.home-game h3{font-size:21px;margin:0 0 3px;color:#4b3673}.home-game p{margin:0;color:#756683;font-size:13px}.home-game small{display:block;color:#8556ae;font-weight:900;margin-top:8px}.game-panel{--accent:#9e7aee;--soft:#f2e6ff}.game-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;margin-bottom:13px}.game-label{display:flex;align-items:center;gap:10px;background:var(--soft);border:3px dashed var(--accent);padding:8px 17px;border-radius:19px;font-size:22px;font-weight:1000;color:#493771}.mission-counter{display:flex;align-items:center;gap:9px;background:#fff;border:2px solid #e3d3ed;border-radius:30px;padding:7px 12px;font-weight:1000;color:#7b55b1}.progress-track{height:12px;border-radius:100px;background:#e6e4ec;overflow:hidden;margin:13px 0 18px}.progress-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#59d6ae,#7abf6e,#ffd254);transition:width .3s}.mission-board{border:3px solid #ead7ff;border-radius:28px;background:linear-gradient(#fff,#fffaf5);overflow:hidden;box-shadow:var(--shadow);padding:17px}.mission-intro{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:11px}.mission-type{background:var(--soft);color:#7552a4;padding:6px 11px;border-radius:20px;font-size:12px;font-weight:1000}.read-btn{border:2px solid #d8c0f0;background:#fff;border-radius:100px;padding:7px 10px;color:#805ab0;font-size:13px;font-weight:900}.mission-title{margin:5px 0 12px;font-weight:1000;font-size:clamp(21px,2.8vw,29px);line-height:1.25;text-align:center;color:#4e3874}.mission-desc{margin:0 auto 15px;max-width:690px;text-align:center;color:#716486;font-size:15px;font-weight:700}.scene-card{position:relative;overflow:hidden;border:3px solid var(--accent);background:linear-gradient(#d6f6ff,#fff4dc);border-radius:23px;max-width:780px;margin:10px auto 18px;padding:11px 16px;min-height:155px;display:flex;align-items:center;justify-content:center;gap:18px}.scene-card:after{content:'🌱 🌼 🌷 🌿';position:absolute;bottom:-8px;left:0;right:0;text-align:center;letter-spacing:35px;opacity:.75}.scene-art{font-size:90px;filter:drop-shadow(0 5px 1px #fff8)}.scene-meta{position:relative;z-index:1;background:#ffffffdc;border-radius:15px;padding:12px 17px;max-width:410px;text-align:left}.scene-meta b{font-size:22px}.scene-meta p{margin:4px 0 0;color:#706480;font-size:14px}.choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:12px 0 8px}.option-card{border:3px solid #ead6fc;background:linear-gradient(180deg,#fff,#faf4ff);border-radius:20px;min-height:138px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 5px 0 #e7d5f1;color:#45375d;user-select:none;touch-action:manipulation;transition:transform .15s,border-color .15s}.option-card:hover{transform:translateY(-2px);border-color:#ae8deb}.option-card.selected{background:#fff4ca;border-color:#f3ac45}.option-card.correct{background:#e4ffdd;border-color:#5bb97e}.option-card.wrong{background:#ffe7e9;border-color:#e98893;animation:shake .25s}.option-card[disabled]{cursor:default}.option-icon{font-size:50px;line-height:1.3;filter:drop-shadow(0 3px 1px #d9c2e15c)}.option-label{text-align:center;font-size:14px;font-weight:950;line-height:1.15}.drop-zone{border:3px dashed #9e79d8;border-radius:18px;min-height:67px;max-width:280px;margin:8px auto 12px;display:flex;justify-content:center;align-items:center;gap:9px;background:#fff2ff;font-size:16px;font-weight:900;color:#9562b1;padding:10px}.drop-zone.target-hover{background:#e8ffcf;border-color:#50c87a}.info-tip{text-align:center;color:#9280a2;font-weight:800;font-size:12px;margin:8px 0}.feedback{margin-top:16px;border-radius:20px;padding:16px;display:flex;align-items:center;gap:13px;border:3px solid #d5efbd;background:#f0ffe4;animation:pop .23s}.feedback.wrong-feedback{border-color:#ffd6bd;background:#fff4e5}.feedback-emoji{font-size:40px}.feedback-body{flex:1}.feedback-body b{font-size:18px;color:#466b40}.wrong-feedback .feedback-body b{color:#a86652}.feedback-body p{margin:3px 0 0;font-size:13px;color:#716782;font-weight:700}.mission-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px}.mission-actions .small-btn{background:#fff}.sorting-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:18px 4px}.number-tile{border:4px solid #fff;border-radius:18px;min-width:75px;min-height:77px;padding:13px;font-size:32px;font-weight:1000;background:var(--tile);box-shadow:0 5px 0 #9eb8d0;color:#344b70}.number-tile:disabled{filter:grayscale(.85);opacity:.4}.slot-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0}.slot{width:83px;height:76px;border-radius:17px;border:3px dashed #ae93e9;background:#fffaf8;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:1000;color:#7547ad}.number-stage{padding:10px;border-radius:18px;background:linear-gradient(#d8f5ff,#f9fbef);border:2px solid #cfe7f6}.number-stage h3{text-align:center;font-size:28px;margin:6px 0}.undersea{background:linear-gradient(180deg,#81e2f6,#b4f2e7 65%,#d5ffe7);border:3px solid #4fcbbd;border-radius:22px;padding:14px 14px 21px;margin:10px 0;position:relative;overflow:hidden;text-align:center}.undersea:before{content:'🫧   🫧       🫧';position:absolute;top:4px;left:0;right:0;font-size:28px;opacity:.8}.undersea:after{content:'🌿 🪸 🐠 🌿 🐚';position:absolute;bottom:-12px;left:0;right:0;font-size:32px}.sea-math{font-size:clamp(27px,5vw,45px);font-weight:1000;position:relative;z-index:1;color:#166c92;margin:35px 0}.sea-objects{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;position:relative;z-index:1;font-size:29px;margin:10px auto;max-width:560px}.sea-objects span{animation:bob 2.5s ease-in-out infinite alternate}.sea-objects span:nth-child(even){animation-delay:.6s}.emotion-scene{padding:14px 20px;background:linear-gradient(160deg,#ffe4f5,#fff4ce);border:3px solid #f5b4d4;border-radius:20px;text-align:center;max-width:700px;margin:12px auto}.emotion-scene .story-emojis{font-size:58px;margin-bottom:6px}.emotion-scene p{font-size:18px;font-weight:850;margin:0 0 8px}.balloon{position:relative;width:80px;height:100px;border-radius:50% 50% 46% 46%;background:var(--balloon);border:3px solid #fff;box-shadow:inset -12px -11px 0 #0001,0 4px 0 #d0b7e2;display:grid;place-items:center;font-size:43px}.balloon:after{content:'';position:absolute;left:50%;bottom:-22px;width:2px;height:22px;background:#a682b7}.animal-stage{background:linear-gradient(#a5e5ff,#e2ffe1 66%,#c3efb1 66%);border:3px solid #8fd6a6;border-radius:23px;position:relative;min-height:210px;margin:12px auto;padding:10px;text-align:center;max-width:720px;overflow:hidden}.animal-stage:before{content:'☁️　　　　 ☀️　　☁️';position:absolute;top:6px;left:0;right:0;font-size:25px}.animal-body{width:245px;height:157px;margin:30px auto 0;position:relative}.body-shape{position:absolute;top:55px;left:47px;width:164px;height:90px;border-radius:50%;border:4px solid #fff;background:var(--body);box-shadow:inset -16px -8px 0 #0001}.body-leg{position:absolute;top:120px;width:25px;height:52px;border:3px solid #fff;background:var(--body);border-radius:0 0 12px 12px}.body-leg.one{left:80px}.body-leg.two{left:170px}.body-tail{position:absolute;top:62px;right:-1px;font-size:36px}.body-neck{position:absolute;top:37px;left:31px;width:55px;height:88px;background:var(--body);border:4px solid #fff;border-radius:34px}.head-target{position:absolute;top:-7px;left:1px;width:102px;height:102px;border:3px dashed #9775bd;background:#ffffffa8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;color:#9c86b5;z-index:2}.head-target.target-hover{background:#e2ffc9}.animal-head-icon{width:72px;height:72px;display:block}.animal-head-wrap{width:94px;height:94px;border-radius:50%;background:#fff7;border:2px solid #fff;display:grid;place-items:center;overflow:hidden}.animal-head-wrap svg{width:100%;height:100%}.scene-card .animal-head-wrap{width:125px;height:125px}.choice-picture{width:95px;height:95px;display:grid;place-items:center}.choice-picture svg{width:100%;height:100%}.option-card .choice-picture{width:75px;height:75px}.scene-animal-name{font-weight:1000;font-size:16px}.report-top{background:linear-gradient(135deg,#fff7be,#f2dfff,#d9f4ff);border:3px solid #f2d28c;border-radius:24px;padding:25px;text-align:center}.report-top .trophy{font-size:75px}.report-top h1{font-size:40px;margin:1px 0;color:#7144b8}.report-top p{font-weight:800;color:#7e7290}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.report-stat{border-radius:17px;background:#fff;padding:15px;border:2px solid #e7d2f2;text-align:center}.report-stat b{display:block;font-size:30px;color:#7749c3}.report-stat span{font-size:12px;font-weight:850;color:#877a98}.skill-box{background:#fff;border:3px solid #eadcf8;border-radius:23px;padding:20px}.skill-line{display:flex;justify-content:space-between;gap:5px;font-size:14px;font-weight:850;margin-top:12px}.skill-bar{height:14px;border-radius:16px;background:#ece9f1;overflow:hidden;margin-top:5px}.skill-bar span{height:100%;display:block;background:linear-gradient(90deg,#72cbed,#75cb8c);border-radius:16px}.history-row{margin:18px 0 7px;border-radius:15px;padding:12px;background:#f5eefe;color:#704da0;font-size:13px;font-weight:800}.hint-box{background:#fff3d4;border:2px dashed #ecb55f;border-radius:14px;padding:10px 13px;margin:12px 0;font-size:14px;font-weight:800;color:#755c3c}.mini-illustration{display:flex;gap:12px;align-items:center;justify-content:center}.character-portrait{width:170px;max-width:45%;filter:drop-shadow(0 6px 0 #fff8)}.section-sub{margin:0 0 14px;color:#796c8c}.level-switch{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}.level-btn{border:2px solid #d8bce9;background:#fff;border-radius:30px;padding:10px 13px;color:#764f9f;font-size:13px;font-weight:1000}.level-btn.active{background:#7e4ac8;border-color:#7e4ac8;color:#fff}.empty-note{text-align:center;color:#867e96;font-size:13px;font-weight:700;padding:10px}.summary-footer{text-align:center;margin-top:25px;color:#9486a2;font-size:12px}.loading{padding:50px;text-align:center}.side-game.active:focus-visible,.home-game:focus-visible{outline:4px solid #ffc750}@keyframes bob{to{transform:translateY(-9px)}}@keyframes pop{from{transform:scale(.94);opacity:.1}to{transform:scale(1);opacity:1}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:1100px){.shell{margin:0;border-width:5px;border-radius:0}.app-layout{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding:14px 10px}.side-game .side-name{font-size:15px}.side-game .side-emoji{font-size:32px;flex-basis:40px}.brand-side{left:8px}.mascot{font-size:52px;letter-spacing:-25px}.brand-mark{margin-right:0}.rainbow-title{font-size:clamp(31px,5vw,59px)}.header-controls{top:6px;right:8px}.choices{gap:7px}.option-label{font-size:13px}}
@media(max-width:730px){.sky-head{height:175px;align-items:center;padding-top:45px}.brand-mark{transform:rotate(-2deg);margin-left:0}.rainbow-title{font-size:clamp(27px,7.7vw,49px);-webkit-text-stroke:1.6px #6d39ba;letter-spacing:-1px;text-shadow:1px 3px #6d39ba,0 6px 8px #4a2e9060}.rainbow-title small{font-size:16px}.ribbon{font-size:12px;padding:3px 20px;margin-top:4px}.brand-side{left:4px;bottom:0}.mascot{font-size:40px;letter-spacing:-21px}.header-controls{top:7px;right:6px;gap:4px}.round-btn{width:33px;height:33px;font-size:16px;border-width:2px}.lang-btn{font-size:12px;padding:4px 6px}.music-volume{display:none}.app-layout{display:block}.sidebar{display:block;padding:9px 9px 13px;border-right:0;border-bottom:4px solid #edd6fa}.sidebar-heading,.sidebar-bottom{display:none}.nav-home{display:inline-flex;width:auto;min-height:0;margin:0 4px 9px 0;padding:9px 11px;font-size:14px;border-radius:13px}.sidebar nav{display:flex;overflow-x:auto;gap:8px;scrollbar-width:thin;padding:2px 3px 8px}.side-game{flex:0 0 125px;display:flex;flex-direction:column;text-align:center;justify-content:center;gap:1px;min-height:83px;padding:4px;border-radius:15px;box-shadow:0 3px 0 #9477c67a}.side-game .side-emoji{font-size:28px;flex:0 0 auto}.side-game .side-name{font-size:12px}.play-arrow{display:none}.main-content{padding:16px 12px 28px}.hero-card{padding:16px 15px;min-height:260px}.hero-content{max-width:80%}.hero-figures{font-size:64px;right:-10px;bottom:4px;opacity:.72}.hero-card h1{font-size:31px}.hero-card p{font-size:13px}.game-grid{grid-template-columns:1fr;gap:11px}.home-game{min-height:115px;padding:10px}.home-game .home-icon{font-size:44px;flex-basis:76px;padding:10px}.home-game h3{font-size:18px}.home-game p{font-size:12px}.section-title h2{font-size:21px}.section-title span{font-size:11px}.game-label{font-size:17px;padding:7px 10px}.mission-counter{font-size:13px}.mission-board{padding:12px;border-radius:19px}.mission-title{font-size:21px}.mission-desc{font-size:13px}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.option-card{min-height:105px;padding:9px}.option-icon{font-size:42px}.option-label{font-size:13px}.scene-card{min-height:145px;gap:8px}.scene-art{font-size:65px}.scene-meta{padding:9px}.scene-meta b{font-size:17px}.scene-meta p{font-size:12px}.animal-body{transform:scale(.87);margin:19px auto 0}.report-stats{gap:5px}.report-stat{padding:9px 4px}.report-stat b{font-size:25px}.report-top h1{font-size:30px}.slot{width:60px;height:60px;font-size:25px}.number-tile{min-width:57px;min-height:57px;padding:7px;font-size:26px}.feedback{flex-wrap:wrap}.feedback .big-btn{width:100%}.header-controls{background:#fff4;border-radius:30px}}
@media(max-width:390px){.rainbow-title{font-size:26px}.hero-content{max-width:85%}.hero-figures{font-size:68px}.big-btn{font-size:14px;padding:11px 15px}.side-game{flex-basis:108px}.number-tile{min-width:51px}.slot{width:52px;height:55px}.game-label{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.head-target svg{width:94px;height:94px}
/* V2 pedagogical correctness: real species-specific shapes and countable illustrations. */
.animal-stage-accurate{padding:8px;min-height:0;max-width:760px;background:#ecfff3;border-color:#9fd7a4}
.animal-stage-accurate::before{display:none}
.species-animal-scene{position:relative;width:100%;max-width:720px;aspect-ratio:440 / 260;margin:auto}
.species-body-svg{display:block;width:100%;height:100%;border-radius:16px}
.species-head-target{position:absolute;top:0;left:0;height:auto;aspect-ratio:1;max-width:none;min-width:0;border:3px dashed #9a68c4;border-radius:50%;background:#ffffffde;display:grid;place-items:center;font-size:clamp(20px,4vw,48px);box-shadow:0 3px 10px #8c60a433;color:#9976b1;overflow:visible;z-index:5}
.species-head-target svg{width:100%;height:100%;display:block}
.species-head-target.target-hover{background:#d9ffc7;box-shadow:0 0 0 6px #7be29755}
.answer-number{font-size:clamp(28px,4.6vw,54px);font-weight:1000;line-height:1.15;color:#245078;display:grid;place-items:center;min-height:64px;min-width:70px;border:4px solid white;border-radius:16px;background:linear-gradient(165deg,#d6ecff,#9bd0ff);box-shadow:0 5px 0 #7ea6d7;padding:8px}
.number-choices .option-card{padding:18px 12px}
.number-between .between-display{display:flex;justify-content:center;align-items:center;gap:15px;font-size:clamp(36px,6vw,62px);font-weight:1000;color:#345078;padding:16px 10px}
.between-dots{letter-spacing:6px;color:#ee6d9c;font-weight:1000}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.math-count-stage{padding:14px 8px 12px;min-height:200px}
.math-count-stage:before,.math-count-stage:after{pointer-events:none;opacity:.55}
.math-count-stage .sea-math{margin:4px auto 10px;font-size:clamp(26px,4.5vw,46px)}
.math-equation-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:6px auto 10px}
.math-visual-group{width:clamp(104px,23%,210px);min-height:140px;padding:8px 5px 7px;border:3px solid #ffffffd8;border-radius:17px;background:#ffffffc9;box-shadow:0 4px 0 #6ba8bc38;display:flex;align-items:center;flex-direction:column;gap:4px}
.math-number-cap{font-size:clamp(20px,3vw,35px);line-height:1.05;color:#174e80;font-weight:1000}
.math-picture-set{width:100%;min-height:65px;display:flex;gap:1px;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;padding:2px}
.critter{display:inline-block;font-size:clamp(14px,2.05vw,24px);line-height:1.05;filter:drop-shadow(0 1px 1px #0001)}
.math-group-label{font-size:10px;color:#507984;font-weight:850;text-align:center}
.math-operation-symbol{font-size:clamp(24px,3vw,42px);font-weight:1000;color:#346c9a;min-width:19px;text-shadow:1px 2px white}
.math-result{min-width:48px;font-size:clamp(25px,3.5vw,45px);font-weight:1000;color:#e94f87;text-shadow:2px 2px white}
.math-unknown-group{width:clamp(104px,23%,210px);min-height:140px;border-radius:17px;border:3px dashed #e8a0d6;background:#fff8f3c9;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#9d5aaf;font-weight:850;font-size:12px;text-align:center}
.math-unknown-mark{font-size:45px;color:#ef4f8c;line-height:1.2}
.count-note{font-weight:850;color:#176e89;font-size:12px;margin:8px 0 0;position:relative;z-index:1}
.math-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.math-choices .option-card{padding:10px 5px;min-height:115px;overflow:hidden}
.math-choices .answer-number{font-size:clamp(27px,4vw,45px);min-width:72px}
.math-option{display:flex;flex-direction:column;align-items:center;gap:5px;justify-content:center;width:100%}
.math-option strong{color:#34517a;font-weight:1000;font-size:21px}
.mini-critters{width:100%;min-height:40px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:0px 1px;padding:2px 1px}
.mini-critters .critter{font-size:clamp(11px,1.8vw,19px);line-height:1.02}
.empty-critters{color:#798ba2;font-weight:1000;font-size:22px}
@media(max-width:730px){
 .animal-stage-accurate{padding:3px;border-radius:15px}.species-head-target{border-width:2px}
 .math-equation-visual{gap:3px}.math-visual-group{width:31%;min-height:105px;padding:5px 2px;border-width:2px}
 .math-unknown-group{width:31%;min-height:105px;font-size:10px}
 .math-picture-set{min-height:48px}.math-number-cap{font-size:21px}.math-group-label{font-size:9px}
 .math-operation-symbol{font-size:24px}.math-result{font-size:24px}.critter{font-size:clamp(12px,3.2vw,20px)}
 .math-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .math-choices .option-card{min-height:105px;padding:7px 3px}.mini-critters .critter{font-size:clamp(11px,2.8vw,16px)}
 .math-count-stage .sea-math{font-size:28px}.math-option strong{font-size:18px}
 .number-between .between-display{gap:8px;font-size:33px}.between-dots{letter-spacing:2px}
 .answer-number{font-size:34px;min-width:60px;min-height:58px}
}
@media(max-width:390px){.math-equation-visual{gap:2px}.math-visual-group{width:30%;}.math-visual-group .critter{font-size:12px}.math-operation-symbol{font-size:20px}}