:root{--bg-main:#0d1117;--bg-surface:#161b22;--bg-terminal:#010409;--border-color:#30363d;--text-primary:#c9d1d9;--text-muted:#8b949e;--cyber-green:#39ff14;--cloud-blue:#58a6ff}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-terminal)}::-webkit-scrollbar-thumb{background:#21262d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#30363d}.layout-container{flex-direction:column;min-height:100vh;display:flex}.layout-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-surface);justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.nav-left{align-items:center;gap:15px;display:flex}.layout-logo{border-radius:8px;width:40px;height:40px}.brand-title{color:var(--cloud-blue);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{gap:20px;display:flex}.nav-link{color:var(--text-muted);border-bottom:2px solid #0000;padding-bottom:4px;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--cloud-blue)}.nav-link.active{border-bottom-color:var(--cloud-blue)}.main-content{box-sizing:border-box;flex:1;width:100%;max-width:850px;margin:0 auto;padding:40px 20px}.layout-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);background-color:var(--bg-surface);padding:20px;font-size:.9rem}.terminal-wrapper{background-color:var(--bg-terminal);border:1px solid var(--border-color);cursor:text;border-radius:6px;width:100%;margin:20px 0;overflow:hidden;box-shadow:0 10px 30px #00000080}.terminal-header{background-color:var(--bg-surface);border-bottom:1px solid #21262d;align-items:center;padding:10px 15px;display:flex;position:relative}.dot-container{gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.header-title{color:var(--text-muted);font-family:monospace;font-size:.85rem;position:absolute;left:50%;transform:translate(-50%)}.terminal-body{height:380px;color:var(--cyber-green);padding:20px;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.5;overflow-y:auto}.terminal-line{white-space:pre-wrap}.input-line{align-items:center;display:flex}.prompt{color:var(--cloud-blue);font-weight:700}.input-field{color:var(--cyber-green);caret-color:#ff007f;background-color:#0000;border:none;outline:none;flex:1;font-family:Courier New,Courier,monospace;font-size:.95rem}.home-container{flex-direction:column;gap:40px;animation:.6s ease-out fadeIn;display:flex}.intro-section{text-align:center;max-width:700px;margin:0 auto}.main-title{color:var(--cloud-blue);letter-spacing:-.75px;margin:0 0 12px;font-size:2.8rem;font-weight:800}.subtitle{color:var(--text-muted);margin:0;font-size:1.15rem;line-height:1.6}.terminal-section{width:100%}.section-divider{background:linear-gradient(to right, transparent, var(--border-color), transparent);border:0;height:1px;margin:10px 0}.showcase-header{color:var(--text-primary);margin:0 0 5px;font-size:1.4rem;font-weight:600}.showcase-subheader{color:var(--text-muted);margin:0 0 25px;font-size:.95rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.metric-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:12px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.metric-card:hover{border-color:#444c56;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.card-icon-wrapper{color:var(--cloud-blue);background-color:#58a6ff1a;border-radius:6px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;display:flex}.metric-card:nth-child(2) .card-icon-wrapper{color:var(--cyber-green);background-color:#39ff141a}.metric-card:nth-child(3) .card-icon-wrapper{color:#ff007f;background-color:#ff007f1a}.card-title{color:#f0f6fc;margin:0;font-size:1.15rem;font-weight:600}.card-description{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sudoku-container{flex-direction:column;gap:30px;width:100%;display:flex}.sudoku-header-section{text-align:center;margin-bottom:10px}.sudoku-title{color:var(--cloud-blue);letter-spacing:-.5px;text-shadow:0 0 15px #58a6ff4d;margin:0 0 10px;font-size:2.2rem;font-weight:800}.sudoku-subtitle{color:var(--text-muted);max-width:700px;margin:0 auto;font-size:1.05rem;line-height:1.5}.sudoku-content{grid-template-columns:280px 1fr;align-items:start;gap:30px;display:grid}@media (width<=800px){.sudoku-content{grid-template-columns:1fr}}.dashboard-panel{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:20px;padding:20px;display:flex;box-shadow:0 4px 20px #0003}.status-indicator{background-color:var(--bg-terminal);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px}.status-dot.active{background-color:var(--cyber-green);color:var(--cyber-green)}.status-dot.paused{color:#ffbe2e;background-color:#ffbe2e}.status-text{color:var(--text-primary);letter-spacing:1px;font-family:monospace;font-size:.8rem;font-weight:700}.info-group{flex-direction:column;gap:15px;display:flex}.info-item{flex-direction:column;gap:8px;display:flex}.info-label{color:var(--text-muted);letter-spacing:.5px;font-size:.75rem;font-weight:700}.difficulty-selectors{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.diff-btn{background-color:var(--bg-terminal);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:6px 0;font-family:monospace;font-size:.75rem;font-weight:700;transition:all .2s}.diff-btn:hover{border-color:var(--cloud-blue);color:var(--text-primary)}.diff-btn.active{border-color:var(--cloud-blue);color:var(--cloud-blue);background-color:#58a6ff26;box-shadow:0 0 8px #58a6ff33}.diff-btn.mad{color:var(--text-danger,#f85149)}.diff-btn.mad:hover{border-color:var(--text-danger,#f85149);color:var(--text-danger,#f85149)}.diff-btn.mad.active{border-color:var(--text-danger,#f85149);color:var(--text-danger,#f85149);background-color:#f8514926;box-shadow:0 0 8px #f8514933}.stats-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-card{background-color:var(--bg-terminal);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.stat-label{color:var(--text-muted);text-align:center;font-size:.65rem;font-weight:700}.stat-value{color:var(--text-primary);font-size:1.15rem;font-weight:800}.monospace{font-family:Courier New,Courier,monospace}.text-danger{color:#ff7b72}.text-info{color:var(--cloud-blue)}.actions-card{background-color:var(--bg-terminal);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:10px;padding:12px;display:flex}.card-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 5px;font-size:.75rem;font-weight:700}.actions-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actions-grid.secondary{border-top:1px solid var(--border-color);grid-template-columns:1fr;gap:6px;margin-top:5px;padding-top:10px}.action-btn-neon{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:8px;font-family:monospace;font-size:.8rem;font-weight:700;transition:all .2s}.action-btn-neon:hover:not(:disabled){border-color:var(--text-muted);background-color:#ffffff0d}.action-btn-neon:disabled{opacity:.4;cursor:not-allowed}.pause-btn{color:var(--cloud-blue);background-color:#58a6ff0d;border-color:#58a6ff4d}.pause-btn:hover:not(:disabled){border-color:var(--cloud-blue);background-color:#58a6ff26;box-shadow:0 0 8px #58a6ff33}.autofill-btn{color:#e3b341;background-color:#e3b3410d;border-color:#e3b3414d}.autofill-btn:hover:not(:disabled){color:#fff;background-color:#e3b34126;border-color:#e3b341;box-shadow:0 0 8px #e3b34140}.reset-btn{color:var(--cyber-green);background-color:#39ff1408;border-color:#39ff1433}.reset-btn:hover:not(:disabled){border-color:var(--cyber-green);background-color:#39ff141a;box-shadow:0 0 8px #39ff1433}.notes-btn.active{color:#ffbd2e;background-color:#ffbd2e26;border-color:#ffbd2e;box-shadow:0 0 8px #ffbd2e33}.board-panel{flex-direction:column;gap:20px;display:flex}.sudoku-grid-wrapper{aspect-ratio:1;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.sudoku-grid{grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100%;height:100%;display:grid}.sudoku-cell{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:.5px solid #30363d66;justify-content:center;align-items:center;transition:background-color .15s,box-shadow .15s;display:flex;position:relative}.box-top{border-top:2px solid var(--border-color)}.box-bottom{border-bottom:2px solid var(--border-color)}.box-left{border-left:2px solid var(--border-color)}.box-right{border-right:2px solid var(--border-color)}.cell-value{font-family:Courier New,Courier,monospace;font-size:1.7rem;font-weight:700}.initial-cell{color:var(--text-primary);background-color:#ffffff05}.user-cell{color:var(--cloud-blue)}.incorrect-cell{color:#ff7b72!important;background-color:#ff7b7214!important}.sudoku-cell:hover{background-color:#58a6ff0d}.sudoku-cell.selected{z-index:2;box-shadow:inset 0 0 10px #58a6ff4d;background-color:#58a6ff26!important}.sudoku-cell.selected:after{content:"";border:1.5px solid var(--cloud-blue);pointer-events:none;position:absolute;inset:0}.sudoku-cell.area-highlight{background-color:#ffffff04}.sudoku-cell.value-highlight{color:var(--cyber-green);background-color:#39ff140f}.notes-container{box-sizing:border-box;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:4px;display:grid}.note-digit{color:#0000;justify-content:center;align-items:center;font-family:monospace;font-size:.6rem;font-weight:600;line-height:1;display:flex}.note-digit.active{color:#ffbd2e}.paused-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;cursor:pointer;background-color:#0d1117f2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.paused-content{text-align:center;flex-direction:column;align-items:center;gap:15px;display:flex}.paused-icon{font-size:2.5rem;animation:2s ease-in-out infinite pulse-lock}.paused-title{color:var(--cloud-blue);letter-spacing:2px;margin:0;font-size:1.3rem;font-weight:700}.paused-sub{color:var(--text-muted);margin:0;font-size:.85rem}@keyframes pulse-lock{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.paused-placeholder{color:var(--border-color);font-size:1.5rem;font-weight:700}.digit-pad-panel{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:12px;box-shadow:0 4px 15px #00000026}.digit-row{gap:8px;display:flex}.digit-btn{background-color:var(--bg-terminal);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;flex:1;height:48px;font-family:Courier New,Courier,monospace;font-size:1.25rem;font-weight:700;transition:all .15s}.digit-btn:hover:not(:disabled){border-color:var(--cloud-blue);color:var(--cloud-blue);background-color:#58a6ff1a;box-shadow:0 0 10px #58a6ff26}.digit-btn:disabled{opacity:.3;cursor:not-allowed}.digit-btn.completed{opacity:.25;position:relative;border-color:var(--border-color)!important;color:var(--text-muted)!important;cursor:not-allowed!important;background-color:#30363d33!important}.digit-btn.completed:after{content:"✓";color:var(--cyber-green);font-size:.65rem;position:absolute;top:2px;right:5px}.digit-btn.erase-btn{letter-spacing:.5px;color:#ff7b72;background-color:#ff7b7208;border-color:#ff7b7233;flex:2;font-size:.8rem;font-weight:700}.digit-btn.erase-btn:hover:not(:disabled){color:#ff7b72;background-color:#ff7b721a;border-color:#ff7b72;box-shadow:0 0 10px #ff7b7226}.terminal-guide{background-color:var(--bg-terminal);border:1px solid var(--border-color);border-left:3px solid var(--cloud-blue);border-radius:6px;padding:15px}.guide-header{color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase;margin:0 0 8px;font-size:.9rem;font-weight:700}.guide-text{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.5}.guide-text code{background-color:var(--bg-surface);color:var(--cloud-blue);border-radius:3px;padding:2px 5px;font-family:monospace;font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;box-sizing:border-box;background-color:#010409cc;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-box{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;width:100%;max-width:460px;animation:.25s cubic-bezier(.16,1,.3,1) modal-enter;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.modal-glow{background:linear-gradient(90deg, #ba68c8, var(--cloud-blue));height:4px;position:absolute;top:0;left:0;right:0}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);background-color:#ffffff03;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title-status{letter-spacing:1px;font-family:monospace;font-size:.85rem;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px}.modal-description{color:var(--text-primary);margin:0;font-size:.95rem;line-height:1.5}.modal-footer{border-top:1px solid var(--border-color);background-color:#ffffff03;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.modal-btn{border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:8px 16px;font-family:monospace;font-size:.8rem;font-weight:700;transition:all .15s}.confirm-btn{border-color:var(--cloud-blue);color:var(--cloud-blue);background-color:#58a6ff1a}.confirm-btn:hover{background-color:var(--cloud-blue);color:var(--bg-terminal);box-shadow:0 0 10px #58a6ff4d}.cancel-btn{color:var(--text-muted);background-color:#0000}.cancel-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.win-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#010409e6}.win-modal-container{justify-content:center;align-items:center;width:100%;max-width:500px;height:520px;display:flex;position:relative}.win-modal{text-align:center;z-index:2;background-color:#161b22f2;border-color:#39ff144d;width:100%;max-width:500px;box-shadow:0 20px 50px #39ff1426}.win-glow{background:linear-gradient(90deg, var(--cyber-green), var(--cloud-blue));box-shadow:0 0 15px var(--cyber-green)}.success-banner{color:var(--cyber-green);letter-spacing:3px;background-color:#39ff140d;border-bottom:1px solid #39ff1433;margin-bottom:25px;padding:12px;font-family:monospace;font-size:.8rem;font-weight:850}.win-title{color:var(--text-primary);margin:0 0 10px;padding:0 20px;font-size:1.6rem;font-weight:800}.win-subtitle{color:var(--text-muted);margin:0 0 30px;padding:0 30px;font-size:.9rem;line-height:1.5}.win-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 30px 35px;display:grid}.win-stat-card{background-color:var(--bg-terminal);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:6px;padding:12px 5px;display:flex}.win-stat-label{color:var(--text-muted);letter-spacing:.5px;font-size:.6rem;font-weight:700}.win-stat-val{font-size:1.2rem;font-weight:800}.win-actions{padding:0 30px 25px}.win-action-btn{border-color:var(--cyber-green);width:100%;color:var(--cyber-green);background-color:#39ff141a;padding:12px;font-size:.9rem;transition:all .2s}.win-action-btn:hover{background-color:var(--cyber-green);color:var(--bg-terminal);box-shadow:0 0 15px var(--cyber-green)}.hint-btn{color:#ba68c8;background-color:#ba68c80d;border-color:#ba68c84d}.hint-btn:hover:not(:disabled){background-color:#ba68c826;border-color:#ba68c8;box-shadow:0 0 8px #ba68c833}.sudoku-cell.hint-primary-highlight{z-index:2;animation:1.5s ease-in-out infinite pulse-hint-primary;box-shadow:inset 0 0 10px #ba68c866;background-color:#ba68c833!important}.sudoku-cell.hint-primary-highlight:after{content:"";pointer-events:none;border:1.5px solid #ba68c8;position:absolute;inset:0}@keyframes pulse-hint-primary{0%,to{box-shadow:inset 0 0 8px #ba68c866}50%{box-shadow:inset 0 0 18px #ba68c8cc}}.sudoku-cell.hint-target-highlight{z-index:2;animation:1.5s ease-in-out infinite pulse-hint-target;box-shadow:inset 0 0 10px #ef535066;background-color:#ef535033!important}.sudoku-cell.hint-target-highlight:after{content:"";pointer-events:none;border:1.5px solid #ef5350;position:absolute;inset:0}@keyframes pulse-hint-target{0%,to{box-shadow:inset 0 0 8px #ef535066}50%{box-shadow:inset 0 0 18px #ef5350cc}}.floating-hint-panel{background-color:var(--bg-surface);border:1px solid var(--border-color);z-index:999;pointer-events:auto;border-radius:8px;width:360px;animation:.25s cubic-bezier(.16,1,.3,1) slide-in-hint;position:fixed;bottom:25px;right:25px;overflow:hidden;box-shadow:0 10px 40px #0009}.hint-glow{background:radial-gradient(circle,#ba68c826 0%,#01040900 70%)}.hint-panel-header{border-bottom:1px solid var(--border-color);background-color:#ba68c80d;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.hint-panel-title{color:#ba68c8;letter-spacing:.5px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600}.hint-panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:1.5rem;line-height:1;transition:color .2s}.hint-panel-close:hover{color:#ff7b72}.hint-panel-body{padding:15px}.hint-panel-body.scrollable-hint{max-height:35vh;overflow-y:auto}.hint-panel-text{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.hint-panel-footer{border-top:1px solid var(--border-color);background-color:var(--bg-terminal);flex-direction:column;gap:12px;padding:12px 15px;display:flex}.hint-step-controls{justify-content:space-between;align-items:center;display:flex}.hint-btn-nav{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .2s}.hint-btn-nav:hover:not(:disabled){color:#ba68c8;background-color:#ba68c81a;border-color:#ba68c8}.hint-btn-nav:disabled{opacity:.4;cursor:not-allowed;border-color:#0000}.hint-step-indicator{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.8rem}.hint-action-buttons{justify-content:flex-end;gap:10px;display:flex}.hint-btn-reveal{color:#ff7b72;cursor:pointer;background-color:#0000;border:1px solid #ff7b72;border-radius:4px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;transition:all .2s}.hint-btn-reveal:hover{background-color:#ff7b721a;box-shadow:0 0 10px #ff7b7233}.hint-btn-dismiss{border:1px solid var(--text-muted);color:var(--text-secondary);cursor:pointer;background-color:#0000;border-radius:4px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .2s}.hint-btn-dismiss:hover{color:var(--bg-terminal);background-color:#ba68c8;box-shadow:0 0 10px #ba68c84d}.hint-btn-add-note{color:#ffd33d;cursor:pointer;background-color:#0000;border:1px solid #ffd33d;border-radius:4px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;transition:all .2s}.hint-btn-add-note:hover{background-color:#ffd33d1a;box-shadow:0 0 10px #ffd33d33}@keyframes slide-in-hint{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.floating-hint-panel{width:auto;position:fixed;bottom:75px;left:12px;right:12px}}