:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,sans-serif}button{font:inherit}button:focus-visible{outline-offset:2px;outline:2px solid #a5c8ff}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:var(--page);color:var(--text);font-family:inherit}.app{grid-template-rows:60px 1fr 40px;min-height:100vh;display:grid}.appHeader{border-bottom:1px solid var(--border);align-items:center;padding-left:20px;display:flex}.appMain{gap:20px;width:min(900px,100%);margin:0 auto;padding:20px;display:grid}.sudokuPanel{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.gameStatus{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;max-width:560px;display:flex}.gameTimer{font-variant-numeric:tabular-nums}.gameTabs{flex-wrap:wrap}.historyPlayer{border:1px solid var(--control-border);border-radius:8px;width:100%;padding:12px}.historyPlayer:focus-visible{outline:2px solid var(--final);outline-offset:2px}.historyPlayer label{align-items:center;gap:8px;display:flex}.historyPlayer input{background:var(--cell);width:90px;color:var(--text);border:1px solid var(--control-border);padding:8px}.instructionsPanel{flex-direction:column;gap:12px;display:flex}.instructionsPanel p,.instructionsPanel h2,.instructionsPanel h3{margin:0}.instructionsPanel h3{margin-top:8px}.oversightsPanel li{margin-bottom:12px}.statisticsPanel a{color:var(--final)}.statsSummary p{margin:6px 0}.statisticsPanel section>h3{margin:0 0 10px}.spikeTableWrap{width:100%;overflow-x:auto}.spikeTable{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.spikeTable th,.spikeTable td{border:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:8px}.spikeTable ul{margin:0;padding-left:16px}.spikeTable p{margin:0}.spikeTable li+li{margin-top:10px}.statsAdditional{border:1px solid var(--border);border-radius:6px;padding:12px}.statsAdditional>summary{cursor:pointer}.oversightsPanel ul{margin:0;padding-left:18px}.oversightsPanel li{margin:0 0 6px;font-size:13px}.oversightsPanel select{margin-left:8px;padding:3px;font-size:12px}.overlayTool label{align-items:center}.difficultySelector{margin:16px 0}.difficultySelector label{flex-direction:column;gap:8px;display:flex}.difficultySelector input{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.difficultySelector input::-webkit-slider-runnable-track{background:var(--button);border:1px solid var(--border);border-radius:5px;height:28px}.difficultySelector input::-webkit-slider-thumb{appearance:none;border:2px solid var(--final);background:color-mix(in srgb, var(--final) 25%, var(--panel));border-radius:4px;width:15.3846%;height:26px}.difficultySelector input::-moz-range-track{background:var(--button);border:1px solid var(--border);border-radius:5px;height:28px}.difficultySelector input::-moz-range-thumb{border:2px solid var(--final);background:color-mix(in srgb, var(--final) 25%, var(--panel));border-radius:4px;width:15.3846%;height:24px}.difficultySelector input:focus-visible{outline:2px solid var(--final);outline-offset:3px}.difficultyRuler{height:18px;color:var(--muted);margin-top:3px;font-size:12px;position:relative}.difficultyRuler span{position:absolute;transform:translate(-50%)}.difficultyRuler span:first-child{transform:none}.difficultyRuler span:last-child{transform:translate(-100%)}.difficultySelector p{font-size:13px}.boardWithProgress{align-items:flex-start;gap:12px;width:100%;max-width:670px;display:flex}.boardWithProgress .board{width:min(560px,100% - 100px)}.digitProgress{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:3px;width:88px;display:grid}.digitProgressCell{isolation:isolate;aspect-ratio:1;border:1px solid var(--grid);background:color-mix(in srgb, var(--text) 12%, var(--cell));place-items:center;display:grid;position:relative}.digitProgressCell>span:last-child{opacity:.65}.digitProgressFill{background:var(--text);opacity:.55;z-index:-1;width:100%;position:absolute;bottom:0}.eventList li:focus{outline:2px solid var(--final);outline-offset:-2px}@media (width<=480px){.boardWithProgress{gap:6px}.boardWithProgress .board{width:calc(100% - 62px)}.digitProgress{gap:2px;width:56px;font-size:12px}}.statisticsPanel label{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.statisticsPanel select{background:var(--cell);color:var(--text);border:1px solid var(--control-border);border-radius:5px;max-width:100%;padding:6px}.statsPlot{border:1px solid var(--border);border-radius:8px;margin:16px 0;padding:6px}.statsPlot svg{width:100%;display:block}.statsPlot text{fill:var(--muted);font-size:12px}.plotAxis{fill:none;stroke:var(--muted)}.statsPlot{--plot-green:#69c8a8;--plot-blue:#7faaff}[data-theme=light] .statsPlot{--plot-green:#268365;--plot-blue:#356aba}[data-theme=sepia] .statsPlot{--plot-green:#28734c;--plot-blue:#315eaa}[data-theme=blue-sepia] .statsPlot{--plot-green:#196149;--plot-blue:#244a91}.plotLine{fill:none;stroke:var(--plot-green);stroke-width:2px}.plotPoint{fill:var(--plot-green);cursor:crosshair}.plotGrid{fill:none;stroke:var(--border);stroke-width:.6px}.plotSecond{stroke:var(--plot-blue)}.plotSecondPoint{fill:var(--plot-blue)}.statsPlot .plotFirstText{fill:var(--plot-green)}.statsPlot .plotSecondText{fill:var(--plot-blue)}.plotLegend{flex-wrap:wrap;gap:12px;margin:8px 0;font-size:12px;display:flex}.plotLegend span:first-child{color:var(--plot-green)}.plotLegend span:last-child{color:var(--plot-blue)}.overlaySelectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.statisticsPanel .overlaySelectors label{flex-direction:column;align-items:stretch;gap:4px;min-width:0;margin:0;display:flex}.overlaySelectors select{width:100%;min-width:0}.greenGraphLabel{color:#69c8a8}.blueGraphLabel{color:#7faaff}[data-theme=light] .greenGraphLabel{color:#268365}[data-theme=light] .blueGraphLabel{color:#356aba}[data-theme=sepia] .greenGraphLabel{color:#28734c}[data-theme=sepia] .blueGraphLabel{color:#315eaa}[data-theme=blue-sepia] .greenGraphLabel{color:#196149}[data-theme=blue-sepia] .blueGraphLabel{color:#244a91}.plotPeak{fill:var(--laser);opacity:.12}.plotBar{fill:var(--laser);cursor:crosshair}.plotThreshold{stroke:var(--parameter);stroke-width:2px;stroke-dasharray:5 4}.statsPlot p{min-height:20px;margin-bottom:0;font-size:12px}.statsTable{overflow-x:auto}.statsTable table{border-collapse:collapse;width:100%;font-size:12px}.statsTable th,.statsTable td{text-align:left;border-bottom:1px solid var(--border);padding:8px 5px}.gameHelp{max-width:560px;color:var(--muted);margin:0;line-height:1.6}.controlButton{background:var(--button);border:1px solid var(--control-border);color:inherit;cursor:pointer;border-radius:6px;padding:8px 16px}.controlButton:disabled{opacity:.45;cursor:default}.logPanel h2{margin-top:0;font-size:18px}.eventList{scrollbar-gutter:stable;border:1px solid var(--border);border-radius:6px;flex-shrink:0;height:min(520px,65vh);margin:0;padding:12px 12px 12px 36px;font-size:14px;line-height:1.5;overflow-y:scroll}.eventList li{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:6px 0}.eventList details p{margin:4px 0;font-size:12px}.snapshotBoard{width:min(360px,100%)}.snapshotCell{cursor:help;font-size:clamp(14px,3vw,24px)}.snapshotOutline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.snapshotOutline rect{fill:none;stroke:var(--laser);stroke-width:2px;stroke-dasharray:5 3}.snapshotOversight{z-index:4}.snapshotOversight rect{stroke:#ff2020;stroke-width:3px;stroke-dasharray:none}.snapshotPrimary rect{stroke-width:3px;animation:1s linear infinite marchingDash}.snapshotBefore{min-height:48px}@keyframes marchingDash{to{stroke-dashoffset:-16px}}@media (prefers-reduced-motion:reduce){.snapshotPrimary rect{stroke-width:4px;animation:none}}.wheelBackdrop{z-index:20;position:fixed;inset:0}.radialMenu{background:var(--panel);border:1px solid var(--control-border);border-radius:50%;position:fixed;box-shadow:0 10px 40px #0008}.radialMenu svg{width:100%;height:100%;display:block}.wheelSector{cursor:pointer}.wheelSector path{stroke:var(--control-border);stroke-width:.8px}.wheelParameter path{fill:var(--cell)}.wheelSector text{text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:11px}.wheelParameter text{fill:var(--parameter)}.wheelColor text{fill:#10131a;font-weight:600}.wheelSector:hover:not([aria-disabled=true]) path{stroke:var(--text);stroke-width:2.5px;filter:brightness(1.2)}.wheelSector[aria-pressed=true] path{stroke:var(--laser);stroke-width:2px}.wheelSector[aria-disabled=true]{opacity:.3;cursor:default}.wheelCenter{text-anchor:middle;fill:var(--muted);pointer-events:none;font-size:7px}.gameBox{border:1px solid var(--border);border-radius:12px;width:100%;max-width:660px;margin:0 auto;overflow:hidden}.gameTabs{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;display:flex}.gameTabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:1;padding:14px 10px}.gameTabs button[aria-selected=true]{color:var(--text);box-shadow:inset 0 -3px var(--laser);background:var(--button)}.tabPanel{min-height:620px;padding:clamp(12px,3vw,24px)}.tabPanel[hidden]{display:none}.tabPanel h2{margin-top:0;font-size:20px}.historyPanel,.statisticsPanel,.settingsPanel{flex-direction:column;gap:12px;line-height:1.55;display:flex}.historyPanel>*,.statisticsPanel>*,.settingsPanel>*{margin-top:0;margin-bottom:0}.historyPanel>label{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tabPanel .statisticsPanel>label,.tabPanel .settingsPanel>label{margin:0}.historyPanel>.dialogActions{margin-bottom:4px}.eventList details{margin-top:4px}.snapshotPanel{padding:8px 0}.snapshotBefore{margin-top:8px!important}.statisticsPanel details p{margin:10px 0}.saveStatus{color:var(--muted);border-top:1px solid var(--border);margin:0;padding:12px 24px;font-size:12px}.historyPanel select{background:var(--cell);max-width:100%;color:var(--text);border:1px solid var(--control-border);border-radius:5px;padding:6px}@media (width<=480px){.gameTabs button{padding:12px 6px;font-size:13px}.appMain{padding:12px}.tabPanel{min-height:480px}}.misclickDialog{background:var(--panel);width:min(480px,100% - 32px);color:var(--text);border:1px solid var(--control-border);border-radius:12px;padding:24px;line-height:1.6}.misclickDialog::backdrop{background:#0009}.dialogActions{flex-wrap:wrap;gap:12px;display:flex}.logPanel{border:1px solid var(--border);border-radius:12px;min-height:150px;padding:20px}.appFooter{border-top:1px solid var(--border)}.board{aspect-ratio:1;border:3px solid var(--grid-strong);background:var(--cell);flex-shrink:0;grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));width:min(560px,100%);display:grid;position:relative}.cell{isolation:isolate;border:0;border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);background:var(--cell);color:var(--final);font:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;font-size:clamp(18px,5vw,34px);display:flex;position:relative}.cell:hover{background:var(--hover);color:var(--text)}.cellSelected{background:var(--selected);color:var(--selected-text)}.cellSelected,.cell:focus-visible{z-index:3}.cellSelected:after,.cellMatching:after{content:"";border:2px solid var(--laser);z-index:1;pointer-events:none;position:absolute;inset:0}.cellSelected:after{border-color:var(--selected-text)}.cell:nth-child(3n){border-right:3px solid var(--grid-strong)}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid var(--grid-strong)}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+73):nth-child(-n+81){border-bottom:0}.cellGiven{color:var(--text);font-weight:600}.cell:before{content:"";background:var(--cell-color);z-index:-1;pointer-events:none;position:absolute;inset:0}.cellColored{color:#17232e;--candidate:#17232e;--parameter:#352133}.cellColored:hover,.cellColored.cellMatching{color:#17232e}.cellMatching{color:var(--match-text);box-shadow:inset 0 0 0 2px var(--laser);background:var(--match)}.candidateDial{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.dialDigit,.dialParameter{text-anchor:middle;dominant-baseline:central;fill:var(--candidate);font-size:21px}.dialParameter{fill:var(--parameter);font-size:20px}.glyphLine{fill:none;stroke:var(--candidate);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.glyphPoint{fill:var(--candidate)}.dialPreview{background:var(--cell);border:1px solid var(--grid-strong);border-radius:6px;width:120px;height:120px;position:relative}.laser{background:var(--laser);opacity:.1;pointer-events:none;z-index:2;position:absolute}.laserHorizontal{height:11.1111%;left:0;right:0}.laserVertical{width:11.1111%;top:0;bottom:0}.laserBlock{opacity:.07;width:33.3333%;height:33.3333%}:root{--page:#0f1117;--text:#e6edf3;--muted:#a4b0c0;--border:#30363d;--panel:#141c29;--button:#182234;--control-border:#526074;--cell:#05070b;--hover:#111827;--grid:#334155;--grid-strong:#9fb3c8;--final:#93c5fd;--given:#e6edf3;--candidate:#b8c6d9;--parameter:#ffd5a2;--selected:#1d4ed8;--selected-text:#eff6ff;--match:#163c36;--match-text:#fff;--laser:#72dbc0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--page:#f5f7fa;--text:#182334;--muted:#526074;--border:#cbd5e1;--panel:#fff;--button:#e4ebf5;--control-border:#64748b;--cell:#fff;--hover:#eaf0f8;--grid:#ccd6e3;--grid-strong:#475569;--final:#1859a5;--given:#182334;--candidate:#475569;--parameter:#865317;--selected:#dbeafe;--selected-text:#153e75;--match:#d3eee2;--match-text:#14392d;--laser:#1b8069;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=sepia]{--page:#eee4d0;--text:#47392a;--muted:#72624f;--border:#c8b89d;--panel:#f7efdf;--button:#e6d6bb;--control-border:#8a7458;--cell:#faf1df;--hover:#e9dcc2;--grid:#d3c2a6;--grid-strong:#786346;--final:#975827;--given:#47392a;--candidate:#6c5942;--parameter:#984521;--selected:#e4cf9e;--selected-text:#47392a;--match:#d6dfb5;--match-text:#344321;--laser:#628241;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=blue-sepia]{--page:#c2d1dc;--text:#263e50;--muted:#435e70;--border:#92aabb;--panel:#d3dfe7;--button:#b6cad8;--control-border:#58788f;--cell:#dce6ed;--hover:#c3d5e2;--grid:#a6bdcd;--grid-strong:#4d7189;--final:#286f9b;--given:#263e50;--candidate:#4e6e82;--parameter:#6d5493;--selected:#bad9ea;--selected-text:#1d4660;--match:#c1e0df;--match-text:#215755;--laser:#2d9296;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=green-code]{--page:#061009;--text:#b9f6c8;--muted:#74ad83;--border:#224b2e;--panel:#0b1b10;--button:#122b1b;--control-border:#4d9661;--cell:#06120a;--hover:#102a18;--grid:#244b30;--grid-strong:#559a66;--final:#61e887;--given:#c1f8cf;--candidate:#84ba91;--parameter:#dfefa1;--selected:#194e2a;--selected-text:#deffe6;--match:#1c402a;--match-text:#effff0;--laser:#72ff9a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Consolas,monospace}.settingsPanel{width:100%}.settingsPanel label{align-items:center;gap:12px;margin:12px 0;display:flex}.settingsPanel select,.keyInput{background:var(--cell);color:var(--text);border:1px solid var(--control-border);font:inherit;border-radius:5px;padding:6px}.keyInput{text-align:center;cursor:pointer;width:76px;margin:3px}.settingsTable{overflow-x:auto}.settingsTable table{border-collapse:collapse;width:100%}.settingsTable th,.settingsTable td{border-bottom:1px solid var(--border);text-align:left;padding:6px}.settingsControls{flex-wrap:wrap;gap:0 20px;display:flex}