.player-hub{margin:0 0 clamp(2.5rem,6vw,5rem);padding:clamp(1.25rem,3vw,2.5rem);color:#f5ead0;background:radial-gradient(circle at 85% 0,rgba(241,90,0,.2),transparent 32%),linear-gradient(135deg,#171310,#0b0a0a 58%,#151022);border:1px solid rgba(241,90,0,.35);box-shadow:0 2rem 5rem rgba(26,13,3,.22);overflow:hidden}.player-hub__heading,.player-hub__section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.player-hub__heading h2{margin:.15rem 0;font-size:clamp(2.2rem,6vw,5.5rem);line-height:.85}.player-hub__heading h2 span{color:#ff5a00}.player-hub__heading p{max-width:44rem;color:#cfc3ad}.player-hub__stats{display:grid;grid-template-columns:minmax(15rem,2fr) repeat(4,1fr);margin:2rem 0;border-block:1px solid rgba(245,234,208,.15)}.player-hub__stats>article{min-height:7.5rem;padding:1.1rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(245,234,208,.15)}.player-hub__stats>article:last-child{border:0}.player-hub__stats span,.player-hub__stats small{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#a99e8c}.player-hub__stats strong{font-family:var(--font-display);font-size:2.2rem}.player-hub__progress{flex-direction:row!important;align-items:center;gap:1rem}.player-hub__progress div:last-child{display:grid}.player-hub__progress div:last-child strong{font-size:1rem;font-family:inherit}.player-hub__progress a{color:#ff6a12;font-size:.8rem}.progress-ring{--size:4.7rem;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:radial-gradient(circle closest-side,#111 76%,transparent 78% 99%),conic-gradient(#ff5a00 calc(var(--progress)*1%),rgba(255,255,255,.12) 0)}.progress-ring strong{font-size:1rem}.player-hub__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.player-hub__grid>section{padding:1.3rem;background:rgba(255,255,255,.045);border:1px solid rgba(245,234,208,.12)}.player-hub__grid>section h3{margin:.15rem 0 .8rem;font-size:clamp(1.5rem,3vw,2.3rem)}.player-hub__next{background:linear-gradient(120deg,rgba(241,90,0,.2),rgba(255,255,255,.035))!important}.player-hub__section-title>span{font-family:var(--font-display);font-size:1.6rem;color:#ff6810}.achievement-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.7rem,1fr));gap:.65rem}.achievement{position:relative;isolation:isolate;min-height:9.2rem;padding:.9rem .55rem .75rem;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#887e70;background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.008) 48%,rgba(0,0,0,.18));border:1px solid rgba(184,166,139,.2);text-align:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.achievement::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.035) 50%,transparent 65%);transform:translateX(-100%)}.achievement:hover{transform:translateY(-2px);border-color:rgba(245,234,208,.36)}.achievement__medallion{position:relative;width:4.75rem;height:4.75rem;display:grid;place-items:center;color:#817568;background:radial-gradient(circle at 38% 30%,#27221d,#111 68%);border:1px solid #5d5347;border-radius:50%;box-shadow:inset 0 0 0 .3rem #151311,0 .45rem 1rem rgba(0,0,0,.35)}.achievement__medallion>svg{position:relative;z-index:2;width:2.55rem;height:2.55rem;fill:none;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}.achievement__rays{position:absolute;z-index:1;inset:-.65rem;border-radius:50%;opacity:.16;background:repeating-conic-gradient(from 8deg,currentColor 0 2deg,transparent 2deg 18deg);-webkit-mask:radial-gradient(circle,transparent 0 55%,#000 57%);mask:radial-gradient(circle,transparent 0 55%,#000 57%)}.achievement__status{position:absolute;z-index:3;right:-.15rem;bottom:-.1rem;width:1.45rem;height:1.45rem;display:grid;place-items:center;color:#928577;background:#111;border:1px solid #675c50;border-radius:50%}.achievement__status svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.player-hub .achievement strong{max-width:8rem;color:currentColor;font-size:.72rem;line-height:1.2}.achievement.is-unlocked{color:#fff4dc;background:radial-gradient(circle at 50% 20%,rgba(255,174,71,.18),transparent 48%),linear-gradient(155deg,rgba(241,90,0,.22),rgba(39,18,7,.76) 55%,#100d0b);border-color:rgba(255,117,36,.72);box-shadow:inset 0 .16rem 0 rgba(255,203,128,.16),0 .6rem 1.4rem rgba(0,0,0,.22)}.achievement.is-unlocked::before{animation:achievement-shine 5s calc(var(--badge-index)*.13s) ease-in-out infinite}.achievement.is-unlocked .achievement__medallion{color:#fff3dc;background:radial-gradient(circle at 36% 28%,#ffb24f,#db4b00 58%,#611b00);border-color:#ffd08a;box-shadow:inset 0 0 0 .3rem rgba(85,22,0,.2),0 0 0 .18rem rgba(255,106,18,.18),0 .55rem 1.25rem rgba(255,83,0,.28)}.achievement.is-unlocked .achievement__rays{opacity:.38}.achievement.is-unlocked .achievement__status{color:#211006;background:#f5ead0;border-color:#fff8e8}.next-goals{margin-top:1rem;padding-left:1rem;border-left:2px solid #ff5a00}.next-goals>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#ff6a12}.next-goals p{margin:.35rem 0;color:#cfc3ad;font-size:.85rem}.player-match-list{list-style:none;margin:0;padding:0}.player-match-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(245,234,208,.12)}.player-match-list div{display:grid}.player-match-list small{color:#a99e8c}.match-result{min-width:4.8rem;color:#d48181;font-size:.7rem;font-weight:800;text-transform:uppercase}.match-result.is-win{color:#72df9a}.casual-form{margin-top:1rem}.casual-form summary{cursor:pointer;color:#ff6a12;font-weight:800}.casual-form form{display:grid;gap:.8rem;margin-top:1rem}.casual-form label{display:grid;gap:.35rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.casual-form input,.casual-form select{min-height:2.9rem;border:1px solid rgba(245,234,208,.25);background:#090909;color:#fff;padding:.65rem}.match-requests article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(245,234,208,.12)}.match-requests article>div{display:grid}.match-requests small{color:#a99e8c}.match-requests .button{padding:.65rem .8rem}.favorite-list{display:flex;flex-wrap:wrap;gap:.5rem}.favorite-list a{padding:.55rem .8rem;color:#f5ead0;border:1px solid rgba(255,102,16,.45)}.player-hub__hint{color:#a99e8c}.player-hub__preferences{grid-column:1/-1}.player-hub__preferences form{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.player-hub__preferences label{display:flex;align-items:flex-start;gap:.7rem;padding:1rem;background:#0d0c0c;border:1px solid rgba(245,234,208,.12)}.player-hub__preferences label span{display:grid}.player-hub__preferences small{color:#a99e8c}.player-hub__preferences button{justify-self:start}.player-hub__notice{margin:1rem 0 0}.player-hub[hidden]{display:none}@keyframes achievement-shine{0%,62%,100%{transform:translateX(-100%)}76%{transform:translateX(100%)}}
@media(max-width:900px){.player-hub__stats{grid-template-columns:repeat(2,1fr)}.player-hub__progress{grid-column:1/-1}.player-hub__grid{grid-template-columns:1fr}.player-hub__preferences{grid-column:auto}.player-hub__preferences form{grid-template-columns:1fr}.player-hub__stats>article{border-bottom:1px solid rgba(245,234,208,.15)}}
@media(max-width:560px){.player-hub{margin-inline:-.65rem;padding:1rem}.player-hub__heading{display:block}.player-hub__heading .button{width:100%;margin-top:1rem}.player-hub__stats{grid-template-columns:1fr 1fr}.player-hub__stats>article{min-height:6rem}.player-hub__progress{grid-column:1/-1}.achievement-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.achievement{min-width:7rem;scroll-snap-align:start}.match-requests article{align-items:flex-start;flex-direction:column}.match-requests article>div:last-child{display:flex}.player-hub__stats strong{font-size:1.7rem}}
.player-hub__connections{grid-column:1/-1}.player-hub__connections>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.player-hub__connections article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem 1rem;padding:1rem;background:#0d0c0c;border:1px solid rgba(245,234,208,.12)}.player-hub__connections article strong{font-family:var(--font-display);font-size:1.4rem}.player-hub__connections article span,.player-hub__connections article small{color:#a99e8c}.player-hub__connections article :is(a,small){grid-column:1/-1;justify-self:start}
@media(max-width:560px){.player-hub__connections>div:last-child{grid-template-columns:1fr}}

.player-hub :is(h2,h3,p,strong,label){color:#f5ead0}.player-hub .eyebrow{color:#ff6810}.player-hub :is(.player-hub__hint,.next-goals p,.player-match-list small,.match-requests small,.player-hub__preferences small){color:#cfc3ad}

.player-hub__next{grid-column:1/-1;background:linear-gradient(120deg,rgba(39,19,78,.42),rgba(255,255,255,.035))!important}
.player-hub,.player-hub__heading>*,.player-hub__section-title>*,.player-hub__grid,.player-hub__grid>section,.player-upcoming-list,.player-upcoming-event__top,.player-upcoming-event__top>div,.player-upcoming-event__games{min-width:0;max-width:100%}
.community-manage-accordion__body .player-hub p.player-hub__notice{color:#21160d}
.community-manage-accordion__body .player-hub p.player-hub__notice.is-error{color:#651d17}
.player-upcoming-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:.85rem;margin-top:1rem}
.player-upcoming-event{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:18rem;padding:1.15rem;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(80,229,226,.17),transparent 44%),linear-gradient(145deg,#13121b,#0b0b0e);border:1px solid rgba(80,229,226,.42)}
.player-upcoming-event::after{content:"";position:absolute;right:-3rem;bottom:-4rem;width:10rem;height:10rem;border:1px solid rgba(80,229,226,.18);transform:rotate(38deg);pointer-events:none}
.player-upcoming-event.is-hadokamp{background:radial-gradient(circle at 100% 0,rgba(255,96,0,.32),transparent 48%),linear-gradient(145deg,#211007,#0b0908);border-color:#ff5a00;box-shadow:inset .28rem 0 0 #ff5a00,0 0 1.8rem rgba(255,90,0,.1)}
.player-upcoming-event__top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;width:100%}
.player-upcoming-event__top>div{display:flex;flex-wrap:wrap;gap:.4rem}
.player-upcoming-event__top time{max-width:11rem;color:#d8cdb8;font-size:.73rem;font-weight:800;line-height:1.35;text-align:right;text-transform:uppercase;letter-spacing:.06em}
.player-upcoming-event__brand,.player-upcoming-event__source{display:inline-flex;padding:.32rem .48rem;color:#061313;background:#50e5e2;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.player-upcoming-event__brand{color:#130802;background:#ff5a00}
.player-upcoming-event.is-hadokamp .player-upcoming-event__source{color:#f5ead0;background:rgba(255,255,255,.09)}
.player-upcoming-event h3{position:relative;z-index:1;margin:1.2rem 0 .4rem!important;max-width:32rem;overflow-wrap:anywhere}
.player-upcoming-event__place{position:relative;z-index:1;max-width:100%;margin:0;overflow-wrap:anywhere;color:#d8cdb8!important;font-size:.9rem}
.player-upcoming-event__games{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 1.25rem}
.player-upcoming-event__games :is(a,span){min-width:0;max-width:100%;padding:.4rem .55rem;overflow-wrap:anywhere;color:#f5ead0;background:rgba(255,255,255,.06);border:1px solid rgba(245,234,208,.18);font-size:.72rem;font-weight:800;line-height:1.2;white-space:normal}
.player-upcoming-event__games a:hover{color:#50e5e2;border-color:#50e5e2}
.player-upcoming-event>.button{position:relative;z-index:1;margin-top:auto}
.player-upcoming-empty{margin-top:1rem;padding:1.2rem;background:#0d0c0c;border:1px dashed rgba(245,234,208,.24)}
.player-upcoming-empty h3{margin-top:0!important}
.player-upcoming-empty p{color:#cfc3ad!important}

@media(max-width:560px){.player-upcoming-event{min-height:0}.player-upcoming-event__top{display:block}.player-upcoming-event__top time{display:block;max-width:none;margin-top:.65rem;text-align:left}.player-upcoming-event>.button{width:100%}}

.player-hub__passport{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,20rem);gap:1rem 2rem;align-items:center;margin:0 0 1rem;padding:1.35rem 1.5rem;border:1px solid rgba(80,229,226,.5);background:radial-gradient(circle at 90% 0,rgba(80,229,226,.16),transparent 38%),linear-gradient(135deg,#13202a,#0d1019)}
.player-hub__passport h3{margin:.15rem 0 .5rem;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1}
.player-hub__passport p:not(.eyebrow){margin:.3rem 0;color:#d8e4e3}
.player-hub__passport-actions{display:grid;gap:.55rem}
.player-hub__passport-actions label{font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.player-hub__passport-actions select{width:100%;min-height:2.8rem;padding:.55rem .7rem;border:1px solid rgba(245,234,208,.45);background:#090d14;color:#fff;font:inherit}
.player-hub__passport-actions select:focus-visible{outline:2px solid #50e5e2;outline-offset:2px}
.player-hub__passport-actions .button{width:100%}
.player-hub__passport-status{grid-column:1/-1;min-height:1.25em;font-size:.85rem}
.player-hub__passport-empty a{color:#50e5e2;text-decoration:underline}
@media(max-width:700px){.player-hub__passport{grid-template-columns:1fr;padding:1rem}}
