/* RL MATE V0.35.1 — PLAYER CARD V3 / ARTWORK-INDEPENDENT HUD
   The PNG is artwork only. Every information surface below is HTML/CSS and
   therefore uses one fixed geometry for every skin. */

.pcv2-stage.pcv2-v0340{
  --v3-edge:4.6%;
  --v3-glass:rgba(5,12,23,.76);
  --v3-glass-strong:rgba(4,10,19,.88);
  --v3-line:rgba(127,226,255,.34);
  --v3-line-hot:rgba(104,232,255,.68);
  --v3-shadow:0 8px 22px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.10);
  border-radius:18px;
  container-type:inline-size;
}
.pcv2-stage.pcv2-v0340::after{
  content:"";position:absolute;inset:1.7%;z-index:1;pointer-events:none;border-radius:14px;
  border:1px solid rgba(132,225,255,.18);box-shadow:inset 0 0 24px rgba(38,169,255,.06);
}
.pcv2-stage.pcv2-v0340 .pcv2-skin-image{object-fit:cover!important}

/* Avatar is now a free HUD element, no longer aligned to anything painted into the PNG. */
.pcv2-stage.pcv2-v0340 .pcv2-avatar{
  left:var(--v3-edge)!important;top:4.2%!important;width:22.5%!important;height:auto!important;aspect-ratio:1!important;
  border-radius:50%!important;overflow:hidden!important;z-index:4!important;
  background:rgba(4,10,19,.88)!important;border:clamp(1.5px,.8cqw,3px) solid rgba(230,249,255,.88)!important;
  box-shadow:0 0 0 1px rgba(91,220,255,.38),0 0 16px rgba(52,191,255,.34),0 7px 18px rgba(0,0,0,.48)!important;
  transform:none!important;padding:0!important;
}
.pcv2-stage.pcv2-v0340 .pcv2-avatar img{position:static!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;border-radius:50%!important}
.pcv2-stage.pcv2-v0340 .pcv2-avatar span{display:grid!important;place-items:center;width:100%;height:100%;font-size:7cqw}

