:root{--bonus:#427521;--bonus-light:#f1fae7;--ink:#263951;--teal:#427521;--yellow:#ffdc70;--muted:#5c6b78;--continue-bg:#427521;--continue-hover:#427521;--continue-shadow:#2b5015}
@font-face{font-family:Quicksand;src:url('assets/quicksand-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Quicksand;src:url('assets/quicksand-700.ttf');font-weight:700;font-display:swap}
body{background:var(--bonus-light);color:var(--ink);font-family:Quicksand,sans-serif}button,input{font-family:inherit}.brand,.hero h1 span{color:var(--bonus)}.hero-art{background:linear-gradient(140deg,#fff4c8,var(--bonus-light));border:3px solid white}.bonus-hero-icons{display:flex;position:absolute;top:22px;left:20px;right:20px;justify-content:space-between;gap:14px}.bonus-hero-icons svg{width:90px;height:110px;padding:8px;background:#ffffffb8;border-radius:28px;transform:rotate(-8deg)}.bonus-hero-icons svg:nth-child(2){transform:rotate(10deg)}.hero-art .mimo-cutout{right:12%;bottom:0}.hero .sublead{display:block;font-size:17px}.home-mobile-scene{position:relative;height:250px}.home-mobile-scene .mimo-cutout{position:absolute;bottom:0;right:18%;width:65%;height:200px}.home-mobile-scene .bonus-hero-icons svg{width:70px;height:80px}.home-mobile-scene .bonus-hero-icons{top:0}.bonus-care{font-size:16px;background:white;border:2px dashed var(--bonus);border-radius:18px;padding:14px 18px;max-width:570px;margin:20px auto}.bonus-lesson svg{width:150px;height:150px;margin:24px}.intro-message{background:white;color:var(--bonus);border-color:var(--bonus)}.journey-card{border-color:#dfdfe9}.journey-art{background:var(--bonus-light)}.journey-art svg{width:100px;height:100px}.bonus-play{max-width:860px;margin:auto;background:white!important;border:3px solid #fff!important;box-shadow:0 8px 0 #b5bdcc33}.picture-story{font-size:22px;color:var(--ink);line-height:1.45}.bonus-scene{position:relative;height:210px;overflow:hidden;border-radius:28px;margin:16px 0;background:linear-gradient(150deg,#edf7ff,var(--bonus-light));isolation:isolate}.scene-floor{position:absolute;bottom:0;left:0;width:100%;height:18%;background:#a5d8c855;z-index:-1;border-radius:50% 50% 0 0}.scene-child{position:absolute;left:10%;bottom:10px;width:28%;height:160px}.scene-prop{position:absolute;left:37%;top:26px;width:29%;height:155px;transform:rotate(-5deg)}.scene-prop svg{width:100%;height:100%;filter:drop-shadow(0 7px 0 #8895a322)}.scene-mimo{position:absolute;right:1%;bottom:9px;width:28%;height:175px;object-fit:contain}.scene-sun{position:absolute;left:7%;top:10px;font-size:38px;color:#f3bd36}.scene-2,.scene-6{background:linear-gradient(120deg,#ffeec9,#ffedf5)}.scene-3,.scene-7{background:linear-gradient(120deg,#e6e3ff,#ebf8ff)}.scene-4,.scene-8{background:linear-gradient(120deg,#f5f9d3,#dcf5ed)}.bonus-play h2{font-size:24px}.bonus-play .picture-choice{background:#fff5d1;border:2px solid #efd993;border-bottom:6px solid #e5cb86;min-height:158px;color:#273850}.bonus-play .picture-choice svg{width:100px;height:90px}.bonus-play .picture-choice strong{font-size:18px;line-height:1.4}.bonus-play .picture-choice.picked{background:#e8e1ff;border-color:#ab91dd}.bonus-play .picture-choice.try-other{background:#ffedf0;border-color:#e990aa}.bonus-play .picture-response .good{background:#dff4e6;border-color:#9dd4b1;color:#197b50}.picture-response .btn{width:100%;max-width:560px}.btn{background:var(--bonus);box-shadow:0 5px 0 var(--continue-shadow)}.btn:hover{background:var(--bonus)}.btn.yellow{background:#ffdc70;color:#574021;box-shadow:0 5px 0 #d7ac44}body[data-game] #app .btn[data-action="next"]{background:var(--bonus);box-shadow:0 5px 0 var(--continue-shadow);color:white}.saved-stars{background:#fff1b9}.bonus-sticker{overflow:visible}.picture-tip{font-size:16px}.completion-badge{font-size:15px}.lesson-screen p{line-height:1.6}.hero h1{font-size:clamp(35px,5vw,62px)}
@media(min-width:701px){.home-mobile-scene{display:none}}
@media(max-width:700px){.hero .sublead{font-size:16px}.bonus-scene{height:165px}.scene-child{height:130px;left:4%;width:30%}.scene-prop{height:120px;left:33%;width:33%}.scene-mimo{height:137px;width:31%}.picture-story{font-size:18px}.bonus-play h2{font-size:21px}.bonus-play .picture-choice strong{font-size:16px}.bonus-play .picture-choice svg{width:75px;height:70px}.bonus-play .picture-choice{padding:12px 8px;min-height:150px}.brand{font-size:15px;max-width:62%}.topbar{gap:8px}.journey-art svg{width:80px;height:80px}.bonus-care{font-size:14px}.bonus-play{padding:15px!important}.picture-choices{gap:10px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
body[data-game="badan"] #app .hero .guardian-highlight{display:flex;align-items:center;gap:14px;background:#28581e;color:#fff;border:3px solid #c6e6a8;border-radius:20px;padding:18px 20px;font-size:20px;line-height:1.5;box-shadow:0 5px 0 #b9d79d;margin:20px 0;max-width:570px;text-align:left}body[data-game="badan"] .guardian-highlight>span{font-size:32px;flex-shrink:0}body[data-game="badan"] #app .hero .bonus-care{background:#fff0b4;color:#503d0a;border:2px solid #dfb847;border-bottom-width:5px;font-size:18px;font-weight:700;line-height:1.5;text-align:center;margin:22px 0;padding:16px 20px;max-width:570px}body[data-game="badan"] .hero .bonus-care::before{content:'🤝';display:inline-block;margin-right:9px;font-size:24px}@media(max-width:700px){body[data-game="badan"] #app .hero .guardian-highlight{font-size:18px;padding:14px}body[data-game="badan"] #app .hero .bonus-care{font-size:17px;padding:14px}}

:root{--map-hover-bg:var(--bonus-light);--map-hover-ink:var(--bonus)}
/* Map secondary buttons keep readable colors on hover and keyboard focus. */
.map-actions .btn.ghost:hover,.map-actions .btn.ghost:focus-visible{background:var(--map-hover-bg);color:var(--map-hover-ink);border-color:var(--map-hover-ink)}
.map-actions .btn.restart:hover,.map-actions .btn.restart:focus-visible{background:#e5d8f5;color:#533575;border-color:#ad8ccc;box-shadow:0 4px 0 #c4a9df}