.sd{max-width:560px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.sd-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.sd-levels{display:flex;gap:6px;padding:4px;border-radius:999px;background:var(--g-key);box-shadow:var(--g-key-shadow)}.sd-level{min-height:38px;padding:8px 16px;border-radius:999px;border:0;background:#fff0;color:var(--color-ink);font:700 13px/1 var(--font-sans);cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease)}.sd-level:hover{color:var(--color-brand)}.sd-level.is-active{background:var(--color-ink);color:var(--color-bg)}.sd-level.is-done::after{content:' ✓';color:var(--lx-green)}.sd-meta{margin:0;font-size:15px;font-weight:700;color:var(--color-text-soft);font-variant-numeric:tabular-nums}.sd-board{display:grid;grid-template-columns:repeat(9,1fr);border:2px solid var(--color-ink);border-radius:12px;overflow:hidden;background:var(--color-bg);aspect-ratio:1;box-shadow:var(--shadow-soft);transition:border-color .4s var(--ease)}.sd-cell{aspect-ratio:1;border:0;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-bg);color:#2a5bd7;font:700 clamp(18px,5.2vw,28px)/1 var(--font-sans);display:grid;place-items:center;padding:0;cursor:pointer;min-width:0;transition:background .15s var(--ease)}.sd-cell--br{border-right:2px solid var(--color-ink)}.sd-cell--bb{border-bottom:2px solid var(--color-ink)}.sd-cell.is-given{color:var(--color-ink);font-weight:900}.sd-cell.is-peer{background:var(--color-bg-soft)}.sd-cell.is-same{background:var(--color-brand-soft)}.sd-cell.is-sel{background:var(--color-brand-soft);box-shadow:inset 0 0 0 2px var(--color-brand)}.sd-cell.is-wrong{color:var(--g-red);animation:lx-shake .35s}.sd-cell.is-pop{animation:lx-pop .18s var(--ease)}.sd-notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:2px}.sd-notes i{font-style:normal;font-size:clamp(8px,2vw,12px);font-weight:700;color:var(--color-text-muted);display:grid;place-items:center}.sd-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.sd-num{position:relative;min-height:52px;border:0;border-radius:12px;background:var(--g-key);box-shadow:var(--g-key-shadow);color:var(--color-ink);font:900 22px/1 var(--font-sans);cursor:pointer;transition:background var(--t-fast) var(--ease),transform .12s var(--ease),opacity .3s var(--ease)}.sd-num:hover{background:var(--g-key-hover);color:var(--color-brand)}.sd-num:active{transform:scale(.92)}.sd-num.is-full{opacity:.3}.sd-num__left{position:absolute;right:6px;top:5px;font-size:10px;font-weight:700;color:var(--color-text-muted)}.sd-tools{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.sd.is-done .sd-board{border-color:var(--lx-green)}.sd.is-done .sd-cell{animation:sd-wave .6s var(--ease) both}@keyframes sd-wave{40%{background:rgb(31 157 107 / .18)}}@media (min-width:1101px){.sd{max-width:none;grid-template-columns:min(580px,calc(100vh - 330px)) 300px;grid-template-areas:"board top" "board pad" "board tools";grid-template-rows:auto auto 1fr;justify-content:center;align-items:start;column-gap:36px;row-gap:22px}.sd-board{grid-area:board}.sd-top{grid-area:top;flex-direction:column;align-items:stretch;gap:14px}.sd-levels{justify-content:space-between}.sd-level{flex:1}.sd-meta{text-align:center;font-size:18px;padding:12px;border-radius:14px;background:var(--g-key);box-shadow:var(--g-key-shadow)}.sd-pad{grid-area:pad;grid-template-columns:repeat(3,1fr);gap:10px}.sd-num{min-height:76px;font-size:30px;border-radius:16px}.sd-tools{grid-area:tools;flex-direction:column}.sd-tools .pg-btn{width:100%}.sd-cell{font-size:clamp(20px,2.2vw,30px)}}@media (max-width:760px){.sd-pad{gap:4px}.sd-num{min-height:48px;font-size:19px;border-radius:9px}.sd-level{padding:8px 12px}}