:root{--ink:#f4f1ea;--panel:#181820eb;--accent:#59d1a8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#12121a;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font:13px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#game{position:fixed;inset:0}#game canvas{image-rendering:pixelated;display:block}#hud{pointer-events:none;position:fixed;inset:0}.chip{background:var(--panel);letter-spacing:.01em;border-radius:999px;padding:5px 11px;font-weight:600;position:absolute;box-shadow:0 2px 12px #00000073}#zone{top:16px;left:50%;transform:translate(-50%)}#prompt{bottom:24px;left:50%;transform:translate(-50%)}#toast{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;bottom:24px;left:24px}#toast.error{color:#ff9d9d}#line-chip{border:0;border-left:3px solid var(--accent);max-width:calc(100vw - 32px);color:var(--ink);white-space:pre;text-overflow:ellipsis;pointer-events:auto;cursor:pointer;border-radius:8px;padding:6px 12px 6px 10px;font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:none;top:12px;left:50%;overflow:hidden;transform:translate(-50%)}#line-chip b{color:#f4f1ea73;margin-right:.8em;font-weight:500}body.touch #line-chip:not([hidden]){display:block}#prompt kbd{min-width:1.4em;font:inherit;text-align:center;background:#ffffff14;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:4px;margin-right:4px;padding:1px 5px;font-weight:700;display:inline-block}#inspector{background:var(--panel);pointer-events:auto;border-radius:12px;width:min(320px,100vw - 32px);padding:12px 14px 14px;position:absolute;top:16px;right:16px;box-shadow:0 8px 32px #00000080}#inspector header{color:var(--accent);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700;display:flex}#inspector button{width:22px;height:22px;color:var(--ink);cursor:pointer;background:#ffffff1a;border:0;border-radius:6px;flex:none;font-size:15px;line-height:1}#inspector button:hover{background:#fff3}#inspector dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}#inspector dt{color:#f4f1ea8c}#inspector dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#levels{background:var(--panel);pointer-events:auto;border-radius:12px;flex-direction:column;width:min(440px,90vw);display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000080}#levels[hidden]{display:none}#levels header,#levels footer{letter-spacing:.08em;text-transform:uppercase;color:#f4f1ea8c;padding:10px 14px;font-size:11px;font-weight:700}#levels header{border-bottom:1px solid #ffffff14}#levels footer{text-transform:none;letter-spacing:.01em;border-top:1px solid #ffffff14;font-weight:500}#levels footer .tap,body.touch #levels footer .keys{display:none}body.touch #levels footer .tap{display:inline}#levels footer kbd{text-align:center;background:#ffffff1a;border-radius:4px;min-width:1.4em;margin:0 2px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}#levels-list,#levels-list ol{margin:0;padding:0;list-style:none}#levels-list{padding:8px}#levels-list .section+.section{margin-top:10px}#levels-list h2{letter-spacing:.08em;text-transform:uppercase;color:#f4f1ea8c;margin:0;padding:6px 12px 4px;font-size:11px;font-weight:700}#levels-list ol li{cursor:pointer;border-radius:8px;outline:none;flex-direction:column;gap:2px;padding:10px 12px;display:flex}#levels-list ol li:hover{background:#ffffff0f}#levels-list ol li.focused{background:#59d1a824}#levels-list .title{font-weight:600}#levels-list ol li.focused .title{color:var(--accent)}#levels-list .blurb{color:#f4f1eab3}#levels-list .file{color:#f4f1ea73;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}#rail{pointer-events:none;flex-direction:column;gap:12px;width:min(360px,38vw);display:flex;position:absolute;top:16px;bottom:16px;right:16px}#listing,#loop,#vars{background:var(--panel);pointer-events:auto;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000080}#listing[hidden],#loop[hidden],#vars[hidden],#sheet-handle{display:none}body.touch #rail{width:auto;height:min(70vh,560px);padding:0 12px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:auto;z-index:1;background:#12121af5;border-radius:16px 16px 0 0;transition:transform .25s;inset:auto 0 0;transform:translateY(calc(100% - 40px));box-shadow:0 -8px 32px #00000080}body.touch #rail.open{transform:none}body.touch #rail:not(.showing){display:none}body.touch #sheet-handle{height:40px;font:inherit;letter-spacing:.06em;color:#f4f1ea80;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;padding:8px 0 0;font-size:11px;display:flex}#sheet-handle span{background:#f4f1ea80;border-radius:2px;width:40px;height:4px}body.touch #listing,body.touch #loop,body.touch #vars{box-shadow:none;background:0 0}body.touch #loop,body.touch #vars{border-bottom:1px solid #ffffff14;border-radius:0}body.touch #toast,body.touch #prompt{bottom:calc(180px + env(safe-area-inset-bottom,0px))}#vars{flex:none;max-height:45%}#loop{flex:none}#listing{flex:auto;min-height:0}#listing header,#loop header,#vars header{letter-spacing:.08em;text-transform:uppercase;color:#f4f1ea80;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;display:flex}#step-counter,#loop-round{letter-spacing:0;text-transform:none;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#loop-headline{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;text-transform:none;min-width:0;color:var(--ink);flex:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:400;overflow:hidden}#loop-chart{width:100%;height:auto;padding:6px 0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block}#loop-chart .name{fill:#f4f1ea80;font-size:10px}#loop-chart .line{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round}#loop-chart .point{fill:var(--ink)}#loop-chart .value{fill:#f4f1ead1;text-anchor:middle}#loop-chart .current.point{fill:var(--accent)}#loop-chart .current.value{fill:var(--accent);font-weight:700}#loop-chart .ahead{opacity:.35}#loop-chart .cursor{stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 3}#loop-chart .rule{stroke:#ffffff14}#loop-chart .round{fill:#f4f1ea80;text-anchor:middle;font-size:10px}#loop-chart .round.current{fill:var(--accent)}#listing-lines{counter-reset:line;flex:1;margin:0;padding:8px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;list-style:none;overflow:auto}#listing-lines li{white-space:pre;color:#f4f1ea73;gap:12px;width:max-content;min-width:100%;padding:0 14px;display:flex}#listing-lines li:before{counter-increment:line;content:counter(line);text-align:right;color:#f4f1ea40;min-width:2.2em}#listing-lines li.walkable{color:#f4f1ead1}#listing-lines li.current{box-shadow:inset 3px 0 0 var(--accent);color:var(--ink);background:#59d1a829}#vars-list{flex:1;grid-template-columns:auto 1fr;align-content:start;gap:2px 14px;margin:0;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:grid;overflow-y:auto}#vars-list dt{color:#f4f1ea8c;align-items:center;gap:6px;display:flex}#vars-list dd{align-items:center;display:flex}#vars-list .item-slot{flex:none;justify-content:center;display:flex}#vars-list .item{image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;flex:none}#vars-list dd{overflow-wrap:anywhere;margin:0}#vars-list .changed{color:var(--accent);font-weight:700}#vars-list .empty{color:#f4f1ea59;grid-column:1/-1;font-style:italic}#controls{--cell:44px;--button:48px;left:16px;right:16px;bottom:calc(56px + env(safe-area-inset-bottom,0px));pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-columns:auto 1fr auto;display:grid;position:absolute}#controls[hidden]{display:none}#controls button{font:inherit;color:var(--ink);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}#dpad{grid-template-columns:repeat(3, var(--cell));grid-template-rows:repeat(3, var(--cell));background:#1818208c;border-radius:50%;display:grid;position:relative;box-shadow:0 0 0 1px #2a2a38}#dpad button{width:var(--button);height:var(--button);background:#181820d9;border-radius:50%;place-self:center;font-size:18px;line-height:1;box-shadow:0 0 0 1.5px #3a3a50}#dpad [data-dir=up]{grid-area:1/2}#dpad [data-dir=left]{grid-area:2/1}#dpad [data-dir=right]{grid-area:2/3}#dpad [data-dir=down]{grid-area:3/2}#dpad button.pressed{background:var(--accent);box-shadow:0 0 0 1.5px var(--accent);color:#12121a}#actions{grid-column:3;grid-template-rows:repeat(3, var(--cell));justify-items:end;display:grid}#actions button{letter-spacing:.04em;color:#f4f1ea99;align-items:center;gap:12px;font-size:12px;display:flex}#act-levels{grid-row:1}#act-restart{grid-row:3}#actions b{width:var(--button);height:var(--button);color:var(--ink);background:#181820d9;border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid;box-shadow:0 0 0 1.5px #3a3a50}#actions button.pressed b{background:var(--accent);box-shadow:0 0 0 1.5px var(--accent);color:#12121a}