:root{--bg:#12131c;--panel:#1b1e2c;--panel-2:#252a3c;--line:#333c57;--text:#e6e9f2;--muted:#94b0c2;--accent:#73eff7;--accent-2:#41a6f6;--gold:#ffcd75;--danger:#ef7d57;--green:#38b764;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:var(--text);font-size:13px}#app{flex-direction:column;height:100vh;display:flex}#topbar{background:var(--panel);border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:8px 12px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.gem{width:24px;height:24px;image-rendering:pixelated;background:var(--entities-url) 0 0 / 192px auto;display:inline-block}.modes{gap:4px;display:flex}.file{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sep{background:var(--line);align-self:stretch;width:1px;margin:0 4px}.play-help{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;font-size:12px;overflow:hidden}button{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 10px}button:hover{border-color:var(--accent-2)}button.active{background:var(--accent-2);border-color:var(--accent-2);color:#0d1020;font-weight:700}button.primary{border-color:var(--green)}button:disabled{opacity:.4;cursor:default}input,select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:5px 8px}#level-name{width:150px}#main{flex:1;min-height:0;display:flex}#sidebar{background:var(--panel);border-right:2px solid var(--line);flex-direction:column;flex:none;gap:12px;width:290px;padding:10px;display:flex;overflow-y:auto}#sidebar h3{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 6px;font-size:11px}#game-wrap{background:#0b0c12;flex:1;min-width:0;position:relative}#game{position:absolute;inset:0}#game canvas{image-rendering:pixelated;display:block}body.mode-play .editor-only,body.mode-editor .play-only{display:none!important}.layers{flex-direction:column;gap:4px;display:flex}.layer{gap:4px;display:flex}.layer .layer-select{text-align:left;flex:1}.layer.active .layer-select{background:var(--accent-2);color:#0d1020;border-color:var(--accent-2);font-weight:700}.layer .eye{width:36px;padding:5px 0}.layer .eye.off{opacity:.35}.tools{align-items:center;gap:4px;display:flex}.tools button{width:36px;height:34px;padding:0;font-size:16px}#palette{flex-direction:column;gap:8px;display:flex}.pal-group-title{color:var(--muted);margin:2px 0;font-size:11px}.pal-grid{grid-template-columns:repeat(5,48px);gap:4px;display:grid}.pal-item{width:48px;height:48px;image-rendering:pixelated;background-color:#2c3247;background-image:linear-gradient(45deg,#262b3d 25%,#0000 25% 75%,#262b3d 75%),linear-gradient(45deg,#262b3d 25%,#0000 25% 75%,#262b3d 75%);background-repeat:no-repeat;border:2px solid #0000;border-radius:4px;padding:0}.pal-item .spr{width:44px;height:44px;image-rendering:pixelated;background-repeat:no-repeat;margin:auto;display:block}.pal-item:hover{border-color:var(--muted)}.pal-item.selected{border-color:var(--gold);box-shadow:0 0 0 2px #0008,0 0 10px #ffcd7566}.selection-name{color:var(--gold);min-height:1em;margin-top:6px;font-size:12px}.size-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.size-row input{width:64px}.check{align-items:center;gap:6px;margin:4px 0;font-size:13px;display:flex}.wide{width:100%;margin-top:6px}.help{color:var(--muted);font-size:12px}.help summary{cursor:pointer;color:var(--text)}.help ul{margin:6px 0;padding-left:16px;line-height:1.5}#status{color:var(--muted);pointer-events:none;font-variant-numeric:tabular-nums;background:#000a;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;bottom:8px;left:8px}#hud{pointer-events:none;text-shadow:2px 2px #000;font-variant-numeric:tabular-nums;gap:10px;font-size:16px;font-weight:800;display:flex;position:absolute;top:10px;left:10px}#hud .chip{background:#000a;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex}#hud .gem{width:24px;height:24px}#overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;place-items:center;display:grid;position:absolute;inset:0}#overlay[hidden],#toast[hidden],#modal[hidden],#play-banner[hidden]{display:none}.card{background:var(--panel);border:2px solid var(--gold);text-align:center;border-radius:12px;padding:24px 32px;animation:.25s ease-out pop;box-shadow:0 10px 40px #000a}.card h2{color:var(--gold);margin:0 0 8px;font-size:28px}.card p{color:var(--muted);margin:6px 0 18px}.card .actions{justify-content:center;gap:8px;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.85)}}#toast{background:var(--panel-2);border:1px solid var(--accent-2);border-radius:8px;padding:8px 14px;font-size:13px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0008}#toast.error{border-color:var(--danger)}#hud .keys{gap:2px}#hud .key{width:24px;height:24px;image-rendering:pixelated;opacity:.25;filter:grayscale(.8);display:inline-block}#hud .key.held{opacity:1;filter:none;animation:.25s ease-out pop}.account{align-items:center;gap:6px;margin-left:auto;display:flex}.account .pseudo{color:var(--gold);font-weight:700}a.btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:13px;text-decoration:none}a.btn:hover{border-color:var(--accent-2)}a.btn.primary,#btn-publish:not(:disabled){border-color:var(--green)}#play-banner{border:1px solid var(--line);max-width:70%;color:var(--muted);pointer-events:none;text-align:center;background:#000b;border-radius:8px;padding:6px 12px;font-size:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}#play-banner.verify{border-color:var(--green);color:var(--text)}#modal{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;place-items:center;display:grid;position:fixed;inset:0}#modal .card{text-align:left;min-width:320px;max-width:min(640px,92vw);max-height:86vh;overflow-y:auto}#modal .card h2{text-align:center}#modal .card p{margin:6px 0 12px}#modal .row{align-items:center;gap:8px;display:flex}#modal .row input{flex:1}#modal .hint{color:var(--muted);font-size:12px}#modal .error{color:var(--danger);min-height:1.2em;margin:6px 0;font-size:13px}#modal .actions{margin-top:12px}.levels{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.levels li{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;display:flex}.levels .name{flex:1;min-width:140px;font-weight:700}.levels .status{color:var(--muted);font-size:12px}.levels .status.pub{color:var(--green)}.levels .link{align-items:center;gap:6px;width:100%;font-size:12px;display:flex}.levels .link input{flex:1;font-size:12px}.levels .current{border-color:var(--gold)}a.brand{color:var(--text);text-decoration:none}a.brand:hover{color:var(--accent)}body:not(.view-play-level) .level-only,body.view-play-level .editor-only,body.view-play-level .editor-view-only{display:none!important}#level-bar{flex-wrap:wrap;flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex}#level-bar .level-title{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;max-width:30ch;font-weight:700;overflow:hidden}#level-bar .level-author{color:var(--muted);white-space:nowrap;font-size:13px}#level-bar .level-author a{color:var(--accent)}#level-bar .level-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#level-banner{border:1px solid var(--accent-2);background:#000c;border-radius:8px;align-items:center;gap:10px;max-width:min(560px,70%);padding:6px 8px 6px 12px;font-size:13px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}#level-banner[hidden]{display:none}#level-banner a.btn,#level-banner button{padding:3px 8px;font-size:12px}#overlay .card{min-width:min(380px,92vw);max-width:min(520px,94vw);max-height:calc(100% - 24px);overflow-y:auto}#overlay .card .actions{flex-wrap:wrap}.result{margin:4px 0 6px;font-weight:700}.result.recorded{color:var(--green)}.result.refused{color:var(--danger)}.result.anonymous,.result.no-pseudo,.result.pending{color:var(--muted)}.result-details{color:var(--text);margin:0 0 8px;padding:0;list-style:none}.result-details .pb{color:var(--gold);font-weight:700}.leaderboard{text-align:left;margin:10px 0 14px}.leaderboard h3{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-align:center;margin:0 0 6px;font-size:12px}.lb-rows{font-variant-numeric:tabular-nums;margin:0;padding:0;list-style:none}.lb-rows li{border-radius:4px;grid-template-columns:3.5em 1fr auto;gap:8px;padding:3px 8px;display:grid}.lb-rows li:nth-child(odd){background:#ffffff08}.lb-rows li.me{color:var(--gold);background:#ffcd7526;font-weight:700}.lb-rows li.gap{text-align:center;color:var(--muted);background:0 0;display:block}.lb-rows .rank{color:var(--muted)}.lb-rows .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-empty{text-align:center;color:var(--muted);font-size:13px}