.loops-page.svelte-ghfasj{--ink:#203046;--paper:#fffefa;--muted:#52647a;--line:#cbd5d9;color:var(--ink);max-width:1380px;margin:0 auto;padding:0 28px 48px}.topbar.svelte-ghfasj{border-bottom:1px solid var(--line);align-items:center;gap:18px;min-height:64px;display:flex}.back-link.svelte-ghfasj{color:#315d79;align-items:center;min-height:44px;font-weight:750;text-decoration:none;display:inline-flex}.session-tag.svelte-ghfasj{border:1px solid var(--line);border-radius:999px;margin-left:auto;padding:6px 12px;font-size:14px;font-weight:700}.lesson-head.svelte-ghfasj{max-width:900px;padding:24px 0 18px}.eyebrow.svelte-ghfasj{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:800}.eyebrow.svelte-ghfasj span:where(.svelte-ghfasj){padding:0 4px}h1.svelte-ghfasj{margin:5px 0;font-size:clamp(30px,4vw,40px);line-height:1.15}.intro.svelte-ghfasj,.story.svelte-ghfasj{color:var(--muted)}.privacy-note.svelte-ghfasj,.runner-alert.svelte-ghfasj{color:#244b37;background:#eef8f2;border:1px solid #76a68b;border-radius:12px;gap:10px;margin-top:14px;padding:11px 14px;display:flex}.privacy-note.svelte-ghfasj p:where(.svelte-ghfasj){margin:0}.runner-alert.svelte-ghfasj{margin:0 0 14px}.route-tabs.svelte-ghfasj{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 12px;display:grid}.route-tab.svelte-ghfasj{border:1px solid var(--line);background:var(--paper);min-width:0;min-height:66px;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:9px;padding:9px;display:flex}.route-tab.current.svelte-ghfasj,.route-tab.svelte-ghfasj:focus-visible{border:2px solid #176e77}.route-tab.done.svelte-ghfasj{background:#eff9f1}.route-number.svelte-ghfasj,.step-dot.svelte-ghfasj{border:1px solid var(--line);border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.route-tab-text.svelte-ghfasj{min-width:0}.route-tab.svelte-ghfasj b:where(.svelte-ghfasj),.route-tab.svelte-ghfasj small:where(.svelte-ghfasj){overflow-wrap:anywhere;display:block}.route-tab.svelte-ghfasj small:where(.svelte-ghfasj){color:var(--muted);font-size:14px}.done-mark.svelte-ghfasj{margin-left:auto}.route-card.svelte-ghfasj,.workspace-map.svelte-ghfasj,.editor-panel.svelte-ghfasj,.helpful-card.svelte-ghfasj,.help-card.svelte-ghfasj{border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:14px}.route-title-row.svelte-ghfasj,.editor-heading.svelte-ghfasj,.map-heading.svelte-ghfasj,.example-heading.svelte-ghfasj{justify-content:space-between;align-items:center;gap:12px;display:flex}.route-title-row.svelte-ghfasj h2:where(.svelte-ghfasj){margin:4px 0}.route-progress.svelte-ghfasj{white-space:nowrap;color:var(--muted)}.requirement.svelte-ghfasj{background:#e8f6f4;border-left:4px solid #147a80;padding:10px 12px;line-height:1.5}.panel-label.svelte-ghfasj{align-items:center;gap:10px;margin:12px 0;display:flex}.panel-label.svelte-ghfasj b:where(.svelte-ghfasj),.panel-label.svelte-ghfasj small:where(.svelte-ghfasj){display:block}.panel-label.svelte-ghfasj small:where(.svelte-ghfasj),.editor-note.svelte-ghfasj{color:var(--muted)}.prediction-fields.svelte-ghfasj{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.prediction-fields.svelte-ghfasj label:where(.svelte-ghfasj){gap:5px;font-weight:700;display:grid}.prediction-fields.svelte-ghfasj input:where(.svelte-ghfasj),.prediction-fields.svelte-ghfasj select:where(.svelte-ghfasj){border:1px solid var(--line);background:var(--paper);width:100%;min-height:46px;color:var(--ink);font:inherit;border-radius:8px;padding:8px}.run-toolbar.svelte-ghfasj{z-index:5;border:1px solid var(--line);background:var(--paper);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:14px 0;padding:10px;display:flex;position:sticky;top:0}.editor-actions.svelte-ghfasj,.replay-actions.svelte-ghfasj,.hint-buttons.svelte-ghfasj,.example-controls.svelte-ghfasj{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-actions.svelte-ghfasj{margin:0}.primary-button.svelte-ghfasj,.quiet-button.svelte-ghfasj,.example-trigger.svelte-ghfasj,.hint-button.svelte-ghfasj{border:1px solid var(--line);background:var(--paper);min-height:46px;color:var(--ink);cursor:pointer;font:inherit;border-radius:9px;padding:8px 13px;font-weight:750}.primary-button.svelte-ghfasj{color:#fff;background:#203e59;border-color:#203e59}.example-trigger.svelte-ghfasj{border-width:2px}button.svelte-ghfasj:disabled{opacity:.55;cursor:not-allowed}.run-toolbar.svelte-ghfasj>span:where(.svelte-ghfasj),.run-toolbar.svelte-ghfasj>button:where(.svelte-ghfasj)+span:where(.svelte-ghfasj){color:var(--muted);font-size:.9rem}.workspace-grid.svelte-ghfasj{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.workspace-grid.svelte-ghfasj>:where(.svelte-ghfasj){min-width:0}.editor-panel.svelte-ghfasj{padding:12px}.editor-heading.svelte-ghfasj{align-items:flex-start}.editor-heading.svelte-ghfasj .panel-label:where(.svelte-ghfasj){margin-top:0}.visually-hidden.svelte-ghfasj{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}textarea.svelte-ghfasj{resize:vertical;border:1px solid var(--line);background:var(--paper);width:100%;min-height:205px;color:var(--ink);tab-size:4;border-radius:9px;padding:12px;font:1rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.allowed-calls.svelte-ghfasj{color:var(--muted);line-height:1.55}.allowed-calls.svelte-ghfasj code:where(.svelte-ghfasj),.requirement.svelte-ghfasj code:where(.svelte-ghfasj),.editor-note.svelte-ghfasj code:where(.svelte-ghfasj){color:#244f6d;background:#eaf1f6;border-radius:4px;padding:2px 4px}.syntax-reference.svelte-ghfasj summary:where(.svelte-ghfasj){cursor:pointer;min-height:44px;padding:10px 0;font-weight:750}.workspace-label.svelte-ghfasj{color:var(--muted);letter-spacing:.06em;margin:0 0 7px;font-size:.85rem;font-weight:850}.map-heading.svelte-ghfasj h3:where(.svelte-ghfasj){margin:0 0 8px}.map-heading.svelte-ghfasj>span:where(.svelte-ghfasj){white-space:nowrap;font-weight:750}.map-grid.svelte-ghfasj{aspect-ratio:1;border:1px solid var(--line);background:#f2f5f6;border-radius:10px;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%;max-width:390px;margin:0 auto;padding:5px;display:grid}.map-grid.svelte-ghfasj>span:where(.svelte-ghfasj){color:#52647a;background:#fffefa;border:1px solid #d2dbe0;border-radius:5px;place-items:center;min-width:0;font-size:clamp(14px,1.5vw,21px);font-weight:900;display:grid}.map-grid.svelte-ghfasj .robot-cell:where(.svelte-ghfasj){color:#173d58;background:#d9edf8;border:2px solid #315d79}.map-grid.svelte-ghfasj .robot-goal-cell:where(.svelte-ghfasj){color:#214d37;background:#dcefe3;border:2px solid #3e7651}.map-grid.svelte-ghfasj .goal-cell:where(.svelte-ghfasj){color:#765b16;background:#fff1bf;border:2px solid #9b7932}.map-grid.svelte-ghfasj .inspected-cell:where(.svelte-ghfasj){outline:2px dashed var(--ink);outline-offset:-4px}.map-description.svelte-ghfasj,.map-key.svelte-ghfasj,.map-outcome.svelte-ghfasj{color:var(--muted);text-align:center;font-size:.9rem}.map-key.svelte-ghfasj{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.worked-example.svelte-ghfasj{color:#332b19;background:#fff9e9;border:2px solid #9b7932;border-radius:13px;margin-top:14px;padding:15px}.worked-example.svelte-ghfasj h3:where(.svelte-ghfasj){margin:4px 0}.example-assistance.svelte-ghfasj{background:#f7eccb;border-left:4px solid #80611f;padding:9px;font-weight:700}.example-controls.svelte-ghfasj{margin:10px 0}.example-controls.svelte-ghfasj [aria-pressed=true]:where(.svelte-ghfasj){border:3px solid}.example-grid.svelte-ghfasj{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.demo-map.svelte-ghfasj{max-width:330px}.event-list.svelte-ghfasj{gap:7px;padding:0;list-style:none;display:grid}.event-list.svelte-ghfasj li:where(.svelte-ghfasj){border:1px solid var(--line);background:var(--paper);border-radius:8px;gap:4px;padding:10px;display:grid}.event-list.svelte-ghfasj li:where(.svelte-ghfasj) span:where(.svelte-ghfasj){color:var(--muted)}.trace-active.svelte-ghfasj{border-width:2px!important}.trace-pending.svelte-ghfasj{opacity:.72}.replay-actions.svelte-ghfasj{justify-content:space-between;margin:10px 0}.choice-row.svelte-ghfasj{border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:flex-start;gap:10px;min-height:48px;padding:9px 10px;display:flex}.choice-row.svelte-ghfasj input:where(.svelte-ghfasj){flex:none;width:19px;height:19px;margin:3px 0 0}.reasoning-panel.svelte-ghfasj fieldset:where(.svelte-ghfasj){border:0;gap:7px;margin:0;padding:0;display:grid}.record-button.svelte-ghfasj{margin-top:12px}.score-feedback.svelte-ghfasj,.level-complete.svelte-ghfasj{color:#244b37;background:#e8f7f0;border:1px solid #477d5c;border-radius:9px;gap:5px;margin-top:11px;padding:12px;display:grid}.next-route-button.svelte-ghfasj{margin-top:9px}.help-card.svelte-ghfasj{margin-top:14px;padding:0}.help-card.svelte-ghfasj summary:where(.svelte-ghfasj){cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:62px;padding:11px 14px;display:flex}.help-card.svelte-ghfasj summary:where(.svelte-ghfasj) b:where(.svelte-ghfasj),.help-card.svelte-ghfasj summary:where(.svelte-ghfasj) small:where(.svelte-ghfasj){display:block}.help-card.svelte-ghfasj summary:where(.svelte-ghfasj) small:where(.svelte-ghfasj){color:var(--muted)}.help-content.svelte-ghfasj{padding:0 14px 14px}.hint-text.svelte-ghfasj{border-left:3px solid #8d7135;padding-left:11px}.hint-button.hint-used.svelte-ghfasj{border-width:2px}.hintful-card.svelte-ghfasj,.helpful-card.svelte-ghfasj{margin-top:14px}.helpful-card.svelte-ghfasj h2:where(.svelte-ghfasj){margin:4px 0}.level-complete.svelte-ghfasj{grid-template-columns:1fr}.run-message.svelte-ghfasj,.error-message.svelte-ghfasj{margin:9px 0 0}.error-message.svelte-ghfasj{color:#8a342b}.result-line.svelte-ghfasj{border:1px solid var(--line);border-radius:8px;padding:10px}html[data-theme=dark] .loops-page.svelte-ghfasj{--paper:#1b2938;--ink:#edf2f7;--muted:#c4cfda;--line:#536679}html[data-theme=dark] .loops-page.svelte-ghfasj .map-grid:where(.svelte-ghfasj){background:#263849}html[data-theme=dark] .loops-page.svelte-ghfasj .map-grid:where(.svelte-ghfasj)>span:where(.svelte-ghfasj){color:#c4cfda;background:#1b2938}html[data-theme=dark] .loops-page.svelte-ghfasj .map-grid:where(.svelte-ghfasj) .robot-cell:where(.svelte-ghfasj){color:#eff8ff;background:#203e59}html[data-theme=dark] .loops-page.svelte-ghfasj .worked-example:where(.svelte-ghfasj){color:#edf2f7;background:#263548}html[data-theme=dark] .loops-page.svelte-ghfasj .worked-example:where(.svelte-ghfasj)>p:where(.svelte-ghfasj){color:#edf2f7}html[data-theme=dark] .loops-page.svelte-ghfasj .example-assistance:where(.svelte-ghfasj){color:#fff1bf;background:#423c2a}@media (width<=1000px){.workspace-grid.svelte-ghfasj{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-map.svelte-ghfasj{grid-column:1/-1}.route-tabs.svelte-ghfasj{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.loops-page.svelte-ghfasj{padding:0 12px 30px}.topbar.svelte-ghfasj{gap:8px}.route-tabs.svelte-ghfasj,.workspace-grid.svelte-ghfasj,.example-grid.svelte-ghfasj,.prediction-fields.svelte-ghfasj{grid-template-columns:1fr}.route-title-row.svelte-ghfasj,.editor-heading.svelte-ghfasj,.map-heading.svelte-ghfasj,.example-heading.svelte-ghfasj{flex-direction:column;align-items:flex-start}.workspace-map.svelte-ghfasj{grid-column:auto}.map-heading.svelte-ghfasj>span:where(.svelte-ghfasj){white-space:normal}.route-card.svelte-ghfasj{padding:11px}.map-grid.svelte-ghfasj{max-width:390px}.run-toolbar.svelte-ghfasj{position:static}}@media (width<=360px){.loops-page.svelte-ghfasj{padding-left:9px;padding-right:9px}.route-tab.svelte-ghfasj{gap:6px;padding:7px}.primary-button.svelte-ghfasj,.quiet-button.svelte-ghfasj,.example-trigger.svelte-ghfasj,.hint-button.svelte-ghfasj{overflow-wrap:anywhere;max-width:100%}}@media (prefers-reduced-motion:reduce){.svelte-ghfasj,.svelte-ghfasj:before,.svelte-ghfasj:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}html[data-theme=dark] .loops-page.svelte-ghfasj .requirement:where(.svelte-ghfasj){color:#edf2f7;background:#183d3d}html[data-theme=dark] .loops-page.svelte-ghfasj .route-tab.done:where(.svelte-ghfasj){color:#edf2f7;background:#233e34}html[data-theme=dark] .loops-page.svelte-ghfasj .error-message:where(.svelte-ghfasj){color:#ffc4b8}.next-lesson.svelte-ghfasj{margin:8px 0 14px}.next-lesson.svelte-ghfasj a:where(.svelte-ghfasj){border:1px solid var(--line);color:#315d79;border-radius:9px;align-items:center;min-height:44px;padding:7px 12px;font-weight:750;text-decoration:none;display:inline-flex}.next-lesson.svelte-ghfasj a:where(.svelte-ghfasj):focus-visible{outline-offset:2px;outline:3px solid #176e77}
