.shark-dice-results{align-items:center;gap:24px;display:flex}.shark-dice-resultDie{justify-items:center;gap:8px;min-width:80px;display:grid}.shark-dice-scene{perspective:500px;width:76px;height:78px}.shark-dice-cube{--die:#f8fafc;width:56px;height:56px;transform-style:preserve-3d;margin:15px 0 0 5px;animation:.65s cubic-bezier(.2,.8,.3,1) both settle;position:relative;transform:rotateX(-22deg)rotateY(-28deg)}.shark-dice-face{background:linear-gradient(135deg, #ffffff40, transparent 65%), var(--die);backface-visibility:hidden;border:1px solid #ffffff59;border-radius:9px;position:absolute;inset:0;box-shadow:inset 0 0 8px #0000001f}.shark-dice-front{grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;padding:10px;display:grid;transform:translateZ(28px)}.shark-dice-top{filter:brightness(1.12);transform:rotateX(90deg)translateZ(28px)}.shark-dice-side{filter:brightness(.7);transform:rotateY(90deg)translateZ(28px)}.shark-dice-pip{background:#1e293b;border-radius:50%;place-self:center;width:8px;height:8px;box-shadow:inset 0 1px 2px #020617}.shark-dice-symbol{color:#fff;text-shadow:0 2px 3px #0000004d;grid-area:1/1/4/4;place-self:center;font-size:30px;line-height:1}.shark-dice-blue{--die:#2563eb}.shark-dice-yellow{--die:#facc15}.shark-dice-yellow .shark-dice-symbol{color:#713f12}.shark-dice-green{--die:#16a34a}.shark-dice-red{--die:#dc2626}.shark-dice-anthracite{--die:#334155}.shark-dice-wildcard{--die:#f8fafc}.shark-dice-wildcard .shark-dice-front{background:linear-gradient(135deg,#f8fafc 50%,#1e293b 50%)}.shark-dice-wildcard .shark-dice-symbol{color:#fbbf24}.shark-dice-caption{color:#cbd5e1;font-size:12px;font-weight:700}@keyframes settle{0%{opacity:0;transform:translateY(-18px)rotateX(-200deg)rotateY(-220deg)}to{opacity:1;transform:translateY(0)rotateX(-22deg)rotateY(-28deg)}}@media (prefers-reduced-motion:reduce){.shark-dice-cube{animation:none}}.shark-color-badge{background:linear-gradient(135deg, #ffffff26, transparent), var(--die);color:#fff;cursor:pointer;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:8px 14px;font-size:12px;font-weight:700;transition:box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 2px 5px #0003}.shark-color-badge.shark-dice-yellow{color:#422006}.shark-color-badge.shark-dice-green{background-color:#15803d;background-image:linear-gradient(135deg,#ffffff14,#0000)}.shark-color-badge:hover{transform:translateY(-2px)}.shark-color-badge[aria-pressed=true]{box-shadow:0 0 0 2px #0f172a,0 0 0 4px #fbbf24}.shark-color-badge:focus-visible{outline-offset:5px;outline:2px solid #fff}.shark-color-badge-mark{text-align:center;width:14px}@media (prefers-reduced-motion:reduce){.shark-color-badge{transition:none}}