/* Player Explorer, release 13. Responsive list/detail discovery. */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gpf-explorer{max-width:1260px;margin:0 auto}.explorer-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:7px 0 28px}.explorer-eyebrow{font-size:.65rem;letter-spacing:2.1px;color:#9d8dd0;font-weight:750;margin-bottom:9px}.explorer-heading h1{font-size:clamp(1.9rem,3vw,2.6rem);font-weight:760;letter-spacing:-1.3px;line-height:1.2;margin:0}.explorer-dot{color:var(--accent)}.explorer-heading p{color:var(--text2);font-size:.88rem;margin-top:10px}.explorer-live{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#a9b8ca;padding:10px 13px;border:1px solid #374254;border-radius:30px;white-space:nowrap}.explorer-live i{width:6px;height:6px;border-radius:50%;background:#77d5b5;box-shadow:0 0 12px #77d5b555}
.explorer-searchbar{display:flex;align-items:center;gap:10px;border:1px solid #3b485d;padding:9px;border-radius:20px;background:#1b2431;box-shadow:0 12px 30px #0002}.explorer-search{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding-left:13px}.explorer-search svg,.explorer-filter-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;flex-shrink:0;color:#9baec8}.explorer-search input{width:100%;background:none;color:var(--text);border:0;outline:0;font:inherit;font-size:.87rem;min-width:0;min-height:42px}.explorer-search:focus-within{outline:2px solid #20d9e855;outline-offset:4px;border-radius:8px}.explorer-search input::placeholder{color:#9eaabe}.explorer-filter-button{display:flex;gap:8px;align-items:center}.explorer-filter-button[aria-expanded=true]{background:#9475e82b;border-color:#a88ded}.explorer-filter-button>span:last-child:not(:first-of-type){background:#9475e840;padding:2px 6px;border-radius:5px}.explorer-searchbar .btn{white-space:nowrap;min-height:44px}
#explorer-filters{border:1px solid #354355;border-radius:20px;background:#192230;margin-top:12px;padding-bottom:16px}#explorer-filters .lfg-panel{background:none;border:0;box-shadow:none;margin:0;display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:20px}.explorer-filter-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 20px}.explorer-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 22px}.explorer-chip,.explorer-clear{font:inherit;font-size:.72rem;border:1px solid #485169;background:#242c40;color:#c7c5e2;border-radius:30px;padding:7px 11px;cursor:pointer;display:flex;align-items:center;gap:8px}.explorer-clear{background:none;border-color:transparent;color:var(--text2)}
.explorer-results-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}.explorer-results-heading h2{font-size:.9rem;font-weight:650}.explorer-results-heading h2 span{margin-left:8px;font-size:.7rem;background:#293246;border-radius:7px;padding:3px 7px;color:#c4b5ed}.explorer-results-heading>span{font-size:.72rem;color:var(--text3)}.explorer-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}.explorer-list{display:flex;flex-direction:column;gap:10px}.explorer-row{font:inherit;display:flex;align-items:center;gap:13px;min-width:0;width:100%;padding:17px 15px;text-align:left;color:var(--text);background:linear-gradient(120deg,#202a38,#1b2330);border:1px solid #354153;border-radius:17px;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.explorer-row:hover{background:#253245;border-color:#617188}.explorer-row.selected{background:linear-gradient(115deg,#1d3741,#1f2b3e);border-color:#58c1ca;box-shadow:inset 3px 0 #58d2d8,0 8px 25px #0002}.explorer-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:15px;background:linear-gradient(135deg,#655687,#263751);color:#e9dafa;font-weight:750;font-size:.95rem;overflow:hidden}.explorer-avatar img{width:100%;height:100%;object-fit:cover}.explorer-row-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.explorer-row-info strong{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer-row-info>span{font-size:.72rem;color:#c1cada;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer-row-info small{font-size:.64rem;color:#96a6bd}.explorer-match{display:flex;flex-direction:column;gap:4px;text-align:right;flex-shrink:0}.explorer-match strong{font-size:.93rem;color:#80d8c1}.explorer-match small{font-size:.62rem;color:#a6b5c9}.explorer-row-arrow{display:none;color:#a3b4cc;font-size:1.5rem}
.explorer-profile{border:1px solid #3d485a;border-radius:23px;background:#1b2432;overflow:hidden;box-shadow:0 12px 35px #0003;position:sticky;top:12px;min-width:0}.explorer-cover{height:155px;position:relative;isolation:isolate;background:linear-gradient(110deg,#283f58,#514363)}.explorer-cover>.gpf-party-art{position:absolute;inset:0;min-height:0;opacity:.72;z-index:-2}.explorer-cover .gpf-party-art img{object-position:center 36%}.explorer-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111f2fbb,#20223a22),linear-gradient(0deg,#1b2432,transparent 85%);z-index:-1}.explorer-cover-label{position:absolute;top:24px;left:25px;right:110px;display:flex;flex-direction:column;gap:8px}.explorer-cover-label>span{font-size:.56rem;letter-spacing:2px;color:#c8cee4}.explorer-cover-label strong{font-size:1.17rem;letter-spacing:-.3px;text-shadow:0 1px 8px #0008}.explorer-cover-score{position:absolute;right:21px;top:22px;width:77px;height:77px;border:2px solid #8fe0cb;border-radius:50%;background:#1a263f99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 0 22px #92e5d014}.explorer-cover-score b{font-size:1.25rem;color:#a3eddb}.explorer-cover-score span{font-size:.44rem;color:#d2e1e6}
.explorer-profile-body{padding:0 24px 22px}.explorer-identity{display:flex;align-items:center;gap:13px;margin-top:-32px;position:relative}.explorer-avatar-large{width:76px;height:76px;border:4px solid #1b2432;border-radius:22px;font-size:1.5rem}.explorer-identity h2{font-size:1.35rem;letter-spacing:-.5px;overflow-wrap:anywhere;margin-top:22px}.explorer-identity p{font-size:.72rem;color:#aab8cc;margin:4px 0}.explorer-full-profile{margin-left:auto;margin-top:27px;width:36px;height:36px;border:1px solid #455366;border-radius:12px;background:#273346;color:#cdd7e9;font-size:1.2rem;cursor:pointer;flex-shrink:0}.explorer-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.explorer-tags span{font-size:.64rem;padding:5px 9px;background:#2b3549;border:1px solid #3d485f;border-radius:8px;color:#c9c7e6}.explorer-bio{font-size:.81rem;color:#b7c4d7;line-height:1.7;margin:16px 0 20px;overflow-wrap:anywhere}.explorer-section-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.explorer-profile h3{font-size:.78rem;font-weight:650;letter-spacing:.05px}.explorer-section-head>span{font-size:.64rem;color:#9cacbe}.explorer-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.explorer-game{min-width:0}.explorer-game .gpf-party-art{height:79px;min-height:0;border-radius:10px;border:1px solid #435068}.explorer-game .gpf-party-art img{object-position:center 30%}.explorer-game strong{display:block;font-size:.62rem;font-weight:600;margin-top:6px;line-height:1.35;overflow-wrap:anywhere}.explorer-game>span{font-size:.56rem;color:#93a6bf}.explorer-reasons{padding:14px;margin:18px 0 0;background:#29334470;border:1px solid #3b485b88;border-radius:13px}.explorer-reasons>div{display:flex;flex-wrap:wrap;gap:9px 15px;margin-top:10px}.explorer-reasons span{font-size:.67rem;color:#adc7c7}.explorer-availability{margin-top:15px}.explorer-availability p{font-size:.72rem;color:#afc0d4;margin-top:7px}.explorer-actions{display:flex;gap:9px;margin-top:21px;align-items:center}.explorer-actions>.btn{flex:1;min-width:0;font-size:.78rem;padding:10px 12px}.explorer-friend-state{flex:1;text-align:center;font-size:.75rem;color:#a5ddc9}.explorer-more{position:relative}.explorer-more summary{list-style:none;padding:10px;border:1px solid #445268;border-radius:12px;cursor:pointer;min-height:42px;min-width:42px;text-align:center}.explorer-more summary::-webkit-details-marker{display:none}.explorer-more>div{position:absolute;right:0;bottom:50px;width:150px;padding:6px;border:1px solid #5c6680;background:#202c3e;box-shadow:0 12px 30px #0006;border-radius:13px;z-index:2}.explorer-more button{display:block;padding:10px;width:100%;text-align:left;border:0;background:none;color:var(--text);font:inherit;font-size:.75rem;border-radius:7px;cursor:pointer}.explorer-more button:hover{background:#3b4660}.explorer-back{display:none}
.explorer-empty,.explorer-loading{text-align:center;min-height:270px;border:1px dashed #465267;border-radius:23px;padding:50px 24px;background:#1a243080;color:#adbbcf}.explorer-empty h2{font-size:1.1rem;color:var(--text);margin:10px 0}.explorer-empty p{font-size:.85rem;margin:10px 0 22px}.explorer-empty-icon{font-size:3rem;color:#a891d7}.explorer-loading{display:flex;gap:16px;align-items:center;justify-content:center;font-size:.87rem}.explorer-loading .spinner{margin:0}.gpf-notifications{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #3b485b;border-radius:14px;background:#242e3d;color:#c3cddd;cursor:pointer;flex-shrink:0}.gpf-notifications .gpf-badge{right:-3px;top:-4px}.gpf-settings-tabs{flex-wrap:wrap}.gpf-explorer button:focus-visible,.gpf-notifications:focus-visible{outline:2px solid #a4dbe9;outline-offset:3px}
@media(min-width:901px){body:has(#view-lfg-content[style*="block"]) #app-stats-bar{display:none!important}}
@media(max-width:1100px){.explorer-layout{grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr);gap:14px}.explorer-live{display:none}.explorer-profile-body{padding:0 17px 20px}.explorer-row{padding:15px 12px;gap:10px}.explorer-avatar{width:43px;height:43px}.explorer-avatar-large{width:69px;height:69px}.explorer-identity h2{font-size:1.15rem}}
@media(max-width:900px){.gpf-mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.explorer-heading{margin-top:8px}.explorer-heading h1{font-size:2rem}.explorer-searchbar .btn{font-size:.75rem;padding:10px 12px}#app-stats-bar{display:none!important}}
@media(max-width:700px){.explorer-eyebrow{font-size:.54rem;letter-spacing:1.8px}.explorer-heading{margin-bottom:22px}.explorer-heading p{font-size:.8rem}.explorer-searchbar{flex-wrap:wrap;gap:8px;padding:9px;border-radius:18px}.explorer-search{flex-basis:calc(100% - 64px);padding-left:6px;gap:9px}.explorer-search input{font-size:.82rem!important}.explorer-filter-button{padding:10px!important}.explorer-filter-button>span{display:none}.explorer-filter-button>span:not([hidden]):last-child:not(:first-of-type){display:block}.explorer-searchbar>.btn-primary{width:100%}.explorer-searchbar .btn{min-height:43px}.explorer-layout{grid-template-columns:1fr}.explorer-profile{display:none;position:static}.explorer-row-arrow{display:block}.explorer-row{padding:16px;gap:14px}.explorer-avatar{width:48px;height:48px}.explorer-row.selected{border-color:#455970;box-shadow:none;background:linear-gradient(120deg,#202a38,#1b2330)}.explorer-results-heading h2{font-size:.83rem}.explorer-results-heading>span{font-size:.62rem}#explorer-filters .lfg-panel{grid-template-columns:1fr;padding:16px;gap:0}.explorer-show-profile .explorer-heading,.explorer-show-profile .explorer-searchbar,.explorer-show-profile #explorer-chips,.explorer-show-profile #explorer-filters,.explorer-show-profile .explorer-results-heading,.explorer-show-profile .explorer-list{display:none!important}.explorer-show-profile .explorer-profile{display:block}.explorer-back{display:block;margin:12px;font-size:.78rem}.explorer-profile{border-radius:19px}.explorer-profile-body{padding:0 17px 20px}.explorer-avatar-large{width:74px;height:74px}.explorer-identity h2{font-size:1.3rem}.explorer-cover{height:150px}.explorer-cover-label{left:20px}.explorer-cover-label strong{font-size:1.08rem}.explorer-games{gap:8px}.explorer-game .gpf-party-art{height:80px}.explorer-reasons{padding:12px}.explorer-reasons>div{gap:10px}.explorer-actions{flex-wrap:wrap}.gpf-notifications{width:40px;min-width:40px;height:42px}.explorer-chip{min-height:36px}}
@media(prefers-reduced-motion:reduce){.explorer-row{transition:none}}
.gpf-settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr));max-width:800px}.gpf-settings-tabs button{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.gpf-settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Spherical player discovery and illustrated profiles. */
.gpf-game-art{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,#244657,#49365a)}.gpf-game-art img{display:block;width:100%;height:100%;object-fit:cover}.art-fallback{display:none}.art-unavailable .art-fallback{display:grid;place-items:center;position:absolute;inset:0;font-size:2rem;opacity:.55}.explorer-cover>.gpf-game-art{position:absolute;inset:0;z-index:-2}.explorer-cover .gpf-game-art img{object-position:center}.explorer-games .gpf-game-art{height:148px}.explorer-games .gpf-game-art img{object-position:center 20%;object-fit:cover}
.explorer-orbits{width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding:7px 9px 23px;align-items:start;perspective:1000px}
.explorer-row.player-orb{display:block;position:relative;aspect-ratio:1;width:100%;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;isolation:isolate;transition:transform .25s;transform-style:preserve-3d}
.player-orb:after{content:'';position:absolute;left:18%;right:18%;height:13%;bottom:-11%;border-radius:50%;background:#0009;filter:blur(8px);z-index:-1}
.orb-surface{isolation:isolate;position:absolute;inset:0;display:block;border-radius:50%;overflow:hidden;border:1px solid #74869c70;box-shadow:inset -13px -20px 26px #000b,inset 6px 6px 16px #d5eeff55,0 9px 25px #0008;background:#202b42}
.orb-surface>.gpf-game-art{position:absolute;inset:0;border-radius:50%;z-index:-2}.orb-surface>.gpf-game-art img{opacity:.6;object-fit:cover}.orb-surface:after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 28% 17%,#ffffff42,transparent 38%),radial-gradient(circle at 40% 30%,transparent 32%,#030814dc 85%);box-shadow:inset 0 -22px 27px #02060add;pointer-events:none;z-index:-1}
.orb-shine{position:absolute;left:16%;top:9%;width:45%;height:20%;border-radius:50%;transform:rotate(-28deg);background:linear-gradient(#d2eaff2b,transparent);filter:blur(2px);pointer-events:none}
.player-orb .explorer-avatar{position:absolute;left:21%;top:20%;width:26%;height:26%;border-radius:50%;border:2px solid #d9eaff80;box-shadow:0 3px 9px #0007;background:#182338dc;font-size:.95rem}
.player-orb .explorer-row-info{position:absolute;left:12%;right:12%;top:54%;text-align:center;display:flex;gap:4px;align-items:center}.player-orb .explorer-row-info strong{max-width:100%;font-size:.87rem;color:#fff;text-shadow:0 2px 6px #000}.player-orb .explorer-row-info>span{max-width:100%;font-size:.63rem;color:#d6e2ef}.player-orb .explorer-row-info small{font-size:.57rem;color:#a6c2d4}
.player-orb .explorer-match{position:absolute;right:18%;top:23%;text-align:center;gap:1px}.player-orb .explorer-match strong{font-size:1.03rem;color:#9cead9;text-shadow:0 2px 9px #000}.player-orb .explorer-match small{font-size:.54rem;color:#c0d1df}
.explorer-row.player-orb.selected .orb-surface{border-color:#8ceddd;box-shadow:inset -13px -20px 26px #000b,inset 6px 6px 16px #e0fff955,0 0 0 3px #7ce9d326,0 0 27px #5ac9bf36,0 12px 30px #0009}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.explorer-row.player-orb:hover{transform:translateY(-5px) rotateX(5deg) rotateY(-4deg)}.explorer-row.player-orb:active{transform:translateY(-1px)}}
.profile-game-banner{position:relative;height:210px;border-radius:23px;overflow:hidden;margin-bottom:18px;isolation:isolate;background:#15202e}.profile-game-banner>.gpf-game-art{position:absolute;inset:0;z-index:-2}.profile-game-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101825e8,transparent 85%);z-index:-1}.profile-banner-caption{position:absolute;bottom:23px;left:25px;right:25px;display:flex;flex-direction:column;gap:7px}.profile-banner-caption span{font-size:.6rem;letter-spacing:2px;color:#b7cbde}.profile-banner-caption strong{font-size:1.5rem;letter-spacing:-.6px;text-shadow:0 2px 6px #000}
.profile-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:15px}.profile-game-tile{overflow:hidden;border-radius:16px;background:#202b3c;border:1px solid #3b4b61}.profile-game-tile>.gpf-game-art{aspect-ratio:2/3;height:auto}.profile-game-tile>.gpf-game-art img{position:absolute;inset:0;object-fit:cover}.profile-game-tile>div:last-child{padding:11px;display:flex;flex-direction:column;gap:6px}.profile-game-tile strong{font-size:.78rem;line-height:1.4;overflow-wrap:anywhere}.profile-game-tile span{font-size:.65rem;color:#a3b8ce}.profile-cover-choice .form-hint{color:var(--text2);font-size:.78rem;margin-bottom:10px}.profile-cover-choice .profile-game-banner{height:150px;margin-top:12px}.profile-cover-choice .profile-banner-caption strong{font-size:1.05rem}
.compatibility-details{border:1px solid #3b4b61;border-radius:13px;padding:12px;margin:16px 0;font-size:.75rem;color:var(--text2)}.compatibility-details summary{cursor:pointer;color:#cfdeef;min-height:24px}.compatibility-details p{line-height:1.6;margin-top:10px}.compatibility-criteria{margin-top:10px;display:grid;gap:7px}.compatibility-criteria>div{display:flex;justify-content:space-between;gap:10px}.compatibility-criteria b{color:#9de0cd;font-weight:600}
@media(max-width:700px){.explorer-orbits{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;padding:12px 13px 28px;max-width:550px;margin:auto}.explorer-row.player-orb{min-height:0}.profile-game-banner{height:175px}.profile-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-banner-caption strong{font-size:1.2rem}.explorer-games .gpf-game-art{height:155px}}
@media(max-width:360px){.explorer-orbits{gap:23px 13px;padding:9px 1px 25px}.player-orb .explorer-row-info strong{font-size:.73rem}.player-orb .explorer-row-info>span{font-size:.53rem}.player-orb .explorer-match strong{font-size:.86rem}.player-orb .explorer-avatar{font-size:.7rem}.profile-game-grid{gap:9px}.profile-game-tile>div:last-child{padding:8px}}
@media(prefers-reduced-motion:reduce){.player-orb{transition:none!important;transform:none!important}}