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