.program-editor{color:#1a1a2e;--block-ink:#205ca3;--block-bg:#dfedfc;--block-edge:#b9d5f4;min-width:0}.program-editor button,.program-editor select{font:inherit}.program-editor button{cursor:pointer}.program-editor button:disabled,.program-editor select:disabled{cursor:default}.program-editor h2,.program-editor h3,.program-editor p{margin:0}.program-editor h2{font-size:19px;font-weight:800;line-height:1.45}.library-heading,.program-heading,.function-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.library-heading{margin-bottom:12px}.library-heading>span,.function-title>span{color:#626270;font-size:12px}.block-library{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.block-color-forward{--block-ink:#205ca3;--block-bg:#dfedfc;--block-edge:#b9d5f4}.block-color-backward{--block-ink:#205ca3;--block-bg:#e7f1fc;--block-edge:#b9d5f4}.block-color-left,.block-color-right{--block-ink:#775915;--block-bg:#fbefb5;--block-edge:#e8d280}.block-color-repeat{--block-ink:#316451;--block-bg:#e4f0e2;--block-edge:#b5d3b4}.block-color-call{--block-ink:#924050;--block-bg:#fbe3e4;--block-edge:#ecc1c6}.library-block{border:1px solid var(--block-edge);border-bottom:4px solid var(--block-edge);background:var(--block-bg);width:85px;min-height:99px;color:var(--block-ink);touch-action:none;border-radius:17px;flex:0 0 85px;align-content:center;justify-items:center;gap:3px;padding:10px 6px 8px;transition:transform .15s,filter .15s;display:grid;position:relative}.library-block>span:not(.library-default){font-size:14px;font-weight:800}.library-block .library-default{opacity:.8;font-size:11px}.library-block:hover:not(:disabled){filter:saturate(1.15);transform:translateY(-2px)}.library-block:active:not(:disabled){transform:translateY(1px)}.library-block:disabled{opacity:.55}.program-heading{margin-bottom:12px}.program-heading p{color:#667;margin-top:4px;font-size:12px}.program-count{vertical-align:middle;color:#525263;background:#f1ede2;border-radius:16px;margin-left:8px;padding:4px 10px;font-family:system-ui,sans-serif;font-size:12px;font-weight:600;display:inline-block}.history-actions{gap:5px;display:flex}.history-actions>button{color:#4b4b5b;background:#fefcf6;border:1px solid #e7e3d8;border-radius:13px;place-items:center;width:48px;min-width:48px;height:48px;padding:0;display:grid}.history-actions>button:disabled{opacity:.35}.history-actions>button:hover:not(:disabled){background:#f3eedf}.main-program-board{background:#faf7ed radial-gradient(#d9d3c555 .9px,#0000 .9px) 0 0/16px 16px;border:1px solid #ddd7c7;border-radius:18px;min-height:222px;padding:15px}.sequence-heading{color:#63636b;align-items:center;gap:7px;margin-bottom:13px;font-size:11px;font-weight:700;display:flex}.sequence-heading>span:last-child{color:#83818a;margin-left:auto;font-weight:500}.start-dot{background:#2b7fd8;border-radius:50%;width:8px;height:8px}.block-sequence{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:12px;min-width:0;display:flex}.block-position{flex:none;min-width:0;max-width:100%;position:relative}.program-block{width:148px;max-width:100%;color:var(--block-ink);border:1px solid var(--block-edge);border-bottom:4px solid var(--block-edge);background:var(--block-bg);border-radius:16px;transition:box-shadow .15s;position:relative}.block-face{align-items:center;gap:3px;min-height:112px;padding:28px 8px 8px;display:flex;position:relative}.block-number{min-width:22px;color:var(--block-ink);opacity:.8;font:800 11px/19px system-ui,sans-serif;position:absolute;top:8px;left:10px}.program-block .drag-handle{width:48px;min-width:48px;height:48px;min-height:48px;color:inherit;opacity:.45;touch-action:none;cursor:grab;background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.program-block .drag-handle:hover:not(:disabled){opacity:1;background:#fefcf655}.program-block .drag-handle:active:not(:disabled){cursor:grabbing}.program-block .block-select{min-width:48px;min-height:68px;color:inherit;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:4px 1px;display:flex}.block-select strong{white-space:nowrap;font-size:14px;font-weight:800}.block-parameter{flex-direction:column;align-items:center;gap:2px;padding-top:13px;font-size:10px;display:flex}.program-block .block-parameter select{text-align:center;border:1px solid var(--block-edge);width:48px;min-width:48px;min-height:48px;color:var(--block-ink);cursor:pointer;background:#fefcf6;border-radius:10px;padding:0 5px;font-size:19px;font-weight:800}.program-block.selected{outline-offset:3px;outline:3px solid #2b7fd8}.program-block.executing{outline-offset:2px;outline:4px solid #e8b716;box-shadow:0 0 0 7px #f4d75844}.program-block.in-stack{box-shadow:0 0 0 3px #e4b728}.program-block.block-error{outline-offset:3px;outline:3px solid #e84a5f}.block-progress{color:#574009;text-align:center;background:#f4d758;border-radius:0 0 11px 11px;padding:5px 8px;font-size:11px;font-weight:800}.error-progress{color:#fefcf6;background:#e84a5f}.repeat-position{flex-basis:100%}.repeat-position>.program-block{width:100%}.repeat-position>.program-block>.block-face{justify-content:flex-start;min-height:68px;padding:10px 55px 10px 36px}.repeat-position>.program-block>.block-face>.block-number{top:24px;left:12px}.repeat-position>.program-block>.block-face>.block-select{flex-direction:row;flex:0 auto;gap:8px;min-height:48px;padding-right:7px}.repeat-position>.program-block>.block-face>.block-parameter{flex-direction:row;gap:5px;padding:0;font-size:12px}.repeat-position>.program-block>.block-face>.drag-handle{top:11px;right:3px}.loop-body{background:#f7faf0;border:1px solid #aecaae;border-radius:12px;margin:0 10px 10px;padding:12px}.loop-body-label{color:#51735c;margin-bottom:10px;font-size:11px;font-weight:600}.program-editor .insert-slot{color:#8d8c87;background:#fefcf66b;border:1.5px dashed #cfc9b9;border-radius:12px;align-content:center;place-items:center;width:48px;min-width:48px;min-height:112px;padding:0;display:grid;position:relative}.program-editor .block-position>.insert-slot{color:#0000;z-index:2;background:0 0;border:0;width:12px;min-width:12px;min-height:48px;padding:0;position:absolute;top:0;bottom:0;left:-8px}.program-editor .block-position>.insert-slot>svg{visibility:hidden}.program-editor .block-position>.insert-slot:focus-visible,.program-editor .block-position>.insert-slot.chosen,.program-editor .block-position>.insert-slot.drop-target{background:#2b7fd8;border-radius:4px;width:6px;min-width:6px;left:-9px}.program-editor .insert-slot.empty-slot{background:0 0;border:0;flex:100%;gap:7px;width:100%;min-height:144px}.empty-slot>svg{box-sizing:content-box;border:1.5px dashed #c5c0b4;border-radius:13px;padding:8px}.empty-slot>strong{font-size:13px;font-weight:600}.empty-slot>span{color:#8b8990;font-size:11px}.loop-body .empty-slot{min-height:96px}.loop-body .empty-slot>span{display:none}.program-editor .insert-slot:hover:not(:disabled),.program-editor .insert-slot.chosen,.program-editor .insert-slot.drop-target{color:#2b7fd8;background-color:#e0edfc;border-color:#2b7fd8}.insert-tooltip{pointer-events:none;color:#fefcf6;white-space:nowrap;background:#2b7fd8;border-radius:5px;padding:3px 7px;font-size:10px;display:none;position:absolute;top:-23px;left:50%;transform:translate(-50%)}.insert-slot.chosen>.insert-tooltip,.insert-slot.drop-target>.insert-tooltip,.insert-slot:focus-visible>.insert-tooltip{display:block}.block-position.insert-before:before{content:"插入这里";z-index:3;color:#fefcf6;pointer-events:none;background:#2b7fd8;border-radius:5px;padding:3px 6px;font-size:10px;position:absolute;top:-15px;left:0}.block-position.insert-before:after{content:"";z-index:3;pointer-events:none;background:#2b7fd8;border-radius:4px;width:5px;position:absolute;top:8px;bottom:0;left:-7px}.is-dragging{opacity:.5}.editor-dragging .insert-slot{border-color:#7daee7}.selection-toolbar{color:#777582;flex-wrap:wrap;align-items:center;gap:8px;min-height:56px;margin:14px 0 2px;font-size:12px;display:flex}.selection-toolbar.has-selection{background:#f5f0e5;border-radius:12px;padding:10px}.selection-caption{color:#4b4a59;font-size:12px;font-weight:700}.selection-buttons{flex-wrap:wrap;gap:5px;display:flex}.selection-buttons>button,.move-controls>button{color:#4a4a5a;background:#fefcf6;border:1px solid #ded8cb;border-radius:10px;justify-content:center;align-items:center;gap:4px;min-height:48px;padding:7px 10px;font-size:12px;font-weight:650;display:inline-flex}.selection-buttons>button:disabled{opacity:.4}.selection-buttons>.delete-button{color:#ae314a}.move-controls{flex:100%;align-items:center;gap:8px;display:flex}.move-controls>select{color:#4a4a5a;background:#fefcf6;border:1px solid #ded8cb;border-radius:10px;flex:1;min-width:0;max-width:270px;min-height:48px;padding:6px 10px;font-size:12px}.editor-lock-note{color:#765a11;background:#f8edbd;border-radius:10px;margin:14px 0 4px;padding:12px;font-size:12px}.function-definitions{gap:13px;margin-top:22px;display:grid}.function-title{flex-wrap:wrap;gap:6px}.function-title h3{font-size:15px}.function-board{background:#fcf5f1;border:1px solid #e4cdcf;border-radius:15px;min-width:0;padding:12px}.function-heading{align-items:center;gap:8px;margin-bottom:12px;display:flex}.function-letter{color:#924050;background:#f3d1d3;border-radius:8px;place-items:center;width:28px;height:28px;font:800 17px system-ui,sans-serif;display:grid}.function-heading>strong{font-size:13px}.function-heading>button{color:#924050;background:#fefcf6;border:1px solid #e4cdcf;border-radius:10px;min-height:48px;margin-left:auto;padding:6px 10px;font-size:12px}.function-board .sequence-empty .empty-slot{min-height:105px}.function-board.function-active{outline:3px solid #f4d758}.editor-keyboard-tip{color:#8b8890;font-size:10px;margin-top:16px!important}.program-editor :focus-visible{outline-offset:3px;outline:3px solid #2b7fd8}@media (width<=600px){.program-editor h2{font-size:17px}.library-heading>span{font-size:11px}.block-library{gap:8px;margin-bottom:20px}.library-block{flex-basis:75px;width:75px;min-height:94px}.program-heading{gap:4px}.program-count{margin-left:4px;padding:3px 7px}.history-actions{gap:2px}.history-actions>button{background:0 0;border-color:#0000;width:48px;min-width:48px}.main-program-board{padding:12px}.block-sequence{gap:10px}.program-block{width:131px}.block-face{padding-inline:5px}.block-select strong{font-size:13px}.loop-body{margin:0 7px 7px;padding:9px}.repeat-position>.program-block>.block-face{padding-left:34px}.function-board{padding:10px}.function-title>span{font-size:11px}.editor-keyboard-tip{display:none}}@media (prefers-reduced-motion:reduce){.library-block,.program-block{transition:none}}:root{--_esther-ds:"esthersjw-v1";--blue:#2b7fd8;--blue-dark:#235f9e;--yellow:#f4d758;--red:#e84a5f;--cream:#fefcf6;--ink:#253749;--ink-light:#5e6d75;--ink-faint:#758078;--card-bg:#fffef9;--border:#e5e5d9;--green:#3e745b;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:15px}*{box-sizing:border-box}body{min-width:340px;margin:0}button,input,select{font:inherit}button{min-height:48px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex}button:hover:not(:disabled){background-color:#eeeede}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button svg{flex:none}a{color:var(--blue-dark);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}p{margin:0;line-height:1.7}h1,h2,h3{margin:0}h1,h2{font-family:Noto Serif SC,Songti SC,STSong,Georgia,serif}input[type=checkbox]{appearance:none;background:var(--card-bg);cursor:pointer;border:1.5px solid #aab6a8;border-radius:6px;flex:0 0 20px;place-items:center;width:20px;height:20px;margin:0;display:inline-grid}input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}input[type=checkbox]:checked:after{content:"";border-left:2px solid var(--cream);border-bottom:2px solid var(--cream);width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}select{border:1px solid var(--border);background:var(--card-bg);min-height:48px;color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 12px}::selection{background:var(--yellow);color:var(--ink)}.app-shell{max-width:1600px;margin:0 auto}.app-header{z-index:40;background:var(--cream);border-bottom:1px solid var(--border);align-items:center;gap:26px;height:88px;padding:0 clamp(16px,3vw,48px);display:flex;position:sticky;top:0}.brand{color:var(--ink);flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.brand strong{letter-spacing:-.8px;font-family:Georgia,Noto Serif SC,serif;font-size:25px}.brand em{color:var(--blue);font-style:normal;font-weight:500}.brand small{color:var(--ink-light);letter-spacing:1px;margin-top:2px;font-size:11px;display:block}.brand-divider{background:#dfdfd4;width:1px;height:32px;margin-left:18px}.level-selector{text-align:left;color:var(--ink-light);background:#f6f7ee;border:1px solid #e2e6db;gap:14px;padding:8px 12px;font-size:10px}.level-selector strong{color:var(--ink);margin-top:2px;font-size:13px;display:block}.level-selector-icon{color:var(--green)}.header-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.course-progress{color:var(--green);align-items:center;gap:7px;margin-right:18px;font-size:14px;font-weight:700;display:flex}.course-progress span{color:var(--ink-faint);font-size:12px;font-weight:400}.icon-button{min-width:48px;padding:10px}.help-button{font-size:13px}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.27fr);gap:clamp(24px,3.5vw,56px);padding:28px clamp(20px,3.2vw,50px) 20px;display:grid}.map-panel,.program-panel{min-width:0}.section-heading{justify-content:space-between;align-items:center;display:flex}.eyebrow{color:var(--ink-light);letter-spacing:.5px;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:500;display:flex}.tiny-dot{background:#87a185;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}h1{letter-spacing:.6px;font-size:clamp(21px,2.05vw,29px);font-weight:800}.lesson-stamp{color:#dfdfcb;padding-right:6px;font-family:Georgia,serif;font-size:47px;font-style:italic;font-weight:700;line-height:1}.level-story{color:var(--ink-light);min-height:21px;margin:11px 0 19px;font-size:12px}.map-board{background:#f6f7ed;border:1px solid #dfe4d5;border-radius:23px;padding:7px 16px 14px;box-shadow:0 5px #e9ecdf}.map-toolbar{justify-content:space-between;align-items:center;min-height:48px;padding:0 2px;display:flex}.collection-count{color:#7d816e;align-items:center;gap:8px;font-size:11px;display:flex}.collection-count svg{fill:var(--yellow);color:#b9992f}.collection-count strong{color:var(--ink);font-size:16px}.collection-count strong span{color:#8c9682;font-size:13px;font-weight:500}.trail-toggle{cursor:pointer;min-height:48px;color:var(--ink-light);align-items:center;gap:7px;font-size:11px;display:inline-flex}.trail-toggle input{border-radius:5px;flex-basis:17px;width:17px;height:17px}.map-display{margin-top:-2px}.robot-map{width:100%;max-height:510px;display:block;overflow:visible}.coordinate{fill:#8f9c83;font-family:inherit;font-size:10px}.robot-position{transition:transform var(--move-time,.4s) ease}.map-caption{color:#76816e;justify-content:space-between;align-items:center;gap:10px;padding:0 9px 12px;font-size:10px;display:flex}.map-location{align-items:center;gap:9px;display:flex}.map-location i{background:#a6ad98;width:2px;height:2px}.map-scale{color:#8a9581}.map-legend{color:#7d8675;border-top:1px solid #e0e5d6;justify-content:center;align-items:center;gap:clamp(12px,1.7vw,25px);padding:13px 0 1px;font-size:10px;display:flex}.map-legend span{align-items:center;gap:5px;display:flex}.map-legend span:nth-child(2) svg{color:#bfaa38;fill:#f4d758}.map-legend span:nth-child(3) svg{color:var(--red)}.legend-start{background:#c9dfe4;border:1px dashed #8eb8c6;border-radius:4px;width:13px;height:13px;display:inline-block}.legend-rock{background:#a8bca6;border-radius:5px 6px 3px 4px;width:14px;height:13px;box-shadow:inset 0 -3px #91a98f}.mission{align-items:flex-start;gap:12px;margin:24px 0 14px;display:flex}.mission-icon{color:#ae8433;background:#f9ebbf;border-radius:14px;padding:11px;line-height:0}.mission strong{font-size:13px}.mission p{color:var(--ink-light);margin-top:3px;font-size:12px}.hints-area{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hint-button{color:#9a7631;background:#fcf4dd;min-height:48px;padding:5px 9px;font-size:11px}.hint-button small{color:#a99770;padding-left:4px;font-size:10px}.learning-tag{color:#84907f;font-size:10px}.hint-content{border-top:1px dashed #d5d9c9;margin-top:12px;padding-top:10px;font-size:12px}.hint-content p{align-items:baseline;gap:10px;margin:8px 0;display:flex}.hint-content b{color:#b29334;font-family:Georgia,serif}.text-button{color:var(--blue-dark);padding-left:0;font-size:12px}.program-panel{padding-top:1px}.program-panel-heading{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.program-panel-heading .eyebrow{color:#8a9188;font-size:10px}.program-panel h2{z-index:0;width:fit-content;font-size:22px;position:relative}.pencil-line{z-index:-1;background:#f7e9a5;border-radius:6px;height:8px;position:absolute;bottom:-1px;left:0;right:-4px;transform:rotate(-1.4deg)}.save-status{color:#819078;align-items:center;gap:6px;font-size:10px;display:inline-flex}.save-error{color:#b24d5b}.player-console{background:#f5f6ed;border:1px solid #e2e5d8;border-radius:18px;margin-top:18px;padding:6px 16px 14px}.player-topline{justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.runtime-indicator{color:#6f7c64;align-items:center;gap:7px;font-size:11px;display:flex}.runtime-indicator.running{color:var(--blue-dark)}.runtime-indicator.running .tiny-dot{background:var(--blue)}.runtime-indicator.paused .tiny-dot,.runtime-indicator.pausing .tiny-dot{background:#c5a132}.speed-control{color:#7e8679;align-items:center;gap:6px;font-size:10px;display:inline-flex}.speed-control select{background:0 0;border:0;min-height:48px;padding:6px 8px;font-size:12px;font-weight:600}.player-controls{grid-template-columns:1.55fr 1.15fr 1fr 1fr;gap:9px;display:grid}.player-controls button{background:var(--card-bg);border:1px solid #dfe3d7;border-radius:12px;min-height:51px;padding:11px 7px;font-size:13px;box-shadow:0 3px #e1e4d7}.player-controls .run-button{background:var(--blue);color:var(--cream);border-color:#2376c4;box-shadow:0 3px #1e63ac}.player-controls .run-button:hover:not(:disabled){background:#246fbd}.player-controls button:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.execution-details{color:#88917f;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:18px;font-size:10px;display:flex}.execution-details strong{color:var(--ink);margin:0 2px;font-size:13px}.execution-details>span:last-child{text-align:right}.loop-progress{color:#93732a;margin-left:8px;font-weight:500;display:inline-block}.call-progress{color:var(--blue-dark);margin-top:9px;font-size:10px}.execution-message{color:#7d8972;border-top:1px solid #e2e5d7;align-items:flex-start;gap:9px;margin-top:11px;padding:12px 0 0;font-size:11px;line-height:1.6;display:flex}.execution-message strong{font-weight:500}.execution-message svg{flex-shrink:0}.execution-message p{color:#708368;margin-top:4px;font-size:11px}.message-success{color:#337452}.message-success strong{font-weight:700}.message-error{color:#b34f53}.next-level{color:#3d7757;background:#e4eedb;width:100%;margin-top:12px}.file-tools{color:#8b9583;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;font-size:10px;display:flex}.file-tools p,.file-tools>div{align-items:center;gap:5px;display:flex}.file-tools p svg{color:#899b7a}.file-tools button{color:#73806e;gap:6px;min-height:48px;padding:7px 10px;font-size:11px}.app-footer{color:#9ba18e;justify-content:space-between;align-items:center;padding:6px clamp(20px,3.2vw,50px) 18px;font-size:10px;display:flex}.app-footer i{margin:0 8px;font-style:normal}.app-footer button{min-height:48px;padding:4px;font-size:10px;font-weight:400}.mobile-tabs{display:none}.notice{color:#8b6d2a;background:#fcf1ca;border-radius:12px;align-items:center;gap:10px;margin:14px clamp(20px,3.2vw,50px) 0;padding:4px 12px 4px 18px;font-size:13px;display:flex}.notice>span{flex:1}.notice>svg{flex-shrink:0}.modal-content{background:var(--cream);color:var(--ink);border:1px solid #dedfd1;border-radius:24px;width:min(92vw,620px);max-height:87dvh;padding:clamp(20px,3vw,32px);overflow-y:auto;box-shadow:0 15px 70px #273a4326}.modal-content::backdrop{background:#263f5059}.modal-wide{width:min(92vw,850px)}.modal-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.modal-heading h2{font-size:22px}.dialog-intro{color:var(--ink-light);margin-bottom:20px;font-size:13px}.course-groups{gap:25px;display:grid}.course-group h3{align-items:center;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.course-group h3 span{color:#b59c41;font-family:Georgia,serif;font-size:19px;font-style:italic}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.level-option{text-align:left;background:#f5f7ec;border:1px solid #e2e5d6;border-radius:13px;justify-content:flex-start;gap:9px;padding:13px 10px}.level-option.chosen{background:#e5eff4;border-color:#92badd;box-shadow:inset 0 0 0 1px #92badd}.level-option strong{font-size:12px;display:block}.level-option small{color:#84907d;margin-top:4px;font-size:9px;font-weight:400;line-height:1.6;display:block}.level-number{color:#a1af91;flex:0 0 33px;place-items:center;width:33px;height:38px;font-family:Georgia,serif;font-size:24px;display:grid}.is-complete{color:var(--green)}.free-level{text-align:left;color:#8a752c;background:#f9edbc;justify-content:flex-start;gap:15px;width:100%;margin-top:22px;padding:15px 17px;display:flex}.free-level>span{flex:1}.free-level strong{font-size:14px;display:block}.free-level small{margin-top:5px;font-size:11px;font-weight:400;display:block}.help-steps{gap:19px;margin:20px 0 28px;display:grid}.help-steps p{color:var(--ink-light);align-items:flex-start;gap:14px;font-size:12px;display:flex}.help-steps b{color:#937b2c;background:#f4e6a6;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:18px;display:grid}.help-steps strong{color:var(--ink);margin-bottom:4px;font-size:14px;display:block}.help-detail{border-top:1px solid var(--border)}.help-detail summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:52px;font-size:13px;font-weight:600;list-style:none;display:flex}.help-detail summary::-webkit-details-marker{display:none}.help-detail summary:after{content:"+";color:var(--blue);font-size:22px;font-weight:400}.help-detail[open] summary:after{content:"−"}.help-detail p{color:var(--ink-light);padding:0 0 16px;font-size:12px}.settings-section{margin-top:26px}.settings-section h3{margin-bottom:10px;font-size:14px}.toggle-row{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:65px;padding:12px 0;display:flex}.toggle-row strong{font-size:13px;display:block}.toggle-row small{color:var(--ink-light);margin-top:4px;font-size:11px;display:block}.toggle-row input{flex-basis:25px;width:25px;height:25px}.data-note{background:#f1f3e6;border-radius:13px;margin-top:25px;padding:17px;font-size:12px}.data-note p{color:var(--ink-light);margin-top:7px;font-size:11px}.design-credit{color:#889281;margin-top:20px;font-size:10px;line-height:1.8}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.recovery{max-width:600px;margin:auto;padding:50px 24px}.recovery p{margin:18px 0}.recovery button{background:var(--blue);color:var(--cream)}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=1450px){.workspace{padding-top:38px}.program-panel-heading{margin-bottom:26px}.robot-map{max-height:540px}}@media (width<=1100px){.app-header{gap:17px;padding-inline:22px}.brand-divider{display:none}.course-progress{margin-right:2px}.help-button span{display:none}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:25px;padding-inline:24px}.map-board{padding-inline:10px}.player-controls{gap:6px}.player-controls button{gap:5px;font-size:12px}.save-status{font-size:9px}.file-tools p{display:none}.file-tools{justify-content:flex-end}}@media (width<=900px){.workspace{grid-template-columns:minmax(0,1fr);gap:32px;max-width:740px;margin:auto;padding-top:24px}.map-board{padding-inline:20px}.robot-map{max-height:510px}.brand strong{font-size:22px}.app-header{gap:14px;height:78px}.brand small{font-size:9px}.course-progress{display:none}.header-actions{gap:2px}.level-selector{flex:1;max-width:280px}.level-selector>svg:last-child{margin-left:auto}.app-footer{max-width:740px;margin:auto}.file-tools p{display:flex}.file-tools{justify-content:space-between}.program-panel-heading{margin-bottom:20px}}@media (width<=600px){body{min-width:340px}.app-header{flex-wrap:wrap;gap:5px 10px;height:auto;min-height:75px;padding:11px 16px 10px}.brand{flex:1;gap:8px}.brand>svg{width:37px;height:37px}.brand strong{font-size:22px}.brand small{font-size:9px}.header-actions{order:1;margin-left:0}.help-button{padding:8px}.level-selector{flex:0 0 100%;order:2;max-width:none;min-height:49px;margin-top:8px;padding:6px 12px}.level-selector>span:nth-child(2){align-items:center;gap:9px;font-size:11px;display:flex}.level-selector strong{margin:0;font-size:12px}.mobile-tabs{background:var(--cream);border-bottom:1px solid var(--border);z-index:30;padding:6px 16px 0;display:flex;position:sticky;top:137px}.mobile-tabs button{color:#84907d;border-bottom:3px solid #0000;border-radius:0;flex:1;padding:10px 4px;font-size:13px}.mobile-tabs button[aria-selected=true]{color:var(--blue-dark);border-bottom-color:var(--blue)}.mobile-tabs button span{background:#eceddf;border-radius:7px;place-items:center;width:23px;height:23px;font-size:11px;display:inline-grid}.workspace{padding:20px 16px 12px;display:block}.map-panel,.program-panel{display:none}.mobile-visible{display:block}.level-story{margin-bottom:16px;font-size:12px}h1{font-size:24px}.lesson-stamp{font-size:42px}.map-board{border-radius:20px;padding-inline:10px}.map-legend{gap:18px;font-size:9px}.map-toolbar{padding-inline:8px}.mission{margin-top:22px}.learning-tag{font-size:9px}.app-footer{flex-wrap:wrap;gap:2px;padding:8px 16px 14px}.app-footer>span,.app-footer button{font-size:9px}.program-panel-heading h2{font-size:22px}.save-status{font-size:9px}.player-console{padding-inline:11px}.player-controls{grid-template-columns:1.3fr 1.05fr 1fr 1fr;gap:7px}.player-controls button{gap:4px;padding-inline:4px;font-size:12px}.player-controls svg{width:18px}.file-tools p{font-size:9px}.level-grid{grid-template-columns:1fr}.level-option{gap:16px;min-height:64px}.level-option small{font-size:11px}.level-option strong{font-size:14px}.course-groups{gap:20px}.modal-heading h2{font-size:20px}.modal-content{border-radius:20px;max-height:89dvh}.notice{margin-inline:16px;font-size:12px}}.mobile-player{display:none}@media (width<=600px){.mobile-player{margin-top:19px;display:block}.mobile-runtime{color:#65806b;padding:15px 2px 0;font-size:12px}.mobile-runtime>span{font-weight:700}.mobile-runtime p{margin-top:6px;font-size:11px}}