@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);:root{--primary-green:#00843d;--wolverine-green:#008a40;--lake-calm:#87c7ba;--heritage-brick:#b45336;--pale-meadow:#c5d97a;--sea-haze:#c4d6c1;--legacy-gold:#d2ac5f;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px}.sudoku-game-container,[data-theme="light"] .sudoku-game-container{--bg-primary:#ffffff;--bg-secondary:#f7f8f9;--bg-tertiary:#f1f2f3;--text-primary:#000000;--text-secondary:#363636;--text-tertiary:#757575;--text-muted:#999999;--border-primary:#dfdfdf;--border-secondary:#e6e6e6;--border-light:#f4f4f4;--shadow-subtle:rgba(0, 0, 0, 0.04);--shadow-light:rgba(0, 0, 0, 0.08);--shadow-medium:rgba(0, 0, 0, 0.12);--cell-bg:#ffffff;--cell-bg-alt:#ffffff;--cell-hover:#f8f9fa;--cell-selected:#f1f2f3;--cell-selected-same:#b8e5d0;--cell-selected-row-col:#f2f9f6;--cell-selected-box:#e8f4ee;--cell-original:#ffffff;--cell-error:var(--heritage-brick);--cell-conflict:var(--legacy-gold);--cell-border:#d0d0d0;--cell-border-thick:#000000;--number-original:#000000;--number-user:#000000;--number-error:var(--heritage-brick);--number-pencil:#757575}[data-theme="dark"] .sudoku-game-container{--bg-primary:#121211;--bg-secondary:#1a1a19;--bg-tertiary:#262625;--text-primary:#ffffff;--text-secondary:#f0f0f0;--text-tertiary:#c8c8c8;--text-muted:#a0a0a0;--border-primary:#4a4a4a;--border-secondary:#5a5a5a;--border-light:#3a3a3a;--shadow-subtle:rgba(255, 255, 255, 0.05);--shadow-light:rgba(255, 255, 255, 0.08);--shadow-medium:rgba(255, 255, 255, 0.12);--cell-bg:#1b1b1b;--cell-bg-alt:#1b1b1b;--cell-hover:#2a2a2a;--cell-selected:#00843d;--cell-selected-same:#2d5e45;--cell-selected-row-col:#1a2e23;--cell-selected-box:#1c3426;--cell-original:#1b1b1b;--cell-error:#c55a40;--cell-conflict:#e0bb60;--cell-border:#4a4a4a;--cell-border-thick:#f0f0f0;--number-original:#ffffff;--number-user:#ffffff;--number-error:#ffffff;--number-pencil:#c8c8c8}:root{--accent-gold:#d2ac5f;--accent-brick:#b45336;--accent-green:#78be3f;--accent-teal:#87c7ba}.sudoku-game-container{max-width:100%;margin:0 auto;padding:0;font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:var(--font-size-base);line-height:1.4;background:var(--bg-primary);color:var(--text-primary);border-radius:0;box-shadow:none;transition:none;position:relative}.sudoku-header{text-align:center;padding:var(--space-8) var(--space-6) var(--space-6);border-bottom:1px solid var(--border-primary)}.sudoku-start-screen{text-align:center;padding:var(--space-12) var(--space-6);background:var(--bg-primary)}.sudoku-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-4);font-family:'Montserrat',serif;letter-spacing:-.02em}.sudoku-description{font-size:var(--font-size-md);font-weight:400;color:var(--text-secondary);margin:0 0 var(--space-2);line-height:1.5}.sudoku-rules{font-size:var(--font-size-sm);font-weight:400;color:var(--text-tertiary);margin:0 0 var(--space-8);line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}.sudoku-difficulty-section{margin-bottom:var(--space-8)}.sudoku-difficulty-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.sudoku-difficulty-buttons{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.sudoku-difficulty-btn{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:500;font-family:'Montserrat',sans-serif;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all 0.15s ease;min-width:80px}.sudoku-difficulty-btn:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.sudoku-difficulty-btn.active{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}.sudoku-difficulty-btn.active:hover{background:#275D38;border-color:#275D38;color:#fff}.sudoku-start-btn{background:var(--primary-green);color:#fff;border:none;padding:var(--space-4) var(--space-8);font-size:var(--font-size-md);font-weight:600;font-family:'Montserrat',sans-serif;border-radius:var(--radius-md);cursor:pointer;transition:all 0.15s ease;text-transform:none;letter-spacing:normal;box-shadow:none;margin-top:var(--space-2)}.sudoku-start-btn:hover{background:#275D38;color:#fff;transform:none}.sudoku-start-btn:active{transform:translateY(1px)}.sudoku-game-area{padding:var(--space-6);background:var(--bg-primary)}.sudoku-container{display:flex;gap:var(--space-8);justify-content:center;align-items:flex-start;flex-wrap:nowrap;max-width:1400px;margin:0 auto}.sudoku-board-container{flex:0 0 auto;max-width:100%}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);gap:0;width:100%;max-width:800px;height:auto;aspect-ratio:1;background:var(--cell-border-thick);border:3px solid var(--cell-border-thick);box-shadow:0 4px 12px var(--shadow-medium);box-sizing:border-box;overflow:hidden}.sudoku-controls-container{flex:0 0 auto;width:240px;min-width:220px;max-width:260px;display:flex;flex-direction:column;gap:var(--space-6)}.sudoku-game-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;margin-bottom:var(--space-6);border-bottom:1px solid var(--border-primary)}.sudoku-info-left{display:flex;gap:var(--space-6);align-items:center}.sudoku-info-right{display:flex;gap:var(--space-4);align-items:center}.sudoku-info-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.sudoku-label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.sudoku-value{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);font-family:'Montserrat',monospace;margin:0}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);gap:0;background:var(--cell-border-thick);border:3px solid var(--cell-border-thick);margin:0;width:100%;max-width:800px;height:auto;aspect-ratio:1;box-shadow:0 4px 12px var(--shadow-medium);position:relative;box-sizing:border-box}.sudoku-cell{background:var(--cell-bg);font-size:var(--font-size-xl);font-weight:500;font-family:'Montserrat',monospace;color:var(--number-user);cursor:pointer;transition:background-color 0.1s ease;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid var(--cell-border);user-select:none;padding:12px!important;margin:0!important;min-height:0!important;width:100%!important;height:100%!important;aspect-ratio:1;box-sizing:border-box;line-height:1;text-align:center;border-radius:0!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;font-style:normal!important}.sudoku-cell:nth-child(3n):not(.sudoku-cell:nth-child(9n)){border-right:3px solid var(--cell-border-thick)}.sudoku-cell:nth-child(9n){border-right:none}.sudoku-cell:nth-child(n+19):nth-child(-n+27):not(.sudoku-cell:nth-child(n+73)),.sudoku-cell:nth-child(n+46):nth-child(-n+54):not(.sudoku-cell:nth-child(n+73)){border-bottom:3px solid var(--cell-border-thick)}.sudoku-cell:nth-child(n+73){border-bottom:none}.sudoku-cell:hover:not(.original){background:var(--cell-hover)}.sudoku-cell.selected{background:var(--primary-green)!important;color:white!important;box-shadow:none;z-index:2;font-weight:600}.sudoku-cell.original{background:var(--cell-bg-alt);color:var(--number-original);font-weight:700;font-size:var(--font-size-xl);cursor:default}.sudoku-cell.same-number:not(.selected){background:var(--cell-selected-same);color:var(--number-original)}.sudoku-cell.error{background:var(--heritage-brick)!important;color:white!important;animation:shake 0.3s ease-in-out}.sudoku-cell.conflict{color:var(--number-user)}.sudoku-cell.highlight-row,.sudoku-cell.highlight-col{background:var(--cell-selected-row-col)}.sudoku-cell.highlight-box{background:var(--cell-selected-box)}.sudoku-number-pad{width:100%}.sudoku-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.sudoku-clear-btn{grid-column:1 / -1}.sudoku-number-btn{aspect-ratio:1;padding:0;font-size:var(--font-size-lg);font-weight:600;font-family:'Montserrat',monospace;border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all 0.15s ease;display:flex;align-items:center;justify-content:center;min-height:60px;box-shadow:0 2px 4px var(--shadow-light)}.sudoku-number-btn:hover{background:var(--primary-green);color:#fff;border-color:var(--primary-green);transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-medium)}.sudoku-clear-btn{background:var(--heritage-brick);color:#fff;border:2px solid var(--heritage-brick);padding:var(--space-4);font-size:var(--font-size-lg);font-weight:600;font-family:'Montserrat',sans-serif;border-radius:var(--radius-lg);cursor:pointer;transition:all 0.15s ease;width:100%;box-shadow:0 2px 4px var(--shadow-light);min-height:60px;display:flex;align-items:center;justify-content:center;grid-column:1 / -1}.sudoku-clear-btn:hover{background:#a0452e;border-color:#a0452e;transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-medium);color:#fff}.sudoku-clear-btn::before{content:"✕";font-size:var(--font-size-xl);font-weight:700}.sudoku-game-controls-top{display:flex;flex-direction:row;justify-content:space-between;gap:var(--space-4);width:100%;margin-bottom:var(--space-6);margin-left:auto;margin-right:auto;max-width:666px}.sudoku-control-btn{padding:var(--space-4) var(--space-5);font-size:var(--font-size-md);font-weight:600;font-family:'Montserrat',sans-serif;border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all 0.15s ease;box-shadow:0 2px 4px var(--shadow-light);flex:1;min-height:60px}.sudoku-control-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-medium);color:#fff}.sudoku-new-game-btn{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}.sudoku-new-game-btn:hover{background:#275D38;border-color:#275D38;color:#fff}.sudoku-hint-btn{background:var(--legacy-gold);color:#fff;border-color:var(--legacy-gold)}.sudoku-hint-btn:hover{background:#c49d4a;border-color:#c49d4a;color:#fff}.sudoku-exit-btn{background:var(--heritage-brick);color:#fff;border-color:var(--heritage-brick)}.sudoku-exit-btn:hover{background:#a0452e;border-color:#a0452e;color:#fff}.sudoku-loading{text-align:center;padding:var(--space-16) var(--space-6)}.sudoku-spinner{width:32px;height:32px;border:2px solid var(--border-primary);border-top:2px solid var(--primary-green);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-6)}.sudoku-loading p{font-size:var(--font-size-sm);font-weight:400;color:var(--text-tertiary);margin:0}.sudoku-win-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .85);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);padding:20px}.sudoku-win-dialog{background:var(--bg-primary);padding:48px 40px;border-radius:24px;text-align:center;max-width:450px;width:100%;box-shadow:0 24px 60px rgb(0 0 0 / .5);animation:slideIn 0.6s ease-out;border:2px solid var(--border-light)}.sudoku-win-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--primary-green);margin-bottom:16px;font-family:'Montserrat',sans-serif}.sudoku-win-message{font-size:var(--font-size-lg);font-weight:500;color:var(--text-secondary);margin-bottom:32px;font-family:'Montserrat',sans-serif}.sudoku-win-stats{display:flex;justify-content:space-around;margin-bottom:32px;gap:20px}.sudoku-stat{display:flex;flex-direction:column;align-items:center;gap:8px}.sudoku-stat-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.5px}.sudoku-stat-value{font-size:var(--font-size-xl);font-weight:800;color:var(--primary-green);font-family:'Montserrat',sans-serif}.sudoku-win-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.sudoku-win-btn{padding:14px 28px;font-size:var(--font-size-base);font-weight:600;font-family:'Montserrat',sans-serif;border:none;border-radius:10px;cursor:pointer;transition:all 0.3s ease;min-height:48px;min-width:120px}.sudoku-play-again-btn{background:linear-gradient(135deg,var(--primary-green),var(--wolverine-green));color:#fff}.sudoku-back-to-menu-btn{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-primary)}.sudoku-win-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-medium);color:#fff}.sudoku-play-again-btn:hover{background:linear-gradient(135deg,#275D38,#1a4028)}.sudoku-win-btn:active{transform:translateY(0)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes slideIn{from{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1400px){.sudoku-container{flex-direction:column;align-items:center;gap:var(--space-4)}.sudoku-board-container{width:100%;display:flex;justify-content:center}.sudoku-board{max-width:min(800px, calc(100vw - 48px))}.sudoku-controls-container{width:100%;max-width:min(500px, calc(100vw - 48px))}.sudoku-game-controls-top{max-width:min(800px, calc(100vw - 48px))}.sudoku-numbers{max-width:350px;margin:0 auto var(--space-4)}.sudoku-clear-btn{grid-column:1 / -1}}@media (max-width:768px){.sudoku-game-area{padding:var(--space-4)}.sudoku-container{gap:var(--space-4)}.sudoku-board{max-width:min(600px, calc(100vw - 32px));width:100%;margin:0 auto}.sudoku-cell{padding:4px!important}.sudoku-game-controls-top{flex-direction:row;gap:var(--space-3);max-width:min(600px, calc(100vw - 32px))}.sudoku-control-btn{padding:var(--space-3);font-size:var(--font-size-sm);min-height:50px}.sudoku-board-container{width:100%;display:flex;justify-content:center}.sudoku-numbers{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:var(--space-2);max-width:min(350px, calc(100vw - 32px));margin:0 auto}.sudoku-number-btn[data-number="1"]{grid-column:1;grid-row:1}.sudoku-number-btn[data-number="2"]{grid-column:2;grid-row:1}.sudoku-number-btn[data-number="3"]{grid-column:3;grid-row:1}.sudoku-number-btn[data-number="4"]{grid-column:4;grid-row:1}.sudoku-number-btn[data-number="5"]{grid-column:5;grid-row:1}.sudoku-number-btn[data-number="6"]{grid-column:1;grid-row:2}.sudoku-number-btn[data-number="7"]{grid-column:2;grid-row:2}.sudoku-number-btn[data-number="8"]{grid-column:3;grid-row:2}.sudoku-number-btn[data-number="9"]{grid-column:4;grid-row:2}.sudoku-clear-btn{grid-column:5;grid-row:2;aspect-ratio:1;padding:0!important;margin:0!important;min-height:50px;display:flex;align-items:center;justify-content:center}.sudoku-number-btn{min-height:50px;font-size:var(--font-size-md);padding:0}.sudoku-control-btn{min-height:42px;font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}.sudoku-game-info{gap:var(--space-3);text-align:center}.sudoku-info-left,.sudoku-info-right{justify-content:center}}@media (max-width:480px){.sudoku-game-area{padding:var(--space-3)}.sudoku-board{max-width:min(350px, calc(100vw - 24px))}.sudoku-numbers{max-width:min(300px, calc(100vw - 24px));gap:var(--space-1)}.sudoku-cell{padding:0!important}.sudoku-number-btn,.sudoku-clear-btn{min-height:44px;font-size:var(--font-size-sm)}.sudoku-game-controls-top{gap:var(--space-2);max-width:min(350px, calc(100vw - 24px))}.sudoku-control-btn{min-height:40px;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.sudoku-cell{font-size:var(--font-size-sm)}}@media (prefers-contrast:high){.sudoku-cell{border:1px solid var(--text-primary)}.sudoku-cell.selected{background:var(--primary-green);color:#fff}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important}.sudoku-cell:hover,.sudoku-number-btn:hover,.sudoku-control-btn:hover,.sudoku-win-btn:hover{transform:none}}.sudoku-cell:focus,.sudoku-number-btn:focus,.sudoku-control-btn:focus,.sudoku-start-btn:focus,.sudoku-difficulty-btn:focus,.sudoku-clear-btn:focus,.sudoku-win-btn:focus{outline:2px solid var(--primary-green);outline-offset:2px}[data-theme="dark"] .sudoku-win-overlay{background:rgb(0 0 0 / .8)}[data-theme="dark"] .sudoku-spinner{border-color:var(--border-primary);border-top-color:var(--lake-calm)}