/* CSbePRO weapons and countries pages. Tokens and rows come from players.css (.pp), some bits from maps.css. */

.pp .mtypes a.chip,.pp .mtypes a.chip:visited{color:var(--dim)}
.pp .mtypes a.chip:hover{color:#fff}
.pp .mtypes a.chip.live{color:var(--g)}
.pp.pg .lhd .r{text-align:right}
.pp.pg .lhd .sort,.pp.pg .lhd .sort:visited{text-align:right;color:var(--faint);letter-spacing:1.2px;transition:color var(--fast)}
.pp.pg .lhd .sort:hover{color:#fff}
.pp.pg .lhd .sort.is-on{color:var(--g)}
.pp.pg .lhd .sort.is-on::after{content:" \25BC";font-size:8px}
.pp.pg .prow .st{text-align:right;font:500 13px var(--mono);color:var(--dim);white-space:nowrap}
.pp.pg .prow .st.k{color:#fff;font-weight:700}
.pp.pg .prow .st b{color:var(--g)}
.pp.pg .prow .st.dim{color:var(--faint);font-size:11px}
.pp.pg .prow .who .lvl{margin-left:4px;padding:1px 6px;font-size:10px}
.pp.pg .prow .mn{display:flex;flex-direction:column;min-width:0}
.pp.pg .prow .mn small{font:11px var(--mono);color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp.pg .prow .meter{height:5px}
.pp.pg .ltable .h2{margin-bottom:8px}

/* weapons list */
.pp .whd,.pp a.wrow,.pp a.wrow:visited{grid-template-columns:44px minmax(0,1fr) 90px 80px 70px 90px 60px 90px 110px}
.pp .wrow .who{gap:14px}
.pp .wrow .wi{width:100px;height:27px;opacity:1;transform:none}
.pp .wrow:hover .wi{color:#fff}
/* one weapon */
.pp .whero{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:30px 32px;overflow:hidden}
.pp .whero .ghost{position:absolute;right:30%;top:50%;transform:translateY(-50%);font:700 200px/1 var(--head);color:rgba(162,198,0,.035);letter-spacing:-6px;pointer-events:none;text-transform:uppercase}
.pp .whero .wi.big{width:200px;height:54px;color:#fff;opacity:1;transform:none;filter:drop-shadow(0 0 18px rgba(162,198,0,.35))}
.pp .whero .flag.big{width:92px;height:64px;border-radius:4px}
.pp .whero .mwho h1{margin:4px 0 0;font:700 52px/1 var(--head);color:#fff;letter-spacing:.5px;text-shadow:0 2px 0 #000}
.pp .whero .mwho .chips{margin-top:14px}
.pp.pg .mtotal{text-align:center;padding:16px 22px;border:1px solid var(--g-line);border-radius:var(--r-sm);background:rgba(8,9,10,.8)}
.pp.pg .mtotal b{display:block;font:700 40px/1 var(--head);color:#fff}
.pp.pg .mtotal span{font:10px var(--label);letter-spacing:1.5px;text-transform:uppercase;color:var(--faint)}
.pp .wthd,.pp a.wtrow,.pp a.wtrow:visited{grid-template-columns:44px minmax(0,1fr) 80px 80px 64px 100px 80px}
/* countries */
.pp .chd,.pp a.crow,.pp a.crow:visited{grid-template-columns:44px minmax(0,1fr) 90px 80px 90px 90px 60px 110px}
.pp .crow.sort-players .s-players,.pp .crow.sort-players_30d .s-players_30d,.pp .crow.sort-hours .s-hours,.pp .crow.sort-kills .s-kills,.pp .crow.sort-hs_pct .s-hs_pct{color:#fff;font-weight:700}
.pp .cthd,.pp a.ctrow,.pp a.ctrow:visited{grid-template-columns:44px minmax(0,1fr) 90px 80px 64px 60px 80px 70px}

@media (max-width:1100px){
  .pp .whd,.pp a.wrow,.pp a.wrow:visited{grid-template-columns:40px minmax(0,1fr) 80px 70px 60px}
  .pp .whd span:nth-child(4),.pp .whd span:nth-child(6),.pp .whd span:nth-child(8),.pp .wrow .st:nth-child(4),.pp .wrow .st:nth-child(6),.pp .wrow .st:nth-child(8),.pp .wrow .meter{display:none}
  .pp .wthd,.pp a.wtrow,.pp a.wtrow:visited{grid-template-columns:40px minmax(0,1fr) 70px 60px 60px}
  .pp .wthd .r:nth-child(4),.pp .wthd .r:nth-child(7),.pp .wtrow .st:nth-child(4),.pp .wtrow .st:nth-child(7){display:none}
  .pp .chd,.pp a.crow,.pp a.crow:visited{grid-template-columns:40px minmax(0,1fr) 80px 80px 60px}
  .pp .chd .s-players_30d,.pp .chd .s-hs_pct,.pp .crow .s-players_30d,.pp .crow .s-hs_pct,.pp .crow .meter{display:none}
  .pp .cthd,.pp a.ctrow,.pp a.ctrow:visited{grid-template-columns:40px minmax(0,1fr) 80px 70px 60px}
  .pp .cthd .r:nth-child(6),.pp .cthd .r:nth-child(7),.pp .cthd .r:nth-child(8),.pp .ctrow .st:nth-child(6),.pp .ctrow .st:nth-child(7),.pp .ctrow .st:nth-child(8){display:none}
  .pp .whero .ghost{display:none}
}
@media (max-width:640px){
  .pp .whero{grid-template-columns:1fr;padding:22px 18px}
  .pp .whero .wi.big{width:140px;height:38px}
  .pp .whero .mwho h1{font-size:36px}
  .pp.pg .mtotal{justify-self:start}
  .pp .wrow .wi{width:64px;height:17.5px}
  .pp .whd,.pp a.wrow,.pp a.wrow:visited{grid-template-columns:34px minmax(0,1fr) 70px 56px}
  .pp .whd span:nth-child(5),.pp .wrow .st:nth-child(5){display:none}
  .pp .chd,.pp a.crow,.pp a.crow:visited{grid-template-columns:34px minmax(0,1fr) 70px 70px}
  .pp .chd .s-kills,.pp .crow .s-kills{display:none}
  .pp .cthd,.pp a.ctrow,.pp a.ctrow:visited{grid-template-columns:34px minmax(0,1fr) 70px 60px}
  .pp .cthd .r:nth-child(5),.pp .ctrow .st:nth-child(5){display:none}
}

/* rows on the Stats page that lead to a weapon or a country */
.pp a.row.st-wpn,.pp a.row.st-wpn:visited,.pp a.row.st-cty,.pp a.row.st-cty:visited{color:var(--text)}
.pp .who .country a,.pp .who .country a:visited{color:var(--text);border-bottom:1px dotted var(--faint)}
.pp .who .country a:hover{color:var(--g);border-bottom-color:var(--g)}
.pp a.row.st-map,.pp a.row.st-map:visited{color:var(--text)}
