:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d8dee9;background:#101418;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{grid-template-rows:54px minmax(0,1fr);min-width:320px;height:100vh;margin:0;display:grid;overflow:hidden}.topbar{background:#171c22;border-bottom:1px solid #2b333d;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.brand{color:#f1f5f9;letter-spacing:-.02em;align-items:center;gap:9px;font-weight:700;text-decoration:none;display:flex}.brand img{width:28px;height:28px;display:block}.brand small{color:#7f8b99;letter-spacing:0;font-weight:500}.actions{align-items:center;gap:16px;display:flex}.optimize,.debug{color:#98a5b3;-webkit-user-select:none;user-select:none;font-size:13px}.optimize input,.debug input{accent-color:#67d19b;vertical-align:-2px}.debugger-panel{color:#b9c5d1;background:#111820;border-bottom:1px solid #29313a;font-size:11px}.debug-toolbar{border-bottom:1px solid #29313a;align-items:center;gap:4px;min-height:30px;padding:3px 8px;display:flex}.debug-toolbar button{min-width:27px;padding:3px 6px}#debug-capabilities{color:#7f8d9b;margin-left:5px}.debug-panes{grid-template-columns:repeat(4,minmax(0,1fr));height:min(180px,25vh);display:grid;overflow:auto}.debug-panes>section{border-right:1px solid #29313a;min-width:0;padding:5px 7px}.debug-panes h2{color:#d8e1e9;text-transform:uppercase;margin:0 0 4px;font-size:11px}.debug-row{width:100%;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:2px 3px;display:block;overflow:hidden}.debug-row:hover{background:#202b35}.debug-row.debug-task-stopped{color:#ffd866}.debug-variable,.debug-watch{overflow-wrap:anywhere;padding:2px 3px}.cm-debug-gutter{cursor:pointer;width:18px}.debug-breakpoint{box-sizing:border-box;border:2px solid #ff6b72;border-radius:50%;width:14px;height:14px;margin:2px;display:block}.debug-breakpoint.verified{background:#ff6b72}.cm-debug-stopped-line{background:#ffcb6b29}.cm-debug-inline-values{color:#83909c;opacity:.9;pointer-events:none;font-style:italic}.frontend-help{margin-left:auto;position:relative}.frontend-help summary{cursor:pointer;color:#91a0af}.frontend-help>div{z-index:20;color:#c4ced8;background:#151d25;border:1px solid #34414e;width:320px;padding:8px 10px;line-height:1.4;position:absolute;right:0;box-shadow:0 5px 18px #0008}.frontend-help>div+div{margin-top:0;transform:translateY(100%)}button{font:inherit}#run{color:#092017;cursor:pointer;background:#67d19b;border:0;border-radius:5px;padding:8px 13px;font-weight:700}#run:hover{background:#7cdda9}#run:disabled{opacity:.55;cursor:wait}#run.stop{color:#fff;background:#c84f5a}#run.stop:hover{background:#d7606a}#save-load{color:#cbd3dc;cursor:pointer;background:#202730;border:1px solid #3b4753;border-radius:5px;padding:6px 10px;font-size:12px}#save-load:hover{color:#f1f5f9;border-color:#566574}.workspace{grid-template-columns:minmax(300px,1fr) minmax(360px,1fr);min-height:0;display:grid}.pane{background:#11161b;flex-direction:column;min-width:0;min-height:0;display:flex}.source-pane{border-right:1px solid #303944}.pane-header,.tabs{background:#171c22;border-bottom:1px solid #29313a;flex:0 0 39px;align-items:center;height:39px;display:flex}.pane-header{justify-content:space-between;padding:0 13px}.pane-header h1{text-transform:uppercase;letter-spacing:.09em;color:#aab4c0;margin:0;font-size:12px}.pane-header span{color:#64707d;font:11px ui-monospace,monospace}#editor{flex:1;min-height:0;overflow:hidden}.problems-panel{background:#11161b;border-top:1px solid #29313a;flex-direction:column;flex:none;max-height:40%;display:flex}.problems-panel summary{cursor:pointer;text-transform:uppercase;letter-spacing:.09em;color:#aab4c0;-webkit-user-select:none;user-select:none;background:#171c22;padding:6px 13px;font-size:11px}.problems-panel summary span{color:#64707d;margin-left:4px;font:11px ui-monospace,monospace}.problems-panel[open] summary{border-bottom:1px solid #29313a}#problems-list{margin:0;padding:0;list-style:none;overflow:auto}#problems-list li{cursor:pointer;border-bottom:1px solid #1b2129;gap:8px;padding:5px 13px;font:12px ui-monospace,monospace;display:flex}#problems-list li:hover{background:#171c22}#problems-list .problem-icon{flex:none}#problems-list .problem-icon.error{color:#d7606a}#problems-list .problem-icon.warning{color:#e0b25c}#problems-list .problem-icon.info{color:#67a9d1}#problems-list .problem-location{color:#64707d;flex:none}#problems-list .problem-message{color:#d8dee9;flex:1}#problems-list .problem-empty{color:#64707d;padding:8px 13px;font:12px ui-monospace,monospace}.cm-editor{background:#11161b;height:100%;font:13px/1.62 SFMono-Regular,Consolas,monospace}.cm-editor.cm-focused{outline:none}.cm-scroller{padding:8px 0 40px;overflow:auto}.cm-gutters{padding-left:5px;color:#39434e!important;background:#0b0f13!important;border:0!important}.cm-lineNumbers .cm-gutterElement{color:#39434e!important}.cm-activeLine{background:#192027!important}.cm-activeLineGutter{color:#697684!important;background:#151b21!important}.cm-vert-inline-diagnostic{white-space:pre-wrap;border-left:2px solid;padding:2px 10px 2px 26px;font:12px ui-monospace,monospace}.cm-vert-inline-diagnostic-error{color:#d7606a;background:#d7606a14;border-left-color:#d7606a}.cm-vert-inline-diagnostic-warning{color:#e0b25c;background:#e0b25c14;border-left-color:#e0b25c}.cm-vert-inline-diagnostic-info{color:#67a9d1;background:#67a9d114;border-left-color:#67a9d1}.cm-lintRange{background-image:none!important}.cm-lintRange-error{box-shadow:inset 0 -2px #ff3b47}.cm-lintRange-warning{box-shadow:inset 0 -2px #ffb020}.cm-lintRange-info{box-shadow:inset 0 -2px #5ec8ff}.cm-lintRange-hint{box-shadow:inset 0 -2px #8fa8ff}.tabs{gap:0}.tab{color:#84909d;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-self:stretch;padding:0 15px;font-size:12px}.tab:hover{color:#cbd3dc}.tab.active{color:#e4e9ef;background:#1c2229;border-bottom-color:#67d19b}#status{color:#687481;margin-left:auto;margin-right:12px;font-size:11px}#status.success{color:#67d19b}#status.error{color:#ff6b6b}#status.busy{color:#e5ba68}#output-dot{border-radius:50%;width:5px;height:5px;margin-left:3px;display:inline-block}#output-dot.visible{background:#67d19b}.explorer-bar{color:#7f8b98;background:#141a20;border-bottom:1px solid #29313a;flex:0 0 34px;align-items:center;height:34px;padding:0 10px 0 13px;font-size:11px;display:flex}#explorer-mode{color:#aeb8c3;letter-spacing:.02em;font-weight:650}.filter-menu{margin-left:auto;position:relative}.filter-menu summary{cursor:pointer;color:#9aa6b3;-webkit-user-select:none;user-select:none;background:#191f26;border:1px solid #303944;border-radius:4px;padding:4px 8px;list-style:none}.filter-menu summary::-webkit-details-marker{display:none}.filter-menu summary:after{content:" ▾";color:#697684}.filter-menu[open] summary{color:#d5dce4;border-color:#485462}.filter-menu label{z-index:5;color:#c1cad4;white-space:nowrap;background:#1b2229;border:1px solid #3a4551;border-radius:5px;width:156px;padding:9px 10px;position:absolute;top:29px;right:0;box-shadow:0 8px 24px #0008}.filter-menu input{accent-color:#67d19b;vertical-align:-2px}#result{background:#101418;flex:1;min-height:0;overflow:hidden}#result .cm-editor{background:#101418;font-size:12px;line-height:1.58}#result .cm-scroller{padding-bottom:50px}#result .cm-content{color:#b9c3ce;caret-color:#0000}#result .cm-gutters{background:#0d1115!important}#output-stage{background:#101418;flex-direction:column;flex:1;min-height:0;display:none;overflow:auto}#output-canvas-wrap{flex-direction:column;flex:none;align-items:center;gap:9px;padding:14px 16px 0;display:flex}#output-canvas-wrap[hidden]{display:none}#canvas-output{image-rendering:auto;background:#0c1014;border:1px solid #293440;border-radius:5px;width:min(640px,100%);height:auto;display:block}#game-controls{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;width:min(640px,100%);display:flex}.game-dpad{grid-template-columns:repeat(3,34px);grid-template-areas:".up.""left down right";gap:3px;display:grid}.game-dpad button:first-child{grid-area:up}.game-dpad button:nth-child(2){grid-area:left}.game-dpad button:nth-child(3){grid-area:down}.game-dpad button:nth-child(4){grid-area:right}.game-modes{gap:3px;display:flex}#game-controls button{color:#cbd5df;cursor:pointer;background:#1a232b;border:1px solid #3b4a58;border-radius:5px;min-width:34px;height:32px;font:600 11px/1 ui-sans-serif,system-ui,sans-serif}#game-controls button.pressed{color:#07130d;background:#67d19b;border-color:#67d19b}.game-action{margin-left:auto;min-width:72px!important}.game-restart{min-width:62px!important}#output-result{color:#b9c3ce;tab-size:2;white-space:pre;background:#101418;flex:none;min-height:38px;margin:0;padding:14px 16px 50px;font:12px/1.58 SFMono-Regular,Consolas,monospace;overflow:auto}.help-tabs{background:#141a20;border-bottom:1px solid #29313a;flex:0 0 34px;align-items:end;gap:2px;height:34px;padding:0 12px;display:flex}.help-tabs[hidden]{display:none!important}.help-tab{color:#8793a0;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;height:28px;padding:0 10px;font-size:12px}.help-tab:hover{color:#c5ced8}.help-tab.active{color:#edf2f7;border-bottom-color:#67d19b}.help-document{color:#c5ced8;background:#101418;flex:1;min-height:0;padding:14px 18px 44px;font-size:13px;line-height:1.55;overflow:auto}.help-document[hidden]{display:none!important}.help-document h1,.help-document h2{color:#edf2f7;line-height:1.2}.help-document h1{margin:0 0 20px;font-size:20px}.help-document h2{border-bottom:1px solid #2d3742;margin:28px 0 10px;padding-bottom:6px;font-size:15px}.help-document p,.help-document ul{margin:0 0 12px}.help-document ul{padding-left:20px}.help-document li+li{margin-top:5px}.help-document code{color:#dce9f5;background:#202933;border-radius:3px;padding:1px 4px;font:12px SFMono-Regular,Consolas,monospace}.help-document pre{background:#0c1014;border:1px solid #293440;border-radius:5px;margin:12px 0;padding:10px 12px;overflow:auto}.help-document pre code{color:#c7d4e1;background:0 0;padding:0}.help-document table{border-collapse:collapse;width:100%;margin:12px 0;font-size:12px}.help-document th,.help-document td{text-align:left;vertical-align:top;border:1px solid #303b47;padding:7px 8px}.help-document th{color:#e1e8ef;background:#1b232c}.annotation-legend{background:#171c22;border-bottom:1px solid #29313a;gap:6px;padding:6px 13px;display:flex}.annotation-chip{color:#9aa6b3;cursor:pointer;background:#191f26;border:1px solid #303944;border-radius:999px;padding:3px 9px;font-size:11px}.annotation-chip[aria-pressed=false]{color:#5a6470;background:#12161b;border-color:#232a32}.annotation-chip[data-layer=escape]{box-shadow:inset 3px 0 #d7973b}.annotation-chip[data-layer=suspension]{box-shadow:inset 3px 0 #5b8ee0}.annotation-chip[data-layer=reload]{box-shadow:inset 3px 0 #67d19b}.vert-ann-heap{background:#d7973b26;box-shadow:inset 0 -2px #d7973b}.vert-ann-frame{background:#4c9fd626;box-shadow:inset 0 -2px #4c9fd6}.vert-ann-suspend{text-underline-offset:2px;background:#5b8ee026;-webkit-text-decoration:underline dotted #5b8ee0;text-decoration:underline dotted #5b8ee0}.vert-ann-reload-ok{background:#67d19b26}.vert-ann-reload-rejected{background:#e0605b26}.vert-ann-reload-stale{background:#8b949e26}.cm-generated-hover{box-shadow:inset 2px 0 #8b949e;background:#343b43!important}.cm-source-hover{box-shadow:inset 2px 0 #9aa3ad;background:#3b424a!important}.cm-source-span-hover{color:#f1f4f7;border-bottom:1px solid #c4cad0;background:#69727d!important}.save-load-dialog{color:#d8dee9;background:#171c22;border:1px solid #3a4551;border-radius:8px;width:min(520px,100vw - 32px);padding:0;box-shadow:0 20px 70px #000a}.save-load-dialog::backdrop{background:#0009}.save-load-header{border-bottom:1px solid #303944;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.save-load-header h2{margin:0;font-size:15px}.dialog-close{color:#aab4c0;cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1}.save-load-tabs{border-bottom:1px solid #303944;display:flex}.save-load-tab{color:#98a5b3;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px}.save-load-tab.active{color:#f1f5f9;border-bottom-color:#67d19b}.save-load-panel{padding:14px 16px 16px}.save-load-panel p{color:#98a5b3;margin:0 0 12px;font-size:12px}.save-load-list{gap:7px;max-height:min(52vh,420px);display:grid;overflow:auto}.save-load-list>button,.history-slot{color:#cbd3dc;text-align:left;background:#1d242c;border:1px solid #303944;border-radius:5px;min-height:36px}.save-load-list>button{cursor:pointer;padding:8px 10px;font:13px ui-monospace,monospace}.save-load-list>button:hover,.history-slot button:hover{color:#fff;border-color:#566574}.history-slot{align-items:center;gap:7px;padding:5px 6px 5px 10px;display:flex}.history-slot span{color:#b5c0cb;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font:12px ui-monospace,monospace;overflow:hidden}.history-slot button{color:#cbd3dc;cursor:pointer;background:#252d36;border:1px solid #3b4753;border-radius:4px;padding:5px 8px;font-size:12px}.history-slot button:disabled{opacity:.45;cursor:not-allowed}@media (width<=760px){body{grid-template-rows:54px auto;height:auto;min-height:100vh;overflow:auto}.workspace{grid-template-rows:52vh 52vh;grid-template-columns:1fr}.source-pane{border-bottom:1px solid #303944;border-right:0}.brand small,.optimize,.debug{display:none}}