:root{--bg:#0d0d13;--panel:#17171f;--panel-2:#20202b;--line:#2c2c3a;--text:#dcdce6;--muted:#8a8a9c;--accent:#7869c4;--edited:#ffd34f;--warn:#ff7a6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:13px/1.4 system-ui,sans-serif}#app{grid-template-columns:1fr 360px;height:100vh;display:grid;position:relative}#stage{min-width:0;position:relative}#view{touch-action:none;width:100%;height:calc(100% - 24px);display:block;position:absolute;inset:0 0 24px}#status{background:var(--panel);border-top:1px solid var(--line);height:24px;color:var(--muted);white-space:pre;padding:4px 10px;font:12px ui-monospace,monospace;position:absolute;bottom:0;left:0;right:0}#empty{text-align:center;max-width:460px;color:var(--muted);place-content:center;margin:auto;display:grid;position:absolute;inset:0}#empty[hidden]{display:none}#panel{background:var(--panel);border-left:1px solid var(--line);padding:0 0 40px;overflow-y:auto}#panel header,#panel section{border-bottom:1px solid var(--line);padding:12px 14px}#panel h1{margin:0 0 2px;font-size:15px}#panel .title{justify-content:space-between;align-items:center;gap:8px;display:flex}.donate{color:#fff;white-space:nowrap;background:#ff5fa2;border:1px solid #ff5fa2;border-radius:5px;padding:3px 9px;font-size:12px;font-weight:600;text-decoration:none}.donate:hover{background:#ff7fb6;border-color:#ff7fb6}#panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:600}.row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.row>button{flex:1}.col{flex-direction:column;gap:0;display:flex}.muted{color:var(--muted)}.edited{color:var(--edited)}.warn{color:var(--warn);margin:2px 0}button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:5px;padding:5px 9px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.primary,button.active{background:var(--accent);border-color:var(--accent);color:#fff}.levels{gap:4px;margin-bottom:6px;display:flex}.levels button{flex:1;font-family:ui-monospace,monospace}label{color:var(--muted);margin:3px 0;display:block}input[type=number]{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:4px 6px;font:13px ui-monospace,monospace}.grid2{grid-template-columns:1fr 1fr;gap:8px;margin:6px 0;display:grid}.kv{align-items:center;gap:6px;display:flex}.swatch{vertical-align:middle;border-radius:2px;width:10px;height:10px;display:inline-block}.table-head{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:8px 0 4px;display:flex}pre{background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;word-break:break-all;color:#b8b8c8;border-radius:4px;margin:0;padding:6px 8px;font:11px/1.5 ui-monospace,monospace}pre b{color:var(--text)}.help dl{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:12px;display:grid}.help dt{color:var(--text)}.help dd{color:var(--muted);margin:0}#toast{background:var(--panel-2);border:1px solid var(--accent);opacity:0;pointer-events:none;border-radius:6px;max-width:420px;padding:8px 12px;transition:opacity .2s;position:fixed;bottom:36px;right:380px}#toast.show{opacity:1}@media (width<=800px){#app{grid-template-rows:60vh auto;grid-template-columns:1fr;height:auto}#stage{height:60vh}#panel{border-left:0;border-top:1px solid var(--line)}#toast{right:16px}}#panel details{border-bottom:1px solid var(--line);padding:10px 14px}#panel summary{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);cursor:pointer;margin-bottom:6px;font-size:11px;font-weight:600}#panel summary span{text-transform:none;letter-spacing:0}.small{font-size:11.5px}.ok{color:#7ed491}label.inline{align-items:center;gap:8px;display:flex}label.inline input{width:80px}select{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);font:inherit;border-radius:4px;padding:4px 6px}textarea{box-sizing:border-box;background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);resize:vertical;border-radius:4px;padding:4px 6px;font:12px ui-monospace,monospace}#d-none[hidden],#d-edit[hidden],#d-openx-box[hidden]{display:none}.rounds{margin:4px 0;padding:0;font-size:12px;list-style:none}.rounds li{align-items:center;gap:10px;padding:2px 0;display:flex}.rounds li label.inline{gap:4px;margin:0}.rounds li button{margin-left:auto;padding:0 6px}.list{counter-reset:item -1;max-height:220px;margin:4px 0;padding:0;font:12px ui-monospace,monospace;list-style:none;overflow-y:auto}.list li{counter-increment:item;cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:2px 6px;display:flex}.list li:before{content:counter(item);color:var(--muted);text-align:right;width:18px}.list li:hover{background:var(--panel-2)}.list li.sel{background:var(--accent);color:#fff}.list li.sel .muted{color:#e6e0ff}.list li .muted{margin-left:auto}.add-row{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}.add-obj{text-align:left;align-items:center;gap:5px;padding:4px 5px;font-size:11.5px;display:flex}.issues{margin:0;padding:0;font-size:12px;list-style:none}.issues li{padding:3px 6px 3px 18px;position:relative}.issues li[data-kind]{cursor:pointer}.issues li[data-kind]:hover{background:var(--panel-2)}.issues li:before{position:absolute;left:4px}.issues li.error{color:var(--warn)}.issues li.error:before{content:"✖"}.issues li.warn{color:var(--edited)}.issues li.warn:before{content:"!";left:7px}.issues li.info{color:var(--muted)}.issues li.info:before{content:"i";left:7px}.colour-row{align-items:center;gap:8px;margin:4px 0;display:flex}.colour-label{width:120px;color:var(--muted);font-size:11.5px}.palette{flex:1;grid-template-columns:repeat(16,1fr);gap:2px;display:grid}.palette button{border:1px solid #0006;border-radius:2px;height:14px;padding:0}.palette button.active{outline-offset:1px;outline:2px solid #fff}.meter{background:var(--bg);border:1px solid var(--line);border-radius:4px;height:8px;margin:8px 0 4px;position:relative}.meter>div{background:var(--accent);border-radius:3px;height:100%}.meter .mark{background:var(--muted);width:2px;position:absolute;top:-3px;bottom:-3px}#play{z-index:5;background:#000d;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0 0 24px}#play[hidden]{display:none}.play-bar{align-items:center;gap:8px;width:min(100%,960px);display:flex}.play-bar .spacer{flex:1}.play-screen{aspect-ratio:384/272;width:min(100%,960px);max-height:calc(100% - 110px);position:relative}.play-screen canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;background:#000;display:block}.play-help{color:var(--muted);text-align:center;max-width:960px;font-size:12px}kbd{border:1px solid var(--line);color:var(--text);background:var(--panel-2);border-bottom-width:2px;border-radius:3px;padding:0 4px;font:11px ui-monospace,monospace}input[type=text]{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);border-radius:4px;margin-top:3px;padding:4px 6px;font:12px ui-monospace,monospace}#p-build-status{margin-top:6px}#p-build-status pre{max-height:200px;overflow:auto}.meter.ok>div{background:var(--accent)}.meter.tight>div{background:var(--edited)}.meter.over>div{background:var(--warn)}.mem-tight{color:var(--edited)}.mem-over{color:var(--warn)}.mem-ok{color:var(--muted)}.mem-banner{border-radius:5px;margin:0 0 8px;padding:7px 9px;font-size:12.5px;font-weight:600}.mem-banner.tight{border:1px solid var(--edited);color:var(--edited);background:#3a3110}.mem-banner.over{border:1px solid var(--warn);color:#ffb3aa;background:#3d1714}#guide{background:var(--bg);z-index:10;flex-direction:column;display:flex;position:absolute;inset:0}#guide[hidden]{display:none}.guide-bar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 16px;display:flex}.guide-bar .spacer{flex:1}.guide-body{outline:none;flex:1;padding:8px max(16px,50% - 400px) 48px;font-size:14px;line-height:1.55;overflow-y:auto}.guide-body h1{margin:16px 0 8px;font-size:24px}.guide-body h2{border-top:1px solid var(--line);margin:32px 0 8px;padding-top:8px;font-size:18px}.guide-body h3{margin:20px 0 6px;font-size:15px}.guide-body img{border:1px solid var(--line);border-radius:4px;max-width:100%}.guide-body table{border-collapse:collapse;margin:8px 0}.guide-body th,.guide-body td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:4px 8px}.guide-body th{background:var(--panel-2)}.guide-body code{background:var(--panel-2);border-radius:3px;padding:1px 4px;font:12px ui-monospace,monospace}.guide-body pre{background:var(--panel-2);border-radius:4px;padding:8px 12px;overflow-x:auto}.guide-body pre code{background:0 0;padding:0}.guide-body blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:8px 0;padding:4px 12px}.guide-body a{color:#a99cf0}.guide-body hr{border:none;border-top:1px solid var(--line)}.rounds input[type=checkbox]{width:auto}