/* BrainBloom's playful world: decorative edges, clear learning surfaces. */
body.playful-home,body.brainbloom-grade-page,body.cheerful-game{
 --ink:#163e53;--purple:#245e9c;--sun:#ffda50;--mint:#63dfb5;
 color:var(--ink);background:#e9faff;
}
body.playful-home::before,body.brainbloom-grade-page::before{
 background:radial-gradient(ellipse at 8% 10%,#ffffffd9 0,transparent 32%),radial-gradient(ellipse at 95% 42%,#d6f9eb 0,transparent 40%),linear-gradient(165deg,#d6f5ff,#f2fcff 55%,#fff9e4); 
}
.playful-home .wrap{max-width:980px;padding:22px clamp(16px,4vw,30px)}
.playful-home header{position:relative;z-index:1;min-height:48px}
.playful-home .brand .home-wordmark{color:#163e53}
.playful-home .brand .home-wordmark>span{color:#6d46b5}
.playful-home .intro{margin:24px auto 0;max-width:740px;overflow:hidden;border-radius:30px 30px 0 0;border:4px solid white;border-bottom:0;background:#fffef7;box-shadow:0 12px 30px #1a628418}
.home-world-art{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:center 42%;background:#8ce1ff}
.home-welcome-copy{position:relative;padding:24px 18px 12px;background:#fffef7;text-align:center;border-radius:32px 32px 0 0;margin-top:-20px}
.world-eyebrow{font-size:11px;font-weight:900;letter-spacing:1.6px;color:#386b77;line-height:1.6;margin:0 0 10px}
.playful-home .intro h1{color:#163e53;font-size:clamp(27px,5.5vw,43px);line-height:1.15;margin:0;text-shadow:0 2px #ffdd6b}
.playful-home .intro .welcome-message{font-size:16px;line-height:1.5;margin:12px auto;color:#3b596b}
.playful-home .intro h2{font-size:22px;margin:20px 0 5px}
.playful-home .intro .sub{font-size:13px;margin:0;color:#4b6472}
.playful-home .choices{margin:0 auto;max-width:740px;padding:16px clamp(14px,3vw,28px) 26px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));border:4px solid white;border-top:0;border-radius:0 0 30px 30px;background:#fffef7;box-shadow:0 12px 30px #1a628418}
.playful-home .choices .grade[href]{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;padding:18px 12px;min-height:112px;min-width:0;border:2px solid #fff;border-radius:22px;position:relative;background:linear-gradient(145deg,var(--world-card),var(--world-light));box-shadow:0 6px 0 var(--world-shadow);color:#163e53;transition:transform .16s,box-shadow .16s}
.playful-home .choices .grade[href]:nth-child(1){--world-card:#ffdc55;--world-light:#fff0a5;--world-shadow:#dfb638}
.playful-home .choices .grade[href]:nth-child(2){--world-card:#83e5ba;--world-light:#c5f6df;--world-shadow:#54b890}
.playful-home .choices .grade[href]:nth-child(3){--world-card:#8ad9ff;--world-light:#d0efff;--world-shadow:#5baacb}
.playful-home .choices .grade[href]:nth-child(4){--world-card:#c7a5f3;--world-light:#e9d7ff;--world-shadow:#a386d2}
.playful-home .choices .grade[href]:nth-child(5){--world-card:#ffb1b5;--world-light:#ffe1ce;--world-shadow:#dc909b}
.playful-home .choices .grade[href]:nth-child(6){--world-card:#82e3e6;--world-light:#ccf8ed;--world-shadow:#54b8ba}
.playful-home .choices .grade[href] .number{display:grid;place-items:center;width:44px;height:48px;margin:0;transform:none;border:2px solid #fff9;background:#ffffff70;box-shadow:none;border-radius:15px;color:#163e53;font-size:30px}
.playful-home .choices .grade h2{margin:0;font-size:clamp(18px,3vw,25px);text-align:left;line-height:1.3}
.playful-home .choices .grade[href] .go{grid-column:1/-1;min-height:24px;background:none;padding:0;justify-content:center;color:#214b62;font-size:13px;line-height:1.4}
.playful-home .choices .grade p,.playful-home .grade-maths,.playful-home .grade-new,.playful-home .choices .grade::after{display:none}
.playful-home .choices .grade:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--world-shadow)}
.playful-home .choices .grade:active{transform:translateY(3px);box-shadow:0 3px 0 var(--world-shadow)}
.home-games-tip{max-width:650px;text-align:center;margin:24px auto;color:#294f61;font-size:15px;line-height:1.6}
.playful-home .home-buddies{max-width:740px;padding:24px 20px;background:linear-gradient(125deg,#e5f6ff,#f0eaff);border:3px solid white;box-shadow:0 6px 0 #c2dce9}
.playful-home .home-buddies h2{font-size:25px;line-height:1.3}
.playful-home .home-buddy-card{padding:14px;gap:10px;border-color:#c9dce8;box-shadow:0 4px 0 #bfd5df;border-radius:22px}
.playful-home .home-buddy-card img{max-width:120px}
.playful-home .home-buddy-card>span:not(.home-buddy-label){font-size:14px;line-height:1.5}
.playful-home .home-buddy-label{background:#ffe37b;color:#284a56;font-size:14px}
.playful-home .home-about .discover-bloom{background:#fffdf3;border-color:#e7d99f;box-shadow:0 5px 0 #ebdfa9}
/* The grade map has a picture-book entrance; questions stay on plain panels. */
.brainbloom-grade-page #homeScreen>.hero{position:relative;display:block;overflow:hidden;padding:clamp(20px,4vw,30px);border:3px solid white;border-radius:28px;background:linear-gradient(110deg,#fffdf3,#eefaff);box-shadow:0 7px 0 #bfdfeb}
.brainbloom-grade-page #homeScreen>.hero::before{content:"";display:block;aspect-ratio:3/1;margin:calc(-1 * clamp(20px,4vw,30px)) calc(-1 * clamp(20px,4vw,30px)) 22px;background:#a3e8ff url('/game-art/playful-welcome-v1.webp') center 42%/cover no-repeat;border-bottom:4px solid white;pointer-events:none}
.brainbloom-grade-page #homeScreen>.hero>.buddyBox{display:none}
.brainbloom-grade-page #homeScreen>.hero h1{color:#17465c}
.brainbloom-grade-page .learning-primary-nav a:first-child,.brainbloom-grade-page #homeScreen .cta{background:#ffdc55;border-color:#ddbc43;color:#254457;box-shadow:0 4px 0 #d7b644}
.brainbloom-grade-page .learning-primary-nav a:last-child{background:#a4edcf;border-color:#72cba5;color:#214f41;box-shadow:0 4px 0 #75c7aa}
.brainbloom-grade-page .unit{border-color:#c6e2ed;background:linear-gradient(150deg,#fff,#effaff);border-radius:23px;box-shadow:0 5px 0 #cbe4ec}
.brainbloom-grade-page .unit:nth-child(3n+2){background:linear-gradient(150deg,#fff,#effbf2);border-color:#bce2ca;box-shadow:0 5px 0 #c8e7d4}
.brainbloom-grade-page .unit:nth-child(3n){background:linear-gradient(150deg,#fff,#f7efff);border-color:#dbcaef;box-shadow:0 5px 0 #e0d6ef}
.brainbloom-grade-page .unit.done{background:#e6f9ec;border-color:#7fc6a2}
.brainbloom-grade-page #v2Hub{background:#f3fbff;border:2px solid white;box-shadow:0 5px 0 #c6deeb}
.brainbloom-grade-page #v2Hub .adventure-tile{border-width:2px;box-shadow:0 3px 0 #aacbd342}
.brainbloom-grade-page .playful-game-card{overflow:hidden;padding:0 0 22px;border:2px solid #d2e6ef;box-shadow:0 5px 0 #c7dfeb;border-radius:25px;background:#fff}
.brainbloom-grade-page .playful-game-card>img{display:block;width:100%;height:auto;aspect-ratio:16/6;object-fit:cover;border-bottom:3px solid #e7f6fa}
.brainbloom-grade-page .playful-game-card>h2,.brainbloom-grade-page .playful-game-card>p{margin:18px 22px 12px}
.brainbloom-grade-page #panel .playful-game-card>.v2-button{display:flex;width:calc(100% - 44px);margin:18px 22px 0;min-height:52px;background:#ffdc55;border-color:#dab83a;color:#23465a;box-shadow:0 4px 0 #dcb743}
.brainbloom-grade-page #panel .rule{background:#ebf9f2;color:#244c40}
.brainbloom-grade-page #panel .quiz,.brainbloom-grade-page #panel .quiz-card{background:#fffdf5;border-color:#e5dba9}
.brainbloom-grade-page .compact-menu-toggle,.brainbloom-grade-page .music-toggle{background:#fffef9;border-color:#c4dce8}
/* Game menus share the sky palette without touching gameplay positions. */
body.cheerful-game{background:radial-gradient(ellipse at 8% 8%,#fff 0,transparent 35%),linear-gradient(150deg,#d6f5ff,#e6fcf0 65%,#fff4ce)}
.cheerful-game .game-welcome{border-color:white;box-shadow:0 6px 0 #c3dfeb}
.cheerful-game .welcome-copy{background:linear-gradient(120deg,#fff1af,#fffdf2)}
.cheerful-game .game-shell{border-color:#fff;box-shadow:0 8px 26px #24597518}
.cheerful-game .primary{background:#ffdc55;border-color:#d9b43b;color:#244557;box-shadow:0 4px 0 #d8b13b}
.cheerful-game .primary:disabled{box-shadow:none}
/* No decoration captures touches; interactive content remains selectable where useful. */
:is(.playful-home,.brainbloom-grade-page,.cheerful-game) :is(a,button):focus-visible{outline:3px solid #205bb2;outline-offset:4px}
@media(max-width:420px){
 .playful-home .wrap{padding:16px 12px}.playful-home .intro{margin-top:18px;border-radius:24px 24px 0 0}
 .playful-home .choices{gap:12px;padding:14px 10px 23px}.playful-home .choices .grade[href]{padding:14px 9px;grid-template-columns:34px minmax(0,1fr);gap:7px;min-height:105px;border-radius:18px}
 .playful-home .choices .grade[href] .number{width:34px;height:40px;font-size:25px;border-radius:12px}
 .playful-home .choices .grade h2{font-size:18px}.playful-home .choices .grade[href] .go{font-size:12px}
 .playful-home .home-welcome-copy{padding:20px 12px 10px}.world-eyebrow{font-size:9px;letter-spacing:1px}
 .playful-home .home-buddy-picker{gap:12px}.playful-home .home-buddy-card>span:not(.home-buddy-label){display:none}
 .brainbloom-grade-page #homeScreen>.hero::before{aspect-ratio:2/1}
 .brainbloom-grade-page .playful-game-card>img{aspect-ratio:16/8}
}
@media(prefers-reduced-motion:reduce){.playful-home *, .brainbloom-grade-page .unit{animation:none!important;transition:none!important}.playful-home .choices .grade:hover{transform:none}}

/* Full illustrated landing world, matching the chosen playful concept. */
.playful-home .playful-landing{max-width:740px;margin:22px auto 0;border:4px solid white;border-radius:30px;overflow:hidden;background:#92e4ff url('/game-art/playful-world-backdrop-v2.webp') center/100% 100% no-repeat;box-shadow:0 10px 35px #1b73952b}
.playful-home .playful-landing .intro{margin:0;max-width:none;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
.playful-home .playful-landing .home-world-art{aspect-ratio:2.4/1;object-position:center 44%;mask-image:linear-gradient(#000 78%,transparent);-webkit-mask-image:linear-gradient(#000 78%,transparent)}
.playful-home .playful-landing .home-welcome-copy{margin:-24px 14px 0;padding:20px 12px 16px;background:#fffffff2;border:3px solid white;border-radius:42px 48px 40px 36px;box-shadow:0 5px 0 #8ccfe033}
.playful-home .playful-landing .world-eyebrow{display:none}
.playful-home .playful-landing .intro h1{color:#164263;text-shadow:1px 2px #ffdc55;font-size:clamp(27px,5.2vw,40px)}
.playful-home .playful-landing .intro .welcome-message{margin:10px auto;font-size:15px}
.playful-home .playful-landing .intro h2{margin:8px 0 5px;font-size:22px}
.playful-home .playful-landing .intro .sub{font-size:12px}
.playful-home .playful-landing .choices{padding:22px 22px 14px;margin:0;max-width:none;border:0;border-radius:0;box-shadow:none;background:none;gap:16px}
.playful-home .playful-landing .choices .grade[href]{grid-template-columns:48px minmax(0,1fr);min-height:96px;padding:18px 14px;gap:10px;border:3px solid #ffffffe6;border-radius:25px;box-shadow:0 6px 0 var(--world-shadow),inset 0 3px 0 #ffffff70}
.playful-home .playful-landing .choices .grade[href] .number{background:transparent;border:0;width:48px;height:48px;font-size:36px;filter:drop-shadow(0 3px 1px #496b6e24)}
.playful-home .playful-landing .choices .grade h2{font-size:clamp(20px,3.8vw,28px);font-weight:900}
.playful-home .playful-landing .choices .grade[href] .go{display:none}
.playful-home .playful-landing .home-games-tip{background:#fff7d4ed;border:2px solid #fff;box-shadow:0 4px 0 #d9bb6480;border-radius:20px;padding:14px 16px;margin:12px auto 28px;width:calc(100% - 44px);max-width:500px;color:#23445c;font-size:15px;font-weight:800;line-height:1.5}
@media(max-width:420px){
 .playful-home .playful-landing{margin-top:16px;border-radius:26px}
 .playful-home .playful-landing .home-world-art{aspect-ratio:1.85/1}
 .playful-home .playful-landing .home-welcome-copy{margin:-18px 10px 0;padding:16px 10px 13px}
 .playful-home .playful-landing .intro h1{font-size:27px}
 .playful-home .playful-landing .intro .welcome-message{font-size:14px}
 .playful-home .playful-landing .choices{padding:18px 12px 12px;gap:13px 10px}
 .playful-home .playful-landing .choices .grade[href]{grid-template-columns:30px minmax(0,1fr);padding:15px 8px;min-height:82px;gap:5px;border-radius:19px}
 .playful-home .playful-landing .choices .grade[href] .number{width:30px;height:38px;font-size:27px}
 .playful-home .playful-landing .choices .grade h2{font-size:20px}
 .playful-home .playful-landing .home-games-tip{width:calc(100% - 24px);font-size:13px;padding:12px;margin-bottom:24px}
}