/* Reward-layer CSS ported from the user-supplied preview; only scope and viewport placement adapted. */
  .runner-ui .nr-effect { position: absolute; z-index: 3; top: 105px; left: 0; right: 0; height: 133px; pointer-events: none; }
  .runner-ui .nr-reward-copy { position: relative; padding-top: 13px; text-align: center; transform-origin: 50% 58%; z-index: 3; }
  .runner-ui .nr-kicker { font-size: 11px; line-height: 1.4; font-weight: 700; color: var(--nr-dark-edge); letter-spacing: 3px; margin-bottom: 3px; }
  .runner-ui .nr-title-wrap { position: relative; width: max-content; max-width: 88%; margin: 0 auto; font-size: var(--nr-title-size,44px); font-weight: 900; font-style: italic; letter-spacing: -1px; line-height: 1.15; transform: rotate(-4deg); }
  .runner-ui .nr-title-shadow { position: absolute; inset: 0; color: var(--nr-gold-dark); transform: translateY(4px); -webkit-text-stroke: 1px var(--nr-gold-dark); text-shadow: 0 3px 0 var(--nr-dark-edge), 0 5px 7px var(--nr-shadow); }
  .runner-ui .nr-title { position: relative; display: block; color: var(--nr-gold); text-shadow: 0 -1px 0 var(--nr-shine); }
  .runner-ui .nr-effect[data-level="combo"] .nr-title { color: var(--nr-hot-gold); }
  .runner-ui .nr-effect[data-level="perfect"] .nr-title { color: var(--nr-shine); }
  .runner-ui .nr-shine { position: absolute; inset: -4px -2px; opacity: 0; background: linear-gradient(110deg, transparent 25%, var(--nr-shine) 47%, transparent 69%); mix-blend-mode: soft-light; transform: translateX(-100%); }
  .runner-ui .nr-reason { margin-top: 10px; color: var(--nr-shine); font-size: 14px; font-weight: 700; line-height: 1.3; text-shadow: 0 2px 0 var(--nr-dark-edge), 0 2px 7px var(--nr-shadow); }
  .runner-ui .nr-aura { position: absolute; left: 50%; top: 49%; width: 205px; height: 132px; transform: translate(-50%,-50%); background: radial-gradient(ellipse, var(--nr-aura), transparent 69%); border-radius: 50%; opacity: .75; }
  .runner-ui .nr-ring { position: absolute; left: 50%; top: 52%; width: 132px; height: 80px; border: 2px solid var(--nr-gold); border-radius: 50%; transform: translate(-50%,-50%) scale(.5); opacity: 0; }
  .runner-ui .nr-particles { position: absolute; inset: 0; }
  .runner-ui .nr-particle { position: absolute; top: 51%; left: 50%; display: block; color: var(--nr-gold); font-size: 15px; line-height: 1; text-shadow: 0 1px 0 var(--nr-gold-dark); }
  .runner-ui .nr-particle.nr-dot { width: 4px; height: 4px; background: var(--nr-shine); border-radius: 50%; }
  .runner-ui .nr-static-star { position: absolute; top: 49px; font-size: 27px; line-height: 1; color: var(--nr-gold); text-shadow: 0 3px 0 var(--nr-gold-dark); }
  .runner-ui .nr-static-left { left: 15%; transform: rotate(-15deg); }
  .runner-ui .nr-static-right { right: 15%; transform: rotate(15deg); }
  .runner-ui .nr-effect[data-level="perfect"] .nr-static-star, .runner-ui .nr-effect[data-level="combo"] .nr-static-star { opacity: 0; }

.runner-ui .nr-effect{--nr-gold:#fff4ad;--nr-hot-gold:#ffce60;--nr-gold-dark:#85622b;--nr-dark-edge:#335e50;--nr-shine:#fffbe7;--nr-aura:#fff5a877;--nr-shadow:#617c6640;left:50%;right:auto;min-width:0;max-width:none;filter:none;isolation:isolate;transform-origin:50% 0;font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif}
.runner-ui .nr-effect *{box-sizing:border-box}
.runner-ui .nr-effect[hidden]{display:none!important}
.runner-ui .nr-title-wrap{white-space:nowrap}
.runner-ui .nr-effect.compact .nr-kicker{display:none}
.runner-ui .nr-effect.compact .nr-reward-copy{padding-top:3px}
.runner-ui .nr-effect.compact .nr-reason{margin-top:7px;font-size:12px}
.runner-ui .nr-effect.compact .nr-static-star{top:17px}
.runner-ui .nr-effect.compact .nr-aura,.runner-ui .nr-effect.compact .nr-ring{top:38%}
.runner-ui .nr-effect.compact .nr-particle{top:36%}
.runner-ui .nr-effect.gentle .nr-aura{opacity:.3}
#runnerCombo{display:inline-block}

.run-reward-breakdown{margin-top:12px;padding-top:12px;border-top:1px solid #cbd6ba;line-height:1.8}.run-reward-breakdown p{font-size:12px;line-height:1.7;margin:10px 0 0}

.run-reward-label{display:block;font-size:12px;font-weight:400;margin-bottom:5px;color:#596b50}.run-reward-rules{margin-top:10px;text-align:left}.run-reward-rules summary{cursor:pointer;text-align:center;min-height:32px}
