:root{--bg: #1a1320;--panel: #261a2e;--tile: #3a2944;--tile-hi: #b05f9a;--tile-sel: #d97fbf;--text: #f3e9f0;--muted: #b59ec0;--good: #7fd9a5;--bad: #e07a8a;--accent: #b05f9a}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}#app{max-width:640px;margin:0 auto;padding:16px 14px 40px}header h1{margin:0;font-size:1.9rem;letter-spacing:1px;color:var(--accent)}header .sub{margin:2px 0 14px;color:var(--muted);font-size:.85rem}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.toolbar button,.toolbar select{background:var(--panel);color:var(--text);border:1px solid #4a3556;border-radius:8px;padding:7px 12px;font-size:.9rem;cursor:pointer}.toolbar button:hover{border-color:var(--accent)}.toolbar button.active{background:var(--accent);border-color:var(--accent);color:#1a1320;font-weight:600}.stats{display:flex;gap:18px;margin-bottom:12px;font-size:.95rem}.stats .stat b{color:var(--accent);font-size:1.15rem}.stats .label{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px}#grid{display:grid;gap:6px;margin-bottom:14px}.cell{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:var(--tile);border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;user-select:none;border:2px solid transparent;transition:transform .08s,background .12s,border-color .12s;text-align:center;padding:2px;word-break:break-word;line-height:1.05}.cell.empty{background:transparent;cursor:default;border-color:transparent}.cell:not(.empty):hover{border-color:var(--tile-hi)}.cell.selected{background:var(--tile-sel);color:#1a1320;border-color:#fff;transform:scale(1.05)}.cell.good{animation:pop .3s;background:var(--good);color:#10261b}.cell.bad{animation:shake .3s;border-color:var(--bad)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(.6);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.msg{min-height:1.3em;margin:4px 0 10px;font-size:.95rem;color:var(--muted)}.msg.good{color:var(--good)}.msg.bad{color:var(--bad)}.overlay{background:var(--panel);border:1px solid #4a3556;border-radius:12px;padding:18px;margin-top:14px;text-align:center}.overlay h2{margin:0 0 6px;color:var(--accent)}.overlay p{margin:4px 0;color:var(--muted)}.help{margin-top:18px;font-size:.82rem;color:var(--muted);line-height:1.5;border-top:1px solid #3a2944;padding-top:12px}.help b{color:var(--text)}