/* 在线抛硬币 */
.cf-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem}
.cf-opt{display:flex;align-items:center;gap:.4rem}
.cf-opt label{margin:0;color:#8a9199;font-size:.8125rem}
.cf-opt .form-select{width:auto}
.cf-switch{margin:0;padding-left:2.4rem}
.cf-switch .form-check-label{font-size:.8125rem;color:#5b6675}

.cf-stage{--cf-size:8.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;
  margin-top:.9rem;padding:1.1rem .8rem;border:1px solid #eef1f5;border-radius:.8rem;
  background:linear-gradient(180deg,#fbfdff,#eef3f9)}
.cf-stage.n3{--cf-size:4.6rem}
.cf-stage.n5{--cf-size:3.6rem}
.cf-stage.n10{--cf-size:2.4rem}
.cf-coins{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;min-height:calc(var(--cf-size) + 1.6rem)}

.cf-toss{transform:translateY(0)}
.cf-toss.is-toss{animation:cf-toss 1.05s cubic-bezier(.35,.05,.35,1) both}
@keyframes cf-toss{
  0%{transform:translateY(0) scale(1)}
  38%{transform:translateY(calc(-1 * (var(--cf-size) * .5))) scale(1.05)}
  60%{transform:translateY(calc(-1 * (var(--cf-size) * .62))) scale(1.07)}
  100%{transform:translateY(0) scale(1)}
}

.cf-coin{position:relative;width:var(--cf-size);height:var(--cf-size);transform-style:preserve-3d;
  transition:transform 1.05s cubic-bezier(.25,.75,.25,1)}
.cf-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;
  font-weight:800;font-size:calc(var(--cf-size) * .42);backface-visibility:hidden;-webkit-backface-visibility:hidden;
  box-shadow:0 8px 18px rgba(120,90,20,.22),inset 0 -7px 14px rgba(0,0,0,.08),inset 0 7px 14px rgba(255,255,255,.55)}
.cf-front{background:radial-gradient(circle at 34% 30%,#fff3c9,#f5c542 46%,#d99b16 100%);color:#8a5a05;border:2px solid #e2b23c}
.cf-back{background:radial-gradient(circle at 34% 30%,#f7f9fb,#d7dde5 46%,#a9b3c0 100%);color:#39424e;border:2px solid #c3cbd6;
  transform:rotateY(180deg)}

.cf-result{min-height:1.9rem;font-size:1.15rem;font-weight:700;color:#475569;text-align:center}
.cf-result.is-head{color:#b45309}
.cf-result.is-tail{color:#475569}
.cf-result.is-flipping{font-weight:500;color:#94a3b8}

.cf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.9rem}
.cf-stat{padding:.5rem .35rem;border:1px solid #eef1f5;border-radius:.6rem;background:#fafbfd;text-align:center}
.cf-stat b{display:block;color:var(--site-primary,#d99b16);font-size:1.15rem;line-height:1.25;font-variant-numeric:tabular-nums}
.cf-stat span{display:block;margin-top:.1rem;color:#8a9199;font-size:.6875rem}

.cf-hist-wrap{margin-top:.9rem}
.cf-hist{display:flex;flex-wrap:wrap;gap:.35rem;max-height:7rem;overflow:auto;padding:.1rem 0}
.cf-chip{display:inline-flex;gap:.1rem;padding:.18rem .45rem;border-radius:.4rem;background:#f1f5f9;font-size:.8125rem;font-weight:600}
.cf-chip .h{color:#b45309}
.cf-chip .t{color:#64748b}

.cf-help{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.cf-help-item{padding:.65rem .75rem;border:1px solid #eef1f5;border-radius:.6rem;background:#fafbfd}
.cf-help-item b{display:block;margin-bottom:.25rem;color:#1f2d3d;font-size:.875rem}
.cf-help-item b i{color:var(--site-primary,#d99b16)}
.cf-help-item span{display:block;color:#66707d;font-size:.8125rem;line-height:1.7}