body:has(.sc-sudoku-app){overflow-y:scroll}.sc-sudoku-app{max-width:660px;margin:18px auto 40px;padding:18px;border:1px solid #eee;border-radius:12px;box-shadow:0 6px 18px rgb(0 0 0 / .04);background:#fff}body.sc-simulated-fullscreen{overflow:hidden}.sc-sudoku-app.sc-simulated-fullscreen-active{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;max-width:100%;border-radius:0;overflow-y:auto;background-color:#fff}.sc-sudoku-top{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.sc-sudoku-title{text-align:center;font-size:24px;font-weight:500;margin-top:0;margin-bottom:15px}.sc-tab-container{display:flex;justify-content:center;gap:6px;border-bottom:2px solid #e5e7eb;margin-bottom:15px}.sc-tab-button{padding:5px 16px;cursor:pointer;border:none;background:#f3f4f6;font-size:18px;font-weight:500;color:#374151;border-radius:8px 8px 0 0}.sc-tab-button.active{background-color:#2563eb;color:#fff}.sc-tab-button:hover,.sc-tab-button:focus,.sc-tab-button:active{background-color:#f3f4f6;color:#374151;outline:none;transform:none}.sc-tab-button.active:hover,.sc-tab-button.active:focus,.sc-tab-button.active:active{background-color:#2563eb;color:#fff}.sc-tab-content{display:none}.sc-tab-content.active{display:block;padding:0 15px}.sc-sudoku-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sc-sudoku-btn{padding:0 7px;border-radius:8px;border:1px solid #d0d7de;background:#f8f9fb;cursor:pointer;font-weight:500;color:#1f2937;font-size:15px}.sc-sudoku-btn:hover,.sc-sudoku-btn:focus,.sc-sudoku-btn:active{background:#f8f9fb;border-color:#d0d7de;color:#1f2937;outline:none;box-shadow:none}#sc-fullscreen-btn,#sc-mute-toggle-btn,#sc-pause-resume-btn{display:flex;align-items:center;justify-content:center;padding:8px}#sc-pause-resume-btn{display:none}#sc-enter-fullscreen-icon,#sc-exit-fullscreen-icon,#sc-unmute-icon,#sc-mute-icon,#sc-pause-icon,#sc-resume-icon{width:20px;height:20px}#sc-unmute-icon,#sc-mute-icon{display:none}.sc-note-toggle-label{display:flex;align-items:center;gap:6px;font-size:16px}.sc-board-wrapper{position:relative;margin:0 auto}.sc-sudoku-select{padding:8px;font-size:15px;border-radius:8px;border:1px solid #d0d7de}.sc-sudoku-app select.sc-sudoku-select,.sc-sudoku-app input[type="number"].sc-sudoku-select{background-color:#fff;outline:none;box-shadow:none;border-radius:8px;border:1px solid #d0d7de}.sc-sudoku-app select.sc-sudoku-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:20px;padding-right:35px;cursor:pointer}.sc-sudoku-app select.sc-sudoku-select:focus,.sc-sudoku-app input[type="number"].sc-sudoku-select:focus{border-color:#8ab4f8}.sc-pause-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(255 255 255 / .85);display:none;align-items:center;justify-content:center;cursor:pointer;z-index:10;border-radius:2px}.sc-sudoku-board{display:grid;gap:0;background:#000;margin:0 auto;border:2px solid #000;width:100%;box-sizing:border-box}.sc-sudoku-row{display:contents}.sc-sudoku-board.sc-board-paused .sc-sudoku-cell input,.sc-sudoku-board.sc-board-paused .sc-candidates{visibility:hidden}.sc-pause-icon-wrapper{background-color:rgb(0 0 0 / .7);border-radius:50%;padding:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px rgb(0 0 0 / .2);transition:transform 0.2s ease}.sc-pause-icon-wrapper:hover{transform:scale(1.05)}.sc-pause-icon-wrapper svg{width:90px;height:90px;color:#fff}.sc-sudoku-cell{position:relative;background:#fff;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid #c5cdda;box-sizing:border-box}.sc-sudoku-cell.sc-cell-active{box-shadow:inset 0 0 0 1px #7498e8;z-index:1}.sc-sudoku-app .sc-sudoku-cell input[type="text"],.sc-sudoku-app .sc-sudoku-cell input[type="text"]:focus,.sc-sudoku-app .sc-sudoku-cell input[type="text"]:active{width:100%;height:100%;border:0;outline:none;font-size:22px;text-align:center;background-color:#fff0;box-shadow:none;border-radius:0;color:#1d4ed8}.sc-sudoku-cell input.sc-cell-error{color:#ef4444;font-weight:500}.sc-sudoku-cell[aria-readonly="true"]{background:#f1f5f9}.sc-sudoku-app .sc-sudoku-cell[aria-readonly="true"] input,.sc-sudoku-app .sc-sudoku-cell[aria-readonly="true"] input:focus,.sc-sudoku-app .sc-sudoku-cell[aria-readonly="true"] input:active{color:#1f2937}.sc-sudoku-cell.sc-border-right{border-right:2px solid #4b5563}.sc-sudoku-cell.sc-border-bottom{border-bottom:2px solid #4b5563}.sc-sudoku-cell.sc-border-left{border-left:2px solid #4b5563}.sc-sudoku-cell.sc-border-top{border-top:2px solid #4b5563}.sc-numpad{display:flex;justify-content:center;margin-top:15px;border:1px solid #d0d7de;border-radius:8px;overflow:hidden;max-width:fit-content;margin-left:auto;margin-right:auto}.sc-numpad-btn{width:40px;height:40px;padding:0;font-size:22px;font-weight:500;color:#1f2937;border-radius:0;border:none;border-right:1px solid #d0d7de;background:#f8f9fb;cursor:pointer;transition:background-color 0.2s}.sc-numpad-btn:last-child{border-right:none}.sc-numpad-btn:hover,.sc-numpad-btn:focus,.sc-numpad-btn:active{background-color:#f8f9fb;color:#1f2937;outline:none;box-shadow:none}.sc-numpad-btn svg{width:24px;height:24px;pointer-events:none;display:block;stroke:currentColor}.sc-candidates{position:absolute;inset:2px;font-size:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;color:#444;pointer-events:none;text-align:center}.sc-sudoku-message{text-align:center;font-size:16px;padding-bottom:5px;color:#334155;font-weight:500;height:0;opacity:0;overflow:hidden;transition:height 0.3s ease,opacity 0.3s ease,margin-bottom 0.3s ease}.sc-sudoku-message:not(:empty){height:30px;opacity:1}.sc-sudoku-timer{font-size:18px;font-weight:500;color:#9216a7;display:none;text-align:center;margin-bottom:5px}.sc-settings-options{display:flex;flex-direction:column;gap:10px;width:fit-content;margin:0 auto;align-items:flex-start}.sc-settings-row{display:flex;gap:10px;align-items:center}.sc-settings-label{display:inline-flex;align-items:center;gap:6px}.sc-radio-group{display:flex;gap:15px;align-items:center}.sc-sudoku-app input[type="checkbox"],.sc-sudoku-app input[type="radio"]{width:1.15em;height:1.15em;cursor:pointer;margin:0}.sc-sudoku-app input[type="checkbox"]:focus,.sc-sudoku-app input[type="radio"]:focus{outline:none}#sc-timer-options{display:none;flex-direction:column;gap:15px;padding-left:15px;margin-left:10px;border-left:2px solid #e5e7eb;margin-top:5px}#sc-countdown-setting{display:none}#sc-timer-duration{width:70px}.sc-sudoku-app input[type="number"]{-moz-appearance:textfield;appearance:textfield}.sc-sudoku-app input[type="number"]::-webkit-outer-spin-button,.sc-sudoku-app input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sc-settings-actions{display:flex;justify-content:center;gap:8px;margin-top:25px}.sc-numpad-btn{display:flex;justify-content:center;align-items:center}.sc-settings-actions .sc-sudoku-btn{padding:8px 13px;font-size:16px}#sc-clear-settings-btn{background-color:#6c757d;color:#fff}#sc-save-settings-btn{background-color:#0c8579;color:#fff}#sc-clear-settings-btn:hover,#sc-clear-settings-btn:focus{background-color:#6c757d}#sc-save-settings-btn:hover,#sc-save-settings-btn:focus{background-color:#0c8579}.sc-sudoku-app button:active{transform:scale(.98)}.faq-list{margin-top:1rem}.faq-list dt{font-weight:500;font-size:1.1em}.faq-list dd{margin-left:0;margin-top:.5rem;margin-bottom:1rem;padding-left:1rem;padding-bottom:10px;border-bottom:1px dashed #ddd}@media(max-width:720px){.sc-sudoku-app{padding-left:0;padding-right:0;border-radius:0;box-shadow:none;border-left:none;border-right:none}.sc-tab-content.active{padding-left:0;padding-right:0}.sc-numpad-btn{width:50px;height:50px;padding:0;font-size:20px;border:1px solid #d0d7de;border-top:none;border-left:none;box-sizing:border-box}.sc-numpad{flex-wrap:wrap}.sc-sudoku-app .sc-sudoku-cell input[type="text"]{font-size:18px;padding:0}.sc-candidates{font-size:6px;inset:3px;gap:0;padding:0;text-align:center}#sc-sudoku-app:-webkit-full-screen,#sc-sudoku-app:-moz-full-screen,#sc-sudoku-app:-ms-fullscreen,#sc-sudoku-app:fullscreen,.sc-sudoku-app.sc-simulated-fullscreen-active{padding-left:5px;padding-right:5px}.sc-sudoku-btn{padding:8px}}