*{margin:0;padding:0;box-sizing:border-box;font-display:block}html,body{font-display:block}:root{--primary-bg:#F9F6F0;--primary-text:#2B2B2B;--secondary-text:#5A5A5A;--accent-color:#8B4513;--border-color:#D4D4D4;--button-bg:#8B4513;--button-hover:#A0522D;--grid-border:rgba(0,0,0,.35);--grid-cell-bg:#FFFFFF;--grid-cell-hover:#F5F5DC}html,body{width:100%;min-width:320px;max-width:100vw}body{font-family:Merriweather,serif;background-color:var(--primary-bg);color:var(--primary-text);line-height:1.6;font-size:16px}.container{max-width:1200px;margin:0 auto;padding:0 15px;width:100%}.navbar{background-color:#2b2b2b;color:#f9f6f0;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 15px}.nav-logo{font-family:Merriweather,serif;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;color:#f9f6f0;text-decoration:none}.nav-links a{color:#f9f6f0;text-decoration:none;margin-left:1.5rem;transition:color .3s ease;font-size:1rem;font-weight:500;font-family:Merriweather,serif}.nav-links a:hover{color:#d4d4d4}.hero-section{background:var(--primary-bg);padding:clamp(2rem,5vw,3rem) 0;text-align:center;border-bottom:none}.hero-section h1{font-family:Merriweather,serif;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;margin-bottom:1rem;color:var(--primary-text);line-height:1.2}.hero-section .cta-button{margin-top:1rem}.game-area{padding:clamp(1.5rem,4vw,3rem) 0;background:var(--primary-bg);margin:0;border-top:none;border-bottom:2px solid var(--border-color)}.game-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.difficulty-selector{display:none}[id*=ad-banner],[class*=ad-banner],[id*=ad-],[class*=ad-]{display:none!important}.difficulty-selector label{font-weight:700;color:var(--primary-text);font-size:.9rem}.difficulty-selector select{padding:.5rem;border:2px solid var(--border-color);border-radius:4px;font-family:Merriweather,serif;background-color:#fff;font-size:.9rem}.difficulty-nav{display:flex!important;gap:.5rem;overflow:visible;padding:.25rem 0 .5rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;justify-content:flex-start;align-items:center;margin:0;width:fit-content;min-width:auto;flex-wrap:nowrap;background-color:transparent}.difficulty-nav button{flex-shrink:0;white-space:nowrap;min-width:fit-content}.difficulty-nav .diff-pill{flex:0 0 auto;scroll-snap-align:start;border:1px solid var(--border-color);border-radius:9999px;padding:.35rem .75rem;font-size:.9rem;background:#fefcf8;cursor:pointer}.difficulty-nav .diff-pill.active{background:#eae3d3;border-color:var(--accent-color)}.difficulty-nav .diff-pill.locked{opacity:.6;cursor:not-allowed}.game-area .container{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;overflow:visible}.difficulty-section{width:100%;margin-bottom:1rem;display:flex!important;justify-content:flex-start;align-items:center;overflow:visible;padding:0;text-align:left;box-sizing:border-box;align-self:flex-start;gap:.5rem;margin:1rem 0;flex-wrap:wrap;transform:translate(-25%);background-color:transparent}.game-main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;box-sizing:border-box;background:transparent;border-radius:0;padding:1rem;box-shadow:none}.game-content{display:flex;gap:1.5rem;align-items:stretch;justify-content:center;width:100%;box-sizing:border-box}@media (max-width:768px){.game-main{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:100%}.game-content{flex-direction:column;align-items:center;gap:1rem}.sudoku-board{width:100%;max-width:400px;height:auto;aspect-ratio:1;box-sizing:border-box}.sudoku-grid{width:100%!important;height:100%!important;aspect-ratio:1;box-sizing:border-box}.game-panel{width:100%;max-width:400px;height:auto;min-height:auto;max-height:none;box-sizing:border-box;flex:none}.difficulty-nav{justify-content:center;align-items:center;overflow-x:auto;padding:.25rem .5rem;width:100%;box-sizing:border-box;gap:.3rem;margin:0 auto}.difficulty-nav .diff-pill{padding:.25rem .5rem;font-size:.8rem;flex-shrink:0;white-space:nowrap}}@media (max-width:480px){.sudoku-board,.sudoku-grid,.game-panel{max-width:320px}.container{padding:0 .5rem}}.sudoku-board{flex:0 0 auto;width:550px;height:550px;margin:0;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:1px;background-color:var(--grid-border);border:3px solid var(--grid-border);width:100%!important;height:100%!important;box-shadow:none;border-radius:2px;box-sizing:border-box}.sudoku-grid.paused .sudoku-cell{color:transparent!important;text-shadow:none!important;caret-color:transparent!important}#pause-overlay{background:#fff!important;border:3px solid var(--grid-border);box-sizing:border-box;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;border-radius:2px}#pause-overlay:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:#fff;pointer-events:none;z-index:1}.game-panel{flex:0 0 240px;width:240px;max-width:100%;display:flex;flex-direction:column;height:550px;box-sizing:border-box;margin:0;padding:0;background:transparent;border-radius:8px;border:none;align-self:stretch}.game-info{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.6rem;background-color:#f5f1e8;border-radius:8px;border:2px solid #E8DCC6;flex-shrink:0;box-sizing:border-box}.game-controls-wrapper{flex:1;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;margin-top:.5rem;min-height:0}.game-controls-middle{display:flex;flex-direction:column;gap:1rem;flex:1;justify-content:center}.time-display,.mistakes-display{text-align:center;display:flex;align-items:center;gap:.25rem}.time-display{display:flex;align-items:center;gap:.5rem;flex-direction:row;justify-content:center}.time-display .time-col{display:flex;flex-direction:column;align-items:center;min-width:60px;text-align:center}.mistakes-display{display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:center}.time-display .label{margin:0}.time-display #timer{margin-right:2px;display:inline-block;min-width:60px;text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;font-family:inherit}.mistakes-display #mistakes{display:inline-block;min-width:36px;text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}.time-display .label,.mistakes-display .label{display:block;font-size:1rem;color:var(--secondary-text);margin-bottom:.25rem}#timer,#mistakes{display:block;font-size:1rem;font-weight:700;color:var(--primary-text)}#pause-btn{flex:0 0 40px;padding:0;box-sizing:border-box;line-height:0}.action-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.action-btn{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:.6rem;cursor:pointer;transition:all .2s ease;font-size:1.1rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 1px 3px #0000001a}.action-btn:hover,.action-btn.active{background-color:var(--accent-color);color:#fff}.hint-badge{position:absolute;top:-6px;right:-6px;background:#8b4513;color:#fff;font-size:.9rem;font-weight:700;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040}.hint-badge.decrement{animation:hintPop .32s ease-out}@keyframes hintPop{0%{transform:scale(1)}30%{transform:scale(1.2)}to{transform:scale(1)}}.hint-badge.gray{background:#6c757d}.number-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.number-btn{background-color:#fefcf8;border:2px solid #E8DCC6;border-radius:8px;padding:.8rem 0;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:600;color:#999;cursor:pointer;transition:all .2s ease;font-family:Merriweather,serif;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.number-btn:hover,.number-btn.selected{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.new-game-section{text-align:center;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;margin-bottom:0;flex-shrink:0;justify-content:center}.restart-btn{background-color:#b8860b;color:#fff;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:background-color .3s ease;width:100%;font-family:Merriweather,serif}.restart-btn:hover{background-color:peru}.restart-btn:disabled,.restart-btn.disabled{background-color:#7f7f7f!important;cursor:not-allowed!important;opacity:.8!important}.new-game-btn{background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:.95rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:background-color .3s ease;width:100%;font-family:Merriweather,serif}.new-game-btn:hover{background-color:var(--button-hover)}.new-game-btn:disabled,.new-game-btn.disabled{background-color:#7f7f7f!important;cursor:not-allowed!important;opacity:.8!important}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal.hidden{display:none}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:400px;width:90%;padding:0;overflow:hidden;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background-color:var(--accent-color);color:#fff;padding:1.5rem;text-align:center}.modal-header h2{margin:0;font-family:Merriweather,serif;font-size:1.5rem}.modal-body{padding:2rem 1.5rem;text-align:center}.modal-body p{margin:0 0 1rem;color:var(--secondary-text);line-height:1.6}.modal-body p:last-child{margin-bottom:0}.modal-footer{padding:1.5rem;text-align:center;border-top:1px solid #eee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.modal-actions-row{display:flex;gap:.75rem}.modal-btn{background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease;font-family:Merriweather,serif;min-width:120px}.modal-btn .btn-line1{display:block;line-height:1.05}.modal-btn .btn-line2{display:block;font-size:.92em;opacity:.95;line-height:1.05}.modal-btn:hover{background-color:var(--button-hover)}.modal-btn.secondary{background-color:#6c757d;margin-right:0}.modal-btn.secondary:hover{background-color:#5a6268}.completion-stats{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin:1rem 0}.completion-stats p{margin:.5rem 0;font-size:1.1rem;font-weight:500}.completion-stats span{font-weight:700;color:var(--accent-color)}#game-complete-modal .modal-footer{text-align:center}#game-complete-modal .modal-btn{margin:0}#game-complete-modal .modal-content.compact-modal.newspaper-modal{border:2px solid var(--border-color);box-shadow:0 6px 24px #0000002e}#game-complete-modal .modal-header h2{font-family:Merriweather,serif;color:var(--accent-color)}#game-complete-modal .achievement-text,#game-complete-modal .ranking-text,#game-complete-modal .encourage-text{color:var(--primary-text)}.share-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.share-prompt{font-size:.95rem;color:var(--secondary-text);margin-bottom:1rem;font-weight:500}.share-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.share-btn.disabled,.share-btn:disabled{filter:grayscale(.3);opacity:.65;cursor:not-allowed;transform:none}.share-icon{display:inline-flex;align-items:center;justify-content:center}.cooldown-tip{margin-top:.5rem;color:var(--secondary-text);font-size:.95rem}.share-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:#fff;min-width:90px;justify-content:center}.share-btn.twitter{background-color:#000}.share-btn.twitter:hover{background-color:#333;transform:translateY(-2px)}.share-btn.facebook{background-color:#4267b2}.share-btn.facebook:hover{background-color:#365899;transform:translateY(-2px)}.share-btn.reddit{background-color:#ff4500}.share-btn.reddit:hover{background-color:#e63e00;transform:translateY(-2px)}.share-btn.copy{background-color:#6c757d}.share-btn.copy:hover{background-color:#5a6268;transform:translateY(-2px)}.share-btn.copy.copied{background-color:#28a745}.share-icon{font-size:1.1rem}.compact-modal{max-width:420px;background:linear-gradient(135deg,#f8f5f0,#f1ede6,#e8e1d4);border:2px solid var(--grid-border);border-radius:0;box-shadow:0 0 0 1px #d4c4a8,0 8px 32px #00000040,inset 0 1px #ffffff4d;overflow:hidden;font-family:Merriweather,serif;position:relative}.newspaper-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,#f0f0f0 1px,transparent 1px),radial-gradient(circle at 75% 75%,#e0e0e0 1px,transparent 1px);background-size:15px 15px;opacity:.4;pointer-events:none;z-index:1}.newspaper-modal:after{content:"";position:absolute;top:15px;left:15px;right:15px;height:1px;background:var(--grid-border);z-index:2}.compact-modal .modal-header{background:transparent;color:#2f1b14;padding:.8rem 1.5rem .2rem;text-align:center;margin:0;position:relative;z-index:3}.compact-modal .modal-header h2{margin:0;font-size:2rem;font-weight:700;font-family:Merriweather,serif;color:#8b4513;text-shadow:1px 1px 2px rgba(0,0,0,.1);letter-spacing:1px}.achievement-summary{padding:.1rem 1.5rem .2rem;text-align:center;background:transparent;position:relative;z-index:3}.achievement-text,.ranking-text,.encourage-text{font-size:1.1rem;color:#2f1b14;margin:0 0 .4rem;line-height:1.3;font-family:Merriweather,serif;font-weight:400}#game-complete-modal .achievement-text,#game-complete-modal .ranking-text,#game-complete-modal .encourage-text{font-family:Merriweather,serif}#game-complete-modal .encourage-text{font-size:.95rem;font-style:italic;color:var(--secondary-text);margin-top:1.8rem}#game-complete-modal .compact-achievements{display:flex;flex-direction:column;gap:6px;padding:0 1.5rem}#game-complete-modal .badge-row{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#2e5d2e;font-family:Merriweather,serif}#game-complete-modal .badge-row .dot{width:10px;height:10px;border-radius:50%;background:#2e7d32}#game-complete-modal .achievement-text,#game-complete-modal .ranking-text{font-size:1.1rem;margin:0 0 .3rem}#game-complete-modal .modal-header{padding-bottom:.15rem}#game-complete-modal .modal-body{padding-top:.1rem}.time-highlight,.difficulty-highlight,.ranking-highlight{color:#8b4513;font-weight:700}.compact-share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:.4rem 1.5rem .2rem;background:transparent;border-top:1px solid var(--grid-border);position:relative;z-index:3;justify-items:center}.share-btn-compact{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;position:relative;overflow:hidden;width:100%;max-width:150px;justify-self:center}.share-icon-svg{width:20px;height:20px}.share-btn-compact.facebook{background:linear-gradient(135deg,#1877f2,#0c63d4)}.share-btn-compact.facebook:hover{background:linear-gradient(135deg,#0c63d4,#1877f2);transform:translateY(-2px);box-shadow:0 8px 20px #1877f266}.share-btn-compact.reddit{background:linear-gradient(135deg,#ff4500,#e63e00)}.share-btn-compact.reddit:hover{background:linear-gradient(135deg,#e63e00,#ff4500);transform:translateY(-2px);box-shadow:0 8px 20px #ff450066}.share-btn-compact.twitter{background:linear-gradient(135deg,#000,#1a1a1a)}.share-btn-compact.twitter:hover{background:linear-gradient(135deg,#333,#000);transform:translateY(-2px);box-shadow:0 8px 20px #0006}.share-btn-compact.copy{background:linear-gradient(135deg,#6c757d,#495057)}.share-btn-compact.copy:hover{background:linear-gradient(135deg,#495057,#6c757d);transform:translateY(-2px);box-shadow:0 8px 20px #6c757d66}.share-btn-compact.copy.copied{background:linear-gradient(135deg,#28a745,#20c997)}.compact-modal .modal-footer{padding:.1rem 1.5rem .6rem;background:transparent;text-align:center;position:relative;z-index:3;display:flex;justify-content:center}.compact-modal .modal-footer .modal-btn{background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease;font-family:Merriweather,serif;min-width:150px;max-width:200px}.compact-modal .modal-footer .modal-btn:hover{background-color:var(--button-hover)}.visual-share-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0;text-align:center}.visual-share-label{font-size:.85rem;color:var(--secondary-text);margin-bottom:.8rem;font-style:italic}.download-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:.7rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin:0 auto;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.download-icon{font-size:1.1rem}.sudoku-cell{background-color:#fefcf8;border:none;font-family:Merriweather,serif;font-size:clamp(1.2rem,3.5vw,1.8rem);font-weight:600;text-align:center;cursor:pointer;transition:background-color .2s ease;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999}.sudoku-cell:hover{background-color:var(--grid-cell-hover)}.sudoku-cell:focus{outline:2px solid var(--accent-color);background-color:var(--grid-cell-hover)}.sudoku-cell.fixed{background-color:#f0f0f0;color:var(--primary-text);font-weight:700;cursor:not-allowed}.sudoku-cell.hinted{background-color:#f5f1e8;color:#28a745;font-weight:600}.sudoku-cell.error{background-color:#ffe6e6;color:#d32f2f}.sudoku-cell.selected{background-color:var(--grid-cell-hover);outline:2px solid var(--accent-color)}.sudoku-cell.highlighted-row,.sudoku-cell.highlighted-col{background-color:#e3f2fd!important}.sudoku-cell.highlighted-same-number{background-color:#fff3e0!important}.action-icon{width:20px;height:20px;filter:opacity(.7);transition:filter .2s ease}.action-btn:hover .action-icon{filter:brightness(0) invert(1)}.sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid var(--grid-border)}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--grid-border)}.how-to-play{padding:clamp(2rem,5vw,3rem) 0;background-color:var(--primary-bg)}.how-to-play h2{font-family:Merriweather,serif;font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem;color:var(--primary-text)}.how-to-play h3{font-family:Merriweather,serif;font-size:clamp(1.2rem,3vw,1.5rem);margin:1.5rem 0 .5rem;color:var(--primary-text)}.how-to-play p{margin-bottom:1rem;color:var(--secondary-text);font-size:clamp(.9rem,2vw,1rem)}.how-to-play ul{margin-left:2rem;color:var(--secondary-text)}.how-to-play li{margin-bottom:.5rem;font-size:clamp(.9rem,2vw,1rem)}.how-to-play,.faq-preview{padding:clamp(2rem,5vw,3rem) 0;background-color:var(--primary-bg);max-width:800px;margin:2rem auto}.how-to-play .container,.faq-preview .container{padding:0 2rem}.content-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:2rem;border:1px solid #f0f0f0}.content-card h2{font-family:Merriweather,serif;font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem;color:var(--primary-text);text-align:center}.intro-text{margin-bottom:2rem;color:var(--secondary-text);font-size:clamp(.95rem,2.2vw,1.1rem);line-height:1.6;text-align:center}.rules-section{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.rules-section h3{font-family:Merriweather,serif;font-size:clamp(1.2rem,3vw,1.4rem);margin-bottom:1rem;color:var(--primary-text);text-align:center}.rules-list{list-style:none;padding:0;margin:1.5rem 0;text-align:left}.rules-list li{color:var(--secondary-text);font-size:clamp(.9rem,2vw,1rem);margin-bottom:.5rem;text-align:center;list-style:none}.rules-list li:last-child{margin-bottom:0}.share-btn.copy.copy-success{background-color:#4caf50!important;color:#fff!important;transform:scale(1.05);box-shadow:0 4px 12px #4caf504d;transition:all .3s ease}.share-btn.copy.copy-success .share-icon,.share-btn.copy.copy-success .share-label{color:#fff!important}.ach-stats{display:flex;justify-content:space-around;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.ach-stat{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #f0f0f0;flex:1;min-width:150px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.ach-stat h4{font-family:Merriweather,serif;font-size:.9rem;color:var(--secondary-text);margin:0 0 .5rem;font-weight:500}.ach-stat .val{font-family:Merriweather,serif;font-size:2rem;font-weight:700;color:var(--accent-color);margin:0}.faq-preview h2{font-family:Merriweather,serif;font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem;color:var(--primary-text)}.faq-preview p{margin-bottom:2rem;color:var(--secondary-text);font-size:clamp(.9rem,2vw,1rem)}.faq-links{margin:1.5rem 0;text-align:left}.faq-links h3{margin-bottom:.8rem}.faq-links a{color:var(--accent-color);text-decoration:none;font-family:Merriweather,serif;font-size:clamp(.95rem,2.2vw,1.1rem);transition:all .3s ease;display:block;padding:.8rem 1rem;margin-bottom:.8rem;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a}.faq-links a:hover{color:var(--button-hover);background-color:#f8f9fa;transform:translate(4px);box-shadow:0 3px 8px #00000026}.btn-view-all{display:block;background-color:var(--button-bg);color:#fff;padding:.8rem 1.5rem;text-decoration:none;border-radius:4px;margin:1rem auto 0;transition:background-color .3s ease;font-size:clamp(.9rem,2vw,1rem);text-align:center;width:fit-content}.btn-view-all:hover{background-color:var(--button-hover)}.site-footer{background-color:var(--primary-text);color:var(--primary-bg);padding:2rem 0;margin-top:3rem}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:.8rem;font-family:Merriweather,serif;font-size:1rem}.footer-links a{color:var(--primary-bg);text-decoration:none;font-family:Merriweather,serif;font-size:1rem}.footer-links a:hover{color:#fff}.copyright{text-align:center;color:var(--primary-bg);font-size:.85rem;margin-bottom:.27rem;font-family:Merriweather,serif}.footer-contact{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap;font-family:Merriweather,serif;font-size:.7rem}.footer-contact a{color:#b0b0b0!important;text-decoration:none!important;font-family:Merriweather,serif;font-size:.7rem}.footer-contact a:hover{color:#fff!important}.footer-contact a:link,.footer-contact a:visited{color:#b0b0b0!important;text-decoration:none!important}.footer-contact a:active,.footer-contact a:focus{color:#b0b0b0!important;text-decoration:none!important}@media (max-width:768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-right{align-items:center}.footer-links,.footer-legal{justify-content:center}}.copyright .legal-links{font-size:.7rem;opacity:.85;margin-top:.35rem}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:.27rem;margin:.16rem auto 0;max-width:clamp(360px,20%,720px);padding:0 8px}.footer-bottom .contact-info{font-size:.7rem;color:#999;opacity:.8}.footer-bottom .contact-info a,.footer-bottom .contact-info a:hover{color:#999!important;text-decoration:none!important}.footer-bottom .copyright{white-space:nowrap;display:inline-block}.footer-bottom .contact-info{display:flex;justify-content:center;gap:2rem;align-items:center}.footer-bottom .contact-info span,.footer-bottom .contact-info a{color:#999!important;text-decoration:none!important;white-space:nowrap}.footer-bottom .legal-links{margin-top:0}.footer-bottom .contact a{color:#d4d4d4;text-decoration:none}.footer-bottom .contact a:hover{text-decoration:underline}@media (max-width:640px){.footer-bottom{flex-direction:column;align-items:center;gap:.25rem}}.copyright .contact-line{margin-top:.35rem}.copyright .legal-links a{color:#d4d4d4;text-decoration:none}.copyright .legal-links a:hover{text-decoration:underline}.page-header{text-align:center;padding:clamp(2rem,5vw,3rem) 0;background-color:var(--primary-bg);margin-bottom:2rem}.page-header h1{font-family:Merriweather,serif;font-size:clamp(1.8rem,5vw,2.5rem);margin-bottom:1rem;color:var(--primary-text)}.page-header p{font-size:clamp(1rem,2.5vw,1.2rem);color:var(--secondary-text);max-width:600px;margin:0 auto}.faq-content,.about-content,.legal-content{max-width:800px;margin:0 auto}.faq-item,.about-item,.legal-item{margin-bottom:3rem;padding:clamp(1.5rem,4vw,2rem);background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.faq-item h2,.about-item h2,.legal-item h2{font-family:Merriweather,serif;font-size:clamp(1.3rem,3.5vw,1.8rem);margin-bottom:1rem;color:var(--primary-text)}.faq-item h3,.about-item h3,.legal-item h3{font-family:Merriweather,serif;font-size:clamp(1.1rem,3vw,1.3rem);margin:1.5rem 0 .5rem;color:var(--primary-text)}.faq-item p,.about-item p,.legal-item p{margin-bottom:1rem;color:var(--secondary-text);line-height:1.7;font-size:clamp(.9rem,2vw,1rem)}.faq-item ul,.faq-item ol,.about-item ul,.about-item ol,.legal-item ul,.legal-item ol{margin:1rem 0 1rem 2rem;color:var(--secondary-text)}.faq-item li,.about-item li,.legal-item li{margin-bottom:.5rem;line-height:1.6;font-size:clamp(.9rem,2vw,1rem)}.cta-section{text-align:center;padding:clamp(2rem,5vw,3rem) 0;margin-top:3rem}.blog-content+.cta-section{margin-top:1rem;padding:1rem 0}.cta-section h2{font-family:Merriweather,serif;font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem;color:var(--primary-text)}.cta-section p{margin-bottom:2rem;color:var(--secondary-text);font-size:clamp(1rem,2.2vw,1.1rem)}@media (max-width:1024px){.game-controls{flex-direction:column;align-items:stretch;gap:1rem}.sudoku-game-container{flex-direction:column;align-items:center;gap:1.5rem}.game-panel{max-width:400px;width:100%}}@media (max-width:768px){.nav-links{display:none}.sudoku-grid{width:min(90vw,450px);max-width:450px}.game-panel{min-width:auto;max-width:350px}.action-buttons{grid-template-columns:repeat(2,1fr);gap:.75rem}.footer-links{flex-direction:column;align-items:center;gap:1rem}}@media (max-width:480px){.container{padding:0 10px}.difficulty-selector select{width:100%;max-width:250px}.sudoku-grid{width:min(95vw,380px);max-width:380px}.modal-content{width:95%;max-width:350px}.modal-header{padding:1rem}.modal-body{padding:1.5rem 1rem}.modal-footer{padding:1rem}.share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.share-btn{min-width:auto;width:100%;font-size:.8rem;padding:.5rem .7rem}.compact-modal{max-width:95vw;margin:1rem}.achievement-summary{padding:1rem}.achievement-text{font-size:1rem}.ranking-text{font-size:1.1rem}.compact-share-buttons{grid-template-columns:1fr;gap:.6rem;padding:.8rem 1rem}.share-btn-compact{padding:.7rem .8rem;font-size:.85rem}.visual-share-section{margin-top:1rem;padding-top:.8rem}.download-btn{padding:.6rem 1rem;font-size:.8rem}}@media (max-width:360px){.sudoku-grid{width:95vw;max-width:280px}.sudoku-cell{font-size:.75rem}}.blog-content{margin-bottom:2rem}.blog-item{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.blog-item:last-child{border-bottom:none}.blog-item h2{font-family:Merriweather,serif;font-size:clamp(1.3rem,3.5vw,1.8rem);margin-bottom:1rem;color:var(--primary-text);text-align:center}.blog-item p{margin-bottom:1rem;color:var(--secondary-text);font-size:clamp(.9rem,2vw,1rem);line-height:1.7}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.category-card{background:var(--primary-bg);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease;text-decoration:none;color:inherit;display:block;cursor:pointer}.category-card:hover{background:#fff;border-color:var(--accent-color)}.category-card h3{color:var(--accent-color);margin-bottom:1rem;font-size:clamp(1.1rem,3vw,1.3rem);font-family:Merriweather,serif}.topic-icon{width:22px;height:22px;margin-right:8px;vertical-align:-3px;color:var(--accent-color)}.category-card p{font-size:clamp(.9rem,2vw,1rem);color:var(--secondary-text);line-height:1.6;margin:0}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.article-card{background:var(--primary-bg);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.article-card:hover{background:#fff;border-color:var(--accent-color)}.article-card h3{margin-bottom:1rem}.article-card h3 a{color:var(--accent-color);text-decoration:none;font-size:clamp(1.1rem,3vw,1.3rem);font-family:Merriweather,serif;font-weight:600}.article-card h3 a:hover{text-decoration:underline}.article-excerpt{color:var(--secondary-text);line-height:1.7;margin-bottom:1rem;font-size:clamp(.9rem,2vw,1rem)}.article-meta{display:flex;gap:1rem;font-size:.9rem;color:var(--secondary-text);align-items:center;flex-wrap:wrap;row-gap:.5rem}.article-card .article-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.article-meta .publish-date{display:inline;text-align:left;margin:0 0 0 auto;margin-right:3.5rem;line-height:1.5;vertical-align:middle}.article-meta .read-time{display:inline}@media (max-width:768px){.article-meta .publish-date{text-align:left}}.article-meta .author{margin-left:auto}.learn-more{color:var(--accent-color);font-size:.85rem;font-family:Merriweather,serif;text-decoration:none;transition:all .3s ease;margin-left:auto;display:flex;align-items:center;gap:.3rem}.article-excerpt .learn-more{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem;float:right}.learn-more:after{content:"";width:0;height:0;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;transition:transform .3s ease}.learn-more:hover{color:var(--button-hover)}.learn-more:hover:after{transform:translate(4px)}.category{background:var(--accent-color);color:#fff;padding:.3rem .75rem;border-radius:999px;font-size:.9rem;display:inline-flex;align-items:center;line-height:1.5;vertical-align:middle}.articles-list{margin-top:1rem;max-width:700px;margin-left:auto;margin-right:auto}.article-list-item{margin-bottom:1.5rem;padding:1rem;background:var(--primary-bg);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.article-list-item:hover{background:#fff;border-color:var(--accent-color)}.article-list-item h4{margin-bottom:.5rem}.article-list-item h4 a{color:var(--accent-color);text-decoration:none;font-size:clamp(1.1rem,3vw,1.3rem);font-family:Merriweather,serif;font-weight:600}.article-list-item p{font-size:clamp(.9rem,2vw,1rem);color:var(--secondary-text);line-height:1.6;margin-bottom:.5rem}.article-list-item h4 a:hover{text-decoration:underline}.publish-date{font-size:.9rem;color:var(--secondary-text);margin-top:.5rem;display:block}.blog-article{max-width:800px;margin:0 auto}.article-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem}.article-header h1{color:var(--accent-color);margin-bottom:1rem;font-size:2.5rem}.article-content{line-height:1.8;font-size:1.1rem}.article-content h2{color:var(--accent-color);margin-top:2.5rem;margin-bottom:1rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.article-content h3{color:var(--accent-color);margin-top:2rem;margin-bottom:1rem}.article-content blockquote{background:#f8f6f0;border-left:4px solid var(--accent-color);margin:2rem 0;padding:1rem 1.5rem;font-style:italic}.article-content code{background:#f0f0f0;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.95em}.article-cta{padding:.5rem .9rem .75rem;text-align:center;margin:.75rem 0}.article-cta h3{margin:0 0 .5rem}.article-cta p{margin:0 0 1rem}.related-articles{background:#f8f6f0;padding:.5rem .9rem;border-radius:8px;margin-top:.75rem;border:2px solid var(--border-color)}.related-articles h3{color:var(--accent-color);margin:0 0 .4rem}.related-articles ul{margin:0}.related-articles li:last-child{margin-bottom:0}.related-articles ul{list-style:none;padding:0}.related-articles li{margin-bottom:.5rem}.related-articles a{color:var(--accent-color);text-decoration:none}.related-articles a:hover{text-decoration:underline}.cta-button{display:inline-block;background-color:var(--button-bg);color:#fff;text-decoration:none;border-radius:8px;padding:1rem 2rem;font-weight:700;font-family:Merriweather,serif;transition:background-color .3s ease,transform .05s ease;font-size:clamp(1rem,2.4vw,1.25rem)}.cta-button:hover{background-color:var(--button-hover)}.cta-button:active{transform:translateY(1px)}.article-navigation{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin:.5rem 0}.nav-prev,.nav-next{color:var(--accent-color);text-decoration:none;font-family:Merriweather,serif;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.nav-prev:before{content:"«";margin-right:.2rem;font-size:.7rem;transition:transform .3s ease}.nav-next:after{content:"»";margin-left:.2rem;font-size:.7rem;transition:transform .3s ease}.nav-prev:hover,.nav-next:hover{color:var(--button-hover)}.nav-prev:hover:before{transform:translate(-4px)}.nav-next:hover:after{transform:translate(4px)}