:root{--bg: #6b6b6b;--face: #c0c0c0;--light: #ffffff;--shadow: #808080;--ink: #000000;--muted: #3d3d3d;--title: #000080;--title-ink: #ffffff;--accent: #ffd64d;--accent-ink: #000000;--good: #006a00;--bad: #b00000;--warn: #8a5300;--led-on: #ff0000;--led-bg: #000000;--paper: #d4d4d4;--gutter: 16px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #121212;--face: #3a3f47;--light: #565c66;--shadow: #23262b;--ink: #e0e0e0;--muted: #b6bac2;--title: #1f2a66;--title-ink: #ffffff;--accent: #f2c94c;--accent-ink: #000000;--good: #7ce38b;--bad: #ff8a80;--warn: #ffb86b;--led-on: #ff3b30;--paper: #1e2126}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100dvh;-webkit-text-size-adjust:100%}#app{min-height:100dvh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:8px var(--gutter) 24px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.boot{display:flex;gap:12px;align-items:center;justify-content:center;min-height:60vh;color:#fff;font-weight:600}.boot.error{color:#fff;text-align:center;padding:var(--gutter)}.spinner{width:18px;height:18px;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}*{scroll-behavior:auto!important}}.topbar{background:var(--title);color:var(--title-ink);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px var(--gutter);padding-top:max(6px,env(safe-area-inset-top))}.topbar nav{display:flex;gap:8px;align-items:center}.brand{color:inherit;text-decoration:none;font-weight:800;letter-spacing:.02em;display:inline-flex;gap:8px;align-items:center}.brand:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.topbar select{background:var(--face);color:var(--ink);border:2px solid var(--shadow);padding:4px 6px;max-width:42vw;font:inherit;font-size:14px}.footer{text-align:center;color:#fff;opacity:.85;padding:16px;font-size:14px}.card,.hud,.btn,.chip,.store-badge{background:var(--face);color:var(--ink);border:2px solid;border-color:var(--light) var(--shadow) var(--shadow) var(--light)}.card{padding:12px 14px;margin:12px 0}.card h2,.card h3{margin:0 0 8px}.note{color:var(--muted);font-size:14px;margin:6px 0}.btn,.chip{font:inherit;font-size:15px;padding:8px 12px;min-height:40px;cursor:pointer;border-radius:0;touch-action:manipulation}.btn:active:not(:disabled),.chip[aria-checked=true],.btn[aria-pressed=true]{border-color:var(--shadow) var(--light) var(--light) var(--shadow)}.chip[aria-checked=true],.btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:700}.btn.primary{background:var(--title);color:var(--title-ink);font-weight:700}.btn.quiet{background:transparent;border-color:transparent;color:inherit;text-decoration:underline}.topbar .btn.quiet{color:var(--title-ink)}.btn:disabled{opacity:.5;cursor:default}.btn-row,.chip-row,.chips-static{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}a.btn{text-decoration:none;display:inline-flex;align-items:center}.badge{display:inline-block;padding:2px 8px;font-size:13px;font-weight:700;background:var(--paper);border:1px solid var(--shadow)}.badge.good{color:var(--good)}.badge.bad{color:var(--bad)}.badge.warn{color:var(--warn)}.setup{display:grid;gap:0;padding-top:8px;justify-items:center}.zoom-group{display:inline-flex;gap:8px}.custom-form{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:6px 0}.field{display:grid;gap:2px;font-size:13px;color:#fff}.field input{width:76px;padding:8px;font:inherit;background:var(--paper);color:var(--ink);border:2px solid var(--shadow)}.form-msg{color:#ffd0cc;margin:0;flex-basis:100%;min-height:1.2em;font-size:14px}.play-area{display:flex;flex-direction:column;align-items:center}.hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;width:min(100%,520px);margin-bottom:8px}.led{background:var(--led-bg);color:var(--led-on);font:700 28px/1 Courier New,ui-monospace,monospace;padding:4px 8px;min-width:76px;text-align:center;border:2px solid;border-color:var(--shadow) var(--light) var(--light) var(--shadow);letter-spacing:2px;text-shadow:0 0 6px color-mix(in srgb,var(--led-on) 60%,transparent)}.face{width:52px;height:52px;padding:4px;background:var(--face);border:3px solid;border-color:var(--light) var(--shadow) var(--shadow) var(--light);cursor:pointer}.face:active{border-color:var(--shadow) var(--light) var(--light) var(--shadow)}.face svg{width:100%;height:100%;display:block}.board-wrap{position:relative;max-width:100%}.board-scroll{max-width:100%;max-height:66vh;overflow:auto;border:4px solid;border-color:var(--shadow) var(--light) var(--light) var(--shadow);background:var(--face);width:fit-content;margin:0 auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.board-canvas{display:block;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.board-scroll.busy{opacity:.6}.gen-overlay{position:absolute;inset:0;display:flex;gap:10px;align-items:center;justify-content:center;font-weight:700;background:color-mix(in srgb,var(--face) 70%,transparent)}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 4px}.kb-help{color:#fff;opacity:.8;font-size:13px;text-align:center;margin:6px 0}.result-slot,.hint-card{width:min(100%,620px)}.hint-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hint-head h3{margin:0;font-size:17px}.steps{margin:8px 0;padding-left:22px}.upsell{border-top:1px solid var(--shadow);margin-top:8px;padding-top:8px}.banner-slot{width:min(100%,620px);margin:8px auto 0}.app-banner{background:var(--paper);color:var(--ink);border:2px dashed var(--shadow);padding:10px 12px;display:grid;gap:6px}.app-banner p{margin:0}.store-badges{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.store-badge{display:inline-flex;flex-direction:column;text-decoration:none;padding:6px 14px;min-width:150px;background:#000;color:#fff;border:1px solid #888;border-radius:8px}.store-kicker{font-size:10px;letter-spacing:.04em;text-transform:uppercase;opacity:.9}.store-name{font-size:18px;font-weight:700;line-height:1.1}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px 14px;margin:8px 0}.stat-grid.live{grid-template-columns:auto 1fr;gap:4px 12px}.stat dt,.stat-grid.live dt{font-size:12px;color:var(--muted)}.stat dd,.stat-grid.live dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.stat-grid.live dd{text-align:right}.replay-head h2{margin:12px 0 4px;color:#fff}.replay-head .chips-static{margin-top:4px}.replay-layout{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.replay-main{min-width:0}.transport{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.transport .seek{flex:1 1 160px;min-width:120px;height:28px;accent-color:var(--title)}.timeline{position:relative;height:34px;margin:8px 6px;background:var(--paper);border:1px solid var(--shadow)}.tick{position:absolute;top:3px;bottom:3px;width:4px;margin-left:-2px;padding:0;border:0;cursor:pointer;min-height:0}.tick.deduced{background:#2e9e4a;top:14px}.tick.guess{background:#e0a000;top:8px}.tick.mistake{background:#d62d2d;top:2px}.tick:focus-visible{outline:3px solid var(--accent)}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);pointer-events:none}.move-detail{margin:8px 0 0;background:var(--paper)}.error-card{margin-top:24px}.cta{margin-top:16px}.summary{margin:0 0 4px;color:var(--muted);font-size:14px}.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;background:#000;color:#fff;padding:10px 16px;border-radius:6px;max-width:min(90vw,460px);text-align:center;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%)}dialog.stats-dialog{background:var(--face);color:var(--ink);border:3px solid;border-color:var(--light) var(--shadow) var(--shadow) var(--light);max-width:min(560px,94vw);width:100%;padding:16px}dialog::backdrop{background:#0000008c}.stats-table{width:100%;border-collapse:collapse;font-size:14px}.stats-table th,.stats-table td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--shadow)}.recent{padding-left:18px;font-size:14px}.recent a{color:var(--title)}@media(prefers-color-scheme:dark){.recent a{color:#8ab4ff}}@media(min-width:900px){.replay-layout{grid-template-columns:minmax(0,1fr) 340px}.board-scroll{max-height:72vh}}@media(max-width:480px){:root{--gutter: 12px}.led{font-size:24px;min-width:66px}.btn,.chip{font-size:14px;padding:8px 10px}}