.modal.matchHudModal{background:#101519;border:1px solid #343c46;border-radius:14px;width:min(1500px,97vw);max-width:1500px;max-height:94dvh;padding:24px;overflow:auto}.matchHudModal>.eyebrow,.matchHudModal>h2{display:none}.matchHudModal>.modalclose{float:right;z-index:6;color:#e9edf2;background:#202730;border:1px solid #414b58;border-radius:8px;width:38px;height:38px;margin:0 0 12px 12px;position:sticky;top:0}.matchHud{clear:both;color:#edf0f4;outline:none}.hudLayout{grid-template-columns:minmax(0,1fr) 300px;gap:22px;display:grid}.hudMain{min-width:0}.hudHero{background-position:50%;background-size:cover;border:1px solid #343c46;border-radius:10px;align-items:end;gap:22px;min-height:255px;padding:28px;display:flex}.hudHero .hudCover{border-radius:5px;width:83px;min-width:83px;height:116px;overflow:hidden}.hudCover img,.hudCover svg{object-fit:cover;width:100%;height:100%}.hudHero h2{line-height:1.15;margin:10px 0 15px!important;font-size:31px!important}.hudHero h2 span{color:#b6c0cc;margin-top:7px;font-size:20px;font-weight:500;display:block}.hudBadges{flex-wrap:wrap;gap:7px;display:flex}.hudBadges>span{background:#1d2530bf;border:1px solid #46505d;border-radius:4px;padding:7px 9px;font-size:10px}.hudInfo{grid-template-columns:1.25fr 1fr .8fr;gap:12px;margin:18px 0 25px;display:grid}.hudInfo>div,.hudInfo>button{text-align:left;background:#192027;border:1px solid #333d48;border-radius:8px;align-items:center;gap:14px;min-width:0;padding:18px;display:flex}.hudInfo>div>svg,.hudInfo>button>svg{color:#8995a5;flex-shrink:0}.hudInfo small,.hudSettings small{color:#98a4b4;letter-spacing:1.2px;font-size:9px;display:block}.hudInfo b{align-items:center;gap:5px;margin-top:6px;font-size:13px;display:flex}.hudInfo .matchTime{background:0 0;border:0;margin:6px 0 0;padding:0}.hudInfo .matchTime>svg,.hudInfo .matchTime small{display:none}.hudInfo .matchTime b{font-size:12px}.hudInfo .matchTime span{font-size:10px}.hudSection{margin:24px 0}.hudSection>h3{border-bottom:1px solid #333b46;justify-content:space-between;align-items:center;gap:12px;margin:0 0 15px;padding-bottom:12px;font-size:16px;display:flex;position:relative}.hudSection>h3:after{content:"";background:#ff3d3b;width:64px;height:2px;position:absolute;bottom:-1px;left:0}.hudSection>h3 small{color:#99a4b3;font-size:10px;font-weight:400}.hudTools{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.hudTools button{color:#e5eaf1;background:#192027;border:1px solid #333d48;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:105px;padding:12px 6px;font-size:11px;display:flex}.hudTools button svg{box-sizing:content-box;color:#a1afc1;border:1px solid #3d4855;border-radius:6px;padding:10px}:is(.matchHud button:focus-visible,.matchHud a:focus-visible,.matchHud summary:focus-visible){outline-offset:3px;outline:2px solid #ff625c}.hudSettings{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.hudSettings>div{background:#192027;border:1px solid #333d48;border-radius:8px;grid-template-columns:25px 1fr;gap:9px 13px;padding:18px;display:grid}.hudSettings svg{color:#8494a7;grid-row:span 2}.hudSettings b{overflow-wrap:anywhere;font-size:12px}.hudMaps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hudMaps article{background:radial-gradient(at 100% 0,#293b3e,#0000 70%),#171e25;border:1px solid #38444e;border-radius:8px;padding:20px;position:relative;overflow:hidden}.hudMaps article:after{content:"";pointer-events:none;border:1px solid #52616d33;width:90px;height:90px;position:absolute;top:-18px;right:-18px;transform:rotate(35deg)}.hudMapNumber{color:#ff6960;letter-spacing:1px;font-size:9px;font-weight:700}.hudMaps h4{margin:24px 0 7px;font-size:21px}.hudMaps p{color:#b6c2cf;margin:0 0 22px;font-size:12px}.hudMaps article>div{color:#aebbc9;border-top:1px solid #3b4651;justify-content:space-between;gap:8px;padding-top:12px;font-size:10px;display:flex}.hudMaps article b{color:#e9bd75;font-size:9px}.hudRosters{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hudTeam{background:#171e25;border:1px solid #36404c;border-radius:9px;overflow:hidden}.hudTeamHead{background:linear-gradient(110deg,#202b32,#14191f);align-items:center;gap:12px;min-height:100px;padding:22px;display:flex}.hudTeamHead h4{overflow-wrap:anywhere;margin:0;font-size:19px}.hudTeamHead>span:last-child{color:#ff6a5f;margin-left:auto;font-size:11px}.hudTeamStats{border-block:1px solid #36404c;grid-template-columns:repeat(3,1fr);display:grid}.hudTeamStats>span{text-align:center;letter-spacing:1px;color:#a7b3c3;border-right:1px solid #36404c;padding:13px 4px;font-size:8px}.hudTeamStats b{color:#edf1f6;letter-spacing:0;margin-top:7px;font-size:16px;display:block}.hudPlayers{padding:8px}.hudPlayer{text-align:left;color:#e8edf4;align-items:center;gap:12px;width:100%;min-height:70px;display:flex;background:0 0!important;border:0!important;border-bottom:1px solid #333d48!important;padding:13px 8px!important}.hudPlayer img{object-fit:cover;border-radius:50%;width:38px;height:38px}.hudPlayer>svg:first-child{color:#98a8bb;min-width:30px}.hudPlayer b{font-size:13px;display:block}.hudPlayer small{color:#9aa8b9;overflow-wrap:anywhere;margin-top:5px;font-size:10px;display:block}.hudPlayerRecord{text-align:right;white-space:nowrap;margin-left:auto;font-size:13px}.hudActions{background:#182027;border:1px solid #3c4653;border-radius:8px;margin:25px 0}.hudActions>summary{cursor:pointer;justify-content:space-between;align-items:center;padding:19px;font-size:14px;font-weight:600;display:flex}.hudActions[open]>summary{border-bottom:1px solid #3c4653}.hudExistingActions{padding:20px}.hudExistingActions>.roomMeta,.hudExistingActions>.roomteams,.hudExistingActions>.seriesSchedule,.hudExistingActions>.matchTime,.hudExistingActions>.roomPlaylist,.hudExistingActions>.matchChatButton{display:none}.hudChat{background:#161d24;border:1px solid #36404c;border-radius:9px;flex-direction:column;min-width:0;max-height:76dvh;display:flex;position:sticky;top:0;overflow:hidden}.hudChat>h3{border-bottom:1px solid #36404c;align-items:center;gap:9px;margin:0;padding:18px;font-size:14px;display:flex}.hudChat h3 span{letter-spacing:1px;color:#92a694;margin-left:auto;font-size:8px}.hudChatStream{flex:1;min-height:230px;padding:14px;overflow:auto}.hudChatEmpty{text-align:center;color:#a1afbe;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;min-height:210px;font-size:12px;display:flex}.hudChatEmpty p{margin:0;font-size:11px;line-height:1.7}.hudChat .proofComposer{border-top:1px solid #36404c;margin:0;padding:13px}.hudChat .proofComposer small{font-size:9px}.hudChat .chatMessage{overflow-wrap:anywhere}.hudChat .chatMessage p{white-space:pre-wrap}.hudChat .chatMessage>div{flex-wrap:wrap;gap:5px}.hudChat .chatMessage small{font-size:9px}.hudChat .proofComposeRow textarea{min-height:65px;font-size:14px}.hudNotice{color:#a8d8b8;overflow-wrap:anywhere;font-size:12px}.hudTeam>.help,.hudChat>.help{padding:16px}@media (max-width:1150px){.hudLayout{grid-template-columns:minmax(0,1fr) 270px;gap:15px}.hudTools{grid-template-columns:repeat(3,1fr)}.hudInfo{grid-template-columns:1fr 1fr}.hudInfo>div:first-child{grid-column:1/-1}.hudSettings,.hudRosters{grid-template-columns:1fr}.hudMaps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.modal.matchHudModal{border-radius:10px;width:100%;max-height:96dvh;padding:14px}.hudLayout{grid-template-columns:1fr}.hudHero{gap:14px;min-height:240px;padding:20px 16px}.hudHero .hudCover{width:60px;min-width:60px;height:84px}.hudHero h2{font-size:24px!important}.hudHero h2 span{font-size:16px}.hudInfo{gap:8px}.hudInfo>div,.hudInfo>button{gap:8px;padding:14px 10px}.hudInfo>div>svg,.hudInfo>button>svg{width:18px}.hudChat{min-height:450px;max-height:650px;position:relative}.hudMaps{grid-template-columns:1fr}.hudSection>h3{flex-direction:column;align-items:start}.hudExistingActions{padding:14px}.hudTools button{min-height:95px}.hudHero .eyebrow{font-size:8px}.hudBadges>span{font-size:9px}.hudChat textarea{font-size:16px!important}}@media (prefers-reduced-motion:reduce){.matchHud *{scroll-behavior:auto!important}}.hudDuel{background:#171e25;border:1px solid #333d48;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding:17px 20px;display:flex}.hudDuel>div{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.hudDuel>div:last-child{text-align:right;justify-content:end}.hudDuel b{overflow-wrap:anywhere;font-size:14px}.hudDuel>strong{color:#f5f6f8;white-space:nowrap;font-size:22px}.hudDuel .teamPicture{flex-shrink:0}@media (max-width:760px){.hudDuel{gap:8px;padding:13px 9px}.hudDuel b{font-size:11px}.hudDuel>div{gap:6px}.hudDuel>strong{font-size:18px}}.winnerReportHeading{text-align:center;padding:5px 0 18px}.winnerReportHeading>svg{color:#ff6960}.winnerReportHeading h3{margin:12px 0 8px;font-size:25px}.winnerReportHeading p{color:#a5b1c0;margin:0;font-size:13px}.winnerTeams{grid-template-columns:1fr 1fr;gap:16px;display:grid}.winnerTeams>button{color:#f2f4f7;overflow-wrap:anywhere;background:#202830;border:1px solid #3e4956;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:180px;padding:20px;display:flex;position:relative}.winnerTeams>button.chosen{background:#33282b;border-color:#ff6259;box-shadow:inset 0 0 0 1px #ff625940}.winnerTeams .teamPicture{width:64px;height:64px}.winnerTeams .teamPicture svg{width:36px;height:36px}.winnerTeams b{font-size:17px}.winnerTeams small{color:#a6b2c1;font-size:11px}.winnerTeams>button>svg{color:#ff756b;position:absolute;top:12px;right:12px}.winnerScore{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.winnerScore b{color:#ff8176;font-size:22px}.winnerReport>.primary{justify-content:center;width:100%;margin-top:18px}.winnerReport label small{float:right;color:#9da8b8;font-weight:400}.hudReportOverlay{z-index:110;background:#000c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.hudReportDialog{background:#171e25;border:1px solid #434d59;border-radius:12px;width:min(620px,100%);max-height:92dvh;padding:30px;position:relative;overflow:auto;box-shadow:0 30px 100px #0009}.hudReportClose{color:#dce4ec;background:#242d37;border:1px solid #46515d;border-radius:6px;width:32px;height:32px;font-size:24px;position:absolute;top:12px;right:14px}.skillResultOverlay{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.skillResultCard{text-align:center;color:#f0f3f7;background:#192027;border:1px solid #43505e;border-radius:13px;width:min(520px,100%);max-height:94dvh;padding:35px;position:relative;overflow:auto;box-shadow:0 35px 100px #0009}.skillResultClose{color:#b5c0cc;background:#242d37;border:1px solid #3c4754;border-radius:6px;padding:5px;position:absolute;top:13px;right:13px}.skillResultCard h2{color:#a3afc0;margin:13px 0 25px;font-size:17px;font-weight:500}.skillResultCard h3{margin:15px 0;font-size:17px}.skillResultNumber{justify-content:center;align-items:center;gap:13px;margin:22px 0;display:flex}.skillResultNumber b{letter-spacing:-1px;font-size:44px}.skillResultNumber span{color:#64d7aa;font-size:16px;font-weight:700}.defeat .skillResultNumber span{color:#ff7a80}.skillResultTrack{background:#0e141b;border-radius:20px;height:14px;overflow:hidden}.skillResultTrack>span{background:#6ccfac;border-radius:20px;height:100%;transition:width 1.5s cubic-bezier(.22,.7,.25,1);display:block}.defeat .skillResultTrack>span{background:#e5ab78}.skillResultLabels{color:#a8b3c2;justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.skillResultCard p{margin:25px 0;font-size:15px}.skillResultCard>small{color:#9daab9;font-size:11px;line-height:1.7;display:block}.skillResultCard>.primary{justify-content:center;width:100%;margin-top:25px}.skillResultCard button:focus-visible{outline-offset:3px;outline:2px solid #ff7067}.chatMatchDetails{background:#171e25;border-bottom:1px solid #38414d;padding:14px 18px}.chatMatchDetails summary{cursor:pointer;text-transform:uppercase;letter-spacing:1px;color:#a8b7ca;align-items:center;gap:8px;font-size:11px;display:flex}.chatMatchDetails dl{margin:14px 0;font-size:12px}.chatMatchDetails dl>div{gap:12px;margin:8px 0;display:flex}.chatMatchDetails dt{color:#92a0b2;flex-shrink:0;width:52px}.chatMatchDetails dd{overflow-wrap:anywhere;margin:0}.chatMatchDetails>button{color:#ff847b;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.challengeOptions{color:#a4aebb;margin-top:5px;font-size:9px;display:block}@media (max-width:760px){.hudReportDialog{padding:27px 18px}.winnerTeams{gap:9px}.winnerTeams>button{min-height:155px;padding:15px 10px}.winnerTeams b{font-size:14px}.skillResultCard{padding:32px 22px}.skillResultNumber b{font-size:38px}.winnerReport .formgrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.skillResultTrack>span{transition:none}}.hudMaps article>.mapPreview{z-index:1;border-radius:7px 7px 0 0;margin:-20px -20px 19px;position:relative}.hudMaps article>.mapPreview img{aspect-ratio:16/9;height:auto;min-height:120px;max-height:185px}.hudMaps article:after{display:none}.hudMaps h4{margin-top:13px}.hudMaps article>.mapPreviewMissing{place-items:center;min-height:110px;margin:-20px -20px 18px;display:grid}.hudProgress{background:#151d27;border:1px solid #344253;border-radius:9px;padding:16px}.hudProgress ol{justify-content:space-between;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hudProgress li{color:#97a4b5;align-items:center;gap:7px;font-size:12px;display:flex}.hudProgress li>span{border:1px solid #475363;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.hudProgress li.current{color:#b4d1f3}.hudProgress li.current>span{background:#243e5a;border-color:#718fae}.hudProgress li.done{color:#a9cdb8}.hudProgress p{color:#b0bdce;margin:12px 0 0;font-size:12px;line-height:1.55}.hudProgress.review{border-color:#825144}.hudProgress.review li.current{color:#e7bd83}@media (max-width:600px){.hudProgress{padding:13px}.hudProgress ol{flex-wrap:wrap;justify-content:flex-start;gap:12px 16px}.hudProgress li{font-size:11px}}