/* RL MATE V0.33 — PLAYER CARD SYSTEM V2
   Skin master art lives in /assets/player-card-skins/*.png
   Overlay geometry uses percentages so it scales identically on desktop/mobile. */
.pcv2-stage{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:18px;isolation:isolate;color:#fff;font-family:inherit;background:#050b13;box-shadow:0 18px 44px rgba(0,0,0,.38)}
.pcv2-skin-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;z-index:0;pointer-events:none;user-select:none}
.pcv2-avatar{position:absolute;z-index:2;left:7.1%;top:5.1%;width:36.4%;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,#16283b,#050a10 70%);font-weight:950;font-size:clamp(20px,5vw,58px);letter-spacing:.03em;color:#fff;text-shadow:0 2px 12px #000;box-shadow:inset 0 0 0 2px rgba(255,255,255,.14)}
.pcv2-avatar img{width:100%;height:100%;object-fit:cover;display:block}.pcv2-avatar span{opacity:.92}
.pcv2-status{position:absolute;z-index:3;right:5.5%;top:3.4%;padding:.65% 1.6%;border-radius:999px;background:rgba(4,10,18,.78);border:1px solid rgba(255,255,255,.2);font-size:clamp(6px,.62vw,10px);font-weight:900;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(7px)}
.pcv2-status-looking{color:#6dffba;box-shadow:0 0 16px rgba(66,255,167,.18)}.pcv2-status-online{color:#6de9ff}.pcv2-status-offline{color:#9aa9b8}
.pcv2-name{position:absolute;z-index:2;left:11.1%;top:59.2%;width:77.8%;height:5.6%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 3%;text-shadow:0 2px 8px #000}
.pcv2-name strong{font-size:clamp(11px,1.18vw,22px);line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcv2-name span{margin-top:2px;font-size:clamp(5px,.53vw,9px);color:rgba(255,255,255,.68);font-weight:700;letter-spacing:.03em}
.pcv2-rank,.pcv2-score{position:absolute;z-index:2;top:68.0%;width:37.6%;height:9.7%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5%;text-shadow:0 2px 9px #000}
.pcv2-rank{left:11.2%}.pcv2-score{left:51.2%}.pcv2-rank small,.pcv2-score small,.pcv2-bottom small{font-size:clamp(4px,.42vw,7px);font-weight:900;letter-spacing:.11em;color:rgba(255,255,255,.58)}
.pcv2-rank strong{margin:.6% 0;font-size:clamp(8px,.82vw,15px);line-height:1.02;max-width:100%}.pcv2-rank span,.pcv2-score span{font-size:clamp(5px,.5vw,9px);color:rgba(255,255,255,.62)}
.pcv2-score strong{font-size:clamp(16px,1.85vw,32px);line-height:1;margin:.2% 0;color:#fff}
.pcv2-bottom{position:absolute;z-index:2;top:82.2%;height:8.8%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0 2px 8px #000}.pcv2-bottom strong{margin-top:4%;font-size:clamp(7px,.72vw,12px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcv2-region{left:11.6%;width:24%}.pcv2-voice{left:38%;width:24%}.pcv2-again{left:64.2%;width:24%}
/* Existing player cards: preserve original action handlers, replace only the visual information layer. */
.player-card.pcv2-player-card{padding:9px!important;border-radius:20px!important;overflow:visible!important;background:linear-gradient(180deg,rgba(8,18,31,.94),rgba(5,10,18,.97))!important;border:1px solid rgba(105,217,255,.13)!important;min-height:0!important}
.player-card.pcv2-player-card>.card-top,.player-card.pcv2-player-card>.rank-row,.player-card.pcv2-player-card>.mate-trust,.player-card.pcv2-player-card>.chips,.player-card.pcv2-player-card>.v032-card-ribbon,.player-card.pcv2-player-card>.v032-match-score,.player-card.pcv2-player-card>.v032-card-footer,.player-card.pcv2-player-card>.v032-card-motif{display:none!important}
.player-card.pcv2-player-card>.card-actions,.player-card.pcv2-player-card>.v4-actions{position:relative!important;inset:auto!important;z-index:4!important;margin:8px 0 0!important;padding:0!important;display:flex!important}
.player-card.pcv2-player-card .pcv2-stage{border-radius:15px}
/* Own profile card replaces the old left summary presentation while retaining the real avatar input in DOM. */
#view-profile .profile-summary.pcv2-profile-summary{padding:8px!important;background:rgba(5,12,21,.88)!important;border:1px solid rgba(96,223,255,.14)!important;border-radius:20px!important;overflow:visible!important;align-self:start}
#view-profile .profile-summary.pcv2-profile-summary>:not(.pcv2-stage):not(.pcv2-profile-tools){display:none!important}
.pcv2-profile-tools{display:flex;justify-content:center;padding:8px 2px 2px}.pcv2-profile-tools .btn{width:100%;font-size:10px}
/* Garage */
.pcv2-lab{margin-top:20px;padding:18px;border-radius:20px;border:1px solid rgba(91,222,255,.15);background:linear-gradient(145deg,rgba(12,25,42,.78),rgba(6,13,23,.92))}.pcv2-lab-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.pcv2-lab-head span{display:block;color:#6deaff;font-size:9px;font-weight:950;letter-spacing:.14em}.pcv2-lab-head b{display:block;font-size:17px;margin-top:3px}.pcv2-lab-head small{font-size:9px;color:var(--muted)}.pcv2-lab>p{color:var(--muted);line-height:1.5;margin:10px 0 15px}
.pcv2-skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pcv2-skin-choice{appearance:none;position:relative;padding:6px;border-radius:15px;border:1px solid rgba(255,255,255,.09);background:rgba(2,8,15,.8);color:#fff;cursor:pointer;text-align:left;overflow:hidden;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.pcv2-skin-choice:hover{transform:translateY(-3px);border-color:rgba(94,228,255,.32)}.pcv2-skin-choice.active{border-color:#61eaff;box-shadow:0 0 0 2px rgba(97,234,255,.18),0 12px 30px rgba(0,0,0,.3)}.pcv2-skin-choice img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:10px}.pcv2-skin-choice span{display:block;padding:8px 5px 5px}.pcv2-skin-choice b{display:block;font-size:10px}.pcv2-skin-choice small{font-size:8px;color:var(--muted);letter-spacing:.1em}
.pcv2-lab-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.03)}.pcv2-lab-actions span{font-size:11px;color:#a5b8ca}.pcv2-lab-actions .btn{min-width:170px}.pcv2-preview-title{margin:18px 0 9px;color:#7beaff;font-size:9px;font-weight:950;letter-spacing:.14em}
#pcv2Preview{max-width:410px;margin:0 auto}.pcv2-lab #pcv2Preview .pcv2-stage{box-shadow:0 24px 65px rgba(0,0,0,.46)}
/* Floating controls */
.pcv2-floating-fix .bug-fab{right:22px!important;bottom:22px!important}.pcv2-floating-fix .v31-command-trigger{right:22px!important;bottom:80px!important;z-index:7790!important}
@media(max-width:1100px){.pcv2-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pcv2-stage{border-radius:14px}.pcv2-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pcv2-lab{padding:12px}.pcv2-lab-head{align-items:start;flex-direction:column;gap:5px}.pcv2-lab-actions{flex-direction:column;align-items:stretch}.pcv2-lab-actions .btn{width:100%}.pcv2-floating-fix .bug-fab{right:14px!important;bottom:14px!important}.pcv2-floating-fix .v31-command-trigger{display:none!important}}
@media(max-width:420px){.pcv2-skin-grid{grid-template-columns:1fr 1fr}.pcv2-skin-choice span{padding:6px 3px 3px}.pcv2-name strong{font-size:10px}.pcv2-name span{font-size:5px}.pcv2-rank strong{font-size:8px}.pcv2-bottom strong{font-size:7px}}

/* V0.33.1 — cache-safe Player Card UX cleanup */
.pcv2-lab,.v032-card-lab,.v032-lab,.player-card-lab{display:none!important}
#view-profile .profile-summary.pcv2-profile-summary{width:min(100%,390px)!important;min-width:0!important;padding:8px!important;position:sticky;top:18px}
#view-profile .profile-summary.pcv2-profile-summary .pcv2-stage{width:100%;aspect-ratio:3/4;border-radius:18px}
.pcv2-profile-tools{display:grid;grid-template-columns:1.35fr 1fr;gap:7px;padding:9px 0 0}
.pcv2-profile-tools .btn{width:100%;min-width:0;font-size:10px;padding:10px 8px}

/* Skin modal */
body.pcv2-modal-open{overflow:hidden}
.pcv2-modal-backdrop{position:fixed;inset:0;z-index:10050;background:rgba(0,4,10,.82);backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px}
.pcv2-modal{width:min(1180px,96vw);max-height:min(90vh,900px);overflow:auto;border:1px solid rgba(101,226,255,.22);border-radius:24px;background:linear-gradient(145deg,rgba(9,23,39,.98),rgba(4,10,18,.99));box-shadow:0 32px 100px rgba(0,0,0,.65);padding:20px;color:#fff}
.pcv2-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:2px 2px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.pcv2-modal-head span,.pcv2-modal-preview>span{display:block;color:#69e9ff;font-size:9px;font-weight:950;letter-spacing:.15em}
.pcv2-modal-head h2{margin:4px 0 5px;font-size:26px}.pcv2-modal-head p{margin:0;color:#9db0c2;line-height:1.5}
.pcv2-modal-close{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font-size:26px;cursor:pointer;flex:0 0 auto}
.pcv2-modal-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:18px;padding:18px 0}
.pcv2-modal .pcv2-skin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pcv2-modal .pcv2-skin-choice{padding:7px;border-radius:16px;background:rgba(1,7,13,.88)}
.pcv2-modal .pcv2-skin-choice img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:11px;display:block}
.pcv2-modal .pcv2-skin-choice span{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 5px 4px}.pcv2-modal .pcv2-skin-choice b{font-size:11px}.pcv2-modal .pcv2-skin-choice small{font-size:8px}
.pcv2-modal-preview{padding:13px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);align-self:start;position:sticky;top:0}
#pcv2ModalPreview{margin-top:10px;max-width:330px;margin-left:auto;margin-right:auto}
.pcv2-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.pcv2-modal-actions>span{font-size:11px;color:#a9bac9}.pcv2-modal-actions>div{display:flex;gap:8px}

/* Compact rank / MMR accordion */
#view-profile .rank-section.compact>.rank-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:default}
#view-profile .pcv2-rank-toggle{margin-left:auto;white-space:nowrap}
#view-profile .rank-section.compact.pcv2-ranks-collapsed>#profileCompetitiveRanks,
#view-profile .rank-section.compact.pcv2-ranks-collapsed>#profileRankVisual,
#view-profile .rank-section.compact.pcv2-ranks-collapsed>.skill-rating-section{display:none!important}
#view-profile .rank-section.compact.pcv2-ranks-collapsed{padding-bottom:12px!important}

@media(max-width:1050px){
 #view-profile .profile-summary.pcv2-profile-summary{position:relative;top:auto;width:min(100%,360px)!important;margin:0 auto}
 .pcv2-modal-body{grid-template-columns:1fr}.pcv2-modal-preview{position:relative;max-width:420px;margin:0 auto;width:100%}
}
@media(max-width:720px){
 .pcv2-modal-backdrop{padding:8px}.pcv2-modal{width:100%;max-height:96vh;border-radius:18px;padding:13px}
 .pcv2-modal-head h2{font-size:21px}.pcv2-modal .pcv2-skin-grid{grid-template-columns:1fr 1fr;gap:7px}.pcv2-modal .pcv2-skin-choice{padding:4px}
 .pcv2-modal-actions{flex-direction:column;align-items:stretch}.pcv2-modal-actions>div{display:grid;grid-template-columns:1fr 1fr}.pcv2-modal-actions .btn{width:100%}
 .pcv2-profile-tools{grid-template-columns:1fr 1fr}
 #view-profile .rank-section.compact>.rank-section-head{align-items:flex-start;flex-wrap:wrap}.pcv2-rank-toggle{width:100%;margin-left:0!important}
}


/* V0.33.3 — compact data overlay: artwork first, data second */
.pcv2-name{top:61.55%;height:5.25%;padding:0 7.2%;}
.pcv2-name strong{font-size:clamp(7px,.72vw,12px);line-height:1.05;}
.pcv2-name span{font-size:clamp(4px,.36vw,6px);letter-spacing:.075em;margin-top:.8%;}
.pcv2-rank,.pcv2-score{top:68.35%;height:9.1%;padding:.7% 1.2%;}
.pcv2-rank small,.pcv2-score small,.pcv2-bottom small{font-size:clamp(4px,.38vw,6.5px);letter-spacing:.1em;}
.pcv2-rank strong{font-size:clamp(9px,.9vw,15px);margin:.15% 0;white-space:nowrap;}
.pcv2-rank span,.pcv2-score span{font-size:clamp(4px,.4vw,7px);line-height:1;}
.pcv2-score strong{font-size:clamp(17px,1.9vw,31px);margin:0;}
.pcv2-bottom{top:82.45%;height:8.1%;}
.pcv2-bottom strong{font-size:clamp(7px,.68vw,11px);margin-top:2%;}
.pcv2-region{left:11.7%;width:23.6%}.pcv2-voice{left:38.2%;width:23.6%}.pcv2-again{left:64.4%;width:23.6%}
#view-profile .profile-summary.pcv2-profile-summary{width:min(100%,372px)!important;}
@media(max-width:420px){.pcv2-name strong{font-size:9px}.pcv2-name span{font-size:4px}.pcv2-rank strong{font-size:8px}.pcv2-score strong{font-size:18px}.pcv2-bottom strong{font-size:6px}}

/* V0.33.5 — LEVEL SKIN UNLOCKS */
.pcv2-unlock-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(255,196,75,.24);border-radius:12px;background:linear-gradient(90deg,rgba(255,176,32,.09),rgba(72,214,255,.05));font-size:11px}
.pcv2-unlock-banner b{color:#ffd36d;white-space:nowrap}.pcv2-unlock-banner span{color:#9fb0bf;text-align:right}
.pcv2-skin-choice.locked{position:relative;filter:saturate(.35) brightness(.58);cursor:not-allowed;border-color:rgba(255,255,255,.09)!important}
.pcv2-skin-choice.locked:hover{transform:none;box-shadow:none}.pcv2-skin-choice.locked img{filter:blur(.3px)}
.pcv2-lock{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:linear-gradient(rgba(2,8,15,.18),rgba(2,8,15,.65));font-size:25px;font-style:normal;pointer-events:none}
.pcv2-lock em{display:block;margin-top:5px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.62);border:1px solid rgba(255,211,109,.32);color:#ffd36d;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:700px){.pcv2-unlock-banner{align-items:flex-start;flex-direction:column}.pcv2-unlock-banner span{text-align:left}}

/* V0.33.6 — PLAYER CARD TYPOGRAPHY & ALIGNMENT FINETUNE */
.pcv2-stage{
  font-family:"Arial Narrow","Roboto Condensed","Bahnschrift Condensed","Segoe UI",sans-serif;
}
/* Name band: higher, larger, stronger */
.pcv2-name{top:59.85%;height:6.15%;padding:0 6.5%;justify-content:center}
.pcv2-name strong{font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;font-size:clamp(11px,1.08vw,18px);font-weight:800;letter-spacing:.015em;line-height:.98;text-transform:none;text-shadow:0 2px 8px #000,0 0 10px rgba(0,0,0,.45)}
.pcv2-name span{margin-top:1.2%;font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;font-size:clamp(5px,.48vw,8px);font-weight:700;letter-spacing:.095em;color:rgba(255,255,255,.78);line-height:1}
/* Rank and score boxes: keep labels and values fully inside artwork fields */
.pcv2-rank,.pcv2-score{top:67.55%;height:9.25%;padding:.7% 2%;justify-content:center}
.pcv2-rank{left:11.5%;width:37.2%}.pcv2-score{left:51.35%;width:37.0%}
.pcv2-rank small,.pcv2-score small,.pcv2-bottom small{font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;font-size:clamp(4px,.37vw,6px);font-weight:800;letter-spacing:.085em;line-height:1}
.pcv2-rank strong{font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;font-size:clamp(11px,1.08vw,18px);font-weight:850;letter-spacing:.04em;line-height:.98;margin:.5% 0 .2%;white-space:nowrap}
.pcv2-rank span{font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;font-size:clamp(5px,.48vw,8px);font-weight:750;letter-spacing:.06em;line-height:1}
.pcv2-score strong{font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;font-size:clamp(18px,1.72vw,28px);font-weight:850;letter-spacing:-.02em;line-height:.92;margin:.35% 0 .25%;white-space:nowrap}
.pcv2-score span{font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;font-size:clamp(4px,.42vw,7px);font-weight:750;letter-spacing:.045em;line-height:1}
/* Lower information row */
.pcv2-bottom{top:81.9%;height:8.15%;padding:.7% .9%;justify-content:center}
.pcv2-bottom strong{font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;font-size:clamp(7px,.66vw,11px);font-weight:800;letter-spacing:.01em;line-height:1;margin-top:2.2%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pcv2-region{left:11.7%;width:23.5%}.pcv2-voice{left:38.2%;width:23.5%}.pcv2-again{left:64.4%;width:23.5%}
@media(max-width:420px){
 .pcv2-name strong{font-size:11px}.pcv2-name span{font-size:5px}
 .pcv2-rank strong{font-size:10px}.pcv2-rank span{font-size:5px}
 .pcv2-score strong{font-size:17px}.pcv2-score span{font-size:5px}
 .pcv2-bottom strong{font-size:7px}
}


/* V0.33.7 — CARD GEOMETRY POLISH + STICKY SAVE */
/* Name plate: use more of the calm center panel and keep metadata readable. */
.pcv2-name{top:58.75%;height:7.05%;padding:0 5.5%;}
.pcv2-name strong{font-size:clamp(13px,1.18vw,20px);font-weight:850;letter-spacing:.02em;line-height:1;}
.pcv2-name span{margin-top:1.1%;font-size:clamp(5px,.46vw,7.5px);letter-spacing:.075em;}
/* Rank and Mate Score sit lower and with extra breathing room around the labels. */
.pcv2-rank,.pcv2-score{top:67.2%;height:10.15%;padding:1.0% 2.2%;}
.pcv2-rank{left:11.45%;width:37.25%}.pcv2-score{left:51.25%;width:37.2%}
.pcv2-rank small,.pcv2-score small{font-size:clamp(4px,.34vw,5.5px);letter-spacing:.07em;margin-bottom:.7%;}
.pcv2-rank strong{font-size:clamp(12px,1.0vw,17px);margin:.2% 0 .35%;}
.pcv2-rank span{font-size:clamp(5px,.42vw,7px);}
.pcv2-score strong{font-size:clamp(17px,1.55vw,25px);line-height:.95;margin:.15% 0 .45%;}
.pcv2-score span{font-size:clamp(4px,.38vw,6.5px);}
/* Bottom row centered a touch lower to match the final artwork wells. */
.pcv2-bottom{top:82.15%;height:8.55%;padding:.75% 1%;}
.pcv2-bottom small{font-size:clamp(4px,.34vw,5.5px);letter-spacing:.07em;}
.pcv2-bottom strong{font-size:clamp(7px,.63vw,10.5px);margin-top:2.4%;}
/* Save/accept controls live directly below the sticky preview. */
.pcv2-modal-preview{top:10px;}
.pcv2-preview-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.pcv2-preview-actions>span{font-size:10px;color:#a9bac9;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcv2-preview-actions .btn{width:100%;min-height:40px}
.pcv2-modal-actions{display:none!important}
@media(max-width:420px){
 .pcv2-name strong{font-size:12px}.pcv2-name span{font-size:5px}
 .pcv2-rank strong{font-size:10px}.pcv2-score strong{font-size:16px}
 .pcv2-bottom strong{font-size:7px}
}


/* V0.33.8 — FINAL CARD TYPOGRAPHY + ARENA RIBBON FIX */
.pcv2-stage{
  font-family:"Bahnschrift Condensed","Arial Narrow","Roboto Condensed","Segoe UI Semibold",sans-serif;
}
/* Name block: slightly higher, stronger hierarchy */
.pcv2-name{top:58.75%;height:6.15%;padding:0 3.2%}
.pcv2-name strong{font-size:clamp(12px,1.28vw,23px);font-weight:800;letter-spacing:.015em;line-height:1}
.pcv2-name span{margin-top:3px;font-size:clamp(6px,.58vw,10px);font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.78)}

/* Middle cards: labels readable, values still dominant */
.pcv2-rank,.pcv2-score{top:67.85%;height:10.05%;padding:1.2% 1.8%}
.pcv2-rank small,.pcv2-score small,.pcv2-bottom small{font-size:clamp(5px,.48vw,8px);line-height:1;font-weight:800;letter-spacing:.09em;color:rgba(255,255,255,.72)}
.pcv2-rank strong{margin:.75% 0 .35%;font-size:clamp(9px,.9vw,16px);font-weight:850;line-height:.98;letter-spacing:.025em}
.pcv2-rank span{font-size:clamp(6px,.56vw,10px);font-weight:750;line-height:1;color:rgba(255,255,255,.72)}
.pcv2-score strong{font-size:clamp(14px,1.65vw,29px);font-weight:900;line-height:.96;margin:.45% 0 .7%;letter-spacing:-.025em}
.pcv2-score span{font-size:clamp(6px,.55vw,9px);font-weight:750;line-height:1;color:rgba(255,255,255,.7)}

/* Lower three cards: labels a little larger and values centered */
.pcv2-bottom{top:82.0%;height:9.05%;justify-content:center}
.pcv2-bottom strong{margin-top:5%;font-size:clamp(7px,.76vw,13px);font-weight:800;line-height:1;letter-spacing:.01em}

/* Arena ribbon: prevent ticker from sliding underneath the fixed title */
.arena-ribbon{display:flex!important;align-items:center!important;overflow:hidden!important}
.arena-ribbon b{flex:0 0 auto;position:relative;z-index:2;padding-right:12px;white-space:nowrap}
.arena-ribbon .ticker{animation:none!important;transform:none!important;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1}

@media(max-width:760px){
 .pcv2-name{top:58.65%;height:6.35%}
 .pcv2-name strong{font-size:11px}.pcv2-name span{font-size:5.8px}
 .pcv2-rank,.pcv2-score{top:67.75%;height:10.2%}
 .pcv2-score strong{font-size:15px}.pcv2-rank strong{font-size:9px}
 .pcv2-rank small,.pcv2-score small,.pcv2-bottom small{font-size:5px}
 .pcv2-bottom strong{font-size:7.5px}
 .arena-ribbon .ticker{display:none!important}
}