:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f2f2;--accent:#e0a458;--panel:#2b2e3b;background:#1d1f27;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}body{position:fixed;inset:0}.game{max-width:560px;height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;gap:10px;margin:0 auto;display:flex}.hud{font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:1.1rem;display:flex}.hud-warning{color:#ff7b7b;font-weight:600}button.attention{background:var(--accent);color:#1d1f27;font-weight:600}#level-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hint{background:var(--panel);border-radius:8px;margin:0;padding:8px 12px;font-size:.95rem;line-height:1.35}.hint-faded{visibility:hidden;opacity:0;transition:opacity .3s,visibility 0s linear .3s}.message{background:#5a2f33;border-radius:8px;margin:0;padding:8px 12px;font-size:.95rem}.board-area{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}#board{border-radius:6px;display:block}.win-panel{background:#1d1f27f0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.message{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.message button{flex:none;min-height:40px;padding:8px 14px;font-size:.95rem}.win-detail{text-align:center;opacity:.9;margin:0;font-size:1.05rem}.win-text{text-align:center;margin:0;font-size:1.4rem}.controls{gap:12px;display:flex}button{background:var(--panel);min-height:52px;color:inherit;font:inherit;cursor:pointer;border:0;border-radius:10px;flex:1;padding:12px 20px;font-size:1.05rem}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.win-panel button{background:var(--accent);color:#1d1f27;flex:none;font-weight:600}.win-scores{justify-content:center;gap:18px;padding:0 12px;display:flex}.score{flex-direction:column;align-items:center;min-width:64px;display:flex}.score-value{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700;line-height:1.1}.score-label{opacity:.8;text-align:center;max-width:96px;font-size:.8rem}.win-buttons{flex-direction:column;align-items:stretch;gap:10px;width:min(300px,100% - 32px);display:flex}.win-buttons button{width:100%}.win-panel button.big{min-height:64px;font-size:1.2rem}.win-panel button.quiet{min-height:40px;color:inherit;background:0 0;font-weight:400;text-decoration:underline}.win-panel button.secondary{background:var(--panel);color:inherit}.panel-buttons{flex-wrap:wrap;justify-content:center;gap:12px;padding:0 12px;display:flex}.dev-info{opacity:.6;text-align:center;margin:0;font-size:.8rem}.icon-button{flex:none;place-items:center;width:44px;min-height:44px;padding:0;display:grid}.dpad{--dpad-size:64px;grid-template-columns:1fr var(--dpad-size) 1fr;grid-template-rows:repeat(2, var(--dpad-size));flex:none;gap:5px;display:grid}.dpad button{place-items:center;min-height:0;padding:0;display:grid}.dpad button[data-direction]{width:var(--dpad-size)}.dpad #undo-button{grid-area:1/1}.dpad #restart-button{grid-area:1/3}.dpad svg{width:28px;height:28px}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1;justify-self:end}.dpad-left svg{transform:rotate(-90deg)}.dpad-right{grid-area:2/3;justify-self:start}.dpad-right svg{transform:rotate(90deg)}.dpad-down{grid-area:2/2}.dpad-down svg{transform:rotate(180deg)}@media (max-height:700px){.dpad{--dpad-size:54px}}.settings{background:var(--panel);width:min(360px,100vw - 32px);color:inherit;border:0;border-radius:14px;padding:20px}.settings::backdrop{background:#0009}.settings h2{margin:0 0 12px;font-size:1.2rem}.settings fieldset{border:1px solid #444a5e;border-radius:10px;margin:0 0 12px;padding:8px 12px 4px}.settings label{align-items:center;gap:10px;min-height:44px;font-size:1.05rem;display:flex}.settings input{width:22px;height:22px;accent-color:var(--accent);margin:0}.settings-note a{color:#6cb4ee}.settings-note{opacity:.75;margin:8px 0 16px;font-size:.85rem}.settings #settings-close{background:var(--accent);color:#1d1f27;width:100%;font-weight:600}.editor-status{color:#ffb37b;height:2.6em;margin:0;font-size:.95rem;line-height:1.3;overflow:hidden}.editor-status.ready{color:#7bd88f}.editor-tools,.editor-actions{flex:none;gap:6px;display:flex}.editor-tools button{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:60px;padding:6px 2px;font-size:.8rem;display:flex}.editor-tools button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:-3px}.editor-actions button{min-height:48px;padding:6px 2px;font-size:.9rem}button.primary{background:var(--accent);color:#1d1f27;font-weight:600}button.locked{opacity:.45}.swatch{border-radius:3px;width:24px;height:24px;display:block}.swatch-wall{background:#565c74}.swatch-floor{border:2px dashed #8a90a6}.swatch-box{background:#e0a458;border:3px solid #a8723a}.swatch-goal{border:3px solid #7bd88f;width:18px;height:18px;margin:3px}.swatch-player{background:#6cb4ee;border-radius:50%}.publish-status,.publish-line{margin:0 0 10px}.publish-progress{width:100%;height:10px;accent-color:var(--accent);margin:0 0 12px}.publish-line.warning{color:#ffb37b;font-weight:600}.publish-link{width:100%;color:inherit;font:inherit;-webkit-user-select:text;user-select:text;background:#1d1f27;border:1px solid #444a5e;border-radius:8px;margin:0 0 8px;padding:10px;font-size:.85rem}#publish-dialog .panel-buttons{padding:0}#publish-dialog .panel-buttons button{flex:1}