/* Top identity glass panel */
.pcv2-stage.pcv2-v0340 .pcv2-name{
  left:30%!important;right:var(--v3-edge)!important;top:5.2%!important;width:auto!important;height:14.5%!important;
  padding:2.4% 4%!important;align-items:flex-start!important;text-align:left!important;justify-content:center!important;
  border:1px solid var(--v3-line)!important;border-radius:3.5cqw!important;
  background:linear-gradient(135deg,var(--v3-glass-strong),rgba(7,20,34,.62))!important;
  box-shadow:var(--v3-shadow)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.pcv2-stage.pcv2-v0340 .pcv2-name strong{max-width:100%!important;font-size:clamp(12px,6.0cqw,23px)!important;text-shadow:0 2px 8px #000!important}
.pcv2-stage.pcv2-v0340 .pcv2-mini-stats{justify-content:flex-start!important;gap:3cqw!important;margin-top:1.6cqw!important;font-size:clamp(5px,2.6cqw,9px)!important}

/* Middle HUD: two independent panels. Their position never depends on artwork. */
.pcv2-stage.pcv2-v0340 .pcv2-rank,
.pcv2-stage.pcv2-v0340 .pcv2-score{
  top:66.2%!important;height:12.8%!important;transform:none!important;
  border:1px solid var(--v3-line)!important;border-radius:3.2cqw!important;
  background:linear-gradient(145deg,var(--v3-glass-strong),rgba(7,19,33,.68))!important;
  box-shadow:var(--v3-shadow)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.pcv2-stage.pcv2-v0340 .pcv2-rank{left:var(--v3-edge)!important;width:40.5%!important;padding:1.5% 3%!important;flex-direction:row!important;gap:2.2cqw!important;text-align:left!important}
.pcv2-stage.pcv2-v0340 .pcv2-rank-copy{align-items:flex-start!important}
.pcv2-stage.pcv2-v0340 .pcv2-rank-glyph{font-size:clamp(13px,7cqw,27px)!important}
.pcv2-stage.pcv2-v0340 .pcv2-rank strong{font-size:clamp(9px,4.4cqw,16px)!important;margin:.5cqw 0!important}
.pcv2-stage.pcv2-v0340 .pcv2-rank small,.pcv2-stage.pcv2-v0340 .pcv2-rank span{font-size:clamp(4.5px,2cqw,7px)!important}
.pcv2-stage.pcv2-v0340 .pcv2-score{left:50.5%!important;width:44.9%!important;padding:2.1% 3.2%!important;gap:2cqw!important}
.pcv2-stage.pcv2-v0340 .pcv2-gauge-row{grid-template-columns:auto minmax(34%,1fr) auto!important;gap:1.8cqw!important}

/* Bottom information strip: three equal glass chips. */
.pcv2-stage.pcv2-v0340 .pcv2-bottom{
  top:82.1%!important;height:10.2%!important;transform:none!important;padding:1.2% 2.2%!important;
  flex-direction:row!important;justify-content:center!important;gap:1.5cqw!important;text-align:left!important;
  border:1px solid rgba(127,226,255,.27)!important;border-radius:2.7cqw!important;
  background:linear-gradient(145deg,rgba(4,10,19,.84),rgba(8,23,38,.68))!important;
  box-shadow:var(--v3-shadow)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
}
.pcv2-stage.pcv2-v0340 .pcv2-region{left:var(--v3-edge)!important;width:28.7%!important}
.pcv2-stage.pcv2-v0340 .pcv2-voice{left:35.65%!important;width:28.7%!important}
.pcv2-stage.pcv2-v0340 .pcv2-again{left:66.7%!important;width:28.7%!important}
.pcv2-stage.pcv2-v0340 .pcv2-bottom>div{min-width:0}
.pcv2-stage.pcv2-v0340 .pcv2-bottom strong{margin:0!important;font-size:clamp(7px,3.6cqw,13px)!important}
.pcv2-stage.pcv2-v0340 .pcv2-bottom small{margin-top:.6cqw!important;font-size:clamp(4px,1.75cqw,6.5px)!important}
.pcv2-stage.pcv2-v0340 .pcv2-stat-icon{font-size:clamp(9px,4.4cqw,17px)!important}

/* Status badge floats independently above artwork. */
.pcv2-stage.pcv2-v0340 .pcv2-status{z-index:5!important;right:var(--v3-edge)!important;top:22%!important;left:auto!important;border:1px solid rgba(255,255,255,.2);box-shadow:0 5px 14px rgba(0,0,0,.35)}

/* Samsung Internet safe mode: preserve geometry, avoid expensive backdrop filtering. */
.rlm-samsung .pcv2-stage.pcv2-v0340 .pcv2-name,
.rlm-samsung .pcv2-stage.pcv2-v0340 .pcv2-rank,
.rlm-samsung .pcv2-stage.pcv2-v0340 .pcv2-score,
.rlm-samsung .pcv2-stage.pcv2-v0340 .pcv2-bottom{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(4,11,21,.91)!important}

/* Finder cards keep exactly the same V3 proportions at their compact card width. */
#view-discover #playerGrid .pcv2-stage.pcv2-v0340 .pcv2-name strong{font-size:clamp(10px,5.6cqw,17px)!important}
#view-discover #playerGrid .pcv2-stage.pcv2-v0340 .pcv2-bottom strong{font-size:clamp(6.5px,3.35cqw,10px)!important}

@media(max-width:600px){
 .pcv2-stage.pcv2-v0340{--v3-edge:4.2%}
 .pcv2-stage.pcv2-v0340 .pcv2-name{backdrop-filter:none;-webkit-backdrop-filter:none}
 .pcv2-stage.pcv2-v0340 .pcv2-rank,.pcv2-stage.pcv2-v0340 .pcv2-score,.pcv2-stage.pcv2-v0340 .pcv2-bottom{backdrop-filter:none;-webkit-backdrop-filter:none}
}