/* Gabriel's blue-and-white sweater and Etapilu's soft green. */
:root{--ink:#193c59;--muted:#536a7b;--cream:#f5faff;--teal:#25689c;--line:#d5e4ec;--orange:#326837;--gabriel-blue:#75acd1;--etapilu-green:#b5d987;--white:#fff;background:var(--cream);color:var(--ink)}
body{background:linear-gradient(180deg,#fff 0,#f2f8fd 700px,#fff 100%)}
.topbar{background:#fff;border-bottom:5px solid #d9eaf6;padding-top:12px;padding-bottom:12px}.brand{color:#245d87}.brand-and{color:#4f793c}.brand-mascots{width:90px;height:90px;object-fit:contain;flex:none}.brand small{color:#52697a}.primary{background:#25689c}.primary:hover{background:#174e7a}.secondary,.card-symbol{background:#e7f2db;color:#31572e}.mission-preview{background:#eaf3fb;border-color:#cfdfec}.mission-preview p{color:#435c72}.solar-card{background:#245b81;border-color:#477ba0}.status{background:#d8edbc;color:#294c28}.app-card p{color:#f1f7fc}.card-status{color:#f0f7ff;border-color:#6894b1}.auth-card{box-shadow:0 15px 50px #245b8110}.auth-card input{border-color:#adc8dc}.offers>div:first-child{border-top:5px solid #75acd1}.offers>div:last-child{border-top:5px solid #b5d987}.offers strong{color:#205781}.gold-button{background:#d9edbd!important;color:#244528!important}.path-number{color:#326837}.path-card{border-color:#cfdfeb}.path-card:hover{border-color:#75acd1}.escape-banner{border-color:#8eafcc}.voice-error{font-size:13px;color:#92352d}.voice-error:empty{display:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #25689c;outline-offset:5px}
.welcome-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:center}.welcome-intro h1{font-size:clamp(36px,3.6vw,53px)}.welcome-intro .lead{font-size:18px}.character-welcome{min-width:0;position:relative}.speech-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;position:relative;z-index:1}.speech-bubble{position:relative;background:#fff;border:2px solid #b6d5a0;border-radius:24px;padding:17px;box-shadow:0 8px 24px #193c5908}.speech-bubble:after{content:'';position:absolute;bottom:-13px;left:45%;width:22px;height:22px;background:#fff;border-right:2px solid #b6d5a0;border-bottom:2px solid #b6d5a0;transform:rotate(45deg)}.gabriel-bubble{border-color:#83b5d9}.gabriel-bubble:after{border-color:#83b5d9}.speech-bubble h2{font-size:20px;margin:0 0 9px;color:#315f32}.gabriel-bubble h2{color:#245f8b}.speech-bubble p{font-size:14px;line-height:1.65;margin:0 0 13px}.speech-bubble button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;padding:10px;border:0;border-radius:13px;background:#d9edbd;color:#284e28;font-size:12px;font-weight:650;position:relative;z-index:2}.gabriel-bubble button{background:#e0eef9;color:#1d527c}.speech-bubble button[aria-pressed=true]{background:#245f8b;color:#fff}.welcome-mascots{display:block;width:85%;max-width:490px;height:auto;margin:-15px auto -20px}.library{padding-top:35px}.library .section-heading{margin-top:30px}
@media(max-width:1050px){.welcome-hero{grid-template-columns:1fr}.welcome-intro{max-width:760px}.character-welcome{max-width:650px;margin:auto}.brand-mascots{width:70px;height:70px}.topbar{gap:14px;flex-wrap:wrap}}
@media(max-width:700px){.brand{font-size:20px}.brand-mascots{width:65px;height:65px}.speech-row{gap:10px}.speech-bubble{padding:13px;border-radius:20px}.speech-bubble p{font-size:13px}.speech-bubble button{font-size:11px}.welcome-intro h1{font-size:38px}.welcome-mascots{width:100%;margin-top:0}.library{padding-top:25px}.topbar nav{gap:10px}.topbar nav>a:not(.noldus-link){font-size:12px}}
@media(min-width:1800px){.speech-bubble p{font-size:18px}.speech-bubble button{font-size:16px}.welcome-mascots{max-width:570px}}

/* Big speech buttons for children's listening activities. */
audio[hidden]{display:none!important}
.listen-bubble{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:88px;max-width:100%;margin:4px 0 16px;padding:18px 30px;border:3px solid #609b44;border-radius:30px;background:#e6f4d4;color:#244b28;font:800 clamp(19px,2vw,25px)/1.2 'Segoe UI',sans-serif;cursor:pointer;box-shadow:0 5px 0 #bad499;touch-action:manipulation}
.listen-bubble:after{content:'';position:absolute;bottom:-13px;left:31px;width:20px;height:20px;background:inherit;border-right:3px solid #609b44;border-bottom:3px solid #609b44;transform:rotate(45deg)}
.listen-bubble svg{width:46px;height:46px;flex:none;overflow:visible}
.listen-bubble:hover{background:#d5ecbb}
.listen-bubble:focus-visible{outline:4px solid #25689c;outline-offset:6px}
.listen-bubble[aria-pressed=true]{background:#dfedfa;color:#193c59;border-color:#528ab5;box-shadow:0 5px 0 #b3cee2}
.listen-bubble[aria-pressed=true]:after{border-color:#528ab5}
.listen-status:empty{display:none}
.listen-status{font-size:14px;line-height:1.5}
@media(max-width:450px){.listen-bubble{padding:16px 20px;gap:12px}.listen-bubble svg{width:38px;height:38px}}

/* Licensed surface maps also improve the lesson and game illustrations. */
.planet-sun{background-image:url("images/planets/2k_sun.7ce3a845bb3c.jpg");background-size:cover;background-position:center;}
.planet-mercury{background-image:url("images/planets/2k_mercury.6e2825332ce2.jpg");background-size:cover;background-position:center;}
.planet-venus{background-image:url("images/planets/2k_venus_atmosphere.cb5877bec89f.jpg");background-size:cover;background-position:center;}
.planet-earth{background-image:url("images/planets/2k_earth_daymap.eec7a2f8c47c.jpg");background-size:cover;background-position:center;}
.planet-mars{background-image:url("images/planets/2k_mars.b30dc37a707e.jpg");background-size:cover;background-position:center;}
.planet-jupiter{background-image:url("images/planets/2k_jupiter.bac68e493761.jpg");background-size:cover;background-position:center;}
.planet-saturn{background-image:url("images/planets/2k_saturn.e758b798d7d9.jpg");background-size:cover;background-position:center;}
.planet-uranus{background-image:url("images/planets/2k_uranus.0465fbad731b.jpg");background-size:cover;background-position:center;}
.planet-neptune{background-image:url("images/planets/2k_neptune.17c1bff0c64a.jpg");background-size:cover;background-position:center;}
.planet-moon{background-image:url("images/planets/2k_moon.833cdd47d60b.jpg");background-size:cover;background-position:center;}

.planet:not(.planet-sun){box-shadow:inset -35px -12px 40px #020917c9,inset 5px 3px 15px #d7efff22,0 0 50px #84b8ff15}.lesson-scene{background:#071522 url("images/space-panorama.b4f4b75d9b1d.webp") center/cover}.lesson-copy{background:#0b1d30d9;padding:25px;border-radius:22px}.media-credit{font-size:11px;color:#647b8b;margin-left:15px}.media-credit a{color:inherit}