/* Player portal (/console/player) and the "Player stats" entry button on the public Console pages. Built on console.css. */
.pp-pill{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px;border-radius:999px;border:1px solid var(--c-gold,#E7C98B);color:var(--c-gold,#E7C98B);background:transparent;font:600 13px var(--f-b,Inter,sans-serif);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.pp-pill:hover{background:var(--c-gold-soft,rgba(231,201,139,.10));color:var(--c-gold-2,#F4DDA6)}
.pp-pill:focus-visible{outline:2px solid var(--c-gold,#E7C98B);outline-offset:2px}
.pp-pill .bx{font-size:17px}
.pp-corner{position:absolute;top:16px;right:16px;z-index:5}

.pp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 28px;border-bottom:1px solid var(--c-line)}
.pp-top .cx-brand{padding:0}
.pp-top-r{display:flex;align-items:center;gap:10px}
.pp-top-r form{margin:0}
.pp-main{max-width:980px;margin:0 auto;width:100%}
.pp-head{padding:22px 24px}
.pp-narrow{max-width:520px;width:100%}
.pp-stack{display:grid;gap:14px}
.pp-small{font-size:12.5px;color:var(--c-ink-3)}
.pp-h2{font:700 16px var(--f-d);margin:0}
.pp-label{font:600 11.5px var(--f-b);color:var(--c-ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.pp-quote{white-space:pre-wrap;color:var(--c-ink);font-size:14px;line-height:1.55;margin:0}
.pp-list{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--c-ink-2);font-size:13.5px;line-height:1.5}
.pp-foot{max-width:980px;margin:0 auto;padding:10px 28px 40px;color:var(--c-ink-3);font-size:12px}
.pp-foot a{color:var(--c-ink-2);text-decoration:underline}

.pp-steam{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;border-radius:10px;background:#171A21;color:#fff;border:1px solid #2A475E;font:600 14.5px var(--f-b);text-decoration:none}
.pp-steam:hover{filter:brightness(1.12)}
.pp-steam .bx{font-size:22px}

.pp-lang{position:relative}
.pp-lang summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:var(--c-r-sm,8px);border:1px solid var(--c-line-2);color:var(--c-ink-2);font:600 13px var(--f-b);cursor:pointer}
.pp-lang summary::-webkit-details-marker{display:none}
.pp-lang nav{position:absolute;right:0;top:40px;z-index:20;display:grid;min-width:170px;padding:6px;border-radius:10px;border:1px solid var(--c-line-2);background:var(--c-surface-2,#14161B);box-shadow:0 12px 30px rgba(0,0,0,.45)}
.pp-lang nav a{padding:7px 10px;border-radius:6px;color:var(--c-ink-2);font-size:13px;text-decoration:none}
.pp-lang nav a:hover,.pp-lang nav a[aria-current]{background:var(--c-gold-soft);color:var(--c-gold-2)}

.pp-tabs{margin-bottom:2px}
.pp-table{width:100%;border-collapse:collapse;font-size:13.5px}
.pp-table th{text-align:left;font:600 11.5px var(--f-b);color:var(--c-ink-3);padding:11px 16px;border-bottom:1px solid var(--c-line);white-space:nowrap}
.pp-table td{padding:11px 16px;border-bottom:1px solid var(--c-line);color:var(--c-ink-2)}
.pp-table tr:last-child td{border-bottom:0}
.pp-table .n{text-align:right;font-variant-numeric:tabular-nums}
.pp-table tr.pp-me td{background:var(--c-gold-soft);color:var(--c-gold-2);font-weight:600}
.pp-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}
.pp-dot.win{background:var(--c-live)}
.pp-dot.loss{background:var(--c-bad)}

.pp-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pp-tile{padding:14px 16px;border:1px solid var(--c-line);border-radius:12px;background:var(--c-surface)}
.pp-tile .l{font:600 11.5px var(--f-b);color:var(--c-ink-3)}
.pp-tile .v{font:800 22px var(--f-d);margin-top:4px;color:var(--c-ink)}

@media (max-width:720px){
  .pp-top{padding:12px 16px}
  .pp-main.cx-page{padding:18px 16px 50px}
  .pp-foot{padding:10px 16px 40px}
  .pp-head{padding:18px 16px}
  .cx-head h1{font-size:24px}
  .pp-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-table thead{display:none}
  .pp-table,.pp-table tbody,.pp-table tr,.pp-table td{display:block;width:100%}
  .pp-table tr{padding:10px 14px;border-bottom:1px solid var(--c-line)}
  .pp-table tr:last-child{border-bottom:0}
  .pp-table td{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border:0;text-align:right}
  .pp-table td::before{content:attr(data-l);color:var(--c-ink-3);font:600 11.5px var(--f-b);text-align:left}
  .pp-table .n{text-align:right}
  .ws-pl{grid-template-columns:1fr}
}