.player-page{max-width:1280px;padding-top:46px}
.player-search{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-bottom:26px;padding:0 2px}
.player-search h1{margin:0;color:#f4f0f2;font:900 58px/.84 'Barlow Condensed';letter-spacing:.5px;overflow-wrap:anywhere}
.player-search h1 span{color:#ef3949}
.player-search>div>p:last-child{margin:16px 0 0;color:#a6a0a5;font-size:12px}
.player-search form{width:min(420px,100%);display:flex;border:1px solid #ffffff2d;background:#0d0d12e8;box-shadow:0 15px 45px #0007}
.player-search input{min-width:0;flex:1;height:48px;padding:0 16px;border:0;outline:0;background:transparent;color:#fff;font:800 13px 'Barlow Condensed';letter-spacing:1px}
.player-search input::placeholder{color:#777178}
.player-search input:focus{box-shadow:inset 0 -2px #ef3949}
.player-search button{min-width:128px;border:0;border-left:1px solid #ffffff24;background:#ef3949;color:#fff;cursor:pointer;font:900 11px 'Barlow Condensed';letter-spacing:1px;transition:background .2s,box-shadow .2s}
.player-search button:hover{background:#ff4b5c;box-shadow:0 0 24px #ef394955}
.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}

.profile-message{min-height:220px;display:grid;place-items:center;padding:28px;border:1px solid #ffffff1c;border-top:2px solid #ef3949;background:linear-gradient(115deg,#111016f5,#0b0c11ec);color:#a8a1a6;text-align:center;font:800 14px 'Barlow Condensed';letter-spacing:.7px;box-shadow:0 22px 70px #0008}
.profile-message.is-error{color:#ff7782}
.player-profile{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:stretch}
.player-profile[hidden],.profile-message[hidden],.profile-update-note[hidden]{display:none!important}

.player-identity-panel{--rank-color:#ef3949;min-height:710px;display:flex;flex-direction:column;align-items:center;padding:27px 24px 24px;border:1px solid #ffffff20;border-top:2px solid var(--rank-color);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rank-color) 28%,transparent),transparent 33%),linear-gradient(180deg,#111117f5,#0a0a0fed);box-shadow:0 24px 75px #0008;position:relative;overflow:hidden}
.player-identity-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(#0008,transparent 78%)}
.player-presence{align-self:flex-start;display:flex;align-items:center;gap:8px;color:#8d878e;font:900 10px 'Barlow Condensed';letter-spacing:1.4px;position:relative;z-index:1}
.player-presence i{width:8px;height:8px;border-radius:50%;background:#77727a;box-shadow:0 0 10px #77727a66}
.player-presence.is-online{color:#71e38a}.player-presence.is-online i{background:#58df78;box-shadow:0 0 13px #58df78}
.player-name-block{width:100%;margin-top:22px;text-align:center;position:relative;z-index:1}
.player-name-block h2{--rank-color:#fff;max-width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:0;color:var(--rank-color);font:700 29px/1.14 'Pixelify Sans',monospace;letter-spacing:.2px;text-shadow:0 0 5px var(--rank-color),0 0 15px color-mix(in srgb,var(--rank-color) 58%,transparent),0 3px 12px #000;overflow-wrap:anywhere}
.player-name-block h2 span{display:inline}
.profile-skin{width:100%;height:345px;display:flex;align-items:flex-end;justify-content:center;margin:18px 0 0;position:relative;z-index:1}
.profile-skin img{height:330px;max-width:230px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 16px #000c) drop-shadow(0 0 9px color-mix(in srgb,var(--rank-color) 32%,transparent));position:relative;z-index:2;image-rendering:auto}
.profile-skin-glow{width:180px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--rank-color) 38%,transparent);filter:blur(18px);position:absolute;bottom:0}
.profile-rank{--rank-color:#ef3949;min-width:124px;margin-top:12px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--rank-color) 62%,transparent);background:color-mix(in srgb,var(--rank-color) 15%,transparent);color:#fff;text-align:center;font:900 12px 'Barlow Condensed';letter-spacing:1.4px;position:relative;z-index:1;box-shadow:0 0 18px color-mix(in srgb,var(--rank-color) 16%,transparent)}
.profile-dates{width:100%;display:grid;gap:0;margin:auto 0 0;position:relative;z-index:1}
.profile-dates div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 2px;border-top:1px solid #ffffff12}
.profile-dates dt{color:#777179;font:800 9px 'Barlow Condensed';letter-spacing:1.1px}
.profile-dates dd{margin:0;color:#ddd8dc;text-align:right;font:800 10px 'Barlow Condensed';letter-spacing:.45px}

.player-stat-panels{display:grid;gap:22px}
.profile-mode-card{border:1px solid #ffffff1f;border-top:2px solid #ef3949;background:#0e0e13f2;box-shadow:0 24px 75px #0007;overflow:hidden}
.profile-mode-card>header{min-height:86px;display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border-bottom:1px solid #ffffff16;background:linear-gradient(90deg,#241016ed,#101017ed 58%,#15131aef),url('ghostly-shot-practice.png') center 48%/cover}
.profile-mode-card>header p{margin:0 0 6px;color:#ef3949;font:800 9px 'Barlow Condensed';letter-spacing:1.8px}
.profile-mode-card>header h3{margin:0;color:#fff;font:900 32px/.86 'Barlow Condensed';letter-spacing:.5px}.profile-mode-card>header h3 span{color:#ef3949}
.profile-mode-card>header>span{padding:7px 10px;border:1px solid #ffffff1d;background:#0b0c11b8;color:#8e878e;font:800 9px 'Barlow Condensed';letter-spacing:1.3px}
.practice-overview{min-height:185px;display:grid;grid-template-columns:1.1fr .9fr;border-bottom:1px solid #ffffff16}
.practice-overview>div{display:flex;flex-direction:column;justify-content:center;padding:28px 31px}.practice-overview>div+div{border-left:1px solid #ffffff16}
.practice-overview small{color:#878188;font:800 10px 'Barlow Condensed';letter-spacing:1.2px}
.global-elo-block>strong{margin:8px 0 6px;color:#fff;font:900 64px/.83 'Barlow Condensed';letter-spacing:-1px}.global-elo-block p,.practice-record p{margin:6px 0 0;color:#817b82;font-size:10px}
.practice-record>strong{display:flex;align-items:baseline;gap:8px;margin-top:13px;color:#fff;font:900 37px 'Barlow Condensed'}.practice-record>strong em{color:#7d777d;font:800 12px 'Barlow Condensed';font-style:normal}.practice-record>strong i{color:#4c474d;font-style:normal}.practice-record p b{color:#eee9ec;font-size:12px}
.streak-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ffffff16}.streak-grid>div{display:flex;align-items:center;justify-content:space-between;padding:17px 27px}.streak-grid>div+div{border-left:1px solid #ffffff16}.streak-grid span{color:#7f7980;font:800 9px 'Barlow Condensed';letter-spacing:1px}.streak-grid strong{color:#fff;font:900 25px 'Barlow Condensed'}
.profile-kit-section{padding:22px 25px 25px}.profile-section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.profile-section-label span,.profile-section-label small{font:800 9px 'Barlow Condensed';letter-spacing:1.2px}.profile-section-label span{color:#eee9ec}.profile-section-label small{color:#746e75}
.profile-kit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-kit{min-height:68px;display:flex;flex-direction:column;justify-content:center;padding:11px 14px;border:1px solid #ffffff14;background:linear-gradient(135deg,#ffffff07,#ffffff01);position:relative;overflow:hidden}.profile-kit:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ef3949;box-shadow:0 0 12px #ef394988}.profile-kit span{color:#f04454;font:900 14px/1 'Barlow Condensed';letter-spacing:.55px}.profile-kit strong{margin-top:7px;color:#fff;font:900 17px 'Barlow Condensed';letter-spacing:.25px}

.uhc-profile-card>header{background:linear-gradient(90deg,#241016ed,#101017ed 58%,#15131aef),url('ghostly-shot-winter.png') center 48%/cover}
.uhc-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.uhc-profile-grid>div{min-height:92px;display:flex;flex-direction:column;justify-content:center;padding:20px 24px}.uhc-profile-grid>div+div{border-left:1px solid #ffffff16}.uhc-profile-grid span{color:#817b82;font:800 9px 'Barlow Condensed';letter-spacing:1px}.uhc-profile-grid strong{margin-top:6px;color:#fff;font:900 31px 'Barlow Condensed'}.uhc-profile-grid>div:nth-child(2) strong{color:#f1bd45}.uhc-profile-grid>div:nth-child(3) strong{color:#6be188}.uhc-profile-grid>div:nth-child(4) strong{color:#ef6672}.profile-no-data{margin:0;padding:12px 24px;border-top:1px solid #ffffff13;color:#7e787e;font-size:10px}
.profile-update-note{margin:14px 0 0;color:#777179;font-size:10px}

.profile-player-row{cursor:pointer}.profile-player-row td{transition:background .16s,color .16s}.profile-player-row:focus{outline:1px solid #ef3949;outline-offset:-2px}.profile-player-row:focus td,.profile-player-row:hover td{background:#241219!important}.profile-player-row .player-identity b:after{content:" ↗";color:#ef3949;font-size:9px;opacity:0;transition:opacity .16s}.profile-player-row:hover .player-identity b:after,.profile-player-row:focus .player-identity b:after{opacity:1}

@media(max-width:980px){.player-profile{grid-template-columns:240px minmax(0,1fr)}.player-identity-panel{padding-inline:18px}.profile-kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-overview{grid-template-columns:1fr}.practice-overview>div+div{border-left:0;border-top:1px solid #ffffff16}.global-elo-block>strong{font-size:54px}}
@media(max-width:850px){.player-page{padding-inline:18px}.player-search{align-items:stretch;flex-direction:column}.player-search form{width:100%}.player-profile{grid-template-columns:1fr}.player-identity-panel{min-height:610px}.profile-skin{height:300px}.profile-skin img{height:288px}.profile-dates{margin-top:28px}}
@media(max-width:570px){.player-search h1{font-size:42px}.player-search form{display:grid;grid-template-columns:1fr}.player-search button{min-height:44px;border-left:0;border-top:1px solid #ffffff24}.practice-overview>div{padding:24px 20px}.streak-grid{grid-template-columns:1fr}.streak-grid>div+div{border-left:0;border-top:1px solid #ffffff16}.profile-kit-grid{grid-template-columns:1fr 1fr}.profile-kit-section{padding-inline:16px}.profile-kit span{font-size:12px}.uhc-profile-grid{grid-template-columns:1fr 1fr}.uhc-profile-grid>div:nth-child(3){border-left:0;border-top:1px solid #ffffff16}.uhc-profile-grid>div:nth-child(4){border-top:1px solid #ffffff16}.profile-mode-card>header{padding-inline:18px}}
