.sk{position:relative;max-width:28rem;margin-inline:auto}.sk .score-box{display:flex;flex-direction:column;align-items:center;min-width:4.6rem;padding:.4rem .7rem;border-radius:.6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-weight:800;font-size:1.1rem;color:#fff}.sk .score-label{font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-cyan)}.sk .lvl-btn{font-family:var(--font-mono);font-size:.74rem;font-weight:600;padding:.4rem .7rem;border-radius:.55rem;color:#e7e7f399;border:1px solid rgba(255,255,255,.1);background:#ffffff08;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.sk .lvl-btn:hover{color:#fff;border-color:var(--color-cyan)}.sk .lvl-btn.is-active{color:#04212a;background:var(--color-cyan);border-color:var(--color-cyan)}.sk-notes-btn .glyph{color:#e7e7f38c;transition:color .16s ease,text-shadow .16s ease}.sk-notes-btn.is-on{border-color:var(--color-cyan);color:#fff}.sk-notes-btn.is-on .glyph{color:var(--color-cyan);text-shadow:0 0 .5em var(--color-cyan)}.sk-frame{position:relative;--sk-bd: 2px;--sk-third: calc(var(--sk-bd) + (100% - 2 * var(--sk-bd)) / 3);--sk-two-thirds: calc(var(--sk-bd) + 2 * (100% - 2 * var(--sk-bd)) / 3)}.sk-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);background:#0b0b16;border:2px solid rgba(34,211,238,.35);border-radius:.5rem;overflow:hidden;aspect-ratio:1}.sk-rule{position:absolute;overflow:hidden;display:grid;place-items:center;z-index:2;font-family:var(--font-mono);line-height:0;color:var(--color-cyan);pointer-events:none;box-shadow:0 0 9px #22d3ee8c;font-size:800px}.sk-rule-v{top:var(--sk-bd);bottom:var(--sk-bd);width:3px;transform:translate(-50%)}.sk-rule-h{left:var(--sk-bd);right:var(--sk-bd);height:3px;transform:translateY(-50%)}.sk-rule-v.a{left:var(--sk-third)}.sk-rule-v.b{left:var(--sk-two-thirds)}.sk-rule-h.a{top:var(--sk-third)}.sk-rule-h.b{top:var(--sk-two-thirds)}.sk-cell{position:relative;display:grid;place-items:center;cursor:pointer;min-width:0;min-height:0;padding:0;border:1px solid rgba(255,255,255,.06);background:transparent;color:var(--color-cyan-soft);font-family:var(--font-mono);font-feature-settings:"liga" 0;font-weight:700;line-height:1;font-size:clamp(1rem,5vw,1.5rem);-webkit-tap-highlight-color:transparent;text-shadow:0 0 .5em rgba(34,211,238,.55);transition:background-color .1s ease,color .12s ease}.sk-cell.given{color:#fff;font-weight:800;cursor:default;text-shadow:none}.sk-cell.empty{color:#c7c7eb38;font-size:clamp(.7rem,3.4vw,1.05rem);text-shadow:none}.sk-cell.sel{background:#22d3ee33}.sk-cell.peer{background:#ffffff0b}.sk-cell.same{background:#a78bfa33}.sk-cell.conflict{color:#fb7185!important;text-shadow:0 0 .55em rgba(251,113,133,.8)!important}.sk-notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;font-size:.5rem;font-weight:600;color:#c7c7eb80;place-items:center;text-shadow:none}.sk-progress{display:flex;align-items:baseline;justify-content:center;gap:.6rem;margin-top:.85rem}.sk-bar{font-family:var(--font-mono);font-size:clamp(.6rem,3vw,.9rem);letter-spacing:-.06em;line-height:1;color:#c7c7eb2e;white-space:nowrap}.sk-bar b{font-weight:400;color:var(--color-cyan);text-shadow:0 0 .45em rgba(34,211,238,.6)}.sk-count{font-family:var(--font-mono);font-size:.66rem;font-weight:700;color:#e7e7f366}.sk-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-top:.85rem}.sk-num{position:relative;padding:.7rem 0;border-radius:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff;font-family:var(--font-mono);font-weight:800;font-size:1.1rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,color .12s ease,transform .08s ease}.sk-num:hover{background:#22d3ee29}.sk-num:active{transform:scale(.94)}.sk-num-left{position:absolute;top:.18rem;right:.3rem;font-size:.56rem;font-weight:700;color:#c7c7eb59}.sk-num.done{color:#e7e7f347;background:#ffffff05}.sk-num.done .sk-num-left{color:var(--color-lime);text-shadow:0 0 .5em rgba(163,230,53,.8)}.sk-erase .sk-num-d{color:var(--color-magenta)}.sk-overlay{position:absolute;inset:0;border-radius:1rem;background:#07070ee0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:6}@media(prefers-reduced-motion:reduce){.sk-cell,.sk-num{transition:none}}