.rt-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.rt-dots{display:flex;gap:8px}
.rt-dots i{width:12px;height:12px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);transition:background .2s,transform .2s}
.rt-dots i.on{background:var(--good);border-color:var(--good);transform:scale(1.15)}
.rt-pad{--c:#4f46e5;min-height:300px;border-radius:18px;background:var(--c);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .12s;outline-offset:3px}
.rt-pad:focus-visible{outline:3px solid var(--brand)}
.rt-pad strong{font-size:clamp(30px,8vw,46px);font-weight:800;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums}
.rt-pad #rt-sub{font-size:15px;opacity:.92;max-width:360px}
.rt-pad #rt-sub b{color:#fff}
.rt-ico{font-size:44px;line-height:1}
.rt-pad[data-state=wait]{--c:#d93848}
.rt-pad[data-state=go]{--c:#0f9d63;transition:none}
.rt-pad[data-state=early]{--c:#c26a12}
.rt-pad[data-state=result]{--c:#3b82f6}
.rt-pad[data-state=done]{--c:#7c3aed}
@media (min-width:760px){.rt-pad{min-height:360px}}
.rt-unit{font-size:.45em;margin-left:4px;font-weight:700}
.rt-grade{display:inline-block;margin-top:8px;padding:4px 14px;border-radius:999px;background:var(--surface);font-weight:800;font-size:17px}
@media (prefers-reduced-motion:no-preference){
  .rt-pad[data-state=result] strong,.rt-pad[data-state=done] strong{animation:rt-pop .25s ease-out}
  @keyframes rt-pop{from{transform:scale(.85);opacity:.4}to{transform:none;opacity:1}}
}