@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=DM+Mono:wght@300;400&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0f0f13;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;background:#0f0f13;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;text-align:center}.win-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.win-card{background:#1a1a24;border:1px solid #3a3a4a;border-radius:8px;padding:48px;text-align:center;box-shadow:0 0 80px #e8d5a31a}.win-title{font-family:Playfair Display,serif;font-size:2.5rem;color:#e8d5a3;margin-bottom:8px}.win-sub{font-family:DM Mono,monospace;font-size:.8rem;color:#888;letter-spacing:.2em;margin-bottom:32px}.win-stats{display:flex;gap:32px;justify-content:center;margin-bottom:32px}.stats-row{display:flex;gap:16px;margin-bottom:20px;align-items:center;flex-wrap:wrap;justify-content:center}.stat{font-family:DM Mono,monospace;font-size:.8rem;color:#888;text-align:center}.stat-val{display:block;font-size:1.1rem;color:#e8d5a3;font-weight:400}.mistakes-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e87a7a;margin:0 2px}.selector-overlay{position:fixed;inset:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px}.selector-card{background:#13131c;border:1px solid #3a3a4a;border-radius:10px;padding:28px 28px 32px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 0 100px #e8d5a312,0 30px 80px #000c;scrollbar-width:thin;scrollbar-color:#3a3a4a transparent}.selector-card::-webkit-scrollbar{width:4px}.selector-card::-webkit-scrollbar-track{background:transparent}.selector-card::-webkit-scrollbar-thumb{background:#3a3a4a;border-radius:2px}.selector-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.selector-title{font-family:Playfair Display,serif;font-size:1.5rem;color:#e8d5a3;letter-spacing:.06em}.selector-close{font-family:DM Mono,monospace;font-size:.85rem;color:#666;background:transparent;border:1px solid #3a3a4a;border-radius:3px;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.selector-close:hover{border-color:#e87a7a;color:#e87a7a}.random-btn{font-family:DM Mono,monospace;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;padding:12px 20px;width:100%;border-radius:4px;cursor:pointer;transition:all .15s ease;border:1px solid #4a4a1e;background:#1e1e10;color:#e8d5a3;margin-bottom:20px}.random-btn:hover{background:#2e2a1a;border-color:#e8d5a3;box-shadow:0 0 20px #e8d5a31a}.selector-tabs{display:flex;gap:4px;margin-bottom:20px;background:#0e0e16;border-radius:5px;padding:4px}.selector-tab{flex:1;font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:8px 4px;border-radius:3px;cursor:pointer;transition:all .15s ease;border:none;background:transparent;color:#555}.selector-tab:hover{color:#888}.selector-tab.tab-facil.active{background:#1a2e1a;color:#7ae87a}.selector-tab.tab-medio.active{background:#2a2210;color:#e8c07a}.selector-tab.tab-dificil.active{background:#2a1a1a;color:#e87a7a}.selector-tab.tab-personalizado.active{background:#1a1e2e;color:#7ab8e8}.puzzle-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.puzzle-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:#1a1a24;border:1px solid #2a2a38;border-radius:6px;cursor:pointer;transition:all .15s ease;width:100%}.puzzle-card:hover{border-color:#e8d5a3;background:#22222e;transform:translateY(-2px);box-shadow:0 6px 20px #00000080}.puzzle-label{font-family:DM Mono,monospace;font-size:.6rem;color:#666;letter-spacing:.1em;text-transform:uppercase}.mini-grid{display:flex;flex-direction:column;width:72px;height:72px;border:1px solid #3a3a4a;border-radius:2px;overflow:hidden}.mini-row{display:flex;flex:1}.mini-cell{flex:1;border-right:1px solid #22222e;border-bottom:1px solid #22222e;background:#1a1a24;transition:background .1s}.mini-cell:last-child{border-right:none}.mini-row:last-child .mini-cell{border-bottom:none}.mini-cell.mini-given{background:#3a3228}.mini-cell.mini-box-r{border-right:1.5px solid #4a4a60!important}.mini-cell.mini-box-b{border-bottom:1.5px solid #4a4a60!important}.custom-section{display:flex;flex-direction:column;align-items:center;gap:16px}.custom-hint{font-family:DM Mono,monospace;font-size:.68rem;color:#666;letter-spacing:.08em;text-align:center;margin:0;line-height:1.6}.custom-grid{display:grid;grid-template-columns:repeat(9,36px);grid-template-rows:repeat(9,36px);border:2px solid #3a3a4a;border-radius:3px;overflow:hidden;box-shadow:0 0 40px #00000080}.custom-cell{background:#1a1a24;border:none;border-right:1px solid #2a2a38;border-bottom:1px solid #2a2a38;color:#7ab8e8;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;text-align:center;cursor:text;outline:none;transition:background .12s ease;caret-color:#e8d5a3}.custom-cell::-webkit-outer-spin-button,.custom-cell::-webkit-inner-spin-button{-webkit-appearance:none}.custom-cell:focus{background:#2e2a1a}.custom-cell.ccbr{border-right:2px solid #4a4a60!important}.custom-cell.ccbb{border-bottom:2px solid #4a4a60!important}.custom-cell:nth-child(9n){border-right:none}.custom-grid .custom-cell:nth-child(n+73){border-bottom:none}.custom-actions{display:flex;gap:10px;width:100%;justify-content:flex-end}.custom-clear-btn{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:10px 20px;border-radius:3px;cursor:pointer;border:1px solid #3a3a4a;background:transparent;color:#666;transition:all .15s}.custom-clear-btn:hover{border-color:#e87a7a;color:#e87a7a}.sudoku-box{box-sizing:border-box;margin:0;padding:0}.sudoku-title{font-family:Playfair Display,serif;font-size:2rem;color:#e8d5a3;letter-spacing:.1em;margin-bottom:4px}.sudoku-sub{font-family:DM Mono,monospace;font-size:.75rem;color:#666;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px}.board-wrap{border:2px solid #3a3a4a;border-radius:4px;overflow:hidden;box-shadow:0 0 60px #e8d5a30d,0 20px 60px #0009}.board-row{display:flex}.cell{width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background:#1a1a24;border-right:1px solid #2a2a38;border-bottom:1px solid #2a2a38;transition:background .12s ease;-webkit-user-select:none;user-select:none}.cell:last-child{border-right:none}.board-row:last-child .cell{border-bottom:none}.cell.box-right{border-right:2px solid #4a4a60!important}.cell.box-bottom{border-bottom:2px solid #4a4a60!important}.cell.highlighted{background:#22222e}.cell.same-value{background:#2a2a1e}.cell.selected{background:#2e2a1a!important}.cell.error-cell{background:#2a1a1a!important}.cell-value{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;line-height:1}.cell-value.given{color:#c8b87a}.cell-value.user{color:#7ab8e8}.cell-value.error{color:#e87a7a}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:3px}.note-num{font-family:DM Mono,monospace;font-size:.55rem;color:#7a9e7a;display:flex;align-items:center;justify-content:center;font-weight:300;line-height:1}.controls{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:504px}.mode-row{display:flex;gap:12px;width:100%;justify-content:space-between;align-items:center}.mode-btn{font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;padding:8px 16px;border-radius:3px;cursor:pointer;transition:all .15s ease;border:1px solid #3a3a4a;background:transparent;color:#888}.mode-btn:hover{border-color:#e8d5a3;color:#e8d5a3}.mode-btn.active{background:#2e2a1a;border-color:#e8d5a3;color:#e8d5a3}.auto-notes-btn{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:10px 20px;border-radius:3px;cursor:pointer;transition:all .15s ease;border:1px solid #3a5a3a;background:transparent;color:#7a9e7a;width:100%}.auto-notes-btn:hover{background:#1a2e1a;border-color:#7ae87a;color:#7ae87a}.numpad{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;width:100%}.num-btn{font-family:Playfair Display,serif;font-size:1.3rem;color:#c8b87a;background:#1a1a24;border:1px solid #2a2a38;border-radius:4px;height:52px;cursor:pointer;transition:all .12s ease;display:flex;align-items:center;justify-content:center;padding:inherit}.num-btn:hover{background:#22222e;border-color:#e8d5a3;color:#e8d5a3;transform:translateY(-1px)}.num-btn:active{transform:translateY(0)}.erase-btn{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#888;background:#1a1a24;border:1px solid #2a2a38;border-radius:4px;height:40px;width:100%;cursor:pointer;transition:all .12s ease;display:flex;align-items:center;justify-content:center}.erase-btn:hover{border-color:#e87a7a;color:#e87a7a;background:#22222e}.pause-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:504px;min-height:506px;border:2px solid #3a3a4a;border-radius:4px;background:#12121a;box-shadow:0 0 60px #e8d5a30d,0 20px 60px #0009}.pause-icon{font-size:3rem;color:#3a3a4a;line-height:1}.pause-label{font-family:Playfair Display,serif;font-size:1.4rem;color:#e8d5a3;letter-spacing:.08em}.pause-time{font-family:DM Mono,monospace;font-size:1.8rem;color:#888;letter-spacing:.2em}.new-game-btn{font-family:DM Mono,monospace;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;padding:12px 32px;background:#e8d5a3;color:#0f0f13;border:none;border-radius:3px;cursor:pointer;transition:opacity .15s}.new-game-btn:hover{opacity:.85}