#wr-ov {
    position: fixed; inset: 0; z-index: 10600; display: none;
    background: var(--navy, #12183B); color: #fff;
    align-items: center; justify-content: center;
    padding: 24px calc(18px + env(safe-area-inset-right,0)) calc(24px + env(safe-area-inset-bottom,0)) calc(18px + env(safe-area-inset-left,0));
    overflow-y: auto;
  }
  #wr-ov.is-open { display: flex; }
  #wr-ov * { box-sizing: border-box; }
  .wr-box { width: min(460px, 100%); text-align: center; }

  .wr-brand { display: flex; align-items: center; justify-content: center; gap: 8px;
    font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
    color: var(--gold, #C9A24B); font-weight: 700; margin-bottom: 20px; }
  .wr-brand svg { width: 14px; height: 14px; }
  .wr-logo { display: block; max-width: 190px; width: 55%; height: auto; margin: 0 auto 18px; }

  .wr-title { font-family: var(--font-head, 'Oswald', sans-serif); text-transform: uppercase;
    font-size: clamp(20px, 4.4vw, 29px); line-height: 1.12; margin: 0 0 8px; }
  .wr-sub { font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.72); margin: 0 0 24px; }

  .wr-track { position: relative; height: 7px; border-radius: 99px;
    background: rgba(255,255,255,.14); margin: 0 0 22px; overflow: hidden; }
  .wr-track i { position: absolute; inset: 0 auto 0 0; width: 4%; border-radius: 99px;
    background: linear-gradient(90deg, var(--gold, #C9A24B), #fff);
    transition: width .9s cubic-bezier(.4,.1,.3,1); }

  .wr-stats { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.13);
    border-radius: 14px; padding: 2px 15px; text-align: left; }
  .wr-row { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 13px 0; }
  .wr-row + .wr-row { border-top: 1px solid rgba(255,255,255,.1); }
  .wr-lbl { font-size: 13px; color: rgba(255,255,255,.7); }
  .wr-val { font-family: var(--font-head, 'Oswald', sans-serif); font-size: 26px; line-height: 1;
    font-variant-numeric: tabular-nums; transition: color .25s ease; }
  .wr-val.is-flash { color: var(--gold, #C9A24B); }
  .wr-val--txt { font-size: 14.5px; font-weight: 700; color: var(--gold, #C9A24B); font-family: inherit; }

  .wr-refresh { display: flex; align-items: center; justify-content: center; gap: 7px;
    margin-top: 15px; font-size: 12px; color: rgba(255,255,255,.55); }
  .wr-refresh svg { width: 12px; height: 12px; }
  .wr-refresh b { color: rgba(255,255,255,.82); font-variant-numeric: tabular-nums; }

  .wr-warn { display: flex; align-items: flex-start; gap: 9px; text-align: left;
    margin-top: 18px; padding: 11px 13px; border-radius: 11px;
    background: rgba(228,3,46,.14); border: 1px solid rgba(228,3,46,.32);
    font-size: 12.5px; line-height: 1.5; color: rgba(255,255,255,.9); }
  .wr-warn svg { width: 15px; height: 15px; flex: 0 0 auto; margin-top: 1px; color: #ff8fa1; }

  .wr-id { margin-top: 16px; font-size: 11px; letter-spacing: .05em;
    color: rgba(255,255,255,.42); font-variant-numeric: tabular-nums; }

  @media (prefers-reduced-motion: reduce) { .wr-track i { transition: none; } }