.coin-toss{position:absolute;inset:0;z-index:26;pointer-events:none;isolation:isolate;color:#f4e4bd;contain:layout paint}
.coin-toss canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.coin-toss-result{position:absolute;top:calc(50% + min(23vw,110px));left:15%;width:70%;text-align:center;opacity:0;transform:translateY(5px);transition:opacity .15s ease,transform .15s ease;text-shadow:0 2px 4px #0b0a08,0 0 15px #0b0a08}
.coin-toss-result strong{display:block;font-size:clamp(21px,6vw,29px);font-weight:750;letter-spacing:.14em;padding-left:.14em;color:#f1d79b}
.coin-toss-result span{display:block;margin-top:3px;font-size:12px;color:#d0c7af}
.coin-toss[data-result=true] .coin-toss-result{opacity:1;transform:none}
.coin-toss-skip{position:absolute;left:50%;top:calc(50% + min(23vw,110px) + 70px);transform:translateX(-50%);pointer-events:auto;min-width:64px;min-height:40px;padding:8px 14px;background:#1d1b1692;border:1px solid #dac18b38;border-radius:20px;color:#c4bda7;font-size:12px;touch-action:manipulation}
.coin-toss-skip:active{transform:translateX(-50%) scale(.96)!important}
.coin-toss-skip:disabled{display:none}
.coin-toss-static{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);overflow:hidden;box-shadow:0 7px 14px #07070560;background:#786647;border:2px solid #cbb17a}
.coin-toss-static img{position:absolute;width:100%;height:100%;object-fit:cover}
.coin-toss[data-leaving=true]{opacity:0;transition:opacity .12s ease}
@media(prefers-reduced-motion:reduce){.coin-toss-result,.coin-toss[data-leaving=true]{transition:none;transform:none}}