/* Scorpion Arena Profile Pro v1 — additive UI only */
:root{
  --pp-bg:#070b15;
  --pp-card:rgba(14,22,39,.78);
  --pp-line:rgba(255,255,255,.09);
  --pp-text:#f7f9ff;
  --pp-muted:#8fa2be;
  --pp-blue:#4f8cff;
  --pp-violet:#8b5cf6;
  --pp-green:#17d99a;
  --pp-gold:#ffc857;
  --pp-red:#ff647c
}
.pp-wrap{display:grid;gap:13px}
.pp-hero{position:relative;overflow:hidden;padding:18px;border-radius:26px;background:linear-gradient(145deg,rgba(31,58,112,.94),rgba(75,42,135,.91));border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 55px rgba(0,0,0,.3)}
.pp-hero:before{content:"";position:absolute;width:170px;height:170px;right:-70px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%)}
.pp-user{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.pp-avatar-shell{width:70px;height:70px;padding:3px;border-radius:23px;background:linear-gradient(135deg,var(--pp-blue),var(--pp-violet),var(--pp-gold));box-shadow:0 12px 30px rgba(20,33,73,.4)}
.pp-avatar{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:#10192b;color:#fff;font-size:26px;font-weight:950}
.pp-avatar img{width:100%;height:100%;object-fit:cover}
.pp-name{font-size:19px;font-weight:950;line-height:1.2;color:#fff}
.pp-handle{margin-top:4px;color:#d5def2;font-size:11px}
.pp-rank{padding:7px 9px;border-radius:999px;background:rgba(255,200,87,.14);border:1px solid rgba(255,200,87,.28);color:#ffe09b;font-size:9px;font-weight:950;letter-spacing:.6px}
.pp-level{margin-top:15px}
.pp-level-line{display:flex;justify-content:space-between;align-items:center;color:#e4eaff;font-size:10px;font-weight:850}
.pp-progress{height:9px;border-radius:999px;overflow:hidden;margin-top:7px;background:rgba(5,10,23,.42);border:1px solid rgba(255,255,255,.08)}
.pp-progress>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--pp-green),var(--pp-blue),var(--pp-violet));box-shadow:0 0 16px rgba(79,140,255,.5);transition:width .7s cubic-bezier(.22,.8,.3,1)}
.pp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.pp-stat{position:relative;overflow:hidden;padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(23,34,57,.86),rgba(10,16,29,.88));border:1px solid var(--pp-line);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.pp-stat:after{content:"";position:absolute;width:68px;height:68px;right:-26px;bottom:-30px;border-radius:50%;background:radial-gradient(circle,rgba(79,140,255,.16),transparent 70%)}
.pp-stat-label{font-size:9px;font-weight:900;letter-spacing:.7px;color:var(--pp-muted)}
.pp-stat-value{margin-top:7px;color:var(--pp-text);font-size:18px;font-weight:950}
.pp-stat-sub{margin-top:3px;color:#6f829f;font-size:9px}
.pp-card{padding:15px;border-radius:20px;background:var(--pp-card);border:1px solid var(--pp-line);box-shadow:0 14px 36px rgba(0,0,0,.18);backdrop-filter:blur(15px)}
.pp-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.pp-card-title{font-weight:950;font-size:13px;color:var(--pp-text)}
.pp-card-note{font-size:9px;color:var(--pp-muted)}
.pp-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pp-badge{padding:11px 6px;border-radius:15px;text-align:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}
.pp-badge.locked{filter:saturate(.2);opacity:.48}
.pp-badge-icon{font-size:23px}.pp-badge-name{margin-top:6px;font-size:9px;font-weight:900;color:#dce6f6}
.pp-activity{display:grid;gap:8px}
.pp-activity-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.pp-activity-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(79,140,255,.14);font-size:17px}
.pp-activity-title{font-size:11px;font-weight:900;color:#edf3ff}
.pp-activity-meta{margin-top:3px;font-size:9px;color:var(--pp-muted)}
.pp-activity-value{font-size:10px;font-weight:950;color:#cdd9ec}
.pp-positive{color:#5ce9b5}.pp-negative{color:#ff91a2}
.pp-empty{text-align:center;padding:20px 10px;color:var(--pp-muted);font-size:11px}
.pp-skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.05)}
.pp-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:ppShimmer 1.25s infinite}
@keyframes ppShimmer{100%{transform:translateX(100%)}}
@media(min-width:720px){.pp-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.pp-badges{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.pp-progress>span,.pp-skeleton:after{transition:none!important;animation:none!important}}