/* A brighter play space, retaining readable text and existing controls. */
:root{--ink:#263b62;--blue:#467acb;--pink:#ed739d;--gold:#ffd168}
body{color:var(--ink);background:radial-gradient(ellipse at 8% 8%,#d9f2ff 0,transparent 32%),radial-gradient(ellipse at 92% 22%,#fce2ed 0,transparent 28%),#fffaf0}
header{background:#fffef9;border:2px solid #e7e9f4;border-radius:0 0 30px 30px;box-shadow:0 6px 0 #dce7ef;padding-top:18px;padding-bottom:18px;gap:14px}
.brand{color:#315a9b!important;font-size:31px}.brand span{color:#e87896}
nav a{border-radius:20px;background:#edf3ff;padding:9px 14px;margin-left:8px;font-size:14px}.pill{background:#ffe4a2;color:#4e451c;font-weight:bold}
main{padding-top:14px}.hero{padding-top:32px;padding-bottom:28px;gap:25px}.tag{display:inline-block;background:#e7ddff;color:#514278;border-radius:18px;padding:10px 15px;letter-spacing:1px;transform:rotate(-2deg)}
h1{color:#315a9b;letter-spacing:-2px;font-size:clamp(42px,5.7vw,68px)}h1 em{color:#e46e91}.intro{color:#506485}.primary{background:#467acb;box-shadow:0 5px 0 #2c5797;border-radius:22px;transition:transform .15s}.primary:hover{transform:translateY(-2px)}
.art{height:320px}.blob{box-shadow:16px 14px 0 #f2dba3;border:3px solid #edc56b}.float{border:3px solid white;box-shadow:0 5px 0 #c5d8e4;background:#c2e8df}.float.two{background:#e5d5ff}.spark{color:#df7ca7}.sun{font-size:58px}
.section-head h2{color:#315a9b;font-size:32px}.filters{gap:7px}.filters button{background:white;border:2px solid #d8e2ee;color:#385781;font-weight:bold}.filters button.active{background:#467acb;border-color:#467acb}.journey-intro{background:#fff1bc;border:2px solid #f3d978;box-shadow:0 5px 0 #f2e4b0;padding:20px}.journey-intro strong{color:#385781}.journey-intro>span{font-size:52px}.journey-ages button{border:2px solid #6485ba;font-weight:bold}.journey-ages .active{background:#467acb;color:white}
body .reward-hub{padding:18px;border:2px solid #dacbf0;box-shadow:0 5px 0 #e5dcf2;background:#f4edff}.reward-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;font-size:18px;font-weight:bold;background:#fff8dc;padding:15px;border:2px solid #edd99c;border-radius:18px}.reward-drawer>summary::-webkit-details-marker{display:none}.reward-drawer>summary:after{content:'＋';font-size:25px}.reward-drawer[open]>summary:after{content:'−'}.reward-drawer>summary:focus-visible{outline:3px solid #467acb;outline-offset:3px}.reward-drawer[open]>summary{margin-bottom:20px}.reward-drawer>summary .drawer-stars{background:white;padding:7px 12px;border-radius:14px;white-space:nowrap;font-size:16px}body .child-profile{border:2px solid #e4d8f3;padding:16px}body .child-profile h3{color:#514278}body .child-profile p{font-size:14px}
.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:28px}.card{border:3px solid white;border-radius:28px;box-shadow:0 7px 0 #d8e2e9;position:relative}.card:active{transform:translateY(3px)}.card .illustration{height:145px;letter-spacing:3px;border-radius:23px 23px 35% 35%;font-size:56px;background:#d4eafd!important}.card:nth-child(3n+2) .illustration{background:#ffe7ac!important}.card:nth-child(3n) .illustration{background:#eedaff!important}.card:nth-child(5n) .illustration{background:#d4f0e3!important}.card .info{padding:18px 14px}.card .info h3{color:#385781;font-size:19px}.card .info p{color:#52647b;font-size:13px}.card .info small{color:#52647b;font-size:10px}.card .play{display:inline-block;background:#fff1ba;color:#526147;border-radius:14px;padding:8px 10px;font-size:12px}.card:nth-child(2n) .play{background:#e7e0fa;color:#514278}
.note{border:2px solid #d4e7db;background:#eaf7ee}.parent-grid>div{border:2px solid #e5e8ef}.parents-details h2{color:#385781}
dialog{border:4px solid #d9e6ff;box-shadow:0 16px 50px #1d345c35;background:#fffaf0;max-height:88dvh;overflow:auto;padding:22px}dialog::backdrop{background:#243f6885}.top{position:sticky;top:-22px;z-index:5;background:#fffaf0;padding:14px 0;border-bottom:2px dashed #e4ddeb;margin-top:-5px}.top h2{color:#385781}.close{border:2px solid #edb18d;background:#fff0d0;color:#385781;width:44px;height:44px;flex-shrink:0}.game .mission-brief{background:#fff0bc;color:#385781}.game .lesson-choices button{background:#e7edfc;color:#263b62;border:2px solid #ccd9ed}.game .lesson-choices button.correct{background:#d9f3df;border-color:#4b8c62}.game .restart{background:#467acb!important}.game .lesson-finish{background:#fff0b9}.game .learning-goal{background:#e8e1f6}.game .age-options .active{background:#467acb}
@media(max-width:1000px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}header .pill{display:none}}
@media(max-width:650px){header{padding:16px;justify-content:space-between}.brand{font-size:27px}header nav{display:flex;gap:6px}header nav a{font-size:12px;padding:8px 10px;margin:0}.hero{display:flex;flex-direction:column;text-align:center;gap:8px;padding:24px 0 12px}.hero>div:first-child{width:100%}.hero .intro{margin:12px auto}.hero h1{font-size:46px;line-height:1.12;margin:18px 0}.hero .tag{font-size:10px;letter-spacing:.6px}.hero .art{height:245px;width:100%;max-width:330px;margin:0;transform:scale(.75)}.hero .primary{padding:15px 22px}.hero>div>p:last-child{margin-top:17px!important}.section-head h2{font-size:28px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card .illustration{height:125px;font-size:48px}.card .info h3{font-size:18px}.card .info{padding:15px 12px}.journey-intro{padding:16px;gap:12px}.journey-intro strong{font-size:19px}.journey-intro p{font-size:14px}.journey-intro>span{font-size:40px}.journey-ages button{padding:9px 14px}.reward-drawer>summary{font-size:15px;padding:12px}.reward-drawer>summary .drawer-stars{font-size:14px;padding:6px 8px}body .reward-hub{padding:12px}dialog{padding:18px}.top{top:-18px}.language-switch{margin:0;flex-direction:row;align-items:center}.language-switch select{padding:7px;font-size:13px}.language-switch>span{display:none}}
@media(prefers-reduced-motion:reduce){.primary,.card{transition:none}.primary:hover,.card:hover{transform:none}}