.app-shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.app-sidebar{position:sticky;top:0;height:100vh;background:#fffdf8;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.app-sidebar img{max-width:100%;object-fit:contain}.app-sidebar nav{display:grid;gap:9px;margin-top:30px}.app-sidebar nav a{padding:12px 14px;text-decoration:none;border-radius:14px;display:flex;gap:12px;font-weight:800;font-size:14px}.app-sidebar nav a.active{background:var(--purple-soft);box-shadow:inset 0 0 0 1px #d7c9fb}.sidebar-bottom{margin-top:auto;display:grid;gap:18px;padding-top:25px}.workspace{padding:0 36px 40px;min-width:0;max-width:1600px;width:100%;margin:auto}.app-top{position:sticky;top:0;z-index:5;background:var(--cream);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);margin-bottom:28px}.welcome-banner{background:var(--purple-soft);border:1px solid #d8cbfb;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr}.welcome-banner>div{padding:30px}.welcome-banner img{width:100%;height:100%;max-height:320px;object-fit:cover}.welcome-banner h2{font-size:34px;margin:15px 0}.metric strong{font-size:30px;display:block}.metric p{margin:0;font-size:13px}.mission-card{display:flex;flex-direction:column;gap:12px}.mission-card button{margin-top:auto}.worlds{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.world{padding:20px;border:2px solid transparent;display:block;text-align:left;color:var(--ink);background:var(--purple-soft);box-shadow:var(--shadow)}.world.selected{border-color:var(--purple)}.world strong{display:block;margin:10px 0}.world small{font-weight:400}.map-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.map-path{background-image:radial-gradient(#ddd1f0 1px,transparent 1px);background-size:18px 18px;padding:20px;border-radius:24px}.node{display:flex;align-items:center;gap:16px;margin:0 0 24px;background:#fff;padding:20px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);width:92%}.node:nth-child(even){margin-left:8%}.node .num{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--purple-soft);flex-shrink:0;font-weight:900}.node>div:nth-child(2){flex:1}.node p{font-size:12px;margin:5px 0 0}.node h3{font-size:17px;margin:0}.node button{padding:9px 12px;font-size:12px}.project-feature{background:var(--lime);align-self:start}.section-space{margin-top:30px}.lesson-progress{display:flex;gap:10px;margin:22px 0}.lesson-progress button{flex:1;border:1px solid var(--line);background:white;color:var(--muted);font-size:12px}.lesson-progress button.current{background:var(--purple);color:white}.lesson-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.lesson-body{min-height:360px}.lesson-body .big-symbol{font-size:65px}.example{background:var(--cream);border-left:4px solid var(--purple);padding:20px;border-radius:10px;margin:20px 0}.answers{display:grid;gap:12px;margin:20px 0}.answers button{text-align:left;justify-content:flex-start;background:white;color:var(--ink);border:1px solid var(--line)}.answers button.chosen{background:var(--purple-soft);border-color:var(--purple)}.answers button.correct{background:var(--lime);border-color:#9fbd46}.lab-grid{display:grid;grid-template-columns:250px 1fr;gap:22px}.block-palette{display:grid;gap:10px}.code-block{display:flex;align-items:center;gap:10px;background:var(--purple-soft);border-radius:12px;padding:10px;margin:10px 0}.code-block input{width:70px;padding:7px}.code-block button{margin-left:auto;padding:5px 10px;min-height:34px;background:#fff;color:var(--purple)}.lab-canvas{border-radius:18px;background:#f1f6ff;border:1px solid #c9d6eb;width:100%;height:340px}.console{font:13px ui-monospace,monospace;background:#30206b;color:#e3f5ba;padding:18px;border-radius:15px;max-height:200px;overflow:auto;white-space:pre-wrap}.lab-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.story-preview{background:#eee8ff;min-height:380px;display:flex;flex-direction:column;justify-content:center;padding:30px;border-radius:20px;white-space:pre-wrap;overflow-wrap:anywhere}.story-preview.forest{background:#edf6d4}.story-preview.ocean{background:#e4f1fd}.story-preview p{color:var(--ink)}.save-status{font-size:12px;color:var(--muted)}.sticker-row{display:flex;flex-wrap:wrap;gap:12px}.sticker{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff}.sticker.locked{opacity:.5}.price-large{font-size:54px;font-weight:900;line-height:1.2}.order-list{width:100%;border-collapse:collapse;font-size:13px}.order-list td,.order-list th{text-align:left;border-bottom:1px solid var(--line);padding:12px 6px}.status-icon{font-size:65px}.purchase-wrap{max-width:1100px;margin:30px auto;padding:0 20px}.purchase-summary{background:var(--purple);color:white}.purchase-summary p{color:#e8e0ff}.purchase-summary .pill{background:var(--lime);color:var(--ink)}@media(max-width:1100px){.worlds{grid-template-columns:repeat(2,1fr)}.workspace{padding:0 24px 30px}.lesson-layout{grid-template-columns:1fr}.lesson-layout aside{order:2}.lab-grid{grid-template-columns:220px 1fr}}@media(max-width:760px){.app-shell{display:block}.app-sidebar{position:static;height:auto;padding:12px 16px}.app-sidebar img{width:155px;height:55px}.app-sidebar nav{grid-template-columns:repeat(5,1fr);gap:3px;margin-top:10px}.app-sidebar nav a{display:block;text-align:center;font-size:18px;padding:8px 3px}.app-sidebar nav span{display:block;font-size:10px}.sidebar-bottom{display:none}.workspace{padding:0 16px 24px}.app-top{padding:14px 0;font-size:10px}.app-top .pill{font-size:9px}.welcome-banner,.map-grid,.lab-grid{grid-template-columns:1fr}.welcome-banner>div{padding:24px}.welcome-banner img{max-height:220px}.world{padding:14px}.world strong{font-size:14px}.node{padding:14px;gap:10px;width:96%}.node:nth-child(even){margin-left:4%}.map-path{padding:10px}.node .num{width:32px;height:32px}.node h3{font-size:14px}.node button{font-size:11px;padding:8px}.lesson-progress{gap:4px}.lesson-progress button{padding:10px 4px;font-size:10px}.lab-canvas{height:320px}}
/* Level 1 lesson activity components */
.mission-goal{margin:20px 0;background:#edf6d4;color:#30206b}.activity-cards{display:grid;gap:18px;margin:22px 0}.tool-card{min-width:0;border:1px solid #d5c9ec;border-radius:18px;padding:18px;background:#fffdf8}.tool-card legend{font-size:18px;font-weight:800;padding:0 8px}.tool-card p{margin-top:4px}.choice-grid{display:flex;gap:10px;flex-wrap:wrap}.choice-grid button{background:white;color:#30206b;border:2px solid #b9a5df;box-shadow:none;flex:1;min-width:140px;min-height:48px}.choice-grid button.selected{background:#5137b3;color:white;border-color:#5137b3}.card-feedback{font-size:14px;margin:12px 0 0!important}.card-feedback.pass{color:#315300}.card-feedback.retry{color:#6a3500}.pip-guide{align-self:start}.pip-guide>button{width:100%;margin-bottom:12px}.pip-guide img{max-width:100%;object-fit:contain}.hint-list{padding-left:22px;font-size:15px}.hint-list li{margin:14px 0;line-height:1.6}.question-lead{font-size:20px;color:#30206b}.empty-feedback{display:none}.lesson-body h2[tabindex]:focus{outline:2px solid #5137b3;outline-offset:6px}.lesson-body .success .btn,.lesson-body .success button{margin:8px 8px 0 0}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #18699a;outline-offset:4px}.lesson-progress{flex-wrap:wrap}.lesson-layout button{white-space:normal}.lesson-layout aside .save-status{min-height:36px}
@media(max-width:500px){.tool-card{padding:14px 12px}.choice-grid{display:grid;grid-template-columns:1fr}.choice-grid button{min-width:0}.question-lead{font-size:18px}.lesson-progress button{min-width:calc(50% - 8px)}.lesson-body{padding:20px}.lab-toolbar>button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* A guided adventure: one destination, one challenge, one clear next action. */
.app-shell{grid-template-columns:210px 1fr;background:#faf8ff}.app-sidebar{background:#fffdf8;padding:24px 16px}.app-sidebar nav a{padding:15px 12px;font-size:15px}.app-sidebar nav a.active{background:#e4f1b9;box-shadow:inset 0 0 0 1px #c4d994}.workspace{max-width:1260px;padding:0 36px 40px}.app-top{background:#faf8ff;font-size:13px}.parent-lock{text-decoration:none;white-space:nowrap;background:#fff;border:1px solid #dfd5ef;color:#5137b3}.journey-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0}.journey-welcome h1{font-size:clamp(32px,4vw,48px);margin:10px 0}.journey-welcome p{margin-bottom:0}.wave{display:inline-block;transform-origin:70% 70%;animation:wave-hello 1.2s ease 1}.camp-mascot{font-size:76px;position:relative;animation:pip-float 5s ease-in-out infinite}.camp-mascot>span{position:absolute;font-size:30px;top:0;right:-10px;color:#b99b13}.continue-card{display:grid;grid-template-columns:1.4fr .6fr;background:#5137b3;color:white;border:2px solid #443091;border-radius:30px;padding:30px;position:relative;overflow:hidden;box-shadow:0 8px 0 #d9cdf3}.continue-card h2{font-size:clamp(24px,3vw,34px);margin:17px 0 10px}.continue-card p{color:#f0eaff}.continue-card .tiny{font-size:12px;margin-bottom:0}.continue-card button,.continue-card .btn{background:#e1f389;color:#30206b;box-shadow:0 4px 0 #30206b60;margin-top:10px}.camp-scene{position:relative;min-height:200px;align-self:center}.scene-cloud{position:absolute;font-size:62px;top:0;left:10px;opacity:.7}.scene-planet{position:absolute;font-size:120px;bottom:-20px;right:5px;opacity:.4}.scene-robot{position:absolute;font-size:96px;top:55px;left:50px;animation:pip-float 5s ease-in-out infinite}.scene-star{position:absolute;right:5px;top:30px;color:#e1f389;font-size:46px}.trail-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:38px}.trail-summary strong{font-size:24px}.trail-summary p{margin:6px 0 0;font-size:14px}.trail-summary a{text-decoration:none;border:1px solid #d6c9ee;border-radius:22px;background:#fff;padding:12px;font-weight:800;font-size:13px}.camp-progress,.mission-meter{height:10px;background:#e5ddf3;border-radius:20px;overflow:hidden;margin:18px 0 28px}.camp-progress>span,.mission-meter>span{display:block;height:100%;background:linear-gradient(90deg,#5137b3,#90bb47);border-radius:20px;transition:width .35s ease}.adventure-trail{position:relative;display:grid;gap:16px}.adventure-trail:before{content:'';position:absolute;left:30px;top:30px;bottom:30px;border-left:3px dashed #d4c7eb}.trail-stop{display:flex;position:relative;align-items:center;gap:20px;padding:24px;border-radius:24px;border:2px solid #e4dced;background:#fff;box-shadow:0 4px 0 #e8e1f1}.trail-stop.you-are-here{border-color:#5137b3;background:#f5f0ff}.trail-stop.complete{background:#f5f9e9;border-color:#d5e5ac}.trail-number{display:grid;place-items:center;border-radius:18px;background:#e8e0f8;width:56px;height:56px;flex:none;font-size:24px;font-weight:900}.complete .trail-number{background:#dcebaf;color:#395900}.you-are-here .trail-number{background:#5137b3;color:white}.trail-info{flex:1;min-width:0}.trail-info h3{margin:7px 0;font-size:21px}.trail-info p{font-size:13px;margin:0}.trail-status{font-size:11px;letter-spacing:.6px;font-weight:800;color:#5137b3}.trail-stop button{flex:none}.bonus-practice,.future-map{margin-top:30px;border:1px solid #d9ceea;border-radius:20px;padding:20px;background:#fff}.bonus-practice summary,.future-map summary{font-weight:800;font-size:17px;cursor:pointer}.bonus-grid,.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.bonus-grid h3{font-size:19px}.future-modules{display:grid;gap:10px}.future-modules>div{display:flex;gap:12px;align-items:center;border-radius:12px;background:#f4f1f8;padding:16px}.future-modules span{font-size:12px;margin-left:auto}.maker-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.maker-card{display:flex;flex-direction:column;align-items:flex-start;background:#f0ebfc}.maker-card:nth-child(2){background:#fff0d7}.maker-card .btn{margin-top:auto}.maker-card .tiny{margin-top:16px}.maker-symbol{font-size:64px}.badge-card{text-align:center;border-radius:24px;border:2px solid #ddcfea;padding:25px;background:#fff}.badge-card.earned{background:#f4f9df;border-color:#cbdc96}.badge-card.not-earned{background:#f5f2f8}.badge-card h2{font-size:20px}.badge-card p{font-size:13px}.badge-symbol{font-size:56px;display:block}.workspace-return{display:block;margin:16px 0;text-decoration:none;font-weight:800}.mission-location{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0;font-size:12px}.mission-location>a{font-weight:800;text-decoration:none}.mission-location>span{font-size:11px;letter-spacing:.5px}.mission-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.mission-head h1{font-size:clamp(27px,3vw,40px);margin:10px 0}.mission-emblem{font-size:56px;flex:none}.mission-position{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;color:#30206b}.mission-position strong{font-size:16px}.mission-meter{margin:12px 0;height:8px}.journey-steps{margin:14px 0 22px;gap:8px}.journey-steps button{padding:12px 8px;background:#fff;min-height:48px}.journey-steps button span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eee8ff;color:#5137b3;margin-right:5px}.mission-stage{max-width:900px;margin:0 auto;padding:28px;border:2px solid #e0d5ef;animation:mission-arrive .24s ease}.mission-stage h2{font-size:23px;line-height:1.4}.mission-stage h2:focus{outline:none}.pip-chat{display:flex;align-items:center;gap:18px;margin-bottom:24px}.pip-mascot{font-size:49px;position:relative;display:inline-block;flex:none;animation:pip-float 6s ease-in-out infinite}.pip-mascot i{font-style:normal;font-size:22px;color:#9e7e00;position:absolute;right:-5px;top:-4px}.pip-chat p{border-radius:18px 18px 18px 3px;background:#eee8ff;color:#30206b;margin:0;padding:14px 20px;font-size:15px;flex:1}.pip-chat strong{display:block;font-size:11px;letter-spacing:1px;margin-bottom:4px}.pip-chat.happy p{background:#edf6cc}.scene-example{display:flex;gap:20px;background:#fff4d9;border:1px solid #ebd79b;padding:22px;border-radius:22px;margin:24px 0 0}.scene-example>span{font-size:50px}.scene-example p{font-size:15px;margin:10px 0}.scene-example strong{font-size:18px}.scene-example .secondary{background:#fffaf0;border-color:#dbc582}.clue-reveal{border-top:1px dashed #c5af75;padding-top:12px;animation:mission-arrive .25s ease}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-heading h2{margin:0}.card-trail{display:flex;gap:12px;justify-content:center;margin:24px 0}.card-trail button{border-radius:50%;width:42px;height:42px;min-height:42px;padding:0;background:#f2edf9;color:#5137b3;border:2px solid #d9cbed;box-shadow:none}.card-trail button.current{background:#5137b3;color:#fff;border-color:#5137b3}.single-card{padding:24px;border-radius:24px;background:linear-gradient(160deg,#fffdf5,#f4f2fe);text-align:center;margin-bottom:12px}.single-card legend{font-size:22px;line-height:1.3;text-align:left}.single-card .card-art{font-size:64px;margin:8px 0 18px;animation:mission-arrive .25s ease}.single-card>p{font-size:18px;line-height:1.6;max-width:650px;margin:0 auto 24px}.single-card .choice-grid button{padding:17px 20px;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px}.single-card .choice-grid .selected{animation:choice-pop .2s ease}.playful-answers button{align-items:center;display:flex;gap:16px;padding:18px;border:2px solid #ded1ef;border-radius:18px;min-height:64px}.playful-answers button.chosen{background:#ede6fc;border-color:#5137b3;animation:choice-pop .2s ease}.answer-letter{display:grid;place-items:center;background:#f2edf9;border-radius:12px;width:36px;height:36px;flex:none;color:#5137b3;font-weight:900}.chosen .answer-letter{background:#5137b3;color:white}.mission-response{background:#ecf5d7;border-radius:16px;padding:16px;margin-top:18px;color:#31491d;font-size:15px;animation:mission-arrive .25s ease}.mission-response.empty-feedback{display:none}.mission-help{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid #e8e0f2}.mission-help>button{font-size:13px;padding:10px 15px;min-height:44px}.hint-pocket{width:100%;background:#fff4d9;border-radius:18px;padding:20px}.hint-pocket h3{margin-top:0}.hint-pocket li{margin-bottom:14px;font-size:14px;line-height:1.6}.mission-controls{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffdf8f7;border:1px solid #ded2ef;border-radius:20px;padding:16px 22px;margin:20px auto 0;max-width:900px;box-shadow:0 -5px 25px #30206b08;backdrop-filter:blur(10px)}.mission-controls>button{font-size:16px;min-height:52px}.mission-controls .save-status{margin:0 0 8px;color:#526145}.control-links{display:flex;gap:15px;flex-wrap:wrap}.text-button{padding:0;min-height:30px;color:#5137b3;background:transparent;border:0;box-shadow:none;font-size:12px;text-decoration:underline}.text-button:hover{background:transparent;transform:none}.mission-footnote{text-align:center;font-size:11px;margin-top:14px}.optional-note{border:1px dashed #d0c1e5;border-radius:15px;padding:16px;margin:22px 0 0}.optional-note summary{cursor:pointer;font-size:14px;font-weight:700}.mission-celebration{position:relative;overflow:hidden;max-width:850px;margin:30px auto;padding:50px 32px;background:radial-gradient(circle at top,#edf5ce,#f3edff);border:2px solid #d5c5ed;border-radius:32px;text-align:center}.earned-badge{font-size:88px;display:block;margin-bottom:20px;animation:badge-bounce .6s ease}.mission-celebration h1{font-size:36px}.mission-celebration h2{font-size:25px}.mission-celebration p{max-width:650px;margin:20px auto}.mission-celebration .lab-toolbar{justify-content:center}.saved-ribbon{border:1px solid #c2d593;border-radius:20px;display:inline-block;background:#eef7d7;padding:12px;font-size:14px;font-weight:800}.celebration-stars{position:absolute;inset:0;pointer-events:none}.celebration-stars>span{position:absolute;left:calc(8% + var(--i)*10%);top:3%;font-size:22px;color:#9e7412;animation:star-fall 1.4s ease-out both;animation-delay:calc(var(--i)*.06s)}
@keyframes pip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mission-arrive{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes choice-pop{50%{transform:scale(1.015)}}@keyframes badge-bounce{0%{transform:scale(.7)}65%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes star-fall{0%{opacity:0;transform:translateY(-20px) rotate(0deg)}25%{opacity:1}100%{opacity:0;transform:translateY(170px) rotate(90deg)}}@keyframes wave-hello{0%,100%{transform:rotate(0)}30%{transform:rotate(15deg)}60%{transform:rotate(-8deg)}}
@media(max-width:1100px){.workspace{padding:0 24px 30px}.app-shell{grid-template-columns:190px 1fr}.bonus-grid,.badge-grid{grid-template-columns:repeat(2,1fr)}.camp-scene{min-height:180px}.scene-robot{left:15px;font-size:80px}}
@media(max-width:760px){.app-shell{display:block}.app-sidebar{padding:10px 16px;height:auto}.app-sidebar nav{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.app-sidebar nav a{font-size:21px;padding:9px 5px}.app-sidebar nav span{font-size:12px;margin-top:4px}.workspace{padding:0 16px 24px}.app-top{margin-bottom:20px;gap:12px}.app-top .tiny{font-size:11px}.parent-lock{font-size:10px!important}.journey-welcome{margin:20px 0}.journey-welcome h1{font-size:32px}.camp-mascot{font-size:50px}.continue-card{grid-template-columns:1fr;padding:24px}.camp-scene{display:none}.trail-summary{align-items:flex-start;gap:14px}.trail-summary strong{font-size:21px}.trail-summary a{font-size:11px;padding:10px}.trail-stop{padding:18px;flex-wrap:wrap;gap:14px}.trail-number{width:42px;height:42px;font-size:21px}.trail-info h3{font-size:19px}.trail-info p{font-size:12px}.trail-stop button{margin-left:56px;flex:1}.adventure-trail:before{left:23px}.bonus-grid,.badge-grid,.maker-grid{grid-template-columns:1fr}.future-modules>div{display:block}.future-modules span{display:block;margin:7px 0 0 25px}.mission-location{margin:14px 0;font-size:12px}.mission-location>span{font-size:9px}.mission-head h1{font-size:29px}.mission-emblem{font-size:40px}.mission-position{display:block}.mission-position .tiny{display:block;margin-top:4px}.journey-steps{display:grid;grid-template-columns:1fr 1fr}.journey-steps button{font-size:11px;padding:10px 6px}.mission-stage{padding:20px 16px}.mission-stage h2{font-size:21px}.pip-chat{gap:12px;margin-bottom:20px}.pip-mascot{font-size:38px}.pip-chat p{font-size:13px;padding:12px 14px}.scene-example{gap:12px;padding:17px}.scene-example>span{font-size:35px}.scene-example p{font-size:14px}.card-heading{display:block}.card-heading .pill{margin-top:10px}.single-card{padding:18px 12px}.single-card legend{font-size:20px}.single-card>p{font-size:16px}.single-card .card-art{font-size:54px}.choice-grid{display:grid;grid-template-columns:1fr}.playful-answers button{font-size:14px;padding:14px;gap:12px}.mission-controls{display:grid;grid-template-columns:1fr;padding:14px 16px;gap:12px}.mission-controls>button{width:100%}.mission-controls .save-status{font-size:11px;margin:0 0 4px}.control-links{justify-content:space-between}.mission-celebration{padding:32px 20px}.mission-celebration h1{font-size:29px}.mission-help{margin-top:18px}.mission-help>button{flex:1}.maker-symbol{font-size:50px}.badge-grid{grid-template-columns:1fr 1fr;gap:12px}.badge-card{padding:18px 12px}.badge-card h2{font-size:16px}.badge-card button{font-size:12px;padding:10px}.badge-symbol{font-size:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.celebration-stars{display:none}}
/* Teach-first, viewport-sized mission workspace. */
.learning-context{margin-top:18px;display:grid;gap:16px}.sidebar-progress{display:grid;gap:7px;font-size:13px}.sidebar-progress span{font-size:12px;color:var(--muted)}.sidebar-progress progress{width:100%;height:8px;accent-color:#5137b3}.app-sidebar .sidebar-lessons{margin:0;display:grid;gap:5px}.sidebar-lessons>strong{font-size:11px;color:#6e5b8b}.sidebar-lessons button{display:flex;align-items:center;gap:8px;text-align:left;padding:8px;min-height:42px;background:transparent;color:#493368;border:1px solid transparent;box-shadow:none;font-size:12px;line-height:1.3}.sidebar-lessons button>span{display:grid;place-items:center;background:#eee7fb;border-radius:8px;width:25px;height:25px;flex:none;font-weight:800}.sidebar-lessons button[aria-current]{background:#eee7fb;border-color:#b9a5df}.sidebar-mission{border-top:1px solid #e4daef;padding-top:12px;font-size:12px;display:grid;gap:7px}.sidebar-mission p{font-size:12px;line-height:1.5;margin:0}.sidebar-mission summary{cursor:pointer;color:#5137b3;font-weight:700}.app-sidebar{overflow-y:auto}.app-sidebar nav{margin-top:16px;gap:5px}.app-sidebar nav a{padding:11px 10px}.sidebar-bottom{padding-top:20px}.lesson-mode .workspace{height:100dvh;max-width:none;padding:0 24px 12px;display:flex;flex-direction:column;min-width:0}.lesson-mode .app-top{flex:none;padding:12px 0;min-height:42px}.lesson-mode #view{flex:1;min-height:0;display:flex;flex-direction:column}.mission-player{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;max-width:1050px;width:100%;margin:0 auto}.mission-player .mission-head{flex:none;gap:10px}.mission-player .mission-head h1{font-size:clamp(22px,2.2vw,30px);margin:3px 0}.mission-player .mission-head .eyebrow{font-size:10px}.mission-player .journey-steps{flex:none;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mission-player .journey-steps button{padding:8px 5px;min-height:40px;font-size:12px}.mission-player .mission-stage{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;width:100%;max-width:none;padding:clamp(14px,2vh,24px);margin:0;scrollbar-width:thin}.mission-player .mission-controls{position:static;flex:none;margin:0;max-width:none;width:100%;padding:10px 16px;gap:12px;border-radius:16px;box-shadow:none}.mission-player .mission-controls>button{font-size:14px;min-height:44px;padding:10px 18px}.mission-player .save-status{font-size:11px;margin-bottom:3px}.mission-player .control-links{gap:12px}.mission-player .text-button{font-size:12px;min-height:28px}.mission-player .pip-chat{margin:12px 0;gap:12px}.mission-player .pip-mascot{font-size:35px}.mission-player .pip-chat p{padding:10px 14px;font-size:14px}.mission-player h2{font-size:clamp(18px,2vw,23px);margin:4px 0 10px}.mission-player p{line-height:1.5}.mission-player .single-card{padding:14px;margin-bottom:0}.mission-player .single-card legend{font-size:19px}.mission-player .card-art{font-size:clamp(36px,7vh,60px);margin:0 0 8px}.mission-player .single-card>p{font-size:16px;margin:0 auto 14px}.mission-player .card-trail{margin:10px 0;gap:8px}.mission-player .card-trail button{width:32px;height:32px;min-height:32px;font-size:12px}.mission-player .choice-grid button{min-height:44px;padding:10px 14px;font-size:14px}.mission-player .question-lead{font-size:17px;margin:10px 0}.mission-player .playful-answers{gap:8px}.mission-player .playful-answers button{padding:10px 14px;min-height:48px;font-size:14px}.mission-player .answer-letter{width:28px;height:28px;border-radius:8px}.mission-player .mission-response{padding:10px 14px;margin-top:10px;font-size:14px}.mission-player .hint-pocket{padding:12px;margin-top:10px;font-size:13px}.mission-player .optional-note{margin-top:10px;padding:10px}.learn-scene{display:flex;align-items:center;gap:22px;background:#f7f3ff;border-radius:20px;padding:20px;margin-top:14px}.learn-scene>span{font-size:clamp(44px,8vh,80px);flex:none}.learn-scene p{font-size:clamp(16px,1.6vw,19px);margin:0;max-width:700px}.takeaway{background:#edf6d4;border-radius:16px;padding:14px 20px;margin-top:14px;color:#31491b}.takeaway p{margin:5px 0 0;font-size:16px}.worked-steps{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px}.worked-steps li{display:flex;align-items:center;gap:14px;background:#fff4d9;border-radius:16px;padding:14px 18px}.worked-steps li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#5137b3;color:white;flex:none;font-weight:800}.worked-steps p{margin:0;font-size:16px}.challenge-brief{background:#edf6d4;border-radius:14px;padding:12px 16px;margin-top:12px;font-size:14px}.challenge-brief ol{margin:6px 0;padding-left:20px;line-height:1.5}.challenge-brief p{margin:6px 0 0;font-size:12px}.lesson-mode .mission-celebration{flex:1;min-height:0;overflow:auto;margin:10px auto;padding:24px}.lesson-mode .earned-badge{font-size:64px;margin-bottom:10px}
@media(min-width:761px) and (max-height:740px){.mission-player{gap:6px}.mission-player .pip-chat{margin:8px 0}.mission-player .pip-chat strong{display:none}.mission-player .mission-stage{padding:12px 18px}.learn-scene{padding:14px}.worked-steps li{padding:10px 14px}.mission-player .mission-head h1{font-size:23px}.mission-player .single-card .card-art{font-size:36px}}
@media(max-width:760px){.lesson-mode .app-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.lesson-mode .app-sidebar{flex:none;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:visible}.lesson-mode .app-sidebar>a img{width:110px;height:40px}.lesson-mode .app-sidebar nav{display:flex;margin:0;gap:4px}.lesson-mode .app-sidebar nav a{font-size:14px;padding:5px 7px}.lesson-mode .app-sidebar nav span{font-size:9px}.lesson-mode .learning-context,.lesson-mode .sidebar-bottom{display:none}.lesson-mode .workspace{height:auto;flex:1;min-height:0;padding:0 10px 8px}.lesson-mode .app-top{padding:7px 0;min-height:30px;line-height:1.3}.mission-player{gap:7px}.mission-player .mission-head h1{font-size:20px}.mission-player .mission-head .pill{font-size:9px;padding:6px}.mission-player .journey-steps{grid-template-columns:repeat(4,1fr);gap:4px}.mission-player .journey-steps button{font-size:9px;min-width:0;padding:7px 2px;min-height:44px;line-height:1.3}.mission-player .journey-steps button span{display:none}.mission-player .mission-stage{padding:12px;border-radius:18px}.mission-player .pip-chat p{font-size:12px;padding:8px 10px}.mission-player .pip-chat strong{display:none}.mission-player .pip-mascot{font-size:28px}.mission-player .pip-chat{gap:9px;margin:10px 0}.learn-scene{display:block;text-align:center;padding:14px;margin-top:10px}.learn-scene>span{font-size:44px}.learn-scene p{text-align:left;font-size:15px;margin-top:8px}.takeaway{padding:12px;margin-top:10px}.takeaway p,.worked-steps p{font-size:14px}.worked-steps li{padding:12px;gap:10px}.worked-steps li>span{width:28px;height:28px}.mission-player .card-heading{gap:8px}.mission-player .card-heading h2{font-size:17px}.mission-player .card-heading .pill{font-size:9px;white-space:nowrap}.mission-player .choice-grid{display:grid;grid-template-columns:1fr}.mission-player .choice-grid button{padding:10px;font-size:13px}.mission-player .single-card{padding:10px}.mission-player .single-card>p{font-size:14px;margin-bottom:10px}.mission-player .single-card legend{font-size:16px}.mission-player .card-art{font-size:36px}.mission-player .mission-controls{display:flex;flex-direction:column-reverse;align-items:stretch;padding:10px;gap:5px}.mission-player .mission-controls>button{width:100%;min-height:44px;font-size:13px}.mission-player .control-links{justify-content:space-between;gap:8px}.mission-player .save-status{font-size:10px;text-align:center;margin:0}.mission-player .text-button{font-size:11px;min-height:26px}.mission-player .question-lead{font-size:15px}.mission-player .playful-answers button{font-size:13px;padding:9px;gap:10px}.mission-player .challenge-brief{font-size:12px;padding:10px}.mission-player .mission-response{font-size:12px}.learning-context{margin:12px 0}.app-sidebar .sidebar-lessons{grid-template-columns:1fr 1fr}.sidebar-mission{display:none}.sidebar-progress{display:flex;gap:12px;align-items:center}.sidebar-progress progress{flex:1;width:60px}.sidebar-progress strong{font-size:12px}.sidebar-lessons>strong{grid-column:1/-1}.lesson-mode .mission-celebration h1{font-size:26px}.lesson-mode .mission-celebration .lab-toolbar{display:grid}.lesson-mode .mission-celebration p{font-size:14px}}
@media(max-width:760px){.lesson-mode .app-sidebar{flex-direction:row}.mission-player .card-heading{flex-direction:row;align-items:center}.mission-player .card-heading h2{flex:1}.mission-player .card-heading .pill{flex:none}.lesson-mode .workspace .app-top{margin-bottom:4px}.lesson-mode .app-sidebar>a{flex:none}}
.challenge-brief .guided-takeaway{font-size:15px;margin:0 0 12px;color:#31491b}.mission-stage:focus-within{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.mission-stage:focus-within{scroll-behavior:auto}}
.mobile-parent-link{display:none}@media(max-width:760px){.mobile-parent-link{display:inline-block;font-size:15px;text-decoration:none;padding:4px 6px;flex:none}.app-top{gap:8px}.app-top #breadcrumb{min-width:0}}
/* Four worlds: released starters and future lessons are visibly distinct. */
.world-switcher{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.world-switcher button{display:flex;gap:10px;align-items:center;text-align:left;padding:14px;font-size:11px;line-height:1.4;box-shadow:none}.world-switcher button>span:first-child{font-size:28px}.world-switcher button strong{display:block;font-size:14px}.world-switcher .current,.module-switcher .current{background:#5137b3;color:white}.module-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.module-switcher button{font-size:12px;text-align:left;padding:12px;box-shadow:none}.planned-stop{background:#f6f3f9;border-style:dashed}.planned-stop .trail-status{color:#70617c}.planned-stop .btn{font-size:12px;padding:10px 14px;box-shadow:none}.project-teaser{display:flex;align-items:center;gap:20px;margin-top:26px}.project-teaser>span{font-size:52px}.project-teaser>div{flex:1}.project-teaser h2{font-size:23px;margin:7px 0}.project-teaser p{font-size:14px}.project-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.project-plan-grid h2{font-size:21px}.roadmap-preview{margin-top:20px;max-width:900px}.roadmap-preview h1{font-size:32px}.sidebar-worlds{display:grid;gap:3px!important;margin:0!important}.sidebar-worlds a{font-size:11px!important;padding:7px 8px!important}.sidebar-worlds a[aria-current]{background:#e7f3c7}.app-sidebar .sidebar-lessons button{font-size:11px;padding:7px;min-height:37px}.planning-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.planning-grid fieldset{min-width:0}.planning-grid legend{font-size:16px;font-weight:800;line-height:1.4;padding:0 8px}.planning-grid .answers button{font-size:14px;padding:12px}.project-board>h1{font-size:32px}.single-card>p{white-space:pre-line}.lesson-mode .mission-head .eyebrow{font-size:9px}
@media(max-width:950px){.world-switcher{grid-template-columns:1fr 1fr}.project-plan-grid{grid-template-columns:1fr}.module-switcher{grid-template-columns:1fr 1fr}.project-teaser{flex-wrap:wrap}.project-teaser>.btn{width:100%;text-align:center}}
@media(max-width:760px){.world-switcher{gap:7px;margin:12px 0}.world-switcher button{padding:10px;font-size:10px;gap:7px}.world-switcher button strong{font-size:12px}.world-switcher button>span:first-child{font-size:23px}.planning-grid{grid-template-columns:1fr}.module-switcher button{padding:10px;font-size:11px}.trail-stop>.btn{font-size:11px;padding:8px;flex:none}.project-teaser{gap:12px}.project-teaser>span{font-size:36px}.project-teaser h2{font-size:22px}.sidebar-worlds{grid-template-columns:repeat(4,1fr)!important}.sidebar-worlds a{font-size:9px!important;padding:7px 3px!important}.app-sidebar .sidebar-lessons{grid-template-columns:1fr 1fr}.lesson-mode .mission-head .eyebrow{font-size:8px;max-width:250px}.project-board>h1{font-size:26px}}

/* Fresh dashboard: intentionally no lesson navigation or learning scripts. */
body.clean-dashboard{margin:0;min-height:100vh;background:#fff8ec;color:#34104b;font-family:Nunito,system-ui,sans-serif;display:block}
.clean-dashboard .dashboard-header{height:104px;box-sizing:border-box;padding:16px 40px;background:#fff;border-bottom:1px solid #e9ddf2;display:flex;align-items:center}
.clean-dashboard .dashboard-header a{display:inline-flex;border-radius:12px}
.clean-dashboard .dashboard-header a:focus-visible{outline:3px solid #7b4bb0;outline-offset:5px}
.clean-dashboard .dashboard-header img{width:190px;height:72px;object-fit:contain}
.clean-dashboard .dashboard-main{max-width:1400px;margin:0 auto;padding:32px 40px}
.clean-dashboard .dashboard-main h1{font-size:28px;line-height:1.3;margin:0 0 24px;font-weight:800}
.clean-dashboard .dashboard-canvas{min-height:calc(100vh - 240px);background:#fff;border:1px solid #e9ddf2;border-radius:24px}
