:root{color:#203e37;font-synthesis:none;background:#faf8f1;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:12px;min-height:48px;padding:12px 18px;font-weight:700}button:focus-visible{outline-offset:4px;outline:3px solid #175ac4}a:focus-visible{outline-offset:4px;outline:3px solid #175ac4}input:focus-visible{outline-offset:4px;outline:3px solid #175ac4}select:focus-visible{outline-offset:4px;outline:3px solid #175ac4}textarea:focus-visible{outline-offset:4px;outline:3px solid #175ac4}header{border-bottom:1px solid #dddcd2;justify-content:space-between;align-items:center;gap:20px;padding:28px 5%;display:flex}.brand{color:inherit;letter-spacing:-1px;align-items:center;gap:12px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.logo{color:#b4542c;font-size:46px}.brand-sub{letter-spacing:2px;margin-top:5px;font-size:9px;display:block}.version{color:#576b60;font-size:12px}.quiet{color:#234a3f;background:0 0;border:1px solid #c6cfc5}.primary{color:#fff;background:#17483f;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}main{max-width:1240px;margin:auto;padding:54px 5% 20px}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:800}.intro{justify-content:space-between;align-items:center;gap:40px;padding-bottom:56px;display:flex}.intro>div:first-child{max-width:680px}h1{letter-spacing:-2px;margin:20px 0;font-family:Georgia,serif;font-size:clamp(40px,5vw,68px);font-weight:400;line-height:1.06}p{color:#52665c;line-height:1.65}.intro p{max-width:570px;font-size:18px}.spark-art{background:#e9eddb;border-radius:50%;flex:0 0 220px;place-items:center;height:220px;display:grid;position:relative;transform:rotate(-8deg)}.spark-art>span{color:#bd5937;font-size:180px;line-height:1}.spark-art i{background:#f6cb69;border-radius:50%;padding:0 14px;font-size:42px;position:absolute;top:0;right:0}.spark-art b{background:#fff;border:1px solid #d5d4c8;padding:10px 20px;font-size:14px;position:absolute;bottom:0;right:-5px;transform:rotate(12deg)}h2{margin:8px 0;font-family:Georgia,serif;font-size:28px;font-weight:400}h3{margin:12px 0;font-size:27px}.section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.section-title>span{color:#52665c;font-size:13px}.profiles{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.profile{background:#fffdf8;border:1px solid #deded2;border-radius:22px;overflow:hidden}.avatar{color:#766088;background:#eee6f3;place-items:center;height:145px;font-size:85px;display:grid}.p1 .avatar{color:#466c43;background:#dfebdd}.p2 .avatar{color:#ad593b;background:#f8e5d5}.profile-body{padding:26px}.profile-body h3{font-family:Georgia,serif;font-size:34px;font-weight:400}.profile-body .eyebrow{letter-spacing:1.4px;font-size:9px}.profile-body p{margin:5px 0;font-size:14px}.profile-body .interests{min-height:46px;margin-top:12px}.profile-body button{margin-top:18px;font-size:14px}.notice{min-height:40px;padding-top:16px;font-size:13px}footer{color:#52665c;border-top:1px solid #dddcd2;justify-content:space-between;gap:20px;padding:24px 0;font-size:11px;display:flex}.welcome{border-top:1px solid #deded2;padding-top:25px}.welcome-grid{grid-template-columns:1.5fr 1fr;gap:30px;display:grid}.activity,aside{background:#fffdf8;border:1px solid #deded2;border-radius:20px;padding:30px}.pill{background:#e9eddb;border-radius:20px;padding:8px 12px;font-size:12px}.steps{flex-wrap:wrap;gap:12px;display:flex}.steps span{background:#f6e7c4;border-radius:12px;padding:14px}small{color:#52665c;line-height:1.6;display:block}aside h3{font-family:Georgia,serif}aside p{font-size:14px}.overlay{background:#112b25a6;justify-content:center;align-items:flex-start;padding:25px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.editor{background:#faf8f1;border-radius:20px;width:100%;max-width:580px;padding:28px}.editor p{font-size:13px}.editor label{margin:16px 0;font-size:14px;font-weight:700;display:block}.editor input:not([type=checkbox]),select,textarea{color:#203e37;background:#fff;border:1px solid #9cae9f;border-radius:8px;width:100%;min-height:48px;margin-top:8px;padding:13px;display:block}.fields{grid-template-columns:2fr 1fr;gap:18px;display:grid}.check{align-items:center;gap:12px;display:flex!important}.check input{width:23px;height:23px}fieldset{border:1px solid #b6c4b7;border-radius:10px;margin:20px 0}legend{font-size:14px}.large{font-size:20px}.large p,.large .profile-body p,.large aside p{font-size:19px}.contrast{color:#102c23;background:#fff}.contrast p,.contrast small,.contrast footer,.contrast .section-title>span{color:#203e37}@media (max-width:850px){header{flex-wrap:wrap}.version{display:none}.profiles{gap:12px}.profile-body{padding:18px}.intro{gap:15px}.spark-art{flex-basis:150px;height:150px}.spark-art>span{font-size:125px}.spark-art b{font-size:11px}.profile-body button{padding:12px;font-size:13px}.welcome-grid{grid-template-columns:1fr}}@media (max-width:600px){main{padding-top:30px}.intro{padding-bottom:30px}.spark-art{display:none}.profiles{grid-template-columns:1fr}.profile{display:flex}.avatar{min-width:95px;height:auto;font-size:65px}.profile-body{flex:1;min-width:0}.profile-body .interests{min-height:0}.section-title{flex-wrap:wrap;align-items:flex-start}footer{flex-direction:column}.brand{font-size:20px}header{padding:18px 5%}.overlay{padding:10px}.editor{padding:20px}h1{font-size:43px}.welcome-grid .activity,.welcome-grid aside{padding:22px}}dialog.editor{border:0;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#112b25a6}.playground{background:#f0f3e9;border:1px solid #cad5ca;border-radius:20px;margin-bottom:36px;padding:24px}.project-name{font-size:13px}.project-name input{border:1px solid #98ab9e;border-radius:8px;max-width:100%;margin-top:6px;padding:12px;display:block}.runtime-controls,.workspace-tools{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.runtime-controls .primary{width:auto}.runtime-controls label{align-items:center;gap:8px;display:flex}.runtime-controls select{width:auto;margin:0}.coding-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:20px;display:grid}.block-host{border:1px solid #a8b9aa;border-radius:12px;width:100%;height:470px;overflow:hidden}.stage{background:linear-gradient(#e3f0f2 70%,#bed0a5 70%);border:1px solid #a8b9aa;border-radius:16px;height:280px;position:relative;overflow:hidden}.stage-label{letter-spacing:2px;padding:15px;font-size:10px}.sprite-position{position:absolute;transform:translate(-50%,-50%)}.sprite{color:#b65330;font-size:64px;line-height:1;display:block}.bubble{overflow-wrap:anywhere;background:#fff;border-radius:12px;width:max-content;max-width:180px;padding:8px 12px;font-size:13px;position:absolute;bottom:75px;left:50%;transform:translate(-50%)}.coordinates{font-size:12px}.runtime-status{background:#fff;border-radius:10px;min-height:72px;padding:14px;line-height:1.6}details{margin-top:15px}summary{cursor:pointer;min-height:48px;padding:14px 0;font-weight:700}details p{font-size:14px}.file-button{border:1px solid #9cae9f;border-radius:12px;padding:12px;font-size:14px;display:block}.file-button input{max-width:220px;margin-top:8px;display:block}button:disabled{opacity:.5;cursor:default}.contrast .playground{background:#fff}.contrast .runtime-status{border:1px solid #203e37}@media (max-width:900px){.coding-grid{grid-template-columns:1fr}.block-host{height:400px}.stage{height:280px}}@media (max-width:600px){.playground{padding:12px}.project-name,.project-name input{width:100%}.runtime-controls button{flex:1}.block-host{height:380px}}.studio-tabs,.phase-nav,.answer-options,.voice-tools{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.studio-tabs .primary,.phase-nav .primary{width:auto}.lesson-panel{background:#fffdf8;border:1px solid #c6d5c6;border-radius:20px;margin-bottom:20px;padding:26px}.phase-nav button{font-size:14px}.lesson-instruction{color:#203e37;max-width:850px;font-size:20px}.lesson-feedback{min-height:36px;padding:12px 0;font-weight:700;line-height:1.6}.hint{background:#f7edce;border-radius:12px;padding:18px}.voice-tools label{align-items:center;gap:10px;display:flex}.voice-tools select{width:auto;margin:0}.next-activity{max-width:300px;margin:20px 0}.recap{background:#e9eddb;border-radius:15px;margin:20px 0;padding:22px}.recap textarea{border:1px solid #9cae9f;border-radius:8px;width:100%;margin-top:10px;padding:15px;display:block}.sequence-row{border-bottom:1px solid #b8c5b7;flex-wrap:wrap;align-items:center;gap:15px;padding:12px;display:flex}.sequence-row label{flex:1}.sequence-row input{border:1px solid #9cae9f;border-radius:8px;max-width:100%;margin-top:6px;padding:12px;display:block}.sequence-editor{margin-bottom:20px}@media (max-width:600px){.lesson-panel{padding:16px}.phase-nav button{flex:1;min-width:85px}.voice-tools label{flex-wrap:wrap}.lesson-instruction{font-size:18px}}.lesson-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 35px;display:grid}.lesson-card{background:#fffdf8;border:1px solid #cad5ca;border-radius:18px;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.lesson-card h3{font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.2}.lesson-card p{font-size:15px}.lesson-card .primary{margin-top:auto;font-size:14px}.lesson-card small{font-size:12px}.lesson-state{color:#17483f;font-weight:700}.lesson-filter{max-width:320px;font-size:14px;font-weight:700;display:block}.template-section{border-top:1px solid #cad5ca;padding-top:20px}.template-card{background:#eee6f3}.template-card.t1{background:#dfebdd}.template-card.t2{background:#f8e5d5}.roadmap-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:30px;display:grid}.roadmap-list article{background:#fffdf8;border:1px solid #cad5ca;border-radius:18px;padding:24px}.roadmap-list h3{font-size:24px}.roadmap-list p{font-size:14px}.roadmap-list .pill{line-height:1.6;display:inline-block}.recap .primary{width:auto}.lesson-panel{margin-top:18px}@media (max-width:950px){.lesson-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.lesson-cards,.roadmap-list{grid-template-columns:1fr}.lesson-card{padding:20px}}.visitor-actions{background:#e9eddb;border:1px solid #cad5ca;border-radius:20px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:24px;display:flex}.visitor-actions>div{flex:1;min-width:240px}.visitor-actions h3{margin:0;font-family:Georgia,serif;font-size:25px}.visitor-actions p{margin-bottom:0;font-size:14px}.visitor-actions .primary{width:auto}.visitor-actions .quiet{background:#fffdf8}@media (max-width:600px){.visitor-actions button{width:100%!important}.visitor-actions>div{min-width:0}}.guest-banner{background:#fff0c9;border:1px solid #b98a39;border-radius:12px;margin-bottom:20px;padding:18px;line-height:1.6}.music-studio{background:#fffdf8;border:1px solid #cad5ca;border-radius:20px;margin:20px 0;padding:26px}.music-guide{background:#e9eddb;border-radius:16px;margin:20px 0;padding:22px}.music-guide h3{font-family:Georgia,serif;font-size:27px}.music-guide .primary,.music-studio .workspace-tools .primary{width:auto}.beat-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:24px 0;display:grid}.beat{color:#203e37;background:#f2eee3;border:2px solid #c5cdbd;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:16px 5px;display:flex}.beat>span{letter-spacing:1px;font-size:10px}.beat strong{font-family:Georgia,serif;font-size:28px}.beat small{font-size:10px}.beat.selected{background:#dcead9;border:3px solid #17483f}.beat.sounding{background:#f6cb69;border-color:#754312}.note-palette{flex-wrap:wrap;gap:12px;display:flex}.note-palette [aria-pressed=true]{color:#fff;background:#17483f}.music-settings{flex-wrap:wrap;gap:24px;margin:24px 0;display:flex}.music-settings label{min-width:180px;font-size:14px;font-weight:700}@media (max-width:800px){.beat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:600px){.music-studio{padding:15px}.music-guide{padding:16px}.beat-grid{gap:8px}.music-settings label{flex:1;min-width:0}.note-palette button{flex:1;min-width:90px}}.parent-gate{background:#fffdf8;border:1px solid #cad5ca;border-radius:20px;max-width:620px;margin:24px auto;padding:28px}.parent-gate label{margin:18px 0;font-weight:700;display:block}.parent-gate input{border:1px solid #9cae9f;border-radius:8px;width:100%;margin-top:8px;padding:14px;display:block}.parent-area{padding-top:26px}.parent-area>.workspace-tools .primary,.session-card .primary{width:auto}.session-list{gap:20px;margin:24px 0;display:grid}.session-card{background:#fffdf8;border:1px solid #cad5ca;border-radius:18px;padding:24px}.session-card h3{font-family:Georgia,serif;font-size:27px}.session-card p{font-size:14px}.session-editor{max-width:780px!important}.session-banner{background:#e9eddb;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin:20px 0;padding:24px;display:flex}.session-runner{border-top:2px solid #cad5ca;padding-top:10px}.session-runner>.check{gap:12px;padding:18px;line-height:1.6;display:flex}.session-runner>.check input{min-width:24px;min-height:24px}@media (max-width:600px){.session-banner{flex-direction:column;align-items:flex-start}.session-editor .fields{grid-template-columns:1fr}.parent-gate{padding:20px}}.tutor-panel{background:#fffdf8;border:1px solid #b5c8b6;border-radius:16px;margin:22px 0;padding:0 20px}.tutor-panel>summary{min-height:58px;padding:18px 0;line-height:1.5}.tutor-content{padding-bottom:22px}.tutor-content>p,.tutor-content small{font-size:14px}.tutor-content label{margin:16px 0;font-weight:700;display:block}.tutor-content select{max-width:300px}.tutor-content textarea{color:#203e37;width:100%;font:inherit;background:#fff;border:1px solid #9cae9f;border-radius:10px;margin-top:8px;padding:14px;display:block}.tutor-prompts{flex-wrap:wrap;gap:10px;display:flex}.tutor-content .primary{width:auto}.tutor-transcript{border-top:1px solid #cad5ca;max-height:380px;margin-top:20px;overflow:auto}.tutor-transcript article{border-bottom:1px solid #dddcd2;padding:12px 0}.tutor-transcript p{white-space:pre-wrap;overflow-wrap:anywhere}.mic-status{background:#e9eddb;border-left:4px solid #17483f;padding:12px}.tutor-content .check,.voice-parent .check{align-items:center;gap:12px;display:flex}.tutor-content .check input,.voice-parent .check input{flex-shrink:0;width:24px;height:24px}.voice-parent{background:#fffdf8;border:1px solid #cad5ca;border-radius:18px;padding:24px;line-height:1.6}.voice-parent .check{margin:24px 0;font-weight:700}@media (max-width:600px){.tutor-panel{padding:0 14px}.tutor-prompts button{flex:1;min-width:130px;font-size:14px}.voice-parent{padding:18px}}.gallery-create{flex-wrap:wrap;align-items:end;gap:16px;margin:22px 0;display:flex}.gallery-create label{flex:1;min-width:220px;font-weight:700}.gallery-create input{width:100%;font:inherit;border:1px solid #9cae9f;border-radius:10px;margin-top:8px;padding:14px;display:block}.gallery-create .primary{width:auto}.version-row{border-top:1px solid #cad5ca;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;font-size:13px;display:flex}.backup-panel{background:#fffdf8;border:1px solid #cad5ca;border-radius:18px;padding:26px;line-height:1.6}.backup-panel .primary{width:auto}.backup-preview{background:#e9eddb;border-radius:14px;margin:22px 0;padding:22px}.backup-preview .check{align-items:center;gap:12px;margin:18px 0;display:flex}.backup-preview input[type=checkbox]{flex-shrink:0;width:24px;height:24px}@media (max-width:600px){.gallery-create label{flex-basis:100%;min-width:0}.gallery-create .primary{width:100%}.backup-panel{padding:16px}}.stage-space{color:#fff;background:radial-gradient(circle at 25% 20%,#f7e2a4 1px,#0000 3px),linear-gradient(#151835,#4a467a)}.stage-ocean{background:linear-gradient(#b9e9fa 45%,#4299bf 46%,#1d678b)}.brand{min-width:210px}.parent-area textarea{width:100%;min-height:70px;font:inherit;padding:12px;display:block}.parent-area details{border-bottom:1px solid #cad5ca;padding:14px}.parent-area label{margin:12px 0;display:block}.brand-illustration{object-fit:contain;border-radius:18px;flex-shrink:0;width:80px;height:80px;display:block}.brand{letter-spacing:-.5px}.coding-hero{flex:0 470px;min-width:0;margin:0}.coding-hero img{border-radius:24px;width:100%;height:auto;display:block}.coding-hero figcaption{text-align:center;color:#52665c;margin:6px 12px 0;font-size:12px;font-weight:700;line-height:1.5}.intro>div:first-child{flex:480px}.intro{gap:24px}@media (max-width:850px){.coding-hero{flex-basis:340px}.brand-illustration{width:68px;height:68px}.brand-sub{letter-spacing:1.3px}}@media (max-width:600px){.intro{flex-direction:column;align-items:stretch}.intro>div:first-child{flex:none}.coding-hero{flex:none;align-self:center;width:100%;max-width:440px}.brand-illustration{width:64px;height:64px}.brand{min-width:0}.brand-sub{letter-spacing:1px;font-size:8px}}.spark-mascot{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:76px;height:76px;display:block}.pathway-banner{background:#eef1df;border:1px solid #c8d2b7;border-radius:18px;margin:18px 0;padding:20px}.pathway-banner h3{font-size:23px}.supported-step{background:#f6e7c4;border-radius:12px;padding:14px}@media (max-width:600px){.pathway-banner{padding:15px}.pathway-banner h3{font-size:21px}}.appearance-editor{background:#fffdf8;border:1px solid #becfbe;border-radius:16px;margin:18px 0;padding:16px}.appearance-editor summary{cursor:pointer;min-height:35px;font-weight:700}.appearance-editor fieldset{border:0;margin:10px 0;padding:0}.appearance-editor label{margin:12px 0;font-size:14px;font-weight:700;display:block}.appearance-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.appearance-editor input[type=file]{max-width:100%;margin-top:10px;font-size:13px;display:block}.appearance-editor input[type=color]{width:80px;height:48px;margin-top:8px;padding:3px;display:block}.appearance-editor input[type=range]{width:100%;max-width:350px;min-height:44px;display:block}.appearance-editor button{margin:8px 8px 0 0}.project-character img,.project-character svg{object-fit:contain;width:100%;height:100%;display:block}.project-character>span{font-size:inherit;display:block}.project-character{justify-content:center;align-items:center;font-size:64px;display:flex}.stage-label{color:#203e37;background:#fffdf8dd;border-radius:8px;max-width:90%;padding:5px 8px}.stage-classroom{background:linear-gradient(#2c7061 12% 65%,#ead8ae 65% 82%,#bb9167 82%);border:10px solid #bc9567}.stage-colour,.stage-custom{background-size:cover}.stage-space .stage-label{color:#203e37}@media (max-width:600px){.appearance-fields{grid-template-columns:1fr}.appearance-editor{padding:12px}.appearance-editor input[type=file]{width:100%}}.helper-voice-settings{background:#eef2e6;border:1px solid #b9ccba;border-radius:14px;margin:20px 0;padding:18px}.helper-voice-settings h3{font-size:23px}.helper-voice-settings>p{font-size:14px}.helper-voice-settings select{width:100%;max-width:100%}.helper-voice-settings .voice-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.helper-voice-settings .voice-tools label{flex:220px}.helper-voice-settings button{margin:6px 8px 6px 0}@media (max-width:600px){.helper-voice-settings{padding:12px}.helper-voice-settings button{max-width:100%;font-size:14px}}.identity-panel{background:#fffdf8;border:1px solid #c6d2c4;border-radius:18px;margin:18px 0 26px;padding:22px}.identity-heading{align-items:center;gap:18px;display:flex}.identity-heading h3{font-family:Georgia,serif;font-size:26px;font-weight:400}.identity-heading p{margin:6px 0}.identity-avatar{background:#e5ebdc;border-radius:50%;flex:0 0 82px;justify-content:center;align-items:center;width:82px;height:82px;font-size:38px;display:flex;overflow:hidden}.profile-photo{object-fit:cover;width:100%;height:100%;display:block}.avatar .profile-photo{object-fit:cover;width:100%;height:145px}.mood-choices{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.mood-choices button{color:#203e37;border:2px solid #0000;font-size:14px}.mood-choices button[aria-pressed=true]{border-color:#17483f;box-shadow:inset 0 0 0 2px #fff}.mood-badge{color:#203e37;border-radius:20px;padding:7px 10px;font-size:13px;display:inline-block}.identity-panel label{margin:15px 0;font-weight:700;display:block}.identity-panel input[type=file]{max-width:100%;margin-top:10px;display:block}.profile-crop{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.profile-crop>img{object-fit:cover;border-radius:50%}.profile-crop>div{flex:1;min-width:220px}.profile-crop input[type=range]{width:100%;min-height:44px;display:block}.profile-crop button{margin:8px 8px 8px 0}.run-history{background:#fffdf8;border:1px solid #ced8c9;border-radius:10px;padding:12px 12px 12px 32px;font-size:13px;line-height:1.8}@media (prefers-reduced-motion:reduce){.sprite-position{transition:none!important}}@media (max-width:600px){.identity-panel{padding:15px}.identity-avatar{flex-basis:64px;width:64px;height:64px}.identity-heading h3{font-size:23px}.mood-choices button{flex:120px}.avatar .profile-photo{height:100%;min-height:145px}.profile-crop>div{flex-basis:100%;min-width:0}}.milestones{border-top:1px solid #cad5ca;padding-top:12px}.reward-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:20px 0;display:grid}.reward-card{text-align:center;background:#f9f8ef;border:1px solid #c8d4c7;border-radius:16px;padding:18px}.reward-card h4{margin:8px 0;font-size:19px}.reward-card p{font-size:13px}.reward-card .reward-art{width:108px;height:119px}.reward-card.locked{background:#f2f2ed}.reward-card.locked .reward-art{filter:grayscale(.85);opacity:.6}.reward-card button{width:100%;margin-top:12px;font-size:13px}.reward-art{flex-shrink:0;width:96px;height:106px;display:block;overflow:visible}.reward-symbol,.reward-orbit{transform-origin:60px 57px}.reward-animated .reward-orbit{animation:18s linear infinite reward-orbit}.reward-animated .reward-symbol{animation:4s ease-in-out infinite reward-rise}.reward-loop.reward-animated .reward-symbol{animation:10s linear infinite reward-orbit}.profile-reward{vertical-align:middle;align-items:center;gap:7px;margin:5px 6px;font-size:12px;font-weight:700;display:inline-flex}.profile-reward .reward-art{width:38px;height:42px}.milestone-current{background:#f6edcf;border-radius:14px;align-items:center;gap:18px;margin:15px 0;padding:15px;display:flex}.milestone-current h4{margin:6px 0;font-size:23px}.milestone-current p{margin:5px 0}.milestones label{margin:15px 0;font-size:14px;font-weight:700;display:block}.parent-reward-review{background:#fffdf8;border:1px solid #c8d4c7;border-radius:18px;margin:20px 0;padding:20px}.parent-reward-review label{margin:16px 0;display:block}@keyframes reward-orbit{to{transform:rotate(360deg)}}@keyframes reward-rise{50%{transform:translateY(-4px)rotate(3deg)}}.still .reward-art *{animation:none!important}@media (prefers-reduced-motion:reduce){.reward-art *{animation:none!important}}@media (max-width:600px){.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reward-card{padding:12px}.reward-card h4{font-size:16px}.reward-card .reward-art{width:88px;height:97px;margin:auto}.milestone-current{gap:10px;padding:10px}.milestone-current h4{font-size:20px}}.reward-media img{object-fit:contain;width:100%;height:100%;display:block}.reward-media .reward-poster,.still .reward-media .reward-gif{display:none}.still .reward-media .reward-poster{display:block}@media (prefers-reduced-motion:reduce){.reward-media .reward-gif{display:none}.reward-media .reward-poster{display:block}}.shared-banner{background:#e5eedc;border:1px solid #b9ccb5;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin:20px 0;padding:20px;display:flex}.shared-create{background:#fffdf8;border:1px solid #c2d0bc;border-radius:18px;max-width:760px;margin:20px 0;padding:20px}.shared-create>label,.shared-editor>label{margin:15px 0;font-weight:700;display:block}.shared-create input:not([type=checkbox]){border:1px solid #9cae9f;border-radius:8px;width:100%;min-height:48px;margin-top:8px;padding:12px;display:block}.shared-conflict{background:#fff1da;border:2px solid #b65c31;border-radius:14px;margin:18px 0;padding:18px}.shared-editor>.quiet{margin:10px 0}.shared-create .primary{max-width:340px}.shared-banner .quiet{min-width:170px}@media (max-width:600px){.shared-banner{padding:15px;display:block}.shared-banner .quiet{margin-top:15px}.shared-create{padding:15px}}:root{--studio-page:#f4efff;--studio-panel:#fff;--studio-soft:#f1eaff;--studio-text:#252047;--studio-muted:#50466c;--studio-line:#d8c9ef;--studio-action:#5424a5;--studio-action-text:#fff;--studio-focus:#175ac4}:root[data-studio-theme=light]{--studio-page:#fff;--studio-panel:#fff;--studio-soft:#f0f5fa;--studio-text:#152538;--studio-muted:#43556a;--studio-line:#cbd8e5;--studio-action:#145398}:root[data-studio-theme=ocean]{--studio-page:#e5f8fb;--studio-panel:#fff;--studio-soft:#d9f2f7;--studio-text:#12344b;--studio-muted:#37596d;--studio-line:#a8d6e3;--studio-action:#096479}:root[data-studio-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--studio-page:#171526;--studio-panel:#242138;--studio-soft:#302a48;--studio-text:#faf5ff;--studio-muted:#e0d7ef;--studio-line:#655a80;--studio-action:#cbb5ff;--studio-action-text:#201237;--studio-focus:#ffcf70}body{background:var(--studio-page);color:var(--studio-text)}body :is(p,small,footer,.section-title>span,.version){color:var(--studio-muted)}body :-webkit-any(.profile,.activity,aside,.editor,.playground,.runtime-status,.identity-panel,.music-studio,.visitor-actions,.tutor-panel,.lesson-card,.template-card,.reward-card,.appearance-editor){background:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-line)}body :is(.profile,.activity,aside,.editor,.playground,.runtime-status,.identity-panel,.music-studio,.visitor-actions,.tutor-panel,.lesson-card,.template-card,.reward-card,.appearance-editor){background:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-line)}body :-webkit-any(input:not([type=checkbox]):not([type=range]),select,textarea){background:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-line)}body :is(input:not([type=checkbox]):not([type=range]),select,textarea){background:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-line)}body button.quiet{color:var(--studio-text);background:var(--studio-soft);border-color:var(--studio-line)}body button.primary{background:var(--studio-action);color:var(--studio-action-text)}body :focus-visible{outline-color:var(--studio-focus)}.stage .stage-label,.stage .bubble{color:#182334;background:#fff}.theme-picker{max-width:100%;margin:0}.theme-picker summary,.learner-profile-tools summary,.screen-free summary{background:var(--studio-soft);color:var(--studio-text);border:1px solid var(--studio-line);border-radius:14px;padding:12px 16px}.theme-options{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.theme-options button[aria-pressed=true]{background:var(--studio-action);color:var(--studio-action-text)}.intro.intro-learner{padding-bottom:12px}.intro-learner h1{margin-bottom:8px;font-size:clamp(32px,5vw,52px)}.intro-learner p{margin:0}.studio-tabs{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px;display:grid}.studio-tabs button{text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:82px;padding:10px 6px;display:flex}.studio-tab-icon{font-size:27px;line-height:1}.learner-profile-tools{margin:0 0 14px}.screen-free{margin-bottom:20px}@media (max-width:450px){.studio-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.studio-tabs button{transition:none}}body :is(.lesson-panel,.roadmap-list article,.parent-gate,.session-card,.voice-parent,.backup-panel,.run-history,.parent-reward-review,.shared-create){background:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-line)}body :is(.hint,.recap,.pill,.steps span,.guest-banner,.music-guide,.session-banner,.mic-status,.backup-preview,.pathway-banner,.supported-step,.helper-voice-settings,.milestone-current,.shared-banner,.shared-conflict,.reward-card.locked){background:var(--studio-soft);color:var(--studio-text);border-color:var(--studio-line)}[data-studio-theme=dark] .template-card,[data-studio-theme=dark] .contrast,[data-studio-theme=dark] .contrast .playground{background:var(--studio-panel);color:var(--studio-text)}[data-studio-theme=dark] .contrast :is(p,small,footer,.section-title>span){color:var(--studio-muted)}[data-studio-theme=dark] .beat{background:var(--studio-soft);color:var(--studio-text)}[data-studio-theme=dark] .beat.selected,[data-studio-theme=dark] .note-palette [aria-pressed=true]{background:var(--studio-action);color:var(--studio-action-text)}[data-studio-theme=dark] .beat.sounding{color:#201237;background:#ffcf70}.studio-tabs button.quiet:nth-child(4n+2){background:color-mix(in srgb, var(--studio-panel) 88%, #ff6c51)}.studio-tabs button.quiet:nth-child(4n+3){background:color-mix(in srgb, var(--studio-panel) 85%, #38b6ff)}.studio-tabs button.quiet:nth-child(4n){background:color-mix(in srgb, var(--studio-panel) 83%, #41d48f)}.stage-city{background:#bce6f4 url(/studio-art/city-plaza.jpg) bottom/cover no-repeat}.stage{isolation:isolate;height:320px;box-shadow:inset 0 0 0 1px #ffffff70,0 12px 30px #172c3a12}.stage-label{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1.4px;border-radius:10px;padding:8px 12px;font-weight:700;position:absolute;top:10px;left:10px;right:10px}.character-art{width:100%;height:100%;display:block;position:relative}.character-art>img{object-fit:contain;width:100%;height:100%}.character-art .wheel-detail{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.illustrated-wheel-markers{transform:rotate(var(--wheel-turn,0deg));transition:transform var(--travel-time,.32s) linear;transform-origin:0 0}.avatar-wheel-spokes{transform:rotate(var(--wheel-turn,0deg));transition:transform var(--travel-time,.32s) linear;transform-origin:43px 75px}.character-ground-shadow{filter:blur(3px);z-index:-1;background:#17292e35;border-radius:50%;width:74%;height:9%;position:absolute;bottom:-2%;left:13%}.project-character{filter:drop-shadow(0 3px 2px #20334020);position:relative}.project-character.is-moving[data-character=person] .fun-size>.fun-effect>.character-art,.project-character.is-moving[data-character=cat] .fun-size>.fun-effect>.character-art{animation:.34s ease-in-out infinite explorer-step}.project-character.is-moving[data-character=robot] .fun-size>.fun-effect>.character-art{animation:.6s ease-in-out infinite robot-travel}.project-character.is-moving[data-character=spark] .fun-size>.fun-effect>.character-art{animation:.7s ease-in-out infinite spark-travel}.motion-paused .character-art{animation-play-state:paused!important}.character-picker{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin:16px 0;display:grid}body button.character-choice{background:var(--studio-soft,#f0f3ed);color:var(--studio-text,#243c39);border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 6px;display:flex}body button.character-choice[aria-pressed=true]{border-color:var(--studio-action,#5424a5);box-shadow:0 0 0 2px var(--studio-panel,#fff) inset}.character-preview{width:84px;height:88px;display:block}.character-preview img,.character-preview svg{object-fit:contain;width:100%;height:100%}.character-choice>span:last-child{font-size:13px;line-height:1.3}@keyframes explorer-step{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-1.5px)rotate(1deg)}}@keyframes robot-travel{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes spark-travel{0%,to{filter:drop-shadow(0 0 3px #ffd44e55)}50%{filter:drop-shadow(0 0 8px #ffd44eaa)}}.still .project-character *{transition:none!important;animation:none!important}.still .sprite-position{transition:none!important}@media (prefers-reduced-motion:reduce){.project-character *{transition:none!important;animation:none!important}.sprite-position{transition:none!important}}@media (max-width:600px){.stage{height:300px}.character-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.character-preview{width:70px;height:76px}}.project-character[data-animation=off] *{transition:none!important;animation:none!important}.motion-preference-note{display:none}.still .motion-preference-note{display:block}.coding-grid.stage-expanded{grid-template-columns:minmax(0,1fr)}.stage-expanded .stage{height:clamp(320px,55vw,600px)}.fun-size,.fun-effect{transform-origin:50% 90%;width:100%;height:100%;display:block}.fun-hop{animation:.4s ease-in-out fun-hop}.fun-dance{animation:.4s ease-in-out fun-dance}.fun-celebrate:after{content:"✨ 🎉 ✨";text-align:center;opacity:0;font-size:24px;animation:.4s ease-out fun-party;position:absolute;top:-25px;bottom:auto;left:-30px;right:-30px}@keyframes fun-hop{50%{transform:translateY(-28px)}}@keyframes fun-dance{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes fun-party{10%,70%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.motion-paused .fun-effect{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.fun-celebrate:after{animation:none}}.still .fun-celebrate:after{animation:none}.sprite[data-animation=off] .fun-celebrate:after{content:none;animation:none!important}.motion-paused .fun-celebrate:after{animation-play-state:paused!important}.project-character.motion-paused *{transition:none!important;animation-play-state:paused!important}.sparky-companion{background:var(--card-bg,#fff);border:2px solid #e2e8f0;border-radius:1.25rem;align-items:center;gap:1rem;margin:1rem 0;padding:.85rem 1.25rem;display:flex;box-shadow:0 4px 12px #1e1b4b0d}.sparky-robot-body{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;display:flex}.sparky-antenna{background:#cbd5e1;width:4px;height:10px;position:relative}.antenna-bulb{background:#facc15;border-radius:50%;width:10px;height:10px;position:absolute;top:-8px;left:-3px;box-shadow:0 0 8px #facc15}.sparky-head{background:#7c3aed;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:42px;display:flex;box-shadow:0 4px 8px #7c3aed40}.sparky-eyes{gap:8px;display:flex}.sparky-eye{background:#38bdf8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #38bdf8}.sparky-mouth{margin-top:2px;font-size:16px;line-height:1}.sparky-speech-bubble{flex:1}.sparky-text{color:#1e1b4b;margin:0;font-size:.95rem;font-weight:600}.sparky-hint-ladder{margin-top:.5rem}.sparky-hint-btn{padding:.25rem .5rem;font-size:.85rem}.world-map-container{margin:1.5rem 0}.world-map-header h2{margin-bottom:.25rem}.island-tabs{gap:.75rem;margin-bottom:1.25rem;padding:.5rem 0;display:flex;overflow-x:auto}.island-tab{cursor:pointer;white-space:nowrap;background:#f8fafc;border:2px solid #0000;border-radius:1rem;align-items:center;gap:.6rem;padding:.6rem 1rem;transition:all .15s ease-in-out;display:flex}.island-tab:hover{background:#f1f5f9}.island-tab-active{box-shadow:0 4px 12px #00000014;background:#fff!important}.island-tab-badge{font-size:1.4rem}.island-tab-text strong{font-size:.95rem;display:block}.island-tab-text small{color:#64748b;font-size:.8rem}.island-hero-card{border:2px solid #e2e8f0;border-radius:1.5rem;padding:1.75rem}.island-concept-tag{text-transform:uppercase;border-radius:9999px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.island-node-wrapper{text-align:center;flex-direction:column;align-items:center;width:90px;display:flex}.island-node{cursor:pointer;background:#fff;border:4px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .15s ease-in-out;display:flex;box-shadow:0 6px 14px #0000000f}.island-node:hover:not(:disabled){transform:translateY(-3px)scale(1.05)}.island-node:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.island-node-mastered{background:#ecfdf5}.node-title{color:#334155;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.8rem;font-weight:600;display:-webkit-box;overflow:hidden}.grid-world-container{margin:1.5rem 0}.grid-instruction{color:#475569;font-size:1.1rem;font-weight:600}.grid-world-main{grid-template-columns:auto minmax(280px,1fr);gap:1.5rem;margin-top:1rem;display:grid}@media (max-width:768px){.grid-world-main{grid-template-columns:1fr}}.grid-stage-card{background:#1e293b;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:1.25rem;display:flex;position:relative}.grid-svg{background:#0f172a;border-radius:.75rem;max-width:100%;height:auto}.tile-floor{fill:#1e293b;stroke:#334155;stroke-width:1.5px}.tile-wall{fill:#64748b;stroke:#475569;stroke-width:2px}.grid-result-banner{text-align:center;border-radius:1rem;padding:1.25rem;position:absolute;top:auto;bottom:1.5rem;left:1.5rem;right:1.5rem;box-shadow:0 10px 25px #0000004d}.grid-won{color:#065f46;background:#ecfdf5;border:2px solid #10b981}.grid-crashed{color:#991b1b;background:#fef2f2;border:2px solid #ef4444}.grid-controls-card{background:#fff;border:2px solid #e2e8f0;border-radius:1.25rem;flex-direction:column;padding:1.25rem;display:flex}.grid-cmds-list{border:1px dashed #cbd5e1;border-radius:.75rem;flex-direction:column;flex:1;gap:.25rem;min-height:140px;max-height:240px;margin:1rem 0;padding:.5rem;display:flex;overflow-y:auto}.grid-cmd-item{background:#f1f5f9;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.35rem .6rem;font-size:.85rem;font-weight:700;display:flex}.grid-playback-actions{gap:.5rem;display:flex}.grid-speed-slider{flex-direction:column;gap:.25rem;margin-top:1rem;font-size:.85rem;display:flex}.learner-adventure-stats-card{color:#fff;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:1.25rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 8px 20px #1e1b4b40}.stats-rank-block{align-items:center;gap:1rem;display:flex}.stats-rank-badge{background:#ffffff1f;border-radius:1rem;justify-content:center;align-items:center;padding:.35rem .65rem;font-size:2.75rem;display:inline-flex}.stats-rank-title{color:#facc15;margin:0;font-size:1.35rem;font-weight:800}.stats-rank-desc{color:#e0e7ff;max-width:320px;margin:.2rem 0 0;font-size:.9rem}.stats-counters-row{flex-wrap:wrap;gap:.85rem;display:flex}.stats-pill{background:#ffffff1a;border:1px solid #fff3;border-radius:.85rem;flex-direction:column;align-items:center;min-width:80px;padding:.5rem .85rem;display:flex}.stats-pill-num{color:#fff;font-size:1.15rem;font-weight:800}.stats-pill-label{color:#c7d2fe;margin-top:.15rem;font-size:.75rem}.launch-robot-quest-btn{font-weight:700;box-shadow:0 4px 12px #10b98159;color:#fff!important;background:#10b981!important}.robot-quests-preview-card{background:#fff;border:2px solid #e2e8f0;border-radius:1.25rem;margin:1.5rem 0 2rem;padding:1.25rem;box-shadow:0 4px 14px #0000000a}.robot-quests-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.robot-quests-header h3{color:#1e293b;margin:0;font-size:1.2rem}.robot-quests-header p{color:#64748b;margin:.25rem 0 0;font-size:.85rem}.quest-stars-total{color:#d97706;background:#fef3c7;border-radius:2rem;padding:.3rem .75rem;font-size:.95rem;font-weight:700}.robot-levels-trail{gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.quest-level-node{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;min-width:72px;height:72px;transition:all .15s ease-in-out;display:flex}.quest-level-node.node-done{background:#ecfdf5;border-color:#10b981}.quest-level-node.node-ready{background:#eff6ff;border-color:#3b82f6}.quest-level-node.node-locked{opacity:.5;cursor:not-allowed}.qnode-icon{font-size:1.1rem}.qnode-label{color:#334155;margin-top:.2rem;font-size:.75rem;font-weight:700}.section-divider-title{color:#1e293b;margin:1.5rem 0 .75rem;font-size:1.25rem}.grid-level-badge-row{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.grid-level-pill{color:#1e40af;background:#dbeafe;border-radius:1rem;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.level-select-trigger,.sound-toggle-btn,.speak-btn{border-radius:.5rem!important;padding:.25rem .6rem!important;font-size:.8rem!important}.grid-instruction-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.75rem;margin-top:.35rem;padding:.5rem .75rem;display:flex}.grid-instruction-box p{color:#334155;flex:1;margin:0;font-size:.95rem}.level-select-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.level-select-content{background:#fff;border-radius:1.25rem;width:100%;max-width:480px;padding:1.5rem;box-shadow:0 20px 35px #00000040}.level-select-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.level-select-header h3{margin:0;font-size:1.25rem}.level-grid-cards{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.level-card-btn{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;padding:.75rem .5rem;transition:transform .1s;display:flex}.level-card-btn:hover:not(:disabled){border-color:#3b82f6;transform:scale(1.05)}.level-card-btn:disabled{opacity:.45;cursor:not-allowed}.level-card-btn.level-current{background:#fef3c7;border-color:#f59e0b}.level-card-btn.level-done{background:#ecfdf5;border-color:#10b981}.lvl-num{color:#1e293b;font-size:1.25rem;font-weight:800}.lvl-stars{margin-top:.2rem;font-size:.8rem}.lvl-name{color:#64748b;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:70px;margin-top:.2rem;font-size:.65rem;overflow:hidden}.cmd-item-active{box-shadow:0 0 10px #f59e0b66;background:#fef3c7!important;border:2px solid #f59e0b!important}.toolbox-header-row{justify-content:space-between;align-items:center;display:flex}.best-score-pill{color:#d97706;background:#fef3c7;border-radius:1rem;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.won-stars-display{letter-spacing:.25rem;margin-bottom:.5rem;font-size:2.5rem;animation:.6s ease-in-out infinite alternate bounce}.champion-badge{color:#047857;margin:0;font-size:1.1rem;font-weight:800}.confetti-container{pointer-events:none;z-index:20;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti-piece{border-radius:2px;animation:2.2s cubic-bezier(.25,.46,.45,.94) forwards confetti-fall;position:absolute}.confetti-piece.shape-circle{border-radius:50%}.confetti-piece.shape-star{justify-content:center;align-items:center;display:flex}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)scale(.8)}80%{opacity:1}to{opacity:0;transform:translateY(180px)rotate(480deg)scale(1.1)}}.won-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.replay-edit-btn{color:#92400e;cursor:pointer;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:.5rem .9rem;font-weight:600;transition:all .15s}.replay-edit-btn:hover{background:#fde68a;transform:translateY(-1px)}.replay-fresh-btn{border-radius:8px;padding:.5rem .8rem;font-size:.9rem}.best-preserved-badge{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;margin-top:.25rem;padding:.2rem .5rem;font-size:.88rem;display:inline-block}.target-steps-hint{color:#6b7280;margin-top:.1rem;font-size:.78rem;font-weight:500;display:block}.active-quest-hero-card{background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border:3px solid #3b82f6;border-radius:1.5rem;margin:1.25rem 0;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #3b82f61f}.active-quest-header-pill{color:#fff;letter-spacing:.05em;background:#3b82f6;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #3b82f64d}.quest-beacon-icon{font-size:1rem;animation:1.8s ease-in-out infinite beacon-wiggle}@keyframes beacon-wiggle{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(-10deg)scale(1.15)}}.active-quest-body{flex-direction:column;gap:1rem;display:flex}@media (min-width:768px){.active-quest-body{flex-direction:row;justify-content:space-between;align-items:center}}.active-quest-text-block{flex:1}.active-quest-title{color:#1e3a8a;margin:0 0 .4rem;font-size:1.6rem;font-weight:800}.active-quest-meta{color:#475569;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.92rem;display:flex}.active-quest-desc{color:#334155;max-width:600px;margin:0;font-size:.95rem}.active-quest-actions{flex-direction:column;gap:.6rem;display:flex}@media (min-width:540px){.active-quest-actions{flex-direction:row}}.active-quest-start-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;min-height:52px;padding:.75rem 1.4rem;font-size:1.05rem;font-weight:800;transition:all .15s;box-shadow:0 4px 14px #2563eb59}.active-quest-start-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 18px #2563eb73}.active-quest-robot-btn{color:#0f172a;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:12px;min-height:52px;padding:.75rem 1.1rem;font-size:.95rem;font-weight:700;transition:all .15s}.active-quest-robot-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.island-nodes-path{flex-wrap:wrap;align-items:flex-start;gap:1.75rem;margin-top:1.5rem;display:flex}.island-node-wrapper{text-align:center;flex-direction:column;align-items:center;width:105px;display:flex;position:relative}.island-node{cursor:pointer;background:#fff;border:4px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:78px;min-width:78px;height:78px;min-height:78px;transition:all .18s;display:flex;position:relative;box-shadow:0 8px 18px #00000014}.island-node:hover:not(:disabled){transform:translateY(-4px)scale(1.06);box-shadow:0 12px 24px #00000024}.island-node-mastered{background:#ecfdf5!important;border-color:#10b981!important}.island-node-current{background:#fff;animation:2.2s ease-in-out infinite current-node-pulse;box-shadow:0 0 0 6px #3b82f640,0 8px 18px #00000014}@keyframes current-node-pulse{0%,to{box-shadow:0 0 0 4px #3b82f640,0 8px 18px #00000014}50%{box-shadow:0 0 0 8px #3b82f666,0 10px 22px #3b82f633}}.island-node-locked{opacity:.72;cursor:not-allowed;box-shadow:none!important;background:repeating-linear-gradient(45deg,#f1f5f9,#f1f5f9 6px,#e2e8f0 6px 12px)!important;border-style:dashed!important;border-color:#94a3b8!important}.node-status-stamp{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #00000026}.node-stamp-done{background:#10b981}.node-stamp-ready{background:#2563eb;font-size:.7rem}.node-number{font-size:1.35rem;font-weight:800;line-height:1}.node-stars{margin-top:2px;font-size:.82rem}.node-locked-icon{color:#64748b;font-size:1.3rem}.node-locked-label{color:#64748b;text-transform:uppercase;font-size:.68rem;font-weight:700}.node-ready-pill{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe;border-radius:9999px;margin-top:.35rem;padding:.15rem .5rem;font-size:.72rem;font-weight:800}.node-locked-pill{color:#64748b;background:#f1f5f9;border-radius:9999px;margin-top:.35rem;padding:.15rem .4rem;font-size:.68rem;font-weight:600}.quest-level-node{cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:64px;min-height:64px;padding:.5rem;transition:all .15s;display:flex;position:relative}.quest-level-node.node-current-target{transform:scale(1.05);box-shadow:0 0 0 4px #2563eb40;background:#eff6ff!important;border-color:#2563eb!important}.qnode-next-chip{color:#fff;letter-spacing:.05em;background:#2563eb;border-radius:6px;padding:.1rem .4rem;font-size:.62rem;font-weight:800;position:absolute;top:-8px}.qnode-locked-chip{color:#94a3b8;font-size:.62rem;font-weight:700}.robot-3d-sprite{transform-origin:50%;transition:transform .15s ease-out}.robot-moving .robot-3d-sprite{animation:.18s ease-in-out infinite alternate robotTreadWiggle}@keyframes robotTreadWiggle{0%{transform:scale(.98,1.02)}to{transform:scale(1.02,.98)}}.gem-3d-sprite{transform-origin:50%;animation:2.4s ease-in-out infinite gemFloat}@keyframes gemFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.05)}}.goal-portal-3d{transform-origin:50%}.goal-portal-3d ellipse:nth-child(2){animation:8s linear infinite portalRingRotate}@keyframes portalRingRotate{0%{stroke-dashoffset:0}to{stroke-dashoffset:36px}}.sparky-avatar-svg{filter:drop-shadow(0 6px 12px #eab30859);transition:transform .25s cubic-bezier(.34,1.56,.64,1);overflow:visible}.sparky-robot-body:hover .sparky-avatar-svg{transform:scale(1.08)translateY(-2px)}.sparky-antenna-pulse{animation:1.8s ease-in-out infinite alternate spkPulseGlow}@keyframes spkPulseGlow{0%{opacity:.2;transform:scale(.9)}to{opacity:.7;transform:scale(1.25)}}.grid-toolbox-buttons{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;display:grid}.cmd-btn{color:#fff;cursor:pointer;text-shadow:0 1px 2px #0000004d;border:none;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:1rem;font-weight:800;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.cmd-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.cmd-btn:active:not(:disabled){transform:translateY(2px)}.cmd-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6);box-shadow:none!important;transform:none!important}.cmd-btn-walk{background:linear-gradient(#38bdf8 0%,#0284c7 100%);box-shadow:0 4px #0369a1,0 6px 12px #0284c74d}.cmd-btn-walk:active:not(:disabled){box-shadow:0 2px #0369a1,0 3px 6px #0284c740}.cmd-btn-left{background:linear-gradient(#818cf8 0%,#4f46e5 100%);box-shadow:0 4px #3730a3,0 6px 12px #4f46e54d}.cmd-btn-left:active:not(:disabled){box-shadow:0 2px #3730a3,0 3px 6px #4f46e540}.cmd-btn-right{background:linear-gradient(#a78bfa 0%,#7c3aed 100%);box-shadow:0 4px #5b21b6,0 6px 12px #7c3aed4d}.cmd-btn-right:active:not(:disabled){box-shadow:0 2px #5b21b6,0 3px 6px #7c3aed40}.cmd-btn-collect{background:linear-gradient(#fbbf24 0%,#d97706 100%);box-shadow:0 4px #b45309,0 6px 12px #d977064d}.cmd-btn-collect:active:not(:disabled){box-shadow:0 2px #b45309,0 3px 6px #d9770640}.cmd-btn-icon{filter:drop-shadow(0 2px 4px #0003);font-size:1.25rem}.cmd-btn-label{letter-spacing:.3px}.btn-3d-play{color:#fff!important;background:linear-gradient(#34d399 0%,#059669 100%)!important;border:none!important;border-radius:.85rem!important;padding:.9rem 1.6rem!important;font-size:1.1rem!important;font-weight:800!important;transition:all .15s!important;box-shadow:0 4px #047857,0 8px 16px #10b98159!important}.btn-3d-play:hover:not(:disabled){filter:brightness(1.08)!important;transform:translateY(-2px)!important}.btn-3d-play:active:not(:disabled){transform:translateY(2px)!important;box-shadow:0 2px #047857!important}.btn-3d-reset,.btn-3d-clear{background:#f8fafc!important;border:1.5px solid #cbd5e1!important;border-radius:.75rem!important;padding:.7rem 1.1rem!important;font-weight:700!important;transition:all .15s!important;box-shadow:0 3px #cbd5e1!important}.btn-3d-reset:hover:not(:disabled),.btn-3d-clear:hover:not(:disabled){background:#f1f5f9!important;transform:translateY(-1px)!important}.btn-3d-reset:active:not(:disabled),.btn-3d-clear:active:not(:disabled){transform:translateY(2px)!important;box-shadow:0 1px #cbd5e1!important}.grid-stage-card{background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);border:2px solid #334155;border-radius:1.5rem;padding:1.5rem;box-shadow:0 16px 36px -8px #0f172a73,inset 0 1px 1px #ffffff1a}.avatar-art-3d{filter:drop-shadow(0 6px 12px #0f172a59);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.character-picker button:hover .avatar-art-3d{transform:scale(1.08)translateY(-2px)}