@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--font-main: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", monospace;--c-primary: #534AB7;--c-primary-h: #3C3489;--c-primary-l: #EEEDFE;--c-primary-ll: #f5f4ff;--c-bg: #f8f7ff;--c-bg2: #ffffff;--c-bg3: #EEEDFE;--c-surface: #ffffff;--c-border: #dddaf5;--c-border2: #c8c4f0;--c-text: #1a1830;--c-text2: #5a5780;--c-text3: #7a7898;--c-box-border: #534AB7;--easy: #0F6E56;--easy-bg: #E1F5EE;--med: #854F0B;--med-bg: #FAEEDA;--hard: #993C1D;--hard-bg: #FAECE7;--expert: #A32D2D;--expert-bg: #FCEBEB;--master: #72243E;--master-bg: #FBEAF0;--extreme: #26215C;--extreme-bg: #EEEDFE;--nav-h: 60px;--sidebar-w: 280px;--radius: 10px;--radius-sm: 6px;--trans: .2s ease}.theme-ocean{--c-primary:#185FA5;--c-primary-h:#0C447C;--c-primary-l:#E6F1FB;--c-primary-ll:#f0f7ff;--c-bg:#f0f6fd;--c-bg2:#fff;--c-bg3:#E6F1FB;--c-surface:#fff;--c-border:#b8d4f0;--c-border2:#8ab8e8;--c-text:#042C53;--c-text2:#185FA5;--c-text3:#5a95c8;--c-box-border:#185FA5}.theme-forest{--c-primary:#3B6D11;--c-primary-h:#27500A;--c-primary-l:#EAF3DE;--c-primary-ll:#f2f8e8;--c-bg:#f0f7e6;--c-bg2:#fff;--c-bg3:#EAF3DE;--c-surface:#fff;--c-border:#b8d890;--c-border2:#90c060;--c-text:#173404;--c-text2:#3B6D11;--c-text3:#70a040;--c-box-border:#3B6D11}.theme-rose{--c-primary:#993556;--c-primary-h:#72243E;--c-primary-l:#FBEAF0;--c-primary-ll:#fdf4f8;--c-bg:#fdf0f5;--c-bg2:#fff;--c-bg3:#FBEAF0;--c-surface:#fff;--c-border:#f0b8cc;--c-border2:#e090b0;--c-text:#4B1528;--c-text2:#993556;--c-text3:#c07090;--c-box-border:#993556}.theme-amber{--c-primary:#854F0B;--c-primary-h:#633806;--c-primary-l:#FAEEDA;--c-primary-ll:#fffaf0;--c-bg:#fdf8ee;--c-bg2:#fff;--c-bg3:#FAEEDA;--c-surface:#fff;--c-border:#f0d0a0;--c-border2:#e0b070;--c-text:#412402;--c-text2:#854F0B;--c-text3:#b08040;--c-box-border:#854F0B}.theme-dark{--c-primary:#7F77DD;--c-primary-h:#AFA9EC;--c-primary-l:#1e1d40;--c-primary-ll:#16153a;--c-bg:#0d0d1f;--c-bg2:#13122a;--c-bg3:#1e1d40;--c-surface:#13122a;--c-border:#2a2850;--c-border2:#3c3870;--c-text:#e8e6ff;--c-text2:#AFA9EC;--c-text3:#7875a0;--c-box-border:#534AB7}.theme-midnight{--c-primary:#1D9E75;--c-primary-h:#5DCAA5;--c-primary-l:#04342C;--c-primary-ll:#062820;--c-bg:#030d0a;--c-bg2:#071510;--c-bg3:#0a2018;--c-surface:#071510;--c-border:#0a3020;--c-border2:#0f5035;--c-text:#d0f5e8;--c-text2:#5DCAA5;--c-text3:#3a8060;--c-box-border:#1D9E75}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-main);background:var(--c-bg);color:var(--c-text);min-height:100vh;transition:background var(--trans),color var(--trans);-webkit-font-smoothing:antialiased}button{font-family:inherit}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#nav{position:sticky;top:0;z-index:100;height:var(--nav-h);background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;padding:0 20px;gap:20px;transition:background var(--trans)}.nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0;color:var(--c-text)}.nav-logo-icon{width:34px;height:34px;background:var(--c-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;font-family:var(--font-mono)}.nav-logo-img{width:34px;height:34px;border-radius:8px;display:block;object-fit:cover}.nav-logo-text{font-size:16px;font-weight:600;color:var(--c-text);letter-spacing:-.3px}.nav-logo-text span{color:var(--c-primary)}.nav-links{display:flex;gap:4px;margin-left:auto}.nav-links a{padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--c-text2);cursor:pointer;transition:var(--trans)}.nav-links a:hover,.nav-links a.active{background:var(--c-bg3);color:var(--c-primary)}.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-icon-btn{width:34px;height:34px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-bg2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:var(--trans);color:var(--c-text2)}.nav-icon-btn:hover{background:var(--c-bg3);border-color:var(--c-border2)}#menu-toggle{display:none;flex-direction:column;gap:4px;cursor:pointer;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-bg2)}#menu-toggle span{display:block;width:16px;height:2px;background:var(--c-text2);border-radius:2px;transition:var(--trans)}#app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:calc(100vh - var(--nav-h))}#sidebar{background:var(--c-bg2);border-right:1px solid var(--c-border);padding:16px;overflow-y:auto;height:calc(100vh - var(--nav-h));position:sticky;top:var(--nav-h);transition:transform var(--trans),background var(--trans)}.sidebar-section{margin-bottom:20px}.sidebar-label{font-size:10px;font-weight:600;color:var(--c-text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:block}.streak-banner{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-h));color:#fff;border-radius:var(--radius);padding:12px;display:flex;align-items:center;justify-content:space-between}.streak-text{font-size:13px;font-weight:600}.streak-num{font-size:28px;font-weight:700;font-family:var(--font-mono)}.grid-btns{display:grid;grid-template-columns:1fr 1fr;gap:5px}.grid-btn{padding:8px 4px;text-align:center;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;border:1.5px solid var(--c-border);background:var(--c-bg);color:var(--c-text2);transition:var(--trans);-webkit-user-select:none;user-select:none}.grid-btn:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-ll)}.grid-btn.active{background:var(--c-primary-l);border-color:var(--c-primary);color:var(--c-primary);font-weight:600}.diff-btns{display:flex;flex-direction:column;gap:4px}.diff-btn{padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;border:1.5px solid transparent;transition:var(--trans);display:flex;justify-content:space-between;align-items:center}.diff-btn:hover{filter:brightness(.96)}.diff-btn.active{outline:2px solid var(--c-primary);outline-offset:1px}.diff-btn .fill-pct{font-size:10px;opacity:.7}.diff-btn[data-diff=easy]{background:var(--easy-bg);color:var(--easy)}.diff-btn[data-diff=medium]{background:var(--med-bg);color:var(--med)}.diff-btn[data-diff=hard]{background:var(--hard-bg);color:var(--hard)}.diff-btn[data-diff=expert]{background:var(--expert-bg);color:var(--expert)}.diff-btn[data-diff=master]{background:var(--master-bg);color:var(--master)}.diff-btn[data-diff=extreme]{background:var(--extreme-bg);color:var(--extreme)}.audio-panel{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:10px 12px}.toggle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:var(--c-text)}.toggle-row:last-of-type{margin-bottom:0}.toggle{width:32px;height:18px;border-radius:9px;position:relative;cursor:pointer;transition:background var(--trans);flex-shrink:0;border:none}.toggle.on{background:var(--c-primary)}.toggle.off{background:var(--c-border2)}.toggle-knob{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;transition:left var(--trans)}.toggle.on .toggle-knob{left:16px}.toggle.off .toggle-knob{left:2px}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--c-border);border-radius:2px;margin:8px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--c-primary);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--c-primary);border-radius:50%;cursor:pointer;border:none}.theme-swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:24px;height:24px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:var(--trans);position:relative}.swatch:hover{transform:scale(1.15)}.swatch.active{border-color:var(--c-text)}.swatch.active:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:700}.stats-mini{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.stat-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:8px 6px;text-align:center}.stat-num{font-size:18px;font-weight:600;color:var(--c-primary);font-family:var(--font-mono)}.stat-lbl{font-size:9px;color:var(--c-text3);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}#main{padding:20px;display:flex;flex-direction:column;align-items:center;background:var(--c-bg)}.game-header{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.game-info h2{font-size:16px;font-weight:600;color:var(--c-text);letter-spacing:-.3px}.game-info .game-sub{font-size:11px;color:var(--c-text3);margin-top:2px}.game-controls{display:flex;align-items:center;gap:8px}.timer-pill{background:var(--c-primary-l);color:var(--c-primary);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;font-family:var(--font-mono)}.hints-pill{font-size:11px;color:var(--c-text2);background:var(--c-bg3);padding:4px 10px;border-radius:20px}.btn-pause{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text2);font-size:14px;cursor:pointer;transition:var(--trans);display:flex;align-items:center;justify-content:center}.btn-pause:hover{background:var(--c-bg3);border-color:var(--c-primary);color:var(--c-primary)}.btn-pause.paused{background:var(--c-primary-l);border-color:var(--c-primary);color:var(--c-primary)}.btn-new-game,.page-content a.btn-new-game{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:20px;border:none;background:var(--c-primary);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:var(--trans);white-space:nowrap;text-decoration:none}.btn-new-game:hover,.page-content a.btn-new-game:hover{background:var(--c-primary-h);color:#fff;transform:scale(1.04);text-decoration:none}.btn-new-game:active{transform:scale(.97)}.btn-new-icon{font-size:16px;font-weight:400;line-height:1}.progress-wrap{width:100%;max-width:520px;margin-bottom:14px;height:4px;background:var(--c-border);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--c-primary);border-radius:2px;transition:width .4s ease}.mistake-row{display:flex;align-items:center;gap:6px;width:100%;max-width:520px;margin-bottom:10px}.mistake-dot{width:10px;height:10px;border-radius:50%;background:var(--c-border);transition:background .3s}.mistake-dot.used{background:#e24b4a}.mistake-lbl{font-size:11px;color:var(--c-text3)}.board-container{width:100%;max-width:520px;display:flex;justify-content:center;margin-bottom:16px}#board{display:grid;width:100%;aspect-ratio:1;background:var(--c-surface);border:2.5px solid var(--c-box-border);border-radius:6px;overflow:hidden;position:relative}.cell{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--trans);border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border);font-family:var(--font-mono);position:relative;-webkit-user-select:none;user-select:none;background:var(--c-surface);color:var(--c-text);font-size:24px}.cell:focus{outline:2px solid var(--c-primary);outline-offset:-2px;z-index:2}.cell.given{font-weight:600;color:var(--c-text);cursor:default}.cell.user-filled{color:var(--c-primary);font-weight:500}.cell.selected{background:var(--c-primary-l)!important}.cell.highlight{background:var(--c-bg3)}.cell.same-num{background:var(--c-primary-ll)}.cell.error{color:#e24b4a!important}.cell.hint-flash{background:#faeeda!important;animation:hintFlash .6s ease}.cell.box-right{border-right:2px solid var(--c-box-border)}.cell.box-bottom{border-bottom:2px solid var(--c-box-border)}.cell.last-col{border-right:none}.cell.last-row{border-bottom:none}#board[data-size="4"] .cell{font-size:32px}#board[data-size="6"] .cell{font-size:28px}#board[data-size="9"] .cell{font-size:22px}#board[data-size="12"] .cell{font-size:16px}#board[data-size="16"] .cell{font-size:12px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:1px}#board[data-size="16"] .notes-grid,#board[data-size="12"] .notes-grid{grid-template-columns:repeat(4,1fr)}.note-num{display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--c-text3);font-family:var(--font-mono)}@keyframes hintFlash{0%{background:#faeeda}50%{background:#f4d58b}to{background:#faeeda}}.numpad{display:grid;gap:5px;width:100%;max-width:520px;margin-bottom:12px;grid-template-columns:repeat(9,1fr)}.numpad.size-4{grid-template-columns:repeat(4,1fr)}.numpad.size-6{grid-template-columns:repeat(6,1fr)}.numpad.size-9{grid-template-columns:repeat(9,1fr)}.numpad.size-12{grid-template-columns:repeat(6,1fr)}.numpad.size-16{grid-template-columns:repeat(8,1fr)}.num-btn{padding:10px 0;text-align:center;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font-mono);background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);transition:var(--trans);-webkit-user-select:none;user-select:none;position:relative}.num-btn:hover{background:var(--c-primary-l);border-color:var(--c-primary);color:var(--c-primary)}.num-btn.erase{background:#fcebeb;color:#a32d2d;border-color:#f09595;font-size:14px}.num-btn .count-badge{position:absolute;top:3px;right:4px;font-size:8px;font-family:var(--font-main);color:var(--c-text3)}.num-btn.completed{opacity:.35;pointer-events:none}.actions{display:flex;gap:8px;width:100%;max-width:520px;margin-bottom:16px}.action-btn{flex:1;padding:10px;min-height:44px;text-align:center;border-radius:var(--radius);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-main);transition:var(--trans);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text2)}.action-btn:hover:not(:disabled){background:var(--c-bg3);border-color:var(--c-border2)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.action-btn.primary:hover{background:var(--c-primary-h)}.action-btn.notes-active{background:var(--c-primary-l);color:var(--c-primary);border-color:var(--c-primary)}.text-section{width:100%;max-width:520px;margin:20px 0;color:var(--c-text)}.text-section h2{font-size:18px;font-weight:700;margin-bottom:12px;color:var(--c-text)}.text-section h3{font-size:14px;font-weight:600;margin:14px 0 6px;color:var(--c-text)}.text-section p{font-size:13px;line-height:1.6;color:var(--c-text2);margin-bottom:10px}.text-section ul{padding-left:18px;margin-bottom:10px}.text-section li{font-size:13px;line-height:1.6;color:var(--c-text2);margin-bottom:4px}.text-section a{color:var(--c-primary)}.text-section a:hover{text-decoration:underline}.faq-item{border-bottom:1px solid var(--c-border);padding:12px 0}.faq-q{font-size:13px;font-weight:600;color:var(--c-text);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-q:after{content:"+";font-size:18px;color:var(--c-text3);font-weight:400}.faq-item.open .faq-q:after{content:"−"}.faq-a{font-size:13px;color:var(--c-text2);line-height:1.6;margin-top:8px;display:none}.faq-item.open .faq-a{display:block}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--c-surface);border-radius:var(--radius);padding:24px;max-width:400px;width:100%;box-shadow:0 20px 50px #0003;position:relative}.modal h3{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--c-text)}.modal p{font-size:13px;color:var(--c-text2);margin-bottom:16px;line-height:1.5}.modal-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--c-text3);line-height:1}.ad-slot{width:100%;max-width:520px;margin:16px 0;display:flex;justify-content:center}.ad-slot ins{display:block;min-height:90px;width:100%}footer{background:var(--c-surface);border-top:1px solid var(--c-border);padding:32px 20px;margin-top:40px}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.footer-col h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--c-text3);margin-bottom:12px}.footer-col ul{list-style:none}.footer-col li{margin-bottom:6px}.footer-col a{font-size:13px;color:var(--c-text2);transition:var(--trans)}.footer-col a:hover{color:var(--c-primary)}.footer-bottom{max-width:1200px;margin:24px auto 0;padding-top:16px;border-top:1px solid var(--c-border);font-size:12px;color:var(--c-text3);text-align:center}.cookie-banner{position:fixed;bottom:16px;left:16px;right:16px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px 16px;box-shadow:0 10px 30px #00000026;z-index:400;display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:600px;margin:0 auto}.cookie-text{font-size:12px;color:var(--c-text2);flex:1;min-width:200px}.cookie-btn{padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;border:none}.cookie-btn.accept{background:var(--c-primary);color:#fff}.cookie-btn.decline{background:var(--c-bg3);color:var(--c-text2)}.board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffeb;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:16px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theme-dark .board-overlay,.theme-midnight .board-overlay{background:#0d0d1feb}.board-overlay h3{font-size:22px;font-weight:700;color:var(--c-text);margin-bottom:6px}.board-overlay p{font-size:13px;color:var(--c-text2);margin-bottom:16px}.board-overlay .btn-resume{background:var(--c-primary);color:#fff;padding:10px 24px;border-radius:20px;font-size:13px;font-weight:600;border:none;cursor:pointer}.page-content{max-width:800px;margin:0 auto;padding:32px 20px}.page-content h1{font-size:28px;font-weight:700;color:var(--c-text);margin-bottom:8px}.page-content .lead{font-size:14px;color:var(--c-text2);margin-bottom:24px}.page-content h2{font-size:20px;font-weight:700;color:var(--c-text);margin:24px 0 10px}.page-content h3{font-size:16px;font-weight:600;color:var(--c-text);margin:16px 0 6px}.page-content p,.page-content li{font-size:14px;line-height:1.7;color:var(--c-text2)}.page-content p{margin-bottom:12px}.page-content ul,.page-content ol{padding-left:22px;margin-bottom:12px}.page-content li{margin-bottom:4px}.page-content a{color:var(--c-primary)}.page-content a:hover{text-decoration:underline}.page-content .crumbs{font-size:12px;color:var(--c-text3);margin-bottom:16px}.page-content .crumbs a{color:var(--c-text3)}.page-content .crumbs a:hover{color:var(--c-primary)}.page-content blockquote{background:var(--c-primary-l);color:var(--c-text);border-left:3px solid var(--c-primary);padding:10px 14px;margin:12px 0;border-radius:var(--radius-sm);font-size:13px}.page-content .info-card{background:var(--c-bg2);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px;margin-bottom:12px}.page-content .tag{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;margin-left:6px}.tag.beginner{background:var(--easy-bg);color:var(--easy)}.tag.intermediate{background:var(--med-bg);color:var(--med)}.tag.advanced{background:var(--expert-bg);color:var(--expert)}.leaderboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}.leaderboard-stats .stat-card{padding:14px 12px}.leaderboard-stats .stat-num{font-size:24px}.leaderboard-stats .stat-lbl{font-size:10px}.lb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:12px 0}.lb-tile{background:var(--c-bg2);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:10px;text-align:center}.lb-tile .lb-size{font-size:11px;color:var(--c-text3);text-transform:uppercase;letter-spacing:.5px}.lb-tile .lb-tag{display:inline-block;font-size:9px;padding:1px 6px;border-radius:10px;font-weight:700;margin:4px 0}.lb-tile .lb-time{font-size:14px;font-weight:600;font-family:var(--font-mono);color:var(--c-text)}.print-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.print-tile{background:var(--c-bg2);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px;cursor:pointer;transition:var(--trans);text-align:left}.print-tile:hover{border-color:var(--c-primary);transform:translateY(-2px)}.print-tile .pt-title{font-size:14px;font-weight:600;color:var(--c-text);margin-bottom:4px}.print-tile .pt-sub{font-size:11px;color:var(--c-text3)}.print-board-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.print-board-wrap .pb{break-inside:avoid;page-break-inside:avoid}.print-board-wrap .pb-title{font-size:12px;color:var(--c-text2);margin-bottom:6px;font-weight:600}.contact-form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.contact-form label{font-size:11px;font-weight:600;color:var(--c-text3);text-transform:uppercase;letter-spacing:.5px}.contact-form input,.contact-form textarea,.contact-form select{padding:10px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-family:var(--font-main);font-size:14px}.contact-form textarea{resize:vertical;min-height:100px}.contact-form button{padding:12px;border-radius:var(--radius);background:var(--c-primary);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:var(--trans)}.contact-form button:hover{background:var(--c-primary-h)}@media(max-width:1024px){:root{--sidebar-w: 240px}#main{padding:16px}.nav-links a{padding:6px 10px;font-size:12px}}@media(max-width:900px){:root{--sidebar-w: 240px;--nav-h: 56px}.nav-links{display:none}.nav-logo-text{font-size:14px}.nav-logo-img,.nav-logo-icon{width:30px;height:30px}}@media(max-width:720px){#app{grid-template-columns:1fr}#sidebar{position:fixed;top:var(--nav-h);left:0;height:calc(100vh - var(--nav-h));width:280px;max-width:85vw;z-index:90;transform:translate(-100%);box-shadow:4px 0 20px #00000040}#sidebar.open{transform:translate(0)}#sidebar-overlay{position:fixed;inset:var(--nav-h) 0 0 0;background:#00000080;z-index:80;display:none}#sidebar-overlay.show{display:block}#menu-toggle{display:flex}#nav{padding:0 10px;gap:6px}.nav-actions{margin-left:auto;gap:4px}.nav-icon-btn{width:32px;height:32px;font-size:14px}#main{padding:12px 10px 80px}.game-header{flex-wrap:wrap;gap:6px;margin-bottom:12px}.game-info h2{font-size:14px}.game-info .game-sub{font-size:10px}.game-controls{gap:6px;flex-wrap:wrap}.timer-pill{font-size:12px;padding:3px 10px}.hints-pill{font-size:10px;padding:3px 8px}.btn-pause{width:32px;height:32px}.btn-new-game{padding:6px 12px;font-size:11px}.board-container{max-width:100%}#board{max-width:100%;border-radius:4px}#board[data-size="4"] .cell{font-size:28px}#board[data-size="6"] .cell{font-size:22px}#board[data-size="9"] .cell{font-size:18px}#board[data-size="12"] .cell{font-size:13px}#board[data-size="16"] .cell{font-size:10px}.numpad{gap:4px}.num-btn{padding:12px 0;font-size:18px;min-height:44px}.actions{gap:6px;margin-bottom:12px}.action-btn{padding:10px 4px;font-size:11px;min-height:44px}.progress-wrap,.mistake-row{max-width:100%}.page-content{padding:20px 14px 60px}.page-content h1{font-size:22px}.page-content h2{font-size:17px}.page-content h3{font-size:15px}.page-content p,.page-content li{font-size:14px}.page-content .info-card{padding:12px}.modal-bg{padding:60px 12px 12px;align-items:flex-start}.modal{padding:18px;max-width:100%}.modal h3{font-size:18px}.cookie-banner{left:8px;right:8px;bottom:8px;padding:12px;gap:8px;flex-direction:column;align-items:stretch}.cookie-text{font-size:12px;min-width:0;text-align:center}.cookie-banner .cookie-btn{width:100%;padding:8px}footer{padding:24px 14px;margin-top:24px}.footer-grid{gap:18px;grid-template-columns:1fr 1fr}.footer-col h4{font-size:10px;margin-bottom:8px}.footer-col a{font-size:12px}.footer-bottom{font-size:11px}.leaderboard-stats,.print-grid{grid-template-columns:1fr 1fr;gap:8px}.print-tile{padding:10px}.print-tile .pt-title{font-size:13px}.lb-grid{grid-template-columns:repeat(2,1fr);gap:6px}.print-board-wrap{grid-template-columns:1fr;gap:14px}.btn-coffee-text{display:none}.btn-coffee{padding:6px 8px;font-size:14px}}@media(max-width:480px){:root{--nav-h: 52px}#main{padding:10px 8px 80px}.nav-logo-text{display:none}.game-header{gap:4px}.timer-pill{font-size:11px;padding:3px 8px}.btn-new-game .btn-new-icon{font-size:14px}#board[data-size="9"] .cell{font-size:16px}#board[data-size="12"] .cell{font-size:11px}#board[data-size="16"] .cell{font-size:9px}.numpad{gap:3px}.num-btn{padding:11px 0;font-size:16px}.footer-grid{grid-template-columns:1fr;gap:14px}.page-content{padding:14px 10px 50px}.page-content h1{font-size:20px}.print-grid,.lb-grid{grid-template-columns:1fr 1fr}.cookie-banner,.streak-banner{padding:10px}.streak-num{font-size:24px}}@media(max-width:900px)and (orientation:landscape)and (max-height:500px){.board-container{max-width:min(70vh,100%)}#main{padding:8px}.game-header,.progress-wrap,.mistake-row,.numpad{margin-bottom:6px}.actions{margin-bottom:8px}}@media(hover:none)and (pointer:coarse){.cell:hover,.num-btn:hover,.action-btn:hover,.grid-btn:hover,.diff-btn:hover,.nav-icon-btn:hover,.btn-pause:hover,.swatch:hover,.print-tile:hover{transform:none!important;filter:none!important}.num-btn:active,.action-btn:active,.grid-btn:active,.diff-btn:active{transform:scale(.96)!important;transition:transform .05s!important}.num-btn,.action-btn,.grid-btn,.diff-btn{min-height:44px}.nav-icon-btn{min-width:36px;min-height:36px}}@media(max-width:720px){input,textarea,select{font-size:16px!important}}@media print{#nav,#sidebar,.game-header,.progress-wrap,.mistake-row,.numpad,.actions,footer,.cookie-banner,.ad-slot,.text-section,.no-print{display:none!important}body,#main{background:#fff!important;padding:0!important}#board{border-color:#000!important}.cell{border-color:#888!important;color:#000!important}.cell.box-right{border-right-color:#000!important;border-right-width:2px!important}.cell.box-bottom{border-bottom-color:#000!important;border-bottom-width:2px!important}.print-board-wrap{display:grid!important;grid-template-columns:1fr 1fr;gap:20px}}.btn-coffee{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;background:linear-gradient(135deg,#fd0,#ffc107);color:#1a1830;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--trans);border:1px solid rgba(0,0,0,.08);white-space:nowrap;flex-shrink:0}.btn-coffee:hover{transform:scale(1.06);box-shadow:0 4px 12px #ffc10766}.btn-coffee:active{transform:scale(.96)}.support-card{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(135deg,#fff8dc,#ffeeba);border:1.5px solid #FFD54F;border-radius:var(--radius);text-decoration:none;cursor:pointer;transition:var(--trans)}.support-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffc1074d}.support-emoji{font-size:28px;flex-shrink:0}.support-text{flex:1;min-width:0}.support-title{font-size:13px;font-weight:600;color:#5d4500;margin-bottom:2px}.support-sub{font-size:10px;color:#8b6914}.theme-dark .support-card,.theme-midnight .support-card{background:linear-gradient(135deg,#3a2f0a,#4a3e10);border-color:#806020}.theme-dark .support-title,.theme-midnight .support-title{color:#ffdd80}.theme-dark .support-sub,.theme-midnight .support-sub{color:#c8a958}.app-banner{position:relative;display:flex;align-items:stretch;justify-content:space-between;background:linear-gradient(135deg,#01875f,#07a672 60%,#00c77a);background-size:200% 200%;animation:appBannerShimmer 8s ease infinite;color:#fff;padding:12px 16px;text-decoration:none;font-family:var(--font-main);transition:var(--trans);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px #01875f33}@keyframes appBannerShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app-banner:hover{filter:brightness(1.08)}.app-banner-content{display:flex;align-items:center;gap:14px;max-width:1200px;margin:0 auto;width:100%;padding-right:32px}.app-banner-icon-wrap{position:relative;flex-shrink:0}.app-banner-icon{width:40px;height:40px;border-radius:9px;background:#fff;padding:2px;box-shadow:0 4px 10px #0003}.app-banner-new-badge{position:absolute;top:-6px;right:-6px;background:#ffd600;color:#1a1830;font-size:9px;font-weight:800;padding:2px 5px;border-radius:6px;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.app-banner-text{flex:1;min-width:0}.app-banner-title{font-size:15px;font-weight:700;color:#fff;line-height:1.2;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.app-banner-free{background:#ffd600;color:#1a1830;font-size:10px;font-weight:800;padding:2px 7px;border-radius:10px;letter-spacing:.5px}.app-banner-sub{font-size:12px;color:#ffffffeb;margin-top:3px;line-height:1.3;font-weight:500}.app-banner-cta{display:inline-flex;align-items:center;background:#fff;color:#01875f;padding:8px 18px;border-radius:22px;font-size:13px;font-weight:700;flex-shrink:0;transition:var(--trans);box-shadow:0 4px 12px #0000002e}.app-banner:hover .app-banner-cta{transform:translateY(-1px);box-shadow:0 6px 16px #00000040}.app-banner-close{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:transparent;border:none;color:#fffc;font-size:16px;cursor:pointer;line-height:1;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--trans);z-index:2}.app-banner-close:hover{color:#fff;background:#ffffff2e}@media(max-width:720px){.app-banner{padding:10px 12px}.app-banner-content{padding-right:28px;gap:10px}.app-banner-icon{width:36px;height:36px}.app-banner-title{font-size:13px;gap:6px}.app-banner-free{font-size:9px;padding:1px 5px}.app-banner-sub{font-size:10.5px}.app-banner-cta{padding:7px 12px;font-size:12px}}@media(max-width:480px){.app-banner-sub{display:none}}.btn-app-nav{position:relative;display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,#01875f,#07a672);color:#fff;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--trans);flex-shrink:0;border:1px solid rgba(0,0,0,.08);white-space:nowrap;box-shadow:0 2px 8px #01875f4d}.btn-app-nav:hover{filter:brightness(1.1);transform:scale(1.05);box-shadow:0 4px 14px #01875f73}.btn-app-nav:active{transform:scale(.96)}.btn-app-nav-icon{flex-shrink:0;display:block;position:relative;z-index:1}.btn-app-nav-text{position:relative;z-index:1}.btn-app-nav-pulse{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:22px;border:2px solid #07A672;animation:navPulse 2.5s ease-out infinite;pointer-events:none}@keyframes navPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@media(max-width:720px){.btn-app-nav-text{display:none}.btn-app-nav{padding:6px 9px}}.app-sidebar-card{display:flex;gap:12px;padding:12px;background:linear-gradient(135deg,#e8f8f1,#d4f0e1);border:1.5px solid #01875F;border-radius:var(--radius);text-decoration:none;cursor:pointer;transition:var(--trans);position:relative;overflow:hidden}.app-sidebar-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:rotate(35deg) translateY(-100%);transition:transform .6s ease}.app-sidebar-card:hover:before{transform:rotate(35deg) translateY(100%)}.app-sidebar-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #01875f4d}.app-sidebar-icon-wrap{flex-shrink:0;position:relative;z-index:1}.app-sidebar-icon{width:48px;height:48px;border-radius:11px;box-shadow:0 3px 8px #00000026}.app-sidebar-text{flex:1;min-width:0;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:3px}.app-sidebar-title{font-size:13px;font-weight:700;color:#0f6e56;display:flex;align-items:center;gap:5px}.app-sidebar-free-tag{background:#ffd600;color:#1a1830;font-size:8px;font-weight:800;padding:1px 5px;border-radius:6px;letter-spacing:.5px}.app-sidebar-sub{display:flex;gap:8px;font-size:10px;color:#157a60;font-weight:600}.app-sidebar-cta{display:flex;align-items:center;gap:3px;margin-top:4px;font-size:11px;font-weight:700;color:#01875f;background:#fff;padding:4px 9px;border-radius:10px;align-self:flex-start}.theme-dark .app-sidebar-card,.theme-midnight .app-sidebar-card{background:linear-gradient(135deg,#0d3a26,#14502f);border-color:#1d9e75}.theme-dark .app-sidebar-title,.theme-midnight .app-sidebar-title{color:#5dcaa5}.theme-dark .app-sidebar-sub,.theme-midnight .app-sidebar-sub{color:#4daa85}.theme-dark .app-sidebar-cta,.theme-midnight .app-sidebar-cta{background:#1d9e75;color:#fff}.app-promo{position:relative;width:100%;max-width:720px;margin:28px auto;padding:32px 24px;background:radial-gradient(ellipse at top right,rgba(1,135,95,.08),transparent 60%),radial-gradient(ellipse at bottom left,rgba(83,74,183,.06),transparent 60%),var(--c-bg2);border:1px solid var(--c-border);border-radius:16px;overflow:hidden}.app-promo-glow{position:absolute;top:-100px;right:-100px;width:280px;height:280px;background:radial-gradient(circle,rgba(1,135,95,.2),transparent 70%);filter:blur(40px);pointer-events:none}.app-promo-header{text-align:center;margin-bottom:24px;position:relative;z-index:1}.app-promo-tag{display:inline-block;background:linear-gradient(135deg,#01875f,#07a672);color:#fff;font-size:11px;font-weight:700;padding:5px 14px;border-radius:20px;letter-spacing:.5px;margin-bottom:10px;box-shadow:0 4px 12px #01875f4d}.app-promo-header h2{font-size:26px;font-weight:700;color:var(--c-text);margin:0 0 6px;line-height:1.2;letter-spacing:-.5px}.app-promo-lede{font-size:14px;color:var(--c-text2);line-height:1.5;max-width:480px;margin:0 auto}.app-promo-lede strong{color:var(--c-text)}.app-promo-grid{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center;position:relative;z-index:1}.app-promo-phone{display:flex;justify-content:center}.app-promo-phone-frame{position:relative;width:180px;height:360px;background:#1a1830;border-radius:28px;padding:8px;box-shadow:0 25px 50px #00000040,0 0 0 2px #2a2840 inset;animation:phoneFloat 4s ease-in-out infinite}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app-promo-phone-notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:50px;height:5px;background:#2a2840;border-radius:3px}.app-promo-phone-screen{width:100%;height:100%;background:linear-gradient(135deg,var(--c-bg) 0%,var(--c-bg3) 100%);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.app-promo-phone-icon{width:110px;height:110px;border-radius:24px;box-shadow:0 10px 25px #534ab74d;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.app-promo-phone-name{font-size:13px;font-weight:700;color:var(--c-text)}.app-promo-phone-tap{font-size:10px;color:var(--c-text3);background:var(--c-surface);padding:4px 10px;border-radius:12px;border:1px solid var(--c-border)}.app-promo-content{display:flex;flex-direction:column;gap:18px}.app-promo-benefits{display:grid;gap:14px}.app-promo-benefit{display:flex;gap:12px;align-items:flex-start}.app-promo-benefit-icon{font-size:24px;width:40px;height:40px;background:var(--c-bg3);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-promo-benefit-title{font-size:13px;font-weight:700;color:var(--c-text);margin-bottom:2px}.app-promo-benefit-text{font-size:12px;color:var(--c-text2);line-height:1.4}.app-promo-cta-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:8px;border-top:1px dashed var(--c-border);margin-top:4px}.google-play-badge{display:inline-block;transition:var(--trans);line-height:0;filter:drop-shadow(0 6px 14px rgba(0,0,0,.15))}.google-play-badge img{height:56px;width:auto;display:block}.google-play-badge:hover{transform:scale(1.05)}.google-play-badge:active{transform:scale(.97)}.app-promo-trust{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:11px}.app-promo-trust-item{display:inline-flex;align-items:center;gap:4px;color:var(--c-text2);font-weight:500}.app-promo-desktop-hint{font-size:11px;color:var(--c-text3);font-style:italic}@media(max-width:720px){.app-promo{padding:24px 18px;margin:20px auto}.app-promo-header h2{font-size:22px}.app-promo-grid{grid-template-columns:1fr;gap:20px}.app-promo-phone-frame{width:160px;height:320px}.app-promo-phone-icon{width:90px;height:90px}.app-promo-cta-wrap{align-items:center;text-align:center}.app-promo-trust{justify-content:center}}@media(max-width:480px){.app-promo-header h2{font-size:19px}.app-promo-lede{font-size:13px}.app-promo-benefit-icon{width:36px;height:36px;font-size:20px}.app-promo-phone-frame{width:140px;height:280px;padding:6px}.app-promo-phone-icon{width:78px;height:78px}.google-play-badge img{height:50px}}