:root{--bg:#0b1328;--glow:#183c62;--accent:#7dd3fc}.sudoku-wrap{display:grid;place-items:center;gap:8px;width:100%;height:100%}.sudoku-board{width:min(67vh,88vw,500px);aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);border:3px solid #c8e9ff;border-radius:12px;overflow:hidden;background:#0b1730;box-shadow:0 20px 65px rgba(0,0,0,.38)}.cell{position:relative;display:grid;place-items:center;border:0;border-right:1px solid rgba(200,233,255,.2);border-bottom:1px solid rgba(200,233,255,.2);background:rgba(255,255,255,.025);color:#e7f7ff;font:inherit;font-size:clamp(14px,3.8vw,28px);font-weight:900;cursor:pointer}.cell:nth-child(3n){border-right:2px solid rgba(200,233,255,.65)}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid rgba(200,233,255,.65)}.cell.given{background:rgba(125,211,252,.09);color:#7dd3fc}.cell.selected{background:rgba(240,171,252,.2);box-shadow:inset 0 0 0 2px #f0abfc}.cell.peer{background:rgba(125,211,252,.055)}.cell.same{color:#fde68a}.cell.error{color:#fb7185;animation:shake .2s ease}.notes{display:grid;grid-template-columns:repeat(3,1fr);width:86%;height:86%;color:#9eabc7;font-size:clamp(5px,1.1vw,9px);font-weight:700}.notes span{display:grid;place-items:center}.number-pad{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;width:min(88vw,520px)}.number-pad button{min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:9px;padding:7px 2px;background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:clamp(10px,2.5vw,15px);font-weight:900;cursor:pointer}.number-pad button:hover{background:#7dd3fc;color:#0b1328}.game-meta{margin:0;color:#a9b5cb;font-size:9px;font-weight:800;text-transform:uppercase}.game-meta strong{color:#fff}.difficulty-label{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;color:#c7cee0;font-size:11px;font-weight:800}.difficulty-label select{border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:7px 10px;background:#10183b;color:#fff;font:inherit;font-size:11px}.icon-button.active{background:#7dd3fc;color:#0b1328}@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@media(max-height:500px){.sudoku-wrap{grid-template-columns:auto 72px;gap:7px}.sudoku-board{width:min(78vh,70vw)}.number-pad{grid-template-columns:repeat(2,1fr);width:72px}.game-meta{grid-column:1/-1}}