/* PS5 Arena V22 — ICS export, referrals, offline badge */
.ics-export-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 12px;border-radius:8px;font-size:.76rem;font-weight:600;
  background:rgba(99,102,241,.12);color:#818cf8;
  border:.5px solid rgba(99,102,241,.3);cursor:pointer;transition:background .15s;
  text-decoration:none
}
.ics-export-btn:hover{background:rgba(99,102,241,.22)}

.referral-card{
  background:var(--card);border:.5px solid var(--border);
  border-radius:14px;padding:20px;margin:12px 0
}
.referral-code-box{
  background:var(--surface);border:1.5px dashed var(--blue);
  border-radius:10px;padding:12px 16px;text-align:center;
  font-family:'JetBrains Mono',monospace;font-size:1.3rem;
  font-weight:700;color:var(--teal);letter-spacing:.1em;
  cursor:pointer;margin:10px 0;transition:background .15s
}
.referral-code-box:hover{background:rgba(59,130,246,.08)}
.referral-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.ref-stat{background:var(--surface);border-radius:8px;padding:10px;text-align:center}
.ref-stat-val{font-size:1.2rem;font-weight:700;color:var(--teal)}
.ref-stat-lbl{font-size:.72rem;color:var(--tx3);margin-top:2px}

.offline-banner{
  background:rgba(245,158,11,.08);border:.5px solid rgba(245,158,11,.3);
  border-radius:8px;padding:8px 14px;font-size:.78rem;color:#f59e0b;
  display:none;align-items:center;gap:6px;margin-bottom:8px
}
.offline-banner.visible{display:flex}