:root{--bg:#f6f4ee;--paper:#fffefa;--ink:#252c26;--muted:#777c73;--green:#365847;--green2:#e9eee7;--line:#deded5;--accent:#ce795b;--selection:#e4eadd;--peer:#f1f3ec;--fixed:#30392f;--wrong:#a9433a;--shadow:0 16px 42px rgba(37,44,38,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,select{font:inherit}button{cursor:pointer}.site-shell{max-width:1270px;padding:0 5.6%;margin:auto}.header{height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-weight:750;font-size:20px;letter-spacing:-.8px;display:flex;align-items:center;gap:11px}.brand-icon{color:var(--accent);font-size:29px}.brand-dot{color:var(--accent)}nav{display:flex;gap:36px;align-items:center}nav a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:600}nav a:hover,.intro-link:hover{color:var(--accent)}.theme-button{border:1px solid var(--line);border-radius:50%;background:var(--paper);height:35px;width:35px;font-size:18px;color:var(--ink)}.intro{min-height:440px;position:relative;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line);overflow:hidden;padding:50px 0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.5px;color:var(--accent)}.sparkle{font-size:16px;margin-right:8px}.intro h1{font-size:clamp(42px,5.6vw,77px);letter-spacing:-4px;line-height:1.09;margin:23px 0 20px;position:relative;z-index:1;font-weight:760}.intro h1 em,.info-section em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.intro p{font-size:16px;color:var(--muted);max-width:425px;line-height:1.85;margin:0 0 23px;z-index:1}.intro-link{font-size:14px;font-weight:750;color:var(--green);text-decoration:none;z-index:1}.intro-link span{margin-left:12px}.intro-deco{position:absolute;width:380px;height:380px;right:4%;top:30px;opacity:.7}.ring{position:absolute;border:1px solid #d4dbd0;border-radius:50%;transform:rotate(-28deg)}.r1{inset:5px 70px;transform:rotate(42deg)}.r2{inset:70px 5px;transform:rotate(42deg)}.deco-star{position:absolute;font-family:Georgia,serif;top:55px;left:115px;color:#d1dccc;font-size:225px;font-weight:400}.game-section{padding:75px 0 108px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-heading h2,.info-section h2{font-size:43px;letter-spacing:-2px;margin:13px 0 0}.heading-doodle{font-family:Georgia,serif;color:var(--accent);font-size:30px;font-weight:normal}.game-status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#83aa83}.game-layout{display:grid;grid-template-columns:minmax(0,610px) minmax(260px,1fr);gap:22px}.board-panel,.tools-panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.board-panel{padding:25px}.board-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.board-top>div{display:flex;align-items:center;gap:12px}.meta-label{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--muted)}select{color:var(--green);border:0;background:var(--green2);padding:9px 12px;border-radius:6px;font-size:13px;font-weight:750;cursor:pointer}.timer{font-variant-numeric:tabular-nums;font-size:19px;letter-spacing:1px;font-weight:700}.sudoku-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));aspect-ratio:1;border:2px solid var(--green);background:var(--green);width:100%;user-select:none;touch-action:manipulation}.cell{border:0;border-bottom:1px solid #c8d2c5;border-right:1px solid #c8d2c5;position:relative;background:var(--paper);font-size:clamp(17px,2.2vw,28px);color:var(--green);font-weight:500;min-width:0;min-height:0;padding:0}.cell[data-col="2"],.cell[data-col="5"]{border-right:2px solid var(--green)}.cell[data-row="2"],.cell[data-row="5"]{border-bottom:2px solid var(--green)}.cell[data-col="8"]{border-right:none}.cell[data-row="8"]{border-bottom:none}.cell.fixed{font-weight:800;color:var(--fixed)}.cell.peer{background:var(--peer)}.cell.match{background:#dce8d8}.cell.active{background:#c4d8c6;outline:2px solid var(--green);outline-offset:-2px;z-index:1}.cell.error{color:var(--wrong)}.cell.hinted{color:#b46b3f;font-weight:800}.notes-grid{position:absolute;inset:2px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;font-size:clamp(8px,1.05vw,12px);font-weight:500;color:#76917b}.board-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:19px;font-size:12px;color:var(--muted)}.text-action{background:transparent;border:0;color:var(--green);font-size:12px;font-weight:750}.tools-panel{padding:35px 29px;display:flex;flex-direction:column}.tools-head h3{font-size:27px;letter-spacing:-1px;margin:18px 0 10px}.tools-head p{font-size:13px;line-height:1.85;color:var(--muted);max-width:275px;margin:0}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:27px}.number-pad button{aspect-ratio:1.35;border-radius:8px;border:1px solid var(--line);background:var(--bg);font-size:26px;font-weight:600;color:var(--green);transition:background .12s}.number-pad button:hover,.number-pad button:focus-visible{background:var(--selection)}.tool-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:21px}.tool-button{padding:14px 3px 12px;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--paper);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:750;color:var(--ink)}.tool-button small{font-size:10px;color:var(--muted);font-weight:500}.tool-button.enabled{background:var(--green2);border-color:var(--green)}.tool-ico{font-size:23px;color:var(--green)}.note-box{display:flex;gap:15px;background:var(--green2);padding:18px;border-radius:9px;margin-top:26px}.note-sun{font-size:31px;color:#b18a46;line-height:1}.note-box strong{font-size:12px}.note-box p{margin:7px 0 0;font-size:11px;line-height:1.7;color:var(--muted)}.reset-button{margin-top:auto;padding-top:27px;text-align:left;color:var(--muted);font-size:12px;background:none;border:none}.reset-button:hover{color:var(--accent)}.info-section{border-top:1px solid var(--line);padding:70px 0 100px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.rule-grid article{border-top:1px solid var(--line);padding-top:20px}.rule-grid span{font-size:12px;font-weight:800;color:var(--accent)}.rule-grid h3{font-size:16px;margin:16px 0 7px}.rule-grid p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;padding:27px 0 35px;align-items:center;color:var(--muted);font-size:11px}footer span:first-child{font-weight:700;color:var(--green)}footer a{text-decoration:none;color:var(--green)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:13px 20px;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:.22s;z-index:5;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#16251ba9;z-index:10;display:grid;place-items:center;padding:16px}.modal-backdrop[hidden]{display:none}.modal{background:var(--paper);border-radius:14px;max-width:450px;width:100%;padding:45px;text-align:center}.win-mark{font-size:70px;color:var(--accent)}.modal h2{font-size:35px;letter-spacing:-1.5px}.modal p{color:var(--muted);font-size:14px;line-height:1.8}.win-time{font-size:14px;margin:22px}.primary-button{background:var(--green);color:white;border:0;padding:15px 28px;border-radius:7px;font-weight:700}.dark{--bg:#1b231f;--paper:#252f29;--ink:#eef2e8;--muted:#a1ada0;--green:#b8d5b9;--green2:#334439;--line:#425047;--accent:#e8a88a;--selection:#48654c;--peer:#303b34;--fixed:#f0f1e8;--wrong:#ffab96;--shadow:none}.dark .cell.match{background:#415a45}.dark .cell.active{background:#537558}.dark .cell{border-color:#536958}.dark .sudoku-board{border-color:#b8d5b9;background:#b8d5b9}.dark .cell[data-col="2"],.dark .cell[data-col="5"]{border-right-color:#b8d5b9}.dark .cell[data-row="2"],.dark .cell[data-row="5"]{border-bottom-color:#b8d5b9}.dark .intro-deco{opacity:.3}.dark .primary-button{color:#1b231f}
@media(max-width:850px){.intro-deco{right:-145px;opacity:.3}.game-layout{grid-template-columns:minmax(0,1fr)}.tools-panel{padding:25px}.tools-head p{max-width:none}.number-pad{grid-template-columns:repeat(9,1fr)}.number-pad button{font-size:20px;aspect-ratio:1;min-width:0}.tool-buttons{max-width:440px;width:100%}.reset-button{margin-top:12px}.cell{font-size:clamp(17px,4vw,27px)}.notes-grid{font-size:clamp(8px,1.9vw,12px)}}
@media(max-width:530px){.site-shell{padding:0 16px}.header{height:73px}.brand{font-size:17px}.brand-icon{font-size:22px}nav{gap:13px}nav a{font-size:12px}nav a[href="#rules"]{display:none}.intro{min-height:390px}.intro h1{letter-spacing:-2.5px}.intro p{font-size:14px}.intro-deco{right:-240px}.game-section{padding:52px 0 67px}.section-heading h2,.info-section h2{font-size:36px}.board-panel{padding:12px}.board-top{margin-bottom:13px}.meta-label{font-size:9px}.board-top>div{gap:7px}.board-bottom{font-size:10px}.cell{font-size:clamp(16px,5vw,26px)}.tools-panel{padding:20px}.number-pad{gap:4px}.number-pad button{font-size:17px}.rule-grid{grid-template-columns:1fr;gap:25px}.info-section{padding:50px 0}footer{flex-wrap:wrap}.modal{padding:28px}}