.sd-wrap{background:radial-gradient(120% 80% at 50% 0,#232449 0%,#16172e 55%,#0d0e1c 100%);flex-direction:column;height:100%;display:flex;position:relative}:root[data-theme=light] .sd-wrap{background:radial-gradient(120% 80% at 50% 0,#2a2b57 0%,#1a1b36 55%,#101120 100%)}.sd-hud{color:#cdd0ee;background:#00000040;flex-wrap:wrap;align-items:center;gap:14px;padding:7px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem;display:flex}.sd-hud span{align-items:baseline;gap:5px;display:flex}.sd-hud small{color:#8f93bd;font-size:.72rem}.sd-hud b{color:#f0f1ff;font-variant-numeric:tabular-nums;font-size:.95rem}html[data-inplay=on] .sd-hud{padding-left:58px}.sd-board{flex:1;min-height:0;position:relative}.sd-grid{--sd-w:300px;width:var(--sd-w);height:var(--sd-w);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#ffffff57;border-radius:6px;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);gap:1px;padding:2px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sd-cell{box-sizing:border-box;cursor:pointer;font-size:calc(var(--sd-w) / 9 * .58);color:var(--lime);background:#191a30;place-items:center;font-weight:600;line-height:1;display:grid;position:relative}.sd-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #ffffff9e}.sd-cell:nth-child(n+19):nth-child(-n+27),.sd-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #ffffff9e}.sd-cell>b{font-weight:inherit}.sd-cell.given{color:#eef0ff;background:#202142;font-weight:800}.sd-cell.peer{background:#163f4a}.sd-cell.given.peer{background:#1c4a57}.sd-cell.same,.sd-cell.given.same{outline:2px solid var(--lime);outline-offset:-2px;z-index:1;background:#47521a}.sd-cell.same>b{color:#e4ff9a}.sd-cell.sel{outline:2px solid var(--lime);outline-offset:-2px;z-index:2;background:#35407a!important}.sd-cell.bad{color:#ff6b6b}.sd-cell.bad.given{color:#ff9b9b}.sd-cell.err{animation:.6s ease-out sderr}@keyframes sderr{0%,60%{background:#6b1d2a}to{background:#191a30}}.sd-cell.hint{animation:1.1s ease-in-out 3 sdhint}@keyframes sdhint{0%,to{box-shadow:inset 0 0 #c8ff3e00}50%{box-shadow:inset 0 0 0 3px var(--lime)}}.sd-cell>i{font-style:normal;font-size:calc(var(--sd-w) / 9 * .24);color:#9fa4d4;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);font-weight:500;display:grid;position:absolute;inset:6%}.sd-cell>i>s{place-items:center;text-decoration:none;display:grid}.sd-pad{flex:none;grid-template-columns:repeat(9,1fr);gap:5px;width:100%;max-width:470px;margin:0 auto;padding:0 10px;display:grid}.sd-num{aspect-ratio:1/1.05;color:#eef0ff;max-height:58px;font:inherit;cursor:pointer;background:#ffffff17;border:1px solid #ffffff2e;border-radius:9px;place-items:center;font-size:1.15rem;font-weight:700;display:grid;position:relative}.sd-num:hover{background:#ffffff29}.sd-num:active{transform:scale(.94)}.sd-num em{color:#8f93bd;font-size:.58rem;font-style:normal;font-weight:500;position:absolute;bottom:2px;left:0;right:0}.sd-num.full{opacity:.3}.sd-num.noting{color:var(--lime)}.sd-tools{padding:7px 8px calc(7px + env(safe-area-inset-bottom));flex-wrap:wrap;flex:none;justify-content:center;gap:5px;display:flex}.sd-tools .btn.sd-t{color:#eef0ff;min-height:0;box-shadow:none;background:#ffffff1a;border-color:#ffffff38;padding:7px 11px;font-size:.82rem}.sd-tools .btn.sd-t:hover{box-shadow:none;background:#ffffff2e;translate:none}.sd-tools .btn.sd-t:disabled{opacity:.38}.sd-tools .btn.sd-t.on{background:var(--lime);color:var(--lime-fg);border-color:var(--lime)}.sd-levels{flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0 16px;display:flex}.sd-lv{border:1px solid var(--line);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:.88rem}.sd-lv.on{background:var(--lime);color:var(--lime-fg);border-color:var(--lime);font-weight:700}.sd-winbox{z-index:400;background:#060814a8;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.sd-winbox[hidden]{display:none}.sd-wincard{border:2px solid var(--line);text-align:center;background:#15151f;border-radius:18px;width:100%;max-width:380px;padding:18px 16px;box-shadow:0 18px 40px #00000080}.sd-wintop{font-size:2.4rem;line-height:1}.sd-wincard h3{color:#f4f3ff;margin:6px 0 4px;font-size:1.5rem}.sd-winsub{color:#b8b6d6;margin:0;font-family:ui-monospace,Menlo,monospace;font-size:1.05rem}.sd-winform{gap:8px;margin-top:12px;display:flex}.sd-winform .input{min-height:42px}@media (width<=860px){.sd-hud{padding-top:26px}}@media (width<=420px){.sd-tools .btn.sd-t{padding:6px 9px;font-size:.76rem}.sd-hud{gap:10px;font-size:.78rem}.sd-num{font-size:1rem}.sd-grid{--sd-w:min(96vw, 48vh, 470px)}}