.sb{display:grid;gap:18px}.sb-top{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;background:radial-gradient(circle at 30% 20%,#5b2a6e,#2a0b3d);border-radius:22px;padding:18px 20px;color:#fff}.sb-dice{display:flex;gap:12px}.sb-die{all:unset;box-sizing:border-box;cursor:pointer;width:64px;height:64px;border-radius:14px;background:#fff;border:2px solid var(--line);box-shadow:0 8px 18px -10px #0009;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:9px;gap:3px;transition:transform .15s}.sb-die:hover{transform:translateY(-2px)}.sb-die:focus-visible{outline:3px solid var(--blush);outline-offset:3px}.sb-die i{border-radius:50%;background:var(--night);opacity:0}.sb-die[data-v="1"] i:nth-child(5),.sb-die[data-v="2"] i:is(:nth-child(1),:nth-child(9)),.sb-die[data-v="3"] i:is(:nth-child(1),:nth-child(5),:nth-child(9)),.sb-die[data-v="4"] i:is(:nth-child(1),:nth-child(3),:nth-child(7),:nth-child(9)),.sb-die[data-v="5"] i:is(:nth-child(1),:nth-child(3),:nth-child(5),:nth-child(7),:nth-child(9)),.sb-die[data-v="6"] i:is(:nth-child(1),:nth-child(3),:nth-child(4),:nth-child(6),:nth-child(7),:nth-child(9)){opacity:1}.sb-die.roll{animation:sbroll .6s cubic-bezier(.2,.7,.3,1)}@keyframes sbroll{0%{transform:translateY(-16px) rotate(-180deg)}60%{transform:translateY(3px) rotate(15deg)}to{transform:none}}.sb-sum{display:grid;justify-items:center;line-height:1.1;min-width:84px}.sb-sum span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.sb-sum b{font:800 34px/1 var(--disp)}.sb-sum small{font-size:13px;color:var(--blush)}.sb-act{margin-left:auto}.sb-act .btn{padding:12px 22px;font-size:15px;background:var(--blush);color:var(--violet);border-color:var(--blush)}.sb-act .btn[disabled]{opacity:.6}.sb-out{border:2px solid var(--line);border-radius:18px;padding:12px 16px;font-size:14.5px}.sb-head{margin:0 0 8px}.sb-win{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.sb-win li{background:var(--lav);border-radius:999px;padding:4px 11px;font-size:13.5px}.sb-tables{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 28px;align-items:start}.sb-tables>.sb-t:first-child{grid-column:1/-1}.sb-t{width:100%;border-collapse:collapse;font-size:14px}.sb-t caption{text-align:left;font:700 13px var(--disp);color:var(--muted);padding:0 0 6px}.sb-t th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:2px solid var(--line)}.sb-t td{padding:6px 8px;border-bottom:1px solid var(--line)}.sb-t tr.hit td{background:var(--blush);font-weight:700}.sb-t tr.hit td:first-child{box-shadow:inset 4px 0 0 var(--violet)}@media(max-width:900px){.sb-tables{grid-template-columns:minmax(0,1fr)}.sb-tables>.sb-t:first-child{grid-column:auto}}@media(max-width:520px){.sb-top{padding:14px;gap:12px}.sb-die{width:54px;height:54px;padding:8px}.sb-act{margin-left:0;width:100%}.sb-act .btn{width:100%}.sb-t{font-size:13px}.sb-t th,.sb-t td{padding:5px}}@media(prefers-reduced-motion:reduce){.sb-die.roll{animation:none}.sb-die{transition:none}}