.coin-row{gap:24px;perspective:750px;padding:24px 0 10px;min-height:128px;align-items:start}.coin-token{display:flex;flex-direction:column;align-items:center;gap:11px;min-width:74px}.coin-token .coin{position:relative;display:block;width:72px;height:72px;border:3px double #c4a15d;background:radial-gradient(ellipse at 32% 25%,#a48c4c,#756033 49%,#483a1d);box-shadow:inset 0 0 0 3px #594822,inset 0 0 15px #26190888,0 6px 12px #0006;transform-style:preserve-3d;transform-origin:center;flex:none}.coin-token .coin:after{content:none}.coin-engraving{position:absolute;inset:0;color:#e7ce8b;text-shadow:0 1px #342a10;font-family:var(--serif)}.coin-engraving b{position:absolute;font-size:12px;line-height:1;font-weight:400}.coin-north{top:8px;left:50%;transform:translateX(-50%)}.coin-south{bottom:8px;left:50%;transform:translateX(-50%)}.coin-east{right:8px;top:50%;transform:translateY(-50%)}.coin-west{left:8px;top:50%;transform:translateY(-50%)}.coin-hole{position:absolute;left:50%;top:50%;width:15px;height:15px;transform:translate(-50%,-50%);background:#101a20;border:1px solid #c9a35c;box-shadow:inset 1px 1px 3px #000,1px 1px #dfba6677}.coin-token .coin.back{background:radial-gradient(ellipse at 66% 30%,#7d8b68,#4d6555 38%,#374a3a 70%,#5a4c29);border-color:#a7a36d;box-shadow:inset 0 0 0 3px #4f5a3d,inset 0 0 16px #132d22,0 6px 12px #0006}.coin.back .coin-engraving{color:#c9c79d}.coin-ring{position:absolute;inset:7px;border:1px dashed #b8c19688;border-radius:50%}.coin.back .coin-hole{border-color:#afbd89}.coin .back-mark{font-size:15px}.coin.unthrown{opacity:.55}.coin-caption{font-size:10px;color:#dccaa1;letter-spacing:1px;min-height:15px}.coin-rule{font-size:10px;color:var(--muted);text-align:center;letter-spacing:1px;margin:6px 0 16px}.rolling .coin{animation:coin-toss .88s cubic-bezier(.23,.58,.38,1) both;animation-delay:var(--coin-delay);will-change:transform}.rolling .coin-caption{color:#a3b09d}.rolling .coin-engraving{animation:coin-face-light .88s ease-in-out both;animation-delay:var(--coin-delay)}.toss-ledger{color:var(--muted);font-size:11px;line-height:1.9;margin:18px 0}.toss-ledger summary{cursor:pointer;color:var(--gold)}.toss-ledger p{font-size:10px;margin:6px 0}.rolling .coin.front{border-color:#e0bf72}.rolling .coin.back{border-color:#b2bf91}@keyframes coin-toss{0%{transform:translateY(0) rotateX(0) rotateZ(-6deg)}25%{transform:translateY(-36px) rotateX(270deg) rotateZ(10deg)}57%{transform:translateY(-22px) rotateX(650deg) rotateZ(-9deg)}80%{transform:translateY(4px) rotateX(1040deg) rotateZ(4deg)}100%{transform:translateY(0) rotateX(1080deg) rotateZ(0)}}@keyframes coin-face-light{0%,100%{filter:brightness(1)}30%{filter:brightness(1.8)}65%{filter:brightness(.6)}}@media(max-width:700px){.coin-row{gap:17px}.coin-token{min-width:65px}.coin-token .coin{width:66px;height:66px}.coin-engraving b{font-size:11px}.coin-hole{width:13px;height:13px}.coin-caption,.coin-rule{font-size:9px}}@media(prefers-reduced-motion:reduce){.rolling .coin,.rolling .coin-engraving{animation:none!important}}

/* Photographic bronze faces replace decorative CSS coin drawings. */
.coin-token .coin.coin-real{width:94px;height:94px;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;transform:rotateX(var(--face-angle,0deg));transform-style:preserve-3d}.coin-real .coin-side{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}.coin-real .coin-side-front{transform:rotateX(0deg)}.coin-real .coin-side-back{transform:rotateX(180deg)}.coin-real img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none;filter:drop-shadow(0 5px 5px #0008)}.coin-token:has(.coin-real){min-width:94px}.coin-real.unthrown{opacity:.8}.rolling .coin-real{animation-name:real-coin-toss;animation-duration:.92s}.coin-row:has(.coin-real){min-height:150px;gap:22px}.coin-real .coin-side{background:transparent}@keyframes real-coin-toss{0%{transform:translateY(0) rotateX(0deg) rotateZ(-4deg)}26%{transform:translateY(-40px) rotateX(320deg) rotateZ(12deg)}58%{transform:translateY(-20px) rotateX(760deg) rotateZ(-8deg)}82%{transform:translateY(3px) rotateX(calc(1050deg + var(--face-angle))) rotateZ(3deg)}100%{transform:translateY(0) rotateX(calc(1080deg + var(--face-angle))) rotateZ(0deg)}}@media(max-width:700px){.coin-token .coin.coin-real{width:82px;height:82px}.coin-token:has(.coin-real){min-width:82px}.coin-row:has(.coin-real){gap:13px}}@media(prefers-reduced-motion:reduce){.rolling .coin-real{animation:none!important}}