.dice-sets { margin: 1rem 0; min-width: 0; }
.dice-sets-title { margin: 0 0 .35rem; font-weight: 700; }
.dice-sets-hint { margin: 0 0 .75rem; font-size: .85rem; opacity: .8; }
.dice-sets-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); gap: .6rem; }
.dice-sets .dice-set-card { display: flex; flex-direction: column; align-items: center; gap: .45rem; min-width: 0; width: 100%; padding: .45rem; border: 1px solid #70633e; border-radius: 10px; background: #12131d; color: #f6ecd6; cursor: pointer; font: inherit; text-transform: none; letter-spacing: normal; }
.dice-set-card img { width: 100%; max-width: 150px; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 6px; }
.dice-set-card span { padding: .15rem 0 .35rem; font-size: .82rem; line-height: 1.3; text-align: center; }
.dice-sets .dice-set-card[aria-pressed="true"] { border-color: #f3cb6b; box-shadow: 0 0 0 2px #f3cb6b; background: #292331; }
.dice-sets .dice-set-card:focus-visible { outline: 3px solid #fff1d0; outline-offset: 3px; }
.dice-sets .dice-set-card:hover { border-color: #f3cb6b; }
@media(max-width: 380px) { .dice-sets-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.dice-sets-custom { max-width: 180px; }