:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dce5e5;--accent:#b9e878;--line:#2b3937;--muted:#8d9f9a;background:#101616;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid var(--line);letter-spacing:1px;align-items:center;gap:14px;padding:22px 28px;font-size:12px;display:flex}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px}#state{color:var(--accent);margin-left:auto}main{grid-template-columns:minmax(300px,.8fr) minmax(450px,1.3fr);gap:20px;max-width:1550px;margin:auto;padding:26px;display:grid}.panel{border:1px solid var(--line);background:#151e1c;border-radius:12px;padding:24px}.title{justify-content:space-between;align-items:center;gap:16px;display:flex}h1{margin:0;font:500 25px system-ui}h2{margin:0;font:500 22px system-ui}h3{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}small{text-transform:none}.muted,.note,details{color:var(--muted);font-size:12px;line-height:1.7}.badge{color:var(--accent);white-space:nowrap;font-size:11px}label{color:var(--muted);margin:20px 0 10px;font-size:11px;display:block}select,textarea,button{font:inherit;color:inherit;background:#111815;border:1px solid #3b4c46;border-radius:5px;padding:10px}select{width:100%;font-size:12px}textarea{resize:vertical;tab-size:4;width:100%;height:320px;font-size:14px;line-height:1.7}button{cursor:pointer;font-size:12px}button:hover{border-color:var(--accent)}button:disabled{opacity:.35;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:#192014;font-weight:700}.buttons{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}#seek{width:100%;accent-color:var(--accent)}.event{border-left:2px solid var(--accent);background:#1e2a22;margin:15px 0;padding:12px;font-size:12px}.inspect{grid-template-columns:1fr 1fr;gap:20px;min-width:0;display:grid}.inspect>div{min-width:0}pre,.instructions,.values{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;font-size:12px;line-height:1.6;overflow:auto}.source-line,.instruction{padding:2px 6px;display:block}.active{color:#d0ff93;background:#304226;border-radius:3px}.instruction{white-space:pre}.value{border:1px solid var(--line);background:#101815;border-radius:4px;margin-bottom:4px;padding:6px 8px}.value span{color:var(--accent)}.output{border:1px solid var(--line);background:#0d1412;min-height:60px;padding:12px}#message{color:#ffc68e;font-size:12px;line-height:1.7}footer{color:var(--muted);padding:5px 28px 25px;font-size:11px}footer span{float:right}summary{cursor:pointer}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=900px){main{grid-template-columns:1fr;padding:14px}.inspect{grid-template-columns:1fr 1fr}header .muted{display:none}footer span{float:none;margin-top:10px;display:block}}main{grid-template-columns:minmax(270px,.7fr) minmax(450px,1.4fr)}.panel{min-width:0}.editor{grid-area:1/1/span 2}.map-panel,.replay{grid-column:2}.map{border:1px solid var(--line);background-color:#101815;background-image:radial-gradient(#2b3937 1px,#0000 1px);background-size:18px 18px;border-radius:6px;min-height:160px;max-height:540px;margin-top:16px;overflow:auto}.map svg{min-width:280px;height:auto;display:block}.map .node{cursor:pointer}.map .node.executing path,.map .node.executing polygon{fill:#354b28;stroke:#b9e878;stroke-width:2.5px}.map .node.selected path,.map .node.selected polygon,.map .node:focus path{stroke:#e7cf89;stroke-width:3px}.map .edge.traversed path{stroke:#d0ff93;stroke-width:3px}.map .edge.traversed polygon{fill:#d0ff93;stroke:#d0ff93}#frames{color:var(--accent);padding-top:12px}#block-detail{max-height:160px}.map-panel .buttons{margin-bottom:5px}@media (width<=900px){main{grid-template-columns:1fr}.editor,.map-panel,.replay{grid-area:auto/1}.map{max-height:420px}}main{grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:18px;max-width:1900px;padding:20px}.editor{grid-row:1;align-self:start}.replay{grid-column:1/-1}.factory{border:1px solid var(--line);background:#0d1413;border-radius:8px;height:620px;margin-top:14px;position:relative;overflow:hidden}.factory canvas{touch-action:none;width:100%;height:100%;display:block}.factory[data-error]:after{content:attr(data-error);color:#ffc68e;position:absolute;bottom:12px;left:12px}.block-controls{align-items:center;gap:8px;margin-top:15px;display:flex}.block-controls label{white-space:nowrap;margin:0}.block-controls select{flex:1;width:0;min-width:0}.block-controls button{white-space:nowrap}.replay>.inspect{grid-template-columns:1fr 1fr}.map-panel .note{margin:8px 0;font-size:11px}.map-panel{padding:20px}.map{max-height:620px}[hidden]{display:none!important}@media (width<=900px){main{grid-template-columns:1fr;padding:12px}.editor,.map-panel,.replay{grid-column:1}.factory{height:470px}.block-controls{flex-wrap:wrap}.block-controls select{flex-basis:65%}.block-controls button{flex:1}.editor textarea{height:220px}}.opcode-panel{z-index:2;background:#101b18f2;border:1px solid #52705c;border-radius:6px;width:min(350px,100% - 24px);padding:10px;position:absolute;top:12px;right:12px;box-shadow:0 8px 24px #0006}.opcode-heading{color:#cde7b3;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.opcode-heading button{padding:5px 8px;font-size:10px}.opcode-caption{color:#9fb3a7;overflow-wrap:anywhere;margin:8px 0;font-size:10px}.opcode-list{max-height:220px;position:relative;overflow:auto}.opcode-list button{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:#17261e;border:0;border-left:2px solid #0000;border-radius:0;width:100%;padding:5px 7px;font-size:11px;line-height:1.4;display:block}.opcode-list button:nth-child(2n){background:#1b2d23}.opcode-list button:disabled{opacity:.55}.opcode-panel button:focus-visible{outline-offset:-2px}@media (width<=900px){.opcode-panel{width:min(300px,100% - 16px);padding:8px;top:8px;right:8px}.opcode-list{max-height:125px}}body{height:100dvh;overflow:hidden}header{z-index:10;background:#101616e8;border:0;height:58px;padding:10px 18px;position:fixed;inset:0 0 auto}header button{padding:7px 10px}main{max-width:none;margin:0;padding:0;display:block}.map-panel{background:0 0;border:0;border-radius:0;padding:0;position:fixed;inset:0}.factory,.map{border:0;border-radius:0;width:100%;height:100%;max-height:none;margin:0;position:absolute;inset:0}.map{padding:120px 20px 130px}.map-title,.map-panel>p.note{display:none}.camera-controls{z-index:4;pointer-events:none;position:absolute;top:58px;left:18px;right:18px;margin:0!important}.camera-controls button{pointer-events:auto;background:#15211deb;padding:7px 10px}#map-status{z-index:3;pointer-events:none;background:#101616de;max-width:calc(100% - 40px);padding:4px 8px;position:absolute;bottom:100px;left:20px}.transport{z-index:5;border:1px solid var(--line);background:#101b18ed;border-radius:8px;width:min(540px,100% - 32px);padding:8px 14px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.transport .buttons{justify-content:center;margin:0 0 6px}.transport button{padding:7px 12px}#scene-hint{z-index:3;pointer-events:none;margin:0;font-size:10px;position:absolute;bottom:5px;left:20px}.editor,.replay{z-index:6;background:#151e1cf2;padding:18px;position:fixed;top:106px;bottom:132px;overflow:auto;box-shadow:0 8px 30px #0005}.editor{width:320px;left:18px}.replay{width:min(520px,100% - 36px);right:18px}.editor h1{font-size:20px}.editor textarea{height:230px}.editor>p.muted{display:none}.opcode-panel{top:106px;right:18px}.block-controls{flex-wrap:wrap}.block-controls select{flex-basis:60%}footer{display:none}body:has(#inspector-panel:not([hidden])) .opcode-panel{display:none}@media (width<=900px){header{gap:8px;padding:8px;font-size:10px}header strong{font-size:10px}header button{padding:6px}.camera-controls{gap:4px;left:8px;right:8px}.camera-controls button{padding:5px 7px;font-size:10px}.editor,.replay{width:auto;inset:145px 8px 135px}.opcode-panel{width:260px;top:145px;right:8px}#map-status{font-size:9px;bottom:108px;left:8px}#scene-hint{display:none}.transport{bottom:16px}.replay>.inspect{grid-template-columns:1fr}}#parse-panel{z-index:5;background:#141e20f2;border:1px solid #526c7b;border-radius:8px;width:min(440px,100% - 36px);padding:16px;font-size:12px;position:fixed;top:106px;right:18px}#parse-status{color:#b9e878;overflow-wrap:anywhere;margin:12px 0}#parse-attempts{white-space:pre-wrap;max-height:210px;font-size:11px}#parse-seek{accent-color:#b9e878;width:100%}@media (width<=900px){#parse-panel{max-height:45vh;top:180px;overflow:auto}}.minimap{z-index:4;background:#111d19ed;border:1px solid #4a6455;border-radius:6px;width:280px;padding:7px;position:absolute;bottom:18px;right:18px}.minimap-heading{color:#b5c7b9;justify-content:space-between;align-items:center;font-size:9px;display:flex}.minimap-heading button{padding:3px 10px}.minimap canvas{cursor:crosshair;touch-action:none;margin-top:6px;width:100%!important;height:100px!important;display:block!important}.minimap canvas:focus-visible{outline:2px solid #b9e878}@media (width<=900px){.minimap{width:180px;bottom:110px;right:8px}.minimap canvas{height:64px!important}.minimap-heading{font-size:7px}}html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{height:100dvh;position:fixed;inset:0}.editor,.replay,.opcode-list,.map,#parse-panel{overscroll-behavior:contain}.editor{max-width:calc(100% - 36px)}header{min-width:0}header strong,header .muted,#state{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}header button{flex-shrink:0}@media (width<=900px){.editor{max-width:calc(100% - 16px)}}:root{--accent:#65d4df;--line:#9c8fc540;--muted:#aaa0c5;color:#edf0f5;background:#0e0b19}body{background:radial-gradient(at 18% 35%,#42428525,#0000 55%),radial-gradient(at 80% 65%,#18527320,#0000 50%),#0e0b19}.factory{background-color:#0000;background-image:url(/assets/stars-CwvfUlDw.svg);background-size:1600px 1000px}header{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#0a1022a8,#0a102240);border-bottom:1px solid #bed4ff12}.dot{box-shadow:0 0 14px #9ad6ff9c}.editor,.replay,.opcode-panel,#parse-panel,.transport,.minimap{-webkit-backdrop-filter:blur(18px);background:linear-gradient(135deg,#24203cbb,#14112488);border:1px solid #b2c9ff30;box-shadow:0 12px 45px #0003,inset 0 1px #e6edff12}textarea,select,button,.camera-controls button{color:#edf0f5;background:#111a304f;border-color:#b4c9fa30}textarea{background:#090f234f}button:hover{background:#7899cc24;border-color:#bbdfff80}.primary{color:#101c34;background:#a4dfffcc;border-color:#c6e9ff99;box-shadow:0 0 20px #7ebfff18}.active,.event,.value,.output{color:#deecff;background:#7e9ccc16;border-color:#8abaff30}.opcode-heading,#parse-status,.value span{color:#c4e5ff}.opcode-list button,.opcode-list button:nth-child(2n){background:#19294150}#map-status{display:none}.map{background-color:#080e1a;background-image:radial-gradient(#667da738 1px,#0000 1px)}#parse-seek{accent-color:var(--accent)}.minimap-heading{color:#b9c9e2}.source-editor{background:#090f234f;border:1px solid #b4c9fa30;border-radius:5px;height:230px;position:relative;overflow:hidden}.source-editor #source,.source-editor #source-highlight{letter-spacing:normal;tab-size:4;white-space:pre;overflow-wrap:normal;border:0;border-radius:0;width:100%;height:100%;max-height:none;margin:0;padding:10px;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;inset:0}.source-editor #source{resize:none;color:#0000;caret-color:#edf0f5;-webkit-text-fill-color:transparent;z-index:1;background:0 0}.source-editor #source::selection{background:#8fb8ff40}.source-editor #source-highlight{pointer-events:none;background:0 0;overflow:hidden}.syntax-keyword{color:#cfacff}.syntax-string{color:#f1ca9d}.syntax-number{color:#8bded2}.syntax-comment{color:#8394ae}.syntax-builtin{color:#8ecfff}.syntax-operator{color:#b4c2de}.syntax-plain{color:#e2eaff}.starfield{pointer-events:none;background:radial-gradient(at 47% 43%,#bc358c38,#0000 43%),radial-gradient(at 24% 38%,#75509038,#0000 48%),radial-gradient(at 57% 52%,#456ca536,#0000 48%),radial-gradient(at 72% 66%,#724e8530,#0000 44%);position:absolute;inset:0;overflow:hidden}.starfield canvas{width:100%;height:100%}.factory>canvas{position:relative}.factory:has(.starfield){background-image:none}#inspector-panel{flex-direction:column;gap:12px;min-height:0;display:flex;overflow:hidden}.inspector-main{overscroll-behavior:contain;flex:50%;min-height:0;overflow:auto}#inspector-panel .inspector-values{flex:25%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:70px;overflow:hidden}.inspector-values>div,.inspector-output{flex-direction:column;min-width:0;min-height:0;display:flex}.inspector-values h3,.inspector-output h3{flex:none;margin:0 0 8px}#inspector-panel .values{overscroll-behavior:contain;flex:1;min-height:0;max-height:none;overflow:auto}.inspector-output{flex:0 25%;min-height:80px}#inspector-panel #stdout{overscroll-behavior:contain;flex:1;min-height:0;max-height:none;margin:0;overflow:auto}.primary{color:#fff0f6;box-shadow:none;background:#c92359;border-color:#ee5788}button[aria-pressed=true]{color:#65d4df;background:#30206a;border-color:#7960aa}.opcode-list button.current{color:#fff0f6;background:#572042;border-color:#c92359}.opcode-heading,#parse-status,.minimap-heading{color:#65d4df}