.mc-frame .rb-stage canvas{cursor:pointer}
.mc-label{font:800 20px/1.15 var(--display);letter-spacing:-.01em;text-shadow:0 1px 3px #000a}
.mc-dots{display:flex;gap:6px;margin-top:6px}
.mc-dots.big{gap:8px;margin:0 0 14px}
.mc-dot{display:block;width:14px;height:14px;border-radius:3px;background:#ffffff1c;border:1px solid #ffffff2e}
.mc-dots.big .mc-dot{width:22px;height:22px;border-radius:4px}
.mc-dot.now{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.mc-dot.safe{background:#5fc24a;border-color:#5fc24a}
.mc-dot.close{background:#e8c440;border-color:#e8c440}
.mc-dot.crash{background:#e0503f;border-color:#e0503f}
.mc-readout{display:flex;flex-direction:column;align-items:center;gap:6px}
.mc-dist{font:800 34px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 2px 8px #000c}
.mc-speedbar{display:block;width:160px;height:6px;border-radius:99px;background:#ffffff1f;overflow:hidden}
.mc-speedbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),#ffb257)}
.mc-count{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);margin:0;font:800 96px/1 var(--display);color:var(--text);text-shadow:0 4px 24px #000;pointer-events:none}
.mc-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:28px 16px 18px;background:linear-gradient(#0b0c0f00,#0b0c0fb3);pointer-events:none}
.mc-go{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;height:60px;padding:0 34px;border-radius:99px;border:0;background:var(--accent);color:var(--accent-ink);font:800 20px/1 var(--body);cursor:pointer;box-shadow:0 8px 30px #c1fe0b33;touch-action:manipulation}
.mc-go svg{width:24px;height:24px}
.mc-go:disabled{opacity:.55;cursor:default}
.mc-go:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.mc-steps{margin:0 0 14px;padding-left:20px;color:#d6d9d3;line-height:1.55}
.mc-steps li{margin-bottom:6px}
.mc-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:4px 0 14px}
.mc-stats div{display:flex;flex-direction:column;gap:4px;padding:10px 8px;border-radius:8px;background:var(--bg);border:1px solid var(--line);text-align:center}
.mc-stats b{font:700 18px/1 var(--body);font-variant-numeric:tabular-nums}
.mc-stats span{font:11px/1.2 var(--mono);color:var(--muted)}
.mc-frame .rb-title-screen .rb-row .rb-btn{white-space:nowrap}
@media (max-width:760px){
  .mc-dist{font-size:28px}
  .mc-speedbar{width:110px}
  .mc-go{width:100%;justify-content:center;height:64px}
  .mc-stats{grid-template-columns:repeat(3,1fr)}
  .mc-frame .rb-top{flex-wrap:nowrap}
}