*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:#f4f7f2;color:#132d3a;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffaf51;outline-offset:3px}.sudoku-shell{width:min(1160px,100%);margin:auto;padding:30px clamp(16px,4vw,40px) 65px}.sudoku-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.18em;color:#087b73}.sudoku-head h1{font-size:clamp(2.8rem,7vw,5.5rem);line-height:1;letter-spacing:-.07em;margin:15px 0}.sudoku-head h1 em{color:#0b9b88;font-style:normal}.sudoku-head p{font-size:clamp(1rem,2.2vw,1.3rem);color:#647781;margin:0 0 25px}.how-link{white-space:nowrap;text-decoration:none;border:1px solid #cddcd9;background:white;border-radius:12px;padding:12px 16px;color:#173b43;font-weight:800}.mode-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 20px}.toggle-group{display:flex;gap:4px;background:#dfeae7;border-radius:13px;padding:4px}.toggle-group button{border:0;background:transparent;border-radius:10px;padding:10px 15px;color:#31515a;font-weight:800}.toggle-group button.selected{background:#fff;box-shadow:0 2px 8px #112c3022;color:#086d63}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.stats>div{background:white;border:1px solid #dce8e4;border-radius:14px;padding:12px 16px;min-width:0}.stats small,.result-score small{display:block;color:#648079;font-size:.68rem;font-weight:900;letter-spacing:.12em}.stats strong{display:block;font-size:1.5rem;margin-top:3px}.game-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:22px;align-items:start}.board-panel,.side-card{background:#fff;border:1px solid #dce8e4;border-radius:22px;padding:clamp(13px,2vw,24px);box-shadow:0 12px 30px #2d55530d;min-width:0}.board-top{display:flex;justify-content:space-between;gap:10px;margin:0 0 12px;font-weight:900;color:#174b4a}.board-top span+span{font-size:.8rem;color:#648079}.sudoku-board{--n:6;display:grid;grid-template-columns:repeat(var(--n),1fr);width:min(100%,510px);aspect-ratio:1;margin:auto;border:3px solid #174c56;border-radius:8px;overflow:hidden;background:#174c56;touch-action:manipulation}.sudoku-board button{position:relative;min-width:0;min-height:0;border:0;border-right:1px solid #c8d7d3;border-bottom:1px solid #c8d7d3;background:#fff;color:#183a43;font-size:clamp(1rem,3.4vw,2rem);font-weight:750;touch-action:manipulation;padding:0;line-height:1}.sudoku-board.nine button{font-size:clamp(.9rem,3vw,1.55rem)}.sudoku-board button.box-right{border-right:3px solid #174c56}.sudoku-board button.box-bottom{border-bottom:3px solid #174c56}.sudoku-board button.given{background:#e8f1ed;color:#204b50;font-weight:900}.sudoku-board button.peer{background:#f0f9f6}.sudoku-board button.match{background:#d6f2e5}.sudoku-board button.active{background:#c0ede5;box-shadow:inset 0 0 0 3px #0c8d7d;z-index:1}.sudoku-board button.error{animation:wrong .35s ease;background:#ffd7c6}.sudoku-board button:disabled{cursor:default}.sudoku-board .pencil{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;font-size:clamp(.48rem,1.4vw,.78rem);font-weight:700;color:#3b7e81;width:100%;height:100%}.number-pad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:14px auto;max-width:510px}.number-pad button{height:clamp(42px,6vw,54px);min-width:0;background:#173a43;color:#fff;border:0;border-radius:10px;font-size:1.1rem;font-weight:900}.number-pad button:hover,.number-pad button:active{background:#0b9b88}.number-pad.six{grid-template-columns:repeat(6,minmax(0,1fr))}.board-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.board-actions button,.side-card button{border:1px solid #bcd6ce;background:#f4fbf7;color:#174b4a;border-radius:10px;padding:10px 13px;font-weight:800;min-height:44px}.board-actions button[aria-pressed=true]{background:#c0ede5}.status{min-height:2.6em;color:#496b6b;font-size:.9rem;line-height:1.4;margin:15px 0 0}.side-panel{display:grid;gap:16px}.side-card h2{font-size:1.65rem;line-height:1.1;margin:16px 0 9px}.side-card p{color:#547076;line-height:1.5}.side-card button{display:block;width:100%;margin:10px 0}.side-card #shareResult{background:#123942;color:#fff;border-color:#123942}.result-score{border-radius:13px;background:#d9f4e6;padding:12px;margin:16px 0}.result-score strong{font-size:2rem}.rules p{font-size:.92rem}.game-foot{color:#718188;font-size:.84rem}.game-foot a{color:#0d655e;font-weight:800}@keyframes wrong{50%{transform:scale(.92)}}@media(max-width:780px){.game-layout{grid-template-columns:1fr}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.sudoku-shell{padding:20px 12px 55px}.sudoku-head{display:block}.how-link{display:inline-block;margin:0 0 12px}.mode-bar{gap:8px}.toggle-group{width:100%}.toggle-group button{flex:1;font-size:.83rem;padding:10px 5px}.stats{gap:5px}.stats>div{padding:9px 5px;text-align:center}.stats strong{font-size:1.06rem}.stats small{font-size:.58rem}.board-panel{padding:12px}.board-top{font-size:.85rem}.sudoku-board button{font-size:clamp(1.1rem,6vw,1.8rem)}.sudoku-board.nine button{font-size:clamp(.9rem,4.8vw,1.35rem)}.side-panel{grid-template-columns:1fr}.board-actions button{flex:1;padding:8px 4px;font-size:.78rem}.number-pad{gap:4px}.number-pad button{height:46px}}