/* 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%}}