.pp-backdrop{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:24px;overflow-y:auto;background:rgba(3,4,15,.72);backdrop-filter:blur(14px) saturate(130%)}.pp-modal{width:min(620px,100%);overflow:hidden;border:1px solid rgba(154,183,255,.26);border-radius:28px;color:#eff3ff;background:#0c0a1d;box-shadow:0 34px 100px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.09)}.pp-banner{position:relative;isolation:isolate;height:132px;overflow:hidden;padding:16px}.pp-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 32%,#0c0a1d)}.pp-banner__grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 0);background-size:28px 28px;mask-image:linear-gradient(135deg,#000,transparent 72%)}.pp-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(9,8,24,.48);color:#fff;cursor:pointer;transition:transform .18s ease,background .18s ease}.pp-close:hover{transform:translateY(-2px);background:rgba(9,8,24,.82)}.pp-presence{position:absolute;top:20px;left:18px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(240,244,255,.72);background:rgba(8,8,22,.34);font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.pp-presence:before{content:"";width:6px;height:6px;border-radius:50%;background:#77819d}.pp-presence.is-online{color:#c8ffe5}.pp-presence.is-online:before{background:#64e8a8;box-shadow:0 0 11px #64e8a8}.pp-content{padding:0 22px 22px}.pp-identity{position:relative;display:grid;grid-template-areas:"avatar identity" "avatar joined";grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto;align-items:end;column-gap:15px;min-height:106px}.pp-avatar{grid-area:avatar;display:grid;place-items:end center;align-self:start;height:112px;margin-top:-76px;border:1px solid rgba(178,205,255,.37);border-radius:25px;background:radial-gradient(circle at 50% 20%,rgba(135,223,255,.3),rgba(108,86,224,.16) 48%,rgba(11,8,31,.86));box-shadow:0 14px 32px rgba(0,0,0,.4),0 0 0 5px rgba(12,10,29,.72);overflow:hidden}.pp-avatar>*{transform:translateY(10px);filter:drop-shadow(0 10px 12px rgba(0,0,0,.45))}.pp-identity__copy{grid-area:identity;min-width:0;align-self:end}.pp-identity h2{margin:0;overflow:hidden;color:#fff;font-family:Poppins,sans-serif;font-size:clamp(1.45rem,4vw,1.85rem);font-style:normal;font-weight:800;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}.pp-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.pp-level,.pp-tag,.pp-tier{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:.63rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.pp-tag{padding:5px 8px;border:1px solid rgba(255,255,255,.18)}.pp-level{padding:5px 8px;color:#dbe8ff;border:1px solid rgba(141,244,255,.24);background:rgba(141,244,255,.09)}.pp-rank-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(255,210,122,.34);border-radius:999px;color:#ffdc91;background:rgba(255,210,122,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.09);font-size:.63rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.pp-rank-chip svg{color:#ffd27a}.pp-joined{grid-area:joined;display:inline-flex;align-items:center;gap:6px;margin:9px 0 0;color:rgba(205,215,239,.6);font-size:.72rem;font-weight:600}.pp-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.pp-overview__item{min-height:94px;padding:12px;border:1px solid rgba(150,176,245,.16);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}.pp-overview__item>svg{margin-bottom:5px}.pp-overview__item--streak>svg{color:#ffb85c}.pp-overview__item--elo>svg{color:#8df4ff}.pp-overview__item--record>svg{color:#b98bff}.pp-overview__item>span{display:block;color:rgba(213,224,249,.6);font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.pp-overview__item>strong{display:block;margin-top:5px;color:#fff;font-size:1.05rem;font-weight:900;letter-spacing:-.025em}.pp-overview__item strong small{color:rgba(220,229,255,.58);font-size:.66rem;letter-spacing:0}.pp-overview__item .pp-record{margin-top:8px}.pp-arena{margin-top:18px;padding:16px;border:1px solid rgba(141,244,255,.16);border-radius:20px;background:radial-gradient(600px 180px at 5% 0,rgba(111,182,255,.12),transparent 54%),rgba(6,7,21,.46)}.pp-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.pp-section-head p{margin:0;color:#8df4ff;font-size:.61rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pp-section-head h3{margin:2px 0 0;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;font-style:normal;font-weight:800;letter-spacing:-.02em}.pp-tier{flex-shrink:0;padding:5px 8px;color:var(--tier);border:1px solid color-mix(in srgb,var(--tier) 48%,transparent);background:color-mix(in srgb,var(--tier) 13%,transparent);box-shadow:0 0 14px var(--glow)}.pp-pools{display:grid;gap:7px}.pp-pool{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:66px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--pool) 25%,rgba(255,255,255,.1));border-radius:13px;background:color-mix(in srgb,var(--pool) 7%,rgba(255,255,255,.025))}.pp-pool__crest{display:grid;place-items:center;filter:drop-shadow(0 4px 9px var(--pool-glow))}.pp-pool__copy{display:flex;flex-direction:column;min-width:0}.pp-pool__copy>strong{overflow:hidden;color:#f5f7ff;font-size:.79rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.pp-pool__copy>span{margin:1px 0 3px;color:var(--pool);font-size:.61rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.pp-pool__elo{text-align:right}.pp-pool__elo strong{display:block;color:var(--pool);font-size:1.06rem;font-weight:900;letter-spacing:-.03em}.pp-pool__elo span{color:rgba(210,221,248,.5);font-size:.58rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.pp-record{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;color:rgba(220,229,251,.68);font-size:.62rem;font-weight:700}.pp-record b{color:#f7f8ff;font-weight:900}.pp-record i{color:rgba(202,214,244,.36);font-style:normal}.pp-record em{margin-left:3px;color:rgba(202,214,244,.56);font-style:normal}.pp-record--pending{color:rgba(202,214,244,.5);font-style:italic}.pp-empty-arena{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:15px;border:1px dashed rgba(160,181,244,.18);border-radius:13px;color:rgba(219,229,254,.74);font-size:.78rem;font-weight:750}.pp-empty-arena svg{color:#8a98bd}.pp-empty-arena small{grid-column:2;margin-top:2px;color:rgba(198,210,239,.48);font-size:.65rem;font-weight:600}.pp-actions-wrap{margin-top:15px}.pp-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px}.pp-action,.pp-friend-status{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 13px;border-radius:12px;font:inherit;font-size:.73rem;font-weight:850;letter-spacing:.015em}.pp-action{cursor:pointer;transition:transform .16s ease,filter .16s ease}.pp-action:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.09)}.pp-action:disabled{cursor:wait;opacity:.68}.pp-action--primary{color:#07131d;border:1px solid rgba(190,252,255,.62);background:linear-gradient(135deg,#8df4ff,#82b6ff);box-shadow:0 8px 23px rgba(104,192,255,.25)}.pp-action--quiet{color:rgba(231,237,255,.86);border:1px solid rgba(187,203,255,.2);background:rgba(255,255,255,.045)}.pp-friend-status{color:#aaffd3;border:1px solid rgba(100,232,168,.26);background:rgba(100,232,168,.09)}.pp-action-error{margin:8px 0 0;color:#ffb8c4}.pp-action-error,.pp-self-note{font-size:.72rem;text-align:right}.pp-self-note{margin:15px 0 0;color:rgba(203,215,246,.55);font-weight:600}.pp-loading{display:flex;align-items:center;justify-content:center;gap:9px;min-height:260px;color:rgba(221,231,255,.7);font-size:.85rem}.pp-spin{animation:pp-spin .8s linear infinite}@keyframes pp-spin{to{transform:rotate(1turn)}}@media (max-width:560px){.pp-backdrop{align-items:start;padding:10px}.pp-modal{border-radius:23px}.pp-content{padding:0 14px 16px}.pp-banner{height:118px}.pp-identity{grid-template-columns:94px minmax(0,1fr);min-height:94px}.pp-avatar{height:94px;margin-top:-69px;border-radius:21px}.pp-overview{gap:6px}.pp-overview__item{min-height:88px;padding:9px}.pp-overview__item>strong{font-size:.93rem}.pp-overview__item>span{font-size:.56rem}.pp-arena{padding:13px}.pp-pool{grid-template-columns:34px minmax(0,1fr) auto;padding:7px}.pp-actions{justify-content:stretch;flex-wrap:wrap}.pp-action--primary{flex:1}.pp-joined{font-size:.64rem}}@media (max-width:380px){.pp-overview{grid-template-columns:1fr}.pp-overview__item{min-height:68px}.pp-overview__item>svg{float:left;margin:1px 8px 0 0}.pp-overview__item .pp-record,.pp-overview__item>span,.pp-overview__item>strong{margin-left:26px}.pp-identity h2{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.pp-spin{animation:none}.pp-action,.pp-close{transition:none}}