.cf{justify-content:space-between}.cf-history{flex:none;justify-content:flex-end;align-items:center;gap:6px;width:100%;min-height:26px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60px);mask-image:linear-gradient(90deg,#0000,#000 60px)}.cf-dot{border:1px solid var(--line-2);background:var(--panel);width:26px;height:26px;color:var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}.cf-dot svg{width:15px;height:15px}.cf-dot.tails{color:#b08d57}.cf-dot.w{border-color:#7fc79a99}.cf-dot.l{opacity:.7;border-color:#d9776c73}.cf-dot.first{animation:.3s both o-fade}.cf-arena{--coin:min(62cqh, 56cqw, 380px);perspective:1000px;flex:1 1 0;place-items:center;width:100%;min-height:0;display:grid;position:relative;container-type:size}.cf-hold{z-index:1;width:var(--coin);aspect-ratio:1;perspective:1000px;position:relative}.cf-burst{width:var(--coin);aspect-ratio:1;border:1px solid var(--gold);pointer-events:none;opacity:0;border-radius:50%;animation:.9s cubic-bezier(.2,.7,.2,1) both cf-burst;position:absolute}.cf-burst.w2{border-width:1.5px;animation-duration:1.1s}.cf-burst.w3{border-width:2px;border-color:var(--gold-3);animation-duration:1.4s}@keyframes cf-burst{0%{opacity:.85;transform:scale(.96)}to{opacity:0;transform:scale(1.32)}}.cf-toss{width:var(--coin);aspect-ratio:1;transform-style:preserve-3d;z-index:1}.cf-toss.go{animation:1.5s cubic-bezier(.33,0,.3,1) both cf-toss}@keyframes cf-toss{0%{transform:translateY(0)}45%{transform:translateY(-13cqh)scale(1.06)}to{transform:translateY(0)}}.cf-coin{width:100%;height:100%;transform-style:preserve-3d;position:relative}.cf-face{backface-visibility:hidden;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #14100959,inset 0 0 0 9px #fff4dc1f,0 14px 30px #0000008c}.cf-face.heads{background:repeating-conic-gradient(#14100914 0 2deg, transparent 2deg 4deg), radial-gradient(circle at 38% 32%, #ead7aa, #ffc53d 46%, #8f7140 100%)}.cf-face.tails{background:repeating-conic-gradient(#14100914 0 2deg, transparent 2deg 4deg), radial-gradient(circle at 38% 32%, #d9bf8a, #e29e17 48%, #6e5530 100%);transform:rotateY(180deg)}.cf-ring{justify-content:center;align-items:center;gap:calc(var(--coin) * .03);color:#a57011;border:1.5px solid #3a2a128c;border-radius:50%;flex-direction:column;width:76%;height:76%;display:flex;box-shadow:0 0 0 5px #fff4dc1a,0 0 0 6px #3a2a1259}.cf-emblem{width:calc(var(--coin) * .33);height:calc(var(--coin) * .33);filter:drop-shadow(0 1px #fff4dc73)}.cf-word{font-family:var(--body);font-weight:500;font-size:clamp(10px, calc(var(--coin) * .052), 16px);letter-spacing:.32em;text-transform:uppercase;color:#a57011;text-shadow:0 1px #fff4dc66}.cf-shadow{top:calc(50% + var(--coin) / 2 + 8px);width:calc(var(--coin) * .66);height:calc(var(--coin) * .07);background:radial-gradient(#0009,#0000 70%);border-radius:50%;position:absolute}.cf-shadow.go{animation:1.5s cubic-bezier(.33,0,.3,1) both cf-shadow}@keyframes cf-shadow{45%{opacity:.5;transform:scale(.6)}}.cf-call{font-family:var(--display);text-align:center;flex:none;min-height:1.3em;font-size:clamp(20px,4.4cqh,30px);font-weight:600}.cf-pick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cf-pick-btn{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--bg-2);letter-spacing:.18em;text-transform:uppercase;height:36px;color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:11px;font-weight:500;transition:border-color .2s,color .2s,background .2s;display:flex}.cf-pick-btn:hover:not(:disabled):not(.on){border-color:var(--gold-2);color:var(--text)}.cf-pick-btn:focus-visible{outline:1px solid var(--gold-3);outline-offset:2px}.cf-pick-btn:active:not(:disabled){transform:translateY(1px)}.cf-pick-btn:disabled:not(.on){opacity:.5}.cf-pick-btn.on{border-color:var(--gold);color:var(--gold-3);background:var(--gold-soft)}.cf-mini{color:#a57011;background:radial-gradient(circle at 38% 32%,#ead7aa,#ffc53d 50%,#8f7140);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid;box-shadow:inset 0 0 0 1px #1410094d}.cf-pick-btn.tails .cf-mini{background:radial-gradient(circle at 38% 32%,#d9bf8a,#e29e17 50%,#6e5530)}.cf-mini svg{width:13px;height:13px}.cf-call .win{color:var(--win)}.cf-call .loss{color:var(--loss)}.cf-call>span{animation:.3s both cf-call;display:inline-block}@keyframes cf-call{0%{opacity:0;transform:translateY(4px)}}.cf-ctl{display:contents}.cf-ctl .ux-mode button,.cf-ctl .ux-counts button{white-space:nowrap;transition:background .15s,color .15s}.cf-ctl .ux-mode button:hover:not(:disabled):not(.on),.cf-ctl .ux-counts button:hover:not(:disabled):not(.on){color:var(--text);background:var(--panel-2)}.cf-ctl .ux-mode button:focus-visible,.cf-ctl .ux-counts button:focus-visible,.cf-ctl .amount-input button:focus-visible{outline:1px solid var(--gold-3);outline-offset:-3px}.cf-ctl .ux-mode button:disabled:not(.on),.cf-ctl .ux-counts button:disabled:not(.on){opacity:.5}.cf-ctl .amount-input button{min-width:40px}.cf-go.busy:disabled{opacity:.72;cursor:progress}@media (width<=900px){.cf{--o-mh:380px}.cf-pick-btn{height:40px}}@media (prefers-reduced-motion:reduce){.cf-toss.go,.cf-shadow.go,.cf-call>span,.cf-dot.first{animation:none}.cf-burst{display:none}.cf-coin{transition-duration:.2s!important}}@media (width<=900px){.cf-pick-btn{height:40px;font-size:12px}.cf-word{font-size:clamp(12px, calc(var(--coin) * .052), 16px)}}