:root{--bg:#d9d9d9;--face:silver;--hi:#fff;--lo:gray;--ink:#111;--muted:#555;--open:#c6c6c6;--grid:#8a8a8a;--led-bg:#120000;--led:#ff2a1a;--accent:#1f5fd1;--ad:#148a3b;--boom:#ff3b30;--n1:#00f;--n2:#007b00;--n3:red;--n4:#00007b;--n5:#7b0000;--n6:#007b7b;--n7:#000;--n8:#7b7b7b;--cell:28px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15181d;--face:#39404b;--hi:#58606d;--lo:#15171b;--ink:#eef0f4;--muted:#a2a9b5;--open:#1c2026;--grid:#343a44;--accent:#6ea0ff;--ad:#2fbf63;--n1:#6ea8ff;--n2:#5fd07a;--n3:#ff6b6b;--n4:#b18cff;--n5:#ffa45c;--n6:#4fd6d6;--n7:#f0f0f0;--n8:#9aa3ad}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--ink);touch-action:manipulation;-webkit-text-size-adjust:100%;margin:0;font:15px/1.4 -apple-system,Segoe UI,Roboto,system-ui,sans-serif}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}#app{flex-direction:column;align-items:center;gap:8px;max-width:100%;margin:0 auto;padding:10px 10px 16px;display:flex}.top{align-items:center;gap:8px;width:100%;max-width:640px;display:flex}.title{letter-spacing:.2px;margin:0 auto 0 0;font-size:20px}select,.tool,.btn,input{font:inherit;color:var(--ink)}select{background:var(--face);border:2px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);border-radius:0;min-height:36px;padding:5px 6px}.bevel-out,.tool,.btn,.face{border:2px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);background:var(--face)}.tool,.btn{cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:4px;min-width:36px;min-height:36px;padding:4px 10px;display:inline-flex}.tool:active,.btn:active,.face:active{border-color:var(--lo) var(--hi) var(--hi) var(--lo)}.tool:focus-visible,.btn:focus-visible,.face:focus-visible,select:focus-visible,.board:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool svg,.btn svg{fill:currentColor;width:16px;height:16px}.tool:disabled,.btn:disabled{opacity:.5;cursor:default}.ad{color:#fff;background:var(--ad);font-weight:600}.btn.primary{font-weight:700}.mode .mode-flag,.mode[aria-pressed=true] .mode-reveal{display:none}.mode[aria-pressed=true] .mode-flag{display:inline}.mode[aria-pressed=true]{border-color:var(--lo) var(--hi) var(--hi) var(--lo)}.frame{border:3px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);background:var(--face);flex-direction:column;gap:8px;max-width:100%;padding:8px;display:flex;position:relative}.status{border:2px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;display:flex}.led{background:var(--led-bg);color:var(--led);text-align:center;letter-spacing:1px;text-shadow:0 0 6px #ff281480;min-width:3.4ch;padding:3px 4px;font:700 26px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.face{cursor:pointer;width:42px;height:42px;padding:0;font-size:24px;line-height:1}.tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spacer{flex:1}.scroller{border:3px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);touch-action:pan-x pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-width:calc(100vw - 32px);max-height:calc(100dvh - 210px);overflow:auto}.board{grid-template-columns:repeat(var(--cols), var(--cell));grid-auto-rows:var(--cell);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:max-content;font:700 calc(var(--cell) * .62) / 1 ui-monospace, "SF Mono", Menlo, Consolas, monospace;outline:none;display:grid}.row{display:contents}.c{width:var(--cell);height:var(--cell);border:calc(max(2px, var(--cell) * .1)) solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);background:var(--face) center / 62% no-repeat;cursor:default;justify-content:center;align-items:center;display:flex}.c.o,.c.press{border:0;border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);background-color:var(--open)}.c.cur{outline:2px solid var(--accent);outline-offset:-3px;z-index:1;position:relative}.board:not(:focus-visible) .c.cur{outline:none}.n1{color:var(--n1)}.n2{color:var(--n2)}.n3{color:var(--n3)}.n4{color:var(--n4)}.n5{color:var(--n5)}.n6{color:var(--n6)}.n7{color:var(--n7)}.n8{color:var(--n8)}.c.f{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v9' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M8.6 2L3 5l5.6 3z' fill='%23e00'/%3E%3Cpath d='M4 12.5h8V14H4zM6 11h4v1.6H6z' fill='%23000'/%3E%3C/svg%3E")}.c.q:after{content:"?";color:var(--ink)}.c.m{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M8 1.5v13M1.5 8h13M3.4 3.4l9.2 9.2M12.6 3.4l-9.2 9.2'/%3E%3C/g%3E%3Ccircle cx='8' cy='8' r='4.6'/%3E%3Ccircle cx='6.5' cy='6.5' r='1.3' fill='%23fff'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){.c.o.m,.c.o.x{background-color:#8c939e}.c.f{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v9' stroke='%23eee' stroke-width='1.6'/%3E%3Cpath d='M8.6 2L3 5l5.6 3z' fill='%23ff4a3d'/%3E%3Cpath d='M4 12.5h8V14H4zM6 11h4v1.6H6z' fill='%23eee'/%3E%3C/svg%3E")}}.c.boom{background-color:var(--boom)!important}.c.x{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M8 1.5v13M1.5 8h13M3.4 3.4l9.2 9.2M12.6 3.4l-9.2 9.2'/%3E%3C/g%3E%3Ccircle cx='8' cy='8' r='4.6'/%3E%3Cpath d='M2 2l12 12M14 2L2 14' stroke='%23e00' stroke-width='2'/%3E%3C/svg%3E")}.c.hint{animation:.9s ease-out 2 hint}@keyframes hint{0%{box-shadow:inset 0 0 0 999px #ffd600bf}to{box-shadow:inset 0 0 0 999px #ffd60000}}.result{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:6px 4px 2px;display:flex}.result p{margin:0;font-weight:600}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.best-line,.muted{color:var(--muted);text-align:center;margin:0;font-size:13px}.toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));color:#fff;opacity:0;pointer-events:none;text-align:center;background:#000000d1;border-radius:99px;max-width:calc(100vw - 32px);margin:0;padding:6px 14px;font-size:14px;transition:opacity .25s;position:fixed;transform:translate(-50%)}.toast.show{opacity:1}.dialog{border:3px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);background:var(--face);color:var(--ink);max-width:min(440px,100vw - 24px);max-height:calc(100dvh - 24px);padding:14px 16px}.dialog::backdrop{background:#00000073}.dialog h2{margin:0 0 8px;font-size:17px}.dialog h2+*{margin-top:0}.fields{flex-wrap:wrap;gap:10px;display:flex}.fields label{flex-direction:column;gap:2px;font-size:13px;display:flex}.fields input{border:2px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);background:var(--bg);width:84px;padding:6px;font-size:16px}.error{color:var(--boom);min-height:1.4em;margin:6px 0;font-size:13px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.bests{border-collapse:collapse;margin-bottom:6px}.bests td{padding:2px 14px 2px 0}.bests td:last-child{font-variant-numeric:tabular-nums;font-weight:700}.check{align-items:center;gap:8px;margin:10px 0 14px;display:flex}.help{margin:0;padding-left:18px;font-size:14px}.help li+li{margin-top:4px}.fake-ad{z-index:100;color:#fff;background:#000000d9;justify-content:center;align-items:center;font-size:22px;display:flex;position:fixed;inset:0}@media (width<=420px){#app{padding:6px 2px 12px}.title{font-size:17px}.frame{gap:6px;padding:4px}.scroller{max-width:calc(100vw - 18px)}.tool{padding:4px 8px}}