.dslot { padding:8px; border-radius:16px; background:transparent; border:3px solid transparent; } .dslot.held { border-color:#fbbf24; background:rgba(251,191,36,.12); } .dslot:disabled { opacity:1; cursor:default; }
.scene { --s:clamp(52px, 14vw, 78px); }
.card { border-collapse:collapse; width:min(520px, 96vw); } .card td { padding:6px 12px; border-bottom:1px solid var(--line); } .card td:last-child { text-align:right; width:5rem; font-variant-numeric:tabular-nums; }
.card tr.open { cursor:pointer; background:rgba(56,189,248,.08); } .card tr.open:hover { background:rgba(56,189,248,.22); } .card tr.open td:last-child i { color:#38bdf8; font-style:normal; } .card tr.used { color:var(--muted); } .card tr.sum td { color:#fbbf24; }

.dicerow { width:min(580px, 96vw); padding:19px 14px 22px; border:3px solid #9b6740; border-radius:18px; background:linear-gradient(145deg,#e4bb82,#bd8858); box-shadow:0 13px 25px rgba(75,43,20,.2), inset 0 2px 0 rgba(255,255,255,.35); }