@keyframes coin-flip-same{from{transform:rotateX(var(--coin-start,0deg))}to{transform:rotateX(calc(var(--coin-start,0deg) + 1440deg))}}@keyframes coin-flip-change{from{transform:rotateX(var(--coin-start,0deg))}to{transform:rotateX(calc(var(--coin-start,0deg) + 1620deg))}}.posts.coin-flip .coin-container{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:36px;padding:36px;max-width:500px}.posts.coin-flip .coin-wrapper{perspective:1000px;height:200px;display:flex;align-items:center;justify-content:center}.posts.coin-flip .coin{width:180px;height:180px;position:relative;transform-style:preserve-3d;transform:rotateX(0)}.posts.coin-flip .coin.flip-same{animation:coin-flip-same 1.5s ease-in-out forwards}.posts.coin-flip .coin.flip-change{animation:coin-flip-change 1.5s ease-in-out forwards}.posts.coin-flip .coin-side{position:absolute;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;border:8px solid;box-shadow:0 4px 20px rgba(0,0,0,.3)}.posts.coin-flip .coin-face{font-size:24px;font-weight:700;font-family:Roboto,sans-serif;text-align:center}.posts.coin-flip .heads{background:linear-gradient(145deg,gold,#ffed4e);border-color:#d4af37;color:#8b7500;transform:rotateX(0)}.posts.coin-flip .tails{background:linear-gradient(145deg,silver,#e8e8e8);border-color:#a0a0a0;color:#606060;transform:rotateX(180deg)}.posts.coin-flip .result{font-size:24px;font-weight:700;font-family:Roboto,sans-serif;min-height:2em;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .3s ease}.posts.coin-flip .result.show{opacity:1;transform:scale(1.1)}.posts.coin-flip .result.heads-result{color:#d4af37}.posts.coin-flip .result.tails-result{color:grey}.posts.coin-flip .button,.posts.coin-flip button{width:100%;max-width:250px;height:3em;margin:unset;font-size:18px}.posts.coin-flip .button:disabled,.posts.coin-flip button:disabled{opacity:.5;cursor:not-allowed}.posts.coin-flip .button-secondary{mixin:button-link;mixin:link-base;position:relative;background-color:transparent;text-decoration:none;overflow:hidden;mixin:type--bold-sans-serif;font-family:Roboto,sans-serif;font-weight:500;text-align:left;display:inline-flex;justify-content:center;align-items:center;padding:12px 36px;margin:12px;border-radius:var(--border-radius,12px);color:#fff;border:2px solid #f57f17;mixin:link-hover;transition-property:background-color;mixin:link-focus;background:0 0;border:2px solid;font-size:12px;padding:12px 18px}.posts.coin-flip .button-secondary:hover{background-color:#424242}.posts.coin-flip .button-secondary:focus{box-shadow:0 0 0 2px #212121,0 0 0 4px #757575}.posts.coin-flip .button-secondary:hover{opacity:.8}.posts.coin-flip .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%;padding:18px;border-radius:12px;margin-top:12px;border:2px solid rgba(245,127,23,.2)}@media (max-width:319px){.posts.coin-flip .stats{grid-template-columns:1fr;gap:12px}}.posts.coin-flip .stat-item{display:flex;flex-direction:column;align-items:center;gap:6px}.posts.coin-flip .stat-label{font-size:12px;font-family:Roboto,sans-serif;opacity:.7}.posts.coin-flip .stat-value{font-size:24px;font-weight:700;font-family:Roboto,sans-serif}