.sg-grid-wrapper{display:flex;justify-content:center;align-items:center;padding:.25rem}.sg-grid{display:grid;border:2.5px solid var(--color-text, #1a1a1a);border-radius:4px;overflow:hidden;box-shadow:0 2px 12px #0000001f;-webkit-user-select:none;user-select:none;background:var(--color-surface)}.sg-cell{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.18);cursor:pointer;background:var(--color-surface);transition:background .12s;font-size:calc(var(--sg-cell-px, 48px) * .55);font-weight:500;color:#1565c0;aspect-ratio:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sg-cell:hover{background:color-mix(in srgb,var(--color-surface) 92%,#1565c0 8%)}.sg-cell.sg-clue{font-weight:700;color:var(--color-text, #1a1a1a);background:color-mix(in srgb,var(--color-surface) 70%,var(--color-border) 30%)}.sg-cell.sg-clue:hover{background:color-mix(in srgb,var(--color-surface) 60%,var(--color-border) 40%)}.sg-cell.sg-box-right{border-right-width:2.5px;border-right-color:var(--color-text, #1a1a1a)}.sg-cell.sg-box-bottom{border-bottom-width:2.5px;border-bottom-color:var(--color-text, #1a1a1a)}.sg-cell.sg-peer:not(.sg-selected){background:color-mix(in srgb,var(--color-surface) 88%,#1565c0 12%)}.sg-cell.sg-same:not(.sg-selected){background:color-mix(in srgb,var(--color-surface) 75%,#1565c0 25%)}.sg-cell.sg-selected{background:color-mix(in srgb,var(--color-surface) 60%,#1565c0 40%);z-index:2}.sg-cell.sg-conflict{color:#e53935!important;background:color-mix(in srgb,var(--color-surface) 70%,#e53935 30%)!important}.sg-cell.sg-hint-unit{background:color-mix(in srgb,var(--color-surface) 78%,#ffa000 22%)}.sg-cell.sg-hint-source{background:color-mix(in srgb,var(--color-surface) 55%,#ffa000 45%)!important;box-shadow:inset 0 0 0 2px #f57c00d9;z-index:2}.sg-cell.sg-hint-target{outline:3px dashed #ffa000;outline-offset:-3px;z-index:3;animation:sg-hint-pulse 1.4s ease-in-out infinite}@keyframes sg-hint-pulse{0%,to{outline-color:#ffa000}50%{outline-color:#ffd54f}}.sg-grid.sg-solved{animation:sg-solved-pulse .7s ease-out;border-color:#43a047}@keyframes sg-solved-pulse{0%{box-shadow:0 2px 12px #0000001f}50%{box-shadow:0 0 0 6px #43a0478c,0 2px 12px #0000001f}to{box-shadow:0 2px 12px #0000001f}}.sg-numpad{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:.35rem;margin:.75rem auto 0;max-width:calc(100vw - 16px)}.sg-num{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem 0;font-size:1.15rem;font-weight:600;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text, #1a1a1a);cursor:pointer;touch-action:manipulation;transition:background .12s,transform .05s}.sg-num:hover{background:color-mix(in srgb,var(--color-surface) 88%,#1565c0 12%)}.sg-num:active{transform:scale(.96)}.sg-num-erase{color:#e53935}.sg-hint-panel{margin:.75rem auto 0;padding:.65rem .85rem;background:color-mix(in srgb,var(--color-surface) 70%,#ffa000 12%);border-left:3px solid #ffa000;border-radius:4px;width:min(92vw,480px);font-size:.95rem;line-height:1.4}.sg-hint-panel.hidden{display:none}.sg-example{margin-top:1rem;padding-top:.85rem;border-top:1px dashed var(--color-border)}.sg-slide{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.25rem 0}.sg-example-grid{display:grid;grid-template-columns:repeat(4,36px);grid-template-rows:repeat(4,36px);gap:0;border:2.5px solid var(--color-text, #1a1a1a);border-radius:4px;overflow:hidden;background:var(--color-surface)}.sg-ex-cell{display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.18);font-size:18px;font-weight:500;line-height:1;color:#1565c0;background:var(--color-surface)}.sg-ex-cell.sg-ex-clue{font-weight:700;color:var(--color-text, #1a1a1a);background:color-mix(in srgb,var(--color-surface) 70%,var(--color-border) 30%)}.sg-ex-cell.sg-ex-box-right{border-right-width:2.5px;border-right-color:var(--color-text, #1a1a1a)}.sg-ex-cell.sg-ex-box-bottom{border-bottom-width:2.5px;border-bottom-color:var(--color-text, #1a1a1a)}.sg-ex-cell.sg-ex-highlight{background:color-mix(in srgb,var(--color-surface) 60%,#1565c0 40%);color:var(--color-text, #1a1a1a)}.sg-example-caption{font-size:.78rem;color:var(--color-text-muted);text-align:center;line-height:1.4;max-width:280px;margin:0}.sg-slide-nav{position:absolute;top:76px;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#0000008c;color:#fff;border:none;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.sg-slide-dots{display:flex;justify-content:center;gap:.35rem;margin-top:.35rem}