:root,html[data-theme=ocean]{--c-bg-page:#07101e;--c-bg-surface:#0c1a30;--c-bg-cell:#0e1d36;--c-bg-cell-hi:#162a4a;--c-bg-cell-digit:#1d3660;--c-bg-select:#1d4ed8;--c-gap:#050d1a;--c-border-box:#2a4878;--c-border-ui:#142240;--c-text-1:#dce8f8;--c-text-2:#5a7aaa;--c-text-3:#28385a;--c-accent:#3b7ff6;--c-accent-soft:#5aa0ff}html[data-theme=midnight]{--c-bg-page:#000;--c-bg-surface:#0e0e16;--c-bg-cell:#131320;--c-bg-cell-hi:#1e1e32;--c-bg-cell-digit:#282845;--c-bg-select:#4338ca;--c-gap:#08080f;--c-border-box:#505090;--c-border-ui:#363660;--c-text-1:#f0f0f8;--c-text-2:#7878c0;--c-text-3:#343468;--c-accent:#6366f1;--c-accent-soft:#818cf8}html[data-theme=dusk]{--c-bg-page:#0d0818;--c-bg-surface:#130d28;--c-bg-cell:#1a1035;--c-bg-cell-hi:#2a1858;--c-bg-cell-digit:#361e70;--c-bg-select:#7c3aed;--c-gap:#080414;--c-border-box:#4a2880;--c-border-ui:#1e0e48;--c-text-1:#ede9fe;--c-text-2:#9070d8;--c-text-3:#402880;--c-accent:#8b5cf6;--c-accent-soft:#a78bfa}html[data-theme=forest]{--c-bg-page:#051209;--c-bg-surface:#091e10;--c-bg-cell:#0c2216;--c-bg-cell-hi:#153424;--c-bg-cell-digit:#1c4430;--c-bg-select:#047a58;--c-gap:#040c08;--c-border-box:#1e5538;--c-border-ui:#0d2a18;--c-text-1:#d0fae4;--c-text-2:#52b880;--c-text-3:#235c38;--c-accent:#10b981;--c-accent-soft:#34d399}html[data-theme=slate]{--c-bg-page:#141618;--c-bg-surface:#1c2028;--c-bg-cell:#22262e;--c-bg-cell-hi:#2e3540;--c-bg-cell-digit:#38424f;--c-bg-select:#1e60b0;--c-gap:#0e1014;--c-border-box:#506878;--c-border-ui:#3c4858;--c-text-1:#d8e4f0;--c-text-2:#6888a8;--c-text-3:#384858;--c-accent:#4090e0;--c-accent-soft:#60aaff}html[data-theme=terra]{--c-bg-page:#f4ede4;--c-bg-surface:#faf5ee;--c-bg-cell:#faf5ee;--c-bg-cell-hi:#edd9c4;--c-bg-cell-digit:#dfcbb0;--c-bg-select:#b03808;--c-gap:#c8a07a;--c-border-box:#a87850;--c-border-ui:#d8c0a0;--c-text-1:#281000;--c-text-2:#804828;--c-text-3:#b07850;--c-accent:#b03808;--c-accent-soft:#c85020}html[data-theme=parchment]{--c-bg-page:#f5f0e8;--c-bg-surface:#faf6ee;--c-bg-cell:#faf6ee;--c-bg-cell-hi:#e8e0d0;--c-bg-cell-digit:#ddd0ba;--c-bg-select:#b05000;--c-gap:#c8b89a;--c-border-box:#a89878;--c-border-ui:#d0c0a8;--c-text-1:#2a200e;--c-text-2:#7a6040;--c-text-3:#b0a088;--c-accent:#b05000;--c-accent-soft:#c86010}html[data-theme=mist]{--c-bg-page:#e8eef5;--c-bg-surface:#f0f6fc;--c-bg-cell:#f4f8fd;--c-bg-cell-hi:#d5e3ef;--c-bg-cell-digit:#bfd0e4;--c-bg-select:#1558a8;--c-gap:#90aac4;--c-border-box:#6898c0;--c-border-ui:#c0d4e8;--c-text-1:#0c1e35;--c-text-2:#346080;--c-text-3:#6090b0;--c-accent:#1558a8;--c-accent-soft:#2270c8}*,:before,:after{box-sizing:border-box}button{-webkit-tap-highlight-color:transparent}body{background:var(--c-bg-page);margin:0;transition:background .2s;overflow-x:hidden}#root{min-height:100svh;color:var(--c-text-1);justify-content:center;align-items:flex-start;padding:2rem 1rem;font-family:Segoe UI,system-ui,sans-serif;display:flex}@media (width<=480px){#root{padding:.75rem .5rem}}.tg-grid{border:2px solid var(--c-border-box);aspect-ratio:1;box-sizing:border-box;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100%;max-width:252px;margin:0 auto;display:grid}.tg-cell{border-right:1px solid var(--c-border-ui);border-bottom:1px solid var(--c-border-ui);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.tg-box-right{border-right:2px solid var(--c-border-box)}.tg-box-bottom{border-bottom:2px solid var(--c-border-box)}.tg-inactive{background:var(--c-gap)}.tg-context{background:var(--c-bg-cell)}.tg-evidence{outline-offset:-1px;background:#2196f32e;outline:1px solid #2196f373}.tg-action{outline-offset:-1px;background:#ff98002e;outline:1px solid #ff980073}.tg-value{color:var(--c-text-1);font-size:clamp(.5rem,2vw,.72rem);font-weight:700;line-height:1}.tg-evidence .tg-value{color:#64b5f6}.tg-action .tg-value{color:#ffb74d}.tg-cands{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;display:grid}.tg-cand{color:#0000;justify-content:center;align-items:center;font-size:clamp(.22rem,.9vw,.38rem);font-weight:600;line-height:1;display:flex}.tg-cand-shown{color:var(--c-text-2)}.tg-evidence .tg-cand-shown{color:#64b5f6}.tg-action .tg-cand-shown{color:#ffb74d}.tg-cand-elim{text-decoration:line-through;text-decoration-thickness:1px;color:#ef5350!important}.tg-legend{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:.5rem;display:flex}.tg-legend-item{color:var(--c-text-2);align-items:center;gap:.35rem;font-size:.72rem;display:flex}.tg-legend-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}.tg-legend-swatch--evidence{background:#2196f366;border:1px solid #2196f3b3}.tg-legend-swatch--action{background:#ff980066;border:1px solid #ff9800b3}.tg-legend-swatch--elim{background:#ef53504d;border:1px solid #ef535099}.tg-caption{color:var(--c-text-2);text-align:center;margin-top:.5rem;font-size:.78rem;font-style:italic;line-height:1.5}.help-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.help-modal{background:var(--c-bg-surface);border:1px solid var(--c-border-box);border-radius:12px;flex-direction:column;gap:1.25rem;width:100%;max-width:680px;max-height:85svh;padding:1.75rem;display:flex;position:relative;overflow-y:auto}.help-close{color:var(--c-text-2);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem .75rem;font-size:1rem;transition:color .15s;display:flex;position:absolute;top:.75rem;right:.75rem}@media (hover:hover){.help-close:hover{color:var(--c-text-1)}}.help-modal h2{margin:0;padding-left:0;padding-right:2rem;font-size:1.3rem;font-weight:700}.help-modal:has(.help-back) h2{padding-left:5rem}.help-modal section{flex-direction:column;gap:.6rem;display:flex}.help-modal h3{text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-2);margin:0;font-size:.8rem}.help-modal p{color:var(--c-text-1);margin:0;font-size:.88rem;line-height:1.6}.band-row{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.band-chip{border:1.5px solid;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:.15rem;min-width:60px;padding:.35rem .55rem;display:flex}.band-label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.band-range{color:var(--c-text-2);font-size:.72rem}.tech-table{border-collapse:collapse;width:100%;font-size:.82rem}.tech-table th{text-align:left;color:var(--c-text-2);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--c-border-box);padding:.4rem .5rem;font-size:.72rem;font-weight:600}.tech-table td{vertical-align:top;border-bottom:1px solid var(--c-bg-cell-hi);color:var(--c-text-1);padding:.45rem .5rem}.tech-name{white-space:nowrap;color:var(--c-text-1);font-weight:600}.tech-weight{text-align:center;color:var(--c-accent-soft);white-space:nowrap;font-weight:700}.tech-desc{color:var(--c-text-2);line-height:1.45}.technique-steps{flex-direction:column;gap:.4rem;margin:0;padding-left:1.2rem;display:flex}.technique-steps li{color:var(--c-text-1);font-size:.88rem;line-height:1.55}.help-back{color:var(--c-text-2);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:4px;align-items:center;min-height:44px;padding:.5rem .75rem;font-size:.82rem;transition:color .15s;display:flex;position:absolute;top:.75rem;left:.75rem}@media (hover:hover){.help-back:hover{color:var(--c-text-1)}}.tech-link{cursor:pointer;color:var(--c-accent-soft);font-size:inherit;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .15s}@media (hover:hover){.tech-link:hover{color:var(--c-text-1)}}.tech-detail-weight{color:var(--c-text-2);margin-top:-.6rem;font-size:.82rem}.tech-weight-badge{background:var(--c-gap);border:1px solid var(--c-border-ui);color:var(--c-accent-soft);border-radius:4px;margin-left:.25rem;padding:.1rem .45rem;font-size:.85rem;font-weight:700;display:inline-block}@media (width<=480px){.help-modal{max-height:92svh;padding:1rem}.help-modal h2{padding-right:3rem}.tech-table{font-size:.78rem}.tech-table th,.tech-table td{padding:.35rem .3rem}}.settings-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-modal{background:var(--c-bg-surface);border:1px solid var(--c-border-box);border-radius:12px;flex-direction:column;gap:1.25rem;width:100%;max-width:360px;padding:1.75rem;display:flex;position:relative}.settings-close{color:var(--c-text-2);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem .75rem;font-size:1rem;transition:color .15s;display:flex;position:absolute;top:.75rem;right:.75rem}@media (hover:hover){.settings-close:hover{color:var(--c-text-1)}}.settings-modal h2{color:var(--c-text-1);margin:0;padding-right:2rem;font-size:1.2rem;font-weight:700}.settings-modal h3{text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-2);margin:0 0 .75rem;font-size:.75rem}.settings-modal section{flex-direction:column;display:flex}.theme-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.theme-card{background:var(--c-bg-cell);border:2px solid var(--c-border-ui);cursor:pointer;touch-action:manipulation;border-radius:10px;flex-direction:column;align-items:center;gap:.6rem;padding:.75rem;transition:filter .15s;display:flex;position:relative}@media (hover:hover){.theme-card:hover{filter:brightness(1.12)}}.theme-preview{aspect-ratio:1;width:100%;max-width:80px}.theme-preview-grid{border:2px solid;border-radius:4px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:100%;height:100%;padding:2px;display:grid}.theme-preview-grid>div{border-radius:2px}.theme-name{letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:700}.theme-check{font-size:.75rem;font-weight:700;position:absolute;top:.4rem;right:.5rem}.start-container{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:400px;min-height:calc(100svh - 4rem);display:flex}.start-container h1{letter-spacing:.08em;margin:0;font-size:3rem;font-weight:800}.continue-btn{background:var(--c-bg-cell);border:2px solid var(--c-accent);width:100%;color:var(--c-text-1);cursor:pointer;touch-action:manipulation;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:background .15s,transform .1s;display:flex}@media (hover:hover){.continue-btn:hover{background:var(--c-bg-cell-hi);transform:translateY(-2px)}}.continue-btn:active{transform:translateY(0)}.continue-label{letter-spacing:.06em;text-transform:uppercase;font-size:1rem;font-weight:700}.continue-meta{align-items:center;gap:.75rem;display:flex}.continue-diff{letter-spacing:.1em;font-size:.75rem;font-weight:700}.continue-time{font-variant-numeric:tabular-nums;color:var(--c-text-2);letter-spacing:.05em;font-size:.82rem;font-weight:600}.subtitle-row{align-items:center;gap:.5rem;display:flex}.help-btn,.settings-btn{border:1.5px solid var(--c-border-ui);color:var(--c-text-2);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:border-color .15s,color .15s;display:flex}.help-btn{font-size:.75rem;font-weight:700}@media (hover:hover){.help-btn:hover,.settings-btn:hover{border-color:var(--c-accent);color:var(--c-text-1)}}@media (width<=480px){.help-btn,.settings-btn{width:36px;height:36px}}.subtitle{color:var(--c-text-2);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:1rem}.difficulty-grid{grid-template-columns:1fr 1fr;gap:1rem;width:100%;display:grid}.difficulty-btn{background:var(--c-bg-cell);border:2px solid var(--accent);color:var(--c-text-1);cursor:pointer;touch-action:manipulation;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1.75rem 1rem;transition:background .15s,transform .1s;display:flex}@media (hover:hover){.difficulty-btn:not(:disabled):hover{background:var(--c-bg-cell-hi);transform:translateY(-2px)}}.difficulty-btn:not(:disabled):active{transform:translateY(0)}.difficulty-btn:disabled{border-color:var(--c-border-ui);cursor:not-allowed;opacity:.45}.diff-name{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:1.1rem;font-weight:700}.diff-status{letter-spacing:.03em;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.diff-status.ready{color:var(--c-accent-soft)}.diff-status.loading{color:var(--c-text-3)}.dot-pulse{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}@media (width<=480px){.difficulty-btn{padding:1.25rem .75rem}}@media (width<=320px){.difficulty-grid{grid-template-columns:1fr}}.sudoku-container{flex-direction:column;align-items:center;gap:1.2rem;width:100%;max-width:480px;display:flex}header{align-items:center;gap:1rem;width:100%;display:flex}.timer{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--c-text-2);white-space:nowrap;margin-left:auto;font-size:.88rem;font-weight:600;position:relative}.share-btn{border:1.5px solid var(--c-border-ui);color:var(--c-text-2);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:border-color .15s,color .15s;display:flex}.share-btn:focus-visible{border-color:var(--c-accent);color:var(--c-text-1);outline:none}@media (hover:hover){.share-btn:hover{border-color:var(--c-accent);color:var(--c-text-1)}}.share-btn.end-confirm{color:#f44336;border-color:#f44336}@media (hover:hover){.share-btn.end-confirm:hover{color:#f44336;background:#f443361f;border-color:#f44336}}h1{letter-spacing:.05em;font-size:2rem;font-weight:700}.grade-badge{color:#fff;letter-spacing:.1em;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.solved-banner{color:#fff;text-align:center;background:#4caf50;border-radius:10px;width:100%;padding:1.1rem 1.5rem;font-size:1.2rem;font-weight:700;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.board-wrapper{aspect-ratio:1;z-index:2;width:100%;position:relative}.board{border:3px solid var(--c-accent);aspect-ratio:1;background:0 0;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);gap:0;width:100%;padding:0;display:grid}.board--celebrating .cell{color:#0000!important}.celebration-overlay{pointer-events:none;z-index:10;grid-template-columns:repeat(9,1fr);gap:0;padding:3px;display:grid;position:absolute;inset:0;overflow:visible}.cel-cell{justify-content:center;align-items:center;display:flex;overflow:visible}.cel-num{color:#c9d1e0;will-change:transform, color;font-size:clamp(1.05rem,3.5vw,1.4rem);font-weight:800;line-height:1;animation:5s ease-in-out forwards celebrate-num}@keyframes celebrate-num{0%{color:#c9d1e0;transform:translate(0)rotate(0)scale(1)}8%{transform:translate(var(--x1),var(--y1)) rotate(calc(var(--rot)*.4)) scale(1.6);color:gold}28%{transform:translate(var(--x2),var(--y2)) rotate(var(--rot)) scale(1.3);color:#ff6b6b}50%{transform:translate(var(--x3),var(--y3)) rotate(calc(var(--rot)*-.6)) scale(1.2);color:#4ecdc4}65%{transform:translate(calc(var(--x2)*.4),calc(var(--y1)*.5)) rotate(calc(var(--rot)*.2)) scale(1.15);color:#a29bfe}80%{transform:translate(calc(var(--x1)*.1),calc(var(--y2)*.1)) rotate(5deg) scale(1.05);color:#74b9ff}92%{color:#c9d1e0;transform:translate(0)rotate(2deg)scale(1.02)}to{color:#c9d1e0;transform:translate(0)rotate(0)scale(1)}}.cell:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px;z-index:1}.cell{appearance:none;border:none;border-right:1px solid var(--c-border-ui);border-bottom:1px solid var(--c-border-ui);background:var(--c-bg-cell);color:var(--c-text-1);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;min-width:0;padding:0;font-size:clamp(1.05rem,3.5vw,1.4rem);font-weight:600;line-height:1;transition:background .1s;display:flex;overflow:hidden}.cell.given{color:var(--c-text-1);font-weight:800}.cell.user-placed{color:var(--c-accent-soft)}.cell.selected{color:#fff;background:var(--c-bg-select)!important}.cell.highlighted{background:var(--c-bg-cell-hi)}.cell.same-digit{background:var(--c-bg-cell-digit)}.cell:nth-child(9n){border-right:none}.board>div:last-child>.cell{border-bottom:none}.cell.border-right{border-right:2px solid var(--c-accent)}.cell.border-bottom{border-bottom:2px solid var(--c-accent)}.cell.has-notes{padding:1px}.notes-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;min-width:0;height:100%;display:grid}.note-digit{color:var(--c-accent-soft);justify-content:center;align-items:center;font-size:clamp(.38rem,1.6vw,.65rem);font-weight:500;line-height:1;display:flex}.cell.selected .note-digit{color:#ffffffbf}.numpad{flex-direction:column;gap:8px;width:100%;display:flex}.numpad-main{position:relative}.digit-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.digit-grid--hidden{visibility:hidden;pointer-events:none}.hint-panel{background:var(--c-bg-surface);border:1px solid var(--c-border-box);border-radius:10px;flex-direction:column;gap:.4rem;padding:.75rem 1rem;display:flex;position:absolute;inset:0;overflow:hidden}.num-btn{background:var(--c-bg-cell);border:2px solid var(--c-border-ui);color:var(--c-text-1);cursor:pointer;touch-action:manipulation;border-radius:8px;outline:none;padding:.6rem;font-size:1.2rem;font-weight:700;transition:background .15s,border-color .15s}@media (hover:hover){.num-btn:hover{background:var(--c-bg-cell-hi);border-color:var(--c-accent)}}.num-btn:focus-visible{background:var(--c-bg-cell-hi)}.num-btn:disabled{opacity:.3;cursor:default}.num-btn:disabled:hover{background:var(--c-bg-cell);border-color:var(--c-border-ui)}.numpad-row{gap:8px;display:flex}.numpad-row .num-btn{letter-spacing:.03em;white-space:nowrap;flex:1;height:2.6rem;font-size:.72rem;position:relative;overflow:hidden}.num-btn.icon-btn,.num-btn.notes-toggle,.num-btn.autosolve-label{text-align:center;grid-template-columns:1.4rem 1fr 1.4rem;align-items:center;display:grid}.num-btn.notes-toggle{letter-spacing:.03em;font-size:.82rem}.num-btn.notes-toggle.active,.num-btn.autosolve-label.active{background:var(--c-bg-cell-hi);border-color:var(--c-accent);color:var(--c-accent-soft)}@keyframes flash-error{0%,30%{box-shadow:inset 0 0 0 3px #e53935}to{box-shadow:none}}.cell.flash-error{animation:.55s ease-out forwards flash-error}@keyframes hint-evidence-glow{0%,to{background:#2196f326}50%{background:#2196f359}}@keyframes hint-target-glow{0%,to{background:#4caf5033}50%{background:#4caf5080}}@keyframes hint-eliminated-glow{0%,to{background:#ff980033}50%{background:#ff980073}}.cell.hint-evidence{animation:1.4s ease-in-out infinite hint-evidence-glow}.cell.hint-target{animation:1.2s ease-in-out infinite hint-target-glow}.cell.hint-eliminated{animation:1.2s ease-in-out infinite hint-eliminated-glow}.hint-explain-btn{border:1px solid var(--c-accent);color:var(--c-accent-soft);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.72rem;font-weight:700;transition:background .15s;display:flex}.hint-explain-btn:focus-visible{background:#3b5bdb33;outline:none}@media (hover:hover){.hint-explain-btn:hover{background:#3b5bdb33}}.hint-header{align-items:center;gap:.5rem;display:flex}.hint-technique-name{text-transform:uppercase;letter-spacing:.1em;color:var(--c-accent-soft);font-size:.72rem;font-weight:700}.hint-description{color:var(--c-text-1);margin:0;font-size:.85rem;line-height:1.5}.hint-cost-label{color:var(--c-text-1);text-align:center;margin:0;font-size:.85rem}.hint-footer{justify-content:flex-end;gap:.5rem;display:flex}.hint-apply-btn{background:var(--c-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.3rem .8rem;font-size:.78rem;font-weight:600;transition:background .15s}.hint-apply-btn:focus-visible{background:var(--c-accent-soft);outline:none}@media (hover:hover){.hint-apply-btn:hover{background:var(--c-accent-soft)}}.hint-dismiss-btn{border:1px solid var(--c-border-ui);color:var(--c-text-2);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .8rem;font-size:.78rem;font-weight:600;transition:border-color .15s,color .15s}.hint-dismiss-btn:focus-visible{border-color:var(--c-border-box);color:var(--c-text-1);outline:none}@media (hover:hover){.hint-dismiss-btn:hover{border-color:var(--c-border-box);color:var(--c-text-1)}}.num-btn.help-active{background:var(--c-bg-cell-hi);border-color:var(--c-accent);color:var(--c-accent-soft)}.autosolve-label{cursor:pointer;letter-spacing:.03em}.autosolve-disabled{opacity:.4;pointer-events:none}.failed-banner{color:#fff;text-align:center;background:#c62828;border-radius:10px;width:100%;padding:1.1rem 1.5rem;font-size:1.2rem;font-weight:700;animation:.4s fadeIn}.penalty-flash{color:#f44336;white-space:nowrap;pointer-events:none;font-weight:700;animation:1.5s forwards penalty-fade;position:absolute;bottom:calc(100% + 2px);right:0}@keyframes penalty-fade{0%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(-4px)}to{opacity:0;transform:translateY(-8px)}}@media (width<=480px){.sudoku-container{gap:.75rem}header{gap:.5rem}h1{font-size:1.5rem}.grade-badge{padding:.2rem .5rem;font-size:.7rem}.share-btn{width:36px;height:36px}.hint-explain-btn{width:28px;height:28px;font-size:.8rem}.numpad-row .num-btn{height:3rem}.num-btn{min-height:2.75rem}.hint-apply-btn,.hint-dismiss-btn{padding:.5rem 1rem;font-size:.85rem}.note-digit{font-size:clamp(.55rem,2.4vw,.8rem)}}