:root{color:#14213d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#14213d;--paper:#f8faff;--blue:#2457d6;--amber:#f4b942;--slate:#64748b;--grid-line:#c3cede;--cell-size:clamp(14px, calc((100vw - 110px) / 16), 32px);background:#e9eef7;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.workspace{width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:22px 32px 26px}.brand{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.brand__eyebrow,.brand__phase,.editor__label,.editor__dimensions,.status__label{color:var(--slate);letter-spacing:.11em;text-transform:uppercase;margin:0;font-family:Consolas,Courier New,monospace;font-size:.7rem;font-weight:700}h1{color:var(--ink);letter-spacing:-.065em;margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:.85}h1 span{color:var(--blue)}.brand__phase{color:var(--blue);padding-bottom:2px}.editor{border:3px solid var(--ink);background:var(--paper);box-shadow:9px 9px 0 var(--blue), 15px 15px 0 var(--ink);padding:18px 22px;position:relative}.editor:before,.editor:after{background:var(--amber);content:"";width:13px;height:13px;position:absolute}.editor:before{top:-3px;right:-3px}.editor:after{bottom:-3px;left:-3px}.editor__header{border-bottom:1px solid #b8c2d4;justify-content:space-between;align-items:end;gap:20px;padding-bottom:14px;display:flex}.editor__actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.preset-controls{align-items:center;gap:6px;display:flex}.preset-controls[hidden]{display:none}.preset-controls__label{color:var(--slate);letter-spacing:.08em;text-transform:uppercase;font-family:Consolas,Courier New,monospace;font-size:.65rem;font-weight:700}.preset-controls__select,.preset-button,.file-button{min-height:32px;color:var(--ink);background:var(--paper);font:inherit;border:1px solid #aab5c7;font-size:.75rem;font-weight:700}.preset-controls__select{width:118px;padding:4px 6px}.preset-button{cursor:pointer;min-width:48px;padding:4px 7px}.preset-controls__select:hover,.preset-button:hover:not(:disabled),.file-button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.preset-controls__select:focus-visible,.preset-button:focus-visible,.mode-button:focus-visible,.palette__button:focus-visible,.file-button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.preset-feedback{width:132px;min-width:132px;color:var(--blue);overflow-wrap:anywhere;font-size:.75rem;font-weight:700;line-height:1.35}.mode-button{border:1px solid var(--ink);min-width:78px;min-height:32px;color:var(--paper);background:var(--blue);font:inherit;cursor:pointer;box-shadow:3px 3px 0 var(--ink);padding:6px 13px;font-size:.8rem;font-weight:700}.mode-button:hover:not(:disabled){background:var(--ink)}.preset-button:disabled,.mode-button:disabled{color:#59667a;cursor:not-allowed;box-shadow:none;background:#e0e6ef;border-color:#aab5c7}.mode-button--back{min-width:126px}h2{color:var(--ink);margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;line-height:1}.editor__body{grid-template-columns:190px minmax(0,1fr);min-height:424px;display:grid}.palette{border-right:1px solid #b8c2d4;padding:18px 20px 14px 0}h3{color:var(--ink);margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.05rem}.palette__tools{gap:5px;margin-top:15px;display:grid}.palette__button{min-height:42px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#f8faff;border:1px solid #b8c2d4;grid-template-columns:22px 1fr;align-items:center;gap:10px;padding:7px 10px;font-size:.82rem;font-weight:700;display:grid}.palette__button:hover{border-color:var(--blue)}.palette__button--selected{border-color:var(--ink);box-shadow:3px 3px 0 var(--blue);background:#e8efff}.palette__swatch{border:1px solid var(--ink);background:#f1f5fb;width:22px;height:22px;position:relative;overflow:hidden}.grid-stage{place-items:center;min-height:424px;padding:10px 0 10px 22px;display:grid}.editor-grid{grid-template-columns:repeat(var(--grid-columns), var(--cell-size));grid-template-rows:repeat(var(--grid-rows), var(--cell-size));border:2px solid var(--ink);background:var(--grid-line);width:max-content;box-shadow:inset 0 0 0 5px var(--ink), 6px 6px 0 #d6deec;gap:1px;padding:5px;display:grid}.editor-grid__cell{cursor:crosshair;background:#f1f5fb;border:0;position:relative;overflow:hidden}.editor-grid__cell:hover{z-index:1;outline:3px solid var(--amber);outline-offset:-3px}.editor[data-mode=play]{box-shadow:9px 9px 0 var(--amber), 15px 15px 0 var(--ink)}.editor[data-mode=play] .editor__body{grid-template-columns:1fr}.editor[data-mode=play] .grid-stage{padding-left:0}.editor[data-mode=play] .editor-grid__cell{cursor:default}.editor[data-mode=play] .editor-grid__cell:hover{z-index:auto;outline:none}.runtime-player{z-index:2;border:2px solid var(--paper);background:var(--blue);box-shadow:0 0 0 2px var(--ink), 2px 2px 0 var(--amber);pointer-events:none;position:absolute;inset:20%}.runtime-player:after{background:var(--paper);content:"";position:absolute;inset:31%}.editor-grid__cell--ground,.palette__swatch--ground{background:linear-gradient(#dccb9e 72%,#b99a55 72%)}.editor-grid__cell--wall,.palette__swatch--wall{background:linear-gradient(90deg,#0000 48%,#8da0ba 48% 54%,#0000 54%),repeating-linear-gradient(0deg,#485a75 0 7px,#71839c 7px 9px)}.editor-grid__cell--playerSpawn,.palette__swatch--playerSpawn{background:#dce6ff}.editor-grid__cell--playerSpawn:after,.palette__swatch--playerSpawn:after{border:2px solid var(--blue);background:var(--paper);box-shadow:2px 2px 0 var(--ink);content:"";position:absolute;inset:24%}.editor-grid__cell--coin,.palette__swatch--coin{background:#fff7d6}.editor-grid__cell--coin:after,.palette__swatch--coin:after{background:var(--amber);content:"";border:2px solid #a86f00;border-radius:50%;position:absolute;inset:22%}.editor-grid__cell--hazard,.palette__swatch--hazard{background:#ffe3da}.editor-grid__cell--hazard:after,.palette__swatch--hazard:after{clip-path:polygon(50% 0,100% 100%,0 100%);content:"";background:#c94a3a;position:absolute;inset:19%}.editor-grid__cell--goal,.palette__swatch--goal{background:#dff1e5}.editor-grid__cell--goal:after,.palette__swatch--goal:after{background:linear-gradient(135deg, #46a873 50%, var(--paper) 50%);content:"";border:2px solid #287a52;position:absolute;inset:20%}.palette__swatch--eraser{background:#fff}.palette__swatch--eraser:before,.palette__swatch--eraser:after{background:var(--slate);content:"";width:14px;height:2px;position:absolute;top:9px;left:3px}.palette__swatch--eraser:before{transform:rotate(45deg)}.palette__swatch--eraser:after{transform:rotate(-45deg)}.status{border-top:1px solid #b8c2d4;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding-top:14px;display:grid}.status__marker{background:var(--amber);width:10px;height:10px;box-shadow:3px 3px 0 var(--ink);margin-top:2px}.status__message{color:var(--ink);margin:5px 0 0;font-size:.9rem;font-weight:700;line-height:1.4}.level-file-controls{align-items:center;gap:6px;display:flex}.level-file-controls[hidden]{display:none}.file-button{cursor:pointer;padding:4px 8px}.palette__button:active:not(:disabled),.preset-button:active:not(:disabled),.file-button:active:not(:disabled),.mode-button:active:not(:disabled){filter:brightness(.96);transform:translate(1px,1px)}.palette__button--selected:active:not(:disabled){box-shadow:1px 1px 0 var(--blue)}.mode-button:active:not(:disabled){box-shadow:1px 1px 0 var(--ink)}.level-file-feedback{width:150px;min-width:150px;color:var(--blue);overflow-wrap:anywhere;font-size:.75rem;font-weight:700;line-height:1.35}@media (width<=600px){.workspace{padding:16px 12px 22px}.brand{align-items:start}.brand__phase,.editor__dimensions{text-align:right;max-width:120px}.editor__actions,.preset-controls{flex-wrap:wrap;justify-content:flex-end}.preset-feedback{text-align:right;width:100%;min-width:0}.status{grid-template-columns:auto minmax(0,1fr)}.level-file-controls{flex-wrap:wrap;grid-column:2}.level-file-feedback{width:100%;min-width:0}.editor{box-shadow:6px 6px 0 var(--blue), 10px 10px 0 var(--ink);padding:14px 12px}.editor__body{display:block}.palette{border-bottom:1px solid #b8c2d4;border-right:0;padding:14px 0}.palette__tools{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-stage{min-height:auto;padding:18px 0}}