.game-container{margin:0 0 1.5em;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:100%;overflow-x:hidden;position:relative}.game-status-bar{display:inline-flex;align-items:center;gap:1.25rem;background:linear-gradient(135deg,#c8cdd6,#bec4ce);padding:.5rem 1.25rem;border-radius:8px;border:1px solid rgba(0,0,0,.06);position:relative}.status-item{display:flex;align-items:center;gap:.4rem;color:#5a6577;font-size:.9em}.status-item i{font-size:.9em;color:#6b7689}.timer{font-family:'Courier New',monospace;font-size:1.2em;font-weight:700;letter-spacing:.05em;color:#1e5fad;min-width:50px}.restart-btn{background:linear-gradient(135deg,#5a7baa,#4a6a96);color:#fff;border:none;padding:.4rem .65rem;border-radius:6px;cursor:pointer;font-size:1.05em;display:flex;align-items:center;justify-content:center;transition:background .15s;box-shadow:0 2px 6px rgba(90,123,170,.25)}.restart-btn:hover{background:linear-gradient(135deg,#4a6a96,#3d5c85)}.restart-btn:active{background:#3d5c85}.restart-btn i{color:#fff!important}.game-settings-section{padding:0!important;text-align:center}.sd-toolbar{display:flex;align-items:stretch;gap:.75em;width:100%;margin-bottom:.5em;flex-wrap:nowrap}.sd-tabs{display:flex;flex:1;gap:0;background:linear-gradient(135deg,#eceef2,#e3e6eb);border-radius:12px;padding:4px}.sd-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4em;padding:.55em .75em;border:2px solid transparent;background:0 0!important;border-radius:9px;cursor:pointer;transition:all .2s ease;font-size:.88em;font-weight:600;color:#475569!important;text-align:center;white-space:nowrap;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}.sd-tab:hover{background:rgba(255,255,255,.65)!important;color:#1e293b!important}.sd-tab.active{background:#fff!important;border-color:#6b8cbe;color:#1e293b!important;font-weight:700;box-shadow:0 2px 8px rgba(107,140,190,.2)!important}.sd-tab-label{display:flex;flex-direction:row;align-items:baseline;gap:.35em;line-height:1;white-space:nowrap}.sd-tab-label small{font-size:.75em;font-weight:500;opacity:.5;letter-spacing:.02em}.sd-start-btn{display:flex;align-items:center;gap:.5em;padding:.65em 1.4em;background:linear-gradient(135deg,#5a7baa,#4a6a96)!important;color:#fff!important;border:none!important;border-radius:12px;font-weight:700;font-size:.88em;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 12px rgba(90,123,170,.3)!important;white-space:nowrap;text-transform:none!important;letter-spacing:0!important}.sd-start-btn:hover{background:linear-gradient(135deg,#4a6a96,#3d5c85)!important;transform:translateY(-1px);box-shadow:0 5px 18px rgba(90,123,170,.4)!important}.sd-start-btn:active{background:#3d5c85!important;transform:translateY(0)}.sd-start-label{display:flex;flex-direction:row;align-items:baseline;gap:.35em;line-height:1;white-space:nowrap}.sd-start-label small{font-size:.75em;font-weight:500;opacity:.7}.game-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:#fff;border:none;border-radius:16px;padding:1.5em 1.8em;box-shadow:0 8px 32px rgba(0,0,0,.2);text-align:center;animation:fadeInUp .4s ease-out;max-width:320px;width:85%}.result-close{position:absolute;top:10px;right:10px;background:#e5e7eb;border:none;font-size:1.3em;color:#555!important;cursor:pointer;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50%;transition:all .15s ease;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;z-index:2}.result-close:hover{background:#d1d5db;color:#333!important}.result-content{position:relative;z-index:1}.result-icon{margin-bottom:.6rem}.result-icon-i{font-size:2.5rem;display:block;margin:0 auto}.result-icon-i.success{color:#555}.result-title{font-size:1.15em;font-weight:700;margin-bottom:.3rem;color:#1a1a1a}.result-message{font-size:.82em;color:#777;line-height:1.5;margin-bottom:1rem}.result-stats{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .75rem;background:#f0f4f8;border-radius:10px;border:none;min-width:85px}.stat-item i{font-size:1em;color:#5a7baa}.stat-item span{font-size:.72em;color:#999;font-weight:500}.stat-item strong{font-size:1em;color:#222;font-weight:700}.result-actions{display:flex;justify-content:center;gap:.5rem;align-items:center}.result-btn{padding:.55rem 1.2rem;border:none;border-radius:10px;font-size:.85em;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;gap:.4rem;min-width:0;justify-content:center;background:#e8e8e8;color:#333}.result-btn:hover{background:#ddd;transform:translateY(-1px)}.result-btn.primary{background:linear-gradient(135deg,#5a7baa,#4a6a96);color:#fff!important;border:none}.result-btn.primary:hover{background:linear-gradient(135deg,#4a6a96,#3d5c85)}#sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);gap:0;border:2px solid #555;border-radius:6px;width:100%;max-width:415px;margin:0 auto;background:#e8e8e8;overflow:hidden;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,.08)}.cell{display:flex;align-items:center;justify-content:center;font-size:clamp(16px,5vw,28px);font-weight:700;border:1px solid #ccc;aspect-ratio:1;box-sizing:border-box;min-width:0;overflow:hidden;margin:0;padding:0;transition:background .15s}.cell.readonly{background-color:#e8e8e8;color:#333}.cell.editable{background-color:#fff;color:#1e5fad;cursor:pointer}.cell.editable:hover{background-color:#f0f2f5}.cell.selected{outline:3px solid #4a6a96;background-color:#dde5ef;z-index:1}#sudoku-board .cell.highlighted-related{background-color:#d8dce4}#sudoku-board .cell.highlighted-same-number{background-color:#b8c8dc}.cell.error{color:#c0392b;background-color:#f5e0e0}.cell.conflict{background-color:#f5e0e0;border-color:#c0392b}.cell.hint-highlight{background-color:#f0edd0;border-color:#d0c880;animation:hintPulse 1s infinite}.cell.border-top-thick{border-top:2px solid #555}.cell.border-left-thick{border-left:2px solid #555}.hint-message{background:#f0f0f0;color:#333;padding:1rem;border-radius:8px;margin:.75rem 0;text-align:left;font-weight:400;border:1px solid #ddd;animation:hintFadeIn .3s ease;line-height:1.5;max-width:100%;word-wrap:break-word;font-size:.9em}.resume-toast{background:linear-gradient(135deg,#3d7a4a,#2d6438);color:#fff;padding:.35rem 1rem;border-radius:6px;font-size:.78em;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.15);animation:resumeFadeIn .3s ease,resumeFadeOut .5s ease 2.5s forwards;z-index:5;margin-bottom:-.25rem}.resume-toast i{color:#fff!important;margin-right:.3rem}@keyframes resumeFadeIn{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}@keyframes resumeFadeOut{0%{opacity:1}100%{opacity:0}}.dark-mode .resume-toast{background:linear-gradient(135deg,#2d6438,#245530);box-shadow:0 2px 8px rgba(0,0,0,.4)}.action-buttons{display:flex;justify-content:center;gap:12px}.action-btn{padding:8px 16px;font-size:13px;font-weight:600;border:1px solid #cdd1d8;border-radius:6px;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:.4rem;background:#eceef2;color:#444}.action-btn:hover{background:#e0e3e8}.clear-btn{background:#c05621;color:#fff;border-color:#c05621}.clear-btn:hover{background:#a0471a}.undo-btn{background:#5a7baa;color:#fff;border-color:#5a7baa}.undo-btn:hover{background:#4a6a96}.hint-btn{background:#3d7a4a;color:#fff;border-color:#3d7a4a}.hint-btn:hover{background:#2d6438}.hint-btn.disabled{background:#eceef2;color:#aaa;cursor:not-allowed;opacity:.6}.hint-btn.disabled:hover{background:#eceef2}#number-pad{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;max-width:415px;width:100%}.num-btn{width:45px;height:45px;font-size:28px;font-weight:700;color:#4a6a96;background:0 0;border:none;cursor:pointer;transition:color .15s;display:flex;align-items:center;justify-content:center}.num-btn:hover{color:#3d5c85}.num-btn:active{transform:scale(.95)}.game-container.game-completed #number-pad,.game-container.game-completed #sudoku-board,.game-container.game-completed .action-buttons{opacity:.4;pointer-events:none;filter:grayscale(60%);transition:opacity .5s ease,filter .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,calc(-50% + 16px))}100%{opacity:1;transform:translate(-50%,-50%)}}@keyframes hintPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}@keyframes hintFadeIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@keyframes cellShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}.cell.shake{animation:cellShake .35s ease}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:1px;box-sizing:border-box}.notes-grid .note{display:flex;align-items:center;justify-content:center;font-size:clamp(7px,2vw,11px);font-weight:600;color:transparent;line-height:1;user-select:none}.notes-grid .note.visible{color:#5a7baa}.pencil-btn{background:#7b8a9e;color:#fff;border-color:#7b8a9e}.pencil-btn:hover{background:#6a7a8e}.pencil-btn.active{background:#e67e22;border-color:#e67e22;color:#fff;box-shadow:0 0 0 2px rgba(230,126,34,.35)}.pencil-btn.active:hover{background:#d35400}.mode-btn{background:linear-gradient(135deg,#5a7baa,#4a6a96);color:#fff;border:none;padding:.4rem .65rem;border-radius:6px;cursor:pointer;font-size:1.05em;display:flex;align-items:center;justify-content:center;transition:background .15s;box-shadow:0 2px 6px rgba(90,123,170,.25)}.mode-btn:hover{background:linear-gradient(135deg,#4a6a96,#3d5c85)}.mode-btn i{color:#fff!important}.dark-mode .game-settings-section{background:0 0}.dark-mode .sd-tabs{background:linear-gradient(135deg,#2a2e35,#23272e)}.dark-mode .sd-tab{color:#a0aab8!important}.dark-mode .sd-tab:hover{background:rgba(255,255,255,.08)!important;color:#d0d6e0!important}.dark-mode .sd-tab.active{background:#383e48!important;border-color:#5a7baa;color:#e8ecf0!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important}.dark-mode .game-status-bar{background:linear-gradient(135deg,#2a2e35,#23272e);border-color:rgba(255,255,255,.06)}.dark-mode .status-item{color:#89a}.dark-mode .status-item i{color:#78a}.dark-mode .timer{color:#6ea8e6}.dark-mode #sudoku-board{background:#444;border-color:#888}.dark-mode .cell.readonly{background-color:#2e3340;color:#c0c8d4}.dark-mode .cell.editable{background-color:#1e2230;color:#6ea8e6}.dark-mode .cell.editable:hover{background-color:#283040}.dark-mode .cell.selected{outline-color:#5a8abe;background-color:#2a3a50}.dark-mode #sudoku-board .cell.highlighted-related{background-color:#252a38}.dark-mode #sudoku-board .cell.highlighted-same-number{background-color:#2d3a50}.dark-mode .cell.error{color:#e86060;background-color:#3a2020}.dark-mode .cell.conflict{background-color:#3a2020;border-color:#c04040}.dark-mode .cell.hint-highlight{background-color:#3a3820;border-color:#887840}.dark-mode .cell.border-top-thick{border-top-color:#888}.dark-mode .cell.border-left-thick{border-left-color:#888}.dark-mode .cell{border-color:#444}.dark-mode .notes-grid .note.visible{color:#6ea8e6}.dark-mode .hint-message{background:#2a2e38;color:#c0c8d4;border-color:#3a3e48}.dark-mode .num-btn{color:#6ea8e6}.dark-mode .num-btn:hover{color:#8ac0f0}.dark-mode .action-btn{background:#2e3340;color:#c0c8d4;border-color:#444}.dark-mode .action-btn:hover{background:#383e48}.dark-mode .clear-btn{background:#a04820;border-color:#a04820;color:#fff}.dark-mode .clear-btn:hover{background:#884018}.dark-mode .undo-btn{background:#4a6a96;border-color:#4a6a96;color:#fff}.dark-mode .undo-btn:hover{background:#3d5c85}.dark-mode .hint-btn{background:#2d6438;border-color:#2d6438;color:#fff}.dark-mode .hint-btn:hover{background:#245530}.dark-mode .hint-btn.disabled{background:#2e3340;color:#666;border-color:#444}.dark-mode .game-result{background:#2a2e38;box-shadow:0 8px 32px rgba(0,0,0,.5)}.dark-mode .result-close{background:#444c58;color:#ccc!important}.dark-mode .result-close:hover{background:#556;color:#fff!important}.dark-mode .result-title{color:#e0e4ea}.dark-mode .result-message{color:#89a}.dark-mode .stat-item{background:#1e2230}.dark-mode .stat-item i{color:#5a8abe}.dark-mode .stat-item span{color:#78a}.dark-mode .stat-item strong{color:#d0d6e0}.dark-mode .result-btn.primary{background:linear-gradient(135deg,#4a6a96,#3d5c85)}@media (max-width:768px){.sd-toolbar{flex-wrap:wrap;gap:.5em}.sd-tabs{flex:1 1 100%;border-radius:10px}.sd-tab{padding:.45em .5em;font-size:.8em}.sd-tab-label small{font-size:.65em}.sd-start-btn{flex:1 1 100%;justify-content:center;border-radius:10px}.sd-start-label small{font-size:.65em}.game-status-bar{padding:.4rem 1rem}.timer{font-size:1em}#sudoku-board{max-width:100%}#number-pad{max-width:100%}.game-result{padding:1.5em;width:85%}.result-title{font-size:1.1em}.result-stats{flex-direction:column;gap:.75rem}.stat-item{min-width:auto;width:100%;max-width:180px}.result-actions{flex-direction:column;gap:.5rem}.result-btn{width:100%;max-width:200px}}@media (max-width:480px){.action-btn{padding:6px 12px;font-size:12px}.action-buttons{gap:8px;flex-wrap:wrap;justify-content:center}.num-btn{width:40px;height:40px;font-size:24px;flex:1}#number-pad{gap:5px}.game-status-bar{padding:.4rem .8rem}}@media (max-width:360px){.action-buttons{flex-wrap:wrap;justify-content:center}.num-btn{width:35px;height:35px;font-size:22px}#number-pad{gap:4px}}@media (max-width:320px){.num-btn{width:32px;height:32px;font-size:20px}#number-pad{gap:3px}.game-container{margin:.5em 0;gap:.5rem}.action-buttons{gap:6px}.action-btn{padding:5px 10px;font-size:11px}}