:root{--color-bg:#fafafa;--color-text:#1a1a1a;--color-surface:#fff;--color-border:#e0e0e0;--color-cell-border:#111;--color-conflict:#dc2626;--color-conflict-bg:#dc262626;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-muted:#6b7280;--color-success:#16a34a;--color-hint:#b45309;--color-hint-glow:#b4530966;--region-0:#e69f00;--region-1:#56b4e9;--region-2:#009e73;--region-3:#f0e442;--region-4:#0072b2;--region-5:#d55e00;--region-6:#cc79a7;--region-7:#999;--region-8:#e8d5b7;--region-0-fill:#e69f0066;--region-1-fill:#56b4e966;--region-2-fill:#009e7366;--region-3-fill:#f0e44266;--region-4-fill:#0072b266;--region-5-fill:#d55e0066;--region-6-fill:#cc79a766;--region-7-fill:#9996;--region-8-fill:#e8d5b766;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-bg:#1a1a1a;--color-text:#f0f0f0;--color-surface:#2a2a2a;--color-border:#444;--color-cell-border:#111;--color-conflict:#ef4444;--color-conflict-bg:#ef444433;--color-accent:#60a5fa;--color-accent-hover:#3b82f6;--color-muted:#9ca3af;--color-success:#22c55e;--color-hint:#fbbf24;--color-hint-glow:#fbbf2459;--region-0:#f97316;--region-1:#3b82f6;--region-2:#22c55e;--region-3:#eab308;--region-4:#a855f7;--region-5:#ef4444;--region-6:#e879f9;--region-7:#94a3b8;--region-8:#06b6d4;--region-0-fill:#f9731680;--region-1-fill:#3b82f680;--region-2-fill:#22c55e80;--region-3-fill:#eab30880;--region-4-fill:#a855f780;--region-5-fill:#ef444480;--region-6-fill:#e879f980;--region-7-fill:#94a3b880;--region-8-fill:#06b6d480;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg:#1a1a1a;--color-text:#f0f0f0;--color-surface:#2a2a2a;--color-border:#444;--color-cell-border:#111;--color-conflict:#ef4444;--color-conflict-bg:#ef444433;--color-accent:#60a5fa;--color-accent-hover:#3b82f6;--color-muted:#9ca3af;--color-success:#22c55e;--color-hint:#fbbf24;--color-hint-glow:#fbbf2459;--region-0:#f97316;--region-1:#3b82f6;--region-2:#22c55e;--region-3:#eab308;--region-4:#a855f7;--region-5:#ef4444;--region-6:#e879f9;--region-7:#94a3b8;--region-8:#06b6d4;--region-0-fill:#f9731680;--region-1-fill:#3b82f680;--region-2-fill:#22c55e80;--region-3-fill:#eab30880;--region-4-fill:#a855f780;--region-5-fill:#ef444480;--region-6-fill:#e879f980;--region-7-fill:#94a3b880;--region-8-fill:#06b6d480;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:600px;min-height:100dvh;padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:.75rem;margin:0 auto;display:flex}.app-header{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.app-title{letter-spacing:-.02em;grid-column:2;margin:0;font-size:1.5rem;font-weight:700}.theme-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;white-space:nowrap;border-radius:6px;grid-column:3;justify-self:end;padding:.25rem .6rem;font-size:.75rem;font-weight:500;transition:all .15s}.theme-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.board{grid-auto-rows:1fr;gap:0;width:100%;max-width:min(90vmin,500px);height:min(90vmin,500px);display:grid;position:relative}.cell-wrapper{border:1px solid var(--color-cell-border)}.cell{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .1s;display:flex;position:relative}.region-0{background-color:var(--region-0-fill)}.region-1{background-color:var(--region-1-fill)}.region-2{background-color:var(--region-2-fill)}.region-3{background-color:var(--region-3-fill)}.region-4{background-color:var(--region-4-fill)}.region-5{background-color:var(--region-5-fill)}.region-6{background-color:var(--region-6-fill)}.region-7{background-color:var(--region-7-fill)}.region-8{background-color:var(--region-8-fill)}.cell-icon{pointer-events:none;font-size:clamp(14px,4vmin,28px);line-height:1}.cell-queen .cell-icon{font-size:clamp(18px,5vmin,36px)}.cell-x .cell-icon{color:var(--color-muted);font-weight:300}.cell-conflict{background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, var(--color-conflict-bg) 3px, var(--color-conflict-bg) 6px);box-shadow:inset 0 0 0 2px var(--color-conflict)}.cell-won{cursor:default}@keyframes hint-reveal{0%{opacity:0}8%{opacity:1}70%{opacity:1}to{opacity:0}}.cell-hint-overlay{pointer-events:none;border:3px solid var(--color-hint);box-shadow:inset 0 0 6px var(--color-hint-glow);animation:5s ease-out forwards hint-reveal;position:absolute;inset:0}.puzzle-info{justify-content:space-between;align-items:center;width:100%;display:flex}.timer{font-variant-numeric:tabular-nums;align-items:baseline;gap:.75rem;display:flex}.timer-value{font-size:1.25rem;font-weight:600}.timer-best{color:var(--color-muted);font-size:.85rem}.difficulty{gap:.1rem;display:flex}.star{font-size:1.25rem;line-height:1}.star-filled{color:#f59e0b}.star-empty{color:var(--color-border)}.controls{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex;position:relative}.controls-row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.size-selector{gap:.25rem;display:flex}.size-btn{border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:6px;padding:.35rem .65rem;font-size:.8rem;font-weight:500;transition:all .15s}.size-btn:hover{border-color:var(--color-accent)}.size-btn-active{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.ctrl-btn{border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:8px;min-width:70px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .15s}.ctrl-btn:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent);color:#fff}.ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.confirm-overlay{z-index:60;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--color-surface);text-align:center;border-radius:12px;width:90%;max-width:300px;padding:1.5rem;box-shadow:0 20px 60px #0000004d}.confirm-dialog p{margin:0 0 1.25rem;font-size:1rem;line-height:1.5}.confirm-actions{justify-content:center;gap:.75rem;display:flex}.confirm-btn{border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:8px;padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .15s}.confirm-btn:hover{border-color:var(--color-accent)}.confirm-btn-danger{color:#fff;background:#dc2626;border-color:#dc2626}.confirm-btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.update-banner{background:var(--color-accent);color:#fff;z-index:200;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex;position:fixed;top:0;left:0;right:0}.update-banner button{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:6px;padding:.2rem .75rem;font-size:.85rem;font-weight:600;transition:background .15s}.update-banner button:hover{background:#fff3}.toast{bottom:max(2rem, env(safe-area-inset-bottom));background:var(--color-text);color:var(--color-bg);z-index:100;border-radius:8px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;animation:.2s ease-out toast-in;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.win-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.win-content{background:var(--color-surface);text-align:center;border-radius:16px;width:90%;max-width:320px;padding:2rem;animation:.3s ease-out slide-up;position:relative;box-shadow:0 20px 60px #0000004d}.win-close{width:2rem;height:2rem;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,color .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.win-close:hover{background:var(--color-border);color:var(--color-text)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.win-confetti{margin-bottom:.5rem;font-size:3rem}.win-title{margin:0 0 .5rem;font-size:1.5rem}.win-time{font-variant-numeric:tabular-nums;margin:.5rem 0;font-size:2rem;font-weight:700}.win-best{color:var(--color-success);margin:0 0 1rem;font-weight:600}.win-actions{justify-content:center;gap:.75rem;display:flex}.win-btn{border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:8px;padding:.6rem 1.25rem;font-size:1rem;font-weight:500;transition:all .15s}.win-btn:hover{border-color:var(--color-accent)}.win-btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.win-btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}@media (prefers-reduced-motion:reduce){.win-overlay,.win-content,.toast,.cell{transition:none;animation:none}.win-confetti{display:none}}