*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.update-toast{position:fixed;bottom:calc(20px + var(--safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--accent, #e94560);color:#fff;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #0000004d;z-index:10000;animation:slideUp .3s ease-out}.update-toast.hidden{display:none}.update-btn{background:#fff;color:var(--accent, #e94560);border:none;padding:6px 14px;border-radius:6px;font-weight:600;cursor:pointer;transition:transform .1s}.update-btn:active{transform:scale(.95)}.dismiss-btn{background:transparent;border:none;color:#fffc;font-size:16px;cursor:pointer;padding:4px}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-cell: #0f3460;--bg-cell-selected: #0a84ff;--bg-cell-highlight: #1f4287;--bg-cell-same: #2d4a7c;--text-primary: #eee;--text-secondary: #aaa;--text-fixed: #fff;--text-user: #fff;--text-error: #ff6b6b;--text-notes: #888;--border-grid: #4a5568;--border-box: #fff;--btn-easy: #2ecc71;--btn-medium: #f39c12;--btn-hard: #e74c3c;--accent: #e94560;--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=ocean]{--bg-primary: #0c2d48;--bg-secondary: #145374;--bg-cell: #2e8bc0;--bg-cell-selected: #00a8cc;--bg-cell-highlight: #1a5276;--bg-cell-same: #1e6f9f;--text-primary: #f0f5f9;--text-secondary: #b4c6d4;--text-fixed: #ffffff;--text-user: #ffffff;--text-error: #ff6b6b;--text-notes: #8bb4c9;--border-grid: #4a90a4;--border-box: #ffffff;--accent: #00d4aa}[data-theme=forest]{--bg-primary: #1b2e1b;--bg-secondary: #2d4a2d;--bg-cell: #3d5c3d;--bg-cell-selected: #5fa65f;--bg-cell-highlight: #4a6b4a;--bg-cell-same: #456345;--text-primary: #e8f0e8;--text-secondary: #a8c4a8;--text-fixed: #ffffff;--text-user: #ffffff;--text-error: #ff6b6b;--text-notes: #7da87d;--border-grid: #5c7a5c;--border-box: #c8e6c8;--accent: #ff9f43}[data-theme=sunset]{--bg-primary: #2d1f3d;--bg-secondary: #4a2c5a;--bg-cell: #6b3a7a;--bg-cell-selected: #e94560;--bg-cell-highlight: #5c3d6e;--bg-cell-same: #7a4d8a;--text-primary: #fff0f5;--text-secondary: #d4b8d4;--text-fixed: #ffffff;--text-user: #ffffff;--text-error: #ff4757;--text-notes: #b08eb0;--border-grid: #8a5a9a;--border-box: #ffb6c1;--accent: #ff6b9d}[data-theme=light]{--bg-primary: #f5f6fa;--bg-secondary: #dcdde1;--bg-cell: #ffffff;--bg-cell-selected: #3498db;--bg-cell-highlight: #e3e8ee;--bg-cell-same: #d5e8f7;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-fixed: #2c3e50;--text-user: #2c3e50;--text-error: #e74c3c;--text-notes: #95a5a6;--border-grid: #bdc3c7;--border-box: #34495e;--accent: #e74c3c}[data-theme=midnight]{--bg-primary: #0d0d0d;--bg-secondary: #1a1a1a;--bg-cell: #262626;--bg-cell-selected: #6c5ce7;--bg-cell-highlight: #333333;--bg-cell-same: #3d3d3d;--text-primary: #f0f0f0;--text-secondary: #888888;--text-fixed: #ffffff;--text-user: #ffffff;--text-error: #fd79a8;--text-notes: #666666;--border-grid: #444444;--border-box: #888888;--accent: #fd79a8}[data-theme=paper]{--bg-primary: #faf8f5;--bg-secondary: #ebe7e0;--bg-cell: #ffffff;--bg-cell-selected: #5c7cfa;--bg-cell-highlight: #f0ebe3;--bg-cell-same: #e8e4dc;--text-primary: #3d3d3d;--text-secondary: #6b6b6b;--text-fixed: #1a1a1a;--text-user: #1a1a1a;--text-error: #c92a2a;--text-notes: #868e96;--border-grid: #ced4da;--border-box: #495057;--accent: #f03e3e}[data-theme=cream]{--bg-primary: #fef9ef;--bg-secondary: #f5ead6;--bg-cell: #fffdf8;--bg-cell-selected: #e67700;--bg-cell-highlight: #fdf4e3;--bg-cell-same: #fce8c9;--text-primary: #4a4238;--text-secondary: #7a7067;--text-fixed: #2c2620;--text-user: #2c2620;--text-error: #c92a2a;--text-notes: #9a9088;--border-grid: #ddd0bc;--border-box: #5c534a;--accent: #f76707}[data-theme=sky]{--bg-primary: #f0f7ff;--bg-secondary: #d9ebff;--bg-cell: #ffffff;--bg-cell-selected: #1c7ed6;--bg-cell-highlight: #e7f0fa;--bg-cell-same: #cfe4f7;--text-primary: #2b4162;--text-secondary: #5a7a9a;--text-fixed: #1a3050;--text-user: #1a3050;--text-error: #c92a2a;--text-notes: #74a3c9;--border-grid: #a8c5e0;--border-box: #3a6a9a;--accent: #1971c2}[data-theme=mint]{--bg-primary: #f0faf5;--bg-secondary: #d3f1e0;--bg-cell: #ffffff;--bg-cell-selected: #37b24d;--bg-cell-highlight: #e3f5eb;--bg-cell-same: #c8ebd6;--text-primary: #2b4a3a;--text-secondary: #5a7a68;--text-fixed: #1a3828;--text-user: #1a3828;--text-error: #c92a2a;--text-notes: #74a990;--border-grid: #9fd4b5;--border-box: #3a6a4a;--accent: #40c057}[data-theme=rose]{--bg-primary: #fff5f7;--bg-secondary: #ffe0e6;--bg-cell: #ffffff;--bg-cell-selected: #e64980;--bg-cell-highlight: #fce8ec;--bg-cell-same: #fdd5dc;--text-primary: #4a2b38;--text-secondary: #7a5a68;--text-fixed: #3a1828;--text-user: #3a1828;--text-error: #c92a2a;--text-notes: #c98a9a;--border-grid: #e8b4c0;--border-box: #8a4a5a;--accent: #f06595}html,body{height:100%;overflow:hidden;touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);user-select:none;-webkit-user-select:none}#app{height:100%;display:flex;flex-direction:column}.screen{display:none;flex-direction:column;height:100%;padding:20px;padding-bottom:calc(20px + var(--safe-area-inset-bottom))}.screen.active{display:flex}#start-screen{justify-content:center;align-items:center;gap:30px}#start-screen h1{font-size:3rem;text-align:center}.subtitle{color:var(--text-secondary);font-size:1.2rem}.difficulty-buttons{display:flex;flex-direction:column;gap:15px;width:100%;max-width:280px}.btn{padding:16px 32px;font-size:1.2rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:transform .15s,opacity .15s}.btn:active{transform:scale(.96);opacity:.9}.btn-easy{background:var(--btn-easy);color:#fff}.btn-medium{background:var(--btn-medium);color:#fff}.btn-hard{background:var(--btn-hard);color:#fff}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--bg-cell);color:var(--text-primary)}#game-screen{padding:10px;padding-top:max(10px,env(safe-area-inset-top));gap:10px}.game-header{display:flex;justify-content:space-between;align-items:center;padding:10px 5px}.icon-btn{background:transparent;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:8px}.icon-btn:active{background:var(--bg-secondary)}.game-info{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:1rem;color:var(--text-secondary)}.game-info-row{display:flex;gap:20px;align-items:center}#difficulty-label{text-transform:capitalize;font-weight:600;color:var(--text-primary)}#live-score{color:gold;font-weight:600;font-size:.9rem}#sudoku-container{flex:1;display:flex;justify-content:center;align-items:center;min-height:0}#sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:1px;background:var(--border-grid);border:3px solid var(--border-box);border-radius:8px;overflow:hidden;width:min(100%,400px);aspect-ratio:1}.cell{background:var(--bg-cell);display:flex;justify-content:center;align-items:center;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:600;cursor:pointer;position:relative;transition:background .1s}.cell:active{background:var(--bg-cell-highlight)}.cell.fixed{color:var(--text-fixed);background:var(--bg-secondary);font-weight:400}.cell.user{color:var(--text-user);font-weight:600}.cell.selected{background:var(--bg-cell-selected)!important}.cell.highlighted{background:var(--bg-cell-highlight)}.cell.same-number{background:var(--bg-cell-same)}.cell.error{color:var(--text-error)!important}.cell:nth-child(3n){border-right:2px solid var(--border-box)}.cell:nth-child(9n){border-right:none}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--border-box)}.cell .notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;position:absolute;font-size:clamp(.4rem,2vw,.6rem);color:var(--text-notes)}.cell .notes span{display:flex;justify-content:center;align-items:center}#number-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px 0}.num-btn{aspect-ratio:1;font-size:clamp(1.2rem,5vw,1.6rem);font-weight:600;background:var(--bg-cell);color:var(--text-primary);border:none;border-radius:12px;cursor:pointer;transition:transform .1s,background .1s;position:relative}.num-btn:active{transform:scale(.95);background:var(--accent)}.num-btn.disabled{opacity:.3;pointer-events:none}.num-btn .remaining{position:absolute;top:4px;right:6px;font-size:.6rem;color:var(--text-secondary)}.erase-btn{grid-column:span 1}.game-actions{display:flex;gap:10px;padding:10px 0}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;font-size:.85rem;background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:10px;cursor:pointer;transition:transform .1s,background .1s}.action-btn:active{transform:scale(.96);background:var(--bg-cell-highlight)}.action-btn.active{background:var(--accent)}.action-btn .btn-icon{font-size:1.1rem;line-height:1}.action-btn .btn-text{font-size:.8rem}.modal{display:none;position:fixed;inset:0;background:#000c;justify-content:center;align-items:center;z-index:100;padding:20px}.modal.active{display:flex}.modal-content{background:var(--bg-secondary);padding:30px;border-radius:20px;width:100%;max-width:320px;display:flex;flex-direction:column;gap:20px}.modal-content h2{text-align:center;font-size:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-grid)}.setting-item label{font-size:1rem}.setting-item input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}.setting-item select{padding:8px 12px;font-size:.9rem;border:none;border-radius:8px;background:var(--bg-cell);color:var(--text-primary);cursor:pointer;outline:none}.setting-item select:focus{box-shadow:0 0 0 2px var(--accent)}#win-message{text-align:center;color:var(--text-secondary)}#win-time{text-align:center;font-size:1.2rem;font-weight:600}#win-score{text-align:center;font-size:1.5rem;font-weight:700;color:gold;margin:5px 0;line-height:1.6}#win-score .new-best{display:inline-block;color:#ff6b6b;font-size:1.2rem;animation:pulse .5s ease-in-out infinite alternate}#win-score .best-score{font-size:.9rem;color:var(--text-secondary);font-weight:400}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}#confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:200}@media(max-height:600px){#game-screen{gap:5px}.game-header{padding:5px}#number-pad,.game-actions{gap:5px;padding:5px 0}.action-btn{padding:8px;font-size:.8rem}}@media(min-width:600px){#number-pad,.game-actions{max-width:400px;margin:0 auto}}