@media(max-width:599px){main{padding-top:2px}}main{padding-top:5px}.sudoku-main-layout{}@media(min-width:1050px){.sudoku-main-layout{display:grid;grid-template-columns:800px auto;align-items:flex-start;justify-content:center;gap:32px}}.sudoku-app-main{display:flex;justify-content:center}.sudoku-board{top:0;width:100vw;max-width:772px;max-height:772px;aspect-ratio:1/1;position:relative;background:#5b5b5b;margin-top:5px;margin-bottom:5px}.sudoku-board-outline{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;outline:5px solid #5b5b5b}.sudoku-cell{position:absolute;color:#000;outline:1px solid #8c8c8c;transform:scale3d(1,1,1);background-color:#fff}.sudoku-cell__value>path{fill:#000}.sudoku-cell.prefilled{background-color:#dfdfdf}.sudoku-cell.highlight-row{background-color:#e6f7ff!important}.sudoku-cell.highlight-col{background-color:#e6f7ff!important}.sudoku-cell.highlight-same-number{background-color:#b3e6ff!important}.sudoku-cell.selected{background-color:#b3e6ff!important}.sudoku-cell.incorrect{background-color:#ffb3b3!important;border:2px solid #f33!important}.sudoku-cell.pre-filled{background-color:#dfdfdf}.sudoku-candidate{pointer-events:none;box-sizing:inherit;z-index:2}.sudoku-candidate{pointer-events:none;position:absolute}.sudoku-candidates>svg>path{pointer-events:none;fill:#5a5a5a}.sudoku-candidate-button{position:absolute;opacity:0;transition:opacity 400ms ease;transition-delay:300ms}.sudoku-candidate-button:hover{opacity:.4;transition-delay:0ms}.sudoku-candidate-button:hover{cursor:pointer;background-color:red}.sudoku-candidate:not(.selected) .sudoku-candidate-button{opacity:0!important;pointer-events:none!important}.sudoku-candidate.selected .sudoku-candidate-button{opacity:0;pointer-events:auto;transition:opacity 400ms ease;transition-delay:300ms}.sudoku-candidate.selected .sudoku-candidate-button:hover{opacity:.4;transition-delay:0ms;cursor:pointer;background-color:red}.sudoku-keyboard{margin:15px auto}.sudoku-keyboard__row{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.sudoku-keyboard__number{width:70px;height:70px;position:relative;background-color:#dfdfdf}.sudoku-keyboard{max-width:260px}.sudoku-notes-keyboard{max-width:260px;margin:0 auto}.sudoku-notes-keyboard .tile{background:#bdbdf9}.sudoku-keyboard__row{display:grid;grid-template-columns:repeat(3,1fr)}.sudoku-keyboard__number{width:auto;height:80px;font-size:2em}.sudoku-keyboard-layout{display:flex;flex-direction:column;align-items:center;width:100%}@media(max-width:599px){.sudoku-keyboard-layout{flex-direction:row;align-items:flex-start;justify-content:center;gap:12px;padding:12px 5px 0}.sudoku-action-section{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:90px}.sudoku-timer{margin-bottom:8px;text-align:center;font-size:1.1em}.sudoku-action-buttons{min-width:90px;margin:0;order:1}.sudoku-keyboard{margin:0;order:2}}@media(min-width:600px){.sudoku-keyboard-layout{flex-direction:column}.sudoku-action-buttons{order:2}.sudoku-keyboard{order:1}}.tile{width:80px;height:80px;background:#fff;border-radius:5px;position:relative;display:flex;justify-content:center;align-items:center;border:2px solid #000}.sudoku-keyboard.candidate-mode .tile{background-color:#cbe2ff;transition:background .2s}.tile:hover{cursor:pointer;background:#efefef}.tile:active{background:#dcdcdc}.sudoku-keyboard.candidate-mode .tile:hover{background-color:#4692ef;transition:background .2s}.sudoku-keyboard.candidate-mode .tile:active{background-color:#9fc8fa;transition:background .2s}.tile::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:7px;background-color:#abafb2;border-top:1px solid #e9ecef;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.tile__letter{font-size:2rem;font-weight:700;color:#2d3436;position:relative;z-index:1;margin-bottom:3px}.tile__number{position:absolute;top:8px;right:12px;font-size:1rem;font-weight:600;color:#2d3436;z-index:1}.sudoku-keyboard .tile.all-placed{background-color:#ededed!important;color:#222}.tile-corner-number{position:absolute;top:3px;right:6px;font-size:.4em;color:#222;pointer-events:none;z-index:2;font-family:Arial,sans-serif}.tile{position:relative}.sudoku-action-buttons{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px;margin-top:25px;margin:0 auto}#toggle-candidate-mode{width:100%;grid-column:1/span 2}#undo-btn{width:100%;grid-column:1;grid-row:2}#erase-btn{width:100%;grid-column:2;grid-row:2}.difficulty-selector{margin-top:15px;max-width:155px}@media(max-width:599px){.difficulty-selector{margin-top:15px;max-width:155px;margin:15px auto;text-align:center}}.sudoku-timer{text-align:center;font-size:1.5em}@media(max-width:599px){.sudoku-timer{font-size:1em}}.su-stretch{position:absolute;top:0;left:0;right:0;bottom:0}