@keyframes flip-heads{0%{transform:rotateX(0)}to{transform:rotateX(1800deg)}}@keyframes flip-tails{0%{transform:rotateX(0)}to{transform:rotateX(1980deg)}}@keyframes rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.flip-container{perspective:1000px;-webkit-user-select:none;user-select:none}.coin-circle{width:150px;height:150px;transform-style:preserve-3d;position:relative}.coin-circle-inner{z-index:1;border:1px dashed #ccc;width:135px;height:135px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flip-heads{animation:3s forwards flip-heads}.flip-tails{animation:3s forwards flip-tails}.coin-circle,.coin-circle-inner{border-radius:50%;justify-content:center;align-items:center;display:flex}.heads,.tails{backface-visibility:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;padding:0 1rem;font-size:1.5rem;font-weight:700;display:flex;position:absolute;overflow:hidden}.heads{color:#fff;background:#7c3aed}.tails{color:#fff;background:#120a20;transform:rotateX(180deg)}.result-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;font-size:1rem;font-weight:700;line-height:1;animation:.3s ease-in fadeIn;display:flex}@media screen and (max-width:767px){.coin-circle{width:110px;height:110px}.coin-circle-inner{width:100px;height:100px}}