header .back{margin-left:auto;font-size:12px;color:#9dc5ed}.sudoku-layout{max-width:1100px;display:grid;grid-template-columns:1fr 490px;gap:70px;padding-top:45px}.intro h1{font-size:100px;line-height:.85;margin:30px 0}.intro>p{font-size:14px;line-height:1.9;color:#8da9d1}.intro .rule{display:flex;gap:20px;border-top:1px solid #294366;padding:15px 0;max-width:300px;align-items:center}.rule>span{color:#60bfff;font:12px monospace}.rule p{font-size:13px;line-height:1.7;color:#aac0df;margin:0}.intro .small{font-size:11px;margin:28px 0}.intro .button{font-size:12px;margin-top:5px}.puzzle-wrap{min-width:0}.puzzle-top{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:12px}.puzzle-top select{font-size:12px;padding:9px;max-width:160px}.puzzle-top #elapsed{margin-left:auto;color:#8cdbff;font:17px monospace;font-variant-numeric:tabular-nums}.puzzle-top button{padding:8px 10px;font-size:11px}.board-wrap{position:relative;border:2px solid #5e8dc4;box-shadow:0 0 50px #0f57ad25}#board{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1}.cell{border:0;border-right:1px solid #1e3a5b;border-bottom:1px solid #1e3a5b;border-radius:0;padding:0;position:relative;background:#08182d;color:#7bcbff;font-size:25px;font-weight:500;min-width:0;line-height:1}.cell:nth-child(3n){border-right:2px solid #4c719f}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #4c719f}.cell:nth-child(n+73){border-bottom:0}.cell.fixed{color:#d3e5fa;font-weight:700}.cell.related{background:#0d2340}.cell.same{background:#163957}.cell.selected{background:#245c99;box-shadow:inset 0 0 0 2px #84dcff}.cell.invalid{color:#ff95b0;background:#44213a}.cell:focus-visible{outline:2px solid #83e7ff;outline-offset:-3px;z-index:1}.cell:hover{background:#1d4063}.cell .pencil{position:absolute;inset:3px;display:grid;grid-template-columns:repeat(3,1fr);font-size:10px;color:#86b3dc;line-height:1}.pencil span{align-self:center}.number-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin:18px 0 13px}.number-pad button{padding:10px 0;font-size:20px;border-color:#264a71;color:#88cfff}.number-pad small{display:block;font-size:8px;color:#597a9b}.puzzle-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.puzzle-actions button{font-size:11px;padding:12px 5px}.puzzle-actions button[aria-pressed=true]{color:#87e2ff;border-color:#6acaff;background:#17365b}.puzzle-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#7299c3;font:11px monospace}.puzzle-bottom button{font-size:11px;padding:6px 13px}#status{font-size:12px;color:#8eb2d8;min-height:38px}#pause-layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07172df5;z-index:3}#pause-layer h2{font-size:26px}#win-copy{color:#91b9e3} @media(max-width:850px){.sudoku-layout{display:block;max-width:570px;padding-top:24px}.intro h1{font-size:44px;line-height:1;margin:12px 0}.intro h1 br{display:none}.intro>p{font-size:12px;margin:8px 0 22px}.intro .rule,.intro .small,.intro>.button{display:none}.intro .eyebrow{font-size:8px}.puzzle-top{gap:8px}.puzzle-top select{max-width:140px}.cell{font-size:23px}.cell .pencil{font-size:8px}.number-pad{gap:4px}.number-pad button{font-size:19px;padding:9px 0}.puzzle-actions{gap:5px}.puzzle-actions button{font-size:10px;padding:11px 3px}.puzzle-wrap{max-width:490px;margin:auto}}@media(max-width:370px){main.sudoku-layout{padding-left:12px;padding-right:12px}.cell{font-size:20px}}