.pcw{--pcw-fg:#eceef1;--pcw-muted:#eceef19e;--pcw-ok:#5fd49a;--pcw-bad:#f08a8a;width:100%;height:100%;color:var(--pcw-fg);font-family:var(--font-sans,system-ui, sans-serif);font-variant-numeric:tabular-nums;position:relative;overflow:hidden;container-type:size}.pcw *{box-sizing:border-box;min-width:0}.pcw-panel{--k:calc(100cqmin / 416);inset:calc(8 * var(--k));border-radius:calc(16 * var(--k));box-shadow:0 calc(5 * var(--k)) calc(16 * var(--k)) #0000008c, 0 0 0 1px #ffffff12;font-size:calc(14 * var(--k));line-height:1.15;position:absolute;overflow:hidden}.pcw--wide .pcw-panel{--k:min(100cqh / 196, 100cqw / 656)}.pcw--wide[data-form=bar] .pcw-panel{--k:min(100cqh / 80, 100cqw / 576);border-radius:calc(14 * var(--k))}.pcw--wide[data-form=popup] .pcw-panel{--k:min(100cqh / 172, 100cqw / 536)}.pcw-bg,.pcw-shade,.pcw-line{position:absolute;inset:0}.pcw-bg--win{background:radial-gradient(120% 160% at 100% 0,#2f8a5f 0%,#2f8a5f00 55%),linear-gradient(135deg,#0d1612,#122019)}.pcw-bg--loss{background:radial-gradient(120% 160% at 100% 0,#a14f4f 0%,#a14f4f00 55%),linear-gradient(135deg,#1a0f10,#241415)}.pcw-shade--h{background:linear-gradient(90deg,#0a0c10f0 0%,#0a0c10d1 50%,#0a0c1073 100%)}.pcw-shield--gold{--s0:#f6dc8c;--s1:#e5bf5c;--s2:#a9832c;--ink:#241a06}.pcw-shield--silver{--s0:#e3e8ee;--s1:#b8c1cc;--s2:#7d8794;--ink:#1c222a}.pcw-shield--bronze{--s0:#e8b88f;--s1:#cf8f5f;--s2:#8f5a33;--ink:#2b170a}.pcw-shield--none{--s0:#4a525d;--s1:#3a4048;--s2:#2a2f36;--ink:#9199a4}.pcw-s0{stop-color:var(--s0)}.pcw-s1{stop-color:var(--s1)}.pcw-s2{stop-color:var(--s2)}.pcw-shield-inner{stroke:#ffffff73}.pcw-shield-ink{fill:var(--ink)}.pcw-ring-track{stroke:#ffffff1f}.pcw-ring-num{fill:#fff}.pcw-ring-label{fill:#eceef199}.pcw-line{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pcw-line,#ffffff14)}.pcw-edge{width:calc(4 * var(--k));background:var(--pcw-accent);position:absolute;top:0;bottom:0;left:0}.pcw-popup .pcw-edge{width:calc(6 * var(--k))}.pcw-in{height:100%;padding:calc(22 * var(--k)) calc(26 * var(--k)) calc(22 * var(--k)) calc(30 * var(--k));align-items:center;display:flex;position:relative}.pcw-stage{width:100%}.pcw-name,.pcw-big,.pcw-result,.pcw-score,.pcw-pill,.pcw-sq,.pcw-attr-t b,.pcw-mstats b{font-family:var(--font-display,"Barlow Condensed", sans-serif);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.pcw-k,.pcw-chip,.pcw-attr-t{text-transform:uppercase;font-weight:600}.pcw-k{font-size:calc(11 * var(--k));letter-spacing:.12em;color:var(--pcw-muted);white-space:nowrap}.pcw-note{font-size:calc(13 * var(--k));color:#eceef1b3;white-space:nowrap}.pcw-name{font-size:calc(38 * var(--k));letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pcw-name--sm{font-size:calc(30 * var(--k))}.pcw-big{font-size:calc(58 * var(--k));white-space:nowrap}.pcw-big--sm{font-size:calc(32 * var(--k))}.pcw-view{align-items:center;gap:calc(22 * var(--k));width:100%;display:flex}.pcw-who{align-items:center;gap:calc(22 * var(--k));flex:1 1 0;display:flex}.pcw-rating{align-items:center;gap:calc(22 * var(--k));flex:none;display:flex}.pcw-card-body{gap:calc(8 * var(--k));flex-direction:column;flex:1 1 0;display:flex}.pcw-col{gap:calc(6 * var(--k));flex-direction:column;display:flex}.pcw-col--grow{gap:calc(10 * var(--k));flex:1 1 0}.pcw-divider{background:#ffffff1a;align-self:stretch;width:1px}.pcw-avatar{width:calc(76 * var(--k));height:calc(76 * var(--k));margin:calc(5 * var(--k));border-radius:calc(16 * var(--k));object-fit:cover;box-shadow:0 0 0 calc(3 * var(--k)) #0e1013, 0 0 0 calc(5 * var(--k)) var(--pcw-accent);background:linear-gradient(160deg,#3a4256,#1f2430);flex:none}.pcw-avatar--initial{font-family:var(--font-display,sans-serif);font-weight:700;font-size:calc(28 * var(--k));color:#c9ced6;place-items:center;display:grid}.pcw-chips{gap:calc(6 * var(--k));flex-wrap:wrap;display:flex}.pcw-chip{font-size:calc(11 * var(--k));letter-spacing:.06em;padding:calc(4 * var(--k)) calc(8 * var(--k));border-radius:calc(6 * var(--k));color:#dfe3ea;white-space:nowrap;background:#ffffff14}.pcw-shield{width:calc(78 * var(--k));height:calc(90 * var(--k));flex:none}.pcw-attrs{grid-template-columns:repeat(3, calc(64 * var(--k)));gap:calc(10 * var(--k)) calc(14 * var(--k));margin:0;padding:0;list-style:none;display:grid}.pcw-attr{gap:calc(4 * var(--k));flex-direction:column;display:flex}.pcw-attr-t{font-size:calc(11 * var(--k));letter-spacing:.08em;color:#eceef1b3;justify-content:space-between;align-items:baseline;display:flex}.pcw-attr-t b{font-size:calc(15 * var(--k));letter-spacing:0;color:#fff}.pcw-track{height:calc(4 * var(--k));border-radius:calc(2 * var(--k));background:#ffffff1f;display:block}.pcw-track i{border-radius:inherit;background:var(--pcw-accent);height:100%;display:block}.pcw-ring{width:calc(104 * var(--k));height:calc(104 * var(--k));flex:none}.pcw-ring--small{width:calc(38 * var(--k));height:calc(38 * var(--k))}.pcw-pills,.pcw-results{flex-wrap:wrap;align-items:center;display:flex}.pcw-pills{gap:calc(8 * var(--k))}.pcw-results{gap:calc(5 * var(--k))}.pcw-pill{align-items:center;gap:calc(5 * var(--k));padding:calc(5 * var(--k)) calc(10 * var(--k));border-radius:calc(8 * var(--k));font-size:calc(20 * var(--k));white-space:nowrap;display:inline-flex}.pcw-pill--win{color:#7be3ae;background:#5fd49a29}.pcw-pill--loss{color:#f6a3a3;background:#f08a8a29}.pcw-pill--elo{background:color-mix(in srgb, var(--pcw-accent) 18%, transparent);color:color-mix(in srgb, var(--pcw-accent) 60%, white)}.pcw-pill--lg{font-size:calc(30 * var(--k));padding:calc(10 * var(--k)) calc(14 * var(--k))}.pcw-sq{width:calc(20 * var(--k));height:calc(20 * var(--k));border-radius:calc(5 * var(--k));font-size:calc(12 * var(--k));color:#0e1013;place-items:center;display:grid}.pcw-sq--win{background:var(--pcw-ok)}.pcw-sq--loss{background:var(--pcw-bad)}.pcw-premier{align-items:flex-start;gap:calc(8 * var(--k));flex-direction:column}.pcw-premier .pcw-big{font-size:calc(64 * var(--k))}.pcw-graph{align-items:stretch;gap:calc(10 * var(--k));flex-direction:column;height:100%}.pcw-graph-head{justify-content:space-between;align-items:center;display:flex}.pcw-graph-svg{flex:1 1 0;width:100%;min-height:0}.pcw-bar{align-items:center;gap:calc(16 * var(--k));white-space:nowrap;width:100%;display:flex}.pcw-bar .pcw-pill{font-size:calc(18 * var(--k))}.pcw-bar .pcw-k{font-size:calc(10 * var(--k))}.pcw-sep{width:1px;height:calc(30 * var(--k));background:#ffffff1f;flex:none}.pcw--wide[data-form=bar] .pcw-in{padding:0 calc(18 * var(--k)) 0 calc(14 * var(--k))}.pcw[data-form=bar] .pcw-edge{display:none}.pcw-popup{position:absolute;inset:0}.pcw-popup .pcw-in{gap:calc(22 * var(--k));padding:calc(20 * var(--k)) calc(26 * var(--k)) calc(20 * var(--k)) calc(32 * var(--k))}.pcw-result{font-size:calc(54 * var(--k));letter-spacing:.02em}.pcw-popup--win .pcw-result{color:#7be3ae}.pcw-popup--loss .pcw-result{color:#f6a3a3}.pcw-score{font-size:calc(40 * var(--k))}.pcw-score-sep{color:#eceef166}.pcw-mstats{gap:calc(4 * var(--k)) calc(14 * var(--k));font-size:calc(14 * var(--k));color:#eceef1bf;white-space:nowrap;flex-wrap:wrap;display:flex}.pcw-mstats b{font-size:calc(18 * var(--k));color:#fff}.pcw-credit{right:calc(14 * var(--k));bottom:calc(10 * var(--k));align-items:center;gap:calc(6 * var(--k));font-size:max(calc(10 * var(--k)), 8px);letter-spacing:.06em;color:#eceef18c;white-space:nowrap;font-weight:700;display:flex;position:absolute}.pcw[data-form=popup]>.pcw-credit{--k:calc(100cqmin / 416)}.pcw-mark{width:calc(12 * var(--k));height:calc(16 * var(--k));border-radius:calc(3 * var(--k));background:var(--pcw-accent);flex:none}.pcw-mark--lg{width:calc(18 * var(--k));height:calc(24 * var(--k));border-radius:calc(4 * var(--k))}.pcw[data-form=bar] .pcw-credit{bottom:calc(3 * var(--k));right:calc(8 * var(--k))}.pcw[data-form=bar] .pcw-credit .pcw-mark{display:none}.pcw--square .pcw-in,.pcw--tall .pcw-in{padding:calc(22 * var(--k)) calc(22 * var(--k)) calc(30 * var(--k)) calc(26 * var(--k))}.pcw--square .pcw-view,.pcw--tall .pcw-view,.pcw--square .pcw-who,.pcw--square .pcw-rating{text-align:center;flex-direction:column;justify-content:center}.pcw--square .pcw-who,.pcw--square .pcw-rating{text-align:left;flex-direction:row;flex:none}.pcw--square .pcw-card{gap:calc(18 * var(--k))}.pcw--tall .pcw-who,.pcw--tall .pcw-rating{flex-direction:column;flex:none}.pcw--square .pcw-card-body,.pcw--tall .pcw-card-body{align-items:inherit;flex:0 auto}.pcw--tall .pcw-card-body,.pcw--tall .pcw-col{align-items:center}.pcw--square .pcw-today,.pcw--tall .pcw-today{gap:calc(12 * var(--k))}.pcw--square .pcw-today .pcw-divider,.pcw--tall .pcw-today .pcw-divider{display:none}.pcw--square .pcw-col,.pcw--tall .pcw-col{align-items:center}.pcw--square .pcw-col--grow,.pcw--tall .pcw-col--grow{flex:none}.pcw--square .pcw-pills,.pcw--square .pcw-results,.pcw--tall .pcw-pills,.pcw--tall .pcw-results,.pcw--square .pcw-chips,.pcw--tall .pcw-chips{justify-content:center}.pcw--square .pcw-head,.pcw--tall .pcw-head{gap:calc(14 * var(--k))}.pcw--square .pcw-bar,.pcw--tall .pcw-bar{white-space:normal;justify-content:center;gap:calc(12 * var(--k));flex-wrap:wrap}.pcw--square .pcw-sep,.pcw--tall .pcw-sep{display:none}.pcw--square .pcw-popup .pcw-in,.pcw--tall .pcw-popup .pcw-in{text-align:center;justify-content:center;gap:calc(14 * var(--k));flex-direction:column}.pcw--square .pcw-mstats,.pcw--tall .pcw-mstats{justify-content:center}.pcw--tall .pcw-attrs{grid-template-columns:repeat(2, calc(64 * var(--k)))}.pcw--tall .pcw-graph{min-height:calc(200 * var(--k))}@keyframes pcw-fade{0%{opacity:0}}@keyframes pcw-slide{0%{opacity:0;transform:translateY(20cqh)}}@keyframes pcw-flash{0%{opacity:.2;transform:scale(1.25)}}@keyframes pcw-draw{0%{stroke-dashoffset:1px}}.pcw-fade{animation:.4s ease-out pcw-fade}.pcw-slide{animation:.45s cubic-bezier(.22,1,.36,1) pcw-slide}.pcw-flash-up,.pcw-flash-down{animation:.6s ease-out pcw-flash}.pcw-draw{stroke-dasharray:1;animation:.9s ease-out pcw-draw}.pcw--still *,.pcw--still :before{animation:none!important}@media (prefers-reduced-motion:reduce){.pcw *{animation:none!important}}.pcw-result{text-transform:uppercase}.pcw--square .pcw-premier,.pcw--tall .pcw-premier{align-items:center}.pcw--square .pcw-who{gap:calc(8 * var(--k));flex-direction:column}.pcw--square .pcw-rating{justify-content:center}.pcw--tall .pcw-graph{max-height:calc(320 * var(--k))}.pcw[data-form=bar] .pcw-credit{bottom:calc(5 * var(--k))}