:root{font-family:Avenir Next,Segoe UI Variable,Segoe UI,sans-serif;color:#143324;background:radial-gradient(circle at top,rgba(255,255,255,.28),transparent 22%),linear-gradient(180deg,#d9efe0,#bddbbf);line-height:1.4;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: #0f6651;--surface-edge: #0f6651;--panel: rgba(255, 255, 255, .78);--panel-strong: rgba(255, 255, 255, .92);--grid-frame: #0f6651;--grid-line: #b9c2bd;--grid-line-strong: #646d67;--cell: #ffffff;--cell-fixed: #e6ece8;--cell-selected: #ffe48b;--cell-related: #f4f8e9;--cell-invalid: #ffd0c7;--cell-focus-ring: #0f6651;--ink-soft: #557261;--shadow: 0 20px 50px rgba(41, 82, 43, .18);--victory-gold: #f4b33e;--victory-gold-deep: #c77716;--victory-burst-1: rgba(255, 231, 129, .72);--victory-burst-2: rgba(255, 160, 82, .18);--victory-beam: rgba(255, 246, 183, .72);--victory-beam-edge: rgba(255, 173, 70, .55)}*{box-sizing:border-box}html,body{height:100%;margin:0;min-width:320px}body{overflow:hidden}button,select{font:inherit}#app{min-height:100%}.shell{position:relative;width:100%;min-height:100dvh;padding:20px 24px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 12%),var(--surface)}.topbar{position:relative;z-index:4;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}.topbar-group,.topbar-center{min-width:0}.topbar-center{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.meta-label,.timer-value,.status-pill,.meta-pill,.menu-meta{margin:0}.meta-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffc2}.timer-value{margin-top:2px;font-size:1.15rem;font-weight:700;color:#fff}.status-pill,.meta-pill,.icon-button,.settings-menu,.control select,.menu-actions button,.keypad-button,.utility-button{border-radius:14px}.status-pill,.meta-pill{padding:8px 12px;background:#ffffff2b;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pause-button{width:46px;min-width:46px;min-height:42px;padding:0;display:grid;place-items:center;border:0;cursor:pointer;font-weight:700;transition:transform .14s ease,filter .14s ease,background-color .14s ease,color .14s ease}.status-pill{min-width:132px;text-align:center;font-weight:700}.status-pill.is-complete{background:#ecffdfeb;color:#29522a}.meta-pill{color:#ffffffe6}.pause-button[aria-pressed=true]{background:#fcf5d6f0;color:#3d3a12}.menu-wrap{position:relative;justify-self:end;z-index:6}.icon-button,.menu-actions button,.keypad-button,.utility-button{border:0;cursor:pointer;transition:transform .14s ease,filter .14s ease,background-color .14s ease}.icon-button,.menu-actions button,.utility-button{padding:10px 14px;background:var(--panel-strong);color:#1a3525;box-shadow:0 8px 20px #19381f24}.icon-button:hover,.menu-actions button:hover,.keypad-button:hover,.utility-button:hover,.control select:hover,.pause-button:hover,.pause-resume-button:hover{transform:translateY(-1px);filter:brightness(1.02)}.menu-wrap.is-open .icon-button{background:#f1f6ed}.settings-menu{position:absolute;top:calc(100% + 10px);right:0;width:220px;padding:12px;display:grid;gap:12px;background:#f8faf7f5;box-shadow:0 22px 40px #16331c38;border:1px solid rgba(73,109,80,.14);z-index:10}.settings-menu[hidden]{display:none}.control{display:grid;gap:8px}.control span{font-size:.8rem;color:var(--ink-soft)}.control select{width:100%;border:1px solid rgba(90,116,93,.18);padding:10px 12px;background:#fff;color:#163123;cursor:pointer}.menu-actions{display:grid;gap:8px}.menu-actions .secondary,.utility-button.secondary{background:#e8eee8f0}.menu-actions .dev-only{background:#d6eddef5;color:#0f4a2e}.menu-meta{font-size:.84rem;color:var(--ink-soft)}.playfield{position:relative;z-index:1;min-height:0;display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:14px}.victory-page-burst{position:absolute;top:-22vmax;right:-22vmax;bottom:-22vmax;left:-22vmax;opacity:0;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(255,251,224,.66) 0%,rgba(255,251,224,.08) 18%,transparent 44%),repeating-conic-gradient(from 0deg,rgba(255,232,124,.32) 0deg 10deg,transparent 10deg 22deg,rgba(255,166,91,.18) 22deg 28deg,transparent 28deg 45deg);transform:scale(.92);transform-origin:center;filter:blur(2px);transition:opacity .28s ease,transform .28s ease;animation:victory-burst-spin 18s linear infinite,victory-burst-pulse 3s ease-in-out infinite alternate}.shell.is-victory-active .victory-page-burst{opacity:1;transform:scale(1)}.board-panel{position:relative;width:min(100%,520px,calc(100dvh - 220px));aspect-ratio:1 / 1;display:grid;place-items:stretch;isolation:isolate;z-index:1}.board-panel.is-paused .grid{filter:saturate(.68) blur(4px)}.grid{position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));gap:1px;width:100%;aspect-ratio:1 / 1;background:var(--grid-frame);border-radius:0;z-index:2;overflow:hidden}.grid.is-under-celebration{box-shadow:0 0 0 2px #ffeeae38,0 20px 46px #0b171247}.victory-line,.victory-trophy-layer,.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.victory-line,.victory-confetti{pointer-events:none}.pause-overlay{z-index:6;display:grid;place-items:center;padding:20px;background:#0a1f1675;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .16s ease}.pause-overlay.is-visible{opacity:1;pointer-events:auto}.pause-card{width:min(84%,280px);padding:22px 20px 18px;display:grid;justify-items:center;gap:10px;border-radius:22px;background:#fcfffbf0;color:#173226;text-align:center;box-shadow:0 20px 40px #07120c47}.pause-title,.pause-copy{margin:0}.pause-title{font-size:1.55rem;font-weight:800}.pause-copy{color:var(--ink-soft)}.pause-resume-button{width:72px;min-width:72px;min-height:72px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:linear-gradient(180deg,#eff8d2,#d9efaa);color:#244020;font-weight:800;cursor:pointer;box-shadow:0 10px 20px #22442429}.button-icon{display:inline-block}.pause-icon{display:inline-grid;grid-template-columns:repeat(2,1fr);gap:4px;width:16px;height:16px}.pause-icon span{width:100%;height:100%;border-radius:999px;background:currentColor}.play-icon{width:0;height:0;margin-left:3px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid currentColor}.victory-line{z-index:3;opacity:0;transform:scale(.98);transition:opacity .15s ease,transform .15s ease}.victory-line:before{content:"";position:absolute;top:var(--beam-top);left:var(--beam-left);width:var(--beam-width);height:var(--beam-height);background:linear-gradient(90deg,transparent,var(--victory-beam),transparent);box-shadow:inset 0 0 0 1px #fff6,0 0 24px var(--victory-beam-edge)}.victory-line[data-axis=column]:before{background:linear-gradient(180deg,transparent,var(--victory-beam),transparent)}.victory-line.is-visible{opacity:1;transform:scale(1);animation:victory-line-sweep .52s cubic-bezier(.2,.85,.28,1)}.victory-trophy-layer{z-index:7;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .18s ease}.board-panel.is-trophy-visible .victory-trophy-layer{opacity:1;pointer-events:auto}.victory-trophy{width:min(86%,420px);display:grid;justify-items:center;gap:12px;transform:scale(.32);opacity:0}.board-panel.is-trophy-visible .victory-trophy{opacity:1;animation:trophy-settle .9s cubic-bezier(.18,1.15,.26,1) forwards}.victory-trophy-shape{position:relative;width:min(100%,360px);padding-top:4px}.victory-trophy-cup{position:relative;width:72%;margin:0 auto;min-height:180px;padding:42px 20px 30px;border-radius:26px 26px 34px 34px;background:linear-gradient(180deg,#ffe6a4 0%,var(--victory-gold) 42%,var(--victory-gold-deep) 100%);box-shadow:inset 0 2px #ffffffb8,inset 0 -10px 24px #8541043d,0 18px 34px #101d1852}.victory-trophy-cup:before{content:"";position:absolute;top:12px;right:14px;bottom:42px;left:14px;border-radius:18px 18px 28px 28px;background:linear-gradient(180deg,#fffbe3c7,#ffffff14);mix-blend-mode:screen}.victory-trophy-handle{position:absolute;top:34px;width:18%;height:84px;border:14px solid var(--victory-gold);border-bottom:0;border-radius:999px 999px 0 0}.victory-trophy-handle.is-left{left:0;border-right:0}.victory-trophy-handle.is-right{right:0;border-left:0}.victory-trophy-message,.victory-trophy-flair{position:relative;z-index:1;margin:0;text-align:center}.victory-trophy-message{font-size:clamp(1rem,2.4vw,1.28rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#704008;text-shadow:0 1px 0 rgba(255,255,255,.42)}.victory-trophy-flair{margin-top:10px;font-size:clamp(.82rem,1.6vw,.96rem);font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#6d3e0ae0}.victory-trophy-stem{width:18%;height:32px;margin:-4px auto 0;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#f9d26a,#c67b16)}.victory-trophy-base{width:42%;height:24px;margin:6px auto 0;border-radius:12px;background:linear-gradient(180deg,#8a5325,#5a2f10);box-shadow:0 12px 22px #0e151242}.victory-cta{min-width:190px;padding:12px 20px;border:0;border-radius:999px;background:linear-gradient(180deg,#fff9e8,#ffe4a4 44%,#f4b33e);color:#4d2908;font-weight:900;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 24px #0e181447,inset 0 1px #ffffffe6}.victory-cta:hover{transform:translateY(-1px)}.victory-confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;overflow:clip;opacity:0}.shell.is-confetti-active .victory-confetti{opacity:1}.confetti-piece{position:absolute;top:-40px;left:var(--confetti-left);width:var(--confetti-size);height:calc(var(--confetti-size) * 1.45);background:var(--confetti-color);border-radius:2px;box-shadow:0 0 10px #ffffff2e;opacity:0;transform:translateZ(0) rotate(0);animation:confetti-fall var(--confetti-duration) linear var(--confetti-delay) forwards}.confetti-piece:nth-child(3n){height:calc(var(--confetti-size) * 1.8)}.confetti-piece:nth-child(4n){border-radius:999px}.board-alert{box-shadow:inset 0 0 0 1px #ffffff42,0 0 0 3px #ffa492b3,0 18px 34px #1c441e2e}.sudoku-cell{position:relative;border:0;padding:0;display:grid;place-items:center;min-width:0;min-height:0;background:var(--cell);color:#163123;font-size:clamp(1.72rem,3.6vw,2.95rem);font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease,filter .15s ease}.sudoku-cell.is-fixed{background:var(--cell-fixed);color:#0f2024;font-weight:700}.sudoku-cell:focus-visible{outline:3px solid var(--cell-focus-ring);outline-offset:-3px;z-index:1}.sudoku-cell.is-related{background:var(--cell-related)}.sudoku-cell.is-selected{background:var(--cell-selected);transform:scale(1.02);z-index:2;box-shadow:inset 0 0 0 1px #ffffff4d}.sudoku-cell.is-victory-line{background:linear-gradient(180deg,#fffce8fa,#ffde78eb);color:#4f2d0f;transform:scale(1.045);z-index:4;box-shadow:inset 0 0 0 1px #fff9,0 0 20px #ffc35273}.sudoku-cell.is-victory-line .cell-value{transform:scale(1.14);text-shadow:0 2px 12px rgba(255,245,205,.75)}.sudoku-cell.is-victory-line .cell-value.is-user-value{color:#0d4d9d}.sudoku-cell.is-invalid{background:var(--cell-invalid)}.sudoku-cell:nth-child(3n){margin-right:2px}.sudoku-cell:nth-child(9n){margin-right:0}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){margin-bottom:2px}.sudoku-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--grid-line);pointer-events:none}.sudoku-cell:nth-child(3n):before{border-right-color:var(--grid-line-strong)}.cell-value{display:block;transition:transform .16s ease,text-shadow .16s ease,color .16s ease}.cell-value.is-user-value{font-family:Indie Flower,cursive;color:#1f4f9b;font-size:clamp(2.14rem,2.72vw,2.9rem)}.cell-notes{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;padding:8%}.note{opacity:0;font-size:clamp(.5rem,1vw,.78rem);font-weight:700;color:#66806f}.note.is-visible{opacity:1}.controls{width:min(100%,520px,calc(100dvh - 220px));display:grid;gap:10px}.keypad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.keypad-button{min-height:42px;padding:10px 0;background:#f2f5f2f5;color:#183226;box-shadow:0 6px 16px #1b3a1e1a}.utility-row{display:flex;justify-content:center;gap:10px}.utility-button{min-width:110px}.utility-button.is-active{background:#eff8d2;color:#2b5026}button:disabled,select:disabled{cursor:not-allowed;opacity:.58;transform:none;filter:none}@media (max-width: 560px){.shell{padding:14px}.board-panel,.grid,.controls{width:100%}.keypad{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-height: 700px){.shell{padding:10px 14px;gap:8px}.playfield{align-content:start;gap:8px}.board-panel{width:min(100%,410px,calc(100dvh - 180px))}.grid{width:100%}.controls{width:min(100%,410px,calc(100dvh - 180px));gap:6px}.keypad-button,.utility-button,.icon-button,.menu-actions button{min-height:34px;padding-top:6px;padding-bottom:6px}.keypad{gap:4px}.utility-row{gap:8px}}@media (max-height: 590px){.shell{padding:8px 10px;gap:6px}.topbar{gap:6px;align-items:center}.meta-label{font-size:.6rem}.timer-value{font-size:.95rem}.status-pill,.meta-pill{padding:5px 9px;font-size:.92rem}.playfield{gap:6px}.board-panel{width:min(100%,320px,calc(100dvh - 170px))}.grid{width:100%}.controls{width:min(100%,320px,calc(100dvh - 170px));gap:4px}.keypad{gap:4px}.keypad-button{min-height:28px;padding:4px 0}.utility-row{gap:4px}.utility-button{min-width:0;min-height:28px;padding:4px 8px;font-size:.9rem}}@media (max-height: 540px) and (min-width: 900px){.shell{padding:6px 10px;gap:4px}.topbar{gap:4px 8px}.topbar-center{gap:6px}.meta-label{font-size:.58rem}.timer-value{margin-top:0;font-size:.88rem}.status-pill,.meta-pill{padding:4px 8px;font-size:.85rem}.status-pill{min-width:116px}.icon-button,.menu-actions button,.utility-button{padding:5px 10px}.settings-menu{top:calc(100% + 6px);padding:10px;gap:10px}.control{gap:6px}.control span,.menu-meta{font-size:.75rem}.control select{padding:7px 10px}.playfield{gap:4px}.board-panel{width:min(100%,280px,calc(100dvh - 208px))}.grid{width:100%;padding:3px}.controls{width:min(100%,280px,calc(100dvh - 208px));gap:3px}.sudoku-cell{font-size:clamp(1.48rem,2.28vw,2.22rem)}.note{font-size:clamp(.42rem,.72vw,.62rem)}.keypad{gap:3px}.keypad-button,.utility-button,.icon-button,.menu-actions button{min-height:24px}.keypad-button{padding:2px 0}.utility-row{gap:3px}.utility-button{font-size:.82rem}}@media (max-width: 480px){.shell{padding:12px;gap:12px}.status-pill{min-width:0}.settings-menu{width:min(220px,calc(100vw - 48px))}.utility-row{width:100%}.utility-button{flex:1;min-width:0}}@keyframes victory-burst-spin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes victory-burst-pulse{0%{filter:blur(1px) saturate(1)}to{filter:blur(2px) saturate(1.15)}}@keyframes victory-line-sweep{0%{opacity:0;transform:scale(.97)}30%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes trophy-settle{0%{opacity:0;transform:scale(.32)}60%{opacity:1;transform:scale(1.08)}78%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0,-24px,0) rotate(0) scale(.9)}8%{opacity:.95}82%{opacity:.92}to{opacity:0;transform:translate3d(var(--confetti-drift),120vh,0) rotate(var(--confetti-rotate))}}