*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--bg: #f7f4ee;--surface: #fbf9f4;--ink: #243042;--ink-soft: #5a6478;--ink-muted: #97a0b0;--line: #d9d3c5;--line-strong: #2b3447;--accent: #c0623e;--accent-soft: #f3d8cc;--accent-tint: #f8e8df;--conflict: #b94545;--texture-opacity: .5;--texture-wash: rgba(192, 98, 62, .05);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #1a1f29;--surface: #232a36;--ink: #e8e4d8;--ink-soft: #b7bfcc;--ink-muted: #6f7787;--line: #36404f;--line-strong: #d6d2c4;--accent: #e07a52;--accent-soft: #4a2c20;--accent-tint: #36231b;--conflict: #e57272;--texture-opacity: .28;--texture-wash: rgba(224, 122, 82, .06);color-scheme:dark}}body{min-height:100dvh;background:var(--bg);color:var(--ink)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--texture-opacity);background-image:radial-gradient(120% 80% at 50% 0%,var(--texture-wash) 0%,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)' opacity='0.16'/%3E%3C/svg%3E");background-size:100% 100%,160px 160px;background-repeat:no-repeat,repeat}#app{max-width:32rem;margin-inline:auto;padding:1.25rem 1rem 2rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sudoku{display:flex;flex-direction:column;gap:1rem}.sudoku__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.sudoku__title{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.sudoku__timer{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500;color:var(--accent)}.sudoku__solved{font-size:1.1rem;font-weight:500;color:var(--accent);background:var(--accent-tint);padding:.6rem .9rem;border-radius:.5rem;text-align:center}.sudoku__grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);aspect-ratio:1 / 1;width:100%;background:var(--surface);border:2px solid var(--line-strong);border-radius:.5rem;overflow:hidden;touch-action:manipulation}@keyframes sudoku-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 14px transparent}}.sudoku__grid.is-solved{animation:sudoku-pulse 1.8s ease-in-out infinite;border-color:var(--accent)}.sudoku__cell{position:relative;appearance:none;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:clamp(1.1rem,5.5vw,1.5rem);font-weight:400;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color .12s ease;min-height:0;min-width:0}.sudoku__cell--box-right{border-right:2px solid var(--line-strong)}.sudoku__cell--box-bottom{border-bottom:2px solid var(--line-strong)}.sudoku__cell--given{font-weight:600;cursor:default}.sudoku__cell--peer{background:color-mix(in srgb,var(--accent-tint) 35%,var(--surface))}.sudoku__cell--same{background:color-mix(in srgb,var(--accent-soft) 65%,var(--surface))}.sudoku__cell--selected{background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.sudoku__cell--conflict .sudoku__value{color:var(--conflict)}.sudoku__value{line-height:1}.sudoku__notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;font-size:clamp(.5rem,2vw,.7rem);color:var(--ink-muted)}.sudoku__note{display:flex;align-items:center;justify-content:center;line-height:1}.sudoku__pad{display:grid;grid-template-columns:repeat(9,1fr);gap:.35rem}.sudoku__padkey{appearance:none;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:1.25rem;font-weight:500;padding:.6rem 0;border-radius:.4rem;cursor:pointer;min-height:3rem;transition:background-color .12s ease,border-color .12s ease}.sudoku__padkey:hover:not(:disabled){background:var(--accent-tint)}.sudoku__padkey:active:not(:disabled){background:var(--accent-soft)}.sudoku__padkey.is-pencil{font-style:italic;color:var(--ink-soft)}.sudoku__padkey.is-done{color:var(--ink-muted);background:transparent;border-color:transparent}.sudoku__padkey:disabled{cursor:default;opacity:.6}.sudoku__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.sudoku__action{appearance:none;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:1rem;font-weight:500;padding:.75rem .5rem;border-radius:.4rem;cursor:pointer;min-height:3rem;transition:background-color .12s ease,border-color .12s ease}.sudoku__action:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sudoku__action.is-active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.sudoku__action:disabled{cursor:default;opacity:.45}.sudoku__action--primary{background:var(--ink);color:var(--surface);border-color:var(--ink)}.sudoku__action--primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--surface)}.sudoku__new{display:grid;grid-template-columns:1fr 2fr;gap:.5rem}.sudoku__difficulty{display:block;position:relative}.sudoku__difficulty select{width:100%;height:100%;min-height:3rem;appearance:none;background:var(--surface);border:1px solid var(--line);border-radius:.4rem;padding:0 .75rem;color:var(--ink);font-size:1rem;font-weight:500;cursor:pointer}.sudoku__difficulty select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:32rem){#app{padding:.75rem .5rem 1.5rem}.sudoku__padkey,.sudoku__action,.sudoku__difficulty select{font-size:1.05rem}}