/* User-supplied vivid palette, scoped to the home experiment. */
body.cel-home{--ww-sky:#38BDE8;--ww-sky-light:#83DDF5;--ww-ocean:#087FC1;--ww-ocean-dark:#07558A;--ww-grass:#55C957;--ww-grass-light:#8BE36B;--ww-grass-dark:#278844;--ww-leaf:#B8E986;--ww-sun:#F8D65B;--ww-sand:#F3E7C7;--ww-orange:#F58A48;--ww-coral:#E85C5C;--ww-cream:#FFF6DF;--ww-shadow:#34465B;--ww-outline:#263849;--ww-purple:#6C4A9B;--ww-background:#E8F7FA;--ww-panel:#FFFFFF;--ww-text:#263849;--ww-accent:#F2B93B}
/* Home-only visual experiment: original flat-shaded adventure landscape. */
body.student-app.cel-home{--ink:var(--ww-outline);--paper:var(--ww-cream);background:var(--ww-background);color:var(--ww-outline);font-family:'Trebuchet MS','Segoe UI',sans-serif}
.cel-home .topbar{background:var(--ww-cream);border-bottom:3px solid var(--ww-outline);box-shadow:0 5px 0 var(--ww-sand)}
.cel-home .brand{font-weight:950;letter-spacing:-1px}.cel-home .brand-mark{color:var(--ww-grass-dark)}
.cel-home main{max-width:1240px}
.cel-home .hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;padding:42px 36px 110px;margin:25px 0 36px;background:var(--ww-sky);border:3px solid var(--ww-outline);border-radius:28px 8px 28px 8px;box-shadow:8px 9px 0 var(--ww-outline)}
.cel-home .hero>div{position:relative;z-index:1}.cel-home .hero>div:first-child{background:var(--ww-cream);border:3px solid var(--ww-outline);border-radius:20px 5px 20px 5px;padding:28px;box-shadow:7px 7px 0 var(--ww-shadow)}
.cel-home .hero .eyebrow{font-size:11px;line-height:1.6;letter-spacing:1.7px;color:var(--ww-text);font-weight:900}
.cel-home .hero h1{font-size:clamp(38px,4.6vw,65px);font-weight:950;letter-spacing:-2.5px;line-height:1.05;margin:20px 0;color:var(--ww-outline)}
.cel-home .hero h1 em{display:inline-block;background:var(--ww-sun);color:var(--ww-outline);border:2px solid var(--ww-outline);border-radius:5px 15px 5px 15px;box-shadow:3px 4px 0 var(--ww-accent);padding:3px 9px;font-style:normal;transform:rotate(-2deg)}
.cel-home .hero p{font-size:16px;line-height:1.7;color:var(--ww-text)}.cel-home .hero .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.cel-home.student-app .hero-actions :is(button,.button){display:flex;align-items:center;justify-content:center;gap:5px;margin:0;min-width:0;min-height:48px;white-space:normal;text-align:center;text-decoration:none;border:3px solid var(--ww-outline);border-radius:10px 4px 10px 4px;box-shadow:3px 5px 0 var(--ww-outline);background:var(--cel-button,var(--ww-accent));color:var(--ww-outline);padding:10px 12px;font:900 13px 'Trebuchet MS',sans-serif;transition:transform .14s,box-shadow .14s}
.cel-home .hero-actions #student-continue{grid-column:1/-1;--cel-button:var(--ww-sun);font-size:16px}
.cel-home .hero-actions a[href='#roadmap']{--cel-button:var(--ww-sky-light)}.cel-home .hero-actions a[href='#courses']{--cel-button:var(--ww-purple)}.cel-home .hero-actions .hero-dice{--cel-button:var(--ww-orange)}.cel-home .hero-actions .hero-extra-activities{--cel-button:var(--ww-grass)}.cel-home .hero-actions #about-open{grid-column:1/-1;--cel-button:var(--ww-orange);min-height:38px}
.cel-home.student-app .hero-actions :is(button,.button):hover{transform:translateY(-3px);box-shadow:3px 8px 0 var(--ww-outline)}.cel-home.student-app .hero-actions :is(button,.button):active{transform:translateY(3px);box-shadow:1px 1px 0 var(--ww-outline)}
.cel-home .cel-landscape{position:absolute;z-index:0;inset:auto 0 0;width:100%;height:310px;pointer-events:none}
.cel-home .channel-panel{border:4px solid var(--ww-outline);border-radius:48px 12px 48px 12px;background:var(--ww-cream);padding:9px;box-shadow:8px 10px 0 var(--ww-shadow);transform:rotate(2deg)}
.cel-home .channel-panel .video-frame{border-radius:34px 6px 34px 6px;overflow:hidden;background:var(--ww-outline)}.cel-home .channel-panel iframe{border:0}
.cel-home .ticker{background:var(--ww-ocean-dark);color:var(--ww-cream);border:3px solid var(--ww-outline);border-radius:9px;box-shadow:4px 5px 0 var(--ww-outline);transform:rotate(-.6deg);margin-bottom:42px}.cel-home .ticker span{color:inherit;font-weight:900}
.cel-home .section-head h2{font-weight:950;letter-spacing:-1.5px}.cel-home .section-head .eyebrow{color:var(--ww-ocean-dark)}
.cel-home .map-search{background:var(--ww-panel);border:3px solid var(--ww-outline);border-radius:14px;box-shadow:4px 5px 0 var(--ww-shadow);padding:18px}.cel-home .map-search input{background:var(--ww-panel);border:2px solid var(--ww-outline);border-radius:8px;color:var(--ww-outline)}
.cel-home #learning-map{gap:24px;padding:12px 10px 18px 0}.cel-home.student-app .island{border:3px solid var(--ww-outline);border-radius:22px 6px 22px 6px;box-shadow:6px 7px 0 var(--ww-outline);background:linear-gradient(155deg,transparent 0 73%,var(--ww-sky-light) 73% 100%),var(--card);color:var(--ww-outline);min-height:230px;padding:22px}
.cel-home .island-top{font-weight:950;letter-spacing:1px}.cel-home .island h3{font-size:25px;letter-spacing:-.8px;font-weight:950}.cel-home .island p{color:var(--ww-outline);font-weight:600}
.cel-home .island-icon{background:var(--ww-cream);border:3px solid var(--ww-outline);border-radius:50% 50% 12% 50%;box-shadow:3px 4px 0 var(--ww-outline);transform:rotate(-8deg)}
.cel-home .island:nth-child(5n){--card:var(--ww-coral)!important}.cel-home .island:nth-child(5n+1){--card:var(--ww-sun)!important}.cel-home .island:nth-child(5n+2){--card:var(--ww-sky-light)!important}.cel-home .island:nth-child(5n+3){--card:var(--ww-grass-light)!important}.cel-home .island:nth-child(5n+4){--card:var(--ww-orange)!important}
.cel-home .world-explore{background:var(--ww-cream);border:2px solid var(--ww-outline);border-radius:8px;padding:8px 13px;box-shadow:2px 3px 0 var(--ww-outline)}.cel-home.student-app .world-favorite{border:2px solid var(--ww-outline);background:var(--ww-cream);box-shadow:2px 3px 0 var(--ww-outline)}
.cel-home .learning-summary{background:var(--ww-panel);border:3px solid var(--ww-outline);border-radius:18px 5px 18px 5px;box-shadow:5px 6px 0 var(--ww-outline)}.cel-home .learning-summary progress::-webkit-progress-value{background:var(--ww-grass)}
.cel-home .lab-banner{background:var(--ww-ocean-dark);color:var(--ww-cream);border:3px solid var(--ww-outline);border-radius:24px 6px 24px 6px;box-shadow:6px 7px 0 var(--ww-outline)}.cel-home .lab-banner :is(h2,p,.eyebrow){color:var(--ww-cream)}
.cel-home :is(button,a,input):focus-visible{outline:4px solid var(--ww-ocean);outline-offset:4px}
@media(max-width:800px){.cel-home .hero{grid-template-columns:1fr;padding:22px 18px 100px;gap:32px;border-radius:20px 6px 20px 6px}.cel-home .hero>div:first-child{padding:23px}.cel-home .hero h1{font-size:clamp(38px,8vw,60px)}.cel-home .channel-panel{width:100%;max-width:480px;justify-self:center;box-sizing:border-box;transform:rotate(1deg)}.cel-home .cel-landscape{height:230px}.cel-home #learning-map{gap:20px}.cel-home .hero .hero-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){.cel-home.student-app .hero-actions :is(button,.button){transition:none}}


.cel-home .hero>div:first-child,.cel-home .channel-panel{background:var(--ww-panel)}
.cel-home .hero-actions a[href='#courses']{color:var(--ww-panel)!important}
.cel-home .ticker,.cel-home .lab-banner{color:var(--ww-panel)}
.cel-home .ticker span,.cel-home .lab-banner :is(h2,p,.eyebrow){color:var(--ww-panel)}
.cel-home .brand-mark{color:var(--ww-ocean)}