.sd-root{flex-direction:column;gap:8px;padding-bottom:2px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sd-bar{flex:none;justify-content:space-between;align-items:center;gap:6px;display:flex}.sd-bar__l{gap:6px;min-width:0;display:flex}.sd-chip{white-space:nowrap;color:var(--wg-muted);background:#ffffff12;border-radius:10px;align-items:center;gap:5px;padding:4px 9px;font-size:13px;font-weight:700;display:inline-flex}.sd-chip svg{flex:none;width:15px;height:15px}.sd-time{font-family:var(--wg-f-display);color:var(--wg-ink);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:15px;font-weight:400}.sd-chip--err.is-on{color:#ff8a99;background:#ff5a6e29}.sd-board{aspect-ratio:1;flex:0 auto;width:100%;min-height:0;margin-top:auto;position:relative}.sd-pill{z-index:1;pointer-events:none;font-family:var(--wg-f-display);letter-spacing:.03em;color:#fff;white-space:nowrap;background:#ff5c8a;border-radius:11px;padding:0 12px;font-size:14px;line-height:22px;position:absolute;left:50%;transform:translate(-50%,-55%);box-shadow:0 3px #00000040}.sd-pill--very{background:linear-gradient(90deg,#ff5c8a,#b266ff)}.sd-tools{flex:none;justify-content:center;gap:6px;display:flex}.sd-tool{min-width:0;max-width:112px;height:50px;font:inherit;color:var(--wg-ink);cursor:pointer;background:#ffffff17;border:0;border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:4px 2px 2px;font-size:12px;font-weight:700;display:flex;position:relative;box-shadow:inset 0 -3px #00000040}.sd-tool svg{flex:none;width:22px;height:22px}.sd-tool:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -1px #00000040}.sd-tool:disabled{opacity:.4;cursor:default}.sd-tool.is-on{background:#5b7cff;box-shadow:inset 0 -3px #3550c9}.sd-tool--ad{background:var(--wg-coin);color:var(--wg-on-coin);box-shadow:inset 0 -3px #0003}.sd-flag,.sd-adtag{letter-spacing:.04em;border-radius:6px;padding:2px 5px;font-size:9px;font-style:normal;font-weight:700;line-height:1.2;position:absolute;top:-7px;right:-3px;box-shadow:0 2px #00000040}.sd-flag{color:var(--wg-muted);background:#3a4380}.sd-tool.is-on .sd-flag{background:var(--wg-go);color:#0b2615}.sd-adtag{background:var(--wg-pop);color:#fff}.sd-adtag.is-free{background:var(--wg-go);color:#0b2615}.sd-pad{flex:none;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;margin-bottom:auto;display:grid}.sd-key{cursor:pointer;min-width:0;height:58px;color:var(--wg-ink);font:inherit;background:linear-gradient(#34418f,#252f6b);border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;transition:opacity .3s,transform .3s;display:flex;box-shadow:inset 0 -4px #0000004d,inset 0 1px #ffffff24}.sd-key b{font-family:var(--wg-f-display);text-shadow:0 2px #0000004d;font-size:28px;font-weight:400;line-height:1}.sd-key small{color:var(--wg-muted);min-height:10px;font-size:10px;font-weight:700;line-height:1}.sd-key:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -2px #0000004d}.sd-key.is-sel{color:var(--wg-on-coin);background:linear-gradient(#ffd86b,#f2b21f)}.sd-key.is-sel b{text-shadow:none}.sd-key.is-sel small{color:#1a153099}.sd-pad.is-notes .sd-key:not(.is-sel){background:linear-gradient(#2b3577,#1f275c)}.sd-pad.is-notes .sd-key b{color:#c9d0f2;font-size:22px}.sd-key.is-done{opacity:0;pointer-events:none;transform:scale(.4)}.sd-key.is-pop{animation:.55s ease-out forwards sd-pop}@keyframes sd-pop{0%{opacity:1;transform:scale(1)}35%{opacity:1;background:#ffc93c;transform:scale(1.3)}to{opacity:0;transform:scale(.4)}}@media (max-height:720px){.sd-root{gap:6px}.sd-key{height:50px}.sd-key b{font-size:25px}.sd-tool{height:46px}}@media (max-height:600px){.sd-key{height:44px}.sd-key b{font-size:22px}.sd-key small{display:none}.sd-tool{height:40px;font-size:11px}.sd-tool svg{width:18px;height:18px}}@media (max-width:350px){.sd-chip{padding:3px 7px;font-size:12px}.sd-pad{gap:3px}}@media (prefers-reduced-motion:reduce){.sd-key,.sd-tool{transition:none}.sd-key.is-pop{animation:none}.sd-key:active:not(:disabled),.sd-tool:active:not(:disabled){transform:none}}