@font-face{font-family:AtlasDisplay;src:url('assets/atlas-display.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:AtlasDisplay;src:url('assets/atlas-display-italic.woff') format('woff');font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:AtlasUI;src:url('assets/atlas-ui.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:AtlasUI;src:url('assets/atlas-ui-semibold.woff') format('woff');font-weight:600 800;font-display:swap}
[hidden]{display:none!important}.lesson{--paper:#f6edd7;--forest:#285c50;--muted:#899279;--ochre:#bd8c50;position:fixed;inset:0;z-index:20;padding:0 20px 18px;background:radial-gradient(ellipse at 100% 100%,#35615300,#183f3800 70%),linear-gradient(135deg,#173e38,#28584a);color:var(--forest);font-family:AtlasUI,Arial,sans-serif;display:flex;flex-direction:column}.lesson *{box-sizing:border-box}.lesson button,.lesson select,.lesson input{font-family:AtlasUI,Arial,sans-serif}.lesson button{transition:background .18s,box-shadow .18s,transform .18s;touch-action:manipulation}.lesson button:disabled{cursor:not-allowed;opacity:.35}.lesson button:focus-visible,.lesson input:focus-visible,.lesson select:focus-visible{outline:3px solid #d68e4d;outline-offset:3px}.lesson h2,.lesson h3{font-family:AtlasDisplay,Georgia,serif;font-weight:700}.lesson em{font-family:AtlasDisplay,Georgia,serif;font-weight:700;font-style:italic}.lesson-header{position:relative;inset:auto;padding:0 12px;height:74px;min-height:74px;display:flex;align-items:center;justify-content:initial;gap:28px;border:0;background:transparent;color:#efecd8}.back-atlas{display:flex;align-items:center;gap:9px;padding:8px 0;border:0;border-bottom:1px solid #acc5a83d;border-radius:0;background:none;color:#b5cbb7;font-size:11px}.back-atlas:hover{color:#f9e6b8}.lesson-brand{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:2px;color:#ede7cd}.lesson-brand>span{font-size:38px;color:#e9bc7b;line-height:1}.lesson-brand small{display:block;margin-top:6px;font-size:7px;letter-spacing:2.1px;color:#92b49d}.level-pill{margin-left:auto;display:flex;align-items:center;gap:22px;border:0;background:none;color:#b1c7b2;padding:9px 0;font-size:10px}.level-dots{display:flex;gap:6px}.level-dots i{height:5px;width:5px;border-radius:50%;background:#a6bda333}.level-dots i.current{background:#ecc68b;box-shadow:0 0 0 4px #f3d09a10}.level-caption{font-size:9px;letter-spacing:.5px}.level-caption b{color:#f4d39d;font-size:15px;font-weight:600;margin:0 5px}.lesson-header-actions{display:flex;gap:8px;padding-left:25px;border-left:1px solid #afc39a2b}.lesson-header-actions button{border:1px solid #aec4a42b;border-radius:50%;height:32px;width:32px;background:#fff04;color:#d1d9bc;font-size:16px}.lesson-header-actions button:hover{background:#bcd5b522;color:#fff0ce}.lesson-studio{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;border:1px solid #faf4dc90;border-radius:21px;background:var(--paper);box-shadow:0 22px 65px #0a211c44,0 0 0 5px #acbd9d0a}.lesson-studio:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:20px;box-shadow:inset 0 0 0 5px #fffff30e,inset 0 0 0 1px #fff9}.lesson-shell{flex:1;min-height:0;display:grid;grid-template-columns:minmax(410px,41%) minmax(0,1fr)}.code-pane{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid #c4c6a366;background:linear-gradient(110deg,#f8f0de,#f5ecd6)}.code-tabs{height:63px;min-height:63px;display:flex;align-items:center;gap:5px;padding:10px 22px;border-bottom:1px solid #d3cfb578;background:#f6eedc}.code-tabs button{padding:9px 14px;background:none;border:1px solid transparent;border-radius:8px;font-size:11px;font-weight:600;color:#a3a48c;white-space:nowrap}.code-tabs button[aria-selected=true]{background:#315f50;color:#f3edce;box-shadow:0 3px 8px #28514012;border-color:#285a4b}.code-tabs button:hover:not([aria-selected=true]){color:#54745c;background:#e9e6d0}.code-tabs small{font-size:7px;font-weight:400;opacity:.65;margin-left:3px}.editor-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px;flex-shrink:0}.mini-label{font-size:7px;letter-spacing:1.9px;font-weight:600;color:#b0966e}.editor-heading h2{font-size:29px;line-height:1.2;letter-spacing:-1.4px;margin:10px 0 0;color:#345e4d}.editor-heading h2 em{display:inline-block;color:#ba8050;transform:rotate(-3deg);padding-right:4px}.editor-emblem{position:relative;font-size:42px;line-height:1;width:49px;height:49px;display:grid;place-items:center;color:#bdc39d;border:1px solid #cbd0af6b;border-radius:50%;transform:rotate(-10deg)}.editor-emblem:before{content:'';position:absolute;inset:-5px;border:1px dashed #d0cfac6b;border-radius:50%}.block-view{flex:1;min-height:0;display:flex;margin:0 0 0 0;border-top:1px solid #d6d2b754}.block-palette{width:153px;flex-shrink:0;padding:21px 16px 15px 22px;background:none;border-right:1px dashed #c8c9aa80}.block-palette>.mini-label{color:#829179;letter-spacing:1.3px;font-size:7px}.block-palette>p{font-size:8px;margin:7px 0 24px;color:#acae94}.palette-block{position:relative;display:flex;align-items:center;gap:7px;text-align:left;width:100%;padding:14px 9px;margin:0 0 15px;min-height:46px;border:1px solid #275c4b26;border-radius:5px 9px 9px 5px;color:#fff9e1;font-size:10px;font-weight:600;box-shadow:inset 0 1px #ffffff36,inset 0 -3px #173b2e22,0 4px 9px #69562c0b;cursor:grab}.palette-block:before,.command-card:before{content:'';position:absolute;left:16px;top:-5px;width:24px;height:8px;border-radius:4px 4px 0 0;background:inherit}.palette-block:after,.command-card:after{content:'';position:absolute;left:16px;bottom:-5px;width:24px;height:8px;border-radius:0 0 4px 4px;background:inherit}.palette-block>span{font-size:19px;line-height:1}.palette-block small{display:none}.forward{background:#4b998a;background:linear-gradient(120deg,#4e9b8a,#3c8d83)}.turn{background:#c99b4f;background:linear-gradient(120deg,#d2ab67,#c59b55)}.palette-block:hover{transform:translateY(-2px);box-shadow:inset 0 -3px #173b2e22,0 6px 10px #4b65421b}.palette-tip{margin-top:30px;border-top:1px solid #d4d4b77d;padding-top:18px}.palette-tip>span{color:#c79a58;font-size:24px;display:inline-block;transform:rotate(-10deg)}.palette-tip p{font-size:9px;line-height:1.9;color:#999f80;margin-top:8px}.palette-tip b{color:#7f926e;font-weight:600}.workspace-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background-image:radial-gradient(#abb89559 .7px,transparent .7px);background-size:17px 17px;background-position:10px 8px}.workspace-tools{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:7px 18px;background:#f6eedbb3;border-bottom:1px solid #e2dfc845;color:#a6ad90;font-size:8px}.workspace-tools b{color:#7b987b;font-weight:600}.workspace-tools button{font-size:16px;color:#8e9f7a;border:0;background:none;padding:2px 5px}.workspace-tools button:not(:disabled):hover{color:#386d56}.workspace{position:relative;flex:1;min-height:0;overflow:auto;padding:27px 25px 30px}.workspace:before{content:'';position:absolute;top:40px;left:51px;bottom:35px;border-left:1px dashed #bbbf995e;pointer-events:none}.start-block{position:relative;border-radius:13px 13px 5px 5px;background:linear-gradient(120deg,#d98f58,#cb7b46);width:205px;max-width:100%;color:#fff3d4;padding:16px 16px;font-size:12px;font-weight:600;box-shadow:inset 0 1px #ffedc055,inset 0 -3px #a76b3c38,0 4px 8px #7652210b}.start-block:after{content:'';position:absolute;bottom:-6px;left:18px;height:9px;width:24px;border-radius:0 0 4px 4px;background:#d48a53;z-index:1}#program{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:8px 0 0}.command-card{position:relative;display:flex;gap:7px;align-items:center;padding:13px 8px 13px 11px;max-width:100%;width:max-content;min-width:205px;min-height:55px;border:2px solid transparent;border-radius:5px 9px 9px 5px;color:#fff4d9;font-size:11px;font-weight:600;box-shadow:inset 0 1px #ffffff26,inset 0 -3px #153f3326,0 4px 10px #40694c08;cursor:grab;isolation:isolate}.drag-handle{font-size:15px;color:#bce1c5;line-height:1}.command-card.turn .drag-handle{color:#f2dfaa}.command-card input{width:34px;height:28px;background:#276e63;border:1px solid #1d665657;border-radius:5px;color:#fff2c9;text-align:center;font-size:12px;font-weight:600;padding:0;box-shadow:inset 0 2px 3px #163e3a14}.command-card input::-webkit-inner-spin-button{opacity:1}.command-card small{font-size:8px;color:#cae1ca;font-weight:400}.command-actions{display:flex;gap:0;margin-left:3px}.command-actions button{padding:3px;border:0;background:none;color:#bbddc39c;font-size:11px}.command-actions button:not(:disabled):hover{color:#fff6cf;background:#194b3f26;border-radius:3px}.command-card.executing{border-color:#ffd07b;box-shadow:0 0 0 4px #e3b4632b,0 6px 15px #38533322;animation:command-pulse 1.6s ease-in-out infinite}.command-card.dragging{opacity:.4}.command-card.drag-over{border-top:3px solid #d69c5c}.drop-zone{position:relative;display:flex;gap:8px;align-items:center;max-width:205px;padding:12px 14px;margin-top:25px;border:1px dashed #b6c2a19c;border-radius:8px;background:#f6efd870;color:#99ac85;font-size:17px;cursor:pointer}.drop-zone span{font-size:8px}.drop-zone:hover{background:#e4e7ca8c}.workspace.drag-over{background:#d7e8cb6b;outline:2px dashed #79aa88;outline-offset:-7px}.workspace-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 17px;background:#f3ecd8;border-top:1px solid #dedbc361;font-size:7px;color:#a4ad8e}.workspace-foot button{font-size:8px;color:#7b9876;background:none;border:0;text-decoration:underline;text-underline-offset:3px}.code-preview{flex:1;overflow:auto;min-height:180px;white-space:pre-wrap;background:#31574d;color:#e5e8c9;border:1px solid #52776530;border-radius:10px;margin:0 22px 10px;padding:24px;font:12px/2.2 monospace}.preview-note{font-size:9px;line-height:1.8;padding:7px 24px 15px;color:#909d7f}.result-pane{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--paper)}.scene-toolbar{height:63px;min-height:63px;display:flex;align-items:center;gap:12px;padding:10px 24px;background:#f6eedc;border-bottom:1px solid #d3cfb578}.run-controls{display:flex;gap:7px;align-items:center}.run-code{min-width:132px;border:1px solid #b7724038;border-radius:8px;background:linear-gradient(130deg,#d58b54,#c97743);padding:10px 17px;color:#fff5dc;font-size:12px;font-weight:600;box-shadow:inset 0 1px #ffdaa862,0 2px #a8673c8a,0 4px 12px #bc7b3b20}.run-code>span{font-size:11px;margin-right:7px}.run-code:hover{background:#c6743e;transform:translateY(-1px);box-shadow:inset 0 1px #ffdaa850,0 3px #a46a3b88,0 5px 15px #bc7b3b30}.small-control{width:36px;height:35px;border:1px solid #cbd0b366;border-radius:7px;background:#ece9d3;color:#6f906c;font-size:18px;box-shadow:inset 0 1px #ffffec80}.small-control:not(:disabled):hover{background:#e1e6c8}.speed-control{display:flex;gap:6px;align-items:center;margin-left:auto;color:#9ba88a;font-size:8px}.speed-control select{padding:6px 7px;border:1px solid #c7d0b16b;border-radius:5px;background:#efecd7;color:#78906d;font-size:9px}.task-toggle{border:0;background:none;color:#8b9e7d;font-size:9px}.lesson-scene{position:relative;flex:1;min-height:250px;overflow:hidden;background:#f6edd7}#lesson-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.scene-title{position:absolute;top:24px;left:29px;pointer-events:none}.scene-title .mini-label{font-size:7px;color:#aa956f;letter-spacing:1.8px}.scene-title h2{font-size:clamp(28px,3.1vw,47px);line-height:1.04;color:#3e6752;letter-spacing:-2px;margin:12px 0 12px}.scene-title h2 em{display:inline-block;color:#b27c4a;transform:rotate(-3deg);transform-origin:left bottom}.scene-title p{font-size:8px;color:#96a17f;margin:0;letter-spacing:.1px}.collect-counter{position:absolute;right:25px;top:28px;display:flex;align-items:center;gap:9px;padding:8px 12px;background:#fbf2d89e;border:1px solid #ffffed90;border-radius:20px;box-shadow:0 4px 12px #a89d7020;backdrop-filter:blur(8px);color:#b6b28b;font-size:10px}.collect-counter span:first-child{color:#c29550;font-size:21px;line-height:1}.collect-counter b{color:#6d845b;font-size:12px;font-weight:600}.scene-badge{position:absolute;left:24px;bottom:16px;padding:7px 10px;display:flex;align-items:center;gap:6px;border:1px solid #fffbe377;border-radius:20px;background:#f5edd49e;backdrop-filter:blur(8px);font-size:7px;color:#819171;max-width:80%;line-height:1.7}.scene-badge span{width:5px;height:5px;background:#83aa72;border-radius:50%;flex-shrink:0}.scene-badge b{font-weight:400}.scene-reset-view{position:absolute;right:22px;bottom:15px;width:29px;height:29px;border-radius:50%;border:1px solid #ffffe86b;background:#f8f0d966;color:#91a17d;font-size:18px}.task-card{position:relative;display:flex;align-items:center;gap:24px;padding:19px 31px 18px;min-height:148px;flex-shrink:0;background:linear-gradient(100deg,#eee5c8,#f4eacf 45%,#e8e6c7);border-top:1px solid #d1c6a17d;box-shadow:inset 0 1px #fffae9c9}.task-card:before{content:'';position:absolute;top:-5px;left:37px;width:9px;height:9px;border-radius:50%;background:#c6b78f;border:3px solid #f4ecd7}.guide-portrait{position:relative;width:83px;min-width:83px;align-self:center;text-align:center;transform:rotate(-4deg)}.guide-portrait svg{width:72px;height:72px;display:block;margin:0 auto;filter:drop-shadow(0 3px 2px #6d725720)}.guide-name{display:block;font-size:5px;letter-spacing:1.2px;margin-top:7px;color:#a49c77;white-space:nowrap;font-weight:600}.task-copy{flex:1;min-width:0}.task-kicker{font-size:6px;letter-spacing:1.8px;color:#ad9061;font-weight:600}.task-kicker>span{color:#b0b08b;letter-spacing:1px;margin-left:10px;font-size:6px}.task-copy h3{font-size:25px;letter-spacing:-1px;line-height:1.18;color:#546d45;margin:9px 0 7px}.task-copy h3 em{color:#b17f45;display:inline-block;transform:rotate(-2deg)}.task-copy p{font-size:10px;line-height:1.9;color:#919876;margin:0}.task-copy strong{font-weight:600;color:#748c5b;background:#e3e4be73;border-radius:3px;padding:1px 3px}.mission-side{position:relative;padding-left:27px;border-left:1px solid #c7c7a480;flex:0 1 39%;min-width:270px;max-width:440px}.mission-checks{display:flex;gap:16px;margin-bottom:19px;align-items:center}.mission-checks>span{font-size:8px;color:#909b74;white-space:nowrap}.mission-checks i{font-family:AtlasDisplay,serif;display:inline-grid;place-items:center;margin-right:5px;width:18px;height:18px;border-radius:50%;font-size:10px;font-style:italic;border:1px solid #c8cfac;color:#8fa476}.mission-checks>span:first-child i{background:#f6e6bb;color:#b49a64;border-color:#d6c492}.task-actions{display:flex;align-items:center;gap:17px}.task-actions button{border:1px solid #bcc5a070;background:#e2e6c5;color:#7f9566;border-radius:6px;padding:7px 11px;font-size:9px;white-space:nowrap}.task-actions button:hover{background:#d6deaf}.task-actions>span{font-size:7px;color:#9ea983;line-height:1.6}.task-tip{margin-bottom:10px;background:#f6edcc;border:1px solid #d4c79c66;border-radius:7px;padding:9px 12px;font-size:9px;line-height:1.7;color:#989365}.task-tip:not([hidden])+.task-actions{margin-top:8px}#collapse-task{position:absolute;right:13px;top:10px;background:none;border:0;color:#b3b38c;font-size:18px}.task-card.collapsed{min-height:0;padding:13px 31px}.task-card.collapsed .guide-portrait,.task-card.collapsed .mission-side,.task-card.collapsed .task-copy>*:not(.task-kicker){display:none}.lesson-statusbar{min-height:31px;height:31px;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:0 25px;font-size:7px;letter-spacing:.1px;color:#acae8e;background:#eee7ce;border-top:1px solid #d4d1b54f}.lesson-statusbar>span:first-child{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lesson-statusbar>span:last-child{font-size:6px;text-align:right;flex:1;color:#a9ad8d}#execution-status{color:#8ca27c;font-size:7px;max-width:43%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-dialog{width:min(510px,92vw);border:1px solid #fff2d3;border-radius:19px;padding:38px;background:#f6edd7;color:#5f7857;box-shadow:0 30px 100px #173d3855;font-family:AtlasUI,Arial,sans-serif}.lesson-dialog::backdrop{background:#1c443b7a;backdrop-filter:blur(8px)}.lesson-dialog .close{color:#b0b38d}.lesson-dialog h2{font-family:AtlasDisplay,Georgia,serif;font-size:29px;letter-spacing:-1px;line-height:1.17;color:#45684f;margin:22px 0 15px}.lesson-dialog p{font-size:11px;line-height:1.95;color:#919c7d}.lesson-dialog .mini-label{color:#c19763}.lesson-dialog .primary{font-family:AtlasUI,Arial,sans-serif;background:#527d5b;color:#faf2cf;padding:12px 18px;font-size:11px;border-radius:7px}.lesson-dialog .secondary{font-family:AtlasUI,Arial,sans-serif;border:1px solid #c4c9a9;border-radius:7px;background:none;color:#94a277;padding:11px 17px;margin-left:8px;font-size:11px}.success-medal{color:#d0a259;font-size:43px;letter-spacing:5px}.success-stats{display:flex;padding:15px 0;margin:21px 0;border-top:1px solid #d8d7b6;border-bottom:1px solid #d8d7b6;gap:20px}.success-stats div{flex:1;font-size:7px;color:#a4ab87;line-height:2}.success-stats b{display:block;font:700 23px AtlasDisplay,Georgia,serif;color:#718a58}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.level-grid button{padding:16px 0;font-family:AtlasDisplay,Georgia,serif;font-size:15px;border:1px solid #d9dbbd;border-radius:8px;background:#ebeccf;color:#9fa889}.level-grid button:first-child{color:#708859;border-color:#a1b18b;background:#d9e2be}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #d8d9b8;color:#91a07a;font-size:11px}.settings-row select{border:1px solid #d1d5b4;border-radius:5px;background:#f4efd8;color:#91a173;padding:5px}.lesson.large-blocks .palette-block,.lesson.large-blocks .command-card{font-size:13px;padding-top:17px;padding-bottom:17px}.lesson.scene-night .lesson-scene{filter:hue-rotate(14deg) saturate(.85)}
@keyframes command-pulse{0%,100%{box-shadow:0 0 0 4px #e3b46326,0 5px 12px #38533318}50%{box-shadow:0 0 0 6px #e3b46336,0 5px 12px #38533318}}
@media(min-width:1600px){.lesson{padding-left:27px;padding-right:27px;padding-bottom:24px}.lesson-header{height:83px;min-height:83px}.lesson-shell{grid-template-columns:minmax(450px,40%) minmax(0,1fr)}.editor-heading{padding:30px 35px 25px}.editor-heading h2{font-size:35px}.block-palette{width:180px;padding:23px 23px 20px 30px}.palette-block{font-size:12px;padding:17px 12px}.palette-tip p{font-size:10px}.workspace{padding:31px 32px}.workspace:before{left:58px}.start-block{font-size:13px;min-width:220px}.command-card{font-size:12px;padding:15px 13px;gap:9px}.scene-title{left:40px;top:31px}.scene-title h2{font-size:53px}.scene-title p{font-size:10px}.task-card{min-height:166px;padding:25px 40px;gap:32px}.task-copy h3{font-size:29px}.task-copy p{font-size:12px}.mission-checks>span{font-size:10px}.task-actions>span{font-size:8px}.guide-portrait{width:95px;min-width:95px}.guide-portrait svg{height:85px;width:85px}.guide-name{font-size:6px}.task-actions button{font-size:11px}}
@media(max-width:1100px){.lesson{padding:0 12px 12px}.lesson-header{gap:20px;height:65px;min-height:65px}.lesson-brand{font-size:8px;letter-spacing:1.2px}.lesson-brand small{font-size:6px;letter-spacing:1.2px}.lesson-header-actions{padding-left:17px}.level-dots{display:none}.lesson-shell{grid-template-columns:minmax(370px,43%) minmax(0,1fr)}.code-tabs{padding:10px 15px;gap:2px}.code-tabs button{padding:9px 11px;font-size:10px}.code-tabs small{display:none}.editor-heading{padding:21px 22px 19px}.editor-heading h2{font-size:27px}.block-palette{width:126px;padding:20px 10px 15px 15px}.palette-block{font-size:9px;padding:13px 7px;gap:5px}.palette-block>span{font-size:16px}.palette-tip p{font-size:8px}.workspace{padding:25px 14px}.workspace:before{left:40px}.command-card{gap:5px;font-size:10px;min-width:190px;padding:12px 6px 12px 9px}.start-block{width:190px;font-size:11px}.command-card input{width:32px}.command-actions button{font-size:10px;padding:2px}.command-card small{font-size:7px}.workspace-foot{padding:11px;font-size:6px}.workspace-foot button{font-size:7px}.scene-toolbar{padding:10px 16px;gap:9px}.run-code{min-width:112px;font-size:11px;padding:10px 12px}.small-control{height:33px;width:33px}.task-toggle{font-size:8px}.scene-title{left:22px;top:22px}.scene-title h2{font-size:34px;letter-spacing:-1.5px}.scene-title p{font-size:7px}.task-card{gap:17px;padding:17px 23px;min-height:139px}.guide-portrait{width:66px;min-width:66px}.guide-portrait svg{width:63px;height:63px}.guide-name{font-size:4px;letter-spacing:.8px}.task-copy h3{font-size:21px;letter-spacing:-.8px}.task-copy p{font-size:9px}.mission-break{display:none}.mission-side{min-width:240px;padding-left:20px;flex-basis:35%}.mission-checks{gap:10px;flex-wrap:wrap;margin-bottom:12px}.mission-checks>span{font-size:7px}.mission-checks i{width:14px;height:14px;font-size:8px;margin-right:4px}.task-actions{gap:9px}.task-actions>span{font-size:6px}.task-actions button{font-size:8px;padding:6px 8px}}
@media(max-height:760px) and (min-width:761px){.lesson-header{height:58px;min-height:58px}.lesson{padding-bottom:10px}.editor-heading{padding-top:17px;padding-bottom:15px}.editor-heading h2{font-size:25px;margin-top:6px}.task-card{min-height:127px;padding-top:14px;padding-bottom:14px}.task-copy h3{font-size:22px;margin-top:7px}.guide-portrait svg{width:62px;height:62px}.scene-title h2{font-size:33px}.code-tabs,.scene-toolbar{height:57px;min-height:57px}}
@media(max-width:760px){.lesson{padding:0 7px 7px;overflow:auto}.lesson-header{padding:0 8px;gap:13px;min-height:59px;height:59px;flex-shrink:0}.back-atlas{font-size:16px;border:0;padding:5px 0}.back-atlas span{display:none}.lesson-brand{gap:6px;font-size:6px;letter-spacing:.5px}.lesson-brand>span{font-size:28px}.lesson-brand small{font-size:5px;letter-spacing:.8px;margin-top:4px}.level-pill{gap:0;padding:4px 0}.level-caption{font-size:7px;white-space:nowrap}.level-caption b{font-size:12px;margin:0 3px}.lesson-header-actions{padding-left:8px;gap:4px}.lesson-header-actions button{height:25px;width:25px;font-size:13px}.lesson-header-actions button:last-child{display:none}.lesson-studio{flex:none;min-height:calc(100% - 66px);overflow:hidden;border-radius:15px}.lesson-studio:before{border-radius:15px}.lesson-shell{display:flex;flex-direction:column-reverse;flex:none;min-height:0}.result-pane{min-height:377px;flex:none}.scene-toolbar{height:51px;min-height:51px;padding:8px 13px;gap:8px}.run-code{padding:8px 12px;font-size:10px;min-width:106px}.run-code>span{margin-right:5px}.small-control{width:31px;height:31px}.speed-control{font-size:7px;gap:4px}.speed-control select{padding:5px;font-size:8px}.task-toggle{font-size:7px;padding:5px 0}.lesson-scene{min-height:326px}.scene-title{top:19px;left:19px}.scene-title .mini-label{font-size:6px;letter-spacing:1.2px}.scene-title h2{font-size:29px;line-height:1.05;letter-spacing:-1.3px;margin:9px 0}.scene-title p{font-size:6px}.collect-counter{right:17px;top:22px;padding:6px 9px;gap:6px;font-size:8px}.collect-counter b{font-size:10px}.collect-counter span:first-child{font-size:16px}.scene-badge{bottom:12px;left:16px;font-size:6px;padding:5px 8px}.scene-reset-view{bottom:11px;right:17px;width:26px;height:26px}.code-pane{min-height:399px;flex:none;border-right:0;border-top:1px solid #c5c8aa77}.code-tabs{min-height:48px;height:48px;padding:6px 15px;background:#f2ead4}.code-tabs button{font-size:9px;padding:8px 12px}.editor-heading{padding:16px 20px 15px}.editor-heading .mini-label{font-size:6px}.editor-heading h2{font-size:23px;margin-top:6px}.editor-emblem{width:35px;height:35px;font-size:31px}.block-view{min-height:240px;flex:1}.block-palette{width:122px;padding:18px 11px 10px 14px}.block-palette>p{font-size:7px;margin-bottom:21px}.palette-block{font-size:9px;padding:12px 7px;min-height:40px}.palette-tip{margin-top:21px;padding-top:12px}.palette-tip p{font-size:7px;line-height:1.8}.palette-tip>span{font-size:21px}.workspace{min-height:190px;padding:24px 15px}.workspace-tools{padding:7px 12px;min-height:35px;font-size:7px}.start-block{max-width:100%;width:180px;font-size:10px;padding:14px}.command-card{font-size:9px;gap:4px;min-width:180px;max-width:100%;padding:10px 5px 10px 7px}.drag-handle{font-size:13px}.command-card input{height:26px;width:31px;font-size:11px}.command-card small{font-size:6px}.command-actions{margin-left:0}.command-actions button{font-size:9px;padding:2px}.drop-zone{max-width:180px;font-size:13px;padding:10px 11px;margin-top:20px}.drop-zone span{font-size:7px}.workspace-foot{font-size:5px;padding:9px 10px;gap:4px}.workspace-foot button{font-size:6px}.code-preview{min-height:220px;font-size:11px;margin:0 16px 12px;padding:20px}.preview-note{font-size:8px;line-height:1.7;padding:0 18px 14px}.task-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px 13px;padding:18px 17px 17px;min-height:0;border-top-color:#c7c6a477;background:linear-gradient(130deg,#eee4c7,#e8e5c4)}.guide-portrait{min-width:48px;width:48px;align-self:start;margin-top:5px}.guide-portrait svg{width:48px;height:48px}.guide-name{font-size:3.5px;letter-spacing:.4px;margin-top:5px}.task-copy h3{font-size:21px;margin:8px 0;letter-spacing:-.8px}.task-copy p{font-size:8px;line-height:1.9}.task-kicker{font-size:5px;letter-spacing:1px}.task-kicker>span{font-size:5px;letter-spacing:.7px;margin-left:6px}.mission-side{grid-column:2;border-left:0;border-top:1px solid #c4c6a063;padding:11px 0 0;min-width:0;max-width:none}.mission-checks{gap:12px;flex-wrap:nowrap;margin-bottom:11px}.mission-checks>span{font-size:6px}.mission-checks i{width:12px;height:12px;font-size:7px;margin-right:3px}.task-actions button{font-size:7px;padding:6px 8px}.task-actions>span{font-size:5px}.task-tip{font-size:8px;padding:8px 10px}.task-card:before{left:28px}#collapse-task{top:6px;right:9px;font-size:15px}.task-card.collapsed{display:block;padding:12px 20px}.lesson-statusbar{padding:8px 15px;height:auto;min-height:36px;align-items:center;gap:10px;font-size:6px}.lesson-statusbar>span:first-child{display:none}#execution-status{max-width:75%;font-size:6px}.lesson-statusbar>span:last-child{font-size:5px;flex:none}.lesson-dialog{padding:28px}.lesson-dialog h2{font-size:25px}.lesson-dialog p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.lesson *{animation:none!important;transition:none!important}}

/* Shared state cues connect the editor, stage, and mission into one workshop. */
.lesson[data-phase="build"] .mission-checks>span:first-child,.lesson[data-phase="run"] .mission-checks>span:nth-child(2),.lesson[data-phase="done"] .mission-checks>span:last-child{color:#627f51}.lesson[data-phase="build"] .mission-checks>span:first-child i,.lesson[data-phase="run"] .mission-checks>span:nth-child(2) i,.lesson[data-phase="done"] .mission-checks>span:last-child i{color:#f7edce;border-color:#8ca075;background:#8ba373;box-shadow:0 0 0 3px #8ca37313}.lesson[data-phase="run"] .scene-badge span{background:#d5a15b;box-shadow:0 0 0 3px #d6b16a22}.lesson[data-phase="done"] .collect-counter{background:#e3e7bfcc;border-color:#f4f3cc}.lesson[data-phase="done"] .editor-emblem{color:#7f9e6b;border-color:#a7bd8b}.lesson[data-phase="done"] .lesson-studio{box-shadow:0 22px 65px #0a211c44,0 0 0 5px #bfd5a718}
/* Adventure game skin: all controls belong to the same physical game world. */
.lesson{--paper:#edd493;--forest:#653f24;padding:0;background:linear-gradient(135deg,#496856,#a6aa77);color:#664629;isolation:isolate}.lesson:before{content:'';position:absolute;inset:0;background:#2f3b325e;z-index:-1}.lesson-studio{display:contents}.lesson-studio:before{display:none}.lesson-shell{position:absolute;inset:0;display:grid;grid-template-columns:41% 59%;min-height:0;overflow:hidden}.lesson-header{display:contents;height:auto;min-height:0}.back-atlas{position:absolute;z-index:31;left:29px;bottom:43px;background:linear-gradient(#d8a15e,#a56b37);border:2px solid #80512b;border-radius:6px;box-shadow:inset 0 1px #ffe1a2,0 2px 4px #512c1d60;padding:7px 10px;color:#fff0cb;font-size:9px;font-weight:600}.back-atlas:hover{background:#ba8348;color:#fff2cb}.lesson-brand{position:absolute;bottom:44px;left:160px;z-index:25;color:#916b38;font-size:6px;letter-spacing:1.1px;gap:7px;pointer-events:none}.lesson-brand>span{font-size:24px;color:#a57a3c}.lesson-brand small{font-size:5px;color:#b29151;letter-spacing:1px;margin-top:4px}.lesson-header-actions{position:absolute;right:18px;top:18px;z-index:31;display:flex;gap:8px;border:0;padding:0}.lesson-header-actions button{height:47px;width:46px;border:3px solid #eac45e;border-radius:8px;background:linear-gradient(#f2d97d,#b18335);color:#fff9d4;font-size:25px;text-shadow:0 2px #8c642e;box-shadow:inset 0 0 0 2px #9c702f,inset 0 3px 3px #fff1b5cc,0 3px 0 #5d4022,0 6px 10px #172c3233}.lesson-header-actions button:hover{background:linear-gradient(#ffe3a1,#c49243);color:#fff6dc;transform:translateY(-2px)}.level-pill{position:absolute;z-index:30;top:22px;right:188px;margin:0;background:#3d412c70;padding:8px 11px;border:1px solid #dbc68833;border-radius:7px;color:#efdcaa;text-shadow:0 2px 2px #2a271b;font-size:13px}.level-dots{display:none}.level-caption{font-family:AtlasDisplay,Georgia,serif;font-size:10px;color:#f6e0a6;letter-spacing:0}.level-caption b{font:700 25px AtlasDisplay,Georgia,serif;color:white;margin:0 7px}.code-pane{position:relative;z-index:10;min-height:0;margin:10px 4px 12px 9px;padding:0 17px 55px;overflow:hidden;border:0;border-radius:3px;background:#ead08b url('assets/parchment.svg') center/100% 100%;box-shadow:4px 0 14px #26271980,inset 0 0 42px #a5723877}.code-pane:before{content:'';position:absolute;inset:0;z-index:7;border:24px solid transparent;border-image:url('assets/wood-frame.svg') 24 stretch;pointer-events:none}.code-pane:after{content:'';position:absolute;top:-20px;left:-26px;width:157px;height:147px;background:url('assets/vines.svg') center/contain no-repeat;pointer-events:none;z-index:11;filter:drop-shadow(2px 5px 3px #2b331b70)}.code-tabs{position:relative;z-index:8;height:80px;min-height:80px;gap:9px;margin:0 -9px 0 -8px;padding:13px 12px 11px 78px;background:repeating-linear-gradient(2deg,#743a1e00 0 8px,#e5a06526 8px 10px),linear-gradient(#9c502a,#bf7541 17%,#8c4624 22%,#ad6434 75%,#5f321d);border:0;box-shadow:0 3px 1px #512c1caa,0 6px 8px #6a492e40}.code-tabs:after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(#e2a568,#874626);box-shadow:0 -2px #5c311e55}.code-tabs button{flex:1;position:relative;min-width:0;padding:10px 6px 13px;border:2px solid #8c4d29;border-bottom:5px solid #67381e;border-radius:3px;background:repeating-linear-gradient(5deg,#ffffff00 0 7px,#f5cb821c 7px 9px),linear-gradient(#bc7b3e,#aa6634);color:#e0b684;font:700 clamp(12px,1.45vw,23px) AtlasDisplay,Georgia,serif;text-shadow:0 2px #703a20,1px 0 #703a20;box-shadow:inset 0 0 0 2px #dea258,inset 0 4px #f4be6b66,0 3px 5px #49291b55;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)}.code-tabs button:nth-child(1){transform:rotate(-2deg)}.code-tabs button:nth-child(2){transform:rotate(1deg)}.code-tabs button:nth-child(3){transform:rotate(-1deg)}.code-tabs button[aria-selected=true]{background:repeating-linear-gradient(4deg,#fff0 0 8px,#fff4b126 8px 10px),linear-gradient(#ffd35c,#eda732);border-color:#9c4d21;color:#fffbe0;box-shadow:inset 0 0 0 3px #ffdb74,inset 0 4px #fff4a977,0 5px 9px #5b311955;text-shadow:0 3px #c47c25,1px 0 #ac6b24}.code-tabs button:hover:not([aria-selected=true]){background:#c48b4b;color:#f6ddb0}.code-tabs small{display:none}.editor-heading{display:none}.block-view{position:relative;z-index:5;border:0;flex:1;margin-top:13px;min-height:0;background:none}.block-palette{width:31%;max-width:172px;padding:12px 9px 8px 14px;border-right:1px dashed #b2895277;background:none}.block-palette>.mini-label,.block-palette>p{display:none}.palette-block{font:600 12px AtlasUI,Arial,sans-serif;min-height:48px;padding:13px 8px;margin-bottom:13px;border-radius:4px 7px 7px 4px;border:1px solid #227cc1;box-shadow:inset 0 2px #a1dcff77,inset 0 -3px #1763b259,0 2px 1px #6e562b30;color:white}.palette-block span{font-size:19px}.forward{background:linear-gradient(105deg,#2795ee,#2b8ee4)}.turn{background:linear-gradient(105deg,#ffd44e,#edb52c)}.palette-block.turn{color:#fffdf0;border-color:#dba328;box-shadow:inset 0 2px #fff1a28c,inset 0 -3px #c78b2659,0 2px 1px #6e562b30}.palette-block:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 -3px #1763b259,0 4px 5px #6e562b30}.palette-tip{margin-top:30px;border-top-color:#bba46a66;padding-top:14px}.palette-tip>span{color:#b18a43}.palette-tip p{color:#ab884c;font-size:9px;line-height:1.8}.palette-tip b{color:#8e682d}.workspace-area{background:none}.workspace-tools{min-height:29px;height:29px;padding:0 11px 5px;background:none;border:0;color:#aa8d53;font-size:7px}.workspace-tools b{color:#916c34}.workspace-tools button{color:#ad8a4a;font-size:15px}.workspace-tools button:not(:disabled):hover{color:#775125}.workspace{padding:0 13px 22px;min-height:0;overflow:auto}.workspace:before{display:none}.start-block{width:180px;min-width:0;max-width:100%;border:1px solid #66a628;border-radius:4px 4px 3px 3px;background:linear-gradient(110deg,#7dca26,#6fb51e);padding:14px 13px;color:white;font:600 14px AtlasUI,Arial,sans-serif;box-shadow:inset 0 2px #c0f16e77,inset 0 -3px #579f1d66}.start-block:after{background:#72ba20}.command-card{min-width:180px;width:max-content;max-width:100%;padding:12px 7px;gap:6px;border:1px solid #2078be;border-radius:3px 6px 6px 3px;color:#fff;font:600 12px AtlasUI,Arial,sans-serif;box-shadow:inset 0 2px #a1dcff77,inset 0 -3px #1763b259}.command-card.turn{border-color:#dca527;box-shadow:inset 0 2px #fff1a28c,inset 0 -3px #c78b2659}.command-card .drag-handle{font-size:17px;color:#e2f5ff}.command-card.turn .drag-handle{color:#fff3b9}.command-card input{height:25px;width:32px;padding:0;border-radius:4px;background:#2b6dad;border:1px solid #1c5c99;color:#fff;font-size:12px;box-shadow:inset 0 2px #164d7926}.command-card small{color:#d4eaff;font-size:7px}.command-actions{margin-left:0}.command-actions button{color:#d3eaffb3;font-size:10px;padding:2px}.command-card.executing{border:2px solid #fff4ad;box-shadow:0 0 0 4px #e8b84677,inset 0 2px #a1dcff77;animation:command-pulse 1.2s infinite}.drop-zone{max-width:180px;padding:11px;border-color:#bba25b66;color:#b5a15f;background:#f4e3a52b;font-size:14px;border-radius:4px}.drop-zone span{font-size:8px}.drop-zone:hover{background:#f6e6b255}.workspace.drag-over{background:#f4e4b177;outline-color:#bd9b50}.workspace-foot{padding:10px 11px 0;border:0;background:none;color:#b0985b;font-size:7px}.workspace-foot button{color:#a5803d;font-size:8px}.code-preview{position:relative;z-index:5;margin:24px 13px 10px;background:#f5df9b77;color:#72562d;border:1px dashed #bd9b5f80;border-radius:4px;font-size:13px;padding:19px}.preview-note{position:relative;z-index:5;color:#ab8d51;font-size:9px;padding:5px 16px 13px}.result-pane{background:transparent;min-height:0;overflow:hidden}.lesson-scene{position:absolute;inset:0;min-height:0;background:linear-gradient(#83b4ad,#d8c78f)}.scene-toolbar{position:absolute;top:17px;left:19px;right:auto;z-index:24;width:auto;height:60px;min-height:0;padding:0;background:none;border:0;display:flex;align-items:center;gap:8px}.run-controls{gap:10px;align-items:center}.run-code{width:61px;min-width:61px;height:61px;padding:0;border:4px solid #e6c067;border-radius:10px;background:linear-gradient(130deg,#a1d344,#4b8c23);box-shadow:inset 0 0 0 2px #446221,inset 0 4px #e0f7a8aa,0 3px 0 #6a4929,0 6px 6px #20351f55;font-size:0;color:#fff;position:relative}.run-code>span{font-size:32px;margin:0;text-shadow:0 2px 3px #326021;line-height:1}.run-code:after{content:'ÇALIŞTIR';position:absolute;left:50%;transform:translateX(-50%);bottom:-17px;font:600 6px AtlasUI,Arial,sans-serif;letter-spacing:1px;color:#f6e7be;text-shadow:0 1px 3px #2c3321;white-space:nowrap}.run-code:hover{background:linear-gradient(#b4e459,#5a9a27);box-shadow:inset 0 0 0 2px #446221,inset 0 4px #e0f7a8aa,0 4px 0 #6a4929,0 7px 8px #20351f55}.small-control{height:53px;width:49px;border:3px solid #e6c067;border-radius:8px;background:linear-gradient(130deg,#55c5f0,#176ab4);box-shadow:inset 0 0 0 2px #165b83,inset 0 3px #b1eaff88,0 3px 0 #694729,0 5px 5px #23382d55;color:#fff;font-size:28px;font-weight:600;text-shadow:0 2px #225b8a}.small-control:not(:disabled):hover{background:linear-gradient(#79d8fa,#327bc2)}.speed-control{position:absolute;top:75px;left:0;margin:0;color:#f1dab0;font-size:8px;text-shadow:0 1px 3px #473a25;gap:7px}.speed-control select{padding:4px 6px;border:1px solid #d8b66b;background:#78532bd1;color:#ffe5af;border-radius:4px;font-size:9px}.task-toggle{position:absolute;top:78px;left:108px;background:#6b4b2aa1;border:1px solid #c3a06477;border-radius:4px;color:#ead1a1;font-size:8px;white-space:nowrap;padding:4px 6px}.scene-title{position:absolute;z-index:3;top:147px;left:25px;padding:11px 16px 10px;border-left:3px solid #e6c47c;background:linear-gradient(90deg,#352e1e9e,#352e1e00);filter:drop-shadow(0 2px 3px #39271433)}.scene-title .mini-label{color:#f1d195;font-size:7px;letter-spacing:2px;text-shadow:0 1px 2px #563b20}.scene-title h2{font-size:27px;line-height:1.1;letter-spacing:-1px;color:#fff2ce;text-shadow:0 3px 3px #4d351e;margin:7px 0}.scene-title h2 br{display:none}.scene-title h2 em{transform:rotate(-2deg);color:#ffdc8b;margin-left:5px}.scene-title p{color:#e3ce9e;font-size:7px;text-shadow:0 1px 3px #473a25}.collect-counter{top:87px;right:21px;background:linear-gradient(#8b5d31d9,#533e24d9);border:2px solid #c99b52;box-shadow:inset 0 1px #f0c98377,0 3px 6px #2b332c55;color:#dfc18c;padding:7px 12px;border-radius:8px;z-index:4;font-size:11px}.collect-counter b{color:#fff3bc;font:700 16px AtlasDisplay,Georgia,serif}.collect-counter span:first-child{color:#ffcd4d;font-size:25px;filter:drop-shadow(0 2px 1px #3a301c)}.scene-badge{bottom:238px;left:24px;background:#433c269e;border:1px solid #e9ce9344;color:#ffe0a5;font-size:8px;z-index:4;backdrop-filter:blur(5px);text-shadow:0 1px 2px #352d1e}.scene-badge span{background:#a4cd4a}.scene-reset-view{bottom:237px;right:24px;background:linear-gradient(#c28c4e,#9a622d);border:2px solid #e1b76b;box-shadow:inset 0 1px #f2cf8b,0 3px 4px #2b332b55;color:#ffedb8;border-radius:6px;width:32px;height:32px;z-index:5}.task-card{position:absolute;z-index:22;right:18px;bottom:25px;left:calc(41% + 19px);display:grid;grid-template-columns:123px minmax(0,1fr);align-items:center;gap:7px 17px;padding:24px 28px 21px 21px;min-height:195px;max-height:42vh;overflow:visible;border:19px solid transparent;border-image:url('assets/wood-frame.svg') 24 stretch;border-radius:0;background:repeating-linear-gradient(2deg,#42190e0a 0 4px,#e49c5c0a 5px 7px),linear-gradient(100deg,#844222,#67331c 60%,#7e4022);box-shadow:0 7px 20px #1b291e77,inset 0 0 20px #42251466;background-clip:padding-box}.task-card:before{top:-31px;left:-34px;width:72px;height:100px;border:0;border-radius:0;background:url('assets/vines.svg') center/contain no-repeat;transform:rotate(-15deg);filter:drop-shadow(2px 4px 2px #2b331c66)}.guide-portrait{position:relative;align-self:end;grid-row:1/3;min-width:0;width:123px;height:145px;margin:0;transform:none;overflow:visible}.guide-portrait svg{position:absolute;bottom:-10px;left:-9px;width:145px;height:165px;filter:drop-shadow(0 4px 3px #351c1444)}.guide-name{display:none}.task-kicker{color:#d5a563;font-size:6px;letter-spacing:2px}.task-kicker>span{color:#af7b49;font-size:6px}.task-copy{min-width:0}.task-copy h3{font-size:24px;color:#ffe0a2;letter-spacing:-.5px;text-shadow:0 2px #562714;margin:6px 0 8px}.task-copy h3 em{color:#ffe2a1;transform:none}.task-copy p{font-size:12px;line-height:1.75;color:#eacb9b;text-shadow:0 1px #512a1c}.task-copy strong{background:#d9ad6c;color:#704222;text-shadow:none;padding:1px 4px;border-radius:3px}.mission-break{display:none}.mission-side{grid-column:2;min-width:0;max-width:none;border:0;padding:0;margin-top:2px;flex:none}.mission-checks{display:none}.task-actions{gap:14px;justify-content:flex-end}.task-actions>span{color:#b9905c;font-size:7px;order:-1;margin-right:auto}.task-actions button{border:2px solid #efc470;background:linear-gradient(#e6bb64,#c78a37);color:#6e431e;border-radius:6px;box-shadow:inset 0 1px #ffe3a1,0 2px 0 #4a2917;padding:7px 13px;font-size:10px;font-weight:600}.task-actions button:hover{background:linear-gradient(#f5d17a,#d29a44)}.task-tip{background:#e4b975;color:#674020;border:1px solid #f1cf89;border-radius:4px;font-size:10px;line-height:1.7;padding:8px 10px;margin:0 0 9px;text-shadow:none}#collapse-task{right:-7px;top:-9px;color:#ffe3a5;width:22px;height:22px;font-size:19px;border:1px solid #b37a3d;background:#824a25;border-radius:3px;box-shadow:inset 0 1px #daaa69}.task-card.collapsed{min-height:0;display:block;max-height:70px;padding:7px 16px;border-width:12px;bottom:27px}.task-card.collapsed .guide-portrait,.task-card.collapsed .mission-side{display:none}.lesson-statusbar{position:absolute;bottom:20px;left:37px;right:calc(59% + 34px);z-index:12;display:flex;gap:9px;min-height:13px;height:13px;padding:0;border:0;background:none;color:#a98849;font-size:6px}.lesson-statusbar>span:first-child{color:#a58342}.lesson-statusbar #execution-status{display:none}.lesson-statusbar #saved-indicator{color:#b09556;font-size:5px;white-space:nowrap}.lesson-dialog{background:#ead08d url('assets/parchment.svg') center/100% 100%;border:18px solid transparent;border-image:url('assets/wood-frame.svg') 24 stretch;border-radius:0;color:#7a592b;padding:28px;box-shadow:0 25px 80px #1b251d88}.lesson-dialog::backdrop{background:#1d2d246f}.lesson-dialog h2{color:#76522c;text-shadow:0 1px #fff3bf;font-size:29px}.lesson-dialog p{color:#9c7a42;font-size:12px}.lesson-dialog .mini-label{color:#b08b46}.lesson-dialog .close{color:#b28d48}.lesson-dialog .primary{color:#fff3c9;background:linear-gradient(#8dbf39,#548f28);border:2px solid #d5ac56;border-radius:6px;box-shadow:inset 0 1px #dbe9a2,0 2px #6d5025;font-weight:600}.lesson-dialog .secondary{border-color:#b28d4d;color:#96713a;background:#f6df9b66}.success-stats{border-color:#bfa366}.success-stats b{color:#9e7433}.success-stats div{color:#b19353}.level-grid button{background:#e3c67e;border:2px solid #bc9451;color:#8d6a33;box-shadow:inset 0 2px #fae5a6,0 2px #997039}.level-grid button:first-child{background:#87b849;color:#fff6d5;border-color:#c5aa62}.settings-row{color:#a17b3f;border-color:#c5a66b}.settings-row select{color:#9c763c;border-color:#c5a66b;background:#f2db9a}.lesson[data-phase="done"] .collect-counter{background:linear-gradient(#abc145,#6b8d2e);border-color:#f8db81}.lesson.large-blocks .palette-block,.lesson.large-blocks .command-card{font-size:14px}.lesson[data-phase="run"] .scene-badge span{background:#f5d477;box-shadow:0 0 8px #f6d178}.lesson[data-phase="done"] .lesson-studio{box-shadow:none}
@media(min-width:1600px){.lesson{padding:0}.lesson-shell{grid-template-columns:41% 59%}.code-tabs{height:85px;min-height:85px;padding-left:85px}.block-palette{max-width:195px;padding-left:20px}.palette-block{font-size:15px;padding:15px 11px;min-height:52px}.command-card{font-size:15px;gap:9px;padding:13px 9px}.command-card input{font-size:14px;width:36px}.command-actions button{font-size:12px}.start-block{width:210px;font-size:16px;padding:16px}.workspace{padding-left:17px}.workspace:before{display:none}.task-card{min-height:230px;padding:27px 32px;grid-template-columns:150px minmax(0,1fr);gap:7px 22px;bottom:26px}.guide-portrait{width:150px;height:170px}.guide-portrait svg{width:175px;height:195px}.task-copy h3{font-size:30px}.task-copy p{font-size:15px}.task-actions button{font-size:12px;padding:8px 17px}.task-actions>span{font-size:9px}.task-tip{font-size:12px}.scene-badge{bottom:276px}.scene-reset-view{bottom:275px}.scene-title{top:155px}.scene-title h2{font-size:32px}.lesson-brand{font-size:8px;left:178px}.lesson-brand small{font-size:6px}.back-atlas{font-size:11px;bottom:45px}.lesson-statusbar{font-size:8px;bottom:20px}.lesson-statusbar #saved-indicator{font-size:7px}}
@media(max-width:1100px) and (min-width:761px){.lesson{padding:0}.lesson-shell{grid-template-columns:43% 57%}.lesson-brand{left:142px;font-size:5px;letter-spacing:.4px}.lesson-brand small{font-size:4px}.lesson-brand>span{font-size:20px}.code-tabs{height:74px;min-height:74px;padding-left:54px;gap:5px}.code-tabs button{font-size:12px;padding:10px 3px}.code-pane{padding-left:15px;padding-right:15px}.code-pane:after{width:126px;height:120px;left:-30px}.block-palette{padding-left:8px;width:30%;padding-right:7px}.palette-block{font-size:9px;padding:11px 6px;gap:4px;min-height:42px}.palette-block>span{font-size:15px}.palette-tip p{font-size:7px}.start-block{font-size:11px;width:157px;padding:13px 9px}.command-card{font-size:10px;min-width:157px;gap:4px;padding:11px 4px}.command-card small{display:none}.command-actions button{font-size:9px;padding:1px}.command-card input{width:27px;font-size:10px}.workspace{padding-left:9px;padding-right:5px}.drop-zone{max-width:157px;font-size:12px}.drop-zone span{font-size:7px}.workspace-foot{font-size:5px;padding-left:8px;padding-right:5px}.workspace-foot button{font-size:6px}.task-card{left:calc(43% + 16px);right:14px;bottom:22px;grid-template-columns:79px minmax(0,1fr);padding:18px 17px;gap:6px 10px;min-height:190px}.guide-portrait{width:80px;height:125px}.guide-portrait svg{width:105px;height:140px}.task-copy h3{font-size:20px}.task-copy p{font-size:10px}.task-kicker,.task-kicker>span{font-size:5px;letter-spacing:1px}.task-actions{gap:8px}.task-actions>span{font-size:5px}.task-actions button{font-size:8px;padding:6px 9px}.task-tip{font-size:8px}.lesson-header-actions{right:13px;gap:6px;top:17px}.lesson-header-actions button{width:34px;height:36px;font-size:19px;border-width:2px}.level-pill{right:139px;top:19px;padding:5px 7px}.level-caption{font-size:7px}.level-caption b{font-size:18px;margin:0 4px}.scene-toolbar{left:16px;top:17px;height:49px;gap:5px}.run-controls{gap:7px}.run-code{width:49px;min-width:49px;height:49px;border-width:3px}.run-code>span{font-size:25px}.small-control{width:37px;height:42px;font-size:23px;border-width:2px}.speed-control{top:65px;font-size:7px}.speed-control select{font-size:8px;padding:3px 4px}.task-toggle{top:67px;left:98px;font-size:7px}.collect-counter{top:74px;right:14px;padding:6px 9px;gap:6px}.scene-title{top:130px;left:20px;padding:8px 11px}.scene-title h2{font-size:22px}.scene-title p{font-size:6px}.scene-title .mini-label{font-size:6px}.scene-badge{bottom:229px;font-size:6px;left:20px}.scene-reset-view{bottom:228px;right:19px}.lesson-statusbar{right:calc(57% + 32px)}.back-atlas{left:27px;font-size:8px;padding:6px 9px}}
@media(max-height:700px) and (min-width:761px){.task-card{min-height:160px;padding-top:14px;padding-bottom:12px;max-height:37vh}.task-copy h3{font-size:21px;margin:5px 0}.task-copy p{font-size:10px}.guide-portrait{height:112px}.guide-portrait svg{height:135px;width:115px}.scene-badge{bottom:204px}.scene-reset-view{bottom:203px}.scene-title{top:122px}.scene-title h2{font-size:22px}}
@media(max-width:760px){.lesson{padding:0;overflow:auto;background:#685d36}.lesson-studio{display:contents}.lesson-shell{position:relative;inset:auto;display:flex;flex-direction:column-reverse;min-height:100%;overflow:visible}.result-pane{position:relative;flex:none;min-height:480px;height:57vh;overflow:hidden}.lesson-scene{position:absolute;inset:0;min-height:0}.scene-toolbar{left:13px;top:13px;height:47px;gap:5px}.run-controls{gap:6px}.run-code{width:46px;min-width:46px;height:46px;border-width:3px}.run-code>span{font-size:25px}.small-control{width:35px;height:38px;border-width:2px;font-size:23px}.run-code:after{font-size:5px;bottom:-15px}.speed-control{top:64px;font-size:6px}.speed-control select{font-size:7px;padding:3px 5px}.task-toggle{top:66px;left:92px;font-size:6px;padding:3px 5px}.lesson-header-actions{right:11px;top:13px;gap:4px}.lesson-header-actions button{width:30px;height:32px;border-width:2px;border-radius:5px;font-size:18px}.lesson-header-actions button:last-child{display:none}.level-pill{top:17px;right:84px;padding:5px;background:#493b2177}.level-caption{font-size:6px}.level-caption b{font-size:16px;margin:0 3px}.collect-counter{top:67px;right:12px;padding:5px 8px;gap:5px;border-width:1px;font-size:8px;border-radius:5px}.collect-counter b{font-size:12px}.collect-counter span:first-child{font-size:18px}.scene-title{left:16px;top:110px;padding:7px 10px}.scene-title h2{font-size:20px;margin:5px 0}.scene-title .mini-label{font-size:5px;letter-spacing:1px}.scene-title p{font-size:5px}.scene-badge{bottom:16px;left:15px;font-size:6px;padding:5px 8px;max-width:75%}.scene-reset-view{bottom:14px;right:14px;width:27px;height:27px;font-size:16px}.code-pane{height:450px;min-height:450px;margin:0 8px 0;padding:0 15px 15px;border:0;border-radius:2px;flex:none;box-shadow:0 -4px 15px #322c1f55}.code-pane:before{border-width:19px}.code-pane:after{width:113px;height:108px;top:-19px;left:-26px}.code-tabs{min-height:65px;height:65px;padding:11px 11px 10px 55px;margin-left:-8px;margin-right:-8px;gap:6px;background:linear-gradient(#ae6738,#8d4725)}.code-tabs button{padding:8px 5px 10px;font-size:13px;border-bottom-width:4px}.block-view{min-height:0;margin-top:10px}.block-palette{width:31%;padding:10px 8px 7px 11px;max-width:none}.palette-block{min-height:40px;padding:11px 6px;font-size:9px;margin-bottom:13px;gap:4px}.palette-block>span{font-size:15px}.palette-tip{margin-top:22px;padding-top:11px}.palette-tip p{font-size:7px;line-height:1.8}.palette-tip>span{font-size:19px}.workspace-tools{min-height:26px;height:26px;font-size:6px;padding:0 10px 4px}.workspace-tools button{font-size:14px}.workspace{min-height:0;padding:0 10px 15px}.workspace:before{display:none}.start-block{min-width:0;width:165px;font-size:11px;padding:12px}.command-card{min-width:165px;font-size:10px;padding:10px 5px;gap:4px}.command-card small{display:none}.command-card .drag-handle{font-size:15px}.command-card input{width:28px;height:24px;font-size:11px}.command-actions button{font-size:9px;padding:2px}.drop-zone{max-width:165px;padding:10px;font-size:13px}.drop-zone span{font-size:7px}.workspace-foot{padding:8px 9px;font-size:5px;gap:4px}.workspace-foot button{font-size:6px}.code-preview{margin:17px 12px 10px;padding:17px;font-size:11px;min-height:170px}.preview-note{padding:4px 14px 15px;font-size:8px}.task-card{position:relative;left:auto;right:auto;bottom:auto;margin:11px 8px 48px;display:grid;grid-template-columns:67px minmax(0,1fr);border-width:15px;padding:14px 13px;gap:5px 10px;max-height:none;min-height:0;flex-shrink:0}.task-card:before{top:-26px;left:-27px;width:61px;height:78px}.guide-portrait{width:67px;height:116px;margin:0;min-width:0;align-self:end}.guide-portrait svg{bottom:-9px;left:-8px;width:88px;height:125px}.task-kicker{font-size:5px;letter-spacing:1px}.task-kicker>span{font-size:4px;margin-left:5px}.task-copy h3{font-size:18px;letter-spacing:-.6px;margin:5px 0 8px}.task-copy p{font-size:9px;line-height:1.8}.mission-side{grid-column:2;padding:0;border:0;margin-top:1px}.task-actions{gap:7px;justify-content:space-between}.task-actions button{font-size:7px;padding:6px 8px}.task-actions>span{font-size:5px;line-height:1.7}.task-tip{font-size:8px;padding:7px 9px}.task-card.collapsed{bottom:auto;margin-bottom:48px;max-height:60px;padding:7px 15px}.lesson-statusbar{position:relative;left:auto;right:auto;bottom:auto;margin:-37px 26px 13px;min-height:15px;display:flex;font-size:6px;z-index:26;color:#d5b278}.lesson-statusbar>span:first-child{display:block;color:#e5c58f}.lesson-statusbar #saved-indicator{color:#c6aa72;font-size:5px}.back-atlas{position:relative;left:auto;bottom:auto;align-self:flex-start;margin:0 0 12px 24px;z-index:35;padding:6px 9px;font-size:8px;order:3}.back-atlas span{display:inline}.lesson-brand{display:none}.lesson-header{display:contents}.lesson-dialog{padding:20px;border-width:14px}.lesson-dialog h2{font-size:24px}.lesson-dialog p{font-size:10px}}
.guide-portrait img{position:absolute;bottom:-20px;left:-2px;width:140px;height:208px;object-fit:contain;object-position:center bottom;filter:drop-shadow(2px 5px 4px #351a1480);pointer-events:none}.task-card.collapsed .guide-portrait img{display:none}@media(min-width:1600px){.guide-portrait img{left:0;bottom:-26px;width:162px;height:242px}}@media(max-width:1100px) and (min-width:761px){.guide-portrait img{left:-9px;bottom:-17px;width:102px;height:170px}}@media(max-height:700px) and (min-width:761px){.guide-portrait img{height:180px;bottom:-15px}}@media(max-width:760px){.guide-portrait img{left:-7px;bottom:-15px;width:87px;height:153px}}
@font-face{font-family:AtlasBlocks;src:url('assets/atlas-blocks.woff') format('woff');font-weight:800;font-display:swap}
/* Rounded, bold puzzle lettering and inset parameters inspired by the block reference. */
.lesson .palette-block,.lesson .command-card,.lesson .start-block{font-family:AtlasBlocks,'Arial Rounded MT Bold',Arial,sans-serif;font-weight:800;letter-spacing:-.55px;color:#fff;font-size:14px;text-shadow:0 1px 0 #ffffff1a;line-height:1.1;border-radius:3px 5px 5px 3px}.lesson .palette-block.forward,.lesson .command-card.forward{background:#2e94ed;border:2px solid #1c7bcd;box-shadow:inset 0 1px #a4dbff77,inset 0 -2px #196ab459}.lesson .palette-block.turn,.lesson .command-card.turn{background:#edb82e;border:2px solid #d7a026;box-shadow:inset 0 1px #ffe6a37a,inset 0 -2px #be8e2659}.lesson .start-block{background:#74ba30;border:2px solid #64a528;box-shadow:inset 0 2px #b9dc6580,inset 0 -2px #55932c50;font-size:16px;min-height:46px;padding:13px}.lesson .start-block:after{background:#74ba30}.lesson .command-card input{font-family:AtlasBlocks,Arial,sans-serif;font-size:13px;font-weight:800;letter-spacing:0;background:#286aa9;border:1px solid #205a91;border-radius:4px;color:#fff;min-width:29px}.lesson .command-card .drag-handle{font-family:Arial,sans-serif;color:white}.lesson .command-card small{font-size:7px;letter-spacing:0;color:#d4eaff}.lesson .command-card .command-actions button{font-family:Arial,sans-serif;font-weight:600;font-size:10px;letter-spacing:0}.block-direction{font-family:AtlasBlocks,Arial,sans-serif;font-size:10px;font-weight:800;border:0;border-radius:3px;background:#b89133;color:#fff;padding:5px 4px;min-width:57px;max-width:68px;cursor:pointer;box-shadow:inset 0 1px #8d691c22}.block-direction option{background:#b68b2e;color:white}.text-editor.code-preview{display:flex;flex-direction:column;overflow:hidden;white-space:normal;padding:0;margin:23px 13px 10px;min-height:180px;background:#f8e4a999;border:1px solid #b9985c66;border-radius:5px;color:#72532d}.text-editor-toolbar{min-height:35px;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #bea16344;background:#d1ae6640;font:600 8px AtlasUI,Arial,sans-serif;letter-spacing:1px;gap:7px}.text-editor-toolbar #editor-validation{font-size:7px;letter-spacing:0;color:#72934d;line-height:1.6;text-align:right}.text-editor-toolbar #editor-validation.invalid{color:#a85334}.text-editor-body{display:flex;flex:1;min-height:0;position:relative}.text-editor-body pre{margin:0;padding:16px 9px 16px 12px;text-align:right;overflow:hidden;color:#ba9f62;background:#d7b86a22;border-right:1px solid #c0a26633;font:12px/1.9 'DejaVu Sans Mono',Consolas,monospace;min-width:33px;user-select:none}.text-editor-body textarea{display:block;flex:1;width:100%;min-width:0;resize:none;border:0;outline:none;background:transparent;color:#694d2a;padding:16px 12px;font:12px/1.9 'DejaVu Sans Mono',Consolas,monospace;tab-size:4;white-space:pre;overflow:auto;caret-color:#346d86;spellcheck:false}.text-editor-body textarea:focus-visible{outline:none!important;box-shadow:inset 0 0 0 2px #c4a05844}.code-api{padding:10px 12px;border-top:1px solid #bda16633;background:#d6ba7e26;font:9px/1.7 monospace;color:#a18043;overflow-wrap:anywhere}.atlas-language{position:fixed;right:22px;top:29px;z-index:65;display:flex;align-items:center;gap:6px;background:#24534fdf;border:1px solid #96c3b44d;border-radius:8px;padding:7px 10px;color:#dcebd9;font:11px AtlasUI,Arial,sans-serif;box-shadow:0 3px 8px #0d292b22}.atlas-language span{font-size:16px}.atlas-language select{background:transparent;color:inherit;border:0;font:600 10px AtlasUI,Arial,sans-serif;cursor:pointer;outline-offset:4px;padding:0 2px;min-width:65px}.atlas-language select option{background:#f2e4be;color:#6c4c2a}body:has(#lesson:not([hidden])) .atlas-language{top:20px;right:18px;padding:8px 9px;background:linear-gradient(#d5ad65,#a57a37);border:2px solid #f1d78a;color:#fff2c8;box-shadow:inset 0 1px #ffedb466,0 3px #5f4425;text-shadow:0 1px #765326}body:has(#lesson:not([hidden])) .lesson-header-actions{right:155px}body:has(#lesson:not([hidden])) .level-pill{right:323px}.header-right{margin-right:135px}html[lang=en] .run-code:after{content:'RUN'}html[lang=en] .brand{letter-spacing:1.7px}html[lang=en] .brand-sub{letter-spacing:2px}html[lang=en] .world-button b{font-size:9px}html[lang=en] .task-copy p{font-size:11px}
@media(min-width:1600px){.lesson .palette-block,.lesson .command-card{font-size:17px}.lesson .start-block{font-size:18px}.lesson .command-card input{font-size:15px}.block-direction{font-size:12px;padding:6px 5px;max-width:82px}.text-editor-body textarea,.text-editor-body pre{font-size:15px}.code-api{font-size:11px}}
@media(max-width:1100px) and (min-width:761px){.lesson .palette-block,.lesson .command-card{font-size:11px;letter-spacing:-.4px}.lesson .start-block{font-size:13px;min-height:40px}.lesson .command-card input{font-size:11px}.block-direction{font-size:9px;min-width:47px;padding:4px 2px}.atlas-language{font-size:9px;padding:6px 8px;right:17px;top:32px}body:has(#lesson:not([hidden])) .atlas-language{top:17px;right:13px;font-size:9px;padding:6px}body:has(#lesson:not([hidden])) .atlas-language select{font-size:8px;min-width:58px}body:has(#lesson:not([hidden])) .lesson-header-actions{right:131px}body:has(#lesson:not([hidden])) .level-pill{right:252px}.header-right .edition{display:none}.header-right{margin-right:125px}.text-editor-body textarea,.text-editor-body pre{font-size:11px}.text-editor-toolbar #editor-validation{font-size:6px}}
@media(max-width:760px){.lesson .palette-block,.lesson .command-card{font-size:11px;letter-spacing:-.4px}.lesson .start-block{font-size:13px;min-height:40px;padding:11px}.lesson .command-card input{font-size:11px}.block-direction{font-size:9px;min-width:47px;max-width:54px;padding:4px 2px}.text-editor.code-preview{margin:17px 12px 10px;min-height:220px}.text-editor-body textarea,.text-editor-body pre{font-size:11px}.text-editor-toolbar{font-size:7px;min-height:32px;padding:7px 9px}.code-api{font-size:8px}.atlas-language{top:25px;right:14px;padding:6px 7px;gap:3px}.atlas-language select{font-size:8px;min-width:57px}.atlas-language span{font-size:12px}.header-right{margin-right:104px;gap:5px}.header-right .icon-button{width:28px;height:28px}.header-right .edition{display:none}body:has(#lesson:not([hidden])) .atlas-language{top:15px;right:11px;padding:6px 7px;gap:4px}body:has(#lesson:not([hidden])) .lesson-header-actions{top:65px;right:13px}body:has(#lesson:not([hidden])) .level-pill{top:19px;right:122px}body:has(#lesson:not([hidden])) .collect-counter{top:112px;right:13px}body:has(#lesson:not([hidden])) .scene-title{top:144px}html[lang=en] .task-copy p{font-size:9px}}
@media(max-width:1100px) and (min-width:761px){body:has(#lesson:not([hidden])) .level-pill{top:79px;right:137px}}
/* Reference-matched compact puzzle pieces. Outlines are shaped SVGs, not rounded cards. */
.lesson .palette-block,.lesson .command-card,.lesson .start-block{font-family:AtlasBlocks,'Arial Rounded MT Bold',Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;letter-spacing:-.6px!important;line-height:1!important;text-shadow:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;overflow:visible}.lesson .palette-block::before,.lesson .palette-block::after,.lesson .command-card::before,.lesson .command-card::after,.lesson .start-block::before,.lesson .start-block::after{display:none!important}.lesson .palette-block.forward,.lesson .command-card.forward{background:transparent url('assets/puzzle-forward.svg') center/100% 100% no-repeat!important}.lesson .palette-block.turn,.lesson .command-card.turn{background:transparent url('assets/puzzle-turn.svg') center/100% 100% no-repeat!important}.lesson .palette-block{height:42px!important;min-height:42px!important;padding:8px 10px 10px!important;gap:5px!important;margin-bottom:4px!important;width:100%;max-width:165px;justify-content:flex-start;cursor:grab}.lesson .palette-block:hover{transform:none!important;filter:brightness(1.055)}.lesson .palette-block .puzzle-label{font:inherit!important;white-space:nowrap;font-weight:800!important;color:#fff!important}.lesson .palette-block .puzzle-icon{font:700 18px/1 Arial,sans-serif!important;color:#fff;width:17px;flex-shrink:0}.lesson .palette-slot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;width:25px;height:20px;min-height:20px;background:#286daa;border:1px solid #205f98;border-radius:3px;box-shadow:inset 0 1px #16476e22;font:800 11px/1 AtlasBlocks,Arial,sans-serif;color:#fff}.lesson .palette-slot.palette-direction{width:54px;gap:6px;justify-content:space-between;padding:0 5px;background:#b68d2e;border-color:#a17c26}.lesson .palette-slot.palette-direction i{font:inherit;font-style:normal}.lesson .palette-slot.palette-direction>span{font:700 11px/1 Arial,sans-serif!important}.lesson .palette-block.turn{gap:4px!important}.lesson .start-block{height:48px!important;min-height:48px!important;width:150px!important;max-width:100%!important;padding:10px 11px 13px!important;background:transparent url('assets/puzzle-start.svg') center/100% 100% no-repeat!important;display:flex;align-items:center;isolation:isolate}.lesson #program{gap:0!important;margin-top:-4px!important;align-items:flex-start;overflow:visible}.lesson .command-card{position:relative;width:max-content!important;min-width:126px!important;max-width:none!important;height:42px!important;min-height:42px!important;padding:8px 10px 10px!important;gap:5px!important;isolation:auto}.lesson .command-card+.command-card{margin-top:-4px!important}.lesson .command-card>.drag-handle{font:700 18px/1 Arial,sans-serif!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;width:16px}.lesson .command-card input{height:20px!important;width:25px!important;min-width:25px!important;font:800 12px/1 AtlasBlocks,Arial,sans-serif!important;color:#fff;background:#286daa!important;border:1px solid #205e96!important;border-radius:3px!important;padding:0!important;box-shadow:inset 0 1px #16476e22!important;appearance:textfield;-moz-appearance:textfield}.lesson .command-card input::-webkit-inner-spin-button,.lesson .command-card input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lesson .command-card>small{display:none!important}.lesson .block-direction{height:20px!important;width:61px!important;min-width:51px!important;max-width:67px!important;font:800 11px/1 AtlasBlocks,Arial,sans-serif!important;border:1px solid #a27a26!important;border-radius:3px!important;color:#fff;background-color:#b68d2e!important;padding:0 2px 0 5px!important;box-shadow:inset 0 1px #88661c22!important;letter-spacing:-.2px}.lesson .command-actions{position:absolute;right:0;top:-19px;z-index:18;margin:0;padding:1px 3px;gap:1px;border:1px solid #b8944d;border-radius:3px;background:#f6df9e;box-shadow:0 2px 3px #6c512522;opacity:0;pointer-events:none;transform:none}.lesson .command-card:hover>.command-actions,.lesson .command-card:focus-within>.command-actions{opacity:1;pointer-events:auto}.lesson .command-actions button{width:19px;height:17px;padding:1px!important;font:700 12px/1 Arial,sans-serif!important;color:#967135!important;letter-spacing:0!important}.lesson .command-actions button:hover{background:#e7c57b!important;color:#6f4d21!important}.lesson .command-card.executing{outline:2px solid #fff0a2!important;outline-offset:-3px;filter:drop-shadow(0 0 3px #e6b83f);animation:none!important}.lesson .command-card.dragging{opacity:.45}.lesson .command-card.drag-over{filter:drop-shadow(0 -2px 0 #b67d25)}.lesson.large-blocks .palette-block,.lesson.large-blocks .command-card{font-size:16px!important;height:48px!important;min-height:48px!important}.lesson .drop-zone{max-width:150px;margin-top:15px}.lesson .workspace{padding-top:4px!important}.lesson .block-palette{width:33%;min-width:144px;max-width:181px;padding-left:12px!important;padding-right:9px!important}.lesson .workspace-area{min-width:0}html[lang=en] .lesson .palette-block{letter-spacing:-.7px!important}
@media(min-width:1600px){.lesson .palette-block,.lesson .command-card{font-size:16px!important;height:46px!important;min-height:46px!important}.lesson .command-card{min-width:139px!important}.lesson .palette-slot{width:28px;height:22px}.lesson .command-card input{width:28px!important;height:22px!important;font-size:13px!important}.lesson .block-direction{height:22px!important;font-size:12px!important;min-width:59px!important}.lesson .start-block{width:170px!important;font-size:17px!important;height:54px!important;min-height:54px!important}.lesson .block-palette{min-width:163px;max-width:197px}.lesson .palette-slot.palette-direction{width:59px}}
@media(max-width:1100px){.lesson .palette-block,.lesson .command-card{font-size:12px!important;letter-spacing:-.55px!important;height:38px!important;min-height:38px!important;padding:7px 8px 9px!important;gap:4px!important}.lesson .palette-block .puzzle-icon,.lesson .command-card>.drag-handle{font-size:16px!important;width:14px}.lesson .palette-slot{width:22px;height:18px;font-size:10px}.lesson .palette-slot.palette-direction{width:47px;gap:3px}.lesson .command-card input{height:18px!important;width:23px!important;min-width:23px!important;font-size:11px!important}.lesson .block-direction{height:18px!important;width:54px!important;min-width:48px!important;font-size:10px!important}.lesson .start-block{font-size:13px!important;width:134px!important;height:43px!important;min-height:43px!important}.lesson .command-card{min-width:112px!important}.lesson .block-palette{min-width:124px;max-width:147px;padding-left:8px!important;padding-right:7px!important}.lesson .command-actions{top:-18px}.lesson .command-actions button{height:16px;width:17px}}
/* Result-scene-only treatment: clean archaeological diorama HUD. */
.lesson-scene .scene-title.weather-card{top:110px;left:23px;display:flex;gap:9px;align-items:center;padding:8px 12px 8px 8px;min-width:142px;background:#f6e6beaf;border:1px solid #fff5d98f;border-radius:8px;box-shadow:0 2px 5px #8c784212;filter:none;text-shadow:none;backdrop-filter:blur(5px)}.lesson-scene .weather-card svg{width:31px;height:31px;color:#bb9a58;flex-shrink:0}.lesson-scene .weather-card h2{font:600 11px/1.4 AtlasUI,Arial,sans-serif;letter-spacing:0;color:#8b754b;text-shadow:none;margin:0 0 3px}.lesson-scene .weather-card p{font:400 7px/1.4 AtlasUI,Arial,sans-serif;color:#aa9369;text-shadow:none;margin:0}.scene-compass{position:absolute;top:161px;right:26px;width:38px;height:38px;border-radius:50%;background:#f5e5bda6;border:1px solid #fff4d08c;color:#a48b51;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.scene-compass small{font:400 6px/1 AtlasUI,Arial,sans-serif;margin-bottom:1px}.scene-compass span{font:400 21px/1 Georgia,serif;transform:scaleX(.65)}
@media(max-width:1100px) and (min-width:761px){.lesson-scene .scene-title.weather-card{top:121px;left:20px;min-width:132px}.lesson-scene .weather-card h2{font-size:10px}.scene-compass{top:146px;right:18px;width:32px;height:32px}}
@media(max-width:760px){.lesson-scene .scene-title.weather-card{top:110px;left:14px;padding:6px 9px 6px 6px;gap:6px;min-width:120px}.lesson-scene .weather-card svg{width:24px;height:24px}.lesson-scene .weather-card h2{font-size:9px;margin-bottom:2px}.lesson-scene .weather-card p{font-size:6px}.scene-compass{top:157px;right:16px;width:30px;height:30px}.scene-compass span{font-size:17px}}
/* Fixed-scale reference geometry: 108px palette, 126px command, 30px stacking pitch. */
.lesson .block-palette{flex:0 0 124px!important;width:124px!important;min-width:124px!important;max-width:124px!important;padding:8px 8px 12px!important}.lesson .palette-block{width:108px!important;max-width:108px!important;height:36px!important;min-height:36px!important;margin:0 0 2px!important;padding:6px 8px 10px!important;gap:4px!important;justify-content:flex-start}.lesson .palette-block,.lesson .palette-block .puzzle-label,.lesson .command-card,.lesson .start-block{font-family:AtlasBlocks,'Arial Rounded MT Bold',Arial,sans-serif!important;font-size:12px!important;font-weight:800!important;letter-spacing:-.55px!important;line-height:1!important;-webkit-text-stroke:.12px currentColor;text-shadow:none!important;filter:none!important;transform:none!important}.lesson .palette-block.forward,.lesson .command-card.forward{background:transparent url('assets/codementum-forward.svg') 0 0/100% 100% no-repeat!important}.lesson .palette-block.turn,.lesson .command-card.turn{background:transparent url('assets/codementum-turn.svg') 0 0/100% 100% no-repeat!important}.lesson .command-card{height:36px!important;min-height:36px!important;width:max-content!important;min-width:126px!important;padding:6px 9px 10px!important;gap:4px!important}.lesson .command-card+.command-card{margin-top:-6px!important}.lesson #program{margin-top:-6px!important;gap:0!important}.lesson .start-block{width:126px!important;min-width:126px!important;max-width:126px!important;height:42px!important;min-height:42px!important;padding:8px 9px 12px!important;background:transparent url('assets/codementum-start.svg') 0 0/100% 100% no-repeat!important;font-size:13px!important;letter-spacing:-.3px!important;align-items:center}.lesson .command-card>.drag-handle,.lesson .palette-block>.puzzle-icon{display:inline-block!important;flex:0 0 14px!important;width:14px!important;height:14px!important;min-height:14px!important;padding:0!important;font-size:0!important;line-height:0!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;color:transparent!important;-webkit-text-stroke:0 transparent!important}.lesson .command-card.forward>.drag-handle,.lesson .palette-block.forward>.puzzle-icon{background-image:url('assets/codementum-arrow.svg')!important}.lesson .command-card.turn>.drag-handle,.lesson .palette-block.turn>.puzzle-icon{background-image:url('assets/codementum-turn-icon.svg')!important;flex-basis:12px!important;width:12px!important;height:12px!important}.lesson .command-card input,.lesson .palette-slot{height:17px!important;min-height:17px!important;width:20px!important;min-width:20px!important;max-width:20px!important;box-sizing:border-box!important;background:#2c71b6!important;border:1px solid #2768a8!important;border-radius:3px!important;box-shadow:inset 0 1px #20599220!important;font:800 11px/1 AtlasBlocks,Arial,sans-serif!important;color:#fff!important;padding:0!important;letter-spacing:-.1px!important;text-align:center!important;margin:0!important;-webkit-text-stroke:0 transparent}.lesson .palette-block.forward .palette-slot{margin-left:auto!important}.lesson .block-direction,.lesson .palette-slot.palette-direction{height:18px!important;min-height:18px!important;width:52px!important;min-width:52px!important;max-width:58px!important;border:1px solid #b38b30!important;border-radius:3px!important;background-color:#b88f34!important;box-shadow:inset 0 1px #94712520!important;font:800 10px/1 AtlasBlocks,Arial,sans-serif!important;color:white!important;letter-spacing:-.1px!important;padding:0 4px!important;margin:0!important}.lesson .block-direction{appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='white' d='M1 1h10L6 7z'/%3E%3C/svg%3E")!important;background-size:8px 5px!important;background-position:right 4px center!important;background-repeat:no-repeat!important;padding-right:15px!important;cursor:pointer}.lesson .palette-slot.palette-direction{display:inline-flex!important;justify-content:space-between!important;gap:3px!important;flex-shrink:0}.lesson .palette-slot.palette-direction i{font:inherit!important;-webkit-text-stroke:0 transparent!important}.lesson .palette-slot.palette-direction>span{font:800 9px/1 Arial,sans-serif!important;color:#fff!important;width:auto!important;height:auto!important}.lesson .command-card>small{display:none!important}.lesson .workspace{padding-left:12px!important}.lesson .drop-zone{width:126px!important;max-width:126px!important;min-width:0!important;padding:9px!important;font-size:12px!important}.lesson .drop-zone span{font-size:7px!important}.lesson .command-card.executing{outline:2px solid #fff2a0!important;outline-offset:-3px;filter:drop-shadow(0 0 2px #f2c750)!important}.lesson .command-card.dragging{opacity:.45}.lesson .command-card:focus-within{z-index:6}.lesson .palette-block:hover{filter:brightness(1.035)!important}.lesson .command-card .command-actions{font-size:0!important;-webkit-text-stroke:0 transparent!important}
/* Explicit accessibility enlargement keeps the same silhouettes and field proportions. */
.lesson.large-blocks .palette-block,.lesson.large-blocks .command-card{height:44px!important;min-height:44px!important;font-size:15px!important;min-width:147px!important}.lesson.large-blocks .block-palette{width:163px!important;min-width:163px!important;max-width:163px!important}.lesson.large-blocks .palette-block{width:147px!important;max-width:147px!important}.lesson.large-blocks .palette-block .puzzle-label{font-size:15px!important}.lesson.large-blocks .command-card input,.lesson.large-blocks .palette-slot{width:25px!important;min-width:25px!important;max-width:25px!important;height:21px!important;min-height:21px!important;font-size:13px!important}.lesson.large-blocks .block-direction,.lesson.large-blocks .palette-slot.palette-direction{width:60px!important;min-width:60px!important;max-width:60px!important;height:21px!important;min-height:21px!important;font-size:12px!important}.lesson.large-blocks .start-block{width:147px!important;min-width:147px!important;max-width:147px!important;height:49px!important;min-height:49px!important;font-size:15px!important}.lesson.large-blocks .command-card+.command-card{margin-top:-7px!important}
.lesson .palette-block.turn{padding-left:7px!important;padding-right:6px!important;gap:3px!important}
@font-face{font-family:'HP Simplified';src:url('assets/hp-regular.woff') format('woff');font-style:normal;font-weight:400 500;font-display:swap}@font-face{font-family:'HP Simplified';src:url('assets/hp-bold.woff') format('woff');font-style:normal;font-weight:600 900;font-display:swap}@font-face{font-family:'HP Simplified';src:url('assets/hp-italic.woff') format('woff');font-style:italic;font-weight:400 900;font-display:swap}@font-face{font-family:'HP Simplified';src:url('assets/hp-light.woff') format('woff');font-style:normal;font-weight:100 300;font-display:swap}
html body,html body *,html body #lesson,html body #lesson *,html body .atlas-language *{font-family:'HP Simplified',Arial,sans-serif!important}html body h1,html body h2,html body h3,html body .brand{font-weight:700}html body .intro p{font-size:14px;line-height:1.6}html body .world-button b{font-size:12px}html body .world-button small{font-size:9px}html body .island-label{font-size:12px}html body .selection p{font-size:14px}html body .selection-top{font-size:10px}html body .character small{font-size:9px}html body .character b{font-size:12px}
/* Reference puzzle block proportions, with supplied HP Bold and real C-shaped loops. */
html body #lesson .block-palette{flex-basis:172px!important;width:172px!important;min-width:172px!important;max-width:172px!important;padding:10px 9px!important;overflow-y:auto}html body #lesson .palette-block{width:152px!important;max-width:152px!important;height:46px!important;min-height:46px!important;padding:8px 12px 12px!important;gap:6px!important;margin-bottom:3px!important}html body #lesson .palette-block,html body #lesson .palette-block .puzzle-label,html body #lesson .command-card,html body #lesson .start-block{font-size:17px!important;letter-spacing:-.45px!important;font-weight:700!important;-webkit-text-stroke:0 transparent!important;text-shadow:none!important}html body #lesson .start-block{width:174px!important;min-width:174px!important;max-width:174px!important;height:54px!important;min-height:54px!important;padding:10px 13px 15px!important;font-size:19px!important}html body #lesson .command-card{width:max-content!important;min-width:174px!important;height:46px!important;min-height:46px!important;padding:8px 12px 12px!important;gap:6px!important}html body #lesson .command-card+.command-card{margin-top:-7px!important}html body #lesson #program{margin-top:-7px!important}html body #lesson .command-card input,html body #lesson .palette-slot{width:29px!important;min-width:29px!important;max-width:29px!important;height:23px!important;min-height:23px!important;font-size:16px!important;font-weight:700!important;border-radius:4px!important}html body #lesson .block-direction,html body #lesson .palette-slot.palette-direction{width:66px!important;min-width:66px!important;max-width:70px!important;height:24px!important;min-height:24px!important;font-size:15px!important;padding-left:6px!important}html body #lesson .command-card>.drag-handle,html body #lesson .palette-block>.puzzle-icon{flex-basis:18px!important;width:18px!important;height:18px!important;min-height:18px!important;font-size:0!important}html body #lesson .command-card.up>.drag-handle,html body #lesson .palette-block.up>.puzzle-icon{background-image:none!important;font-size:24px!important;line-height:18px!important;color:#fff!important;font-weight:700!important}html body #lesson .command-card.down>.drag-handle,html body #lesson .palette-block.down>.puzzle-icon{background-image:none!important;font-size:24px!important;line-height:18px!important;color:#fff!important;font-weight:700!important}html body #lesson .palette-block.up,html body #lesson .palette-block.down{gap:4px!important;padding-right:9px!important}html body #lesson .palette-block.up .puzzle-label,html body #lesson .palette-block.down .puzzle-label{font-size:16px!important;letter-spacing:-.5px!important}html body #lesson .command-card.turn>.drag-handle,html body #lesson .palette-block.turn>.puzzle-icon{width:16px!important;flex-basis:16px!important;height:16px!important}
html body #lesson .palette-block.repeat{position:relative;height:103px!important;min-height:103px!important;background:none!important;padding:0!important;display:block!important;border:0!important;overflow:visible!important;box-shadow:none!important;filter:none!important}html body #lesson .repeat-palette-head{height:46px;display:flex;align-items:center;gap:7px;padding:8px 12px 12px;background:url('assets/puzzle-repeat-head.svg') center/100% 100% no-repeat;color:white}html body #lesson .palette-block.repeat:before{display:block!important;position:absolute;top:37px;left:0;bottom:15px;width:17px;background:#e400ad;border-left:2px solid #c8009a;border-radius:0!important;content:''}html body #lesson .palette-block.repeat:after{display:block!important;position:absolute;left:0;bottom:0;right:0;height:24px;width:100%;background:url('assets/puzzle-repeat-foot.svg') center/100% 100% no-repeat;border-radius:0!important;content:''}html body #lesson .palette-block.repeat .puzzle-icon{font-size:25px!important;line-height:22px!important;color:white!important;width:22px!important;background:none!important}html body #lesson .palette-block.repeat .palette-slot,html body #lesson .command-card.repeat input{background:#9b087b!important;border-color:#8a086b!important;color:#fff!important}html body #lesson .command-card.repeat{position:relative;display:flex!important;flex-direction:column;align-items:stretch;width:218px!important;min-width:218px!important;max-width:none!important;height:auto!important;min-height:106px!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important;isolation:isolate}html body #lesson .command-card.repeat:before{display:block!important;content:'';position:absolute;top:37px;bottom:15px;left:0;width:18px;background:#e400ad;border-left:2px solid #c8009a;border-radius:0!important;z-index:-1}html body #lesson .command-card.repeat:after{display:none!important}html body #lesson .repeat-head{position:relative;display:flex;align-items:center;gap:7px;height:46px;min-height:46px;padding:8px 12px 12px;background:url('assets/puzzle-repeat-head.svg') center/100% 100% no-repeat;color:white}html body #lesson .repeat-head>.drag-handle{font-size:25px!important;line-height:22px!important;color:white!important;background:none!important;width:23px!important;flex-basis:23px!important}html body #lesson .repeat-body{list-style:none;margin:-6px 0 -4px 22px;padding:0;min-height:43px;position:relative;z-index:1}html body #lesson .repeat-body>.command-card+.command-card{margin-top:-7px!important}html body #lesson .repeat-body>.command-card.repeat{min-width:195px!important;width:195px!important}html body #lesson .repeat-end{height:25px;min-height:25px;background:url('assets/puzzle-repeat-foot.svg') center/100% 100% no-repeat}html body #lesson .repeat-add{height:40px;border:1px dashed #b99b6580;border-radius:3px;margin:6px 7px 6px 3px;width:145px;background:#efdaa44d;color:#a58654;font-size:13px;letter-spacing:0;padding:0;cursor:pointer}html body #lesson .repeat-body.drag-over{background:#eabddd55;outline:2px dashed #d678b7;outline-offset:2px}html body #lesson .command-card.repeat.executing{outline:0!important;filter:drop-shadow(0 0 3px #ffdc78)!important}html body #lesson .palette-tip p{font-size:12px!important;line-height:1.55!important}html body #lesson .workspace-foot{font-size:10px}html body #lesson .workspace-foot button{font-size:11px}html body #lesson .workspace-tools{font-size:12px;height:34px;min-height:34px}html body #lesson .task-copy p{font-size:15px;line-height:1.6;color:#f3dfb9}html body #lesson .task-kicker{font-size:10px;color:#e0ba7b}html body #lesson .task-kicker>span{font-size:9px;color:#d6ab6b}html body #lesson .task-actions>span{font-size:10px;color:#e2bd82}html body #lesson .task-actions button{font-size:13px}html body #lesson .text-editor-body textarea,html body #lesson .text-editor-body pre{font-size:17px!important;line-height:1.8!important}html body #lesson .code-api{font-size:13px!important}html body #lesson .text-editor-toolbar{font-size:12px!important}html body #lesson .text-editor-toolbar #editor-validation{font-size:12px!important}html body #lesson .preview-note{font-size:12px!important;line-height:1.6}
/* Substantial enamel controls with gold rims and clear, vector-drawn symbols. */
html body #lesson .run-code{width:66px;min-width:66px;height:66px;border:4px solid #e8c16a;border-radius:12px;background:linear-gradient(145deg,#9ac749,#4b8b2f);box-shadow:0 4px 0 #75532c,0 7px 8px #3d392c4d,inset 0 0 0 2px #47742b,inset 0 3px #d9eea57d;position:relative}html body #lesson .run-code>span{font-size:0!important;color:transparent!important;background:url('assets/control-play.svg') center/36px 36px no-repeat;display:block;width:100%;height:100%;margin:0}html body #lesson .run-code[data-mode=running]>span{background-image:url('assets/control-pause.svg')}html body #lesson .run-code:after{font-size:10px;font-weight:700;bottom:-22px;color:#fff0c9;letter-spacing:.7px}html body #lesson .small-control{height:56px;width:54px;border:3px solid #e8bf68;border-radius:9px;background:linear-gradient(145deg,#5bc2e8,#267cb3);box-shadow:0 4px #75512b,0 7px 8px #3c362c3d,inset 0 0 0 2px #2779a0,inset 0 3px #b7edf691;position:relative;font-size:0!important}html body #lesson .small-control:before{content:'';position:absolute;inset:6px;background:url('assets/control-step.svg') center/contain no-repeat}html body #lesson #reset-code:before{background-image:url('assets/control-reset.svg')}html body #lesson .run-code:hover,html body #lesson .small-control:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.08)}html body #lesson .run-code:active,html body #lesson .small-control:active{transform:translateY(2px);box-shadow:0 1px #75512b,inset 0 0 0 2px #587549}html body #lesson .run-controls{gap:11px}html body #lesson .scene-toolbar{height:67px}html body #lesson .speed-control{top:87px;font-size:12px;color:#f5e7c8}html body #lesson .speed-control select{font-size:12px}html body #lesson .task-toggle{top:90px;left:115px;font-size:11px;color:#f6e0b5}html body #lesson .lesson-header-actions button{width:46px;height:48px;border:3px solid #e9c371;border-radius:9px;background:linear-gradient(145deg,#e7c87d,#b78c47);box-shadow:0 4px #75532e,0 6px 6px #3c362c36,inset 0 0 0 1px #af7e35,inset 0 3px #fff0bc80;font-size:0!important;position:relative;color:transparent!important}html body #lesson .lesson-header-actions button:before{content:'';position:absolute;inset:6px;background:url('assets/control-music.svg') center/contain no-repeat}html body #lesson #lesson-help:before{background-image:url('assets/control-help.svg')}html body #lesson #lesson-settings:before{background-image:url('assets/control-gear.svg')}html body #lesson .lesson-header-actions button:hover{transform:translateY(-2px);filter:brightness(1.08)}html body #lesson .level-pill{background:#5a6349db;color:#f4e4c0;border:1px solid #d0c49c88;border-radius:8px;padding:9px 12px;box-shadow:0 3px #574c2e50}html body #lesson .level-caption{font-size:13px!important;color:#f4e7c3}html body #lesson .level-caption b{font-size:29px!important;color:white;letter-spacing:1px}html body .atlas-language select{font-size:13px!important;font-weight:700}html body #lesson .collect-counter{background:linear-gradient(#aaca61,#658c32)!important;border:2px solid #f5d686;border-radius:9px;padding:7px 12px;box-shadow:inset 0 2px #e4efb360,0 4px 8px #65512f4d;gap:8px;min-height:47px;color:#fff5bf}html body #lesson .counter-star{width:30px;height:30px;filter:drop-shadow(0 2px 1px #52622655)}html body #lesson .collect-counter b{font-size:24px!important;line-height:1;color:#fff7c7}html body #lesson .collect-counter>span{font-size:16px!important;color:#f3edbd}html body #lesson .scene-badge{font-size:11px;color:#ffedcb}html body #lesson .weather-card h2{font-size:13px!important}html body #lesson .weather-card p{font-size:10px!important}
/* Award panel: high contrast, explicit earned stars, and distinct primary actions. */
html body #lesson .lesson-dialog.is-success{width:min(760px,94vw);max-height:calc(100dvh - 24px);padding:25px 27px;border:18px solid transparent;border-image:url('assets/wood-frame.svg') 24 stretch;background:repeating-linear-gradient(1deg,#d8975410 0 5px,#421a1010 5px 9px),radial-gradient(ellipse at 65% 20%,#9a5130,#71341f 65%,#552717);background-clip:padding-box;box-shadow:0 25px 90px #0f211a88;overflow:auto;color:#fff1cd}html body #lesson .lesson-dialog.is-success::backdrop{background:#142d286e;backdrop-filter:blur(7px)}html body #lesson .lesson-dialog.is-success>.close{right:10px;top:9px;width:29px;height:29px;background:#49271bb3;border:1px solid #d6a469;border-radius:50%;color:#ffe8bc;font-size:24px;line-height:24px;z-index:5}html body #lesson .success-screen{display:grid;grid-template-columns:137px minmax(0,1fr);gap:17px;align-items:end;min-height:355px}html body #lesson .success-guide{align-self:end;position:relative;min-height:280px}html body #lesson .success-guide img{width:175px;max-width:none;max-height:330px;object-fit:contain;position:absolute;bottom:-9px;left:-19px;filter:drop-shadow(3px 8px 5px #2f160e5e);pointer-events:none}html body #lesson .reward-kicker{display:block;font-size:13px;font-weight:700;color:#ffd98c;letter-spacing:2px;margin-top:4px}html body #lesson .success-screen h2{font-size:31px;font-weight:700;color:#fff2d2;line-height:1.13;letter-spacing:-.4px;text-shadow:0 2px #492418;margin:10px 0 5px}html body #lesson .reward-stars{display:flex;align-items:center;justify-content:center;gap:2px;height:105px;margin:3px 0 0;filter:drop-shadow(0 0 12px #e8b64d22)}html body #lesson .reward-star{width:102px;height:102px;opacity:.25;filter:grayscale(1);transform:scale(.8)}html body #lesson .reward-star.earned{opacity:1;filter:none;transform:scale(1);animation:star-earned .55s cubic-bezier(.2,.8,.25,1.4) both;animation-delay:calc(var(--order)*.13s)}html body #lesson .reward-star:nth-child(1){rotate:-8deg}html body #lesson .reward-star:nth-child(2){align-self:flex-start;translate:0 -3px}html body #lesson .reward-star:nth-child(3){rotate:8deg}html body #lesson .reward-caption{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 9px;color:#ffe28f}html body #lesson .reward-caption b{font-size:22px;font-weight:700;line-height:1}html body #lesson .reward-caption span{font-size:12px;font-weight:700;letter-spacing:1px}html body #lesson .reward-message{font-size:15px;line-height:1.5;color:#f7dfb5;text-shadow:none;margin:0 0 10px;text-align:center}html body #lesson .is-success .success-stats{display:flex;gap:8px;padding:10px 0;margin:10px 0 14px;border-top:1px solid #ca935368;border-bottom:1px solid #ca935368}html body #lesson .is-success .success-stats div{font-size:10px;color:#ecd3a6;line-height:1.7;flex:1;text-align:center}html body #lesson .is-success .success-stats b{font-size:24px;font-weight:700;color:#fff0c2;line-height:1.2;display:block;margin-bottom:3px}html body #lesson .reward-actions{display:flex;gap:11px;justify-content:center}html body #lesson .reward-button{border:3px solid #f1ce79;border-radius:8px;padding:10px 19px;min-width:138px;min-height:44px;font-size:16px;font-weight:700;color:white;text-shadow:0 2px #315b5f66;box-shadow:inset 0 0 0 1px #fff6b640,inset 0 2px #c7f1fb88,0 3px #4b261a;transition:transform .16s,filter .16s}html body #lesson .reward-button.blue{background:linear-gradient(#41b8f5,#1673cd)}html body #lesson .reward-button.green{background:linear-gradient(#91c93f,#4e982b)}html body #lesson .reward-button:hover{transform:translateY(-2px);filter:brightness(1.12)}html body #lesson .reward-button:active{transform:translateY(1px)}html body #lesson .reward-note{font-size:12px;line-height:1.5;color:#e0bf8f;margin:14px 0 0;text-align:center}html body #lesson .lesson-dialog:not(.is-success){color:#74542c}html body #lesson .lesson-dialog:not(.is-success) h2{font-size:30px;color:#654623}html body #lesson .lesson-dialog:not(.is-success) p{font-size:15px;line-height:1.7;color:#826236}html body #lesson .lesson-dialog .primary,html body #lesson .lesson-dialog .secondary{font-size:15px;font-weight:700;min-height:42px}html body #lesson .settings-row{font-size:15px}html body #lesson .level-grid button{font-size:19px}
@keyframes star-earned{0%{opacity:0;transform:scale(.35) rotate(-15deg);filter:brightness(1.8)}65%{opacity:1;transform:scale(1.1) rotate(3deg)}100%{opacity:1;transform:scale(1) rotate(0);filter:none}}
@media(max-width:1100px){html body #lesson .block-palette{flex-basis:150px!important;width:150px!important;min-width:150px!important;max-width:150px!important;padding:9px 8px!important}html body #lesson .palette-block{width:132px!important;max-width:132px!important;height:42px!important;min-height:42px!important;padding:7px 9px 11px!important;gap:4px!important}html body #lesson .palette-block,html body #lesson .palette-block .puzzle-label,html body #lesson .command-card{font-size:15px!important}html body #lesson .palette-block.up .puzzle-label,html body #lesson .palette-block.down .puzzle-label{font-size:14px!important}html body #lesson .command-card{min-width:147px!important;height:42px!important;min-height:42px!important;padding:7px 9px 11px!important;gap:4px!important}html body #lesson .start-block{width:147px!important;min-width:147px!important;max-width:147px!important;height:49px!important;min-height:49px!important;font-size:17px!important}html body #lesson .command-card input,html body #lesson .palette-slot{width:25px!important;min-width:25px!important;max-width:25px!important;height:21px!important;min-height:21px!important;font-size:14px!important}html body #lesson .block-direction,html body #lesson .palette-slot.palette-direction{width:57px!important;min-width:57px!important;height:22px!important;min-height:22px!important;font-size:13px!important}html body #lesson .command-card.repeat{width:186px!important;min-width:186px!important;min-height:98px!important;height:auto!important;padding:0!important}html body #lesson .repeat-head{height:42px;min-height:42px;padding:7px 9px 11px;gap:5px}html body #lesson .repeat-body{margin-left:19px}html body #lesson .command-card.repeat:before{top:34px;width:16px}html body #lesson .repeat-body>.command-card.repeat{width:167px!important;min-width:167px!important}html body #lesson .palette-block.repeat{height:96px!important;min-height:96px!important;padding:0!important}html body #lesson .repeat-palette-head{height:42px;padding:7px 9px 11px;gap:5px}html body #lesson .repeat-add{width:125px;font-size:12px}html body #lesson .task-copy p{font-size:13px}html body #lesson .task-copy h3{font-size:23px}html body #lesson .task-kicker{font-size:8px}html body #lesson .task-kicker>span{font-size:7px}html body #lesson .run-code{width:55px;min-width:55px;height:55px}html body #lesson .small-control{width:43px;height:46px}html body #lesson .lesson-header-actions button{width:35px;height:38px;border-width:2px}html body #lesson .lesson-header-actions button:before{inset:5px}html body #lesson .speed-control{top:73px;font-size:10px}html body #lesson .speed-control select{font-size:10px}html body #lesson .task-toggle{top:76px;left:100px;font-size:9px}html body #lesson .level-caption{font-size:10px!important}html body #lesson .level-caption b{font-size:22px!important}html body #lesson .collect-counter{padding:5px 9px;min-height:40px;gap:5px}html body #lesson .collect-counter b{font-size:21px!important}html body #lesson .counter-star{width:26px;height:26px}}
@media(max-width:760px){html body .world-button b{font-size:10px}html body .island-label{font-size:9px}html body .intro p{font-size:12px}html body #lesson .block-palette{flex-basis:138px!important;width:138px!important;min-width:138px!important;max-width:138px!important;padding:8px 7px!important}html body #lesson .palette-block{width:122px!important;max-width:122px!important;font-size:14px!important}html body #lesson .palette-block .puzzle-label{font-size:14px!important}html body #lesson .palette-block.up .puzzle-label,html body #lesson .palette-block.down .puzzle-label{font-size:13px!important}html body #lesson .palette-tip p{font-size:10px!important}html body #lesson .command-card{min-width:136px!important;font-size:14px!important}html body #lesson .start-block{width:136px!important;min-width:136px!important;max-width:136px!important}html body #lesson .command-card.repeat{width:174px!important;min-width:174px!important}html body #lesson .repeat-body>.command-card.repeat{width:156px!important;min-width:156px!important}html body #lesson .repeat-head{gap:4px}html body #lesson .command-card input,html body #lesson .palette-slot{width:23px!important;min-width:23px!important;max-width:23px!important;font-size:13px!important}html body #lesson .palette-slot.palette-direction,html body #lesson .block-direction{width:52px!important;min-width:52px!important;font-size:12px!important}html body #lesson .run-code{width:49px;min-width:49px;height:49px}html body #lesson .run-code>span{background-size:30px 30px}html body #lesson .small-control{width:36px;height:40px}html body #lesson .run-controls{gap:7px}html body #lesson .run-code:after{font-size:8px;bottom:-19px}html body #lesson .lesson-header-actions button{width:31px;height:34px}html body #lesson .speed-control{top:66px;font-size:9px}html body #lesson .task-toggle{top:69px;left:92px;font-size:9px}html body #lesson .level-caption{font-size:9px!important}html body #lesson .level-caption b{font-size:19px!important}html body #lesson .task-copy p{font-size:12px!important;line-height:1.6}html body #lesson .task-copy h3{font-size:23px}html body #lesson .task-actions>span{font-size:8px}html body #lesson .task-actions button{font-size:11px}html body #lesson .text-editor-body textarea,html body #lesson .text-editor-body pre{font-size:16px!important}html body #lesson .weather-card h2{font-size:11px!important}html body #lesson .weather-card p{font-size:8px!important}html body #lesson .lesson-dialog.is-success{width:min(430px,95vw);padding:21px 16px;border-width:14px}html body #lesson .success-screen{display:block;min-height:0}html body #lesson .success-guide{display:none}html body #lesson .reward-kicker{font-size:12px;letter-spacing:1.7px}html body #lesson .success-screen h2{font-size:29px;line-height:1.12;margin:12px 0 3px}html body #lesson .reward-stars{height:100px;gap:0;margin-top:8px}html body #lesson .reward-star{width:91px;height:91px}html body #lesson .reward-caption{margin-bottom:9px}html body #lesson .reward-caption b{font-size:23px}html body #lesson .reward-caption span{font-size:11px}html body #lesson .reward-message{font-size:15px}html body #lesson .is-success .success-stats{gap:5px;margin:12px 0 15px}html body #lesson .is-success .success-stats div{font-size:9px}html body #lesson .is-success .success-stats b{font-size:25px}html body #lesson .reward-actions{gap:9px}html body #lesson .reward-button{min-width:0;flex:1;padding:9px 9px;font-size:15px;min-height:45px}html body #lesson .reward-note{font-size:12px;text-align:left}html body #lesson .lesson-dialog.is-success>.close{right:5px;top:5px;width:26px;height:26px;font-size:22px}html body #lesson .scene-badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){html body #lesson .reward-star.earned{animation:none!important;opacity:1;transform:none}}
html body #lesson .palette-block.up>.puzzle-icon,html body #lesson .command-card.up>.drag-handle{font-size:0!important;color:transparent!important;background:url('assets/puzzle-up-icon.svg') center/contain no-repeat!important}html body #lesson .palette-block.down>.puzzle-icon,html body #lesson .command-card.down>.drag-handle{font-size:0!important;color:transparent!important;background:url('assets/puzzle-down-icon.svg') center/contain no-repeat!important}html body #lesson .palette-block.repeat .puzzle-icon,html body #lesson .repeat-head>.drag-handle{display:inline-block!important;width:23px!important;height:23px!important;font-size:0!important;color:transparent!important;background:url('assets/puzzle-repeat-icon.svg') center/contain no-repeat!important}html body #lesson .run-code[data-mode=running]:after{content:'DURAKLAT'}html body #lesson .run-code[data-mode=paused]:after{content:'DEVAM ET'}html[lang=en] body #lesson .run-code[data-mode=running]:after{content:'PAUSE'}html[lang=en] body #lesson .run-code[data-mode=paused]:after{content:'RESUME'}html body #lesson #lesson-sound.muted:after{content:'';position:absolute;left:8px;right:8px;top:50%;height:3px;background:#a85737;transform:rotate(-43deg);border:1px solid #f4d09b;border-radius:2px}
html body #lesson .reward-button.blue{background:linear-gradient(#278ccf,#115aa4)}html body #lesson .reward-button.green{background:linear-gradient(#5e9a2c,#276818)}html body #lesson .lesson-header-actions button:before{filter:drop-shadow(0 1px 1px #76522566)}
/* One connected C-shaped loop: inherited 8px pseudo-height caused the old seam. */
html body #lesson .command-card.repeat{gap:0!important;isolation:isolate;overflow:visible}html body #lesson .command-card.repeat:before{content:''!important;display:block!important;position:absolute!important;left:0!important;top:34px!important;bottom:10px!important;height:auto!important;width:19px!important;min-height:0!important;margin:0!important;background:#e400ad!important;border:0!important;border-left:2px solid #c8009a!important;border-radius:0!important;z-index:0!important}html body #lesson .repeat-head,html body #lesson .repeat-end{position:relative;z-index:2}html body #lesson .repeat-body{position:relative;z-index:3;margin-top:-5px!important;margin-bottom:-3px!important;min-height:43px}html body #lesson .repeat-end{margin-top:0!important}html body #lesson .palette-block.repeat:before{height:auto!important;top:34px!important;bottom:10px!important;width:17px!important}
/* Advanced topics use the same live blocks and nested-loop behavior. */
html body #lesson .palette-block.variable,html body #lesson .command-card.variable{background:#d17b3f!important;border:2px solid #b86632!important;border-radius:4px!important;color:white!important}html body #lesson .palette-block.array,html body #lesson .command-card.array{background:#8b65c8!important;border:2px solid #7552ae!important;border-radius:4px!important;color:white!important}html body #lesson .palette-block.each{background:#408f9e!important;border:2px solid #317f8e!important;border-radius:4px!important;color:white!important}html body #lesson .command-card.each>.repeat-head{background:#408f9e!important;border:2px solid #317f8e;border-radius:4px 4px 0 0}html body #lesson .command-card.each:before{background:#408f9e!important;border-left-color:#317f8e!important}html body #lesson .command-card.each>.repeat-end{background:#408f9e!important;border:2px solid #317f8e;border-top:0;border-radius:0 0 4px 4px}html body #lesson .command-card.each{min-width:258px!important;width:258px!important}html body #lesson .command-card input.variable-name{width:64px!important;min-width:64px!important;max-width:80px!important;text-align:left!important;padding:1px 4px!important;background:#386a7d!important;border-color:#2a5b70!important}html body #lesson .command-card.variable input{background:#a85c30!important;border-color:#964b25!important}html body #lesson .command-card.array input{background:#6747a1!important;border-color:#56378e!important}html body #lesson .command-card input.array-values{width:92px!important;min-width:92px!important;max-width:110px!important;text-align:left!important;padding-left:5px!important;font-size:14px!important}html body #lesson .command-card input.expression-input,html body #lesson .command-card input[type=text]:not(.variable-name):not(.array-values):not(.variable-value){width:76px!important;min-width:76px!important;max-width:110px!important;font-size:14px!important;text-align:left!important;padding-left:4px!important}html body #lesson .command-card input.variable-value{width:42px!important;min-width:42px!important;max-width:64px!important}html body #lesson .command-card.variable,html body #lesson .command-card.array{min-width:220px!important}html body #lesson .palette-block.variable span,html body #lesson .palette-block.array span,html body #lesson .palette-block.each span{font-size:15px;color:#fff}html body #lesson .rating-rule{font-size:12px!important;line-height:1.4!important;color:#ffe3a3!important;font-weight:700;margin:7px 0 9px;letter-spacing:0}html body #lesson #task-tip{white-space:pre-wrap;font-size:13px!important;line-height:1.5;max-height:190px;overflow:auto}html body #lesson .help-code{white-space:pre-wrap;font-size:15px;line-height:1.6;background:#f6e4b3;color:#70532f;padding:14px;border:1px solid #c9a970;border-radius:6px;overflow:auto;max-height:210px}
/* Keep the weather HUD below speed and task controls at every breakpoint. */
html body #lesson .lesson-scene .weather-card{top:151px!important;left:22px!important;max-width:175px;min-width:0}html body #lesson .level-route-label{position:absolute;left:24px;bottom:268px;background:#f3e1b9c9;border:1px solid #fff3d18c;border-radius:5px;padding:5px 8px;font-size:11px;font-weight:700;color:#8f7951;pointer-events:none}html body #lesson .scene-badge{bottom:236px}html body #lesson .task-card{max-height:43vh;overflow-y:auto}html body #lesson .task-copy h3{margin-top:5px}html body #lesson .task-copy p{line-height:1.45}html body #lesson .task-actions{margin-top:4px}html body #lesson .reward-atlas{display:block;margin:12px auto 0;border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#eed5a8;font-size:14px;cursor:pointer}html body #lesson .curriculum{grid-template-columns:repeat(5,1fr);gap:9px}html body #lesson .curriculum button{padding:12px 4px;display:flex;flex-direction:column;gap:6px;align-items:center;min-height:95px}html body #lesson .curriculum button b{font-size:23px}html body #lesson .curriculum button span{font-size:11px;line-height:1.2;min-height:25px}html body #lesson .curriculum button small{font-size:15px;color:#b88a36;letter-spacing:1px}html body #lesson .curriculum button.selected{outline:2px solid #86a973;outline-offset:1px}html body #lesson #lesson-progress{color:#d3c69e;margin-left:6px}
/* The marked lower-right area is now a real bin; returning blocks to palette deletes them. */
html body #lesson .workspace-area{position:relative}html body #lesson .workspace-foot{padding-right:68px!important;min-height:52px;align-items:center}html body #lesson .workspace-trash{position:absolute;bottom:10px;right:12px;z-index:12;width:43px;height:46px;display:grid;place-items:center;border:2px solid #c19b58;border-radius:7px;background:linear-gradient(#f6e3ae,#dfbe7e);color:#9c7540;box-shadow:inset 0 1px #fff1ca,0 3px #ae864548;cursor:pointer}html body #lesson .workspace-trash svg{width:27px;height:31px;transition:transform .18s}html body #lesson .workspace-trash:hover:not(:disabled),html body #lesson .workspace-trash.delete-over{background:#edd0a1;color:#a4513e;border-color:#b87a57}html body #lesson .workspace-trash:hover:not(:disabled) svg{transform:rotate(-5deg)}html body #lesson .workspace-trash:disabled{opacity:.4;cursor:not-allowed}html body #lesson .block-palette.delete-over{background:#e5b5a159!important;outline:2px dashed #b57e5b;outline-offset:-4px}html body #lesson .block-palette.delete-over:after{content:'↩';display:block;text-align:center;color:#a46f48;font-size:30px;pointer-events:none}
@media(max-width:1100px){html body #lesson .command-card.each{min-width:225px!important;width:225px!important}html body #lesson .command-card.variable,html body #lesson .command-card.array{min-width:199px!important}html body #lesson .command-card input.variable-name{width:54px!important;min-width:54px!important;font-size:13px!important}html body #lesson .command-card input.array-values{width:77px!important;min-width:77px!important;font-size:12px!important}html body #lesson .command-card input[type=text]:not(.variable-name):not(.array-values):not(.variable-value){width:62px!important;min-width:62px!important;font-size:13px!important}html body #lesson .rating-rule{font-size:11px!important}html body #lesson .level-route-label{bottom:244px;font-size:10px}html body #lesson .scene-badge{bottom:213px}}
@media(max-width:760px){html body #lesson .lesson-scene .weather-card{top:157px!important;left:14px!important;max-width:155px}html body #lesson .level-route-label{bottom:47px;left:16px;font-size:9px}html body #lesson .scene-badge{bottom:15px}html body #lesson .task-card{max-height:none}html body #lesson .workspace-trash{width:37px;height:40px;right:9px;bottom:8px}html body #lesson .workspace-trash svg{width:23px;height:26px}html body #lesson .workspace-foot{min-height:48px;padding-right:53px!important}html body #lesson .rating-rule{font-size:11px!important;margin:7px 0}html body #lesson .curriculum{grid-template-columns:repeat(2,1fr)}html body #lesson .curriculum button{min-height:82px}html body #lesson .command-card.each{min-width:210px!important;width:210px!important}html body #lesson .command-card.variable,html body #lesson .command-card.array{min-width:190px!important}html body #lesson .help-code{font-size:13px}}
html body #lesson .command-card.repeat{--loop-min:218px;width:max-content!important;min-width:var(--loop-min)!important}html body #lesson .command-card.repeat.each{--loop-min:258px;width:max-content!important;min-width:var(--loop-min)!important}html body #lesson .repeat-body>.command-card.repeat{--loop-min:195px;width:max-content!important;min-width:var(--loop-min)!important}html body #lesson .repeat-head{min-width:var(--loop-min);width:100%;box-sizing:border-box}html body #lesson .repeat-body{align-self:stretch;padding-right:7px}html body #lesson .repeat-end{width:100%;align-self:stretch}
@media(max-width:1100px){html body #lesson .command-card.repeat{--loop-min:186px;width:max-content!important;min-width:var(--loop-min)!important}html body #lesson .command-card.repeat.each{--loop-min:225px;width:max-content!important;min-width:var(--loop-min)!important}html body #lesson .repeat-body>.command-card.repeat{--loop-min:167px;width:max-content!important;min-width:var(--loop-min)!important}}
@media(max-width:760px){html body #lesson .command-card.repeat{--loop-min:174px;width:max-content!important;min-width:var(--loop-min)!important}html body #lesson .command-card.repeat.each{--loop-min:210px;width:max-content!important;min-width:var(--loop-min)!important}html body #lesson .repeat-body>.command-card.repeat{--loop-min:156px;width:max-content!important;min-width:var(--loop-min)!important}}
/* Keep the full loop label in a protected foreground layer, clear of the C spine and socket. */
html body #lesson .repeat-head,html body #lesson .repeat-palette-head{padding-left:20px!important;overflow:visible!important;text-indent:0!important;justify-content:flex-start!important;isolation:isolate;position:relative;z-index:4;gap:6px!important}
html body #lesson .repeat-head>.command-label,html body #lesson .repeat-palette-head>.puzzle-label{position:relative!important;z-index:5!important;display:block!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;margin:0!important;padding:0 2px 0 0!important;overflow:visible!important;text-indent:0!important;white-space:nowrap!important;transform:none!important;clip-path:none!important;color:#fff!important}
html body #lesson .palette-block.repeat:before{z-index:0!important}
html body #lesson .repeat-head>.command-actions{z-index:8}html body #lesson .command-card.repeat:hover>.repeat-head>.command-actions,html body #lesson .command-card.repeat:focus-within>.repeat-head>.command-actions{opacity:1;pointer-events:auto}
html body #lesson .palette-block.work,html body #lesson .command-card.work{background:transparent url('assets/codementum-forward.svg') 0 0/100% 100% no-repeat!important;filter:hue-rotate(39deg)!important;color:white!important}
html body #lesson .palette-block.work>.puzzle-icon,html body #lesson .command-card.work>.drag-handle{font-size:20px!important;line-height:18px!important;background:none!important;color:white!important;flex:0 0 18px!important}
html body #lesson .mission-state{position:absolute;right:18px;top:151px;z-index:8;width:230px;padding:12px 14px;background:linear-gradient(135deg,#6d5035f5,#493b29f0);border:1px solid #f9df9c88;border-radius:9px;box-shadow:0 3px 12px #70533130,inset 0 1px #fff3bd40;color:#fff1c7;font-size:12px;pointer-events:none}
html body #lesson .mission-state>b{display:block;letter-spacing:1px;font-size:11px;color:#f8d77d}html body #lesson .station-ledger{display:flex;gap:5px;margin:9px 0}html body #lesson .station-ledger>span{flex:1;text-align:center;border:1px solid #e2bb7950;background:#ffffff09;border-radius:4px;padding:4px 1px;font-size:11px;color:#dac5a1}html body #lesson .station-ledger strong{display:block;color:#fff5d9;font-size:16px;line-height:1.3}html body #lesson .station-ledger>.done{background:#3e7a62;border-color:#97c694}html body #lesson .mission-state>small{display:block;color:#e8d4aa;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:1100px){html body #lesson .repeat-palette-head{padding-left:14px!important;gap:4px!important}html body #lesson .repeat-head{padding-left:18px!important}html body #lesson .mission-state{top:157px;right:12px;width:194px;padding:10px}}
@media(max-width:760px){html body #lesson .mission-state{top:157px;right:8px;width:168px;padding:8px;font-size:11px}html body #lesson .mission-state>small{font-size:10px}html body #lesson .station-ledger strong{font-size:14px}html body #lesson .repeat-palette-head{padding-left:12px!important;gap:3px!important}}
html body #lesson .level-grid.curriculum{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}html body #lesson .level-grid.curriculum button{display:grid;grid-template-columns:30px minmax(0,1fr) auto;column-gap:7px;row-gap:4px;text-align:left;padding:12px 10px;min-width:0;color:#67452a;background:linear-gradient(#f1dba0,#dfbf77)}html body #lesson .level-grid.curriculum button.selected{background:linear-gradient(#5c9375,#3e735c);color:#fff0c5;border-color:#9fc197}html body #lesson .level-grid.curriculum b{grid-row:1/3;align-self:center;font-size:23px}html body #lesson .level-grid.curriculum strong{font-size:14px;line-height:1.1;align-self:center;overflow-wrap:anywhere}html body #lesson .level-grid.curriculum span{grid-column:2/4;line-height:1.25;font-size:11px;opacity:.8}html body #lesson .level-grid.curriculum small{grid-column:3;grid-row:1;font-size:12px;letter-spacing:-1px;white-space:nowrap}
html body #lesson .command-card input.variable-value.expression-input{width:94px!important;min-width:94px!important;max-width:120px!important;font-size:14px!important;text-align:left!important;padding-left:4px!important}
/* The viewport and frame never expose native edge bars. Wheel/touch/keyboard scrolling
   remains available inside long editors and dialogs; hints have their own fitted dialog. */
html:has(body.atlas-lesson-open),body.atlas-lesson-open{height:100%;overflow:hidden!important}
html body #lesson,html body #lesson *{scrollbar-width:none!important;-ms-overflow-style:none!important}
html body #lesson::-webkit-scrollbar,html body #lesson *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
html body #lesson .workspace,html body #lesson .block-palette{overflow-x:hidden!important;overscroll-behavior:contain}
html body #lesson #program{width:max-content;max-width:none;transform-origin:left top}html body #lesson .workspace-area{overflow:hidden;min-width:0}html body #lesson .block-view{min-width:0}
html body #lesson .task-card{grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 14px;min-height:0!important;max-height:none!important;padding:15px 20px!important;border-width:14px;overflow:hidden!important;align-items:center}
html body #lesson .guide-portrait{grid-column:1;grid-row:1/3;height:132px;min-height:0;width:84px;align-self:end}
html body #lesson .guide-portrait img{left:-16px;bottom:-19px;width:116px;height:158px;object-fit:contain}
html body #lesson .guide-name{display:none}html body #lesson .task-copy{grid-column:2;grid-row:1;min-width:0;width:100%}html body #lesson .mission-side{grid-column:2;grid-row:2;min-width:0;width:100%}
html body #lesson .task-copy h3{font-size:clamp(20px,1.6vw,28px);line-height:1.1;margin:4px 0 6px;overflow-wrap:anywhere}html body #lesson .task-copy p{font-size:clamp(12px,.95vw,14px)!important;line-height:1.42!important;overflow-wrap:anywhere}
html body #lesson .mission-checks{display:none}html body #lesson .rating-rule{font-size:12px!important;line-height:1.3!important;margin:7px 0 8px;overflow-wrap:anywhere}html body #lesson .task-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex-wrap:wrap}html body #lesson .task-actions>span{min-width:0;overflow-wrap:anywhere;font-size:11px}html body #lesson #task-tip{display:none!important}
html body #lesson .task-card.collapsed{display:block;max-height:62px!important;padding:7px 15px!important}html body #lesson .task-card.collapsed .guide-portrait,html body #lesson .task-card.collapsed .mission-side{display:none!important}
html body #lesson .help-code{width:100%;max-width:100%;white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word;max-height:none!important;overflow:visible!important;padding:12px;font-size:14px!important;line-height:1.45}
html body #lesson .lesson-dialog{max-height:calc(100dvh - 20px)!important;max-width:calc(100vw - 20px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}
html body #lesson .text-editor-body textarea{white-space:pre-wrap!important;overflow-wrap:anywhere;overflow-x:hidden!important;overscroll-behavior:contain}
html body #lesson .loop-counter{margin-left:auto;color:#ffe3f6;font-size:11px;font-weight:700;white-space:nowrap;padding-right:6px;letter-spacing:0}
html body #lesson .state-total{display:block;font-size:26px;line-height:1.2;color:#ffe6a0;margin-top:7px}html body #lesson .code-order{font-size:21px;color:#fbd58e;letter-spacing:2px;margin-top:6px}html body #lesson .case-progress{display:flex;gap:5px;margin-bottom:10px}html body #lesson .case-progress span{flex:1;border:1px solid #d0ad6955;border-radius:4px;text-align:center;font-size:11px;padding:4px;color:#ceba95}html body #lesson .case-progress .current{color:#fff1bd;background:#b18a4344;border-color:#e7bf6f}html body #lesson .case-progress .passed{color:#e1f2c5;background:#487a5e;border-color:#8fb485}html body #lesson .watch-line{padding-top:5px;border-top:1px solid #ddba6c3b;margin-top:4px}
@media(max-width:1100px){html body #lesson .task-card{grid-template-columns:62px minmax(0,1fr);gap:3px 9px;padding:12px!important}html body #lesson .guide-portrait{width:62px;height:116px}html body #lesson .guide-portrait img{width:94px;height:136px;left:-17px;bottom:-16px}html body #lesson .task-kicker{font-size:9px}html body #lesson .task-kicker>span{font-size:9px}html body #lesson .loop-counter{font-size:10px;padding-right:4px}html body #lesson .repeat-head:has(.loop-counter){min-width:244px}}
@media(max-width:760px){html body #lesson{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}html body #lesson .task-card{grid-template-columns:50px minmax(0,1fr);padding:10px!important;border-width:12px;margin-bottom:48px}html body #lesson .guide-portrait{width:50px;height:104px}html body #lesson .guide-portrait img{width:80px;height:119px;left:-15px;bottom:-12px}html body #lesson .task-copy h3{font-size:21px}html body #lesson .task-copy p{font-size:12px!important}html body #lesson .rating-rule{font-size:11px!important}html body #lesson .task-actions>span{font-size:10px}html body #lesson .mission-state{top:157px;max-width:46%;width:168px}html body #lesson .lesson-dialog p{font-size:13px!important;line-height:1.5!important}}
@media(max-height:700px) and (min-width:761px){html body #lesson .mission-state{top:119px;width:192px;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px 6px}html body #lesson .case-progress{grid-column:1/3;margin:0 0 2px}html body #lesson .mission-state>b{font-size:9px;align-self:center}html body #lesson .station-ledger{margin:0;gap:3px}html body #lesson .station-ledger>span{font-size:9px;padding:2px 1px}html body #lesson .station-ledger strong{font-size:13px}html body #lesson .watch-line{grid-column:1/3;font-size:10px;margin-top:2px;padding-top:3px}html body #lesson .code-order{font-size:15px;letter-spacing:0;margin:0}html body #lesson .state-total{font-size:21px;margin:0}}
@media(max-width:760px){html body #lesson .lesson-scene .weather-card{max-width:min(155px,38%)!important}}
/* Live insertion targets use an overlay so hovering never shuffles the program. */
html body #lesson #program{position:relative;min-width:174px}html body #lesson .repeat-body{position:relative}
html body #lesson .drop-insertion{position:absolute!important;left:1px!important;right:4px!important;height:4px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:3px!important;background:#ffe08a!important;box-shadow:0 0 0 2px #8b4871,0 0 13px #fff1bda0;z-index:30;pointer-events:none;list-style:none;transition:top .07s linear}
html body #lesson .drop-insertion:before{content:'';position:absolute;left:-4px;top:-3px;width:10px;height:10px;border-radius:50%;background:#fff0b6;border:2px solid #8b4871}
html body #lesson .drop-insertion>span{position:absolute;right:2px;bottom:7px;background:#74445e;color:#fff1d5;padding:3px 6px;border:1px solid #f6d38b;border-radius:4px;font-size:10px;white-space:nowrap;letter-spacing:0;box-shadow:0 2px 4px #5e381d33}
html body #lesson .repeat-body.drop-target{background:#f8e8b444;box-shadow:inset 0 0 0 1px #e0bc8766;border-radius:3px}
html body #lesson .command-card.problem-block{filter:drop-shadow(0 0 3px #d64e3b)!important;outline:2px solid #e36b4d;outline-offset:3px}
/* Failure pauses the attempt and gives one explicit way back to editing. */
html body #lesson .lesson-dialog.is-error{width:min(600px,94vw);padding:25px;border:16px solid transparent;border-image:url('assets/wood-frame.svg') 24 stretch;background:radial-gradient(ellipse at 70% 0,#a4693d,#703a25 70%);background-clip:padding-box;color:#fff0d2}
html body #lesson .failure-screen{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:start}
html body #lesson .failure-symbol{display:grid;place-items:center;margin-top:31px;width:64px;height:64px;border:2px solid #efd08b;border-radius:50%;background:linear-gradient(#dcb365,#b88543);box-shadow:inset 0 1px #fff0c5,0 3px 8px #3c201750;color:#704323;font-size:47px;line-height:1}
html body #lesson .failure-kicker{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#efca88}
html body #lesson .failure-copy h2{font-size:32px!important;line-height:1.06!important;letter-spacing:-.5px;margin:9px 0 12px!important;color:#fff0c7!important;text-shadow:0 2px #512915!important}
html body #lesson .failure-copy p{color:#f5e0b9!important;font-size:16px!important;line-height:1.5!important;margin:0 0 15px;overflow-wrap:anywhere}
html body #lesson .failure-hint{padding:13px 15px;border:1px solid #e9c989;border-left:4px solid #edc773;border-radius:6px;background:#f0d59e;color:#654526;margin:0 0 12px}
html body #lesson .failure-hint>b{display:block;font-size:11px;letter-spacing:1.1px;color:#916535;margin-bottom:5px}
html body #lesson .failure-hint p{color:#684727!important;text-shadow:none!important;font-size:16px!important;margin:0!important;line-height:1.45!important}
html body #lesson .failure-copy .failure-context{font-size:11px!important;color:#d8bb8d!important;letter-spacing:.4px;margin:0 0 15px}
html body #lesson #failure-retry{width:100%;min-height:50px;font-size:20px;white-space:normal;line-height:1.2}
/* Cards explicitly separate their letter, array index and current numeric value. */
html body #lesson .key-card-row{display:flex;gap:6px;margin:9px 0}.key-card{--key:#a7cbe0}
html body #lesson .key-A{--key:#9bc8e3}html body #lesson .key-B{--key:#efcd7c}html body #lesson .key-C{--key:#d1afe1}
html body #lesson .key-card{flex:1;min-width:0;position:relative;padding:6px 4px;border:1px solid #ead7ab66;border-radius:5px;background:#fff5d810;display:grid;grid-template-columns:18px 1fr;align-items:center}
html body #lesson .key-card.is-next{border-color:var(--key);box-shadow:0 0 0 2px #fff0c112;background:#fff5db20}
html body #lesson .key-card>b{align-self:start;display:grid;place-items:center;width:18px;height:18px;background:var(--key);color:#473f3a;border-radius:4px;font-size:12px}
html body #lesson .key-card>strong{font-size:28px;text-align:center;line-height:1.1;color:#fff2ce}
html body #lesson .key-card>code{grid-column:1/3;font-size:10px;color:#e7d4b1;text-align:center;margin-top:4px;letter-spacing:0;white-space:nowrap}
html body #lesson .gate-order{display:flex;align-items:center;gap:4px;margin:5px 0 8px;flex-wrap:wrap}
html body #lesson .gate-order>span{font-size:10px;color:#d8c299;margin-right:3px}
html body #lesson .gate-order>b{font-size:12px;padding:3px 5px;border:1px solid var(--key);border-radius:4px;color:var(--key);white-space:nowrap}
html body #lesson .gate-order>b.entered{background:#47745b;border-color:#a5c58c;color:#e6f4d5}html body #lesson .gate-order>i{font-size:10px;font-style:normal;color:#c2a980}
html body #lesson .entered-code{display:flex;align-items:center;gap:5px;margin:7px 0}
html body #lesson .entered-code>span{font-size:10px;color:#dfcba5;margin-right:auto}
html body #lesson .entered-code>b{display:grid;place-items:center;border:1px solid #d9bd8466;border-radius:4px;width:25px;height:26px;color:#bcaa86;background:#241d171c;font-size:17px}
html body #lesson .entered-code>b.filled{color:#e4f0c7;border-color:#9abb82;background:#447354}
html body #lesson .gate-next{display:block;padding-top:6px;border-top:1px solid #e0be7c33;color:#ffe3a0!important;font-size:12px!important;line-height:1.4}
html body #lesson .gate-guide{background:#f6e6ba;border:1px solid #cbad71;padding:13px 15px;border-radius:7px;margin:14px 0}
html body #lesson .gate-guide h3{font-size:18px;margin:0 0 7px;color:#6a4b2c}
html body #lesson .gate-guide p,html body #lesson .gate-guide li{font-size:14px!important;line-height:1.5!important;color:#785934!important}
html body #lesson .gate-guide ol{padding-left:21px;margin:8px 0 0}html body #lesson .gate-guide li+li{margin-top:6px}
html body #lesson .gate-guide code{font-size:14px;font-weight:700;color:#814f79;white-space:nowrap}
@media(max-height:700px) and (min-width:761px){html body #lesson[data-level="9"] .mission-state{display:block;width:212px;top:112px}html body #lesson[data-level="9"] .key-card-row{margin:5px 0}html body #lesson[data-level="9"] .key-card>strong{font-size:22px}html body #lesson[data-level="9"] .gate-order{margin:3px 0}html body #lesson[data-level="9"] .entered-code{margin:4px 0}}
@media(max-width:760px){html body #lesson .lesson-dialog.is-error{padding:18px 15px;border-width:13px}html body #lesson .failure-screen{display:block}html body #lesson .failure-symbol{float:right;width:42px;height:42px;font-size:31px;margin:0 0 8px 10px}html body #lesson .failure-copy h2{font-size:29px!important}html body #lesson .failure-copy p,html body #lesson .failure-hint p{font-size:15px!important}html body #lesson #failure-retry{font-size:18px;min-height:48px}html body #lesson[data-level="9"] .lesson-scene .weather-card{display:none}html body #lesson[data-level="9"] .mission-state{top:116px;left:14px;right:14px;width:auto;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 10px;padding:9px 11px}html body #lesson[data-level="9"] .case-progress,html body #lesson[data-level="9"] .mission-state>b{grid-column:1/3;margin-bottom:1px}html body #lesson[data-level="9"] .key-card-row{grid-row:3/5;grid-column:1;margin:3px 0}html body #lesson[data-level="9"] .key-card{display:block;padding:4px 3px}html body #lesson[data-level="9"] .key-card>b{width:15px;height:15px;font-size:10px}html body #lesson[data-level="9"] .key-card>strong{font-size:23px;display:block}html body #lesson[data-level="9"] .key-card>code{font-size:9px;display:block;margin-top:2px}html body #lesson[data-level="9"] .gate-order{grid-column:2;margin:3px 0;font-size:10px;gap:3px}html body #lesson[data-level="9"] .gate-order>span{display:none}html body #lesson[data-level="9"] .gate-order>b{font-size:10px;padding:3px}html body #lesson[data-level="9"] .entered-code{grid-column:2;margin:0;gap:3px}html body #lesson[data-level="9"] .entered-code>span{font-size:9px}html body #lesson[data-level="9"] .entered-code>b{width:20px;height:21px;font-size:14px}html body #lesson[data-level="9"] .gate-next{grid-column:1/3;font-size:11px!important;padding-top:4px}html body #lesson .gate-guide{padding:10px}html body #lesson .gate-guide code{font-size:13px}}
/* A real weather control replaces the static, tiny forecast caption. */
html body #lesson .lesson-scene .weather-card{display:flex!important;top:132px!important;left:20px!important;width:210px;max-width:210px!important;min-width:0;padding:10px 12px 10px 10px;gap:9px;background:#f8e9c7f2;border:1px solid #fff7de;border-radius:9px;box-shadow:0 3px 10px #76573325;cursor:pointer;text-shadow:none}
html body #lesson .weather-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:36px;color:#a97a34;font-size:33px;line-height:1}
html body #lesson .weather-copy{min-width:0;flex:1;display:block}
html body #lesson #scene-weather{display:block;width:100%;height:25px;appearance:none;border:0!important;padding:0 13px 0 0!important;margin:0!important;background:transparent!important;box-shadow:none!important;color:#634723!important;font-size:17px!important;font-weight:700!important;line-height:1.2;cursor:pointer;outline-offset:4px}
html body #lesson #scene-weather option{color:#4d3925;background:#fff0cc;font-size:16px}
html body #lesson #weather-description{display:block;color:#795b35;font-size:12px;line-height:1.35;margin-top:3px;font-weight:400;white-space:normal}
html body #lesson .weather-caret{position:absolute;right:10px;top:14px;pointer-events:none;color:#8c6937;font-size:17px;font-weight:700}
html body #lesson[data-weather="night"] .weather-card{background:#273f58f2;border-color:#829aad;box-shadow:0 3px 12px #15233845}
html body #lesson[data-weather="night"] #scene-weather,html body #lesson[data-weather="night"] .weather-icon{color:#ffe6a9!important}
html body #lesson[data-weather="night"] #weather-description,html body #lesson[data-weather="night"] .weather-caret{color:#d5e1ed}
html body #lesson[data-weather="storm"] .weather-card{background:#d9e4e7f2;border-color:#f0f4ee}html body #lesson[data-weather="storm"] #scene-weather{color:#354f61!important}
/* Readable settings: dark ink, distinct labels, large controls and a clear completion button. */
html body #lesson .settings-panel{color:#503821}
html body #lesson .settings-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:1.5px;color:#805c30;margin:0 0 7px}
html body #lesson .settings-panel h2{font-size:34px!important;line-height:1.12!important;margin:8px 0 10px!important;color:#52381e!important;text-shadow:0 1px #fff4d1}
html body #lesson .settings-panel .settings-intro{font-size:16px!important;line-height:1.45!important;color:#73512c!important;margin:0 0 14px}
html body #lesson .setting-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #a7834d66;color:#563a20;cursor:pointer}
html body #lesson .setting-item>span{display:block;min-width:0;flex:1}
html body #lesson .setting-item b{display:block;font-size:19px;line-height:1.2;color:#523821;font-weight:700}
html body #lesson .setting-item small{display:block;margin-top:5px;font-size:14px;line-height:1.35;color:#795631}
html body #lesson .setting-switch{appearance:none!important;-webkit-appearance:none!important;position:relative;flex:0 0 52px;width:52px!important;height:30px!important;margin:0!important;border-radius:20px!important;border:2px solid #947041!important;background:#b99b6799!important;cursor:pointer;box-shadow:inset 0 1px 3px #60432325;transition:background .15s,border-color .15s}
html body #lesson .setting-switch:after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff1cf;border-radius:50%;box-shadow:0 1px 3px #50392166;transition:transform .15s}
html body #lesson .setting-switch:checked{background:#4c8668!important;border-color:#396b54!important}
html body #lesson .setting-switch:checked:after{transform:translateX(22px);background:#fff4d2}
html body #lesson .setting-item select{flex:0 0 auto;max-width:155px;min-height:42px;padding:7px 28px 7px 10px;background:#ffedc4;border:1px solid #9b753d;border-radius:6px;font-size:16px;font-weight:700;color:#553c23;box-shadow:inset 0 1px #fff7df}
html body #lesson .settings-panel .settings-note{margin:17px 0 14px!important;color:#73522d!important;font-size:14px!important;line-height:1.45!important}
html body #lesson #settings-done{width:100%;min-height:47px;font-size:19px}
/* Reading order is explicit at the bottom; no branding overlaps the instructions. */
html body #lesson .workspace-foot{display:flex;flex-direction:column;align-items:stretch!important;justify-content:center;gap:8px;min-height:87px!important;padding:12px 14px!important;color:#694a28;font-size:13px!important;line-height:1.35;background:#d4af6220;border-top:1px solid #b18a4c55}
html body #lesson .workspace-foot>span{font-size:13px!important;color:#6d4c29;font-weight:600}
html body #lesson .workspace-foot .lesson-brand{position:static!important;display:flex!important;gap:8px;font-size:13px!important;letter-spacing:.55px;color:#684823!important;line-height:1.15;pointer-events:none}
html body #lesson .workspace-foot .lesson-brand>span{font-size:25px;color:#926a33}
html body #lesson .workspace-foot .lesson-brand small{font-size:10px!important;letter-spacing:.45px;line-height:1.3;color:#8a6537!important;margin-top:4px}
html body #lesson .palette-tip{padding-top:13px;margin-top:19px;border-top-color:#a7854b66}
html body #lesson .palette-tip p{color:#6e4e29!important;font-size:14px!important;line-height:1.55!important;font-weight:500;margin:7px 0 0}
html body #lesson .palette-tip b{color:#50391f!important;font-weight:700}
html body #lesson .mini-label{font-size:12px!important;font-weight:700;letter-spacing:1.1px;color:#79572c!important}
html body #lesson .scene-badge,html body #lesson .level-route-label{font-size:12px!important;font-weight:600;color:#5b4b30}
html body #lesson .lesson-statusbar{font-size:12px!important;line-height:1.4;color:#624425!important}
html body #lesson .lesson-statusbar>span{font-size:12px!important;opacity:1!important}
/* Explicit undo / redo labels stay legible even when there is no history yet. */
html body #lesson .workspace-tools{height:54px!important;min-height:54px!important;padding:7px 9px!important;gap:8px;border-bottom:1px solid #ad8b4e55;color:#72512c;font-size:14px!important;align-items:center}
html body #lesson .workspace-tools>div{display:flex;gap:6px;align-items:center}
html body #lesson .workspace-tools b{color:inherit;font-size:14px;font-weight:700}
html body #lesson #undo-code,html body #lesson #redo-code{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;min-width:83px;padding:5px 8px;border:1px solid #947041;border-radius:6px;background:linear-gradient(#fff1cb,#e9c77d);color:#5a3d21;font-size:14px;box-shadow:inset 0 1px #fff9df,0 2px #9c753c35;opacity:1!important}
html body #lesson #undo-code>span,html body #lesson #redo-code>span{font-size:25px;line-height:1;font-weight:700;color:#80552a}
html body #lesson #undo-code b,html body #lesson #redo-code b{font-size:14px;line-height:1.1;font-weight:700;white-space:nowrap}
html body #lesson #undo-code:disabled,html body #lesson #redo-code:disabled{background:#dfc997;color:#91764c;border-color:#b4996a;box-shadow:none}
html body #lesson #undo-code:disabled>span,html body #lesson #redo-code:disabled>span{color:#a08558}
html body #lesson #undo-code:not(:disabled):hover,html body #lesson #redo-code:not(:disabled):hover{background:#fff0c5;border-color:#6f4c24;box-shadow:0 2px 5px #6c492333;transform:translateY(-1px)}
html body #lesson #clear-code{display:none}
/* The enlargement preference now affects fields and loop headers consistently. */
html body #lesson.large-blocks .block-palette{flex-basis:194px!important;width:194px!important;min-width:194px!important;max-width:194px!important}
html body #lesson.large-blocks .palette-block{width:174px!important;max-width:174px!important;font-size:19px!important}
html body #lesson.large-blocks .palette-block .puzzle-label{font-size:19px!important}
html body #lesson.large-blocks .palette-block:not(.repeat),html body #lesson.large-blocks .command-card:not(.repeat){height:54px!important;min-height:54px!important;font-size:19px!important;min-width:194px!important}
html body #lesson.large-blocks .palette-block.repeat{height:116px!important;min-height:116px!important}
html body #lesson.large-blocks .repeat-head,html body #lesson.large-blocks .repeat-palette-head{height:54px;min-height:54px;font-size:19px}
html body #lesson.large-blocks .command-card.repeat{height:auto!important;min-width:244px!important}
html body #lesson.large-blocks .command-card input{font-size:17px!important;min-height:28px!important;height:28px!important}
@media(max-width:1100px){html body #lesson .workspace-tools{padding:7px 6px!important;gap:4px}html body #lesson #undo-code,html body #lesson #redo-code{min-width:72px;padding:5px 6px;gap:4px}html body #lesson .workspace-tools b,html body #lesson #undo-code b,html body #lesson #redo-code b{font-size:13px}html body #lesson .palette-tip p{font-size:13px!important}html body #lesson .workspace-foot .lesson-brand{font-size:11px!important}html body #lesson .workspace-foot .lesson-brand small{font-size:9px!important}}
@media(max-width:760px){html body #lesson .lesson-scene .weather-card{top:117px!important;left:14px!important;width:190px;max-width:190px!important;padding:8px 10px}html body #lesson #scene-weather{font-size:16px!important}html body #lesson #weather-description{font-size:11px}html body #lesson .weather-icon{font-size:28px;flex-basis:26px;width:26px}html body #lesson[data-level="9"] .lesson-scene .weather-card{display:flex!important;top:112px!important;width:180px;max-width:180px!important}html body #lesson[data-level="9"] .mission-state{top:190px}html body #lesson .setting-item{padding:13px 0;gap:9px}html body #lesson .setting-item b{font-size:17px}html body #lesson .setting-item small{font-size:13px}html body #lesson .setting-item select{max-width:134px;font-size:15px;padding-left:7px}html body #lesson .settings-panel h2{font-size:30px!important}html body #lesson .settings-panel .settings-intro{font-size:15px!important}html body #lesson .workspace-foot{min-height:85px!important}html body #lesson .workspace-foot>span{font-size:12px!important}}
html body #lesson .scene-badge{color:#fff1d1!important;text-shadow:0 1px #382d1e}
html body #lesson .lesson-statusbar>span{color:inherit!important}
html body #lesson.large-blocks .palette-block:not(.repeat){min-width:174px!important}
@media(max-width:760px){html body #lesson[data-level="9"] .result-pane{height:680px;min-height:680px}}
html body #lesson .workspace-foot .lesson-brand small{font-size:11px!important;letter-spacing:.2px;color:#73512e!important}
html body #lesson .task-kicker{font-size:12px!important;letter-spacing:.5px}
html body #lesson .task-kicker>span{font-size:11px!important;letter-spacing:.2px}
html body #lesson .task-copy p{font-size:15px!important;line-height:1.45!important}
html body #lesson .rating-rule{font-size:13px!important}
html body #lesson .task-actions>span{font-size:12px!important}
html body #lesson .task-actions button{font-size:14px;min-height:34px}
html body #lesson .text-editor-toolbar,html body #lesson #editor-validation{font-size:13px!important;color:#76512d}
html body #lesson .code-api,html body #lesson .preview-note{font-size:12px!important;line-height:1.45;color:#73502a;opacity:1}
@media(max-width:1100px){html body #lesson .task-copy p{font-size:14px!important}html body #lesson .workspace-foot .lesson-brand{font-size:12px!important}html body #lesson .workspace-foot{min-height:100px!important}}
@media(max-width:760px){html body #lesson .task-copy p{font-size:13px!important}html body #lesson .task-kicker{font-size:11px!important}html body #lesson .task-kicker>span{font-size:10px!important}}
/* Keep the trash in the coding area, above the enlarged information footer. */
html body #lesson .workspace-area{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
html body #lesson .workspace-tools{grid-column:1;grid-row:1}
html body #lesson #workspace{grid-column:1;grid-row:2;min-height:0}
html body #lesson .workspace-trash{position:relative!important;grid-column:1;grid-row:2;align-self:end;justify-self:end;right:auto!important;bottom:auto!important;margin:0 12px 12px 0;z-index:9}
html body #lesson .workspace-foot{grid-column:1;grid-row:3}
@media(max-width:760px){html body #lesson .workspace-tools{height:auto!important;flex-wrap:wrap}html body #lesson .workspace-tools>div{flex:1;justify-content:flex-end}}
@media(max-width:390px){html body #lesson .lesson-scene .weather-card{width:calc(52% - 20px);max-width:calc(52% - 20px)!important;padding:8px;gap:6px}html body #lesson .weather-icon{width:24px;flex-basis:24px;font-size:26px}html body #lesson[data-level="9"] .lesson-scene .weather-card{width:180px;max-width:180px!important}html body #lesson #undo-code,html body #lesson #redo-code{min-width:55px;padding:5px 4px;gap:3px}html body #lesson #undo-code>span,html body #lesson #redo-code>span{font-size:21px}html body #lesson #undo-code b,html body #lesson #redo-code b{font-size:12px}}

/* Secondary text remains readable over the darker edges of the parchment. */
html body #lesson .setting-item small,html body #lesson .settings-panel .settings-intro,html body #lesson .settings-panel .settings-note{color:#684724!important}
html body #lesson .settings-kicker{color:#6e4c24}
html body #lesson .workspace-foot .lesson-brand small{color:#654323!important}
html body #lesson #undo-code:disabled,html body #lesson #redo-code:disabled{color:#745632}

/* Weather is an interactive control, not the old non-interactive scene title. */
html body #lesson .lesson-scene .weather-card{position:absolute;pointer-events:auto!important;z-index:26;touch-action:manipulation}
html body #lesson #scene-weather{pointer-events:auto!important;cursor:pointer;touch-action:manipulation}

/* Göbeklitepe: one continuous field notebook, limestone, olive and oxidised turquoise. */
.gobek-site-plaque{display:none}
html body #lesson[data-world="gobeklitepe"]{--ink:#3c4938;--sage:#647c58;--gold:#bf9856}
html body #lesson[data-world="gobeklitepe"] .gobek-site-plaque{display:flex;position:absolute;right:28px;top:115px;align-items:center;gap:10px;color:#5b6342;pointer-events:none;z-index:4;text-shadow:0 1px #fff0c15c}
.gobek-site-plaque svg{width:41px;height:44px;opacity:.72}
.gobek-site-plaque span{display:flex;flex-direction:column;gap:3px}
.gobek-site-plaque small{font-size:11px;letter-spacing:.3px;font-weight:700}
.gobek-site-plaque b{font-size:23px;line-height:1;letter-spacing:.4px}
.gobek-site-plaque em{font-style:normal;font-size:9px;letter-spacing:2px;font-weight:700}
html body #lesson[data-world="gobeklitepe"] .code-pane{background-color:#e2d1a6}
html body #lesson[data-world="gobeklitepe"] .editor-heading h2{color:#56603e}
html body #lesson[data-world="gobeklitepe"] .editor-emblem{color:#718b69;border-color:#9b9c6e}
html body #lesson[data-world="gobeklitepe"] .lesson-brand{color:#496d58!important}
html body #lesson[data-world="gobeklitepe"] .task-kicker>b{background:#576d50;color:#f5e7bb}
html body #lesson[data-world="gobeklitepe"] .guide-name{color:#f7e9bb}
html body #lesson[data-world="gobeklitepe"] .collect-counter{background:linear-gradient(#88ad72,#567948);border-color:#ecd69e}
html body #lesson[data-world="gobeklitepe"] .mission-state{top:194px;left:26px;right:auto;width:204px;max-width:204px;display:block;padding:12px 13px;border:1px solid #fff2c9b3;border-radius:10px;background:linear-gradient(135deg,#fff5d3e8,#e9d6abe8);box-shadow:0 5px 18px #78633c1a;color:#4d563a;backdrop-filter:blur(7px)}
html body #lesson[data-world="gobeklitepe"] .mission-state>b{font-size:11px;letter-spacing:.4px;display:block;line-height:1.3;color:#4e6246;margin:6px 0 10px}
.survey-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.survey-card{display:flex;align-items:center;flex-direction:column;gap:4px;padding:8px 3px;border:1px solid #bdc49a;border-radius:7px;background:linear-gradient(#fff6d9,#efdfb9);box-shadow:0 3px 0 #b4a37433}
.survey-card>span{font-size:11px;font-weight:700;color:#63704a}
.survey-card>strong{display:flex;align-items:baseline;gap:3px;font-size:31px;line-height:1.1;color:#456959}
.survey-card>strong>small{font-size:12px;font-weight:400}
.survey-card code{font:700 13px/1.5 'HP Simplified',sans-serif;background:#526d54;color:#fff3ce;padding:2px 8px;border-radius:4px}
html body #lesson .survey-note{display:block;margin-top:10px;font-size:12px;line-height:1.35;color:#655737}
html body #lesson[data-world="gobeklitepe"] .case-progress{margin:0 0 8px;display:flex;gap:5px}
html body #lesson[data-world="gobeklitepe"] .case-progress span{font-size:11px;color:#536546;border-color:#c8bb8e}
html body #lesson[data-world="gobeklitepe"] .case-progress .current{background:#58705a;color:#fff1cb}
.array-guide{padding:15px 18px;border:1px solid #acb786;border-radius:9px;background:#e5deb0;color:#3f523a;margin:15px 0}
.array-guide b{font-size:20px}.array-guide p{font-size:17px!important;line-height:1.5!important;margin:7px 0!important}
.pilot-note{font-size:17px!important;line-height:1.45!important;color:#624b2e!important}
html body #lesson .level-grid .planned-level{cursor:default;opacity:.65;background:#d8c393;border:1px dashed #aa956a;box-shadow:none}
html body #lesson .level-grid .planned-level strong{font-size:15px;line-height:1.25}
html body #lesson .level-grid .planned-level small{font-size:18px;color:#6e7954}
@media(max-width:1150px) and (min-width:761px){html body #lesson[data-world="gobeklitepe"] .mission-state{width:174px;max-width:174px;left:18px;padding:10px}html body #lesson[data-world="gobeklitepe"] .gobek-site-plaque{right:17px;gap:6px}.gobek-site-plaque b{font-size:20px}.gobek-site-plaque small{font-size:10px}.gobek-site-plaque svg{width:30px}}
@media(max-width:760px){html body #lesson[data-world="gobeklitepe"] .result-pane{height:640px;min-height:640px}html body #lesson[data-world="gobeklitepe"] .gobek-site-plaque{top:190px;right:15px;gap:6px}.gobek-site-plaque b{font-size:18px}.gobek-site-plaque small{font-size:9px}.gobek-site-plaque em{font-size:8px;letter-spacing:.6px}.gobek-site-plaque svg{width:28px}html body #lesson[data-world="gobeklitepe"] .mission-state{top:187px;left:14px;width:155px;max-width:155px;padding:9px}.survey-cards{gap:5px}.survey-card{padding:5px 2px}.survey-card>strong{font-size:25px}.survey-card code{font-size:12px;padding:1px 6px}html body #lesson .survey-note{font-size:11px}html body #lesson[data-world="gobeklitepe"] .mission-state>b{font-size:10px;margin:5px 0 7px}.survey-card>span{font-size:10px}}
/* Helper definitions and live if blocks use the same interlocking C geometry. */
html body #lesson .command-card.define>.repeat-head{background-image:url('assets/puzzle-function-head.svg')!important}
html body #lesson .command-card.define>.repeat-end{background-image:url('assets/puzzle-function-foot.svg')!important}
html body #lesson .command-card.define:before{background:#8868ba!important;border-left-color:#6c4d9d!important}
html body #lesson .command-card.conditional>.repeat-head{background-image:url('assets/puzzle-condition-head.svg')!important}
html body #lesson .command-card.conditional>.repeat-end{background-image:url('assets/puzzle-condition-foot.svg')!important}
html body #lesson .command-card.conditional:before{background:#dc9d28!important;border-left-color:#b17b1c!important}
html body #lesson .command-card.each:before{background:#408f9e!important;border-left-color:#317f8e!important}
html body #lesson .palette-block.helper-definition,html body #lesson .palette-block.helper-call,html body #lesson .command-card.helper-call{background:#8868ba!important;border:2px solid #6c4d9d!important;border-radius:4px!important;color:white!important}
html body #lesson .palette-block.conditional{background:#dc9d28!important;border:2px solid #b17b1c!important;border-radius:4px!important;color:white!important}
html body #lesson .command-card.helper-call{min-width:170px!important}
html body #lesson .command-card.define{--loop-min:252px}
html body #lesson .command-card.conditional{--loop-min:236px}
html body #lesson .command-card .predicate-select{width:164px;max-width:164px;min-width:140px;height:25px;font:700 13px 'HP Simplified',sans-serif;background:#b78321;color:white;border:1px solid #92691b;border-radius:3px;padding:2px 4px}
html body #lesson .command-card input.call-argument{width:85px!important;min-width:54px!important;max-width:110px!important}
html body #lesson .command-card.define input.variable-name,html body #lesson .command-card.helper-call input.variable-name{background:#694b98!important;border-color:#5d408e!important;min-width:63px!important;width:72px!important;font-size:13px!important}
html body #lesson .compact-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
html body #lesson .compact-cards .survey-card{padding:7px 2px}
html body #lesson .compact-cards .survey-card>span{font-size:9px;text-align:center;line-height:1.1}
html body #lesson .compact-cards .survey-card>strong{font-size:24px}
html body #lesson .compact-cards .survey-card code{padding:2px 3px;font-size:11px}
html body #lesson .archaeology-ledger{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0 4px}
html body #lesson .archaeology-ledger>span{display:flex;flex:1;min-width:38px;flex-direction:column;gap:2px;align-items:center;padding:6px 4px;border-radius:5px;border:1px solid #c4b38e;background:#f3e7c8;color:#7b6a49}
html body #lesson .archaeology-ledger>span.done{background:#567a64;border-color:#abc497;color:#fbefd2}
html body #lesson .archaeology-ledger b{font-size:11px}.archaeology-ledger strong{font-size:15px}
html body #lesson .helper-watch{display:block;font:700 15px 'HP Simplified',sans-serif;color:#4e705c;padding:6px;background:#bdd1ad55;border-radius:4px;margin-top:6px;overflow-wrap:anywhere}
html body #lesson .counter-watch{display:block;font-size:21px;color:#496c57;margin:8px 0}
html body #lesson .condition-watch{padding:8px 7px;background:#b9b99a36;border:1px solid #b0b08b;border-radius:5px;margin-top:8px;color:#6d6b4d}
html body #lesson .condition-watch.yes{background:#b4cca273;color:#3f6a4a}.condition-watch.no{background:#d9b27b42!important;color:#8a6838!important}
html body #lesson .condition-watch b{font-size:12px;display:block}.condition-watch small{font-size:10px;display:block;margin-top:4px;line-height:1.2}
html body #lesson .block-palette{overflow-y:auto;scrollbar-width:none}html body #lesson .block-palette::-webkit-scrollbar{display:none}
@media(max-width:760px){html body #lesson .command-card.define{--loop-min:232px}html body #lesson .command-card.conditional{--loop-min:224px}html body #lesson .command-card .predicate-select{width:154px;max-width:154px;min-width:130px;font-size:12px}}
html body #lesson .scan-directions{display:flex;gap:5px;margin:8px 0}
html body #lesson .scan-directions span{display:grid;place-items:center;flex:1;height:27px;background:#dddbc1;border:1px solid #b0b392;border-radius:4px;color:#78866b;font-size:19px}
html body #lesson .scan-directions span.current{background:#567a64;color:#fff2c8;border-color:#8eaa82}
html body #lesson .current-item{display:block;margin-top:7px;font-size:13px;color:#436b55;font-weight:700}
html body #lesson[data-world="gobeklitepe"][data-level="3"] .compact-cards .survey-card:nth-child(1){border-color:#5d9c9a}
html body #lesson[data-world="gobeklitepe"][data-level="3"] .compact-cards .survey-card:nth-child(2){border-color:#b89152}
html body #lesson[data-world="gobeklitepe"][data-level="3"] .compact-cards .survey-card:nth-child(3){border-color:#8b91af}