.sb-grid-wrapper{display:flex;justify-content:center;align-items:center;padding:.25rem}.sb-grid{display:grid;border:2px solid var(--color-border);border-radius:6px;overflow:hidden;box-shadow:0 2px 12px #0000001f;touch-action:none;-webkit-user-select:none;user-select:none}.sb-cell{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:filter .1s;aspect-ratio:1}.sb-cell:hover{filter:brightness(.92)}.sb-cell:focus{outline:none}.sb-cell:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #1565c0,inset 0 0 0 5px #fff;z-index:5}.sb-cell.sb-marker:after{content:"✕";color:#00000073;font-size:calc(var(--sb-cell-px, 48px) * .45);line-height:1}.sb-cell.sb-star:after{content:"★";color:#1a1a2e;font-size:calc(var(--sb-cell-px, 48px) * .62);line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.3)}.sb-cell.sb-conflict{outline:3px solid #e53935;outline-offset:-2px;z-index:1}.sb-cell.sb-conflict.sb-star:after{color:#c62828}.sb-cell.sb-hint-target{outline:4px dashed #4e342e;outline-offset:-4px;z-index:4;animation:sb-hint-target-pulse 1.3s ease-in-out infinite}.sb-cell.sb-hint-target:before{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--sb-cell-px, 48px) * .45);color:#4e342eb3;font-weight:700;pointer-events:none}.sb-cell.sb-hint-target.sb-hint-target--star{outline-color:#1b5e20}.sb-cell.sb-hint-target.sb-hint-target--star:before{content:"★";font-size:calc(var(--sb-cell-px, 48px) * .6);color:#1b5e20b3}.sb-cell.sb-hint-target.sb-hint-target--wrong{outline-color:#c62828;animation-name:sb-hint-target-pulse-wrong}.sb-cell.sb-hint-target.sb-hint-target--wrong:before{content:"⚠";font-size:calc(var(--sb-cell-px, 48px) * .45);color:#c62828cc}@keyframes sb-hint-target-pulse-wrong{0%,to{outline-color:#c62828}50%{outline-color:#ff1744}}.sb-cell.sb-hint-star-source{outline:4px solid #263238;outline-offset:-4px;z-index:3}.sb-cell.sb-hint-target-extra{outline:2px dashed rgba(191,54,12,.55);outline-offset:-2px}.sb-cell.sb-hint-target-extra:after{content:"✕";color:#bf360c8c;font-size:calc(var(--sb-cell-px, 48px) * .4);line-height:1}.sb-example{margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(0,0,0,.08)}.sb-slide{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:.25rem .5rem;box-sizing:border-box}.sb-example-grid{display:grid;grid-template-columns:repeat(4,36px);grid-template-rows:repeat(4,36px);gap:2px;background:#00000026;padding:2px;border-radius:6px;width:max-content}.sb-ex-cell{display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;border-radius:2px;color:#222;-webkit-user-select:none;user-select:none}.sb-ex-cell.sb-ex-marker{font-size:16px;color:#00000080}.sb-ex-a{background-color:#ffcdd2}.sb-ex-b{background-color:#e1bee7}.sb-ex-c{background-color:#bbdefb}.sb-ex-d{background-color:#c8e6c9}.sb-example-caption{font-size:.78rem;color:var(--color-text-muted);margin:0;max-width:300px;text-align:center;min-height:2.4em}.sb-slide-nav{position:absolute;top:76px;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#0000008c;color:#fff;border:none;cursor:pointer;font-size:20px;line-height:1;padding:0 0 2px;display:flex;align-items:center;justify-content:center;z-index:2}.sb-slide-dots{display:flex;justify-content:center;gap:.4rem;margin-top:.45rem}.sb-cell.sb-hint-row{background-image:linear-gradient(#37474f73,#37474f73)}.sb-cell.sb-hint-col{background-image:linear-gradient(#00695c73,#00695c73)}.sb-cell.sb-hint-region{z-index:2}@keyframes sb-hint-target-pulse{0%,to{outline-color:#4e342e}50%{outline-color:#ff6f00}}.sb-cell.sb-hint-target.sb-hint-target--star{animation-name:sb-hint-target-pulse-star}@keyframes sb-hint-target-pulse-star{0%,to{outline-color:#1b5e20}50%{outline-color:#00c853}}.sb-hint-panel{max-width:480px;margin:.5rem auto 0;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.75rem 2rem .75rem 1rem;font-size:.85rem;line-height:1.45;color:var(--color-text);position:relative;display:none}.sb-hint-panel.active{display:block;animation:sb-hint-panel-in .2s ease-out}.sb-hint-title{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#e65100;margin-bottom:.25rem}.sb-hint-body{color:var(--color-text)}.sb-hint-body [class^=sb-kw-]{padding:.05em .35em;border-radius:4px;font-weight:700;border:1.5px solid currentColor}.sb-hint-body .sb-kw-target{color:#4e342e;background:#4e342e1a}.sb-hint-body .sb-kw-place{color:#1b5e20;background:#1b5e201a}.sb-hint-body .sb-kw-star{color:#263238;background:#26323814}.sb-hint-body .sb-kw-row{color:#37474f;background:#37474f1a}.sb-hint-body .sb-kw-col{color:#00695c;background:#00695c1a}.sb-hint-body .sb-kw-region{color:#4a148c;background:#4a148c1a}.sb-hint-close{position:absolute;top:.25rem;right:.4rem;background:none;border:none;font-size:1.25rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:.25rem .4rem;border-radius:4px}.sb-hint-close:hover{background:#0000000f;color:var(--color-text)}.sb-hint-reveal{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.6rem;padding-top:.55rem;border-top:1px solid rgba(0,0,0,.08)}.sb-hint-reveal-prompt{color:var(--color-text-muted);font-size:.82rem}.sb-hint-reveal-yes{background:#1b5e20;color:#fff;border:none;border-radius:6px;padding:.3rem .85rem;font-weight:600;font-size:.82rem;cursor:pointer}.sb-hint-reveal-yes:hover{background:#2e7d32}@keyframes sb-hint-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sb-grid.sb-solved{border-color:#2e7d32;border-width:3px;box-shadow:0 0 0 3px #2e7d32,0 2px 12px #0000001f;animation:sb-win-border .4s ease-out}@keyframes sb-win-border{0%{box-shadow:0 0 #2e7d32}60%{box-shadow:0 0 0 6px #2e7d3255}to{box-shadow:0 0 0 3px #2e7d32,0 2px 12px #0000001f}}@media(prefers-reduced-motion:reduce){.sb-cell.sb-hint-target,.sb-grid.sb-solved,.sb-hint-panel.active{animation:none}}