:root{color:#14233a;font-synthesis:none;text-rendering:optimizelegibility;background:#fff8ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}.home-shell{background:#f6f8fb;min-height:100vh;overflow-x:hidden}.home-header{z-index:10;color:#fff;background:#222;justify-content:space-between;align-items:center;gap:18px;padding:18px 56px 16px;display:flex;position:sticky;top:0;box-shadow:0 8px 22px #14233a2e}.home-header:before{content:"";background:linear-gradient(90deg,#00c875 0%,#36c2ff 45%,#8a5cff 100%);height:6px;position:absolute;top:0;left:0;right:0}.home-brand{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.home-brand-button{font:inherit;background:0 0;border:0;padding:0}.home-brand img{border-radius:8px;width:42px;height:42px}.home-brand strong{letter-spacing:0;font-size:1.05rem}.home-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 18px;font-size:.94rem;font-weight:850;display:flex}.home-nav a{color:#fff;text-decoration:none}.home-nav a[href=\#about]{border-left:1px solid #ffffff73;margin-left:8px;padding-left:26px}.home-nav button,.hero-actions button,.teacher-band button,.code-actions button,.join-band button{color:#fff;background:#4d7cff;border:0;border-radius:8px;min-height:42px;padding:0 18px;font-weight:950}.home-nav .home-nav-link{color:#fff;background:0 0;border:0;border-radius:0;min-height:auto;padding:0;font-weight:850}.home-hero{color:#fff;background:#805ad5;min-height:620px;position:relative;overflow:hidden}.hero-scene{background:linear-gradient(90deg,#805ad5 0% 47%,#805ad5c7 64%,#805ad50f 100%),radial-gradient(circle at 78% 22%,#ffffffe0 0 8%,#0000 8.5%),linear-gradient(#abe5ff 0%,#eafaff 58%,#c9f0ae 58.2%,#9cda75 100%);position:absolute;inset:0;overflow:hidden}.hero-scene:before,.hero-scene:after{content:"";background:#ffffffdb;border-radius:999px;position:absolute}.hero-scene:before{width:220px;height:48px;top:18%;left:58%;box-shadow:120px 42px #ffffff8c}.hero-scene:after{width:260px;height:56px;top:12%;right:12%;box-shadow:-100px 64px #ffffff85}.hero-stage-line{background:#14233a29;border-radius:999px;height:26px;position:absolute;bottom:90px;left:44%;right:12%}.hero-character{z-index:1;object-fit:contain;filter:drop-shadow(0 16px #14233a1f);position:absolute}.hero-character.cat{width:min(18vw,190px);animation:3.2s ease-in-out infinite hero-hop;bottom:95px;right:24%}.hero-character.robot{width:min(14vw,148px);animation:3.8s ease-in-out infinite hero-wiggle;bottom:106px;right:11%}.hero-character.wizard{width:min(15vw,160px);animation:3.4s ease-in-out infinite hero-float;bottom:100px;right:36%}.hero-character.space{width:min(13vw,136px);animation:4.2s ease-in-out .4s infinite hero-float;bottom:110px;right:4%}.hero-copy{z-index:2;color:#fff;max-width:620px;padding:108px 72px 70px;position:relative}.hero-copy p,.section-heading p,.teacher-band p{color:#394b63;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:950}.hero-copy p,.code-band p,.join-band p{color:#ffffffd1}.hero-copy h1{letter-spacing:0;max-width:560px;margin:0;font-size:5.6rem;line-height:.92}.hero-copy>span{color:#ffffffeb;max-width:510px;margin-top:18px;font-size:1.24rem;font-weight:720;display:block}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero-actions button{color:#14233a;background:#ffd166;min-height:52px;padding:0 24px}.hero-actions a{color:#fff;background:#ffffff1f;border:2px solid #ffffffb8;border-radius:8px;align-items:center;min-height:52px;padding:0 22px;font-weight:950;text-decoration:none;display:inline-flex}.home-section,.teacher-band{padding:64px 56px}.get-started{background:#fff}.section-heading{max-width:800px;margin-bottom:22px}.section-heading>span{color:#53657b;max-width:840px;margin-top:12px;font-size:1.06rem;font-weight:680;display:block}.section-heading h2,.teacher-band h2{color:#14233a;letter-spacing:0;margin:0;font-size:3rem;line-height:1}.starter-grid,.project-path-grid,.choose-project-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.starter-grid article,.project-path-grid article,.choose-project-grid article,.project-grid article{background:#fff;border-radius:8px;padding:22px;box-shadow:inset 0 0 0 2px #e5edf8}.starter-grid article{min-height:184px}.starter-grid span{color:#fff;background:#4d7cff;border-radius:999px;place-items:center;width:46px;height:46px;font-size:1.15rem;font-weight:950;display:grid}.starter-grid h3,.project-path-grid h3,.choose-project-grid h3,.project-grid h3{color:#14233a;letter-spacing:0;margin:16px 0 8px;font-size:1.28rem;line-height:1.1}.starter-grid p,.project-path-grid p,.choose-project-grid p,.project-grid p,.teacher-band span{color:#53657b;margin:0;font-size:1rem;font-weight:650}.learning-preview{background:#f5f8ff}.project-path-grid article{border:0;align-content:space-between;min-height:280px;padding:26px;display:grid;box-shadow:0 14px 34px #14233a1a}.project-path-grid article>span{color:#14233a;text-transform:uppercase;background:#ffffffb3;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.78rem;font-weight:950}.project-path-grid h3{margin-top:26px;font-size:2rem}.project-path-grid button,.choose-project-grid button,.see-all-projects button,.project-open-button{color:#fff;background:#000;border:0;border-radius:999px;width:fit-content;min-height:46px;padding:0 18px;font-weight:950}.project-open-button{margin-top:18px}.home-progress{gap:6px;max-width:460px;margin-bottom:22px;display:grid}.home-progress strong{color:#4d7cff;font-size:1.65rem}.home-progress>span{color:#526377;font-weight:760}.home-progress div{background:#e2e8f4;border-radius:999px;height:10px;overflow:hidden}.home-progress div span{border-radius:inherit;background:#ffb703;height:100%;display:block}.home-track-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-track-grid article>span{color:#14233a;background:#fff2c5;border-radius:999px;margin-top:18px;padding:7px 11px;font-size:.8rem;font-weight:950;display:inline-flex}.projects{background:#fff}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choose-project-grid{margin-bottom:28px}.choose-project-grid article{background:#c9ebff;align-content:start;min-height:420px;display:grid;box-shadow:0 14px 34px #14233a1a}.choose-project-grid article:first-child{background:#fff5a8}.choose-project-grid article:nth-child(3){background:#d8f2cb}.choose-project-grid img{object-fit:contain;background:#ffffff85;border-radius:8px;width:100%;height:190px;margin-bottom:18px}.choose-project-grid h3{font-size:2rem}.choose-project-grid button{margin-top:22px}.see-all-projects{justify-content:center;margin:10px 0 52px;display:flex}.project-examples-heading{margin-top:8px}.project-grid article{text-align:left;align-content:start;min-height:306px;display:grid}.project-grid img{object-fit:contain;width:100%;height:126px}.project-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.project-meta span{color:#22304a;background:#eef4ff;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:900}.code-band,.join-band{color:#fff;background:#14233a;border-radius:8px;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);align-items:center;gap:28px;margin:0 56px;padding:42px;display:grid}.code-band h2,.join-band h2{color:#fff;letter-spacing:0;margin:0;font-size:2.6rem;line-height:1}.code-band span,.join-band>div>span{color:#ffffffc7;margin-top:14px;font-size:1rem;font-weight:680;display:block}.code-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.code-card-grid article,.open-source-grid article,.news-grid article,.news-detail-card,.policy-card,.policy-detail-card{background:#fff;border-radius:8px;padding:18px;box-shadow:inset 0 0 0 2px #e5edf8}.code-card-grid article{background:#ffffff1a;min-height:154px;box-shadow:inset 0 0 0 2px #ffffff2e}.code-card-grid h3,.open-source-grid h3,.news-grid h3,.news-detail-card h3,.policy-grid h3,.policy-detail-card h3,.policy-detail-card h4{color:#14233a;letter-spacing:0;margin:0 0 8px;font-size:1.14rem}.code-card-grid h3,.code-card-grid p{color:#fff}.code-card-grid p,.open-source-grid p,.news-grid p,.news-detail-card p,.policy-grid p,.policy-detail-card p,.policy-detail-card li,.placeholder-section>p{color:#53657b;margin:0;font-weight:650}.code-card-grid p{color:#ffffffbd}.code-actions{flex-wrap:wrap;grid-column:1/-1;gap:12px;display:flex}.code-actions button,.join-band button{color:#14233a;background:#ffd166;min-height:50px}.code-actions a{color:#fff;border:2px solid #ffffff80;border-radius:8px;align-items:center;min-height:50px;padding:0 18px;font-weight:950;text-decoration:none;display:inline-flex}.teacher-band{color:#14233a;background:#ffd166;border-radius:8px;justify-content:space-between;align-items:center;gap:22px;margin:0 56px 56px;display:flex}.teacher-band>div{max-width:780px}.teacher-band button{background:#14233a;flex:none;min-height:52px}.open-source-section{background:#fff;padding:64px 56px}.open-source-grid,.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.join-band{background:#165a4a;margin-bottom:0}.join-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.join-list span{color:#14233a;background:#bff2dd;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900}.join-actions{gap:12px;display:grid}.join-band .join-secondary{color:#fff;background:0 0;box-shadow:inset 0 0 0 2px #ffffff7a}.placeholder-section{background:#f6f8fb}.placeholder-section>p{max-width:760px;font-size:1.05rem}.policies-link-section{background:#fff9e8;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.policy-page-link{color:#14233a;background:#ffd166;border-radius:8px;justify-content:center;align-items:center;min-height:52px;padding:0 18px;font-weight:950;text-decoration:none;display:inline-flex;box-shadow:inset 0 -3px #14233a1f}.policy-page-link:hover,.policy-page-link:focus-visible{outline-offset:3px;outline:3px solid #4d7cff;transform:translateY(-1px)}.news-section{background:#fff}.news-link{color:#14233a;background:#d8f7e8;border-radius:999px;justify-self:start;margin-top:14px;padding:7px 11px;font-size:.8rem;font-weight:950;text-decoration:none;display:inline-flex}.news-link:hover,.news-link:focus-visible{outline-offset:3px;outline:3px solid #4d7cff}.news-detail-list{gap:18px;margin-top:34px;display:grid}.news-detail-card{scroll-margin-top:100px}.news-detail-card:target{box-shadow:inset 0 0 0 3px #4d7cff,0 16px 36px #14233a1f}.news-detail-copy{gap:12px;margin-top:16px;display:grid}.news-grid,.policy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.policy-section{background:#f6f8fb}.policy-grid{gap:18px;display:grid}.policy-card{min-height:176px;color:inherit;align-content:start;gap:10px;text-decoration:none;display:grid}.policy-card:hover,.policy-card:focus-visible{outline:none;transform:translateY(-2px);box-shadow:inset 0 0 0 3px #4d7cff,0 12px 28px #14233a1a}.policy-card span{color:#14233a;background:#d8f7e8;border-radius:999px;justify-self:start;margin-top:auto;padding:7px 11px;font-size:.8rem;font-weight:950}.policy-detail-list{gap:18px;margin-top:34px;display:grid}.policy-detail-card{scroll-margin-top:100px}.policy-detail-card:target{box-shadow:inset 0 0 0 3px #4d7cff,0 16px 36px #14233a1f}.policy-detail-header{border-bottom:2px solid #edf2ff;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:14px;display:flex}.policy-detail-header h3{margin-bottom:0;font-size:1.65rem}.policy-detail-header a{color:#14233a;background:#eef4ff;border-radius:999px;flex:none;padding:8px 12px;font-size:.82rem;font-weight:950;text-decoration:none}.policy-summary{max-width:900px;margin-top:14px;font-size:1.02rem}.policy-section-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.policy-section-list section{background:#f7fbff;border-radius:8px;padding:16px}.policy-detail-card h4{font-size:1rem}.policy-section-list ul{gap:8px;margin:0;padding-left:18px;display:grid}.policy-detail-card li{line-height:1.45}.policy-review-note{color:#53657b;background:#fffdf2;border-left:6px solid #ffd166;border-radius:8px;max-width:980px;margin:22px 0 0;padding:14px 16px;font-weight:750}.policy-grid article{min-height:150px}.home-footer{color:#fff;background:#222;flex-wrap:wrap;justify-content:space-between;gap:22px;padding:24px 56px;display:flex}.home-footer>div{gap:4px;display:grid}.home-footer span{color:#ffffffc7;font-weight:700}.home-footer nav{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.home-footer a{color:#fff;text-underline-offset:3px;font-weight:800;text-decoration:underline}.membership-shell{color:#14233a;background:#f6f8fb;min-height:100vh}.membership-header{z-index:10;color:#fff;background:#222;justify-content:space-between;align-items:center;gap:18px;padding:16px 56px;display:flex;position:sticky;top:0;box-shadow:0 8px 22px #14233a2e}.membership-header:before{content:"";background:linear-gradient(90deg,#00c875 0%,#36c2ff 45%,#8a5cff 100%);height:6px;position:absolute;top:0;left:0;right:0}.membership-header .home-brand{background:0 0;border:0;padding:0}.membership-header nav,.membership-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.membership-header nav a,.membership-header nav button,.membership-actions a,.membership-actions button,.membership-form button{border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:950;text-decoration:none;display:inline-flex}.membership-header nav a{color:#fff}.membership-header nav button,.membership-actions a,.membership-form button{color:#14233a;background:#ffd166;border:0}.membership-hero{background:#805ad5;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);min-height:600px;display:grid;position:relative;overflow:hidden}.membership-hero:after{content:"";background:#14233a29;border-radius:999px 0 0 999px;width:44%;height:28px;position:absolute;bottom:0;right:0}.membership-copy{z-index:1;color:#fff;align-self:center;max-width:760px;padding:82px 72px;position:relative}.membership-copy p,.membership-form-band>div>p{color:#ffffffd6;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.84rem;font-weight:950}.membership-copy h1{letter-spacing:0;max-width:680px;margin:0;font-size:4.8rem;line-height:.96}.membership-copy>span{color:#ffffffe6;max-width:620px;margin-top:20px;font-size:1.18rem;font-weight:720;display:block}.membership-actions{margin-top:28px}.membership-actions button{color:#fff;background:#ffffff1f;border:2px solid #ffffffb8}.membership-stage{background:linear-gradient(#abe5ff 0%,#eafaff 58%,#c9f0ae 58.2%,#9cda75 100%);min-height:100%;position:relative;overflow:hidden}.membership-stage:before,.membership-stage:after{content:"";background:#ffffffd1;border-radius:999px;position:absolute}.membership-stage:before{width:220px;height:46px;top:22%;left:12%;box-shadow:140px 44px #ffffff8c}.membership-stage:after{background:#14233a29;height:24px;bottom:82px;left:16%;right:8%}.membership-stage img{z-index:1;object-fit:contain;filter:drop-shadow(0 16px #14233a1f);position:absolute}.membership-cat{width:min(220px,36%);animation:3.2s ease-in-out infinite hero-hop;bottom:78px;right:38%}.membership-robot{width:min(170px,28%);animation:3.8s ease-in-out infinite hero-wiggle;bottom:88px;right:16%}.membership-wizard{width:min(170px,28%);animation:3.4s ease-in-out infinite hero-float;bottom:84px;right:62%}.membership-section,.membership-form-band{padding:64px 56px}.membership-card-grid,.membership-safety-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.membership-card-grid article,.membership-safety-grid article{background:#fff;border-radius:8px;align-content:start;min-height:286px;padding:22px;display:grid;box-shadow:inset 0 0 0 2px #e5edf8}.membership-card-grid article{flex-direction:column;display:flex}.membership-card-grid article:nth-child(2){background:#fff7c4}.membership-card-grid article:nth-child(3){background:#d8f7e8}.membership-card-grid article:nth-child(4){background:#e7dcff}.membership-card-grid article>span{color:#14233a;text-transform:uppercase;background:#ffffffc7;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.8rem;font-weight:950}.membership-card-grid h3,.membership-safety-grid h3,.membership-form-band h2{color:#14233a;letter-spacing:0;margin:16px 0 10px;font-size:1.45rem;line-height:1.08}.membership-card-grid p,.membership-card-grid li,.membership-safety-grid p,.membership-form-band span,.membership-form-band li,.membership-form label,.membership-status{color:#53657b;font-weight:680}.membership-card-grid ul,.membership-form-band ul{gap:8px;margin:16px 0 0;padding-left:18px;display:grid}.membership-card-grid ul{margin-bottom:20px}.membership-card-link{color:#14233a;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:fit-content;min-height:44px;margin-top:auto;padding:0 16px;font-weight:950;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 2px #14233a1a}.membership-card-link:hover,.membership-card-link:focus-visible{color:#fff;background:#14233a}.membership-form-band{color:#fff;background:#165a4a;border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(360px,.8fr);align-items:start;gap:28px;margin:0 56px;display:grid}.membership-form-band h2,.membership-form-band span,.membership-form-band li{color:#fff}.membership-form-band h2{margin:0;font-size:2.6rem}.membership-form-band span,.membership-form-band li{color:#ffffffd1}.membership-form{color:#14233a;background:#fff;border-radius:8px;gap:14px;padding:22px;display:grid;box-shadow:0 0 0 2px #ffffff59}.membership-form label{gap:7px;font-size:.9rem;font-weight:900;display:grid}.membership-form input,.membership-form select{color:#14233a;background:#f8fbff;border:2px solid #dfe9f8;border-radius:8px;width:100%;min-height:46px;padding:0 12px;font-weight:750}.membership-form input:focus,.membership-form select:focus,.membership-header button:focus-visible,.membership-header a:focus-visible,.membership-actions a:focus-visible,.membership-actions button:focus-visible{outline-offset:2px;outline:3px solid #4d7cff}.membership-check{grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;display:flex}.membership-check input{width:22px;min-width:22px;height:22px;min-height:22px;margin-top:3px}.membership-form .google-membership{color:#14233a;background:#fff;box-shadow:inset 0 0 0 2px #dfe9f8}.membership-status{background:#fffdf2;border-left:6px solid #ffd166;border-radius:8px;margin:0;padding:12px}.membership-safety{background:#fff}.membership-safety-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.membership-safety-grid article{min-height:174px}.tutorial-backdrop{z-index:9000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d1a2d59;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.tutorial-card{background:#fff;border-radius:8px;width:min(980px,100%);max-height:92vh;overflow:hidden;box-shadow:0 24px 80px #14233a47}.tutorial-topbar{color:#fff;background:#12b886;grid-template-columns:minmax(140px,1fr) auto minmax(160px,1fr);align-items:center;gap:18px;min-height:84px;padding:16px 22px;display:grid}.tutorial-title,.tutorial-top-actions,.tutorial-top-actions button,.tutorial-arrow,.tutorial-button{align-items:center;display:inline-flex}.tutorial-title{gap:10px;font-size:1rem;font-weight:950}.tutorial-title svg,.tutorial-top-actions svg,.tutorial-arrow svg,.tutorial-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px;width:26px;height:26px}.tutorial-dots{justify-content:center;gap:9px;display:flex}.tutorial-dots button{background:#ffffff6b;border:0;border-radius:999px;width:14px;height:14px;padding:0}.tutorial-dots button.active{background:#14233a;box-shadow:inset 0 0 0 4px #fff}.tutorial-top-actions{justify-content:flex-end;gap:10px}.tutorial-top-actions button{color:#fff;background:0 0;border:0;border-radius:8px;gap:7px;min-height:42px;padding:0 10px;font-weight:950}.tutorial-top-actions button:hover{background:#ffffff24}.tutorial-content{background:radial-gradient(circle at 20% 18%,#ffd16629,#0000 30%),#f8fbff;min-height:560px;padding:26px 74px 34px;position:relative}.tutorial-main{text-align:center;justify-items:center;gap:10px;display:grid}.tutorial-main>p{color:#4d7cff;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:950}.tutorial-main h2{color:#14233a;letter-spacing:0;margin:0;font-size:2.15rem;line-height:1.05}.tutorial-main>span{color:#53657b;max-width:620px;font-weight:740}.tutorial-arrow{z-index:2;color:#fff;background:#12b886;border:8px solid #12b88640;border-radius:999px;justify-content:center;width:62px;height:62px;position:absolute;top:50%;transform:translateY(-50%)}.tutorial-arrow.previous{left:18px}.tutorial-arrow.next{right:18px}.tutorial-arrow:disabled{opacity:.35}.tutorial-arrow span{font-weight:950}.tutorial-scene{background:#fff;border:2px solid #dbe7f6;border-radius:8px;width:100%;min-height:330px;margin-top:14px;display:grid;position:relative;overflow:hidden}.friends-scene{background:linear-gradient(#dff6ff 0% 52%,#c9f0ae 52.4%,#aee48b 100%);grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;padding:34px 28px 58px}.friends-scene img{filter:drop-shadow(0 12px #14233a1f);justify-self:center;width:min(100%,160px);animation:2.6s ease-in-out infinite friend-dance}.tutorial-speech{z-index:2;color:#14233a;background:#fff;border:3px solid #14233a;border-radius:8px;min-width:220px;padding:12px 16px;font-weight:950;position:absolute;top:24px;left:50%;transform:translate(-50%)}.block-scene{background:#f8fbff;grid-template-columns:180px 1fr}.tutorial-toolbox{background:#f0f4fb;align-content:start;gap:10px;padding:22px;display:grid}.tutorial-toolbox span{color:#24364f;background:#fff;border-radius:8px;padding:10px 12px;font-weight:900}.tutorial-workspace{background-image:radial-gradient(#dce8f8 1.2px,#0000 1.2px);background-size:24px 24px;position:relative;overflow:hidden}.demo-block{color:#fff;border-radius:8px;min-height:52px;padding:14px 18px;font-weight:950;position:absolute;left:70px;box-shadow:0 6px #14233a29}.start-block{background:#5b7894;animation:3.2s ease-in-out infinite block-slide;top:80px}.say-block{background:#8a5cff;width:260px;animation:3.2s ease-in-out infinite block-snap;top:146px}.snap-glow{opacity:0;border:4px solid #ffd166;border-radius:12px;width:284px;height:92px;animation:3.2s ease-in-out infinite snap-glow;position:absolute;top:132px;left:58px}.play-scene{background:linear-gradient(#cef 0%,#f7fcff 54%,#dff7ce 54.4%,#bdeca5 100%);place-items:center}.demo-stage{place-items:end center;width:min(560px,86%);min-height:250px;display:grid;position:relative}.demo-stage img{z-index:1;width:150px;animation:1.2s ease-in-out infinite stage-runner}.tutorial-flag{color:#1f7a3e;background:#bff2dd;border:0;border-radius:8px;place-items:center;width:70px;height:58px;animation:1.5s ease-in-out infinite flag-pulse;display:grid;position:absolute;top:20px;left:50%;transform:translate(-50%)}.tutorial-flag svg{fill:#39a96b;stroke:#1f7a3e;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:38px;height:38px}.demo-ground{background:#14233a21;border-radius:999px;height:18px;position:absolute;bottom:20px;left:18%;right:18%}.io-scene{background:#f8fbff;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:16px;padding:24px}.demo-stage.small{background:linear-gradient(#cef 0%,#f7fcff 54%,#dff7ce 54.4%,#bdeca5 100%);border:2px solid #bce4ff;border-radius:8px;grid-row:span 2;width:100%;min-height:280px}.demo-stage.small img{width:132px}.demo-input,.demo-output{text-align:left;background:#fff;border:2px solid #dbe7f6;border-radius:8px;align-content:center;gap:8px;padding:18px;display:grid}.demo-input span,.demo-output span{color:#5c6b7a;text-transform:uppercase;font-size:.78rem;font-weight:950}.demo-input strong,.demo-output strong{color:#14233a;font-size:1.2rem}.demo-input strong:after{content:"";vertical-align:-.16em;background:#4d7cff;width:2px;height:1em;margin-left:4px;animation:.85s step-end infinite caret-blink;display:inline-block}.progress-scene{background:#f8fbff;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:14px;padding:34px}.progress-scene article{z-index:1;text-align:left;background:#fff;border:2px solid #dbe7f6;border-radius:8px;gap:10px;min-height:158px;padding:18px;display:grid;position:relative}.progress-scene article.open{border-color:#4d7cff;box-shadow:inset 0 0 0 2px #4d7cff24}.progress-scene article.locked{opacity:.62}.progress-scene article span{color:#fff;background:#4d7cff;border-radius:999px;place-items:center;width:38px;height:38px;font-weight:950;display:grid}.progress-scene article.locked span{background:#9aa9bd}.progress-scene strong{color:#14233a;font-size:1.05rem;line-height:1.1}.progress-scene small{color:#5c6b7a;text-transform:uppercase;font-weight:900}.progress-trail{background:linear-gradient(90deg,#4d7cff 0 34%,#dbe7f6 34% 100%);border-radius:999px;height:10px;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%)}@keyframes hero-hop{0%,to{transform:translateY(0)rotate(0)}45%{transform:translateY(-14px)rotate(-2deg)}}@keyframes hero-wiggle{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-8px)rotate(4deg)}65%{transform:translateY(-4px)rotate(-4deg)}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes friend-dance{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(2deg)}}@keyframes block-slide{0%,20%{transform:translate(-28px)}45%,to{transform:translate(0)}}@keyframes block-snap{0%,34%{transform:translate(80px,40px)}52%,to{transform:translate(0)}}@keyframes snap-glow{0%,45%{opacity:0}58%,74%{opacity:1}to{opacity:0}}@keyframes flag-pulse{0%,to{box-shadow:0 0 #39a96b57}50%{box-shadow:0 0 0 14px #39a96b00}}@keyframes stage-runner{0%,to{transform:translate(-16px)rotate(-1deg)}50%{transform:translate(16px)rotate(2deg)}}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.extension-library{z-index:9000;color:#14233a;background:#eaf2ff;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.extension-topbar{z-index:2;color:#fff;background:#7c5bd6;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:18px;min-height:74px;padding:12px 26px;display:grid;position:sticky;top:0}.extension-topbar h2{letter-spacing:0;text-align:center;margin:0;font-size:1.35rem}.extension-topbar>span{border:2px solid #ffffff5c;border-radius:999px;justify-self:end;padding:7px 12px;font-size:.82rem;font-weight:900}.extension-back{color:#fff;background:#ffffff1f;border:0;border-radius:999px;justify-self:start;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 8px;font-weight:900;display:inline-flex}.extension-back svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8px;width:24px;height:24px}.extension-back:hover{background:#fff3;transform:translateY(-1px)}.extension-content{padding:26px;overflow:auto}.repository-backdrop{z-index:9100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14233a7a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.repository-dialog{color:#14233a;background:#fff;border:3px solid #151a2d;border-radius:14px;width:min(760px,100%);max-height:min(92vh,760px);display:grid;overflow:hidden;box-shadow:0 24px 60px #14233a52}.repository-dialog-header{border-bottom:2px solid #e1e8f5;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.repository-dialog-header span{color:#6a597a;text-transform:uppercase;font-size:.78rem;font-weight:950}.repository-dialog-header h2{letter-spacing:0;margin:2px 0 0;font-size:1.65rem}.repository-close{color:#fff;background:#222;border:0;border-radius:999px;flex:none;place-items:center;width:44px;height:44px;display:grid}.repository-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:3px;width:24px;height:24px}.repository-dialog-body{gap:14px;padding:22px;display:grid;overflow:auto}.repository-dialog-body p{color:#43566f;margin:0;font-weight:800}.repository-dialog-body label{gap:7px;display:grid}.repository-dialog-body label span,.repository-files strong{color:#14233a;font-weight:950}.repository-dialog-body input,.repository-dialog-body select{color:#14233a;width:100%;min-height:46px;font:inherit;background:#fff;border:2px solid #cfd8e8;border-radius:10px;padding:0 12px;font-weight:850}.repository-files{background:#f7fbff;border:2px solid #dbe7f6;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.repository-files span{color:#253754;background:#eaf0ff;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:900}.repository-dialog-body .repository-safety-note{background:#fff8dd;border-left:4px solid #ffbf00;padding:8px 10px}.repository-dialog-footer{background:#fbfcfe;border-top:2px solid #e1e8f5;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:16px 22px;display:grid}.repository-dialog-footer p{color:#2450a6;min-height:1.4em;margin:0;font-size:.86rem;font-weight:900}.repository-primary{color:#fff;background:#0a8f2f}.completion-backdrop{z-index:9300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14233a7a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.completion-card{color:#14233a;text-align:center;background:radial-gradient(circle at 14% 16%,#ffd16633 0 12%,#0000 12.5%),radial-gradient(circle at 86% 22%,#53d4942e 0 10%,#0000 10.5%),#fff;border:3px solid #ffd166;border-radius:16px;gap:14px;width:min(560px,100%);padding:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #14233a52}.completion-card h2{z-index:1;color:#14233a;letter-spacing:0;margin:0;font-size:clamp(2.15rem,6vw,3.8rem);line-height:.95;position:relative}.completion-card p{z-index:1;color:#53657b;max-width:430px;margin:0 auto;font-size:1rem;font-weight:850;line-height:1.45;position:relative}.completion-card strong{color:#14233a}.completion-badges,.completion-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.completion-badges{margin-top:4px}.completion-badges span{color:#2450a6;background:#eef4ff;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:950}.completion-actions{margin-top:8px}.completion-actions .button{border-radius:8px;min-height:48px;padding:0 18px}.completion-actions .button.primary{color:#fff;background:#36b878}.completion-confetti{pointer-events:none;position:absolute;inset:0}.completion-confetti span{top:-24px;left:var(--piece-left);background:hsl(calc(var(--piece) * 23deg), 86%, 60%);opacity:0;width:11px;height:18px;transform:rotate(calc(var(--piece) * 18deg));animation:1.5s ease-out infinite confetti-fall;animation-delay:calc(var(--piece) * -78ms);border-radius:4px;position:absolute}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-28px)rotate(0)}16%{opacity:1}to{opacity:0;transform:translateY(390px)rotate(300deg)}}@media (prefers-reduced-motion:reduce){.completion-confetti span{opacity:.45;animation:none;top:22px}}.extension-intro{background:#fff;border:2px solid #d4e0ef;border-radius:8px;max-width:1120px;margin:0 auto 18px;padding:16px 18px}.extension-intro p{color:#506174;max-width:850px;margin:0;font-size:.98rem;line-height:1.45}.extension-grid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px;max-width:1440px;margin:0 auto;display:grid}.extension-card{background:#fff;border:2px solid #d4e0ef;border-radius:8px;grid-template-rows:150px 1fr;min-height:455px;display:grid;overflow:hidden;box-shadow:0 12px 26px #14233a14}.extension-card.ready{border-color:#a7e8cb}.extension-card.external{border-color:#ffd166}.extension-art{background:radial-gradient(circle at 14% 16%, #ffffff42 0 10%, transparent 10.5%), radial-gradient(circle at 78% 22%, #ffffff2e 0 8%, transparent 8.5%), linear-gradient(135deg, var(--extension-color), color-mix(in srgb, var(--extension-color), #fff 20%));place-items:center;display:grid;position:relative;overflow:hidden}.extension-art:before{content:"";border:5px solid #ffffff5c;border-radius:999px;width:112px;height:58px;position:absolute;inset:18px 28px auto auto;transform:rotate(-18deg)}.extension-symbol{z-index:1;width:86px;height:86px;color:var(--extension-accent);background:#14233a2e;border:4px solid #ffffffd1;border-radius:22px;place-items:center;font-size:1.12rem;font-weight:950;display:grid;position:relative;box-shadow:0 10px #14233a1f}.extension-orbit{background:#ffffff3d;border-radius:999px;display:block;position:absolute}.extension-orbit.one{width:132px;height:28px;bottom:22px;right:-28px;transform:rotate(-16deg)}.extension-orbit.two{width:190px;height:34px;bottom:-18px;left:32px;transform:rotate(8deg)}.extension-copy{align-content:start;gap:12px;padding:20px 20px 18px;display:grid}.extension-status{color:#253754;text-transform:uppercase;background:#eef2ff;border-radius:999px;justify-self:start;padding:5px 10px;font-size:.74rem;font-weight:950}.extension-status.ready{color:#0f5132;background:#d8f7e8}.extension-status.planned{color:#314e89;background:#dce9ff}.extension-status.external{color:#5a3800;background:#fff1bf}.extension-copy h3{color:#253754;letter-spacing:0;margin:0;font-size:1.22rem}.extension-copy p{color:#556678;margin:0;line-height:1.4}.extension-copy dl{gap:8px;margin:4px 0 0;display:grid}.extension-copy dl div{grid-template-columns:78px minmax(0,1fr);gap:10px;display:grid}.extension-copy dt{color:#79869a;font-size:.78rem;font-weight:900}.extension-copy dd{color:#2d3d55;min-width:0;margin:0;font-size:.82rem;font-weight:850}.extension-note{border-left:4px solid #ffd166;padding-left:10px;font-size:.84rem}.extension-action{color:#14233a;background:#fff;border:2px solid #dbe7f6;border-radius:999px;justify-content:center;justify-self:start;align-items:center;min-height:36px;padding:0 14px;font-weight:900;text-decoration:none;display:inline-flex}.extension-action:not(:disabled):hover{border-color:#14233a;transform:translateY(-1px)}.extension-action:disabled{opacity:.62}.admin-page{background:linear-gradient(#f7fbff 0%,#fff8ed 48%,#eef7ff 100%);place-items:start center;min-height:100vh;padding:38px 18px;display:grid}.admin-card{background:#fff;border:2px solid #dbe7f6;border-radius:14px;gap:18px;width:min(100%,980px);padding:18px;display:grid}.admin-header{border-bottom:2px solid #edf2ff;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.admin-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.admin-status{color:#526377;text-align:center;background:#f7fbff;border:2px solid #dbe7f6;border-radius:999px;padding:9px 12px;font-size:.84rem;font-weight:900}.admin-status.ready{color:#0f5132;background:#e8fff3;border-color:#a7e8cb}.admin-message{color:#526377;background:#fffdf2;border-left:5px solid #ffd166;margin:0;padding:9px 12px;font-weight:850}.admin-form{background:#fbfcfe;border:2px solid #edf2ff;border-radius:12px;gap:14px;padding:16px;display:grid}.admin-form h1{color:#14233a;letter-spacing:0;margin:0;font-size:1.35rem}.admin-form label{color:#526377;gap:7px;font-size:.86rem;font-weight:900;display:grid}.admin-form input{color:#14233a;min-width:0;min-height:42px;font:inherit;background:#fff;border:2px solid #dbe7f6;border-radius:12px;padding:0 12px;font-weight:850}.admin-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-checkbox{grid-template-columns:auto minmax(0,1fr);align-content:center;min-height:42px}.admin-checkbox input{min-height:auto}.app-shell{background:linear-gradient(#fff8ed 0%,#eef7ff 48%,#f8fff3 100%);grid-template-rows:auto auto minmax(0,1fr) auto;min-height:100vh;display:grid}.editor-shell{min-height:100dvh;display:block;overflow:hidden auto}.editor-studio{grid-template-rows:auto minmax(0,1fr);min-height:100dvh;display:grid}.level-shell{grid-template-rows:auto minmax(0,1fr)}.level-landing-header{z-index:30;background:#fff;border-bottom:3px solid #ffd166;justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;display:flex;position:sticky;top:0}.level-landing-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.navbar{z-index:45;color:#fff;background:#7c5bd6;border-bottom:3px solid #5f43b4;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:0 14px;display:flex;position:sticky;top:0;box-shadow:0 8px 18px #301c6229}.brand{color:#14233a;text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-width:max-content;padding:0;font-size:1.08rem;font-weight:900;display:flex}.brand:hover{transform:none}.brand:focus-visible{outline-offset:4px;outline:3px solid #4d7cff}.brand>div{gap:1px;display:grid}.brand small{color:#56657a;font-size:.76rem;font-weight:800}.brand-logo{border-radius:10px;width:36px;height:36px}.navbar .brand{color:#fff}.navbar .brand small{color:#ffffffd1}.navbar .brand-logo{background:#fff}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.button,.project-select,.lesson-selector select{color:#17212b;min-height:36px;box-shadow:none;background:#fff;border:2px solid #0000;border-radius:12px;padding:0 14px}.button{font-weight:900}.button:disabled,.project-select:disabled{cursor:not-allowed;opacity:.52;transform:none}.button:hover{border-color:#14233a;transform:translateY(-1px)}.button:disabled:hover{transform:none}.button.secondary{background:#fff;border-color:#dbe7f6}.button.ghost{color:#14233a;box-shadow:none;background:#f7fbff;border-color:#dbe7f6}.navbar .button{color:#fff;background:#ffffff1f;border-color:#ffffff57;border-radius:8px;min-height:42px}.navbar .button:hover{background:#fff3;border-color:#ffffffad}.navbar .button.ghost{color:#fff;background:#ffffff1a}.toolbar-menu{color:#fff;position:relative}.toolbar-menu summary{color:#fff;cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:46px;padding:0 12px;font-weight:950;list-style:none;display:inline-flex}.toolbar-menu summary::-webkit-details-marker{display:none}.toolbar-menu[open] summary,.toolbar-menu summary:hover{background:#2d1c5c47}.toolbar-menu summary:after{content:"";border-top:6px solid;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;margin-left:1px}.toolbar-menu summary svg,.navbar .button:not(.play-button) svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px;width:23px;height:23px}.toolbar-menu-panel{z-index:80;background:#805ad5;border:3px solid #151a2d;border-radius:0 0 12px 12px;min-width:286px;position:absolute;top:calc(100% + 3px);left:0;overflow:hidden;box-shadow:0 16px 28px #14233a3d}.toolbar-menu-panel button{color:#fff;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff24;align-items:center;width:100%;min-height:54px;padding:0 18px;font-weight:950;display:flex}.toolbar-menu-panel button:hover,.toolbar-menu-panel button:focus-visible{background:#2d1c5c47;outline:none}.toolbar-menu-panel button:disabled{cursor:not-allowed;opacity:.55}.hidden-file-input{display:none}.button.small{background:#fff;border-color:#dbe7f6;min-height:32px;padding:0 10px;font-size:.86rem}.button.hint{color:#fff;background:#8a5cff}.button.muted{color:#4c151b;background:#fff0f2;border-color:#f8b8c0}.project-select{border-color:#d6dde3;min-width:160px}.playback-controls{gap:8px;display:flex}.play-button,.stop-button{align-items:center;gap:8px;display:inline-flex}.play-button{color:#17331f;background:#bff2dd;border-color:#39a96b}.play-button svg{fill:#39a96b;stroke:#1f7a3e;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;width:25px;height:25px}.stop-button{color:#4c151b;background:#ffe0e5;border-color:#f26b78}.stop-button>span:first-child{background:#ff9ba5;border:3px solid #d64550;border-radius:999px;width:18px;height:18px}.tutorial-button{color:#3a276b;background:#f2ecff;border-color:#cdb9ff;gap:8px;font-weight:950}.tutorial-button svg{fill:none;stroke:#7c4dff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;width:22px;height:22px}.extensions-button{color:#24422f;background:#eefbf4;border-color:#a7e8cb;gap:8px;font-weight:950}.extensions-button svg{fill:#9b72ff;stroke:#24422f;stroke-linejoin:round;stroke-width:1.6px;width:22px;height:22px}.repository-button{color:#fff;background:#2441a6;border-color:#9db6ff;gap:8px;font-weight:950}.repository-button svg{fill:currentColor;stroke:none;width:22px;height:22px}.learning-map{grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);gap:12px;padding:14px 18px 0;display:grid}.course-summary{box-shadow:none;background:linear-gradient(145deg,#ffe7a4bd,#fffffff2 56%),#fff;border:2px solid #ffe0a3;border-radius:14px;align-content:space-between;gap:16px;padding:14px;display:grid}.course-summary h1{color:#14233a;letter-spacing:0;max-width:620px;margin:0;font-size:1.25rem;line-height:1.25}.summary-copy{color:#526377;max-width:660px;margin:6px 0 0;font-size:1rem;font-weight:750;line-height:1.45}.eyebrow,.lesson-meta,.panel-subtitle{color:#6a587f;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.progress-box{color:#4f5f6e;gap:5px;min-width:0;font-size:.82rem;display:grid}.progress-label{color:#14233a;text-transform:uppercase;background:#fff2bf;border-radius:999px;width:fit-content;padding:5px 9px;font-size:.72rem;font-weight:950}.progress-box strong{color:#4d7cff;font-size:1.75rem;line-height:1}.progress-box small{color:#114c37;background:#d9f9e8;border-radius:999px;width:fit-content;padding:4px 9px;font-weight:950}.progress-track{background:#edf2ff;border-radius:999px;height:6px;overflow:hidden}.progress-track span{border-radius:inherit;background:#ffb703;height:100%;display:block}.path-progress-panel{gap:10px;display:grid}.path-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.path-option{color:#14233a;text-align:left;min-height:98px;box-shadow:none;background:#fff;border:3px solid #dbe7f6;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:2px;padding:12px;display:grid}.path-option.active{background:#fff8ed;transform:translateY(-1px)}.path-option span:not(.path-number),.path-option small{color:#586978;text-transform:uppercase;font-size:.72rem;font-weight:900}.path-number{color:#fff;background:#4d7cff;border-radius:999px;grid-row:1/span 3;place-items:center;width:42px;height:42px;font-size:1.35rem;font-weight:950;line-height:1;display:grid}.path-option span:not(.path-number),.path-option strong,.path-option small{grid-column:2}.path-option strong{overflow-wrap:anywhere;font-size:1rem;line-height:1.05}.quest-strip{background:#fff;border:2px solid #dbe7f6;border-radius:14px;gap:8px;padding:10px 12px;display:grid}.quest-strip>span{color:#586978;text-transform:uppercase;font-size:.72rem;font-weight:950}.quest-strip>div{flex-wrap:wrap;gap:7px;display:flex}.quest-dot{color:#14233a;background:#fff;border:2px solid #dbe7f6;border-radius:999px;place-items:center;width:34px;height:34px;font-size:.86rem;font-weight:950;line-height:1;display:grid}.quest-dot.ready{background:#fff2bf;border-color:#ffb703}.quest-dot.done{color:#fff;background:#13b982;border-color:#13b982}.quest-dot.current{border-color:#4d7cff;box-shadow:0 0 0 3px #dbe6ff}.quest-dot.locked{cursor:not-allowed;color:#64748b;opacity:.78;background:#f1f5f9}.next-project-card{background:#fff;border:2px solid #dbe7f6;border-radius:14px;grid-template-columns:minmax(250px,.9fr) minmax(240px,.78fr) minmax(220px,.72fr);gap:10px;padding:12px;display:grid}.next-project-copy{align-content:start;gap:10px;min-width:0;display:grid;position:relative}.next-level-badge{color:#14233a;background:#fff7dc;border:4px solid #ffe0a3;border-radius:18px;justify-self:start;place-items:center;width:74px;height:74px;display:grid;box-shadow:0 8px #ffb70338}.next-level-badge span{color:#6a587f;text-transform:uppercase;align-self:end;font-size:.68rem;font-weight:950}.next-level-badge strong{align-self:start;font-size:2rem;line-height:1}.next-project-copy h2{color:#14233a;letter-spacing:0;margin:0;font-size:1.55rem;line-height:1.05}.next-project-copy p,.path-description p{color:#53657b;margin:0;font-size:.92rem;font-weight:680}.project-facts{flex-wrap:wrap;gap:6px;display:flex}.project-facts span{color:#24325c;background:#eef2ff;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900}.quest-preview{background:#f8fbff;border:2px solid #dbe7f6;border-radius:12px;gap:8px;padding:10px;display:grid}.quest-preview strong{color:#14233a;font-size:.86rem;line-height:1.15}.quest-preview div{flex-wrap:wrap;gap:6px;display:flex}.quest-preview span{color:#114c37;background:#d9f9e8;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:900}.quest-preview small{color:#526377;font-size:.72rem;font-weight:850}.next-project-copy button{color:#fff;background:#13b982;border:0;border-radius:8px;width:fit-content;min-height:42px;padding:0 16px;font-weight:950}.next-project-copy button:disabled{cursor:not-allowed;color:#667786;background:#eef2f6}.next-project-copy small{color:#667786;font-weight:800}.levels-panel{align-content:start;gap:8px;min-width:0;display:grid}.all-levels-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.all-levels-heading span,.all-levels-heading small{color:#586978;text-transform:uppercase;font-size:.72rem;font-weight:900}.all-levels-heading small{color:#4d7cff}.level-group-list{gap:8px;display:grid}.level-group{border-left:5px solid var(--path-accent);background:color-mix(in srgb, var(--path-accent), #fff 76%);border-radius:8px;grid-template-columns:minmax(94px,.34fr) minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.level-group.selected{box-shadow:inset 0 0 0 2px #4d7cff}.level-group-heading{gap:2px;min-width:0;display:grid}.level-group-heading strong{overflow-wrap:anywhere;color:#14233a;font-size:.82rem;line-height:1.05}.level-group-heading span,.level-group-heading small{color:#586978;text-transform:uppercase;font-size:.68rem;font-weight:950}.level-group-heading small{color:#4d7cff}.path-steps{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));align-content:start;gap:8px;display:grid}.all-level-steps{grid-template-columns:repeat(auto-fit,minmax(52px,1fr))}.path-step{color:#14233a;background:#fff;border:2px solid #dbe7f6;border-radius:8px;place-items:center;gap:4px;min-height:64px;font-weight:900;display:grid}.path-step strong{color:#fff;background:#4d7cff;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.path-step span{color:#526377;text-align:center;font-size:.68rem;line-height:1.05}.path-step.current,.path-step.next{background:#eef4ff;border-color:#4d7cff}.path-step.in-selected-path:not(.current):not(.next){background:#f8fbff;border-color:#9db6ff}.path-step.done strong{background:#13b982}.path-step.ready strong{background:#ffb703}.path-step.locked{cursor:not-allowed;opacity:.65}.path-step.locked strong{background:#94a3b8}.path-description{border-radius:12px;align-content:center;gap:8px;padding:16px;display:grid}.learning-buddy{border:3px solid #ffffffb8;align-items:center;gap:14px;min-height:180px;display:flex;overflow:hidden}.learning-buddy img{object-fit:contain;filter:drop-shadow(0 12px #14233a1f);flex:none;width:min(42%,112px);max-height:132px;animation:2.8s ease-in-out infinite buddy-bounce}.learning-buddy div{gap:6px;min-width:0;display:grid}.path-description span{color:#14233a;font-weight:950}.learning-buddy strong{color:#14233a;font-size:1.1rem;line-height:1.05}@keyframes buddy-bounce{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}.track-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.track-card{min-height:136px;box-shadow:none;background:#fff;border:2px solid #dbe7f6;border-radius:14px;align-content:space-between;gap:10px;padding:12px;display:grid}.track-card.active{border-color:#4d7cff;box-shadow:inset 0 0 0 2px #4d7cff1f}.track-card.locked{opacity:.72;background:#fbfcfe}.track-card span{color:#4d7cff;font-size:.78rem;font-weight:900}.track-card h2{color:#17212b;letter-spacing:0;margin:2px 0 4px;font-size:1rem}.track-card p{color:#586978;margin:0;font-size:.86rem}.lesson-pills{flex-wrap:wrap;gap:6px;display:flex}.lesson-pill{color:#384a59;background:#f8fafc;border:2px solid #e1e8f5;border-radius:999px;min-height:28px;padding:0 9px;font-size:.72rem;font-weight:900}.lesson-pill.active{color:#fff;background:#4d7cff;border-color:#4d7cff}.lesson-pill.locked{color:#667786;background:#eef2f6;border-color:#e1e8f5}.workspace-layout{grid-template-columns:minmax(520px,1.5fr) minmax(300px,.72fr) minmax(340px,.86fr);align-items:stretch;gap:12px;height:100%;min-height:0;padding:12px 18px;display:grid;overflow:hidden}.panel{min-width:0;min-height:0;box-shadow:none;background:#fff;border:2px solid #dbe7f6;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.blocks-panel,.code-panel{height:100%}.blocks-panel{isolation:isolate}.scratch-tabs{background:#eaf3ff;border-bottom:2px solid #c8d8ea;flex:none;align-items:end;gap:0;min-height:48px;padding:8px 10px 0;display:flex}.scratch-tab{color:#6c7484;background:#dce8f7;border:2px solid #c3cfdf;border-bottom:0;border-radius:16px 16px 0 0;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:950;display:inline-flex}.scratch-tab span{color:#8657df;font-size:1.25rem;line-height:1}.scratch-tab.active{z-index:1;color:#8657df;background:#fff;border-color:#c3cfdf;position:relative}.compact-header{flex:none;min-height:44px}.panel-header{background:#fff;border-bottom:2px solid #edf2ff;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:flex}.panel-header h1,.panel-header h2,.lesson-copy h2{letter-spacing:0;margin:0;font-size:1rem}.panel-header>div{gap:2px;display:grid}.lesson-chip{color:#24325c;background:#eef2ff;border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:800}.blockly-frame{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.blockly-surface{flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.blockly-extension-launcher{z-index:5;color:#fff;background:#8657df;border:3px solid #14233a;border-radius:8px;place-items:center;width:62px;height:58px;display:grid;position:absolute;bottom:12px;left:12px;box-shadow:0 5px #14233a29}.blockly-extension-launcher svg{fill:#fff;stroke:#fff;stroke-linejoin:round;stroke-width:1.2px;width:33px;height:33px}.blockly-extension-launcher span{color:#fff;font-size:1.15rem;font-weight:950;line-height:1;position:absolute;top:8px;right:7px}.blockly-extension-launcher:hover{background:#7445d8;transform:translateY(-2px)}.sprite-asset-panel{background:#fff;flex:1;align-content:start;gap:14px;min-height:0;padding:18px;display:grid;overflow:auto}.asset-panel-hero{background:radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--character-accent,#8657df), #fff 70%) 0 46px, transparent 47px), linear-gradient(135deg, #f7fbff, #fff);border:2px solid #dbe7f6;border-radius:16px;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:18px;min-height:150px;padding:16px;display:grid}.asset-panel-hero .character-avatar{width:118px;height:118px}.asset-panel-hero .emoji-avatar{font-size:5rem}.asset-panel-hero span{color:#8657df;text-transform:uppercase;font-weight:950}.asset-panel-hero h2{margin:4px 0 8px;font-size:1.9rem;line-height:1}.asset-panel-hero p{color:#586978;max-width:52ch;margin:0;font-weight:800}.costume-grid{grid-template-columns:repeat(3,minmax(130px,1fr));gap:12px;display:grid}.costume-card{color:#14233a;background:#f7fbff;border:2px solid #dbe7f6;border-radius:16px;justify-items:center;gap:8px;min-height:180px;padding:14px;font-weight:950;display:grid}.costume-card.active{background:#f2edff;border-color:#8657df;box-shadow:inset 0 0 0 3px #8657df24}.costume-card .character-avatar{width:94px;height:94px}.costume-card .emoji-avatar{font-size:4rem}.costume-card span{color:#fff;background:#8657df;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.sound-editor-list{gap:10px;display:grid}.sound-editor-card{color:#14233a;text-align:left;background:linear-gradient(90deg,#cf63cf24,#fff);border:2px solid #e8d8f4;border-radius:16px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:74px;padding:10px 14px;display:grid}.sound-editor-card>span{color:#fff;background:#cf63cf;border-radius:999px;place-items:center;width:42px;height:42px;font-size:1.3rem;display:grid}.sound-editor-card strong{font-size:1rem;display:block}.sound-editor-card small{color:#697889;font-weight:850}.asset-character-strip{border-top:2px solid #edf2ff;gap:8px;padding-top:12px;display:flex;overflow-x:auto}.asset-character-chip{color:#253754;background:#fff;border:2px solid #dbe7f6;border-radius:14px;flex:0 0 86px;justify-items:center;gap:5px;padding:8px;font-size:.72rem;font-weight:900;display:grid}.asset-character-chip .character-avatar{width:42px;height:42px}.code-viewer,.console-output{white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;overflow:auto}.code-viewer{color:#17212b;background:#fbfcfe;flex:1;padding:14px}.output-panel{gap:0;max-height:calc(100vh - 106px);position:sticky;top:92px;overflow:auto}.stage-card{background:#f7fbff;border-bottom:2px solid #edf2ff;gap:8px;padding:8px 10px;display:grid}.sprite-manager{background:#f7fbff;border-bottom:2px solid #edf2ff;gap:8px;padding:10px;display:grid}.sprite-section-heading{color:#14233a;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:8px;font-size:.78rem;font-weight:950;display:flex}.sprite-section-heading small{color:#697889;text-transform:none;font-size:.68rem}.sprite-library{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-height:150px;padding-right:2px;display:grid;overflow-y:auto}.stage-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sprite-button{color:#253754;background:#fff;border:2px solid #dbe7f6;border-radius:12px;justify-items:center;gap:3px;min-height:62px;padding:5px;font-size:.64rem;font-weight:900;display:grid}.sprite-button.add-sprite{position:relative}.sprite-button.add-sprite:after{content:"+";color:#fff;background:#13b982;border-radius:999px;width:15px;height:15px;font-size:.72rem;line-height:15px;position:absolute;top:3px;right:5px}.sprite-button.active{background:#eef4ff;border-color:#4d7cff}.character-avatar{object-fit:contain;transform-origin:bottom;width:38px;height:38px;display:block}.emoji-avatar{background:radial-gradient(circle at 34% 26%, #ffffffd1, transparent 28%), color-mix(in srgb, var(--character-accent), #fff 74%);border-radius:12px;place-items:center;font-size:1.75rem;line-height:1;display:grid}.sprite-button:hover .character-avatar,.sprite-button:focus-visible .character-avatar,.active-sprite-card:hover .character-avatar,.active-sprite-card:focus-visible .character-avatar{animation:.48s ease-in-out sprite-pop}.active-sprite-strip{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.active-sprite-card,.remove-sprite-button,.backdrop-button,.quick-costume{color:#253754;background:#fff;border:2px solid #dbe7f6;border-radius:12px;font-weight:900}.active-sprite-card{flex:0 0 74px;justify-items:center;gap:2px;min-height:60px;padding:5px;font-size:.66rem;display:grid}.active-sprite-card.active,.backdrop-button.active,.quick-costume.active{background:#eef4ff;border-color:#4d7cff;box-shadow:inset 0 0 0 2px #4d7cff24}.active-sprite-card .character-avatar{width:30px;height:30px}.active-sprite-card .emoji-avatar{font-size:1.45rem}.remove-sprite-button{flex:none;padding:0 10px;font-size:.72rem}.remove-sprite-button:disabled{cursor:not-allowed;opacity:.45}.backdrop-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.backdrop-button{text-align:left;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px;min-height:42px;padding:4px 6px;font-size:.68rem;display:grid}.backdrop-swatch{border:2px solid #14233a1f;border-radius:8px;width:30px;height:28px;display:block}.character-stage{background:linear-gradient(#bfe9ff 0%,#effaff 58%,#dff7ce 59%,#bdeca5 100%);border:2px solid #bce4ff;border-radius:18px;place-items:end center;min-height:160px;display:grid;position:relative;overflow:hidden}.speech-bubble{z-index:2;color:#14233a;text-align:center;background:#fff;border:2px solid #14233a;border-radius:14px;min-height:38px;padding:7px 10px;font-size:.84rem;font-weight:900;position:absolute;top:12px;left:12px;right:12px}.speech-bubble:after{content:"";background:#fff;border-bottom:2px solid #14233a;border-right:2px solid #14233a;width:18px;height:18px;position:absolute;bottom:-10px;left:44px;transform:rotate(45deg)}.stage-sprite{left:var(--sprite-left);bottom:var(--sprite-bottom);z-index:1;width:calc(70px * var(--sprite-size));height:calc(80px * var(--sprite-size));background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%)}.stage-sprite .character-avatar{filter:drop-shadow(0 10px #14233a1f);width:100%;height:100%;animation:2.8s ease-in-out infinite stage-idle}.stage-sprite .emoji-avatar{font-size:calc(3.5rem * var(--sprite-size))}.stage-sprite.active .character-avatar{outline-offset:3px;border-radius:16px;outline:3px solid #4d7cff}.stage-sprite.jumping .character-avatar{animation:.55s ease-in-out infinite alternate stage-jump}.stage-ground{background:#14233a1f;border-radius:999px;height:13px;position:absolute;bottom:16px;left:14%;right:14%}.quick-costumes{gap:6px;display:flex;overflow-x:auto}.quick-costume{flex:none;min-height:30px;padding:0 9px;font-size:.72rem}.backdrop-meadow{background:linear-gradient(#bfe9ff 0%,#effaff 58%,#dff7ce 59%,#bdeca5 100%)}.backdrop-space{background:radial-gradient(circle at 18% 20%,#fff6a5 0 2px,#0000 3px),radial-gradient(circle at 68% 26%,#fff 0 2px,#0000 3px),radial-gradient(circle at 82% 52%,#c9f0ff 0 2px,#0000 3px),linear-gradient(#1b245c 0%,#372579 64%,#6651b8 100%)}.backdrop-ocean{background:radial-gradient(at 30% 80%,#ffffff57,#0000 34%),linear-gradient(#aae9ff 0%,#e9fcff 42%,#48c5e8 43%,#1784c5 100%)}.backdrop-classroom{background:linear-gradient(90deg,#ffffff70 0 18%,#0000 18%),linear-gradient(#fff1b8 0%,#fff9dd 58%,#e5c693 59%,#d4a86e 100%)}.backdrop-night{background:radial-gradient(circle at 78% 16%,#fff7b8 0 22px,#0000 24px),radial-gradient(circle at 20% 28%,#fff 0 2px,#0000 3px),radial-gradient(circle at 48% 42%,#fff 0 2px,#0000 3px),linear-gradient(#0e1c47 0%,#25437c 58%,#395f40 59%,#2d874f 100%)}.backdrop-party{background:radial-gradient(circle at 12% 18%,#ff6680 0 18px,#0000 19px),radial-gradient(circle at 78% 24%,#ffd166 0 22px,#0000 23px),radial-gradient(circle at 48% 38%,#5cb1d6 0 16px,#0000 17px),linear-gradient(#f9d7ff 0%,#fff7fd 58%,#fff1a8 59%,#ffdc73 100%)}.music-pad{background:#fffdf8;border-bottom:2px solid #edf2ff;gap:8px;padding:10px;display:grid}.music-pad-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.music-pad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.music-sound-button{border:2px solid color-mix(in srgb, var(--sound-color), #fff 58%);color:#14233a;background:linear-gradient(180deg, color-mix(in srgb, var(--sound-color), #fff 82%), #fff);text-align:left;border-radius:12px;gap:3px;min-height:58px;padding:7px;display:grid}.music-sound-button span{color:var(--sound-color);text-transform:uppercase;font-size:.72rem;font-weight:950}.music-sound-button strong{font-size:.82rem}.music-sound-button:disabled{opacity:.55}.stage-io{background:#fff;border-bottom:2px solid #edf2ff;gap:8px;padding:8px 10px;display:grid}.stage-input,.stage-output{gap:6px;display:grid}.stage-input label,.stage-output>span,.drawing-label{color:#5c6b7a;text-transform:uppercase;justify-self:start;margin-bottom:6px;font-size:.76rem;font-weight:900}.stage-input.waiting label{color:#2450a6}.stage-input>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.stage-input input{color:#14233a;min-width:0;min-height:34px;font:inherit;background:#fff;border:2px solid #dbe7f6;border-radius:12px;padding:0 12px;font-weight:800}.stage-input input:disabled{color:#607188;background:#f7fbff}.stage-output .console-output{border:2px solid #dbe7f6;border-radius:14px;flex:none;min-height:64px;max-height:88px}.coach-card{background:#f7fbff;border-bottom:2px solid #edf2ff;gap:10px;padding:10px;display:grid}.coach-heading{justify-content:space-between;gap:10px;display:flex}.coach-heading strong{color:#14233a;font-size:.96rem;display:block}.coach-card form{gap:8px;display:grid}.coach-card label{color:#526377;font-size:.76rem;font-weight:900}.coach-card textarea{resize:vertical;color:#14233a;width:100%;min-height:70px;font:inherit;background:#fff;border:2px solid #dbe7f6;border-radius:12px;padding:10px;font-size:.88rem;font-weight:800}.coach-answer{color:#24422f;background:#f0fff7;border:2px solid #d8f7e8;border-radius:12px;margin:0;padding:10px;font-size:.88rem;font-weight:850;line-height:1.4}@keyframes stage-jump{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-16px)rotate(3deg)}}@keyframes stage-idle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(1.5deg)}}@keyframes sprite-pop{0%,to{transform:scale(1)}50%{transform:scale(1.16)rotate(-4deg)}}.turtle-frame{background:#fffdf8;border-bottom:2px solid #edf2ff;align-content:start;gap:6px;min-height:210px;padding:10px;display:grid}#turtle-canvas{background:#fff;border:2px solid #dbe7f6;border-radius:14px;justify-self:center;width:min(100%,500px);height:230px;position:relative;overflow:hidden}#turtle-canvas canvas,#turtle-canvas svg{max-width:100%;max-height:100%}.console-output{color:#17212b;background:#fbfcfe;flex:1;min-height:150px;padding:12px}.lesson-panel{box-shadow:none;background:#fff;border-top:3px solid #ffd166;grid-template-columns:minmax(150px,.65fr) minmax(260px,1.35fr) minmax(260px,1.2fr) minmax(280px,1.2fr) auto;align-items:start;gap:10px;min-height:0;padding:12px 18px;display:grid;overflow:auto}.lesson-selector{gap:6px;display:grid}.lesson-selector label{color:#667786;font-size:.8rem;font-weight:800}.lesson-selector select{border-color:#d6dde3;width:100%}.lesson-copy{align-content:start;gap:4px;display:grid}.lesson-copy p,.hint-text,.project-idea{color:#586978;margin:0}.exercise-picker{background:#f7fbff;border:2px solid #e1e8f5;border-radius:14px;grid-column:1/-1;gap:8px;padding:10px;display:grid}.exercise-picker>strong{color:#667786;text-transform:uppercase;font-size:.78rem}.exercise-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.exercise-picker button{color:#14233a;text-align:left;background:#fff;border:2px solid #dbe7f6;border-radius:12px;gap:4px;min-height:62px;padding:8px 10px;font-weight:950;display:grid}.exercise-picker button.active{background:#eef4ff;border-color:#4d7cff;box-shadow:inset 0 0 0 2px #4d7cff24}.exercise-picker button span{color:#667786;text-transform:uppercase;font-size:.68rem;font-weight:900}.mission-brief{color:#233241;background:#fff5d6;border-radius:14px;align-content:start;gap:4px;min-height:74px;padding:9px 11px;display:grid}.mission-brief strong{color:#44586a;text-transform:uppercase;font-size:.78rem}.lesson-detail{color:#2e4750;align-content:start;gap:3px;font-size:.86rem;display:grid}.hint-text{color:#233241;background:#fff5d6;border-radius:14px;grid-column:2/-1;padding:9px 12px}.lesson-steps{grid-column:1/5;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.lesson-steps span{color:#2f4050;background:#fbfcfe;border:2px solid #e1e8f5;border-radius:14px;min-height:44px;padding:9px 10px;font-size:.84rem}.vocab-strip{flex-wrap:wrap;place-content:start flex-end;gap:6px;display:flex}.vocab-strip span{color:#44586a;background:#eef2ff;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}.project-idea{background:#fffdf2;border-left:5px solid #ffb703;border-radius:14px;grid-column:4/-1;padding:9px 11px;font-size:.88rem}.blocklyTreeRow{border-radius:4px}.blocklyToolboxDiv{background:#f4f7fa}@media (width<=1180px){.editor-shell{height:auto;min-height:100vh;overflow:hidden auto}.home-header,.membership-header{flex-direction:column;align-items:flex-start;padding:16px 28px 14px}.home-nav{justify-content:flex-start}.home-nav a[href=\#about]{border-left:0;margin-left:0;padding-left:0}.home-hero{min-height:680px}.hero-copy{max-width:560px;padding:78px 28px 70px}.hero-copy h1{font-size:4.4rem}.section-heading h2,.teacher-band h2{font-size:2.55rem}.hero-character.cat{width:150px;right:40%}.hero-character.robot{width:122px;right:22%}.hero-character.wizard{width:132px;right:60%}.hero-character.space{width:112px;right:5%}.hero-stage-line{left:18%;right:5%}.membership-hero{grid-template-columns:1fr}.membership-copy{max-width:700px;padding:78px 28px 48px}.membership-copy h1{font-size:4rem}.membership-stage{min-height:340px}.starter-grid,.project-path-grid,.choose-project-grid,.home-track-grid,.project-grid,.membership-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section,.open-source-section,.membership-section{padding:52px 28px}.code-band,.join-band,.membership-form-band{grid-template-columns:1fr;margin:0 28px;padding:34px}.teacher-band{flex-direction:column;align-items:stretch;margin:0 28px 44px}.tutorial-content{min-height:520px;padding-left:62px;padding-right:62px}.io-scene,.progress-scene{grid-template-columns:repeat(2,minmax(0,1fr))}.extension-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.admin-two-column,.learning-map{grid-template-columns:1fr}.path-options,.track-grid,.policy-section-list,.membership-safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.next-project-card{grid-template-columns:1fr}.level-group{grid-template-columns:minmax(120px,.24fr) minmax(0,1fr)}.workspace-layout{grid-template-columns:minmax(360px,1fr) minmax(280px,.85fr);height:auto;overflow:visible}.output-panel{order:-1;grid-column:1/-1;max-height:none;position:static;overflow:visible}.lesson-panel{grid-template-columns:1fr 1fr}.lesson-detail,.mission-brief,.button.hint{justify-self:stretch}.lesson-steps,.hint-text,.vocab-strip,.project-idea{grid-column:1/-1}.exercise-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-strip{justify-content:flex-start}}@media (width<=980px){.tutorial-backdrop{padding:12px}.tutorial-card{width:min(100%,760px);max-height:calc(100vh - 24px);overflow-y:auto}.tutorial-topbar{grid-template-columns:1fr;justify-items:center;gap:10px;min-height:auto;padding:14px 16px}.tutorial-title,.tutorial-top-actions{justify-content:center}.tutorial-content{grid-template-columns:auto auto;gap:14px;min-height:0;padding:22px 18px 30px;display:grid}.tutorial-main{grid-column:1/-1;min-width:0}.tutorial-main h2{font-size:1.8rem}.tutorial-arrow{border-width:7px;width:54px;height:54px;position:static;transform:none}.tutorial-arrow.previous{grid-area:2/1;justify-self:start}.tutorial-arrow.next{grid-area:2/2;justify-self:end}.tutorial-scene{min-height:320px}.block-scene{grid-template-columns:160px minmax(0,1fr)}.tutorial-toolbox{gap:8px;padding:14px}.tutorial-toolbox span{padding:8px 10px;font-size:.92rem}.demo-block{max-width:calc(100% - 64px);left:32px}.say-block{width:min(240px,100% - 64px)}.snap-glow{width:min(262px,100% - 44px);left:22px}}@media (width<=760px){.home-header{flex-direction:column;align-items:stretch;gap:12px;padding:16px 20px 12px}.membership-header{align-items:stretch;gap:12px;padding:16px 20px 12px}.membership-header nav{align-items:stretch}.membership-header nav a,.membership-header nav button{flex:160px}.home-nav{flex-wrap:wrap;justify-content:flex-start;gap:8px 14px;padding-bottom:0;font-size:.9rem;overflow-x:visible}.home-nav a,.home-nav button{flex:none}.home-nav button{min-height:38px;padding:0 14px}.home-hero{min-height:590px}.hero-scene{background:linear-gradient(#805ad5 0% 56%,#805ad538 78%,#805ad500 100%),radial-gradient(circle at 78% 22%,#ffffffe0 0 8%,#0000 8.5%),linear-gradient(#abe5ff 0%,#eafaff 58%,#c9f0ae 58.2%,#9cda75 100%)}.hero-scene:before,.hero-scene:after{display:none}.hero-copy{max-width:430px;padding:38px 20px 0}.hero-copy h1{font-size:2.9rem}.hero-copy>span{font-size:1.05rem}.membership-copy{padding:42px 20px 34px}.membership-copy h1{font-size:2.85rem}.membership-copy>span{font-size:1.03rem}.membership-stage{min-height:300px}.membership-cat{width:128px;right:36%}.membership-robot{width:104px;right:12%}.membership-wizard{width:104px;right:63%}.section-heading h2,.teacher-band h2,.code-band h2,.join-band h2,.membership-form-band h2{font-size:2.05rem}.hero-character.cat{width:116px;bottom:54px;right:42%}.hero-character.robot{width:94px;bottom:62px;right:22%}.hero-character.wizard{width:96px;bottom:58px;right:66%}.hero-character.space{width:86px;bottom:64px;right:4%}.hero-stage-line{bottom:44px;left:10%;right:4%}.starter-grid,.project-path-grid,.choose-project-grid,.home-track-grid,.project-grid,.code-card-grid,.open-source-grid,.news-grid,.policy-grid,.policy-section-list,.membership-card-grid,.membership-safety-grid,.policies-link-section{grid-template-columns:1fr}.policy-page-link{justify-self:start}.completion-card{padding:28px 18px}.completion-actions .button{flex:170px}.project-grid article{min-height:220px}.home-section,.open-source-section,.membership-section{padding:40px 20px}.code-band,.teacher-band,.join-band,.membership-form-band{margin:0 20px 34px;padding:26px 20px}.code-actions>*,.hero-actions>*,.membership-actions>*{flex:180px;justify-content:center}.membership-form{padding:18px}.home-footer{padding:22px 20px}.home-footer nav{flex-direction:column;align-items:flex-start}.policy-detail-header{flex-direction:column;align-items:stretch}.policy-detail-header a{width:fit-content}.tutorial-backdrop{padding:10px}.tutorial-card{max-height:96vh;overflow-y:auto}.tutorial-topbar{grid-template-columns:1fr;justify-items:center;gap:10px;min-height:auto;padding:14px 16px}.tutorial-top-actions{justify-content:center}.tutorial-content{min-height:0;padding:22px 18px 30px}.tutorial-main h2{font-size:1.7rem}.tutorial-arrow{width:54px;height:54px;position:static;transform:none}.tutorial-content{grid-template-columns:auto auto;gap:14px;display:grid}.tutorial-main{grid-column:1/-1}.tutorial-arrow.previous{grid-area:2/1;justify-self:start}.tutorial-arrow.next{grid-area:2/2;justify-self:end}.tutorial-scene{min-height:300px}.friends-scene,.block-scene,.io-scene,.progress-scene{grid-template-columns:1fr}.friends-scene{grid-template-columns:repeat(2,minmax(0,1fr));padding:58px 18px 28px}.friends-scene img{width:min(100%,116px)}.block-scene{min-height:360px}.tutorial-toolbox{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}.tutorial-toolbox span{text-align:center;padding:8px;font-size:.82rem}.demo-block{max-width:calc(100% - 48px);font-size:.9rem;left:24px}.snap-glow{max-width:calc(100% - 28px);left:14px}.io-scene{padding:14px}.demo-stage.small{grid-row:auto}.progress-scene{padding:16px}.extension-topbar{grid-template-columns:1fr;justify-items:center;gap:10px;padding:14px 16px}.extension-back,.extension-topbar>span{justify-self:center}.extension-content{padding:16px}.extension-grid{grid-template-columns:1fr}.extension-card{grid-template-rows:132px 1fr;min-height:auto}.extension-copy dl div{grid-template-columns:70px minmax(0,1fr)}.repository-backdrop{align-items:start;padding:12px}.repository-dialog-header,.repository-dialog-body,.repository-dialog-footer{padding-left:16px;padding-right:16px}.repository-dialog-footer{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:stretch}.admin-status-grid,.music-pad-grid{grid-template-columns:1fr}.navbar{flex-direction:column;align-items:stretch}.nav-actions{justify-content:stretch}.nav-actions>*{flex:130px}.workspace-layout,.lesson-panel{grid-template-columns:1fr}.course-summary{flex-direction:column;align-items:stretch}.lesson-steps,.exercise-picker>div{grid-template-columns:1fr}.path-options{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-map{gap:8px;padding:8px 12px 0}.course-summary{gap:8px;padding:10px}.course-summary h1{font-size:1.08rem}.summary-copy{font-size:.82rem}.progress-box strong{font-size:1.15rem}.path-option{min-height:72px;padding:8px}.path-number{width:32px;height:32px;font-size:1rem}.path-option strong{font-size:.78rem}.path-option span:not(.path-number),.path-option small{font-size:.58rem}.next-project-card{gap:8px;padding:10px}.next-project-copy h2{font-size:1.25rem}.path-description.learning-buddy{min-height:126px;padding:12px;display:flex}.learning-buddy img{width:80px;max-height:96px}.learning-buddy strong,.path-description p{font-size:.82rem}.level-group{grid-template-columns:1fr;align-items:stretch}.level-group-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center}.path-steps{grid-template-columns:repeat(5,minmax(44px,1fr))}.path-step{min-height:52px}.path-step strong{width:24px;height:24px}.track-grid{scroll-snap-type:x mandatory;padding-bottom:4px;display:flex;overflow-x:auto}.track-card{scroll-snap-align:start;min-width:min(82vw,340px);min-height:124px}.blockly-frame,.blockly-surface{min-height:430px}.lesson-steps,.hint-text,.vocab-strip,.project-idea{grid-column:auto}}