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

.dz-stage{--dz-size:7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;
  margin-top:.9rem;padding:1.2rem .8rem;border:1px solid #eef1f5;border-radius:.8rem;
  background:linear-gradient(180deg,#fbfdff,#eef3f9);cursor:pointer}
.dz-stage.n2{--dz-size:5.4rem}
.dz-stage.n3{--dz-size:4.6rem}
.dz-stage.n5{--dz-size:3.5rem}
.dz-stage.n6{--dz-size:3.1rem}
.dz-dice{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;
  min-height:calc(var(--dz-size) * 2);perspective:1000px}

.dz-die{width:var(--dz-size);height:var(--dz-size)}
.dz-die.is-toss{animation:dz-toss 1.05s cubic-bezier(.35,.05,.35,1) both}
@keyframes dz-toss{
  0%{transform:translateY(0)}
  38%{transform:translateY(calc(-1 * var(--dz-size) * .55))}
  62%{transform:translateY(calc(-1 * var(--dz-size) * .68))}
  100%{transform:translateY(0)}
}
.dz-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;
  transition:transform 1.05s cubic-bezier(.25,.8,.3,1)}
.dz-face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);
  padding:11%;box-sizing:border-box;border-radius:16%;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  background:linear-gradient(145deg,#ffffff,#eaeff5);
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.4),inset 0 -6px 12px rgba(148,163,184,.22)}
.dz-face i{border-radius:50%}
.dz-face i.on{background:radial-gradient(circle at 35% 30%,#475569,#0f172a);box-shadow:inset 0 -1px 2px rgba(255,255,255,.4)}
.dz-f1{transform:translateZ(calc(var(--dz-size) / 2))}
.dz-f6{transform:rotateY(180deg) translateZ(calc(var(--dz-size) / 2))}
.dz-f3{transform:rotateY(90deg) translateZ(calc(var(--dz-size) / 2))}
.dz-f4{transform:rotateY(-90deg) translateZ(calc(var(--dz-size) / 2))}
.dz-f2{transform:rotateX(90deg) translateZ(calc(var(--dz-size) / 2))}
.dz-f5{transform:rotateX(-90deg) translateZ(calc(var(--dz-size) / 2))}

.dz-total{min-height:1.9rem;font-size:1.2rem;font-weight:700;color:#334155;text-align:center}
.dz-total.is-rolling{font-weight:500;color:#94a3b8}

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

.dz-dist-wrap{margin-top:.9rem}
.dz-dist{display:grid;gap:.3rem}
.dz-bar{display:grid;grid-template-columns:1.1rem 1fr 3rem;align-items:center;gap:.5rem;font-size:.8125rem;color:#64748b}
.dz-bar b{font-weight:600;color:#475569;text-align:right;font-variant-numeric:tabular-nums}
.dz-bar-track{height:.6rem;border-radius:.3rem;background:#eef2f7;overflow:hidden}
.dz-bar-track i{display:block;height:100%;border-radius:.3rem;background:linear-gradient(90deg,#fca5a5,#dc2626);transition:width .25s ease-out}

.dz-hist-wrap{margin-top:.9rem}
.dz-hist{display:flex;flex-wrap:wrap;gap:.35rem;max-height:7rem;overflow:auto;padding:.1rem 0}
.dz-chip{padding:.18rem .45rem;border-radius:.4rem;background:#f1f5f9;font-size:.8125rem;font-weight:600;color:#475569;
  font-variant-numeric:tabular-nums}
.dz-chip b{color:#b91c1c}

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