/* All presentation is profile scoped. No youth layout overrides. */
html[data-profile="kids"] [data-profile="youth"]{display:none!important}
html[data-profile="youth"] [data-profile="kids"]{display:none!important}
html[data-profile="kids"]{--kids-ink:#214950;--kids-muted:#5c787c;--kids-teal:#087e83;--kids-line:#d8e6e3;--kids-paper:#fffdf7}
html[data-profile="kids"] body{background:var(--kids-paper);color:var(--kids-ink)}
html[data-profile="kids"] :is(button,select){font-family:inherit;touch-action:manipulation}
html[data-profile="kids"] :is(button,select):focus-visible{outline:3px solid #087e83;outline-offset:3px}
html[data-profile="kids"] button:disabled{opacity:.42;cursor:default}
/* Welcome uses real product photos, one static SVG scene and small CSS accents. */
html[data-profile="kids"] .intro{background:radial-gradient(ellipse at 0% 100%,#c8f0dd 0,transparent 44%),radial-gradient(ellipse at 100% 0%,#ffe59c 0,transparent 42%),#fffcf3;padding:32px;overflow:auto;gap:0}
html[data-profile="kids"] .intro>:is(.intro-logo,.intro-title,.intro-sub){display:none}
html[data-profile="kids"] .kids-welcome{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,72px);width:min(1240px,100%);text-align:left}
html[data-profile="kids"] .kids-welcome-art{position:relative;min-width:0;aspect-ratio:1;isolation:isolate}
html[data-profile="kids"] .kids-playground{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
html[data-profile="kids"] .kids-welcome-rabbit{position:absolute;inset:0;width:100%;height:100%;padding:1% 12% 12%;object-fit:contain;display:block;box-sizing:border-box}
html[data-profile="kids"] .kids-loose-parts{pointer-events:none}
html[data-profile="kids"] .kids-loose-parts img{position:absolute;object-fit:contain;width:20%;height:auto}
html[data-profile="kids"] .kids-loose-red{left:0;bottom:5%;transform:rotate(-12deg)}
html[data-profile="kids"] .kids-loose-blue{right:-1%;bottom:2%;transform:rotate(12deg);animation:kids-welcome-bob 6s ease-in-out -2s infinite}
html[data-profile="kids"] .kids-loose-yellow{left:0;top:29%;width:15%!important;transform:rotate(-15deg);animation:kids-welcome-bob 5s ease-in-out infinite}
html[data-profile="kids"] .kids-art-spark{position:absolute;right:7%;top:43%;font-size:48px;color:#e6a523}
html[data-profile="kids"] .kids-art-spark .ico,html[data-profile="kids"] .kids-point .ico{width:1em;height:1em;margin:0}
html[data-profile="kids"] .kids-art-code{display:grid;place-items:center;position:absolute;left:19%;top:16%;width:60px;height:52px;border:3px solid white;border-radius:17px;background:#ffdc71;color:#22646c;transform:rotate(-12deg);box-shadow:0 4px 0 #8bcfbc}
@keyframes kids-welcome-bob{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(prefers-reduced-motion:reduce){html[data-profile="kids"] :is(.kids-loose-blue,.kids-loose-yellow){animation:none}}
html[data-profile="kids"] .kids-wordmark{font-size:23px;font-weight:850;letter-spacing:-.8px;color:#14545c}
html[data-profile="kids"] .kids-wordmark>span{display:inline-block;background:#ffda71;color:#745021;padding:4px 12px;border-radius:12px;margin-left:5px;transform:rotate(-6deg);font-size:19px}
html[data-profile="kids"] .kids-wordmark>small{display:block;margin-top:7px;font-size:15px;font-weight:600;letter-spacing:1.6px;color:#35666b}
html[data-profile="kids"] .kids-welcome h1{font-size:clamp(34px,4.6vw,64px);line-height:1.2;letter-spacing:-1.7px;color:#14545c;margin:24px 0 18px;word-break:keep-all;text-wrap:balance;max-width:9em}
html[data-profile="kids"] .kids-welcome-copy>p{font-size:19px;line-height:1.65;color:#5b7779;word-break:keep-all;margin:0 0 24px}
html[data-profile="kids"] .kids-welcome-steps{display:flex;align-items:center;gap:9px;color:#448a87;margin:32px 0 28px}
html[data-profile="kids"] .kids-welcome-step{position:relative;display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;padding:18px 8px 12px;background:#cef0df;border:2px solid #a6dcc8;border-radius:20px;color:#21675f;font-size:16px;font-weight:750;text-align:center}
html[data-profile="kids"] .kids-welcome-step:nth-of-type(2){background:#ffe49a;border-color:#efd077;color:#74530d}
html[data-profile="kids"] .kids-welcome-step:nth-of-type(3){background:#ffd3c2;border-color:#efb19d;color:#8c4633}
html[data-profile="kids"] .kids-step-number{position:absolute;left:10px;top:-13px;display:grid;place-items:center;width:26px;height:26px;background:#fffdf6;border:2px solid currentColor;border-radius:50%;font-size:13px;font-weight:800}
html[data-profile="kids"] .kids-welcome-steps i{font-style:normal;font-size:20px}
html[data-profile="kids"] .kids-welcome-language{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}
html[data-profile="kids"] .lang-current{padding:12px 16px;min-height:52px;background:white;border:1px solid #cadfda;color:#315b61;border-radius:16px;font-size:16px}
html[data-profile="kids"] .lang-more-toggle{color:#5b7478;font-size:14px;min-height:48px}
html[data-profile="kids"] .lang-current .flag,html[data-profile="kids"] .lang-card .flag{color:#138181}
html[data-profile="kids"] .lang-cards{width:100%;max-height:190px;overflow-y:auto;gap:6px}
html[data-profile="kids"] .lang-card{background:white;border:1px solid #d2dfdb;color:#315b61;min-height:48px}
html[data-profile="kids"] .lang-card .lname{color:#315b61}
html[data-profile="kids"] .lang-card .lsub{color:#6f8f90}
html[data-profile="kids"] .lang-card.active{background:#d6eee4;border-color:#138181}
html[data-profile="kids"] .kids-welcome-actions{display:flex;gap:12px;flex-wrap:wrap}
html[data-profile="kids"] .intro-start{min-height:68px;min-width:230px;border-radius:22px;background:#ffd25e;color:#244e54;padding:15px 30px;font-size:23px;font-weight:800;border:0;border-bottom:5px solid #dcab38;box-shadow:0 6px 0 #f5e6bd66;transition:transform .18s,background .18s}
html[data-profile="kids"] .intro-start:not(.intro-fresh):hover{background:#ffdb79;transform:translateY(-2px);box-shadow:0 8px 0 #f5e6bd66}
html[data-profile="kids"] .intro-start:not(.intro-fresh):active{transform:translateY(2px);box-shadow:none}
html[data-profile="kids"] .intro-start.intro-fresh{background:#fffdf7;border:1px solid #b9d3cd;color:#35636a;font-size:17px;min-width:170px;box-shadow:none}
html[data-profile="kids"] .intro-start[hidden]{display:none}
html[data-profile="kids"] .intro-start:not(.intro-fresh)::after{content:"";display:inline-block;vertical-align:-4px;margin-left:28px;width:27px;height:27px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .18s}
html[data-profile="kids"] .intro-start:not(.intro-fresh):hover::after{transform:translateX(4px)}
/* Navigation and toy shelf. */
html[data-profile="kids"] .app{grid-template-columns:350px minmax(0,1fr);grid-template-rows:82px minmax(0,1fr)}
html[data-profile="kids"] .hdr{background:#fffdf7;border-bottom:1px solid var(--kids-line);padding:12px 18px;gap:20px;overflow:visible}
html[data-profile="kids"] .hdr .logo{display:flex;flex-direction:column;align-items:flex-start;font-size:20px;letter-spacing:-.7px;line-height:1.15;gap:3px;flex-shrink:0}
html[data-profile="kids"] .hdr .logo>small{font-size:12px;font-weight:600;letter-spacing:1.2px;color:#35666b}
html[data-profile="kids"] .hdr .logo b{color:#185a62}
html[data-profile="kids"] .hdr .logo i{color:#087e83;font-style:normal}
html[data-profile="kids"] .hdr .logo i{display:inline!important;margin-left:4px}
html[data-profile="kids"] :is(#settingsBtn,#undoBtn,#redoBtn) [data-ico]{display:flex!important}
html[data-profile="kids"] .hsep{display:none!important}
html[data-profile="kids"] .mode-tabs{background:#e0f4ee;border-radius:20px;padding:5px;gap:5px}
html[data-profile="kids"] .app .hdr .mtab{min-height:52px;min-width:106px;height:auto;font-size:17px;color:#53716f;border-radius:16px;padding:10px 16px;gap:8px}
html[data-profile="kids"] .mtab.active{background:#087e83!important;color:white!important}
html[data-profile="kids"] .hdr .mtab:not(.active){background:transparent;color:#53716f}
html[data-profile="kids"] .hdr .mtab :is(.mtab-txt,[data-t]){display:inline!important}
html[data-profile="kids"] #langCurName{color:#315b61}
html[data-profile="kids"] .mtab svg{width:23px;height:23px}
html[data-profile="kids"] .btn{min-height:48px;min-width:48px;background:white;border:1px solid #cdddd8;border-radius:15px;color:#45666c;font-size:14px}
html[data-profile="kids"] .hright{gap:8px}
html[data-profile="kids"] .draft-status{display:none}
html[data-profile="kids"] .lpan{background:var(--kids-paper);border-right:1px solid var(--kids-line);padding:14px 14px 34px;scrollbar-width:thin;scrollbar-color:#a9c8c0 transparent;min-width:0;width:auto}
html[data-profile="kids"] .lpan>.slbl,html[data-profile="kids"] #howToContent{display:none}
html[data-profile="kids"] .kids-picker-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#e0f4ee;padding:5px;border-radius:18px;position:sticky;top:-14px;z-index:2;box-shadow:0 -16px 0 var(--kids-paper)}
html[data-profile="kids"] .kids-picker-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:65px;border:0;border-radius:14px;background:transparent;color:#5c766e;font-size:14px;font-weight:750;padding:8px;word-break:keep-all}
html[data-profile="kids"] .kids-picker-tabs button[aria-pressed="true"]{background:white!important;color:#087e83!important;border:1px solid #d2dfd4}
html[data-profile="kids"] .kids-picker-title{font-size:22px;line-height:1.35;margin:20px 4px 14px;color:#234d53;word-break:keep-all;overflow-wrap:break-word}
/* Lesson cards: one column, art on the left and words on the right, so Korean never has to break inside a word. */
html[data-profile="kids"] #presets{--kids-art-w:84px;display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px!important;padding-bottom:14px}
html[data-profile="kids"] .preset-btn{display:grid;grid-template-columns:var(--kids-art-w) minmax(0,1fr);align-items:center;gap:12px;min-height:92px;padding:10px 12px 10px 10px;border:1px solid #bbdfc5;border-bottom:4px solid #bbdfc5;border-radius:22px;background:#e0f5d7;color:#285051;text-align:left;white-space:normal;word-break:keep-all;overflow-wrap:break-word}
html[data-profile="kids"] .preset-btn:nth-child(3n+2){background:#ffedab;border-color:#ead486}
html[data-profile="kids"] .preset-btn:nth-child(3n){background:#d7efff;border-color:#b5d9ef}
html[data-profile="kids"] .preset-btn:hover{border-color:#298b83}
html[data-profile="kids"] .lpan .preset-btn:not(:disabled):active{background:#c7ecd9!important;color:#214950!important}
html[data-profile="kids"] .preset-icon{position:relative;width:var(--kids-art-w);height:72px;display:flex;justify-content:center;align-items:center;background:#ffffffb3;border-radius:18px;overflow:hidden;color:inherit}
html[data-profile="kids"] .preset-icon img{width:62px;height:62px;object-fit:contain;pointer-events:none}
html[data-profile="kids"] .preset-icon svg{display:block;width:100%;height:100%}
html[data-profile="kids"] .preset-info{min-width:0;display:flex;flex-direction:column;gap:5px;width:100%}
html[data-profile="kids"] .preset-name{font-size:19px;font-weight:800;line-height:1.3;letter-spacing:-.3px;color:#1f4a50;display:block;text-wrap:balance}
html[data-profile="kids"] .preset-num{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:5px;border:2px solid #4c9f98;border-radius:50%;background:#fffdf6;color:#087e83;font-size:13px;font-weight:800;line-height:1;letter-spacing:0;vertical-align:2px}
html[data-profile="kids"] .preset-meta{display:none}
html[data-profile="kids"] .preset-mission{font-size:15px;font-weight:500;line-height:1.4;color:#3a5a57;font-style:normal;text-wrap:balance}
html[data-profile="kids"] .lesson-done{display:block;width:fit-content;margin-top:6px;padding:2px 11px;border:1px solid #9fd5b9;border-radius:999px;background:#fff;color:#087a54;font-size:13px;font-weight:700;line-height:1.4;letter-spacing:0}
html[data-profile="kids"] .lesson-done[hidden]{display:none}
html[data-profile="kids"] [data-kids-lesson="lv20"]{background:white;border:2px dashed #8fcdbf}
html[data-profile="kids"] :is(#bp,#ap){display:grid;grid-template-columns:1fr 1fr;gap:10px}
html[data-profile="kids"] .kids-parts-title{color:#5e7a73;font-size:14px;margin:22px 4px 12px}
html[data-profile="kids"] .blk-btn{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #d9e4dc;border-bottom:3px solid #d4e0d8;background:white;border-radius:18px;min-height:128px;padding:10px;touch-action:none}
html[data-profile="kids"] .blk-btn .th{width:65px;height:65px;background:#f1f5ed;border-radius:14px}
html[data-profile="kids"] .blk-btn .th img{width:65px;height:65px;object-fit:contain}
html[data-profile="kids"] .blk-btn .bn{color:#264f54;font-size:15px;font-weight:750;text-align:center;line-height:1.3}
html[data-profile="kids"] .blk-btn .bd{display:none}
html[data-profile="kids"] .blk-limit{font-size:11px;color:#7a9592}
html[data-profile="kids"] .kids-parts-hint{font-size:14px;line-height:1.6;color:#597974}
html[data-profile="kids"] #lpan[data-kids-pane="lessons"] :is(#bp,#ap,.kids-parts-title,.kids-parts-hint){display:none}
html[data-profile="kids"] #lpan[data-kids-pane="parts"] :is(#presets,.kids-picker-title){display:none!important}
/* Scene and contextual controls. */
html[data-profile="kids"] #stepGuide{display:none!important}
html[data-profile="kids"] .sc{background:#c9f3f6}
html[data-profile="kids"] .kids-scene-welcome{position:absolute;top:28%;left:7%;right:7%;text-align:center;pointer-events:none;color:#174f5b}
html[data-profile="kids"] .kids-scene-welcome[hidden]{display:none}
html[data-profile="kids"] .kids-empty-symbol{display:flex;justify-content:center;align-items:flex-end;height:110px;margin-bottom:20px}
html[data-profile="kids"] .kids-empty-symbol img{width:92px;height:92px;object-fit:contain;transform:rotate(-13deg)}
html[data-profile="kids"] .kids-empty-symbol img+img{width:80px;height:80px;transform:rotate(12deg);margin-left:-12px}
html[data-profile="kids"] .kids-scene-welcome h2{font-size:clamp(22px,2.7vw,36px);letter-spacing:-.8px;margin:8px 0 15px;word-break:keep-all}
html[data-profile="kids"] .kids-scene-welcome p{font-size:17px;line-height:1.6;margin:0;word-break:keep-all}
html[data-profile="kids"] .kids-point{display:block;font-size:40px;color:#4e8c86;margin-top:15px}
html[data-profile="kids"] .kids-to-code{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:26px;border:0;border-bottom:4px solid #086668;border-radius:20px;background:#07888a;color:white;font-size:20px;font-weight:750;padding:15px 25px;min-height:62px;white-space:nowrap;cursor:pointer;z-index:12}
html[data-profile="kids"] .kids-to-code[hidden]{display:none}
html[data-profile="kids"] .rpan{position:absolute;right:16px;top:98px;width:185px;max-height:45vh;overflow-y:auto;padding:12px;background:#fffdf7ed;border:1px solid #d8e6dc;border-radius:20px;color:#365c60;font-size:14px;z-index:12}
html[data-profile="kids"] .rpan .stats,html[data-profile="kids"] #selRot{display:none}
html[data-profile="kids"] .kids-empty .rpan{visibility:hidden}
html[data-profile="kids"] .collapse-toggle{font-size:13px;min-height:48px;color:#56756f;background:transparent}
html[data-profile="kids"] .kids-need-title{font-size:14px;color:#5a7671;font-weight:600;margin:8px 0}
html[data-profile="kids"] .val-item.kids-need{display:flex;align-items:center;gap:8px;padding:9px;min-height:70px;background:white;border:1px solid #d4e4d9;border-radius:16px;margin-bottom:10px;font-size:14px;font-weight:700;color:#315b5d}
html[data-profile="kids"] .val-item.kids-need img{width:44px;height:44px;object-fit:contain;border-radius:10px;background:#f2f6ed}
html[data-profile="kids"] .val-item.kids-ready{font-size:15px;font-weight:750;color:#09846c;padding:12px 4px;line-height:1.5}
html[data-profile="kids"] #selName{font-size:15px!important;color:#29585e!important}
html[data-profile="kids"] :is(.rbtn,.del-btn){min-height:48px;min-width:48px;border-radius:13px;border:1px solid #c8dbd1;background:white;color:#315b61;font-size:14px}
html[data-profile="kids"] .del-btn{color:#aa5046;background:#fff2ed;border-color:#efd5ca}
html[data-profile="kids"] .cbtn{min-height:48px;min-width:48px;border-radius:14px;background:#fffdf4;color:#547575;border:1px solid #b8d6cd;font-size:13px;padding:8px 12px}
html[data-profile="kids"] .cbtn.active{background:#087e83!important;color:white!important}
/* Keep cameras in normal flow below the D-pad, including when labels wrap. */
html[data-profile="kids"] .kids-drive-dock{position:absolute;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:calc(100% - 32px);pointer-events:none;--kids-drive-key:62px}
html[data-profile="kids"] #cams{position:static;gap:6px;flex-direction:row;align-items:center;flex-wrap:wrap;max-width:100%}
html[data-profile="kids"] #drvCtrl{position:static;padding:12px;background:#fffdf3f5;border:1px solid #d2dfd4;border-radius:24px;color:#315c60;backdrop-filter:none;box-shadow:0 4px 0 #bdd5c9}
html[data-profile="kids"] #drvCtrl .drv-tabs{display:none}
html[data-profile="kids"] #dpadPanel{padding:0;border:0;background:transparent}
html[data-profile="kids"] #dpadPanel .dgrid{grid-template-columns:repeat(3,var(--kids-drive-key));grid-template-rows:repeat(3,var(--kids-drive-key));gap:7px}
html[data-profile="kids"] .dbtn{width:var(--kids-drive-key);height:var(--kids-drive-key);border-radius:18px;background:#d9ede5;border:1px solid #a5cbbb;color:#17696b;font-size:27px;box-shadow:0 3px 0 #a5cbbb;touch-action:none}
html[data-profile="kids"] .dbtn.emp{visibility:hidden;box-shadow:none}
html[data-profile="kids"] .dbtn.stp{background:#f7b7a5;border-color:#cf8f80;color:#813f34;box-shadow:0 3px 0 #cf8f80}
html[data-profile="kids"] .dbtn:is(:active,.p){background:#087e83;color:white;border-color:#05686b;box-shadow:none}
html[data-profile="kids"] .dbtn.stp:is(:active,.p){background:#b75b49;color:white;border-color:#974838}
/* Code: tap to connect; classic Blockly and the codec remain shared. */
html[data-profile="kids"] .app.code-active{grid-template-columns:minmax(0,1fr) var(--editor-width);grid-template-rows:82px minmax(0,1fr)}
html[data-profile="kids"] .app.code-active .hdr{padding:12px 18px;gap:20px;overflow:visible}
html[data-profile="kids"] .app.code-active .hdr .logo{font-size:20px}
html[data-profile="kids"] .code-overlay{top:82px;--ed-frame:#fffdf7;--ed-panel:#f0f5eb;--ed-control:#ffffff;--ed-border:#d0dfd5;--ed-ink:#28565c;--ed-muted:#688079;--ed-accent:#087e83;--ed-canvas:#fcfdf8;box-shadow:none}
html[data-profile="kids"] .code-panel{border-left:1px solid #cadfd5}
html[data-profile="kids"] .code-overlay:not(.open){visibility:hidden}
html[data-profile="kids"] .code-panel-header{min-height:65px;padding:8px 12px}
html[data-profile="kids"] .code-tab{min-height:48px;font-size:18px!important;border-radius:14px}
html[data-profile="kids"] .code-tab.active{background:#d9eee4!important;color:#136d6d!important}
html[data-profile="kids"] .ed-font-controls{background:#eaf1e6;border-radius:14px}
html[data-profile="kids"] .free-editor .ed-font-controls{display:flex}
html[data-profile="kids"] #edFontLabel{display:none}
html[data-profile="kids"] :is(.ed-view-tools button,.code-panel-close,.mini-btn,.prog-ex-sel){min-width:48px;min-height:48px;height:48px;border-radius:13px;font-size:14px}
html[data-profile="kids"] .code-prog-col{padding:12px;position:relative}
html[data-profile="kids"] .code-prog-header{margin-bottom:8px}
html[data-profile="kids"] .free-tools{min-height:48px;color:#4b7774;padding:0 0 8px}
html[data-profile="kids"] :is(.free-version,.free-help){display:none!important}
html[data-profile="kids"] #freeFit{min-height:44px;border:1px solid #cadcd0;border-radius:12px;color:#42746c;background:white;padding:8px 14px;font-size:14px}
html[data-profile="kids"] .free-status{font-size:12px;color:#5e7c75;padding:8px 2px;min-height:30px}
html[data-profile="kids"] .kids-code-body{display:flex;flex:1;min-height:180px;min-width:0;gap:12px;overflow:hidden}
html[data-profile="kids"] .kids-code-body .free-canvas{flex:1;min-width:0;min-height:0;width:auto;border:1px solid #cbdcd0;border-radius:20px}
html[data-profile="kids"] .kids-command-palette{width:148px;flex-shrink:0;overflow-y:auto;padding:2px 4px 10px 0;scrollbar-width:thin;scrollbar-color:#b3cbbb transparent;display:flex;flex-direction:column;gap:10px}
html[data-profile="kids"] .kids-command-palette h3{font-size:12px;color:#637e72;margin:14px 4px 0}
html[data-profile="kids"] .kids-command-palette h3:first-child{margin-top:0}
html[data-profile="kids"] .kids-command-palette button{min-height:62px;border:1px solid var(--command-edge,#b5d9e1);border-bottom:4px solid var(--command-edge,#b5d9e1);border-radius:15px;background:var(--command-color,#d9eef6);color:#255563;font-size:16px;font-weight:750;display:flex;align-items:center;text-align:left;gap:8px;padding:10px;line-height:1.3;cursor:pointer;white-space:normal}
html[data-profile="kids"] .kids-command-palette button span{flex:1}
html[data-profile="kids"] .kids-command-palette button b{font-size:21px;opacity:.6}
html[data-profile="kids"] .kids-command-palette button:is([data-cls="pi-led"],[data-cls="pi-master"]){--command-color:#d9efdc;--command-edge:#afd4b8}
html[data-profile="kids"] .kids-command-palette button[data-cls="pi-sound"]{--command-color:#eadef8;--command-edge:#ccbae5}
html[data-profile="kids"] .kids-command-palette button:is([data-cls="pi-loop"],[data-cls="pi-wait"]){--command-color:#ffebba;--command-edge:#e4ce94}
html[data-profile="kids"] .kids-command-palette button[data-cls="pi-stop"]{--command-color:#f9dcd4;--command-edge:#e5b9ad}
html[data-profile="kids"] .kids-code-hint{font-size:13px;color:#56716b;flex:1;padding-right:10px;line-height:1.35}
html[data-profile="kids"] :is(.run-btn,.stop-prog-btn){min-height:62px;width:100%;font-size:22px;font-weight:800;border-radius:18px;border:0;border-bottom:4px solid #07656b;background:#07858a;color:white}
html[data-profile="kids"] .stop-prog-btn{background:#e7806e;border-color:#bd6053;color:#4f2d2b}
html[data-profile="kids"] .prog-output{font-size:12px;max-height:62px;background:#edf2e9;color:#55766d;border:0;border-radius:12px}
html[data-profile="kids"] .blocklyMainBackground{stroke:none}
html[data-profile="kids"] .blocklyText{fill:#234b50!important}
html[data-profile="kids"] .blocklyDropdownText{fill:#234b50!important}
html[data-profile="kids"] .blocklyEditableText .blocklyFieldRect{fill:#fafff7!important;fill-opacity:1}
html[data-profile="kids"] .kids-command-palette button{word-break:keep-all;gap:6px}
html[data-profile="kids"] .kids-command-palette button svg{flex-shrink:0;width:20px;height:20px}
html[data-profile="kids"] .shortcut-hint{display:none}
html[data-profile="kids"] :is(#bleDrawer,#bleOverlay){display:none!important}
html[data-profile="kids"] .ft{background:#fffdf7;color:#708b80;border-color:#d6e3d9}
html[data-profile="kids"] .warn-overlay{background:#1b484b55;backdrop-filter:none}
html[data-profile="kids"] :is(.warn-modal,.warn-box){background:var(--kids-paper);color:var(--kids-ink);border:1px solid #d6e3d8;border-radius:24px;padding:28px;box-shadow:0 16px 40px #234b4522;max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9bbeb0 var(--kids-paper)}
html[data-profile="kids"] .warn-title{color:#29585d;font-size:22px}
html[data-profile="kids"] .warn-msg{color:#5b7773;font-size:17px;line-height:1.6}
html[data-profile="kids"] .warn-icon{color:#bc8641}
html[data-profile="kids"] :is(.warn-ok,.warn-cancel){min-height:52px;min-width:100px;border-radius:14px;font-size:17px;padding:12px 22px}
html[data-profile="kids"] .warn-ok{background:#087e83;color:white;border:0}
html[data-profile="kids"] .warn-cancel{background:#e9f1e7;color:#496e66;border:1px solid #c9dcd0}
html[data-profile="kids"] :is(.warn-ok,.warn-cancel):hover{transform:none;filter:brightness(.96)}
html[data-profile="kids"] .warn-box .dialog-close{background:#e9f1e7;color:#315b61;border:1px solid #c9dcd0}
html[data-profile="kids"] :is(.warn-box,.warn-modal) :is(input,textarea){background:white!important;color:var(--kids-ink)!important;border:1px solid #bdd5c9!important;border-radius:12px;font-size:14px;min-height:48px}
html[data-profile="kids"] #shareCopiedMsg{color:#087e83!important}
/* Achievements: locked cards remain readable; earned cards use warm gold. */
html[data-profile="kids"] .ach-panel{max-width:620px}
html[data-profile="kids"] .ach-panel .warn-title{font-size:22px}
html[data-profile="kids"] .ach-panel-progress{color:#56716b;font-size:15px}
html[data-profile="kids"] .ach-grid{gap:10px}
html[data-profile="kids"] .ach-card{padding:16px 10px;background:#edf3e9;border:1px solid #cfdfd4;border-radius:18px}
html[data-profile="kids"] .ach-card.unlocked{background:#fff0bb;border-color:#d9bf70}
html[data-profile="kids"] .ach-card-icon{color:#779287;filter:none;opacity:1;margin-bottom:9px}
html[data-profile="kids"] .ach-card-icon .ico{width:30px;height:30px}
html[data-profile="kids"] .ach-card.unlocked .ach-card-icon{color:#92701d}
html[data-profile="kids"] .ach-card-name,html[data-profile="kids"] .ach-card.unlocked .ach-card-name{font-size:14px;font-weight:700;color:#28565c;line-height:1.4}
html[data-profile="kids"] .ach-hint{font-size:12px;line-height:1.5;color:#56716b;margin-top:6px}
html[data-profile="kids"] .ach-panel-actions{margin-top:20px}
html[data-profile="kids"] .ach-overlay{background:#1b484b55;backdrop-filter:none}
html[data-profile="kids"] .ach-modal{background:#fff6d6;border-color:#d9bf70;border-radius:26px;box-shadow:0 14px 40px #234b4533;max-width:calc(100% - 32px)}
html[data-profile="kids"] .ach-modal-icon{color:#92701d}
html[data-profile="kids"] .ach-modal-icon .ico{width:54px;height:54px}
html[data-profile="kids"] .ach-modal-title{color:#087e83;font-size:15px;letter-spacing:0}
html[data-profile="kids"] .ach-modal-name{color:#28565c;font-size:24px}
html[data-profile="kids"] .ach-modal-progress{color:#56716b;font-size:15px}
/* Readable overlays on both light and dark 3D environments. */
html[data-profile="kids"] :is(.hud-spd,.drive-info,.prerot-bar,.lunar-credit summary,.lunar-credit-card){background:#fffdf7f5;border-color:#bdd5c9;color:var(--kids-ink);box-shadow:0 4px 16px #234b451a}
html[data-profile="kids"] .hud-spd{border-radius:16px}
html[data-profile="kids"] .hud-spd .sv{color:#087e83}
html[data-profile="kids"] .hud-spd :is(.sl,.su){color:#56716b;font-size:12px}
html[data-profile="kids"] .mc{background:#edf3e9;border-color:#c8ddd0;border-radius:12px}
html[data-profile="kids"] .mc :is(.mn,.md){color:#56716b;font-size:12px}
html[data-profile="kids"] .mc .mv{color:#087e83}
html[data-profile="kids"] .drv-out-sec{background:#edf3e9;border-color:#c8ddd0}
html[data-profile="kids"] .drv-out-hdr{color:#315b61}
html[data-profile="kids"] .drv-out-grid .do-btn{background:#fffdf7;border-color:#b9d5c8;color:#28565c}
html[data-profile="kids"] .drv-out-grid .do-btn:is(:hover,.act){background:#d9eee4;border-color:#087e83}
html[data-profile="kids"] .chint{color:#56716b;background:#fffdf7ed;border-radius:10px;padding:6px 8px}
html[data-profile="kids"] .chint .k{color:#28565c;background:#edf3e9;border-color:#bdd5c9}
html[data-profile="kids"] :is(.place-hint,.stack-badge){background:#e1f0e6;border-color:#8ebcac;color:#28565c}
html[data-profile="kids"] :is(.place-why,.drive-toast){background:#fff0d5;border-color:#d9b16b;color:#765422;box-shadow:none}
html[data-profile="kids"] .prerot-bar .pr-info{color:var(--kids-ink)}
html[data-profile="kids"] .prerot-bar :is(.pr-rot,.pr-hint){color:#56716b}
html[data-profile="kids"] .prerot-bar .pr-btn{background:#d9eee4;border-color:#a6cfc0;color:#28565c}
html[data-profile="kids"] .prerot-bar .pr-btn:active{background:#087e83;color:white}
html[data-profile="kids"] .lunar-credit{z-index:14}
html[data-profile="kids"] .lunar-credit summary{border-radius:14px;min-height:44px;display:list-item;align-content:center}
html[data-profile="kids"] .lunar-credit-card{border-radius:14px;font-size:14px}
html[data-profile="kids"] .lunar-credit-card a{color:#087e83}
html[data-profile="kids"] .lunar-credit-card :is(small,.lunar-credit-note){color:#56716b;border-color:#c8ddd0}
html[data-profile="kids"] .polar-views .btn{background:#edf3e9;border-color:#b9d5c8;color:#28565c;min-height:48px;border-radius:12px}
html[data-profile="kids"] .polar-views .btn:is(:hover,:active){background:#d9eee4}
html[data-profile="kids"] .sim-settings .set-ico{color:#087e83}
html[data-profile="kids"] :is(.code-overlay,.hdr,.lpan,.rpan,.sim-settings,#drvCtrl,#cams) button:not(:disabled):active{background:#087e83!important;color:white!important}
html[data-profile="kids"] :is(#bS,.stop-prog-btn):not(:disabled):active{background:#b75b49!important;color:white!important}
html[data-profile="kids"] .sim-settings .set-lbl{color:#315b61}
html[data-profile="kids"] .hdr .sim-settings .btn span{display:inline-flex!important}
html[data-profile="kids"] .sim-settings :is(.setting-value,#expLvl){color:#087e83}
html[data-profile="kids"] .sim-settings select{font-size:16px!important}
html[data-profile="kids"] .sim-settings::backdrop{background:#1b484b55;backdrop-filter:none}
html[data-profile="kids"] .free-editor .code-prog-col :is(.run-btn,.stop-prog-btn){min-height:62px;font-size:22px;font-weight:800;border-radius:18px;border:0;border-bottom:4px solid #07656b;background:#07858a;color:white}
html[data-profile="kids"] .free-editor .code-prog-col .stop-prog-btn{background:#e7806e;border-color:#bd6053;color:#4f2d2b}
html[data-profile="kids"] .tutorial-modal :is(.tut-next,.tut-finish){background:#087e83;color:white;border:0;padding:12px 22px}
html[data-profile="kids"] .tutorial-modal .tut-prev{background:#e8f0e5;color:#51756b;border:1px solid #cdddce}
html[data-profile="kids"] .kids-block-toolbar button{width:54px!important;height:54px!important;border:1px solid #c5dace!important;box-shadow:none!important;background:#fffdf7!important}
/* Utility screens and illustrated onboarding. */
html[data-profile="kids"] .sim-settings{background:#fffdf7;color:#355d61;border:1px solid #c6ded2;border-radius:22px;box-shadow:0 12px 32px #1b514422;max-height:calc(100dvh - 105px);overflow-y:auto;width:330px}
html[data-profile="kids"] .sim-settings h3{font-size:13px;color:#658074}
html[data-profile="kids"] .sim-settings :is(button,select){min-height:48px;font-size:15px;background:white!important;color:#3b6568!important;border-color:#d1e1d6!important;border-radius:12px}
html[data-profile="kids"] .sim-settings .sim-settings-heading{color:#285b61}
html[data-profile="kids"] .kids-grownup-actions{display:flex;flex-direction:column;gap:8px;border-top:1px solid #d5e1d7;padding-top:14px;margin-top:14px}
/* The environment picker shares stage markup; target its actual DOM. */
html[data-profile="kids"] #themeDropdown{background:#f0f5eb;border:1px solid #c6ded2;border-radius:16px;padding:6px;scrollbar-width:thin;scrollbar-color:#9bbeb0 #f0f5eb}
html[data-profile="kids"] #themeDropdown .stage-opt{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;row-gap:3px;min-height:64px;padding:10px;border:1px solid transparent;border-radius:12px;background:#fffdf7;cursor:pointer}
html[data-profile="kids"] #themeDropdown .stage-opt+.stage-opt{margin-top:4px}
html[data-profile="kids"] #themeDropdown .stage-opt:is(:hover,:active,:focus-visible){background:#d9eee4;border-color:#a6cfc0}
html[data-profile="kids"] #themeDropdown .stage-icon{grid-column:1;grid-row:1 / 3;min-width:0;align-self:center;color:#087e83}
html[data-profile="kids"] #themeDropdown .stage-label{grid-column:2;grid-row:1;color:#28565c;font-size:15px;font-weight:700;white-space:normal;line-height:1.35;overflow-wrap:anywhere}
html[data-profile="kids"] #themeDropdown .stage-desc{grid-column:2;grid-row:2;margin-left:0;color:#56716b;font-size:12px;white-space:normal;line-height:1.4;overflow-wrap:anywhere}
html[data-profile="kids"] #themeDropdown .stage-sep{background:#d0e0d4;margin:6px 10px}
html[data-profile="kids"] .tutorial-overlay{background:#1b484b55;backdrop-filter:none}
html[data-profile="kids"] .tutorial-modal{background:#fffdf7;color:#285a60;border:1px solid #dae5da;border-radius:30px;max-width:510px;padding:30px;box-shadow:0 18px 50px #20494022}
html[data-profile="kids"] .tutorial-desc{font-size:22px;line-height:1.55;color:#275b60;margin:20px 0;word-break:keep-all}
html[data-profile="kids"] .tutorial-modal button{min-height:48px;min-width:48px;border-radius:14px;font-size:16px}
html[data-profile="kids"] .tutorial-next{background:#087e83;color:white}
html[data-profile="kids"] .tutorial-close{color:#597974}
html[data-profile="kids"] .tutorial-dots .dot{background:#c9ddd1;width:11px;height:11px}
html[data-profile="kids"] .tutorial-dots .dot.active{background:#087e83}
@media(max-width:1150px){
 html[data-profile="kids"] .app{grid-template-columns:316px minmax(0,1fr)}
 html[data-profile="kids"] :is(.hdr,.app.code-active .hdr){gap:10px;padding:10px 12px}
 html[data-profile="kids"] .app .hdr .mtab{min-width:90px;padding:10px;font-size:15px}
 html[data-profile="kids"] :is(.hdr .logo,.app.code-active .hdr .logo){font-size:17px}
 html[data-profile="kids"] #presets{--kids-art-w:78px}
 html[data-profile="kids"] .preset-name{font-size:18px}
 html[data-profile="kids"] .preset-mission{font-size:14.5px}
 html[data-profile="kids"] .kids-command-palette{width:148px}
 html[data-profile="kids"] #edFocus{font-size:12px;padding:0 8px}
 html[data-profile="kids"] .ed-view-tools{gap:3px}
 html[data-profile="kids"] .kids-to-code{font-size:17px;padding:12px 18px;bottom:84px}
}
@media(max-width:900px){
 html[data-profile="kids"] .app{grid-template-columns:296px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr)}
 html[data-profile="kids"] #presets{--kids-art-w:72px}
 html[data-profile="kids"] .preset-icon{height:66px}
 html[data-profile="kids"] .preset-name{font-size:17px}
 html[data-profile="kids"] .preset-mission{font-size:14px}
 html[data-profile="kids"] .hdr .logo{font-size:16px}
 html[data-profile="kids"] .hdr .mode-tabs{padding:4px}
 html[data-profile="kids"] .app .hdr .mtab{min-width:70px;font-size:14px;padding:8px;gap:4px}
 html[data-profile="kids"] .mtab svg{width:20px;height:20px}
 html[data-profile="kids"] .hright{gap:4px}
 html[data-profile="kids"] .rpan{position:absolute;right:10px;top:90px;width:164px;max-height:44vh;overflow-y:auto;border:1px solid #d0dfd5;border-radius:18px;background:#fffdf7eb;z-index:12;padding:8px}
 html[data-profile="kids"] .rpan:has(#rotToolbar[style*="display: none"]){display:none}
 html[data-profile="kids"] .app.code-active{grid-template-columns:1fr;grid-template-rows:76px 160px minmax(0,1fr)}
 html[data-profile="kids"] .app.code-active #sc{grid-row:2;grid-column:1;height:160px}
 html[data-profile="kids"] :is(.code-overlay,.code-overlay.running){top:236px;width:100vw}
 html[data-profile="kids"] .app.code-active .rpan{display:none}
 html[data-profile="kids"] .app.code-active .kids-drive-dock{bottom:6px;left:8px;max-width:calc(100% - 16px)}
 html[data-profile="kids"] .app.code-active #cams .cbtn{min-height:40px;padding:5px 8px;font-size:11px}
 html[data-profile="kids"] .code-panel-header{min-height:60px}
 html[data-profile="kids"] .code-prog-header{margin:0 0 6px}
 html[data-profile="kids"] .free-tools{min-height:42px}
 html[data-profile="kids"] .kids-welcome{gap:25px}
 html[data-profile="kids"] .kids-welcome h1{font-size:38px}
 html[data-profile="kids"] .intro-start{min-width:180px}
}
@media(max-width:600px){
 html[data-profile="kids"] .ach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-profile="kids"] :is(.warn-box,.warn-modal){padding:20px}
 html[data-profile="kids"] .ach-card{padding:12px 8px}
 html[data-profile="kids"] .app[data-kids-mode="drive"]{grid-template-columns:minmax(0,1fr)}
 html[data-profile="kids"] .app[data-kids-mode="drive"] .lpan{display:none}
 html[data-profile="kids"] .intro{padding:24px 20px;justify-content:flex-start}
 html[data-profile="kids"] .kids-welcome{display:flex;flex-direction:column;gap:8px;max-width:420px;text-align:center}
 html[data-profile="kids"] .kids-welcome-art{width:min(78vw,300px);flex:0 0 auto}
 html[data-profile="kids"] .kids-art-code{width:40px;height:36px;border-width:2px;border-radius:12px}
 html[data-profile="kids"] .kids-art-code svg{width:23px;height:23px}
 html[data-profile="kids"] .kids-art-spark{font-size:30px}
 html[data-profile="kids"] .kids-welcome h1{font-size:32px;margin:18px 0 12px;letter-spacing:-1px}
 html[data-profile="kids"] .kids-welcome-copy>p{font-size:16px;margin-bottom:12px}
 html[data-profile="kids"] .kids-welcome-steps{display:none}
 html[data-profile="kids"] :is(.kids-welcome-language,.kids-welcome-actions){justify-content:center}
 html[data-profile="kids"] .kids-wordmark{font-size:19px}
 html[data-profile="kids"] .intro-start{width:100%;min-height:60px}
 html[data-profile="kids"] .app{grid-template-columns:minmax(0,1fr);grid-template-rows:70px minmax(0,1fr);--kids-dock-h:clamp(230px,40dvh,360px)}
 html[data-profile="kids"] :is(.hdr,.app.code-active .hdr){padding:7px;gap:6px;overflow:hidden}
 html[data-profile="kids"] .hdr .logo{display:none}
 html[data-profile="kids"] .hdr .mode-tabs{flex:1 1 auto;min-width:0;gap:3px;padding:3px}
 html[data-profile="kids"] .app .hdr .mtab{display:flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;font-size:12px;flex-direction:column;gap:2px;min-height:48px;padding:4px 2px;border-radius:12px}
 html[data-profile="kids"] .hdr .hright{flex:0 0 auto;margin-left:0;gap:4px}
 html[data-profile="kids"] .hdr .btn{min-width:44px;min-height:48px;padding:8px}
 html[data-profile="kids"] :is(#undoBtn,#redoBtn) svg{width:22px;height:22px}
 html[data-profile="kids"] :is(#undoBtn,#redoBtn):disabled{opacity:.55}
 html[data-profile="kids"] #settingsBtn span{display:none}
 html[data-profile="kids"] .lpan{padding:9px 9px 34px}
 html[data-profile="kids"] .kids-picker-tabs{top:-9px;gap:3px;padding:3px;border-radius:13px}
 html[data-profile="kids"] .kids-picker-tabs button{font-size:13px;flex-direction:column;gap:3px;padding:5px;min-height:58px}
 html[data-profile="kids"] .kids-picker-title{font-size:21px;margin:16px 3px 12px}
 /* Build screen on a phone: the lesson list is a full-width page while the build is empty,
    then a bottom dock under the 3D view (the old off-canvas drawer had no way to open). */
 html[data-profile="kids"] .app[data-kids-mode="build"]{grid-template-rows:70px minmax(0,1fr) var(--kids-dock-h)}
 html[data-profile="kids"] .app[data-kids-mode="build"] #sc{grid-column:1;grid-row:2}
 html[data-profile="kids"] .app[data-kids-mode="build"] #lpan{position:relative;top:auto;bottom:auto;left:auto;transform:none;transition:none;grid-column:1;grid-row:3;z-index:20;border-right:0;border-top:1px solid var(--kids-line);border-radius:22px 22px 0 0;box-shadow:0 -6px 18px #1d4f4a1f}
 html[data-profile="kids"] .app.kids-picker-full[data-kids-mode="build"]{grid-template-rows:70px minmax(0,1fr)}
 html[data-profile="kids"] .app.kids-picker-full[data-kids-mode="build"] #lpan{grid-row:2;border-top:0;border-radius:0;box-shadow:none;padding:12px 12px 34px}
 html[data-profile="kids"] .app:not(.kids-picker-full) .kids-picker-title{display:none}
 html[data-profile="kids"] #presets{--kids-art-w:76px;gap:10px!important}
 html[data-profile="kids"] .preset-btn{min-height:84px}
 html[data-profile="kids"] .preset-icon{height:64px}
 html[data-profile="kids"] .preset-name{font-size:18px}
 html[data-profile="kids"] .preset-mission{font-size:14.5px}
 html[data-profile="kids"] .app.kids-picker-full #presets{--kids-art-w:92px;gap:12px!important}
 html[data-profile="kids"] .app.kids-picker-full .preset-btn{min-height:96px}
 html[data-profile="kids"] .app.kids-picker-full .preset-icon{height:76px}
 html[data-profile="kids"] .app.kids-picker-full .preset-name{font-size:20px}
 html[data-profile="kids"] .app.kids-picker-full .preset-mission{font-size:15.5px}
 html[data-profile="kids"] :is(#bp,#ap){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 html[data-profile="kids"] .blk-btn{min-height:104px;padding:6px;gap:4px}
 html[data-profile="kids"] .blk-btn .th,html[data-profile="kids"] .blk-btn .th img{width:52px;height:52px}
 html[data-profile="kids"] .blk-btn .bn{font-size:13px;word-break:keep-all}
 html[data-profile="kids"] .kids-parts-title{margin:14px 4px 8px}
 html[data-profile="kids"] .kids-point{transform:rotate(-90deg)}
 html[data-profile="kids"] .app[data-kids-mode="build"] .kids-to-code{top:10px;bottom:auto;min-height:54px;padding:10px 20px;font-size:17px;gap:16px}
 html[data-profile="kids"] .kids-scene-welcome{top:25%;left:8%;right:8%}
 html[data-profile="kids"] .kids-scene-welcome h2{font-size:23px}
 html[data-profile="kids"] .kids-scene-welcome p{font-size:14px}
 html[data-profile="kids"] .kids-empty-symbol img{width:70px;height:70px}
 html[data-profile="kids"] .kids-empty-symbol img+img{width:60px;height:60px}
 html[data-profile="kids"] .rpan{top:82px;right:6px;width:158px}
 html[data-profile="kids"] .app.code-active{grid-template-rows:70px 128px minmax(0,1fr)}
 html[data-profile="kids"] .app.code-active #sc{height:128px}
 html[data-profile="kids"] :is(.code-overlay,.code-overlay.running){top:198px}
 html[data-profile="kids"] .code-tabs{display:none}
 html[data-profile="kids"] .ed-view-tools{margin-left:0;flex:1}
 html[data-profile="kids"] .code-panel-header{padding:6px;min-height:58px}
 html[data-profile="kids"] .code-prog-col{padding:8px}
 html[data-profile="kids"] .ed-workspace-title{font-size:15px}
 html[data-profile="kids"] .prog-ex-sel{max-width:110px}
 html[data-profile="kids"] .code-prog-header{gap:4px}
 html[data-profile="kids"] .kids-command-palette{width:128px;gap:8px}
 html[data-profile="kids"] .kids-command-palette button{font-size:14px;padding:8px;min-height:60px}
 html[data-profile="kids"] .kids-code-body{gap:7px}
 html[data-profile="kids"] .kids-code-hint{font-size:12px}
 html[data-profile="kids"] .free-status{font-size:11px;min-height:24px}
 html[data-profile="kids"] .prog-output{display:none}
 html[data-profile="kids"] :is(.run-btn,.stop-prog-btn){min-height:56px}
 html[data-profile="kids"] .sim-settings{position:fixed;top:76px;right:8px;max-width:calc(100vw - 16px)}
 html[data-profile="kids"] .tutorial-modal{padding:24px 20px;width:calc(100vw - 28px)}
 html[data-profile="kids"] .tutorial-desc{font-size:20px}
}
/* style.css parks the right panel off-screen below 480px (it widened the page and was never reachable); keep it hidden without the overflow. */
@media(max-width:480px){html[data-profile="kids"] .rpan{display:none}}
html[data-profile="kids"] .editor-focus .app.code-active{grid-template-columns:0 minmax(0,1fr);grid-template-rows:82px minmax(0,1fr)}
html[data-profile="kids"] .editor-focus .code-overlay{top:82px;width:100vw}
html[data-profile="kids"] .editor-focus .app.code-active #sc{visibility:hidden}
@media(max-width:900px){html[data-profile="kids"] .editor-focus .code-overlay{top:76px}}
@media(max-width:600px){html[data-profile="kids"] .editor-focus .code-overlay{top:70px}}

/* First light activity: picture choices edit the native block visible just below. */
html[data-profile="kids"] .kids-light-play{flex:0 0 auto;margin:0 0 10px;padding:14px 16px;background:#fffdf6;border:1px solid #d8e6d8;border-radius:22px}
html[data-profile="kids"] .kids-light-play[hidden]{display:none}
html[data-profile="kids"] .kids-light-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
html[data-profile="kids"] .kids-light-heading h2{margin:0;font-size:22px;letter-spacing:-.6px;color:#234e55;word-break:keep-all}
html[data-profile="kids"] .kids-light-hint{margin:0;font-size:13px;line-height:1.5;color:#648277;word-break:keep-all}
html[data-profile="kids"] .kids-light-history{display:flex;gap:6px;flex-shrink:0}
html[data-profile="kids"] .kids-light-history button{width:48px;height:48px;border:1px solid #c8dcd0;background:#f7faf3;border-radius:14px;color:#39666a;cursor:pointer;touch-action:manipulation}
html[data-profile="kids"] .kids-light-history button:disabled{opacity:.35;cursor:default}
html[data-profile="kids"] .kids-light-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html[data-profile="kids"] .kids-light-choices button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:90px;padding:10px;background:#edf3e9;color:#355d61;border:2px solid transparent;border-bottom:5px solid #cfdecf;border-radius:18px;font:700 18px Outfit,sans-serif;cursor:pointer;touch-action:manipulation}
html[data-profile="kids"] .kids-light-choices button[aria-pressed="true"]{background:#e0f4e9;border-color:#128b83;box-shadow:0 0 0 2px #128b8312}
html[data-profile="kids"] .kids-light-choices button:focus-visible{outline:3px solid #d29b21;outline-offset:3px}
html[data-profile="kids"] .kids-light-choices button:disabled{opacity:.65;cursor:default}
html[data-profile="kids"] .kids-light-choices svg{width:64px;height:64px;flex-shrink:0}
html[data-profile="kids"] .kids-light-feedback{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding-top:10px;text-align:center;color:#50776c}
html[data-profile="kids"] .kids-light-feedback strong{display:block;font-size:15px;line-height:1.45}
html[data-profile="kids"] .kids-light-feedback small{display:block;font-size:13px;line-height:1.5}
html[data-profile="kids"] .kids-light-feedback[data-state="success"]{color:#087c74}
html[data-profile="kids"] .kids-light-lit{width:42px;height:42px;flex-shrink:0}
html[data-profile="kids"] .kids-light-lit[hidden]{display:none}
html[data-profile="kids"] .code-overlay.kids-light-lesson :is(.code-prog-header,.free-tools,.free-status){display:none!important}
html[data-profile="kids"] .app.kids-light-lesson #buildInfo .collapse-toggle{display:none}
html[data-profile="kids"] .app.kids-light-lesson #hudSpd{display:none}
html[data-profile="kids"] .app.kids-light-lesson .kids-ready img{width:50px;height:50px;object-fit:contain}
html[data-profile="kids"] #progList .blocklyDropdownText{fill:#234b50!important}
@media(max-width:1150px){
 html[data-profile="kids"] .kids-light-heading{align-items:center}
 html[data-profile="kids"] .kids-light-hint{margin-top:4px}
 html[data-profile="kids"] .kids-light-choices button{font-size:15px;gap:7px;padding:8px}
 html[data-profile="kids"] .kids-light-choices svg{width:54px;height:54px}
}
@media(max-width:600px){
 html[data-profile="kids"] .kids-light-play{padding:10px;border-radius:16px;margin-bottom:8px}
 html[data-profile="kids"] .kids-light-heading h2{font-size:17px;max-width:185px}
 html[data-profile="kids"] .kids-light-heading{margin-bottom:8px}
 html[data-profile="kids"] .kids-light-hint{display:none}
 html[data-profile="kids"] .kids-light-choices{gap:7px}
 html[data-profile="kids"] .kids-light-choices button{min-height:84px;flex-direction:column;gap:5px;padding:6px;font-size:13px;border-radius:13px}
 html[data-profile="kids"] .kids-light-choices svg{width:44px;height:44px}
 html[data-profile="kids"] .kids-light-feedback{min-height:36px;gap:6px;padding-top:6px}
 html[data-profile="kids"] .kids-light-feedback strong{font-size:13px}
 html[data-profile="kids"] .kids-light-feedback small{font-size:12px}
 html[data-profile="kids"] .kids-light-lit{width:32px;height:32px}
 html[data-profile="kids"] .code-overlay.kids-light-lesson .kids-command-palette{width:100px}
 html[data-profile="kids"] .code-overlay.kids-light-lesson .kids-command-palette button{font-size:12px;gap:4px;padding:6px;min-height:52px}
}