.sudoku-main{padding:62px 0 0}.sudoku-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.sudoku-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,6vw,68px)}.sudoku-intro p:last-child{color:#626777;max-width:650px;margin:14px 0 0;font-size:17px;line-height:1.65}.sudoku-badge{color:#2f7547;background:#dff2e5;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800}.tutorial-card{background:#fffefa;border:1px solid #1713471a;border-radius:30px;grid-template-columns:1fr minmax(280px,420px);align-items:center;gap:55px;padding:44px;display:grid;box-shadow:0 25px 65px #17134714}.tutorial-copy>span{color:#3e8e5a;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.tutorial-copy h2{letter-spacing:-.045em;margin:12px 0;font-size:clamp(30px,4vw,46px)}.tutorial-copy p{color:#626777;font-size:17px;line-height:1.65}.tutorial-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.practice-grid{background:#fff;border:3px solid #171347;border-radius:18px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.practice-grid span{aspect-ratio:1;border:1px solid #1713472e;place-items:center;font-size:clamp(22px,4vw,38px);font-weight:750;display:grid}.practice-grid span:nth-child(2n){border-right:3px solid #171347}.practice-grid span:nth-child(n+5):nth-child(-n+8){border-bottom:3px solid #171347}.practice-grid span.focus{background:#f5dc85}.sudoku-toolbar{background:#ffffffb3;border:1px solid #1713471a;border-radius:20px;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:18px;padding:18px 20px;display:flex}.sudoku-toolbar>div>span{color:#777b89;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.level-buttons{flex-wrap:wrap;gap:7px;display:flex}.level-buttons button{color:#626777;cursor:pointer;min-height:40px;font:inherit;background:#fff;border:1px solid #17134724;border-radius:11px;padding:0 13px;font-size:12px;font-weight:750}.level-buttons button.active{color:#fff;background:#171347;border-color:#171347}.sudoku-stats{gap:25px;display:flex}.sudoku-stats span{color:#171347;min-width:64px;font-size:18px;font-weight:800}.sudoku-stats small{color:#808492;letter-spacing:.13em;margin-bottom:2px;font-size:8px;display:block}.sudoku-game-card{background:#fffefa;border:1px solid #1713471a;border-radius:30px;grid-template-columns:minmax(330px,600px) minmax(250px,1fr);align-items:start;gap:38px;padding:34px;display:grid;box-shadow:0 25px 65px #17134714}.sudoku-board{grid-template-columns:repeat(var(--size),1fr);background:#fff;border:4px solid #171347;border-radius:16px;width:min(100%,560px);margin:auto;display:grid;overflow:hidden}.sudoku-board>button{aspect-ratio:1;color:#171347;cursor:pointer;font:inherit;background:#fff;border:1px solid #17134745;border-top:0;border-left:0;place-items:center;font-size:clamp(21px,4.2vw,38px);font-weight:650;display:grid;position:relative}.sudoku-board>button.box-right{border-right:4px solid #171347}.sudoku-board>button.box-bottom{border-bottom:4px solid #171347}.sudoku-board>button.given{cursor:default;background:#f1f0f6;font-weight:820}.sudoku-board>button.selected{background:#f6df8d;box-shadow:inset 0 0 0 3px #d4af37}.sudoku-board>button.conflict{color:#a44339;background:#fbe3df}.sudoku-board>button.wrong{color:#a02d25;background:#fad0ca}.cell-notes{grid-template-columns:repeat(3,1fr);align-items:center;display:grid;position:absolute;inset:4px}.cell-notes i{color:#6c7180;place-items:center;font-size:clamp(8px,1.4vw,12px);font-style:normal;display:grid}.sudoku-controls>p{color:#777b89;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:800}.number-pad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.number-pad button{color:#171347;cursor:pointer;min-height:62px;font:inherit;background:#fff;border:1px solid #17134729;border-radius:15px;font-size:24px;font-weight:800}.number-pad button:hover:not(:disabled){background:#edf8f0;border-color:#3e8e5a}.number-pad button:disabled{opacity:.45;cursor:default}.notes-toggle{color:#626777;cursor:pointer;width:100%;min-height:48px;font:inherit;background:#f4f3f7;border:1px solid #17134721;border-radius:13px;justify-content:space-between;margin-top:10px;padding:0 14px;font-weight:700;display:flex}.notes-toggle.active{color:#2f7547;background:#e8f3eb}.control-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.sudoku-message{background:#f2f1f5;border-radius:14px;flex-direction:column;gap:5px;margin-top:14px;padding:14px;display:flex}.sudoku-message strong{font-size:12px}.sudoku-message span{color:#626777;font-size:12px;line-height:1.5}.sudoku-message.complete{color:#2f7547;background:#dff2e5}.new-puzzle{color:#3e8e5a;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;margin-top:11px;font-size:12px;font-weight:800}.sudoku-page .sl-site-footer{margin-top:76px}@media (width<=880px){.sudoku-game-card,.tutorial-card{grid-template-columns:1fr}.practice-grid{max-width:420px}.sudoku-controls{width:100%;max-width:560px;margin:auto}.number-pad{grid-template-columns:repeat(6,1fr)}.number-pad button{min-height:52px}.sudoku-toolbar{flex-direction:column;align-items:flex-start}}@media (width<=560px){.sudoku-main{padding-top:42px}.sudoku-intro{flex-direction:column;align-items:flex-start}.tutorial-card,.sudoku-game-card{border-radius:22px;padding:20px}.tutorial-actions .sl-button{width:100%}.sudoku-stats{justify-content:space-between;width:100%}.number-pad{grid-template-columns:repeat(3,1fr)}.sudoku-board>button{font-size:25px}.cell-notes i{font-size:8px}}