:root{background:#d9d9d9}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}#game{position:relative}canvas{display:block;width:100%;height:100%;outline:none;image-rendering:pixelated;touch-action:none}.level-library{position:absolute;top:14px;left:14px;width:264px;padding:10px;color:#101010;background:#f8f8f8f0;border:3px solid #000;box-shadow:5px 5px #0000003d;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,monospace;-webkit-user-select:none;user-select:none}.level-library-title{display:block;margin-bottom:7px;font-size:12px;letter-spacing:.12em}.level-library select{width:100%;height:32px;margin-bottom:7px;padding:4px 6px;background:#fff;border:2px solid #777;border-radius:0;font:700 11px/1 ui-monospace,Cascadia Mono,monospace}.level-library-actions{display:flex;gap:5px}.level-library-actions+.level-library-actions{margin-top:5px}.level-library-actions button{flex:1;min-height:30px;padding:5px;color:#fff;background:#111;border:2px solid #000;font:700 10px/1 ui-monospace,Cascadia Mono,monospace;cursor:pointer}.level-library-actions button:hover:not(:disabled){color:#000;background:#ffd400}.level-library-actions button:disabled,.level-library select:disabled{cursor:wait;opacity:.45}.sharing-actions button:first-child{background:#0736f2}.editor-toolbar{position:absolute;top:14px;right:14px;width:326px;max-height:calc(100% - 28px);padding:12px;color:#101010;background:#f8f8f8f0;border:3px solid #000;box-shadow:5px 5px #0000003d;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,monospace;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;user-select:none}.editor-title{display:block;margin-bottom:10px;font-size:14px;letter-spacing:.12em}.level-details{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:7px;margin-bottom:10px}.level-details input{min-width:0;height:32px;padding:5px 7px;background:#fff;border:2px solid #777;border-radius:0;font:700 11px/1 ui-monospace,Cascadia Mono,monospace}.level-details input:focus{border-color:#000;outline:2px solid #ffd400}.editor-context{border-top:2px solid #b8b8b8}.editor-context-title{display:block;padding:8px 2px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.editor-context-body{min-width:0}.option-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.option-grid.two-options{grid-template-columns:repeat(2,minmax(0,1fr))}.context-option{position:relative;display:grid;min-width:0;min-height:54px;padding:4px;place-items:center;gap:3px;background:#d9d9d9;border:2px solid #777;font:700 9px/1.1 ui-monospace,Cascadia Mono,monospace;cursor:pointer;text-transform:capitalize}.context-shortcut,.category-shortcut{color:#fff;background:#111;border:1px solid #000;border-radius:0;font:800 8px/1 ui-monospace,monospace}.context-shortcut{position:absolute;top:2px;right:2px;min-width:15px;padding:2px;text-align:center}.context-option:hover{background:#fff;border-color:#000}.context-option.selected{background:#fff4a8;border-color:#000;box-shadow:inset 0 0 0 2px #ffd400}.context-option-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-sections{display:grid;gap:4px}.palette-section{border-top:2px solid #b8b8b8}.palette-section summary{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 5px;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.palette-section.active-category summary{color:#000;background:#fff4a8}.category-shortcut{padding:2px 4px}.entity-option-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding-bottom:7px}.entity-option-grid .context-option{aspect-ratio:1;min-height:0}.entity-option-grid .context-option-label{display:none}.entity-none{width:100%;min-height:34px;margin-bottom:4px}.tool-swatch{position:relative;display:block;width:38px;height:38px;background:var(--tile-main);border:3px solid #000}.tool-swatch:before{position:absolute;right:0;bottom:0;left:0;height:5px;background:var(--tile-shade);content:""}.tool-image{display:block;width:38px;height:38px;image-rendering:pixelated}[data-color=white]{--tile-main: #f8f8f8;--tile-shade: #d4c7cb}[data-color=blue]{--tile-main: #006bff;--tile-shade: #0736f2}[data-color=blue][data-locked=true]{--tile-main: #0736f2;--tile-shade: #0736f2}[data-color=red]{--tile-main: #f00;--tile-shade: #d9090c}[data-color=red][data-locked=true]{--tile-main: #d9090c;--tile-shade: #d9090c}[data-color=gold]{--tile-main: #ffd400;--tile-shade: #dc9d00}[data-color=black]{--tile-main: #151515;--tile-shade: #000}.spawn-swatch:after{position:absolute;top:8px;left:8px;width:5px;height:13px;background:var(--spawn-color);box-shadow:16px 0 var(--spawn-color);content:""}.spawn-swatch[data-spawn=blue]{--spawn-color: #006bff}.spawn-swatch[data-spawn=red]{--spawn-color: #f00}.eraser-note{margin:0;padding:8px;background:#eee;border:2px dashed #777;font-size:10px;line-height:1.4}.editor-hint{margin:10px 0;color:#555;font-size:11px;line-height:1.35}.editor-actions,.editor-file-actions{display:flex;gap:7px}.editor-file-actions{margin-top:7px}.editor-actions button,.editor-file-actions button{flex:1;min-height:34px;padding:6px 8px;color:#fff;background:#111;border:2px solid #000;font:700 12px/1 ui-monospace,Cascadia Mono,monospace;cursor:pointer}.editor-actions button:hover,.editor-file-actions button:hover{color:#000;background:#ffd400}.editor-status{display:block;margin-top:8px;color:#555;font-size:10px}.editor-status[data-error=true]{color:#b00020}.editor-toolbar[data-mode=play]{width:190px;overflow:visible}.editor-tool-dock{position:absolute;bottom:16px;left:50%;display:flex;gap:6px;padding:7px;background:#f8f8f8f0;border:3px solid #000;box-shadow:5px 5px #0000003d;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,monospace;transform:translate(-50%);-webkit-user-select:none;user-select:none}.editor-tool-button{display:grid;grid-template-areas:"key label" "key chord";grid-template-columns:36px minmax(54px,auto);min-height:46px;padding:4px 7px 4px 4px;color:#111;background:#d9d9d9;border:2px solid #777;text-align:left;cursor:pointer}.editor-tool-button:hover{background:#fff;border-color:#000}.editor-tool-button.selected{background:#fff4a8;border-color:#000;box-shadow:inset 0 0 0 2px #ffd400}.editor-tool-icon{grid-area:key;align-self:center;width:32px;height:32px;image-rendering:pixelated}.editor-tool-button strong{grid-area:label;align-self:end;font-size:11px;text-transform:uppercase}.editor-tool-button small{grid-area:chord;color:#555;font-size:8px;font-weight:900}.gameplay-hud{position:absolute;top:14px;left:14px;min-width:124px;color:#101010;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,monospace;pointer-events:none;-webkit-user-select:none;user-select:none}.gameplay-hud-title{display:inline-block;margin-bottom:7px;padding:4px 7px;background:#ffd400;border:2px solid #000;box-shadow:3px 3px #00000038;font-size:11px;letter-spacing:.1em}.gameplay-hud-row{display:grid;grid-template-columns:32px 72px minmax(32px,auto);align-items:center;gap:5px;margin-top:4px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hud-icon{display:block;width:32px;height:32px;image-rendering:pixelated}.hud-label{text-shadow:-1px -1px 0 #d9d9d9,1px -1px 0 #d9d9d9,-1px 1px 0 #d9d9d9,1px 1px 0 #d9d9d9}.hud-value{display:inline-grid;min-width:32px;min-height:25px;padding:3px 6px;color:#fff;background:#111;border:2px solid #000;place-items:center;font-size:13px;line-height:1}[hidden]{display:none!important}@media(max-width:700px),(max-height:580px){.level-library{top:8px;left:8px;width:220px;padding:7px}.editor-toolbar{top:8px;right:8px;width:260px;max-height:calc(100% - 16px);padding:8px}.editor-title{display:none}.entity-option-grid{gap:3px}.tool-swatch,.tool-image{width:27px;height:27px}.tool-swatch{border-width:2px}.editor-status{display:none}.editor-tool-dock{bottom:8px;gap:3px;padding:4px}.editor-tool-button{grid-template-areas:"key" "label";grid-template-columns:42px;min-height:42px;padding:3px;place-items:center;text-align:center}.editor-tool-button small{display:none}.gameplay-hud{top:8px;left:8px}}