:root{--bg: #0a0d15;--board: #0c101b;--panel: #121826;--panel2: #182134;--line: #263349;--ink: #e6ecf5;--ink-dim: #8d9cb3;--accent: #f4b452;--accent-ink: #20180a;--accent-dim: #8a6a34;--danger: #ef5b5b;--ok: #4cbf77;--tgl-bg: #3d2f1a;--tgl-line: #f4b452;--tgl-ink: #f7cd85;--overlay: rgba(5, 8, 14, .74);--disp: "Chakra Petch", monospace}[data-theme=blueprint]{--bg: #081a2c;--board: #0d2740;--panel: #0f2a44;--panel2: #143253;--line: #24486b;--ink: #e8f1f6;--ink-dim: #8fb0c6;--accent: #e8f1f6;--accent-ink: #0d2740;--accent-dim: #4f7ba0;--danger: #ff7a7a;--ok: #63d39c;--tgl-bg: #1c3f61;--tgl-line: #e8f1f6;--tgl-ink: #e8f1f6;--overlay: rgba(4, 15, 27, .76);--disp: "IBM Plex Mono", monospace}[data-theme=tabletop]{--bg: #e7dcc5;--board: #ede2cc;--panel: #f7f1e2;--panel2: #fdf8ee;--line: #d8c8a6;--ink: #3a3226;--ink-dim: #7a6a52;--accent: #e0862e;--accent-ink: #2b1a05;--accent-dim: #c9a061;--danger: #c43a31;--ok: #3d7d4f;--tgl-bg: #fbe9d2;--tgl-line: #e0862e;--tgl-ink: #a35b12;--overlay: rgba(72, 56, 30, .5);--disp: "Fredoka", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior-y:none;transition:background-color .25s ease,color .25s ease}body{min-height:100dvh}button,.chip,#board,header,.lvlbar{-webkit-user-select:none;user-select:none;touch-action:manipulation}#board{touch-action:none}input,textarea{font-size:16px}.wrap{max-width:560px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px))}header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}h1{font-family:var(--disp);font-weight:700;font-size:24px;letter-spacing:2px;margin:0;color:var(--accent);text-transform:uppercase}[data-theme=blueprint] h1{font-weight:600}h1 .dot{color:var(--ink-dim);font-size:13px;letter-spacing:.5px;text-transform:none;font-weight:500;display:block;margin-top:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.hdr-btns{display:flex;align-items:center;flex:none;margin:-6px -8px 0 0}.themes{display:flex;gap:0;flex:none}.soundbtn{width:44px;height:44px;min-height:44px;padding:0;margin:0;background:none;border:none;box-shadow:none;border-radius:50%;font-size:19px;line-height:1}.soundbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.themebtn{width:44px;height:44px;padding:0;margin:0;border:9px solid transparent;cursor:pointer;border-radius:50%;background-clip:content-box!important;box-shadow:none}.themebtn[data-settheme=lantern]{background:linear-gradient(135deg,#0e1220 50%,#f4b452 50%)}.themebtn[data-settheme=blueprint]{background:linear-gradient(135deg,#0d2740 50%,#e8f1f6 50%)}.themebtn[data-settheme=tabletop]{background:linear-gradient(135deg,#ede2cc 50%,#e0862e 50%)}.themebtn.on{box-shadow:0 0 0 2px var(--accent)}[data-theme=tabletop] .themebtn{box-shadow:inset 0 0 0 1px #0000002e}[data-theme=tabletop] .themebtn.on{box-shadow:inset 0 0 0 1px #0000002e,0 0 0 2px var(--accent)}.themebtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lvlbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.lvlbar>#prevLvl,.lvlbar>#nextLvl{width:44px;height:44px;font-size:20px;flex:none;padding:0 0 3px;display:flex;align-items:center;justify-content:center;line-height:1}.lvlname{flex:1;text-align:center;font-family:var(--disp);font-size:15px;letter-spacing:1px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 6px;cursor:pointer}.lvlname:hover:not(:disabled){border-color:var(--accent-dim)}.lvlname:disabled{cursor:default;opacity:.85}.lvlname:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.lvlname small,.credit{display:block;color:var(--ink-dim);font-size:11px;letter-spacing:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.credit a{color:inherit;text-decoration:underline}#board{display:block;width:100%;touch-action:none;border-radius:14px;border:1px solid var(--line);background:var(--board)}[data-theme=tabletop] #board{box-shadow:0 2px 10px #5a462824}#board.crashed{animation:shake .3s ease}@keyframes shake{20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}90%{transform:translate(2px)}}.controls{display:flex;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap}button{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:14px;font-family:inherit;cursor:pointer;min-height:44px}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700;font-family:var(--disp);letter-spacing:1px;text-transform:uppercase;padding:11px 22px;font-size:15px}button.toggled{background:var(--tgl-bg);border-color:var(--tgl-line);color:var(--tgl-ink)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-theme=blueprint] button:focus-visible{outline-color:#ffd97a}.speed{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--ink-dim);font-size:13px}input[type=range]{width:90px;accent-color:var(--accent)}[data-theme=blueprint] input[type=range]{accent-color:#8fb0c6}.status{margin-top:12px;min-height:22px;font-size:14px;color:var(--ink-dim)}.status.bad{color:var(--danger);font-weight:600}.status.good{color:var(--ok);font-weight:600}.hint{margin-top:6px;font-size:13px;color:var(--ink-dim);line-height:1.45;border-left:3px solid var(--accent-dim);padding-left:10px}.overlay{position:fixed;inset:0;background:var(--overlay);display:none;align-items:center;justify-content:center;z-index:10}.overlay.show{display:flex}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 32px 26px;text-align:center;max-width:300px;border-top:4px solid var(--accent);box-shadow:0 18px 50px #00000059}.overlay.show .card{animation:pop .4s cubic-bezier(.2,1.5,.4,1)}@keyframes pop{0%{transform:scale(.86) translateY(8px);opacity:0}}.card h2{font-family:var(--disp);color:var(--accent);margin:0 0 8px;letter-spacing:2px;text-transform:uppercase}[data-theme=tabletop] .card h2{color:var(--tgl-ink)}.card p{color:var(--ink-dim);margin:0 0 18px}.card.picker{max-width:440px;width:calc(100vw - 28px);text-align:left;padding:18px 18px 14px;max-height:85dvh;display:flex;flex-direction:column}.picker-head,.help-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.picker-head h2,.help-head h2{margin:0}.modal-close{width:36px;height:36px;min-height:36px;flex:none;display:grid;place-items:center;padding:0;line-height:1;font-size:15px;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:8px;cursor:pointer}.win-close{position:absolute;top:10px;right:10px}#winOverlay .card h2{padding:0 14px}#winOverlay p.credit{margin:-10px 0 16px}#winOverlay .card{max-width:340px}.picker-list{overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}.picker-group h3{font-family:var(--disp);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--accent-dim);margin:14px 0 6px}[data-theme=tabletop] .picker-group h3{color:var(--accent)}.picker-group:first-child h3{margin-top:2px}.lvl-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-bottom:6px;font-size:14px;cursor:pointer}.lvl-item:hover{border-color:var(--accent-dim)}.lvl-item.current{border-color:var(--accent)}.lvl-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.lvl-num{color:var(--ink-dim);font-variant-numeric:tabular-nums;min-width:22px;text-align:right}.lvl-nm{flex:1}.lvl-stars{color:var(--accent);letter-spacing:1px;font-size:12px;flex:none}.lvl-solved{color:var(--ok);font-weight:700;flex:none}.picker-foot{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.picker-foot>button{flex:1;white-space:nowrap}.card .picker-credit{margin:12px 0 2px;text-align:center}#winStats{font-family:var(--disp);font-size:18px;letter-spacing:1px;color:var(--ink);margin:0 0 4px}#winCompare{font-size:13px;margin:0 0 18px}.win-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.win-actions>button:not(:only-child){flex:1;white-space:nowrap}.lvl-best{color:var(--ink-dim);font-size:12px;font-variant-numeric:tabular-nums;flex:none}.sol-list{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:70dvh;display:flex;flex-direction:column;gap:8px;margin:4px -4px 0;padding:0 4px}.sol-row{display:flex;gap:6px;align-items:center}.sol-row .sol-label{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.help{max-width:520px;width:calc(100vw - 28px);text-align:left;padding:18px 18px 14px;max-height:85dvh;display:flex;flex-direction:column}.help-body{overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px;font-size:13px;line-height:1.55}.help-body p{margin:0 0 14px}.help-body p.credit{margin:4px 0 2px}.editorbar{margin-top:12px;display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.editorbar[hidden]{display:none}.elabel{font-family:var(--disp);font-size:11px;letter-spacing:2px;color:var(--ink-dim);text-transform:uppercase;margin-bottom:-4px}.toolrow{display:flex;gap:6px;flex-wrap:wrap}.toolrow button.sel{background:var(--tgl-bg);border-color:var(--accent);color:var(--tgl-ink);font-weight:600}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{width:32px;height:32px;min-height:32px;border-radius:50%;border:2px solid rgba(0,0,0,.5);cursor:pointer;padding:0}.chip[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.editorbar input[type=text]{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:16px;width:100%}.editorbar textarea{width:100%;min-height:90px;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;font-family:monospace;font-size:16px;padding:8px}#savedLevels{display:flex;flex-direction:column;gap:8px}.saved-row{display:flex;gap:6px;align-items:center}.saved-row .saved-name{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insp{display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--line);padding-top:12px}.insp .row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px}.insp .row button[aria-pressed=true]{background:var(--tgl-bg);border-color:var(--tgl-line);color:var(--tgl-ink)}.insp .row button[aria-pressed=false]{opacity:.55}.small{font-size:12px;color:var(--ink-dim)}body.editing #runBtn,body.editing #eraseBtn,body.editing #clearBtn,body.editing .speed{display:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}