/* 주사위·동전 던지기 전용 */
#dc-out .bar .btn { width: auto; }
.dc-stat { margin-bottom: 12px; font-size: 14px; line-height: 1.7; color: var(--ink-2); }
.dc-stat:empty { display: none; }
.dc-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 6px; }
.dc-die { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 3px; width: 52px; height: 52px; padding: 8px; border: 1px solid #c9d2dc; border-radius: 10px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.dc-die i { border-radius: 50%; }
.dc-die i.on { background: var(--ink); }
.dc-coin { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; border: 2px solid var(--blue); background: #fff; color: var(--blue); font-size: 18px; font-weight: 700; }
.dc-coin.back { border-color: var(--ink-3); background: var(--fill); color: var(--ink-2); }
.dc-row.shake > * { animation: dc-shake .15s linear infinite alternate; }
.dc-row.roll > * { animation: pop .3s ease both; }
.dc-row.flip > * { animation: dc-flip .35s ease both; }
@keyframes dc-shake { from { transform: rotate(-8deg) translateY(-2px); } to { transform: rotate(8deg) translateY(2px); } }
@keyframes dc-flip { from { transform: scaleX(0); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .dc-row > * { animation: none !important; } }
@media (max-width: 400px) {
	.dc-die, .dc-coin { width: 46px; height: 46px; }
	.dc-die { padding: 7px; }
}