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