:root{--bg:#eaf3fb;--panel:#fff;--panel-2:#eef3fa;--ink:#1f2937;--ink-dim:#6b7a90;--accent:#f0a028;--accent-2:#21a95a;--danger:#e5484d;--line:#d7e1ee;--editor-bg:#f7fafd;--editor-ink:#22303f;--sk-line:#5a6b83;--mono:"JetBrains Mono", "Fira Mono", "SFMono-Regular", "Consolas", "Menlo", monospace;--code-line:21px;--code-pad:12px}*{box-sizing:border-box}.pix{image-rendering:pixelated;vertical-align:middle;flex:none;display:inline-block}.pix-s{width:16px;height:16px}.pix-m{width:32px;height:32px}.pix-l{width:48px;height:48px}.pix-xl{width:64px;height:64px}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0}#app{height:100dvh;display:flex;position:relative}#cheatsheet,#baumenu{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:none;width:300px;transition:width .16s;display:flex;overflow:hidden}#cheatsheet.collapsed,#baumenu.collapsed{width:46px}.sheet-head{border-bottom:1px solid var(--line);flex:none}#btn-sheet,#btn-bauen{white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;width:100%;padding:12px;font-size:13px;font-weight:700;display:flex}#btn-sheet:hover,#btn-bauen:hover{background:var(--panel-2)}.sheet-chevron{color:var(--ink-dim);margin-left:auto}#cheatsheet.collapsed .sheet-head,#baumenu.collapsed .sheet-head{border-bottom:0;height:100%}#cheatsheet.collapsed #btn-sheet,#baumenu.collapsed #btn-bauen{flex-direction:column;gap:12px;height:100%;padding:12px 6px}#cheatsheet.collapsed .sheet-label,#baumenu.collapsed .sheet-label{writing-mode:vertical-rl;letter-spacing:1px;color:var(--ink-dim);font-size:12px}#cheatsheet.collapsed .sheet-chevron,#baumenu.collapsed .sheet-chevron{margin-left:0}#cheatsheet.collapsed .sheet-body,#baumenu.collapsed .sheet-body{display:none}.sheet-body{min-height:0;color:var(--ink-dim);flex:1;padding:4px 12px 18px;font-size:12px;overflow-y:auto}.sheet-body h3{color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin:14px 0 6px;font-size:11px}.snippet{background:var(--editor-bg);border:1px solid var(--line);border-radius:10px;margin:0 0 8px;padding:9px 34px 9px 10px;position:relative}.snippet pre{font-family:var(--mono);color:var(--editor-ink);margin:0;font-size:12.5px;line-height:1.55;overflow-x:auto}.snippet .copy{color:var(--ink-dim);border-bottom-width:2px;border-radius:6px;padding:2px 7px;font-size:12px;position:absolute;top:6px;right:6px}.snippet .copy.copied{color:var(--accent-2);border-color:var(--accent-2)}.snippet .streichen{color:var(--ink-dim);border-bottom-width:2px;border-radius:6px;padding:2px 8px;font-size:12px;position:absolute;top:6px;right:40px}.sheet-body:has(.streichen) .snippet{padding-right:68px}.snippet.aus{background:0 0;border-style:dashed}.snippet.aus pre,.snippet.aus .copy{opacity:.35}.snippet.aus .streichen{color:var(--accent-2);border-color:var(--accent-2)}.sheet-note{margin:0 0 8px;line-height:1.7}.sheet-note code{background:var(--panel-2);border:1px solid var(--line);color:#234;border-radius:4px;padding:0 4px}#stage{background:linear-gradient(#aed6f6,#e8f5ff);flex:1;min-width:0;position:relative}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#view-controls{z-index:5;gap:8px;display:flex;position:absolute;top:14px;right:14px}#geschafft{z-index:20;border-bottom:2px solid var(--accent-2);background:#e4f8ecf2;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding:9px 14px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 6px 18px #0f2a1a1f}#geschafft .ge-text{color:#10723c;font-size:16px;font-weight:700}#geschafft .ge-actions{flex-wrap:wrap;gap:8px;display:flex}#geschafft:not([hidden])~#view-controls{top:var(--banner-versatz,86px)}#stage.banner-oben #editor-window{transform:translateY(var(--banner-versatz,80px));max-height:calc(100% - 36px - var(--banner-versatz,80px))}#btn-center{background:#ffffffd9;align-items:center;gap:6px;display:inline-flex}#btn-center .btn-icon{flex:none}#editor-window{z-index:10;border:1px solid var(--line);background:#fffffff2;border-radius:14px;flex-direction:column;gap:10px;width:min(430px,100% - 36px);min-width:300px;height:min(620px,100% - 36px);min-height:280px;padding:0 14px 12px;transition:transform .18s;display:flex;position:absolute;top:18px;left:18px;overflow:hidden;box-shadow:0 12px 32px #4a628033}#win-titlebar{background:var(--panel-2);border-bottom:1px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:14px 14px 0 0;align-items:center;gap:8px;margin:0 -14px;padding:9px 12px;display:flex}#win-titlebar:active{cursor:grabbing}.win-title{letter-spacing:2px;color:var(--accent);font-size:15px;font-weight:800}.win-actions{gap:6px;margin-left:auto;display:flex}.win-actions button{border-bottom-width:2px;padding:5px 9px;font-size:12px}#aufgabe-box{flex-direction:column;gap:4px;display:flex}#btn-aufgabe{color:var(--ink);text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:2px 0;font-size:12px;font-weight:700;display:flex}#btn-aufgabe:hover{color:var(--accent)}.au-chevron{color:var(--ink-dim);transition:transform .16s;display:inline-block}#aufgabe-box.collapsed .au-chevron{transform:rotate(-90deg)}#aufgabe-body{max-height:40vh;transition:max-height .16s;overflow-y:auto}#aufgabe-box.collapsed #aufgabe-body{max-height:0;overflow:hidden}#aufgabe{color:#33415a;margin:0;font-size:12.5px;line-height:1.45}#aufgabe-zeilen{color:#96600d;margin:4px 0 0;font-size:12.5px;font-weight:700}#aufgabe:empty{display:none}#win-resize{cursor:nwse-resize;touch-action:none;width:20px;height:20px;position:absolute;bottom:1px;right:1px}#win-resize:before{content:"";border-right:2px solid var(--ink-dim);border-bottom:2px solid var(--ink-dim);opacity:.6;border-bottom-right-radius:6px;position:absolute;inset:5px}#lang-switch{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;flex:none;align-self:flex-start;gap:4px;padding:3px;display:flex}#lang-switch button{color:var(--ink-dim);background:0 0;border:1px solid #0000;border-radius:7px;padding:4px 12px;font-size:12px}#lang-switch button:hover{color:var(--ink)}#lang-switch button.active{background:var(--panel);border-color:var(--line);color:var(--ink);font-weight:700}#python-view{background:var(--editor-bg);border:1px solid var(--line);min-height:0;font-family:var(--mono);color:var(--editor-ink);white-space:pre;border-radius:10px;flex:1;margin:0;padding:12px;font-size:13.5px;line-height:21px;overflow:auto}#python-view.has-error{color:#b42126}#editor-wrap{background:var(--editor-bg);border:1px solid var(--line);border-radius:10px;flex:1;min-height:0;display:flex;overflow:hidden}#editor-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f0a02822}#editor,#editor-highlight,#gutter-lines{font-family:var(--mono);font-size:13.5px;line-height:var(--code-line);tab-size:4;margin:0}#editor-gutter{border-right:1px solid var(--line);background:#eef3f8;flex:none;width:44px;overflow:hidden}#gutter-lines{padding:var(--code-pad) 8px var(--code-pad) 0;text-align:right;color:#9fb0c4;white-space:pre;-webkit-user-select:none;user-select:none;will-change:transform}#editor-main{flex:1;min-width:0;position:relative;overflow:hidden}#editor-marks{pointer-events:none;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}#editor-marks .mark{height:var(--code-line);position:absolute;left:0;right:0}.mark-run{box-shadow:inset 3px 0 0 var(--accent);background:#f0a02826}.mark-error{box-shadow:inset 3px 0 0 var(--danger);background:#e5484d1f;animation:.9s ease-out mark-flash}@keyframes mark-flash{0%{background:#e5484d70}to{background:#e5484d1f}}@media (prefers-reduced-motion:reduce){.mark-error{animation:none}}#editor-highlight{min-width:100%;min-height:100%;padding:var(--code-pad);white-space:pre;pointer-events:none;color:var(--editor-ink);will-change:transform;position:absolute;top:0;left:0}#editor{padding:var(--code-pad);resize:none;white-space:pre;color:#0000;caret-color:var(--editor-ink);background:0 0;border:0;outline:none;position:absolute;inset:0;overflow:auto}.tok-comment{color:#86a06a;font-style:italic}.tok-kw{color:#b0308a;font-weight:600}.tok-action{color:#1f6fd0}.tok-sensor{color:#b5720a}.tok-num{color:#2f9e6f}#strukto{background:var(--editor-bg);border:1px solid var(--line);border-radius:10px;flex:1;min-height:120px;padding:12px;font-size:12.5px;overflow:auto}.sk-block{margin-bottom:16px}.sk-title{letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:11px;font-weight:700}.sk-seq{flex-direction:column;display:flex}.sk-root{border:1.5px solid var(--sk-line);background:#fff}.sk-seq>*+*{border-top:1.5px solid var(--sk-line)}.sk-step{white-space:pre;padding:6px 9px}.sk-empty{color:var(--ink-dim);text-align:center}.sk-loop-head{color:#b0308a;background:#f3ecfa;padding:6px 9px;font-weight:600}.sk-loop-body{border-left:1.5px solid var(--sk-line);border-top:1.5px solid var(--sk-line);background:#fff;margin-left:22px}.sk-loop{background:#f3ecfa}.sk-branch-head{text-align:center;color:#96600d;background:#fdf3e4;padding:6px 9px;font-weight:600}.sk-branch-labels{color:var(--ink-dim);background:#fdf3e4;justify-content:space-between;padding:0 9px 4px;font-size:10.5px;display:flex}.sk-arms{background:#fff;grid-template-columns:1fr 1fr;display:grid}.sk-arm{border-top:1.5px solid var(--sk-line);min-width:0;overflow-x:auto}.sk-arm+.sk-arm{border-left:1.5px solid var(--sk-line)}.strukto-error{color:#b42126;white-space:pre-wrap}#controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);font-family:var(--mono);cursor:pointer;border-bottom-width:3px;border-radius:10px;padding:9px 12px;font-size:13px;transition:transform 50ms}:is(#controls button:has(.pix),#geschafft button:has(.pix),#win-titlebar button:has(.pix)){white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}button:hover{border-color:var(--accent)}button:active{border-bottom-width:1px;transform:translateY(2px)}button.primary{background:var(--accent);color:#3a2400;border-color:#c9821c;font-weight:700}button:disabled{opacity:.45;cursor:default}#speed-row{align-items:center;gap:6px;margin-left:auto;font-size:14px;display:flex}#speed{width:84px;accent-color:var(--accent)}#speed-num{width:44px;font-family:var(--mono);text-align:center;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:3px 4px;font-size:12px}#speed-unit{color:var(--ink-dim);font-size:11px}#info{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--panel-2);border:1px solid var(--line);color:var(--ink-dim);border-radius:8px;padding:5px 9px;font-size:12px}.status{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;min-height:1.4em;padding:9px 11px;font-size:13px;line-height:1.4}.status.win{border-color:var(--accent-2);color:#10723c;background:#e4f8ec}.status.error{border-color:var(--danger);color:#b42126;background:#fdeaea}.status.warn{border-color:var(--accent);color:#96600d;background:#fff5e2}.status.run{color:var(--ink)}#landing{background:linear-gradient(160deg,#cfe8ff,#eaf5e6 72%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}#landing:before{content:"";pointer-events:none;filter:blur(3px);opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 420' width='1600' height='420' preserveAspectRatio='xMidYMax slice'%3E%3Cpath fill='%23b7cbe4' d='M0,420 V238 L80,206 L152,242 L240,190 L330,236 L420,176 L500,226 L590,186 L680,232 L770,196 L860,241 L950,200 L1050,246 L1140,206 L1230,241 L1330,196 L1430,236 L1520,201 L1600,231 V420 Z'/%3E%3Cpath fill='%2393aecf' d='M0,420 V286 L70,256 L160,290 L250,236 L340,280 L430,240 L520,284 L598,220 L640,152 L692,242 L780,268 L870,230 L960,274 L1060,240 L1150,284 L1250,244 L1350,288 L1450,250 L1550,284 L1600,260 V420 Z'/%3E%3Cpath fill='%237f9cc2' d='M0,420 V336 L90,312 L190,340 L280,296 L380,334 L470,306 L570,344 L660,310 L760,348 L860,314 L960,352 L1060,320 L1160,348 L1270,310 L1370,344 L1470,314 L1570,348 L1600,330 V420 Z'/%3E%3C/svg%3E") bottom/cover no-repeat;height:48%;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 34%,#0007 68%,#0000 96%);mask-image:linear-gradient(#000 0% 34%,#0007 68%,#0000 96%)}.landing-box{z-index:1;text-align:center;width:100%;max-width:640px;position:relative}.landing-title{letter-spacing:5px;color:var(--accent);text-shadow:2px 3px #fffa;margin:0;font-size:52px}.landing-sub{color:var(--ink-dim);margin:6px 0 28px;font-size:15px}.landing-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.landing-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-bottom-width:4px;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:26px 18px;transition:transform 60ms,border-color .1s;display:flex}.landing-card:hover{border-color:var(--accent);transform:translateY(-2px)}.landing-card:active{transform:translateY(1px)}.lc-icon{margin-bottom:2px}.lc-title{color:var(--ink);font-size:20px;font-weight:700}.lc-desc{color:var(--ink-dim);font-size:12px}@media (width<=560px){.landing-cards{grid-template-columns:1fr}.landing-title{font-size:40px}}#levelwahl{background:linear-gradient(160deg,#cfe8ff,#eaf5e6 72%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.lw-zaehler{border:1px solid var(--line);color:var(--ink);background:#fffc;border-radius:999px;padding:2px 10px;font-weight:700}.lw-bloecke{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;display:grid}@media (width<=560px){.lw-bloecke{grid-template-columns:1fr}}.lw-block-zelle{flex-direction:column;align-self:start;display:flex;position:relative}.lw-block{border:1px solid var(--line);cursor:pointer;background:#fff;border-bottom-width:4px;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:22px 18px;transition:transform 60ms,border-color .1s;display:flex;position:relative}.lw-block-zelle:hover .lw-block:not(.gesperrt){border-color:var(--accent);transform:translateY(-2px)}.lw-block-zelle:hover .lw-block-bauen{transform:translateY(-2px)}.lw-block-zelle:has(.lw-block:active:not(.gesperrt)) .lw-block-bauen{transform:translateY(1px)}.lw-block:active:not(.gesperrt){transform:translateY(1px)}.lw-block-titel{color:var(--ink);font-size:20px;font-weight:700}.lw-block-meta{color:var(--ink-dim);font-size:12px}.lw-block.gesperrt{opacity:.6;cursor:not-allowed}.lw-block.gesperrt .lw-block-titel{color:var(--ink-dim)}.lw-block.geschafft{border-color:var(--accent-2);background:#f4fbf6}.lw-block-bauen{border:1px solid var(--accent-2);cursor:pointer;background:#f4fbf6;border-radius:8px;padding:2px;transition:transform 60ms;display:flex;position:absolute;top:6px;left:6px}.lw-block-bauen:hover{background:#e7f6ec}.lw-raster{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:14px;margin-bottom:22px;display:grid}.lw-kachel{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:#fff;border-bottom-width:4px;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;transition:transform 60ms,border-color .1s;display:flex;position:relative}.lw-kachel:hover:not(.gesperrt){border-color:var(--accent);transform:translateY(-2px)}.lw-kachel:active:not(.gesperrt){transform:translateY(1px)}.lw-nr{color:var(--accent);font-size:30px;font-weight:700;line-height:1}.lw-titel{color:var(--ink-dim);text-align:center;font-size:11px;line-height:1.25}.lw-marke{position:absolute;top:6px;right:6px}.lw-kachel.gesperrt{opacity:.6;cursor:not-allowed}.lw-kachel.gesperrt .lw-nr{color:var(--ink-dim)}.lw-kachel.geschafft{border-color:var(--accent-2);background:#f4fbf6}.lw-aktionen{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#lw-note{color:#96600d;min-height:1.4em;margin-top:16px;font-size:13px}@media (width<=820px){#cheatsheet{z-index:30;width:min(320px,84vw);position:absolute;top:0;bottom:0;left:0;box-shadow:8px 0 24px #0002}#cheatsheet.collapsed{width:46px;box-shadow:none}#editor-window{min-width:0;min-height:0;bottom:8px;right:8px;width:auto!important;height:min(360px,54%)!important;top:auto!important;left:54px!important}#win-titlebar{cursor:default}#win-resize{display:none}#view-controls{top:8px;right:8px}#stage.banner-oben #editor-window{max-height:none;transform:none}#geschafft{z-index:40}}#baumenu{border-right:0;border-left:1px solid var(--line)}#btn-bauen .sheet-chevron{margin-left:0;margin-right:auto}#baumenu.collapsed #btn-bauen{flex-direction:column-reverse;justify-content:flex-end}#baumenu.collapsed #btn-bauen .sheet-chevron{margin-right:0}#baumenu.aktiv #btn-bauen{background:var(--accent,#f0a028);color:#3a2400}#werkzeuge{flex-direction:column;gap:4px;padding-top:10px;display:flex}.werkzeug,.bau-aktion{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.werkzeug{white-space:nowrap}.werkzeug:hover,.bau-aktion:hover{background:var(--panel-2)}.werkzeug.active{border-color:var(--accent,#f0a028);background:var(--panel-2);font-weight:700}#bau-note{border-top:1px solid var(--line);color:var(--ink-dim);flex:none;margin:0;padding:8px 12px 10px;font-size:11px;line-height:1.5}#baumenu.collapsed #bau-note{display:none}#bau-groesse,#bau-vorrat{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:14px;padding-top:10px;display:flex}.stepper-zeile{align-items:center;gap:6px;font-size:12px;display:flex}.stepper-name{flex:1}.stepper-wert{font-variant-numeric:tabular-nums;text-align:center;min-width:2.2em;font-weight:700}.stepper-schritt{border:1px solid var(--line);background:var(--panel-2);border-radius:6px;width:26px;height:26px;padding:0;font-size:15px;line-height:1}.stepper-schritt:hover:not(:disabled){border-color:var(--accent,#f0a028)}#bau-aktionen{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:14px;padding-top:10px;display:flex}#app.bauen #editor-window{display:none}@media (width<=820px){#baumenu{width:min(300px,44vw)}}#speichern-dialog,#freischalt-dialog,#bau-meldung{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:14px;width:min(420px,100vw - 32px);padding:0}#speichern-dialog::backdrop,#freischalt-dialog::backdrop,#bau-meldung::backdrop{background:#1f293766}.dialog-inhalt{padding:18px 20px 16px}.dialog-inhalt h2{align-items:center;gap:8px;margin:0 0 10px;font-size:16px;display:flex}.dialog-inhalt p{margin:0 0 8px;font-size:14px;line-height:1.45}.dialog-klein{color:var(--ink-dim);font-size:13px}#speichern-form{flex-direction:column;gap:6px;padding:18px 20px 16px;display:flex}#speichern-form h2{margin:0 0 6px;font-size:16px}#speichern-form label{color:var(--ink-dim);margin-top:6px;font-size:13px}.feld-frei{opacity:.75;font-weight:400}#speichern-form input,#speichern-form textarea{font-family:var(--mono);color:var(--editor-ink);background:var(--editor-bg);border:1px solid var(--line);border-radius:8px;width:100%;padding:7px 9px;font-size:13px}#speichern-form textarea{resize:vertical}#speichern-form #speichern-maxlines{width:6em}.dialog-fehler{color:var(--danger);margin:8px 0 0;font-size:13px}.dialog-knoepfe{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}