/* Bright playroom palette, with calm surfaces under learning text. */
:root{--ink:#203f59;--green:#087c77;--paper:#e8f8ff;--coral:#d74c35;--yellow:#ffdb55;--line:#c9e4ed;--activity-accent:#158cae;--activity-light:#e1f7ff;--activity-edge:#86cde4}
body{background-color:#e8f8ff;background-image:radial-gradient(circle at 3% 13%,#ffdb58 0 62px,transparent 63px),radial-gradient(circle at 98% 36%,#ffa8b6 0 85px,transparent 86px),radial-gradient(circle at 4% 75%,#81ded0 0 77px,transparent 78px),radial-gradient(circle at 96% 91%,#b6a3ee 0 68px,transparent 69px),radial-gradient(circle,#8acdd64d 2px,transparent 3px);background-size:auto,auto,auto,auto,32px 32px;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat}
body[data-activity=animals]{--activity-accent:#218453;--activity-light:#e3f8d9;--activity-edge:#8cd788;background-color:#eafbe4}
body[data-activity=colors]{--activity-accent:#ab4482;--activity-light:#ffebf6;--activity-edge:#eca0ce;background-color:#fff0f8}
body[data-activity=body]{--activity-accent:#2479b0;--activity-light:#e4f4ff;--activity-edge:#8acdf0;background-color:#e6f6ff}
body[data-activity=stories]{--activity-accent:#7452af;--activity-light:#f0e9ff;--activity-edge:#bca2ec;background-color:#f0edff}
body[data-activity=fruit]{--activity-accent:#bb6b16;--activity-light:#fff1d2;--activity-edge:#f3bf61;background-color:#fff3d8}
header{background:#ffffffed;border:0;border-bottom:5px solid transparent;border-image:linear-gradient(90deg,#ff725f 0 20%,#ffcf43 20% 40%,#5acbb0 40% 60%,#65bcef 60% 80%,#b294e6 80%) 1;max-width:none;padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2))}.brand-mark{background:#078c87;box-shadow:0 4px 0 #065e66}.brand{color:#234866}.brand small{color:#517189}.quiet{background:#fff;border:2px solid #d0e9ea;box-shadow:0 2px 0 #d0e9ea;color:#285367}.quiet:hover{background:#f0fcff}.eyebrow{color:#42687c}.intro{color:#4c6476}.title-row h1{color:#285171}.sticker-pill{background:#ffdf64;color:#624409;border:2px solid #fff;box-shadow:0 4px 0 #e5b934}.primary{background:#098f83;box-shadow:0 4px 0 #056961}.listen{background:#ffda4f;color:#61470b;border:3px solid #fff4b4;box-shadow:0 3px 0 #e5b22b}.feedback{background:#edf6fc;color:#365b72}.feedback.success{background:#dcf7df;color:#275e36}.feedback.hint{background:#fff0bf;color:#745019}.instruction{color:#516a7c}
.welcome{background-color:#ffe477;background-image:radial-gradient(circle at 94% 10%,#ffb660 0 105px,transparent 106px),radial-gradient(circle at 78% 112%,#ffb7a4 0 130px,transparent 131px),radial-gradient(circle at 64% 10%,#fff4ba 0 22px,transparent 23px);border:3px solid #fff;border-radius:30px;box-shadow:0 7px 0 #edc552,0 12px 25px #3e88a014}.welcome h1{color:#284c66}.welcome h1 span{color:#b84234}.welcome p{color:#594d35}.welcome .eyebrow{color:#746038}.welcome .quiet{border-color:#e7bc39;background:#fffdf1;box-shadow:0 3px 0 #e7bc39}.welcome-character{filter:drop-shadow(0 8px 4px #8558171f)}.section-heading{margin-top:36px}.section-heading h2{color:#254e68}.section-heading>span{color:#4d6c7d;background:#fff9;padding:8px 13px;border-radius:20px}
.activity-card{border:3px solid white;border-radius:25px;box-shadow:0 6px 0 var(--card-edge),0 10px 20px #2c697d12;background:var(--card-base);--card-edge:#edba4f;--card-base:#fff9e4;--card-ink:#865014;--art-base:#ffdb69}.activity-card:hover{box-shadow:0 8px 0 var(--card-edge),0 15px 25px #2c697d20;transform:translateY(-4px)}.animal-card{--card-edge:#7bc589;--card-base:#f0fbe8;--card-ink:#2e7143;--art-base:#a8e5a0}.color-card{--card-edge:#df8dbb;--card-base:#fff0f8;--card-ink:#96466f;--art-base:#f4b3d6}.body-card{--card-edge:#78bee4;--card-base:#edf8ff;--card-ink:#306e9d;--art-base:#a3daf6}.story-card{--card-edge:#ae92df;--card-base:#f5efff;--card-ink:#7454a5;--art-base:#d2bbf5}.activity-card .card-art{background-color:var(--art-base);background-image:radial-gradient(circle at 9% 84%,#ffffff52 0 40px,transparent 41px),radial-gradient(circle at 91% 10%,#ffffff63 0 31px,transparent 32px);height:137px;font-size:58px;text-shadow:0 6px 0 #ffffff4d}.card-no{color:var(--card-ink);font-weight:600}.activity-card h2{color:#254760}.activity-card p{color:#4d6776}.card-action{background:#fff;border:1px solid var(--card-edge);box-shadow:0 3px 0 var(--card-edge);color:var(--card-ink)}.together-card{background:#ffec96;border:3px dashed #e9b747;color:#685025;border-radius:25px}.together-card>span{color:#d48c0b}.together-card p{color:#705a31}.together-card .quiet{border-color:#e6c164;color:#6e5426}.bottom-note{color:#416b80;background:#ffffffc9;border-radius:15px;padding:13px 17px;gap:15px}.bottom-note span:first-child{color:#7e602c}footer{border-top:2px dashed #99cbd7;color:#426c80;background:#ffffff9c;border-radius:18px 18px 0 0;padding:20px;max-width:1160px}
.lesson-heading{background:#ffffffb3;border:2px solid #fff;border-radius:22px;padding:15px 22px}.lesson-heading h1{color:var(--activity-accent);margin-bottom:0}.mini-guide span{color:#45687c}.lesson-modes button{background:#fff;border:2px solid var(--activity-edge);box-shadow:0 3px 0 var(--activity-edge);color:var(--activity-accent)}.lesson-modes button[aria-pressed=true]{background:var(--activity-accent);border-color:var(--activity-accent);color:white}.lesson-panel{border:3px solid var(--activity-edge);box-shadow:0 7px 0 var(--activity-edge);background:#fffefa}.lesson-panel>.prompt-row{background:var(--activity-light);margin:-10px -10px 18px;padding:15px;border-radius:19px}.lesson-panel h2{color:#294c65}.option-tile{border:2px solid #fff;box-shadow:0 4px 0 #b5d7c8;background:#e4f6e9}.option-tile:nth-child(2n){background:#fff0c4;box-shadow:0 4px 0 #ead084}.option-tile:nth-child(3n){background:#e4f1ff;box-shadow:0 4px 0 #a7cdea}.option-tile:nth-child(4n){background:#f4e6ff;box-shadow:0 4px 0 #d5b7ed}.option-tile:nth-child(5n){background:#ffe8e1;box-shadow:0 4px 0 #efb8a8}.option-tile.selected{border-color:var(--green)}.color-swatch{border:4px solid white;box-shadow:0 4px 0 #00000012}.movement-card{background:#dff2ff;border:2px solid #a9d9f0}.story-choice{border:3px solid #c0a7e9;background:#f1e8ff;box-shadow:0 5px 0 #b197d6}.story-choice:nth-child(2){border-color:#89c7e4;background:#e3f5ff;box-shadow:0 5px 0 #72b5d4}.story-scene{background:#dfedff;border:2px solid #c9b5e9}.story-text{background:#fffdf7}.story-options button{border:2px solid #c2ace4;background:#f5ecff;box-shadow:0 3px 0 #c2ace4}.completion{background:linear-gradient(135deg,#fff3bb,#e5f8e1 55%,#e8efff);border:2px dashed #9ecab0;border-radius:22px}.back-link{background:#fff9;border-radius:20px;padding:10px 17px}.lesson-top{gap:10px}#lessonMeta{color:#43667a;font-weight:600}
.host{background:#bcecdc;border:3px solid white;box-shadow:0 6px 0 #82cbb5;background-image:radial-gradient(circle at 90% 14%,#fff38b 0 50px,transparent 51px),radial-gradient(circle at 7% 70%,#8bdcc9 0 70px,transparent 71px)}.host-label{color:#306454}.host-bottom>span+span{color:#365f54}.hello{color:#245449}.play{border:3px solid #f1cc72;box-shadow:0 6px 0 #e8bc54;background:#fffefa}.fruit{border-color:white;box-shadow:0 4px 0 #00000012}.fruit:nth-child(1){--fruit-bg:#ffd9ce}.fruit:nth-child(2){--fruit-bg:#ffec9c}.fruit:nth-child(3){--fruit-bg:#ffe0a9}.fruit:nth-child(4){--fruit-bg:#e9d7ff}.fruit:nth-child(5){--fruit-bg:#ceefc6}.modes button{border:2px solid #efc065;background:#fff8e4;box-shadow:0 3px 0 #e9c473}.modes button[aria-pressed=true]{background:#0b8b80;border-color:#0b8b80;box-shadow:0 4px 0 #066459}.modes button>span{background:#ffe8a4;color:#72531c}.modes button[aria-pressed=true]>span{color:#fff}.modes small{color:#647054}.basket{background:#fff2c7;border-color:#dba651}.phrase{background:#ffefb7}.audio-notice{border:2px solid #efbf60;background:#fff5d4;color:#73531f}dialog{border:4px solid #a7dcd5;background:#fffdf4}
@media(max-width:620px){body{background-size:auto,auto,auto,auto,26px 26px;background-image:radial-gradient(circle at 0 7%,#ffdf6c 0 38px,transparent 39px),radial-gradient(circle at 100% 48%,#ffb5c2 0 42px,transparent 43px),radial-gradient(circle at 0 88%,#98dfce 0 40px,transparent 41px),none,radial-gradient(circle,#8acdd64d 2px,transparent 3px)}header{padding:0 14px;border-bottom-width:4px}.welcome{border-radius:22px;box-shadow:0 5px 0 #edc552}.activity-grid{gap:18px 12px}.activity-card{border-radius:19px;border-width:2px}.activity-card .card-art{height:101px;font-size:33px}.section-heading{margin-top:29px}.section-heading>span{padding:6px 9px}.lesson-heading{padding:10px 15px;border-radius:19px}.lesson-panel{border-width:2px;padding:22px 16px}.lesson-panel>.prompt-row{margin:-8px -5px 17px;padding:11px;border-radius:14px}.lesson-heading h1{font-size:26px}.back-link{padding:9px 12px}.bottom-note{padding:11px 13px}.host{border-width:2px}.play{border-width:2px}.modes button{border-width:2px}.option-tile{padding:16px 8px}footer{border-radius:14px 14px 0 0}}