/* Emotion-specific illustrations on the approved shared game layout. */
.emotion-sticker{width:72px;height:72px;flex:none;display:block;filter:drop-shadow(0 3px 0 #2744540e)}
.journey-art>.emotion-sticker{width:82px;height:82px}.hero-art{background:#ece6f4}.emotion-hero{position:absolute;inset:0;pointer-events:none}.hero-lens{position:absolute;left:8%;top:29%;transform:rotate(-12deg)}.hero-lens .emotion-sticker{width:215px;height:215px}.orbit{position:absolute}.orbit .emotion-sticker{width:90px;height:90px}.orbit.happy{left:8%;top:7%;transform:rotate(-12deg)}.orbit.sad{left:42%;top:5%;transform:rotate(8deg)}.orbit.angry{right:2%;top:24%;transform:rotate(12deg)}.orbit.calm{left:4%;bottom:9%;transform:rotate(-9deg)}.hero-art>.mimo-cutout{z-index:2}.hero-art .speech{z-index:3;left:16%;bottom:5%}.home-mobile-scene{background:#ece6f4}
.question-card{padding:19px}.case-scene{border-radius:20px;background:#ffffffb8;padding:15px;margin-bottom:17px;position:relative}.case-tab{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:900;color:#526b88}.case-tab svg{width:19px;height:19px}.story-illustration{position:relative;width:126px;margin:10px auto 8px;padding:8px;border-radius:50%;background:#e9e2f8}.story-illustration>.emotion-sticker{width:110px;height:110px}.story-spark{position:absolute;top:0;right:-9px;font-size:36px;color:#e1ad34}.story-bubble{position:relative;background:#fff;border:1px solid #cddfeb;border-bottom:3px solid #cddfeb;border-radius:18px;padding:15px 18px;font-size:21px;line-height:1.55;font-weight:800;text-align:center;margin:0;color:#284b64}.question-top{align-items:center}.question-top h2{font-size:23px;line-height:1.35}.question-top>.mimo-cutout{width:56px;height:66px;flex:none}.choice{justify-content:flex-start;text-align:left;min-height:94px;padding:14px 32px 14px 14px;gap:12px}.choice>.emotion-sticker{width:57px;height:57px}.choice>span{flex:1;font-size:18px;line-height:1.4}.choice.correct{background:#e0efff}.emotion-hint{border:1px solid #d7c0e8;background:#eee5fa;border-radius:17px;padding:13px 16px;color:#704a91}.emotion-hint summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:900}.emotion-hint summary svg{width:21px;height:21px}.emotion-hint p{font-size:15px;line-height:1.55;margin-top:10px}.feeling-parade{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px auto}.feeling-parade>div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:20px;background:#fff1c7;border:1px solid #ead091}.feeling-parade>div:nth-child(2){background:#e1effc;border-color:#bdd5e9}.feeling-parade>div:nth-child(3){background:#fbe1d6;border-color:#edc0ae}.feeling-parade>div:nth-child(4){background:#eee5fa;border-color:#d7c0e8}.lesson-message{display:flex;align-items:center;justify-content:center;gap:14px;background:#fff;border:2px solid #d4dfd7;border-radius:20px;padding:19px;margin:25px auto;font-size:18px;text-align:left;line-height:1.5}.lesson-message p{margin:0}.lesson-message strong{font-size:16px;color:#59766d}.topnav .navbtn{min-width:44px;min-height:44px}.answer-feedback{scroll-margin-bottom:90px}.brand{max-width:60%}
@media(max-width:600px){.hero h1{font-size:46px}.home-mobile-scene{height:220px;max-width:330px}.home-mobile-scene .mimo-cutout{width:164px;right:-2px}.hero-lens{left:11%;top:39%}.hero-lens .emotion-sticker{width:119px;height:119px}.orbit .emotion-sticker{width:62px;height:62px}.orbit.happy{left:9%;top:9%}.orbit.sad{left:35%;top:6%}.orbit.angry{right:3%;top:8%}.orbit.calm{left:0;bottom:9%}.question-card{padding:14px}.case-scene{padding:12px;margin-bottom:12px}.story-illustration{width:90px;margin:5px auto;padding:5px}.story-illustration>.emotion-sticker{width:80px;height:80px}.story-spark{font-size:27px}.story-bubble{font-size:18px;line-height:1.4;padding:12px}.case-tab{font-size:11px}.question-top h2{font-size:20px}.question-top>.mimo-cutout{width:42px;height:52px}.choice{min-height:77px;padding:10px 30px 10px 11px;gap:10px}.choice>.emotion-sticker{width:43px;height:43px}.choice>span{font-size:16px;line-height:1.35}.answer-grid{gap:9px}.answer-column{gap:12px}.play-head .eyebrow{font-size:11px}.play-head h1{font-size:24px}.feeling-parade{grid-template-columns:1fr 1fr;gap:10px;margin:20px auto}.feeling-parade>div{flex-direction:row;gap:6px;padding:10px 8px;font-size:14px}.feeling-parade .emotion-sticker{width:50px;height:50px}.lesson-message{padding:13px;font-size:16px;gap:10px}.lesson-message .emotion-sticker{width:52px;height:52px}.lesson-message strong{font-size:14px}.answer-column:has(.answer-feedback.good)>.btn{position:sticky;bottom:12px;z-index:3;box-shadow:0 5px 0 #105c58,0 0 0 6px #f8f5ee}.answer-column:has(.answer-feedback.good){padding-bottom:8px}.brand{font-size:14px}.journey-art>.emotion-sticker{width:68px;height:68px}}
@media(min-width:601px){.orbit.happy{left:18%;top:9%}.orbit.sad{left:48%;top:7%}}
@media(max-width:359px){.hero h1{font-size:40px}.choice>span{font-size:15px}.choice>.emotion-sticker{width:37px;height:37px}.brand{font-size:12px}.feeling-parade>div{font-size:12px}.feeling-parade .emotion-sticker{width:40px;height:40px}}

.case-tab .emotion-sticker{width:25px;height:25px;filter:none}

.hero-art,.home-mobile-scene{background:#e4edf7}.net-hero{position:absolute;inset:0;pointer-events:none}.hero-device{position:absolute;left:13%;top:17%;width:49%;height:64%;background:#eff8fc;border:10px solid #91a7c8;border-radius:29px;transform:rotate(-10deg);box-shadow:0 8px 0 #728eaf}.device-camera{display:block;width:27%;height:8px;background:#91a7c8;border-radius:5px;margin:9px auto}.device-shield .emotion-sticker{width:80%;height:auto;margin:23px auto 10px}.device-label{display:block;text-align:center;letter-spacing:.12em;font-size:10px;font-weight:1000;color:#516f89}.device-dots{display:block;text-align:center;letter-spacing:10px;color:#e4bd58;margin-top:15px;font-size:14px}.net-orbit{position:absolute}.net-orbit .emotion-sticker{width:78px;height:78px}.net-orbit.one{left:8%;top:7%;transform:rotate(-13deg)}.net-orbit.two{right:9%;top:11%;transform:rotate(12deg)}.net-orbit.three{left:6%;bottom:6%;transform:rotate(-15deg)}.hero-art .speech{left:18%;bottom:5%}.net-scene{background:#f7fbff}.net-scene .story-illustration{background:#e2ecf7}.net-scene .case-tab{color:#477694}.safety-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px auto}.safety-steps>div{display:flex;flex-direction:column;align-items:center;gap:9px;background:#e3eef9;border:2px solid #c6dced;border-radius:20px;padding:19px 12px}.safety-steps>div:nth-child(2){background:#fff1c7;border-color:#e8d596}.safety-steps>div:nth-child(3){background:#eee5fa;border-color:#d8c6ea}.safety-steps strong{font-size:18px}.safety-steps span{font-size:14px;line-height:1.4}.choice:focus-visible{outline:3px solid #749ccd;outline-offset:3px}
@media(max-width:600px){.hero h1{font-size:48px}.hero-device{left:13%;top:14%;width:44%;height:72%;border-width:6px;border-radius:19px}.device-camera{height:5px;margin:5px auto}.device-shield .emotion-sticker{width:64%;margin:8px auto 5px}.device-label{font-size:7px;letter-spacing:.06em}.device-dots{font-size:9px;margin-top:5px;letter-spacing:6px}.net-orbit .emotion-sticker{width:51px;height:51px}.net-orbit.one{left:6%;top:7%}.net-orbit.two{right:10%;top:4%}.net-orbit.three{left:2%;bottom:8%}.safety-steps{grid-template-columns:1fr;margin:20px auto;gap:10px}.safety-steps>div{display:grid;grid-template-columns:53px 1fr;gap:3px 12px;text-align:left;padding:13px}.safety-steps .emotion-sticker{grid-row:span 2;width:53px;height:53px}.safety-steps strong{font-size:18px}.safety-steps span{font-size:14px}}
@media(min-width:601px){.net-orbit.one{left:18%;top:11%}.net-orbit.two{right:12%;top:16%}}

.road-hero{position:absolute;inset:10%;background:#ddf0e3;border-radius:35px;overflow:hidden}.road-hero>span{position:absolute;z-index:1}.road-hero>span:first-child{left:7%;top:6%}.road-hero>span:nth-last-child(2){right:8%;top:8%}.road-hero>span:last-child{left:5%;bottom:6%}.road-hero .emotion-sticker{width:100px;height:100px}.road-stripes{position:absolute;inset:43% -15% 23%;transform:rotate(-20deg);background:repeating-linear-gradient(90deg,#fff5d6 0 20px,#839baa 20px 40px);border-block:12px solid #839baa}.hero h1{font-size:clamp(38px,5vw,66px)}@media(max-width:600px){.hero h1{font-size:39px}.road-hero .emotion-sticker{width:65px;height:65px}}
.visual-mission{max-width:720px;margin:0 auto 32px;text-align:center}.visual-mission h2{font-size:clamp(25px,4vw,34px);margin:0 0 6px;color:#174954}.scene-caption{font-weight:700;color:#657e85;margin:0 0 17px;font-size:16px}.road-world{position:relative;border:4px solid white;border-radius:29px;overflow:hidden;box-shadow:0 6px 0 #bfdad8;background:#d9f1ff}.road-world>svg{display:block;width:100%;max-height:360px}.world-mimo{position:absolute;width:18%;height:36%;object-fit:contain;left:33%;top:40%;filter:drop-shadow(0 5px 1px #879c9c33);transform-origin:bottom center}.world-cheer{position:absolute;left:31%;top:30%;color:#d69a25;font-size:26px;letter-spacing:9px}.world-done .world-mimo{animation:road-hop .65s ease-in-out 2}.visual-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 15px}.visual-choice{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;border:2px solid #efdca5;border-bottom-width:6px;border-radius:22px;background:#fff6d8;cursor:pointer;color:#254a5b;font:inherit;min-height:106px;transition:transform .15s,background .15s}.visual-choice svg{width:100px;height:75px;flex-shrink:0}.visual-choice strong{font-size:21px;line-height:1.2}.visual-choice:hover:not(:disabled){transform:translateY(-3px);background:#ffeab2}.visual-choice:focus-visible{outline:4px solid #6c91bc;outline-offset:3px}.visual-choice.picked{background:#d9efff;border-color:#8ebcde}.visual-choice.try-other{border-color:#bca5dc;background:#f0e7fa}.visual-choice:disabled{cursor:default;opacity:1}.visual-tick{position:absolute;right:8px;top:5px;color:#367faf}.visual-response .btn{width:100%;margin-top:10px}.visual-response .feedback{margin:0}.tap-guide{font-weight:800;color:#7a7497;margin:8px}.visual-response{min-height:40px}.world-done{border-color:#a4d8be}@keyframes road-hop{50%{transform:translateY(-10px) rotate(5deg)}}@media(max-width:600px){.visual-mission h2{font-size:25px}.scene-caption{font-size:14px;margin-bottom:12px}.visual-choices{gap:10px;margin-top:15px}.visual-choice{flex-direction:column;gap:2px;padding:8px;min-height:122px;border-radius:19px}.visual-choice svg{width:83px;height:62px}.visual-choice strong{font-size:18px}.visual-mission .road-world>svg{max-height:none}.world-cheer{font-size:20px;letter-spacing:3px}.play-head{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.world-done .world-mimo{animation:none}.visual-choice{transition:none}}
.visual-mission .road-world{max-width:528px;margin-left:auto;margin-right:auto}.visual-mission .road-world>svg{max-height:none}

.world-mimo.inside-mimo{left:14%;top:43%;width:22%;height:40%}.visual-choice .emotion-sticker{width:83px;height:75px}.visual-mission .scene-caption{max-width:550px;margin-left:auto;margin-right:auto}@media(min-width:601px){.visual-mission{max-width:660px}}