:root{--paper:#f6f3ed;--chalk:#ebe7e2;--ink:#241e1a;--ink-80:#241e1acc;--ink-55:#241e1a8c;--ink-18:#241e1a2e;--ink-14:#241e1a24;--ink-07:#241e1a12;--accent:#aa6346;--accent-deep:#7e4732;--accent-tint:#aa63461f;--alert:#ab4238;--font-serif:Georgia,"Times New Roman",serif;--font-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,monospace}@supports (color:lab(0% 0 0)){:root{--paper:lab(95.9723% .224739 3.04755);--chalk:lab(91.8938% .691086 2.95995);--ink:lab(11.8122% 2.13497 4.07868);--ink-80:lab(11.8122% 2.13497 4.07868/.8);--ink-55:lab(11.8122% 2.13497 4.07868/.55);--ink-18:lab(11.8122% 2.13497 4.07868/.18);--ink-14:lab(11.8122% 2.13497 4.07868/.14);--ink-07:lab(11.8122% 2.13497 4.07868/.07);--alert:lab(42.9824% 43.4527 29.1005)}}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-sans);margin:0}button{font:inherit}button:focus-visible,summary:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.app-header{border-bottom:1px solid var(--ink-14);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:16px max(24px,50vw - 620px);display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand span{font:300 25px/1 var(--font-serif);letter-spacing:-.024em}.header-state{color:var(--ink-55);font-variant-numeric:tabular-nums;align-items:center;gap:20px;font-size:12px;display:flex}.header-state strong{color:var(--ink);font-weight:500}.header-state button{border:1px solid var(--ink);min-height:44px;color:var(--ink);cursor:pointer;background:0 0;padding:8px 15px}main{width:min(100% - 48px,1240px);margin:0 auto;padding:32px 0 48px}.control-head h2{font:500 11px/1.4 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-55);margin:0}.game-layout{grid-template-columns:minmax(280px,2fr) minmax(260px,1fr);align-items:start;gap:64px;display:grid}.board-column{min-width:0;max-width:640px}.board-meta{color:var(--ink-55);justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.board-meta strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}.mobile-game-state,.mobile-remaining{display:none}.board{aspect-ratio:1;border:1.5px solid var(--ink);background:var(--paper);grid-template-columns:repeat(9,1fr);transition:border-color .18s cubic-bezier(.2,0,.2,1);display:grid;position:relative}.cell{border:0;border-right:1px solid var(--ink-18);border-bottom:1px solid var(--ink-18);min-width:0;color:var(--ink);cursor:pointer;font:400 clamp(18px,3vw,30px)/1 var(--font-serif);background:0 0;padding:0;transition:background .18s cubic-bezier(.2,0,.2,1),color .18s cubic-bezier(.2,0,.2,1);position:relative}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+73){border-bottom:0}.cell:nth-child(9n+3),.cell:nth-child(9n+6){border-right:1.5px solid var(--ink)}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:1.5px solid var(--ink)}.board.note-mode{border-color:var(--accent)}.board.note-mode .cell:nth-child(9n+3),.board.note-mode .cell:nth-child(9n+6){border-right-color:var(--accent)}.board.note-mode .cell:nth-child(n+19):nth-child(-n+27),.board.note-mode .cell:nth-child(n+46):nth-child(-n+54){border-bottom-color:var(--accent)}.cell.related{background:var(--ink-07)}.cell.same{color:var(--accent-deep);background:var(--accent-tint)}.cell.selected{color:var(--paper);background:var(--ink)}.cell.given{font-weight:500}.cell.user{color:var(--accent-deep)}.cell.selected.user{color:var(--paper)}.cell.error{color:var(--alert);background:color-mix(in oklch,var(--alert) 10%,transparent)}.board.note-mode .cell.selected{color:var(--paper);background:var(--accent)}.notes{font:500 clamp(7px,1.15vw,11px)/1 var(--font-sans);color:var(--ink-55);grid-template-columns:repeat(3,1fr);align-items:center;display:grid;position:absolute;inset:4px}.selected .notes{color:var(--paper)}.board.note-mode .notes{color:var(--accent-deep)}.board.note-mode .cell.selected .notes{color:var(--paper)}.pause-cover{z-index:2;background:var(--paper);font:400 20px/1.4 var(--font-serif);place-content:center;display:grid;position:absolute;inset:0}.diamond{background:var(--accent);width:7px;height:7px;margin-right:9px;display:inline-block;transform:rotate(45deg)}.status{min-height:24px;color:var(--ink-55);margin:14px 0 0;font-size:14px}.status.note-status{color:var(--accent-deep);font-weight:500}.controls{border-top:1.5px solid var(--ink)}.control-section{border-bottom:1px solid var(--ink-14);padding:20px 0 22px}.control-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.quick-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.quick-actions button{border:1px solid var(--ink);min-height:48px;color:var(--ink);cursor:pointer;font:500 11px/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:0}.quick-actions button:disabled{opacity:.38;cursor:not-allowed}.quick-actions .note-toggle.active{border-color:var(--accent);background:var(--accent);color:var(--paper)}.number-pad{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.number-pad button,.actions button,.accent{border:1px solid var(--ink);min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border-radius:0}.number-pad button{aspect-ratio:1;font:400 22px/1 var(--font-serif);position:relative}.number-key-count{font:500 9px/1 var(--font-sans);color:var(--ink-55);font-variant-numeric:tabular-nums;position:absolute;top:7px;right:8px}.number-pad button:disabled{border-color:var(--ink-14);background:var(--ink-07);color:var(--ink-55);cursor:default}.number-pad button:disabled .number-key-count{color:var(--ink-18)}.number-pad .clear{font:500 11px/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actions button:disabled{opacity:.38;cursor:not-allowed}.difficulty-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.difficulty-buttons button{border:1px solid var(--ink);min-height:48px;color:var(--ink);cursor:pointer;font:500 11px/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:0}.difficulty-buttons button.active{border-color:var(--accent);color:var(--accent-deep);box-shadow:inset 0 -3px 0 var(--accent)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats-grid div{border-left:1px solid var(--ink-14);min-width:0;padding-left:10px}.stats-grid span{font:500 9px/1.35 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-55);display:block}.stats-grid strong{font:400 19px/1 var(--font-serif);font-variant-numeric:tabular-nums;margin-top:8px;display:block}.record-result{border-left:3px solid var(--accent);padding-left:12px;font-weight:500;color:var(--accent-deep)!important}.dialog-card .accent{background:var(--accent);border-color:var(--accent);width:100%;color:var(--paper);font-weight:500}@media (hover:hover){.header-state button:hover,.quick-actions button:hover,.number-pad button:hover,.actions button:hover,.difficulty-buttons button:hover{background:var(--ink);color:var(--paper)}.difficulty-buttons button.active:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}.cell:hover{background:var(--ink-07)}.accent:hover{background:var(--accent-deep);border-color:var(--accent-deep)}}.rules{border-bottom:1px solid var(--ink-14);color:var(--ink-80);padding:20px 0}.rules summary{cursor:pointer;border-bottom:1px solid var(--ink);align-items:center;min-height:44px;font-size:14px;display:flex}.rules p{font:400 15px/1.7 var(--font-serif)}.rules .keyboard{font:400 12px/1.5 var(--font-mono);color:var(--ink-55)}footer{border-top:1px solid var(--ink-14);width:min(100% - 48px,1240px);font:500 11px/1.4 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-55);justify-content:space-between;margin:28px auto 0;padding:20px 0 28px;display:flex}.dialog{z-index:5;background:#241e1a73;background:lab(11.8122% 2.13497 4.07868/.45);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog-card{background:var(--paper);border:1px solid var(--ink-14);width:min(100%,460px);padding:32px;box-shadow:0 24px 48px -24px #241e1a47;box-shadow:0 24px 48px -24px lab(11.8122% 2.13497 4.07868/.28)}.dialog-card h2{font:400 32px/1.2 var(--font-serif);margin:18px 0 10px}.dialog-card p{color:var(--ink-80);line-height:1.65}@media (max-width:820px){.game-layout{grid-template-columns:1fr;gap:32px}.board-column,.controls{max-width:none}}@media (max-width:640px){.app-header{min-height:56px;padding-block:6px}.brand span{font-size:20px}.header-state>span{display:none}.header-state{gap:10px}.header-state button{min-height:40px;padding-inline:10px}main{width:auto;padding:8px 24px 40px}.game-layout{gap:0}.board-meta{width:100%;margin:0 0 8px}.desktop-remaining,.desktop-time{display:none}.mobile-game-state,.mobile-remaining{color:var(--ink-55);display:inline}.mobile-game-state.is-noting{color:var(--accent-deep);font-weight:500}.board-shell{width:min(100vw,100svh - 250px);max-width:100vw;margin-left:50%;transform:translate(-50%)}.board{border-left:1.5px solid var(--ink);border-right:1.5px solid var(--ink)}.status{display:none}.cell{font-size:clamp(17px,6vw,25px)}.controls{border-top:0;margin-top:0}.primary-controls{padding:8px 0 12px}.quick-actions{margin-bottom:8px}.quick-actions button{min-height:44px}.number-pad button{aspect-ratio:auto;height:44px;min-height:44px}.control-section:not(.primary-controls){padding-block:18px}footer{flex-direction:column;gap:8px}.dialog-card{padding:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cell,.board,.header-state button{transition:none}}