@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Syne:wght@400;600;700;800&family=Space+Grotesk:wght@300;400;500;600&family=Unbounded:wght@700;800;900&display=swap";:root{--bg: #f4f3f0;--bg2: #eceae5;--surface: #ffffff;--surface2: #f7f6f3;--border: #d6d3cb;--border-bold: #9c9890;--text: #1a1917;--text-muted: #6b6860;--accent: #5b4fcf;--accent2: #7c6fe0;--accent-glow: rgba(91, 79, 207, .18);--correct: #22a85a;--incorrect: #e0433a;--selected-bg: rgba(91, 79, 207, .09);--highlight-bg: rgba(91, 79, 207, .04);--same-num-bg: rgba(91, 79, 207, .12);--box-shadow: 0 8px 40px rgba(0, 0, 0, .1);--transition: .22s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #0f0e13;--bg2: #17151e;--surface: #1e1c27;--surface2: #252230;--border: #2e2b3a;--border-bold: #4a4660;--text: #ede9ff;--text-muted: #7a74a0;--accent: #8b7cf8;--accent2: #a99ffc;--accent-glow: rgba(139, 124, 248, .22);--correct: #3fd47a;--incorrect: #f4645b;--selected-bg: rgba(139, 124, 248, .14);--highlight-bg: rgba(139, 124, 248, .05);--same-num-bg: rgba(139, 124, 248, .16);--box-shadow: 0 8px 40px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background var(--transition),color var(--transition);overflow-x:hidden}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.7}.app-wrapper{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px}.topbar{width:100%;max-width:600px;display:flex;justify-content:flex-end;margin-bottom:8px}.theme-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:50px;width:56px;height:30px;cursor:pointer;position:relative;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);display:flex;align-items:center;padding:3px}.theme-btn:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.theme-knob{width:22px;height:22px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;transition:transform var(--transition),background var(--transition);font-size:12px}[data-theme=dark] .theme-knob{transform:translate(26px)}.heading-block{text-align:center;margin-bottom:22px;position:relative}.heading-title{font-family:Unbounded,sans-serif;font-size:clamp(3.4rem,13vw,6rem);font-weight:900;letter-spacing:-3px;line-height:1;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 40%,#c084fc 70%,#f472b6 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:headingReveal 1s cubic-bezier(.22,1,.36,1) both,gradientShift 5s 1.2s ease-in-out infinite alternate;display:block}.heading-glow{display:block;font-family:Unbounded,sans-serif;font-size:clamp(3.4rem,13vw,6rem);font-weight:900;letter-spacing:-3px;line-height:1;background:linear-gradient(135deg,var(--accent),#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(24px);opacity:.45;pointer-events:none;margin-top:-1em;animation:glowPulse 3s ease-in-out infinite alternate;-webkit-user-select:none;user-select:none}@keyframes headingReveal{0%{opacity:0;transform:translateY(-36px) scale(.85);filter:blur(16px);letter-spacing:12px}55%{filter:blur(0);letter-spacing:-3px}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes gradientShift{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes glowPulse{0%{opacity:.3;filter:blur(18px)}to{opacity:.55;filter:blur(30px)}}@keyframes headingSlide{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes subFade{0%{opacity:0;transform:translateY(8px);letter-spacing:.5em}to{opacity:1;transform:translateY(0);letter-spacing:.32em}}.heading-sub{font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:500;color:var(--text-muted);letter-spacing:.32em;text-transform:uppercase;margin-top:6px;animation:subFade .9s .5s cubic-bezier(.22,1,.36,1) both}.diff-row{display:flex;gap:8px;margin-bottom:18px;animation:headingSlide .7s .15s cubic-bezier(.22,1,.36,1) both}.diff-btn{font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 18px;border-radius:50px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.diff-btn:hover{border-color:var(--accent);color:var(--accent)}.diff-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.status-bar{width:100%;max-width:420px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:10px 18px;margin-bottom:16px;animation:headingSlide .7s .2s cubic-bezier(.22,1,.36,1) both;box-shadow:var(--box-shadow)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:1px}.stat-val{font-family:DM Mono,monospace;font-size:1.3rem;font-weight:500;color:var(--text);line-height:1;transition:color var(--transition)}.stat-val.red{color:var(--incorrect)}.stat-label{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.progress-bar-wrap{flex:1;margin:0 16px;height:5px;background:var(--border);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1)}.board-wrap{background:var(--surface);border:2px solid var(--border);border-radius:18px;padding:12px;box-shadow:var(--box-shadow);animation:boardReveal .6s .25s cubic-bezier(.22,1,.36,1) both;position:relative}@keyframes boardReveal{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:0;border:2.5px solid var(--border-bold);border-radius:8px;overflow:hidden;width:min(calc(100vw - 64px),420px);height:min(calc(100vw - 64px),420px)}.cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:clamp(.85rem,2.5vw,1.15rem);font-weight:500;border:.5px solid var(--border);cursor:pointer;position:relative;transition:background var(--transition),color var(--transition);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:var(--surface);color:var(--text)}.cell[data-col="2"],.cell[data-col="5"]{border-right:2px solid var(--border-bold)}.cell[data-row="2"],.cell[data-row="5"]{border-bottom:2px solid var(--border-bold)}.cell.given{color:var(--text);font-weight:600}.cell.selected{background:var(--selected-bg)!important}.cell.highlighted{background:var(--highlight-bg)}.cell.same-num{background:var(--same-num-bg)}.cell.correct{color:var(--correct)}.cell.incorrect{color:var(--incorrect)}.cell.conflict{color:var(--incorrect);background:#e0433a12!important}.cell:hover:not(.given):not(.selected){background:var(--highlight-bg)}.cell-num{display:block;animation:numPop .18s cubic-bezier(.34,1.56,.64,1) both}@keyframes numPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.numpad-wrap{width:min(calc(100vw - 64px),420px);margin-top:16px;animation:headingSlide .7s .35s cubic-bezier(.22,1,.36,1) both}.numpad-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.num-btn{font-family:DM Mono,monospace;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:500;aspect-ratio:1;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);-webkit-tap-highlight-color:transparent}.num-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.num-btn:active{transform:scale(.94)}.num-btn.erase-btn{background:var(--surface2);font-size:1.1rem}.num-btn.erase-btn:hover{border-color:var(--incorrect);color:var(--incorrect);background:#e0433a14}.num-btn.reset-btn{background:var(--surface2);font-size:1rem}.num-btn.reset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--selected-bg)}.num-btn.reset-board-btn{grid-column:span 3;aspect-ratio:unset;padding:10px 0;border-radius:12px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-weight:600}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlayIn .3s ease both}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.win-card{background:var(--surface);border:2px solid var(--accent);border-radius:28px;padding:48px 40px;text-align:center;max-width:360px;width:90%;box-shadow:0 0 60px var(--accent-glow),var(--box-shadow);animation:cardBounce .5s .1s cubic-bezier(.34,1.56,.64,1) both}@keyframes cardBounce{0%{opacity:0;transform:scale(.8) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.win-emoji{font-size:3.5rem;display:block;margin-bottom:12px;animation:spinIn .6s .3s ease both}@keyframes spinIn{0%{transform:rotate(-30deg) scale(.5)}to{transform:rotate(0) scale(1)}}.win-title{font-family:Syne,sans-serif;font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.win-sub{color:var(--text-muted);font-size:.9rem;margin-bottom:28px}.win-stats{display:flex;justify-content:center;gap:32px;margin-bottom:28px}.win-stat{text-align:center}.win-stat-val{font-family:DM Mono,monospace;font-size:1.6rem;font-weight:500;color:var(--accent);display:block}.win-stat-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.win-new-btn{font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.06em;padding:12px 32px;border-radius:50px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;cursor:pointer;transition:all var(--transition);box-shadow:0 4px 18px var(--accent-glow)}.win-new-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--accent-glow)}.confetti-piece{position:fixed;pointer-events:none;z-index:99;border-radius:2px;animation:confettiFall linear both}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@media (max-width: 420px){.app-wrapper{padding:16px 12px 40px}.win-card{padding:36px 24px}}