@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #e2e8f0;--bg-card: #ffffff;--bg-card-hover: #f0f4f8;--accent: #1e3a5f;--accent-hover: #2c5282;--accent-subtle: rgba(30, 58, 95, .08);--text-primary: #1e3a5f;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--board-bg: #ffffff;--board-border: #1e3a5f;--cell-bg: #ffffff;--cell-bg-given: #ffffff;--cell-border: #d0d7e2;--cell-border-bold: #1e3a5f;--cell-selected-bg: #c5ddf7;--cell-selected-border: #7bb3e0;--cell-related-bg: #e8edf4;--cell-error-bg: #fef2f2;--cell-error-color: #dc2626;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 24px rgba(30, 58, 95, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);min-height:100vh;color:var(--text-primary);position:relative;overflow-x:hidden}.app{max-width:900px;margin:0 auto;padding:var(--space-lg) var(--space-md);min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.app__header{text-align:center;margin-bottom:var(--space-xl);padding:var(--space-lg) 0}.app__title{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent) 0%,#fbbf24 50%,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;margin-bottom:var(--space-xs)}.app__subtitle{font-size:.9rem;color:var(--text-muted);font-weight:500}.app__info-bar{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}.app__info-item{display:flex;flex-direction:column;align-items:center;position:relative;min-width:60px}.app__info-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:var(--space-xs)}.app__info-value{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.app__info-item button{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--transition-fast)}.app__info-item button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.app__lang-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--transition-fast)}.app__lang-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.app__lang-menu{position:absolute;top:calc(100% + var(--space-sm));left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-xs);padding:var(--space-sm);z-index:100;min-width:150px;animation:menuFadeIn var(--transition-fast)}@keyframes menuFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.app__lang-section{padding:var(--space-xs) 0}.app__lang-label{font-size:.65rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:var(--space-xs) var(--space-sm) 2px}.app__lang-divider{height:1px;background:var(--bg-tertiary);margin:var(--space-xs) var(--space-sm)}.app__lang-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.9rem;text-align:left;transition:all var(--transition-fast)}.app__lang-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.app__lang-option--active{background:var(--accent-subtle);color:var(--accent)}.app__lang-option--active .app__lang-text{font-weight:600}.app__lang-flag{font-size:1.2rem;line-height:1}.app__lang-text{flex:1}.app__game-area{display:flex;justify-content:center;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.app__board-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.app__left-tools{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--bg-card);padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--bg-tertiary);box-shadow:var(--shadow-sm)}.app__tool-btn{padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:500;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap;width:90px;text-align:center}.app__tool-btn:hover:not(.app__tool-btn--disabled){background:var(--bg-card-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.app__tool-btn:active:not(.app__tool-btn--disabled){transform:translateY(0)}.app__tool-btn--disabled{opacity:.35;cursor:not-allowed}.app__tool-btn--hint{background:#f59e0b1f;color:var(--accent);border-color:#f59e0b33}.app__tool-btn--hint:hover:not(.app__tool-btn--disabled){background:#f59e0b33;color:var(--accent-hover)}.app__tool-btn--active{background:#22c55e1f;color:#22c55e;border-color:#22c55e33}.app__tool-btn--print{background:#6366f11a;color:#818cf8;border-color:#6366f126}.app__right-diff{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--bg-card);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--bg-tertiary);box-shadow:var(--shadow-sm)}.app__diff-title{font-family:Outfit,sans-serif;font-size:.85rem;color:var(--text-muted);text-align:center;margin-bottom:var(--space-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.app__diff-btn{padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;min-width:100px;display:flex;justify-content:center;align-items:center}.app__diff-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.app__diff-btn--active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent);font-weight:700;box-shadow:0 0 16px #f59e0b4d}.sudoku-board{display:block;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-md)}.sudoku-board--empty{display:flex;justify-content:center;align-items:center;font-size:.9rem;color:var(--text-muted)}.number-pad{display:flex;justify-content:center;gap:var(--space-xs);background:var(--bg-card);padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--bg-tertiary);box-shadow:var(--shadow-sm);width:100%}.number-pad__key{display:flex;justify-content:center;align-items:center;flex:1;height:52px;background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);cursor:pointer;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700;color:var(--text-primary);transition:all var(--transition-fast);position:relative;overflow:hidden}.number-pad__key:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--accent) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-fast)}.number-pad__key:hover:not(.number-pad__key--complete){background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.number-pad__key:active:not(.number-pad__key--complete){transform:translateY(0)}.number-pad__key--complete{background:#22c55e1f;color:#22c55e;opacity:.5;cursor:default}.number-pad__key--clear{background:#ef44441f;color:#ef4444}.app__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100;animation:overlayIn var(--transition-base)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.app__overlay-content{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;color:var(--text-primary);min-width:280px;max-width:360px;box-shadow:var(--shadow-lg);animation:cardPop var(--transition-spring)}@keyframes cardPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.app__overlay-content--success{background:linear-gradient(135deg,#22c55e26,#10b98114);border-color:#22c55e4d}.app__overlay-icon{font-size:3rem;margin-bottom:var(--space-md);display:inline-block;animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.app__overlay-content h2{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;margin-bottom:var(--space-sm)}.app__overlay-content p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.app__overlay-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.app__overlay-btn{padding:var(--space-md) var(--space-xl);background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:600;color:var(--text-primary);transition:all var(--transition-fast)}.app__overlay-btn:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.app__overlay-btn--primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.app__overlay-btn--primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px #f59e0b4d}.app__overlay-btn--success{background:#22c55e;color:var(--text-inverse);border-color:#22c55e}.app__overlay-btn--success:hover{background:#16a34a;box-shadow:0 4px 16px #22c55e4d}.app__celebration{font-size:2.5rem;margin-bottom:var(--space-md)}.app__result{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);color:var(--text-secondary)}.app__submitted{background:#22c55e1f;color:#22c55e;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:.85rem;font-weight:500}.app__login-btn{padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--accent) 0%,#fbbf24 100%);border:none;border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast)}.app__login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b4d}.app__leaderboard-btn{padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--transition-fast)}.app__leaderboard-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.app__user-area{position:relative}.app__user-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);cursor:pointer;transition:background var(--transition-fast)}.app__user-btn:hover{background:var(--bg-card-hover)}.app__avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.app__avatar-placeholder{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px}.app__username{font-size:.85rem;font-weight:500;color:var(--text-primary)}.app__user-menu{position:absolute;top:calc(100% + var(--space-sm));right:0;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-xs);padding:var(--space-md);min-width:180px;z-index:50;animation:menuFadeIn var(--transition-fast)}.app__user-stats{font-size:.75rem;color:var(--text-secondary);line-height:1.6;padding:var(--space-xs) 0}.app__user-menu hr{border:none;border-top:1px solid var(--bg-tertiary);margin:var(--space-sm) 0}.app__user-menu button{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:var(--radius-sm);text-align:left;font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast)}.app__user-menu button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.app__logout-btn{color:#ef4444}.app__logout-btn:hover{background:#ef44441a!important}.app--loading{display:flex;align-items:center;justify-content:center}.app__loading-spinner{font-size:1.1rem;color:var(--text-muted)}.stats-modal,.login-modal,.leaderboard-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100;padding:var(--space-lg);animation:overlayIn var(--transition-base)}.stats-modal__content,.login-modal__content,.leaderboard-modal__content{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;color:var(--text-primary);box-shadow:var(--shadow-lg);animation:cardPop var(--transition-spring)}.stats-modal__content{max-width:300px;width:100%}.login-modal__content{max-width:360px;width:100%}.leaderboard-modal__content{max-width:480px;width:100%;max-height:80vh;display:flex;flex-direction:column}.stats-modal__header,.login-modal__header,.leaderboard-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.stats-modal__header h2,.login-modal__header h2,.leaderboard-modal__header h2{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.stats-modal__close,.login-modal__close,.leaderboard-modal__close{width:28px;height:28px;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all var(--transition-fast)}.stats-modal__close:hover,.login-modal__close:hover,.leaderboard-modal__close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.stats-modal__summary{display:flex;justify-content:space-around;margin-bottom:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.stats-modal__summary-value{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:var(--accent)}.stats-modal__summary-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stats-modal__times{display:flex;justify-content:space-around;margin-bottom:var(--space-md)}.stats-modal__time-item{display:flex;flex-direction:column;align-items:center}.stats-modal__time-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stats-modal__time-value{font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.stats-modal__by-difficulty{margin-bottom:var(--space-md)}.stats-modal__by-difficulty h3{font-size:.75rem;margin-bottom:var(--space-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stats-modal__difficulty-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.stats-modal__difficulty-item{display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.stats-modal__difficulty-label{color:var(--text-secondary);font-size:.8rem}.stats-modal__difficulty-count{font-weight:700;color:var(--accent)}.stats-modal__clear-btn{padding:var(--space-sm) var(--space-md);background:#ef44441f;border:none;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;font-size:.8rem;font-weight:500}.login-modal__tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.login-modal__tab{flex:1;padding:var(--space-sm);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.login-modal__tab.active{background:var(--accent);color:var(--text-inverse);font-weight:700}.login-modal__form{display:flex;flex-direction:column;gap:var(--space-md)}.login-modal__field{display:flex;flex-direction:column;gap:var(--space-xs)}.login-modal__field label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.login-modal__field input{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.95rem;color:var(--text-primary);transition:border-color var(--transition-fast)}.login-modal__field input:focus{outline:none;border-color:var(--accent)}.login-modal__error{padding:var(--space-sm) var(--space-md);background:#ef44441f;color:#ef4444;border-radius:var(--radius-sm);font-size:.85rem}.login-modal__submit{padding:var(--space-md);background:linear-gradient(135deg,var(--accent) 0%,#fbbf24 100%);border:none;border-radius:var(--radius-md);color:var(--text-inverse);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.login-modal__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b4d}.login-modal__submit:disabled{opacity:.6;cursor:not-allowed}.login-modal__divider{display:flex;align-items:center;margin:var(--space-md) 0;color:var(--text-muted)}.login-modal__divider:before,.login-modal__divider:after{content:"";flex:1;height:1px;background:var(--bg-tertiary)}.login-modal__divider span{padding:0 var(--space-md);font-size:.8rem}.login-modal__google{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.login-modal__google:hover:not(:disabled){background:var(--bg-card-hover)}.login-modal__google:disabled{opacity:.6;cursor:not-allowed}.login-modal__hint{text-align:center;font-size:.7rem;color:var(--text-muted);margin-top:var(--space-md)}.leaderboard-modal__tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm)}.leaderboard-modal__tab{flex:1;padding:var(--space-sm);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.leaderboard-modal__tab.active{background:var(--accent);color:var(--text-inverse);font-weight:700}.leaderboard-modal__time-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.leaderboard-modal__time-tab{flex:1;padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.leaderboard-modal__time-tab.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.leaderboard-modal__user-rank{background:#22c55e1f;color:#22c55e;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);font-size:.85rem;text-align:center}.leaderboard-modal__login-hint{background:#f59e0b1a;color:var(--accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);font-size:.8rem;text-align:center}.leaderboard-modal__list{flex:1;overflow-y:auto;min-height:200px;max-height:400px}.leaderboard-modal__loading,.leaderboard-modal__empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:.9rem}.leaderboard-modal__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-xs);transition:background var(--transition-fast)}.leaderboard-modal__item:hover{background:var(--bg-card-hover)}.leaderboard-modal__item.current-user{background:var(--accent-subtle);border:1px solid var(--accent)}.leaderboard-modal__rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;color:var(--text-muted)}.leaderboard-modal__info{flex:1;display:flex;flex-direction:column;gap:2px}.leaderboard-modal__name{font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:var(--space-xs)}.perfect-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:var(--text-inverse);padding:1px 6px;border-radius:var(--radius-sm);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.leaderboard-modal__date{font-size:.7rem;color:var(--text-muted)}.leaderboard-modal__time{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:var(--accent)}.leaderboard-modal__stats{text-align:center;padding-top:var(--space-sm);font-size:.7rem;color:var(--text-muted);border-top:1px solid var(--bg-tertiary);margin-top:var(--space-sm)}.game-rules{margin-top:var(--space-2xl);background:var(--bg-card);border:1px solid var(--bg-tertiary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.game-rules__container{max-width:900px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.game-rules__title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;text-align:center;margin-bottom:var(--space-2xl);background:linear-gradient(135deg,var(--accent) 0%,#fbbf24 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-rules__section{margin-bottom:var(--space-xl)}.game-rules__subtitle{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:var(--space-md);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.game-rules__list{list-style:none;padding-left:0}.game-rules__list li{position:relative;padding:var(--space-sm) 0 var(--space-sm) var(--space-lg);font-size:.95rem;line-height:1.6;color:var(--text-secondary);border-bottom:1px solid var(--bg-tertiary)}.game-rules__list li:last-child{border-bottom:none}.game-rules__list li:before{content:"✦";position:absolute;left:0;top:var(--space-sm);color:var(--accent);font-size:.8rem}.game-rules__tips,.game-rules__difficulties{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md);margin-top:var(--space-sm)}.game-rules__tip,.game-rules__difficulty{background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);padding:var(--space-md);display:flex;gap:var(--space-md);transition:all var(--transition-fast)}.game-rules__tip:hover,.game-rules__difficulty:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#f59e0b26}.game-rules__tip-icon,.game-rules__diff-icon{font-size:2rem;flex-shrink:0}.game-rules__tip-content h4,.game-rules__diff-content h4{font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;margin-bottom:var(--space-xs);color:var(--text-primary)}.game-rules__tip-content p,.game-rules__diff-content p{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin:0}.game-rules__diff-icon--easy{color:#22c55e}.game-rules__diff-icon--medium{color:var(--accent)}.game-rules__diff-icon--hard{color:#ef4444}.game-rules__diff-icon--expert{color:#a78bfa}.game-rules__cta{text-align:center;margin-top:var(--space-2xl);padding:var(--space-xl);background:linear-gradient(135deg,var(--accent) 0%,#fbbf24 100%);border-radius:var(--radius-lg)}.game-rules__cta-text{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;color:var(--text-inverse);margin:0}.app__print-title{display:none}@media print{body{background:#fff}.app{max-width:100%;padding:var(--space-lg)}.app__header,.app__info-bar,.app__left-tools,.app__right-diff,.number-pad,.app__overlay,.stats-modal,.login-modal,.leaderboard-modal,.app__user-area,.app__leaderboard-btn,.app__login-btn,.app__lang-btn,.game-rules{display:none!important}.app__game-area{display:flex;flex-direction:column;align-items:center}.app__print-title{display:block;text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:var(--space-lg);color:#000}.sudoku-board{width:450px!important;border:3px solid #000;box-shadow:none}.sudoku-cell{width:50px!important;height:50px!important;border:1px solid #000!important;background:#fff!important}.sudoku-cell:nth-child(3),.sudoku-cell:nth-child(6){border-right:2px solid #000!important}.sudoku-board__row:nth-child(3),.sudoku-board__row:nth-child(6){border-bottom:2px solid #000}.sudoku-cell--given{background:#f0f0f0!important;font-weight:700}.sudoku-cell--selected,.sudoku-cell--related,.sudoku-cell--highlighted,.sudoku-cell--error{background:#fff!important;border-color:#000!important}.sudoku-cell__value{font-size:1.75rem;font-weight:700;color:#000!important}.sudoku-cell__note{font-size:.85rem;color:#333!important}}@media (max-width: 768px){.app{padding:var(--space-sm)}.app__info-bar{flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.app__info-value{font-size:1.1rem}.app__game-area{flex-direction:column;align-items:center}.app__left-tools,.app__right-diff{flex-direction:row;flex-wrap:wrap;justify-content:center}.sudoku-cell{width:40px;height:40px}.sudoku-cell__value{font-size:1.25rem}.sudoku-cell__note{font-size:.65rem}.number-pad__key{height:44px;font-size:1.1rem}.app__title{font-size:1.8rem}.game-rules__container{padding:var(--space-lg) var(--space-md)}.game-rules__title{font-size:1.5rem;margin-bottom:var(--space-lg)}.game-rules__subtitle{font-size:1.1rem}.game-rules__tips,.game-rules__difficulties{grid-template-columns:1fr}.game-rules__cta-text{font-size:1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}