:root{--bg: #1a1a2e;--surface: #16213e;--surface2: #1c2a4a;--accent: #00aeef;--accent2: #0f3460;--gold: #f0c040;--text: #ecf0f1;--text-dim: rgba(255,255,255,.55);--success: #43b581;--danger: #ef5350;--cell-size: 42px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}#loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-dim);font-size:.95em}#mode-select{display:flex;flex-direction:column;align-items:center;padding:20px 16px 40px;max-width:600px;margin:0 auto;gap:24px}.menu-header{text-align:center;margin-bottom:4px}.menu-title{font-size:1.8em;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:8px}.title-icon{width:1.2em;height:1.2em;-webkit-text-fill-color:initial}.player-streak{margin-top:2px;margin-bottom:6px;font-size:.85em;font-weight:700;color:var(--gold);display:flex;align-items:center;justify-content:center;gap:4px}.streak-fire{font-size:1.1em}.btn-invite-top{margin-top:12px;padding:10px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;font-weight:700;font-size:.95em;cursor:pointer;transition:all .2s;width:100%;max-width:280px}.btn-invite-top:hover{filter:brightness(1.15);transform:translateY(-1px)}.status-dnf{color:var(--danger);font-weight:700}.status-pct{color:var(--text-dim);font-size:.85em}.menu-section{width:100%;background:var(--surface);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.06)}.stats-player{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;font-size:1em}.stats-player img{width:32px;height:32px;border-radius:50%;border:2px solid var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.stats-col{background:var(--surface2);border-radius:10px;padding:10px 8px;border:1px solid rgba(255,255,255,.06)}.stats-label{text-align:center;font-weight:700;font-size:.9em;margin-bottom:8px;color:var(--gold)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;font-size:.78em}.stat-row+.stat-row{border-top:1px solid rgba(255,255,255,.04)}.stat-key{color:var(--text-dim)}.stat-val{font-weight:700;font-variant-numeric:tabular-nums}.section-title{font-size:1.05em;font-weight:700;margin-bottom:6px}.section-desc{font-size:.8em;color:var(--text-dim);margin-bottom:12px}.daily-reset-timer{text-align:center;font-size:.8em;color:var(--gold);font-weight:600;margin-bottom:10px;font-variant-numeric:tabular-nums}.daily-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.daily-card{background:var(--surface2);border-radius:10px;padding:12px 8px;text-align:center;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:4px}.daily-card.completed{border-color:var(--success);opacity:.8}.daily-card-mini{border-color:var(--gold);background:#f0c0400f}.daily-card-mini .daily-difficulty{color:var(--gold)}.daily-card-mini .btn-daily{background:var(--gold);color:#1a1a2e}.daily-card-website .btn-daily{background:var(--accent2);border:1px solid var(--accent);font-size:.78em}.daily-card-website .btn-daily:hover:not(:disabled){background:#00aeef33}.daily-difficulty{font-weight:700;font-size:.95em}.daily-size{font-size:.7em;color:var(--text-dim)}.daily-status{font-size:.72em;color:var(--gold);min-height:1.4em}.daily-status.done{color:var(--success)}.btn-daily{margin-top:4px;padding:6px 0;border:none;border-radius:6px;font-weight:700;font-size:.85em;cursor:pointer;background:var(--accent);color:#fff;transition:all .2s}.btn-daily:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn-daily:disabled{background:#555;cursor:not-allowed;opacity:.6}.freeplay-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.btn-freeplay{padding:12px 8px;border:2px solid var(--accent2);border-radius:10px;background:var(--surface2);color:var(--text);font-weight:700;font-size:.9em;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none}.btn-freeplay span{font-size:.75em;font-weight:400;color:var(--text-dim)}.btn-freeplay:hover{border-color:var(--accent);background:#00aeef1a;transform:translateY(-2px)}.leaderboard-tabs{display:flex;gap:6px;margin-bottom:10px}.lb-tab{flex:1;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:transparent;color:var(--text-dim);font-size:.8em;font-weight:600;cursor:pointer;transition:all .2s}.lb-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.leaderboard-content{max-height:240px;overflow-y:auto}.lb-loading,.lb-empty{text-align:center;color:var(--text-dim);padding:20px;font-size:.85em}.lb-row{display:flex;align-items:center;padding:6px 8px;border-radius:6px;gap:10px;font-size:.85em}.lb-row:nth-child(odd){background:#ffffff08}.lb-row.me{background:#00aeef1f;border:1px solid rgba(0,174,239,.3)}.lb-rank{font-weight:800;min-width:24px;text-align:center;color:var(--text-dim)}.lb-rank.gold{color:gold}.lb-rank.silver{color:silver}.lb-rank.bronze{color:#cd7f32}.lb-avatar{width:24px;height:24px;border-radius:50%}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-time{font-weight:700;font-variant-numeric:tabular-nums}.lb-dnf{color:var(--danger);font-weight:700;font-size:.85em;display:flex;align-items:center;gap:4px}.lb-pct{color:var(--text-dim);font-weight:600;font-size:.9em}.lb-row.dnf{opacity:.7}.lb-stats{display:flex;gap:6px;font-size:.75em;color:var(--text-dim);white-space:nowrap}.lb-stats-played{background:#ffffff0f;padding:2px 6px;border-radius:4px}.lb-stats-winrate{background:#2ecc711a;color:#2ecc71;padding:2px 6px;border-radius:4px;font-weight:600}.menu-actions{display:flex;gap:10px;background:transparent;border:none;padding:0}.btn-link{flex:1;padding:12px;border:2px solid rgba(255,255,255,.15);border-radius:10px;background:transparent;color:var(--text-dim);font-weight:600;font-size:.85em;cursor:pointer;text-decoration:none;text-align:center;transition:all .2s}.btn-link:hover{border-color:#ffffff4d;color:var(--text)}#game-page{display:flex;flex-direction:column;align-items:center;height:100vh;overflow:auto}.game-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;background:var(--surface);border-bottom:1px solid rgba(255,255,255,.06)}.btn-back{padding:6px 12px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;color:var(--text);font-size:.8em;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{background:#ffffff14}.game-mode-label{font-weight:700;font-size:.95em}.btn-invite-small{padding:6px 12px;border:1px solid var(--gold);border-radius:6px;background:transparent;color:var(--gold);font-size:.8em;font-weight:600;cursor:pointer;transition:all .2s}.btn-invite-small:hover{background:#f0c0401a}.game-info-bar{display:flex;justify-content:center;gap:16px;padding:10px 16px}.info-box{display:flex;align-items:center;gap:6px;background:var(--surface);padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.info-icon{font-size:1em}.info-display{font-weight:700;font-variant-numeric:tabular-nums;font-size:1em;min-width:36px}.board-wrapper{display:flex;justify-content:center;padding:8px}.sudoku-board-container{display:inline-block;border:3px solid var(--accent);border-radius:6px;background:var(--surface);padding:0}#sudoku-board{display:grid;grid-template-columns:repeat(9,var(--cell-size));grid-template-rows:repeat(9,var(--cell-size));gap:1px;background:#ffffff14}.sudoku-cell{width:var(--cell-size);height:var(--cell-size);background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell-size) * .52);font-weight:700;cursor:pointer;color:var(--text);position:relative;transition:background .1s}.sudoku-cell:hover{background:#00aeef26}.sudoku-cell.box-left{border-left:2px solid var(--accent)}.sudoku-cell.box-top{border-top:2px solid var(--accent)}.sudoku-cell.given{color:var(--text-dim);font-weight:800;background:#ffffff0a}.sudoku-cell.user-filled{color:var(--accent)}.sudoku-cell.selected{background:#00aeef59!important;box-shadow:inset 0 0 0 2px var(--accent)}.sudoku-cell.highlighted{background:#00aeef1a}.sudoku-cell.same-number{background:#00aeef33}.sudoku-cell.incorrect{color:var(--danger)!important;background:#ef535026}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.note-num{display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell-size) * .22);font-weight:600;color:#ffffff80;line-height:1}#game-page.mini-mode #sudoku-board{grid-template-columns:repeat(6,var(--cell-size));grid-template-rows:repeat(6,var(--cell-size))}#game-page.mini-mode .notes-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.mini-numpad-row{grid-template-columns:repeat(3,1fr)!important}.mini-numpad-erase{display:flex;justify-content:center;margin-bottom:6px}.mini-numpad-erase .numpad-btn{flex:1;max-width:200px}#number-pad{padding:8px 16px;width:100%;max-width:400px}.numpad-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px}.numpad-btn{padding:12px 0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:var(--surface);color:var(--text);font-size:1.3em;font-weight:700;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.numpad-btn:hover{background:#00aeef26;border-color:var(--accent)}.numpad-btn:active{transform:scale(.95);background:#00aeef40}.numpad-erase{background:#ef535026;border-color:#ef53504d;color:var(--danger)}.numpad-erase:hover{background:#ef535040;border-color:var(--danger)}.numpad-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.numpad-action{padding:10px 0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:var(--surface);color:var(--text-dim);font-size:.85em;font-weight:600;cursor:pointer;transition:all .15s}.numpad-action:hover{background:#ffffff14;border-color:#fff3}.numpad-action.active{background:#00aeef33;border-color:var(--accent);color:var(--accent)}#game-status{text-align:center;padding:8px;font-weight:700;font-size:1em;min-height:1.5em}#game-status.win{color:var(--success)}#game-status.lose{color:var(--danger)}#game-result-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.result-content{background:var(--surface);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:28px 24px;text-align:center;max-width:340px;width:90%;animation:slideUp .3s ease}.result-title{font-size:1.5em;font-weight:800;margin-bottom:8px}.result-time{font-size:1.2em;font-weight:700;color:var(--gold);margin-bottom:6px}.result-message{font-size:.85em;color:var(--text-dim);margin-bottom:16px}.btn-challenge{display:block;width:100%;padding:12px 20px;margin-bottom:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;font-weight:700;font-size:.95em;cursor:pointer;transition:all .2s;letter-spacing:.3px}.btn-challenge:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-challenge:active{transform:translateY(0)}.result-buttons{display:flex;gap:10px;justify-content:center}.btn-play-again{padding:10px 20px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;font-size:.9em;cursor:pointer;transition:all .2s}.btn-play-again:hover{filter:brightness(1.15)}.btn-back-menu{padding:10px 20px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:transparent;color:var(--text);font-weight:600;font-size:.9em;cursor:pointer;transition:all .2s}.btn-back-menu:hover{background:#ffffff14}.lb-title{font-size:1.05em;font-weight:700;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.lb-title-icon{width:22px;height:22px;border-radius:50%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}@media (max-width: 420px){:root{--cell-size: 36px}.menu-title{font-size:1.4em}.daily-cards,.freeplay-cards{grid-template-columns:repeat(2,1fr);gap:8px}.stats-grid{grid-template-columns:repeat(2,1fr)}.numpad-btn{padding:10px 0;font-size:1.1em}}@media (max-width: 360px){:root{--cell-size: 32px}}@media (min-width: 500px){:root{--cell-size: 48px}}