:root{--bg:#f6f1e9;--surface:#fff;--ink:#2a2533;--muted:#7d7688;--line:#2a2533;--accent:#6c4fd8;--accent-ink:#fff;--danger:#d8424f;--radius:16px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);height:100%;margin:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none}button:disabled{opacity:.35;cursor:default}.app{height:100dvh;padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px, env(safe-area-inset-left));flex-direction:column;max-width:560px;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;padding:12px 4px 4px;display:flex}.brand{letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.brand span{color:var(--accent)}.icon-btn{background:var(--surface);border-radius:50%;width:38px;height:38px;font-size:18px;font-weight:800;box-shadow:0 1px 3px #0000001f}.status-row{grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 4px;font-weight:700;display:grid}.lives{gap:4px;font-size:22px;display:flex}.heart{color:var(--danger);transition:transform .3s,color .3s}.heart.lost{color:#d6d0c8;transform:scale(.85)}.level-info{color:var(--muted);font-size:15px}.timer{font-variant-numeric:tabular-nums;justify-self:end;font-size:18px}.board-area{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.hint{text-align:center;color:var(--muted);margin:6px 0 10px;font-size:13px}.toolbar{grid-template-columns:1fr 1fr 1.25fr 1fr;gap:8px;padding-bottom:14px;display:grid}.toolbar button{border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;gap:2px;padding:10px 6px;font-size:13px;font-weight:700;display:flex;box-shadow:0 1px 3px #0000001a}.toolbar .tb-icon{font-size:20px;line-height:1}.toolbar button.active{box-shadow:inset 0 0 0 2px var(--accent)}.primary{background:var(--accent)!important;color:var(--accent-ink)!important}.board{aspect-ratio:1;touch-action:none;width:min(100cqw,100cqh)}.board svg{width:100%;height:100%;display:block}.board.placeholder{background:var(--surface);color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-weight:600;display:flex}.line-thin{stroke:#2a25332e;stroke-width:2px;fill:none}.line-thick{stroke:var(--line);stroke-width:5px;stroke-linecap:round;fill:none}.line-outer{stroke:var(--line);stroke-width:7px;fill:none}.mark-x{stroke:#2a253380;stroke-width:6px;stroke-linecap:round}.mark-miss path{stroke:var(--danger);stroke-width:9px;stroke-linecap:round}.miss-bg{fill:#2a253347}.mark-star{fill:#fff;stroke:var(--ink);stroke-width:10px}.mark-ghost{fill:none;stroke:var(--ink);stroke-width:7px;stroke-dasharray:10 8;opacity:.55}.pop{animation:.35s cubic-bezier(.3,1.6,.5,1) both pop;animation-delay:0s!important}@keyframes pop{0%{opacity:0;transform:scale(.2)}}.board.won .mark-star{animation:.6s ease-in-out both bounce}@keyframes bounce{40%{fill:#ffe27a;transform:scale(1.3)}to{fill:#ffe27a}}.board.shake{animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.dim-cell{fill:#1e192873}.line-thick.over-dim{stroke:#1a1622}.bad-cell{fill:#d8424f26;stroke:var(--danger);stroke-width:6px}.coord{fill:var(--muted);text-anchor:middle;font-size:34px;font-weight:700}.coord.lit{fill:var(--accent);font-weight:800}.ring-cell{fill:none;stroke:var(--accent);stroke-width:7px;rx:10}.ghost-x{stroke:var(--accent);stroke-width:6px;stroke-linecap:round;opacity:.75}.ghost-star{fill:#ffffff8c;stroke:var(--accent);stroke-width:8px;stroke-dasharray:12 8}.preview-x{stroke:var(--accent);stroke-width:10px;stroke-linecap:round;animation:1s ease-in-out infinite pulse}.preview-star{fill:#fff;stroke:var(--accent);stroke-width:10px;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35;transform:scale(.85)}}.hint-panel{background:var(--surface);border-radius:var(--radius);border:2px solid var(--accent);margin:8px 0 10px;padding:10px 14px 12px;animation:.2s fade;box-shadow:0 2px 8px #0000001f}.hint-head{justify-content:space-between;align-items:center;display:flex}.hint-title{color:var(--accent);flex:1;font-weight:800}.hint-count{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:10px;font-size:13px;font-weight:700}.hint-panel p{min-height:5.6em;animation:.25s fade}.hint-actions .hint-back{margin-right:auto;padding:7px 16px;font-size:22px;line-height:1}.hint-close{width:32px;height:32px;color:var(--muted);margin:-6px -8px -6px 0;font-size:16px}.hint-panel p{margin:4px 0 10px;font-size:15px;line-height:1.4}.hint-actions{justify-content:flex-end;gap:8px;display:flex}.hint-actions button{background:#f1ece4;border-radius:10px;padding:9px 16px;font-weight:700}.technique{border-top:1px solid #eee7dd;padding:14px 0 6px}.technique-head{justify-content:space-between;align-items:center;display:flex}.technique h3{margin:0 0 10px;font-size:18px}.technique p{margin:10px 0;line-height:1.45}.level-tag{background:#ece6dc;border-radius:99px;margin-bottom:10px;padding:3px 9px;font-size:12px;font-weight:800}.level-easy{background:#d9f0d2}.level-medium{background:#fbeab8}.level-hard{background:#fad2c3}.level-expert{background:#e3d6f7}.mini-board{width:min(100%,260px);margin:0 auto}.mini-board svg{width:100%;height:100%;display:block}button.secondary{background:#f1ece4;margin-bottom:10px}.spinner{border:4px solid #e6e0d6;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin-bottom:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.backdrop{z-index:10;background:#14101c73;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--surface);width:100%;max-width:560px;padding:10px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;max-height:90dvh;animation:.25s cubic-bezier(.2,.9,.3,1) slide-up;overflow-y:auto}@keyframes slide-up{0%{transform:translateY(100%)}}.sheet-handle{background:#ddd6cc;border-radius:3px;width:40px;height:5px;margin:0 auto 8px}.sheet h2,.dialog h2{margin:6px 0 12px;font-size:22px}.rules p,.rules li{line-height:1.45}.rules ul{padding-left:20px}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:14px 0 8px;font-size:13px;font-weight:700;display:block}.segmented{background:#f1ece4;border-radius:12px;gap:6px;padding:4px;display:flex}.segmented button{border-radius:9px;flex:1;padding:10px 0;font-size:15px;font-weight:700}.segmented button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #00000026}.blurb{color:var(--muted);min-height:2.6em;margin:8px 2px;font-size:14px}.toggle{align-items:center;gap:10px;margin:8px 0 18px;font-weight:600;display:flex}.toggle input{width:22px;height:22px;accent-color:var(--accent)}button.big{border-radius:14px;width:100%;padding:15px;font-size:17px;font-weight:800}.backdrop:has(.dialog){align-items:center}.dialog{background:var(--surface);text-align:center;border-radius:24px;width:calc(100% - 40px);max-width:380px;padding:24px 20px 20px;animation:.3s cubic-bezier(.3,1.4,.5,1) pop}.dialog-emoji{font-size:44px}.dialog p{color:var(--muted);line-height:1.5}.dialog-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.dialog-actions button{background:#f1ece4;border-radius:12px;padding:13px;font-weight:700}