@import "https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap";
:root{--bg:#050505;--panel:#0d0d0d;--panel-raised:#111;--panel-soft:#090909;--line:#292929;--line-soft:#1b1b1b;--text:#f5f5f5;--muted:#a8a8a8;--faint:#777;--orange:#d39a45;--orange-hover:#e3ac59;--green:#55c779;--red:#ed706c;--blue:#69aaff;--violet:#a88cf7;--cyan:#5bc6d6;--radius:6px}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;font-size:15px;font-weight:400;line-height:1.5}button,a,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange-hover);outline-offset:2px}::selection{background:var(--orange);color:#15100a}.pageShell{width:min(1280px,100% - 48px);margin:0 auto}.wordmark{color:var(--text);letter-spacing:.1em;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.siteHeader{border-bottom:1px solid var(--line-soft);align-items:center;gap:34px;min-height:68px;display:flex}.mainNav{color:var(--muted);align-items:center;gap:26px;margin-left:auto;font-size:14px;display:flex}.mainNav a:hover{color:var(--text)}.headerActions{gap:10px;margin-left:8px;display:flex}.button{border-radius:var(--radius);min-height:38px;color:var(--text);cursor:pointer;background:#141414;border:1px solid #383838;justify-content:center;align-items:center;padding:9px 14px;font-size:14px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.button:hover{background:#1b1b1b;border-color:#4a4a4a}.buttonPrimary{color:#17110a;background:linear-gradient(#d8a04a,#b77c2f);border-color:#e4b86e}.buttonPrimary:hover{background:linear-gradient(#e2aa57,#c48735);border-color:#edc47e}.buttonDiscord{color:#fff;background:linear-gradient(#5865f2,#4752c4);border-color:#7280ff}.buttonDiscord:hover{background:linear-gradient(#6975f5,#5865d8);border-color:#8b95ff}.buttonDiscord:focus-visible{outline-color:#7280ff}.buttonGhost{background:#111}.buttonDanger{color:#ffd7d5;background:#421b1a;border-color:#7a3735}.buttonDanger:hover{border-color:var(--red);background:#562321}.buttonLarge{min-height:44px;padding:11px 18px;font-size:15px}.buttonSmall{white-space:nowrap;min-height:32px;padding:6px 10px;font-size:13px}.buttonWide{width:100%;margin-top:20px}.textLink,.sectionBar a,.backRow a{color:var(--orange-hover);font-size:14px}.textLink:hover,.sectionBar a:hover,.backRow a:hover{color:#f0c67f}.textButton{color:var(--orange-hover);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:500}.textButton:hover{color:#f0c67f}.positiveText{color:var(--green)}.negativeText{color:var(--red)}.ratingText{color:var(--blue)}.ratingNeutral,.gradeText,.gradeDisplay{color:var(--muted)}.gradeText[data-grade^=C],.gradeDisplay[data-grade^=C]{color:#35e85b}.gradeText[data-grade^=B],.gradeDisplay[data-grade^=B]{color:#e7df3a}.gradeText[data-grade=A-],.gradeDisplay[data-grade=A-]{color:#ff9e3d}.gradeText[data-grade=A],.gradeDisplay[data-grade=A]{color:#ff6b38}.gradeText[data-grade=A\+],.gradeText[data-grade=Invite],.gradeDisplay[data-grade=A\+],.gradeDisplay[data-grade=Invite]{color:#e32636}.rankJourney{grid-column:1/-1;width:100%;min-width:0;margin-top:2px}.rankJourneyRail{align-items:center;width:100%;min-width:0;display:flex}.rankJourneyNode{flex:0 0 32px;place-items:center;width:32px;display:grid}.rankJourneyNode .rankGaugeCompact{width:32px}.rankJourneyNode .rankGaugeCompact path{stroke-width:20px}.rankJourneyNode .rankGaugeCompact strong{font-size:11px}.rankJourneySegment{background:#292929;border-radius:999px;flex:auto;min-width:4px;height:5px;margin:0 2px;display:block;position:relative;overflow:hidden}.rankJourneySegment:before{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--segment-start), var(--segment-end));width:100%;clip-path:inset(0 calc(100% - var(--segment-progress)) 0 0 round 999px);transition:clip-path .35s;position:absolute;inset:0}.rankJourneySegmentMode .rankJourneyRail{grid-template-columns:32px minmax(0,1fr) 32px;gap:8px;display:grid}.rankJourneySegmentMode .rankJourneySegment{background:#292929;margin:0}.mutedText{color:var(--muted)}.statusDot{background:var(--green);border-radius:50%;flex:none;width:8px;height:8px}.statusDotIdle{background:var(--faint)}.formError{color:var(--red);margin:10px 0 0;font-size:13px}.formMessage{color:var(--muted);font-size:13px}.emptyState{border:1px solid var(--line-soft);border-radius:var(--radius);min-height:112px;color:var(--muted);background:var(--panel-soft);text-align:center;place-items:center;padding:18px;display:grid}.textInput{border-radius:var(--radius);width:100%;min-height:40px;color:var(--text);background:#0b0b0b;border:1px solid #353535;padding:9px 11px}.textInput::placeholder{color:#6e6e6e}.textArea{resize:vertical;min-height:128px}.fieldLabel{color:var(--muted);gap:7px;font-size:13px;display:grid}.formStack{gap:14px;margin-top:22px;display:grid}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;display:grid}.formRow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.plainPanel pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;overflow-x:auto}.signInControl{gap:6px;display:grid}.gameIdentity{align-items:center;gap:12px;min-width:0;display:flex}.gameIdentity h2,.gameIdentity h3{margin:0;font-size:16px;font-weight:600;line-height:1.3}.gameIdentity>div>span{color:var(--muted);margin-top:2px;font-size:13px;display:block}.gameLogo{border-radius:var(--radius);width:38px;height:38px;color:var(--muted);background:#151515;border:1px solid #303030;flex:none;place-items:center;font-size:12px;display:grid;overflow:hidden}.gameLogo img{object-fit:contain;width:100%;height:100%}.gameLogosmall{width:30px;height:30px}.gameLogomedium{width:38px;height:38px}.gameLogolarge{width:52px;height:52px}.profileAvatar{border-radius:var(--radius);background:#161616;border:1px solid #353535;flex:none;place-items:center;display:grid;overflow:hidden}.profileAvatar img{object-fit:cover;width:100%;height:100%}.profileAvatar svg{fill:none;stroke:#8b8b8b;stroke-width:2px;stroke-linecap:round;width:58%;height:58%}.profileAvatarsmall{width:34px;height:34px}.profileAvatarmedium{width:52px;height:52px}.profileAvatarlarge{width:176px;height:176px}.marketingPage,.appPage{background:var(--bg);min-height:100vh}.homeHero{border-bottom:1px solid var(--line-soft);align-items:center;gap:72px;min-height:520px;padding:72px 30px;display:flex}.homeHeroCopy{flex:1;max-width:720px}.homeHeroCopy h1{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(42px,5vw,64px);font-weight:600;line-height:1.05}.homeHeroCopy p{max-width:650px;color:var(--muted);margin:0;font-size:17px;line-height:1.65}.heroActions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.homeStatusPanel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex:0 410px;padding:24px}.homeStatusPanel h2{margin:0 0 8px;font-size:22px;font-weight:600}.homeStatusPanel p{color:var(--muted);margin:0;line-height:1.6}.homeFeatureRow{border-bottom:1px solid var(--line-soft);display:flex}.homeFeatureRow article{border-right:1px solid var(--line-soft);flex:1;padding:40px 30px}.homeFeatureRow article:last-child{border-right:0}.homeFeatureRow h2{margin:0 0 8px;font-size:19px;font-weight:600}.homeFeatureRow p{color:var(--muted);margin:0;line-height:1.6}.siteFooter{min-height:76px;color:var(--faint);justify-content:space-between;align-items:center;font-size:13px;display:flex}.footerLinks{gap:18px;display:flex}.footerLinks a:hover{color:var(--text)}.homeLanding{position:relative}.homeLandingHeader{z-index:20;width:100%;position:absolute;top:0;left:0}.homeLandingHeader .siteHeader{border-color:#ffffff29}.homeLandingHeader .mainNav{color:#ffffffb8}.homeAuthError{z-index:25;width:min(620px,100% - 48px);position:absolute;top:82px;left:50%;transform:translate(-50%)}.homeAuthError>div{border-radius:var(--radius);background:#0d0d0df0;border:1px solid #ff704380;gap:8px;padding:14px 16px;display:grid;box-shadow:0 14px 34px #0000004d}.homeAuthError strong{color:var(--orange-hover);font-size:13px;font-weight:650}.homeAuthError p{color:var(--text);margin:0;font-size:13px;line-height:1.45}.homeAuthError .button{justify-self:start}.cinematicHome{--cinema-progress:0;background:#030303;height:400vh;position:relative}.cinematicSticky{isolation:isolate;height:100vh;min-height:560px;position:sticky;top:0;overflow:hidden}.cinematicVideo{z-index:-3;object-fit:cover;width:calc(100% + 24px);height:calc(100% + 24px);filter:blur(calc(var(--cinema-progress) * 10px)) brightness(calc(.78 - var(--cinema-progress) * .38)) saturate(calc(1 - var(--cinema-progress) * .2));transform:scale(calc(1.025 + var(--cinema-progress) * .025));will-change:filter, transform;position:absolute;inset:-12px}.cinematicShade{z-index:-2;background:linear-gradient(90deg,#000000d1 0%,#0000007a 46%,#0000001f 72%,#0000004d 100%);position:absolute;inset:0}.cinematicShade:after{content:"";background:rgba(0,0,0,calc(var(--cinema-progress) * .28));position:absolute;inset:0}.cinematicContent{align-items:center;height:100%;display:flex;position:relative}.cinematicCopy{width:min(720px,72vw);min-height:390px;position:relative}.cinematicChapter{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-height:390px;transition:opacity .42s,transform .42s;display:flex;position:absolute;inset:0 auto auto 0;transform:translateY(22px)}.cinematicChapterActive{opacity:1;pointer-events:auto;transform:translateY(0)}.cinematicChapter>span{color:var(--orange-hover);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.cinematicChapter h1{letter-spacing:-.045em;text-wrap:balance;max-width:700px;margin:14px 0 18px;font-size:clamp(44px,5.4vw,76px);font-weight:600;line-height:.98}.cinematicChapter p{color:#ffffffbd;max-width:600px;margin:0;font-size:clamp(16px,1.45vw,20px);line-height:1.6}.cinematicProgress{gap:11px;display:grid;position:absolute;right:0}.cinematicProgress span{background:#ffffff47;width:3px;height:24px;transition:height .24s,background .24s;display:block}.cinematicProgress .cinematicProgressActive{background:var(--orange-hover);height:44px}.cinematicScrollCue{color:#ffffff94;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:34px;left:0}.cinematicScrollCue>span{background:currentColor;width:28px;height:1px}.homeLanding .siteFooter{min-height:90px}@media (max-width:700px){.formGrid{grid-template-columns:1fr}.homeLandingHeader .mainNav{display:none}.homeLandingHeader .siteHeader{gap:14px}.homeLandingHeader .headerActions{margin-left:auto}.cinematicSticky{min-height:520px}.cinematicCopy{width:calc(100% - 28px);min-height:420px}.cinematicChapter{min-height:420px}.cinematicChapter h1{font-size:clamp(40px,12vw,58px)}.cinematicChapter p{font-size:16px;line-height:1.5}.cinematicProgress{right:2px}.cinematicScrollCue{bottom:22px}}@media (prefers-reduced-motion:reduce){.cinematicVideo{filter:brightness(.48);transform:scale(1.03)}.cinematicChapter,.cinematicProgress span{transition:none}}.signupLayout{place-items:center;min-height:620px;padding:56px 0;display:grid}.signupCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(520px,100%);padding:28px}.signupCard h1{margin:4px 0 8px;font-size:28px;font-weight:600}.signupCard p{color:var(--muted);margin:0 0 22px}.signupStep{color:var(--orange-hover);font-size:13px;font-weight:600}.sanctionAccessCard{max-width:620px}.sanctionAccessActions{flex-wrap:wrap;gap:10px;display:flex}.sanctionDetails{border-top:1px solid var(--line-soft);gap:0;margin:8px 0 20px;display:grid}.sanctionDetails>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:18px;padding:10px 0;display:flex}.sanctionDetails span,.sanctionPublicNote>span{color:var(--muted);font-size:12px}.sanctionDetails strong{text-align:right;font-size:13px;font-weight:600}.sanctionPublicNote{border:1px solid var(--line-soft);background:var(--panel-soft);margin:0 0 20px;padding:12px 14px}.sanctionPublicNote p{color:var(--text);white-space:pre-wrap;margin:5px 0 0;font-size:14px;line-height:1.55}.policyConsent{color:var(--muted);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.policyConsent input{accent-color:var(--green);margin-top:3px}.policyConsent a{color:var(--orange-hover)}.policyConsent a:hover{color:#f0c67f}.policyPage{width:min(860px,100%);margin:0 auto;padding:64px 0 80px}.policyPage>header{border-bottom:1px solid var(--line);padding-bottom:28px}.policyPage>header h1{margin:0 0 8px;font-size:38px;font-weight:600}.policyPage>header p{color:var(--muted);margin:0;font-size:16px}.policySection{border-bottom:1px solid var(--line-soft);padding:24px 0}.policySection h2{margin:0 0 10px;font-size:18px;font-weight:600}.policySection p{color:var(--muted);margin:0;line-height:1.7}.policySection p+p{margin-top:10px}.policyActions{padding-top:24px}.appHeader{z-index:30;border-bottom:1px solid var(--line-soft);background:#050505fa;position:sticky;top:0}.appHeaderInner{align-items:center;gap:30px;width:min(1360px,100% - 44px);min-height:64px;margin:0 auto;display:flex}.appNav{align-self:stretch;align-items:stretch;gap:2px;display:flex}.appNav a{color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:500;display:flex;position:relative}.appNav a:hover{color:var(--text)}.appNav .navActive{color:var(--text);border-bottom-color:var(--orange)}.notificationCount{background:var(--green);color:#071009;border-radius:4px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex}.accountNav{align-items:center;margin-left:auto;display:flex}.accountChip{border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:5px 6px;display:flex}.accountChip:hover,.accountChip[data-state=open]{background:#151515}.accountChipText strong,.accountChipText small{display:block}.accountChipText strong{font-size:14px;font-weight:600}.accountChipText small{color:var(--faint);margin-top:1px;font-size:12px}.accountChevron{border-right:1px solid var(--faint);border-bottom:1px solid var(--faint);width:8px;height:8px;margin:-4px 3px 0;transform:rotate(45deg)}.dropdownContent{z-index:50;border-radius:var(--radius);background:#111;border:1px solid #333;min-width:188px;padding:6px}.dropdownItem{color:var(--text);cursor:pointer;border-radius:4px;outline:none;padding:9px 10px;font-size:14px}.dropdownItem[data-highlighted]{background:#1d1d1d}.dropdownSeparator{background:var(--line);height:1px;margin:5px 0}.dropdownDanger{color:var(--red)}.appContent{width:min(1280px,100% - 48px);margin:0 auto;padding:36px 0 76px}.pageIntro{border-bottom:1px solid var(--line-soft);padding:0 0 24px}.compactIntro{padding-bottom:20px}.pageIntroRow{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.pageIntro h1,.dashboardTop h1,.matchSummary h1,.queueGameHeading h1{letter-spacing:-.018em;margin:0;font-size:30px;font-weight:600;line-height:1.15}.pageIntro p,.matchSummary p{max-width:700px;color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.55}.contentSection,.profileSection{margin-top:30px}.contentSectionFlush{margin-top:24px}.sectionBar{justify-content:space-between;align-items:center;gap:20px;min-height:38px;margin-bottom:12px;display:flex}.sectionBar h2{margin:0;font-size:18px;font-weight:600}.sectionBar>span{color:var(--muted);font-size:13px}.plainPanel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.backRow{margin-bottom:20px}.dashboardTop{justify-content:space-between;align-items:center;gap:24px;min-height:64px;margin-bottom:22px;display:flex}.dashboardStats{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:repeat(4,1fr);margin-bottom:26px;display:grid}.dashboardStats>div{border-right:1px solid var(--line-soft);padding:15px 17px}.dashboardStats>div:last-child{border-right:0}.dashboardStats span,.dashboardStats small{color:var(--muted);font-size:13px;display:block}.dashboardStats strong{margin:3px 0;font-size:22px;font-weight:600;display:block}.rankGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}:is(.rankGrid:has(>:only-child),.profileRatingGrid:has(>:only-child)){grid-template-columns:minmax(0,1fr)}.rankCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.rankCardTop{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:18px;padding:17px 18px;display:flex}.rankPrimary{grid-template-columns:auto 1fr auto;align-items:end;gap:12px 18px;padding:22px 18px;display:grid}.gradeDisplay{letter-spacing:-.03em;font-size:38px;font-weight:700;line-height:1}.rankPrimary>span{color:var(--muted);padding-bottom:3px;font-size:14px}.rankRating{text-align:right}.rankRating span{color:var(--muted);font-size:12px;display:block}.rankRating strong{margin-top:2px;font-size:21px;font-weight:600;display:block}.rankFooter{border-top:1px solid var(--line-soft);color:var(--muted);gap:20px;padding:12px 18px;font-size:13px;display:flex}.placementProgress{padding:20px 18px 18px}.placementProgressHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.placementProgressHeader strong{font-size:14px;font-weight:600}.placementProgressHeader span{color:var(--orange-hover);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.placementTrack{grid-template-columns:repeat(5,minmax(42px,1fr));margin-top:18px;display:grid}.placementStep{justify-items:center;gap:7px;min-width:0;display:grid;position:relative}.placementStep:not(:last-child):after{content:"";z-index:0;background:var(--line);width:calc(100% - 36px);height:1px;position:absolute;top:38px;left:calc(50% + 18px)}.placementStepNumber,.placementStepState{color:var(--faint);font-size:11px}.placementNode{z-index:1;width:34px;height:34px;color:var(--muted);background:#121212;border:1px dashed #4a4a4a;border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid;position:relative}.placementNode svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:16px;height:16px}.placementNodeComplete{border-style:solid;border-color:var(--orange);color:var(--orange-hover);background:#1d1108}.placementNodeNext{border-style:solid;border-color:#777}.placementStep:has(.placementNodeComplete) .placementStepState{color:var(--text)}.placementProgress p{color:var(--muted);margin:16px 0 0;font-size:12px}.routeErrorPage{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.routeErrorPanel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(520px,100%);padding:28px}.routeErrorPanel>span{color:var(--orange-hover);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.routeErrorPanel h1{margin:10px 0 8px;font-size:26px;font-weight:600}.routeErrorPanel p{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.55}.tonightBar,.discordPanel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);justify-content:space-between;align-items:center;gap:20px;min-height:62px;margin-top:24px;padding:13px 17px;display:flex}.tonightBar>div{align-items:center;gap:10px;display:flex}.tonightBar>div>span:last-child{color:var(--muted);margin-left:8px}.tonightBar strong{font-weight:600}.discordPanel h2{margin:0 0 3px;font-size:17px;font-weight:600}.discordPanel p{color:var(--muted);margin:0;font-size:14px}.gameChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.gameChoiceCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:20px}.gameChoiceCardLocked{border-color:var(--line-soft);opacity:.72}.gameChoiceLock{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.gameChoiceLockedBody{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);align-content:center;gap:4px;min-height:92px;margin-top:20px;display:grid}.gameChoiceLockedBody strong{font-size:15px;font-weight:600}.gameChoiceLockedBody span{color:var(--muted);font-size:13px}.gameChoiceTop{justify-content:space-between;align-items:center;display:flex}.gameChoiceStats{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 1fr;margin-top:20px;display:grid}.gameChoiceStats>div{padding:14px 0}.gameChoiceStats span{color:var(--muted);font-size:13px;display:block}.gameChoiceStats strong{margin-top:3px;font-size:19px;font-weight:600;display:block}.queuePanel{max-width:880px;margin:0 auto}.queueGameHeading{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:28px;padding:10px 0 24px;display:flex}.queueOwnRating{text-align:right}.queueOwnRating strong,.queueOwnRating span{display:block}.queueOwnRating strong{font-size:28px;font-weight:700;line-height:1.1}.queueOwnRating span{margin-top:4px;font-size:17px;font-weight:500}.queueModeBadge{color:var(--blue);letter-spacing:.04em;text-transform:uppercase;margin-top:7px;font-size:12px;display:inline-block}.queueStatusCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:16px;margin-top:20px;padding:24px;display:grid}.queueStatusCardSearching{border-color:#69aaff73;box-shadow:0 18px 50px #1a49881f}.queueStatusCard .buttonWide{margin-top:0}.queueStatusCard>.notificationKind{justify-self:start}.queueStateLine{align-items:center;gap:9px;display:flex}.queueStateLine strong{font-weight:600}.queueMetrics{border:1px solid var(--line-soft);border-radius:var(--radius);grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.queueMetrics>div{border-right:1px solid var(--line-soft);padding:13px}.queueMetrics>div:last-child{border-right:0}.queueMetrics span{color:var(--muted);font-size:12px;display:block}.queueMetrics strong{margin-top:3px;font-size:14px;font-weight:600;display:block}.queueMetrics small{color:var(--faint);margin-top:3px;font-size:11px;display:block}.queueActionButton{letter-spacing:.01em;border-width:1px;justify-self:center;width:min(100%,430px);min-height:72px;margin-top:4px;padding:15px 30px;font-size:20px;position:relative;overflow:hidden}.queueActionButtonSearching{--queue-angle:0deg;color:#eef6ff;background:conic-gradient(from var(--queue-angle), #1b56a8 0%, #1b56a8 1%, #729dd8 100%);border-color:#b9dcff;animation:2.8s linear infinite queueRadarSweep}.queueActionButtonSearching:hover,.queueActionButtonSearching:focus-visible{color:#fff;background:conic-gradient(from var(--queue-angle), #1b56a8 0%, #1b56a8 1%, #729dd8 100%);border-color:#d5ebff}@property --queue-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes queueRadarSweep{0%{--queue-angle:0deg}to{--queue-angle:360deg}}.adminQueueModeBar{border-top:1px solid var(--line-soft);margin-top:26px;padding-top:20px}.readyCheckBackdrop,.modalBackdrop{z-index:80;background:#000000d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.readyCheckDialog,.modalPanel{border-radius:var(--radius);background:#0d0d0d;border:1px solid #404040;width:min(480px,100%);padding:26px}.readyCheckDialog{text-align:center}.readyTimer{color:var(--orange-hover);font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1;display:block}.readyCheckDialog h2{margin:12px 0 5px;font-size:25px;font-weight:600}.readyCheckDialog p{color:var(--muted);margin:0}.readyActions{grid-template-columns:1fr;margin-top:22px;display:grid}.readyAccepted{border-radius:var(--radius);color:var(--green);background:#0b140e;border:1px solid #285a35;margin-top:22px;padding:12px}.matchTableWrap,.simpleTableWrap,.scoreboardWrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);width:100%;overflow-x:auto}.matchTable,.simpleTable,.scoreboardTable{border-collapse:collapse;table-layout:fixed;width:100%}.matchTable th,.matchTable td,.simpleTable th,.simpleTable td,.scoreboardTable th,.scoreboardTable td{border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle;padding:12px 14px}.matchTable tbody tr:last-child td,.simpleTable tbody tr:last-child td,.scoreboardTable tbody tr:last-child td{border-bottom:0}.matchTable th,.simpleTable th,.scoreboardTable th{color:var(--muted);background:#0c0c0c;font-size:12px;font-weight:600}.matchTable td,.simpleTable td,.scoreboardTable td{font-size:14px}.matchColIdentity{width:42%}.matchColStat{width:7%}.matchColDamage{width:12%}.matchColRating{width:10%}.matchColAction{width:15%}.matchTable th:nth-child(2),.matchTable td:nth-child(2),.matchTable th:nth-child(3),.matchTable td:nth-child(3),.matchTable th:nth-child(4),.matchTable td:nth-child(4),.matchTable th:nth-child(5),.matchTable td:nth-child(5),.matchTable th:nth-child(6),.matchTable td:nth-child(6){text-align:center;font-variant-numeric:tabular-nums}.matchTable th:nth-child(7),.matchTable td:nth-child(7){text-align:right}.matchIdentity{align-items:center;gap:11px;min-width:0;display:flex}.matchIdentity strong,.matchIdentity small{display:block}.matchIdentity strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.matchIdentity small{color:var(--muted);margin-top:2px;font-size:12px}.resultMarker{border:1px solid;border-radius:4px;justify-content:center;min-width:38px;padding:3px 6px;font-size:11px;font-weight:700;display:inline-flex}.resultWIN{color:var(--green);background:#0d1710;border-color:#285a35}.resultLOSS{color:var(--red);background:#180d0d;border-color:#623130}.resultDRAW{color:var(--cyan);background:#0b1517;border-color:#28515a}.resultCANCELLED{color:var(--muted);background:#111;border-color:#444}.filterGroup{gap:6px;display:flex}.filterButton{border:1px solid var(--line);border-radius:var(--radius);min-width:52px;min-height:34px;color:var(--muted);background:#111;justify-content:center;align-items:center;padding:7px 12px;font-size:14px;font-weight:500;display:inline-flex}.filterButton:hover{color:var(--text);border-color:#424242}.filterActive{color:var(--text);background:#17130d;border-color:#825f2c}.leaderboardTable{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);overflow:hidden}.leaderboardRow{border-bottom:1px solid var(--line-soft);grid-template-columns:50px minmax(180px,1.4fr) .7fr .8fr .7fr .7fr;align-items:center;gap:14px;min-height:54px;padding:0 16px;font-size:14px;display:grid}.leaderboardRow:last-child{border-bottom:0}.leaderboardRow strong{font-weight:600}.leaderboardRow a:hover strong{color:var(--orange-hover)}.leaderboardHeader{min-height:38px;color:var(--muted);background:#0d0d0d;font-size:12px;font-weight:600}.matchSummary{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr auto;align-items:center;gap:34px;padding:20px 0 28px;display:grid}.scoreBlock{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-size:14px;display:grid}.scoreBlock strong{color:var(--text);white-space:nowrap;font-size:30px;font-weight:600}.scoreBlock span:last-child{text-align:right}.teamHeading{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:10px;display:flex}.teamHeading>div{align-items:center;gap:10px;display:flex}.teamHeading h2{margin:0;font-size:18px;font-weight:600}.teamHeading>strong{font-size:22px;font-weight:600}.scoreboardTable{min-width:900px}.scoreboardTable th:first-child{width:22%}.scoreboardTable th:nth-child(2){width:10%}.scoreboardTable th:last-child{width:8%}.scoreboardTable td strong{font-weight:600}.connectionPanel,.matchActions{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:16px 18px;display:flex}.connectionPanel h2,.matchActions h2{margin:0 0 2px;font-size:16px;font-weight:600}.connectionPanel p,.matchActions p{color:var(--muted);margin:0}.connectionPassword{color:var(--blue);font-variant-numeric:tabular-nums}.detailPanel{padding:20px}.detailPanel h2{margin:0 0 14px;font-size:17px;font-weight:600}.detailPanel dl{margin:0}.detailPanel dl div{border-top:1px solid var(--line-soft);justify-content:space-between;gap:20px;padding:9px 0;display:flex}.detailPanel dt{color:var(--muted)}.detailPanel dd{margin:0}.playerProfileLayout{grid-template-columns:230px minmax(0,1fr);gap:34px;display:grid}.profileRail{border-right:1px solid var(--line-soft);align-self:start;min-height:620px;padding-right:28px;position:sticky;top:100px}.profileRail h1{overflow-wrap:anywhere;margin:16px 0 4px;font-size:25px;font-weight:600}.profileRail>p{color:var(--muted);margin:0;font-size:13px}.profileRailDivider{background:var(--line-soft);height:1px;margin:22px 0}.profileRail h2{margin:0 0 12px;font-size:15px;font-weight:600}.profileGameHistory{gap:8px;display:grid}.profileGameHistory>div{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel-soft);align-items:center;gap:10px;padding:9px;display:flex}.profileGameHistory strong,.profileGameHistory small{display:block}.profileGameHistory strong{font-size:13px;font-weight:600}.profileGameHistory small{color:var(--muted);font-size:12px}.profileMain{min-width:0}.profileRatingGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profileRatingCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.profileRatingHeader{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:14px 17px;display:flex}.leaderboardPosition{color:var(--cyan);font-size:14px;font-weight:600}.profileRankHero{align-items:baseline;gap:12px;padding:22px 18px 6px;display:flex}.profileRankHero .gradeDisplay{font-size:46px}.matchRoomHero{background-position:50%;background-size:cover}.matchRoomGrid{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr) minmax(0,1fr);align-items:start;gap:18px;margin:22px 0;display:grid}.matchRoomTeam,.matchRoomCenter>article,.matchConnectCard,.matchConnectPending{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.matchRoomTeam>.sectionBar{border-bottom:1px solid var(--line-soft);min-height:60px;margin:0;padding:0 16px}.matchRoomTeam>.sectionBar h2{font-size:18px;line-height:1.2}.matchRoomTeam>.sectionBar>span{font-size:16px;font-weight:600}.matchRoomPlayer{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:11px 14px;display:flex}.matchRoomTeam>.sectionBar+.matchRoomPlayer{border-top:0}.matchRoomPlayerIdentity{align-items:center;gap:9px;min-width:0;display:flex}.matchRoomPlayerIdentity>span{gap:4px;min-width:0;display:grid}.matchRoomPlayerIdentity .profileAvatar{flex:none}.matchRoomPlayer strong{text-overflow:ellipsis;overflow:hidden}.matchRoomPlayer small,.matchRoomStatus small,.matchMapCard small,.matchConnectCard small{color:var(--muted)}.matchRoomPlayer b{flex:none;font-size:14px}.matchRoomCenter{gap:14px;display:grid}.matchRoomStatus{text-align:center;text-transform:capitalize;gap:6px;padding:16px;display:grid}.matchRoomStatus span,.matchMapCard span,.matchConnectCard span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.matchRoomStatus strong{font-size:20px}.queueCooldownCard{background:#ff704314;border:1px solid #ff704359;border-radius:10px;justify-content:space-between;gap:18px;padding:14px 16px;display:flex}.queueCooldownCard div{gap:4px;display:grid}.queueCooldownCard div+div{text-align:right}.queueCooldownCard span{color:var(--muted);font-size:12px}.queuePresence{z-index:70;border:1px solid var(--line);border-radius:var(--radius);background:#0f1210f5;align-items:center;gap:18px;max-width:min(440px,100vw - 36px);padding:14px 16px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 16px 42px #00000059}.queuePresence>div:first-child{gap:3px;min-width:0;display:grid}.queuePresenceLabel{color:var(--green);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.queuePresence strong{font-size:14px;font-weight:650}.queuePresence small{color:var(--muted);font-size:12px}.queuePresenceActions{flex-shrink:0;align-items:center;gap:7px;display:flex}.adminMatchControls{gap:14px;max-width:680px;display:grid}.adminDangerConfirm{background:#ee464614;border:1px solid #ee464673;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.adminDangerConfirm p{color:var(--muted);flex-basis:100%;margin:0}@media (max-width:640px){.queueCooldownCard{flex-direction:column}.queueCooldownCard div+div{text-align:left}.queuePresence{justify-content:space-between;gap:10px;max-width:none;bottom:10px;left:10px;right:10px}}.matchMapCard{isolation:isolate;background:#111;flex-direction:column;justify-content:flex-end;min-height:210px;display:flex;position:relative;overflow:hidden}.matchMapArtwork{z-index:0;object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.matchMapShade{z-index:1;pointer-events:none;background:linear-gradient(#0a0a0a1f,#0a0a0aeb);position:absolute;inset:0}.matchMapContent{z-index:2;flex-direction:column;flex:1;justify-content:flex-end;gap:5px;padding:18px;display:flex;position:relative}.matchMapCard strong{font-size:25px}.matchVetoPanel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:8px;padding:12px;display:grid}.matchVetoHeading{justify-content:space-between;align-items:center;padding:2px 2px 6px;display:flex}.matchVetoHeading>div{gap:3px;display:grid}.matchVetoPool .matchVetoMapVoters{text-overflow:clip;flex-direction:row;justify-content:flex-start;gap:3px;min-height:24px;margin-top:4px;display:flex;overflow:visible}.matchVetoMapVoters .profileAvatar{border-color:#0a0a0ae6;border-radius:50%;width:24px;height:24px}.matchVetoHeading span{letter-spacing:.08em;text-transform:uppercase;font-size:12px}.matchVetoHeading small{color:var(--muted)}.matchVetoPool{grid-template-columns:1fr;gap:7px;display:grid}.matchVetoPool>div{border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:7px;flex-direction:column;justify-content:flex-end;min-height:70px;padding:10px 12px;display:flex}.matchVetoPool>button,.matchVetoPool>label{border:1px solid var(--line);min-height:70px;color:var(--text);background-color:var(--panel);text-align:left;cursor:pointer;background-position:50%;background-size:cover;border-radius:7px;flex-direction:column;justify-content:flex-end;padding:10px 12px;display:flex}.matchVetoPool>button:hover:not(:disabled),.matchVetoPool>label:hover{border-color:var(--orange-hover);background-position:50% 47%;transform:translate(2px)}.matchVetoPool>button:disabled{cursor:wait;opacity:.65}.matchVetoPool>label input{opacity:0;pointer-events:none;position:absolute}.matchVetoPool span{text-overflow:ellipsis;font-size:14px;font-weight:750;overflow:hidden}.matchVetoPool small{color:#b9b9b9;font-size:10px}.matchVetoPool .selected{border-color:#f1a23c;box-shadow:inset 0 0 0 1px #f1a23c}.matchVetoPool .removed{filter:grayscale();opacity:.34}.matchConnectCard{gap:14px;padding:16px;display:grid}.matchConnectCard>div{gap:5px;display:grid}.matchConnectCard .button{text-align:center}.matchConnectPending{color:var(--muted);text-align:center;padding:18px}.matchroomTabs{border-bottom:1px solid var(--line);align-items:center;gap:4px;margin:22px 0 0;display:flex}.matchroomTabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:11px 14px;font-size:13px;font-weight:650;display:inline-flex}.matchroomTabs button:hover:not(:disabled){color:var(--text)}.matchroomTabs button.active{border-bottom-color:var(--orange);color:var(--text)}.matchroomTabs button:disabled{cursor:not-allowed;opacity:.52}.matchroomTabs small{background:var(--panel-soft);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:2px 5px;font-size:9px}.matchStatsPanel{gap:18px;margin:22px 0;display:grid}.matchStatsPending{border-radius:var(--radius);background:#eba53d0f;border:1px solid #eba53d61;gap:4px;padding:14px 16px;display:grid}.matchStatsPending strong{font-size:14px}.matchStatsPending small,.matchStatsSectionHeading>small{color:var(--muted);line-height:1.45}.matchStatsMetrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.matchStatsMetrics article{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:4px;min-height:104px;padding:15px;display:grid}.matchStatsMetrics span,.matchStatsSectionHeading span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:650}.matchStatsMetrics strong{font-variant-numeric:tabular-nums;align-self:end;font-size:25px;line-height:1}.matchStatsMetrics small{color:var(--muted);font-size:12px}.matchStatsChart,.matchStatsSection{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.matchStatsChartHeading,.matchStatsSectionHeading{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 18px;display:flex}.matchStatsChartHeading>div,.matchStatsSectionHeading>div{gap:4px;display:grid}.matchStatsChartHeading strong,.matchStatsSectionHeading h2{margin:0;font-size:16px;font-weight:650}.matchStatsChartHeading small{color:var(--muted);font-size:12px}.matchStatsChartHeading>span{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.matchStatsChartHeading i{border-radius:50%;width:9px;height:9px;margin-left:5px;display:inline-block}.matchStatsChartHeading i:first-child{margin-left:0}.teamASwatch{background:#efa442}.teamBSwatch{background:#75a6ea}.matchStatsChart svg{width:100%;height:auto;padding:8px 10px 4px;display:block;overflow:visible}.matchStatsChart line{stroke:#ffffff14;stroke-width:1px}.matchStatsChart text{fill:var(--muted);font-size:10px}.matchStatsLine{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.matchStatsLineA{stroke:#efa442}.matchStatsLineB{stroke:#75a6ea}.matchStatsDotA{fill:#efa442}.matchStatsDotB{fill:#75a6ea}.matchStatsTableWrap{overflow-x:auto}.matchStatsTable{border-collapse:collapse;width:100%;min-width:1150px}.matchStatsTable th,.matchStatsTable td{border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle;font-variant-numeric:tabular-nums;white-space:nowrap;padding:12px 14px;font-size:13px}.matchStatsTable th{color:var(--muted);background:var(--panel-soft);letter-spacing:.025em;text-transform:uppercase;font-size:11px;font-weight:650}.matchStatsTable tbody tr:last-child td{border-bottom:0}.matchStatsTable td>strong,.matchStatsTable td>small{display:block}.matchStatsTable td>small{color:var(--muted);margin-top:3px;font-size:11px}.matchStatsDamage{isolation:isolate;min-width:95px;position:relative;overflow:hidden}.matchStatsDamage span{z-index:-1;background:#efa44229;border-radius:2px;position:absolute;inset:-4px auto -4px 0}.matchStatsDamage{padding:3px 5px}.matchStatRating{border:1px solid var(--line);background:var(--panel-soft);border-radius:4px;justify-content:center;min-width:31px;padding:3px 5px;font-size:12px;display:inline-flex}.impactTier{border-radius:4px;padding:3px 6px;font-size:11px;font-weight:650;display:inline-flex}.impactTierbad{color:#f27b70;background:#f27b701a}.impactTieraverage{color:#b4b4b4;background:#ffffff12}.impactTiergood{color:#f1b75a;background:#f1b75a1a}.impactTiercarry{color:#80cf91;background:#80cf911a}.impactTierPending{color:var(--muted);background:var(--panel-soft)}.matchStatsDrilldown .matchStatsSectionHeading label{color:var(--muted);gap:4px;font-size:11px;display:grid}.matchStatsDrilldown select{border:1px solid var(--line);min-width:160px;color:var(--text);background:var(--panel-soft);font:inherit;border-radius:5px;padding:7px 27px 7px 8px;font-size:12px}.playerRoundGraph{align-items:end;gap:7px;min-height:186px;padding:18px;display:flex;overflow-x:auto}.playerRoundColumn{text-align:center;flex:1 0 33px;grid-template-rows:1fr auto auto;align-items:end;gap:4px;min-width:33px;height:150px;padding:0 2px;display:grid;position:relative}.playerRoundDamage{background:linear-gradient(#f6bb5d,#cc7b2a);border-radius:2px 2px 0 0;align-self:end;width:100%;min-height:2px}.playerRoundColumn strong{font-variant-numeric:tabular-nums;font-size:11px}.playerRoundColumn small{color:var(--muted);font-size:10px}.matchStatsEmpty{color:var(--muted);text-align:center;padding:22px;font-size:13px}@media (max-width:800px){.matchStatsMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.matchStatsChartHeading,.matchStatsSectionHeading{flex-direction:column;gap:10px}.matchStatsChartHeading>span{white-space:normal}.matchStatsDrilldown .matchStatsSectionHeading label,.matchStatsDrilldown select{width:100%}}@media (max-width:980px){.matchRoomGrid{grid-template-columns:1fr}.matchRoomCenter{grid-row:1}}.adminTestControls{grid-template-columns:repeat(2,minmax(180px,1fr)) auto;align-items:end;gap:12px;display:grid}@media (max-width:760px){.adminTestControls{grid-template-columns:1fr}}.adminMapActions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.adminMapActions>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.adminMapActions small,.adminMapOrder>span{color:var(--muted);font-size:12px}.profileRankHero span{color:var(--muted)}.profileRatingSecondary{align-items:baseline;gap:8px;padding:0 18px 20px;display:flex}.profileRatingSecondary span{color:var(--muted);font-size:13px}.profileRatingSecondary strong{font-size:20px;font-weight:600}.profileRatingCard>.rankJourney{width:auto;margin:0 18px 20px}.profileRatingMeta{border-top:1px solid var(--line-soft);color:var(--muted);gap:18px;padding:12px 18px;font-size:13px;display:flex}.performanceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profileStatsGrid{gap:16px;display:grid}.profileStatsCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.profileStatsHeader{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.profileStatsHeader h3,.profileStatsPerformanceHeading h3,.profileStatsTable h3{margin:0;font-size:16px;font-weight:650}.profileStatsHeader span,.profileStatsPerformanceHeading span{color:var(--muted);font-size:12px}.profileStatsPerformance{padding:16px 18px 0}.profileStatsPerformanceHeading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.profileStatsMetricGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.profileStatsToggle{border:1px solid var(--line-soft);background:var(--panel-soft);border-radius:6px;align-items:center;gap:2px;padding:2px;display:inline-flex}.profileStatsToggle button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:5px 9px;font-size:11px}.profileStatsToggle button:hover{background:var(--panel-raised);color:var(--text)}.profileStatsToggle button.active{background:var(--line);color:var(--text)}.profileStatsToggle button:disabled{cursor:not-allowed;opacity:.4}.profileStatsMetricGrid>div{border:1px solid var(--line-soft);background:var(--panel-soft);border-radius:7px;gap:4px;padding:11px 10px;display:grid}.profileStatsMetricGrid strong{font-variant-numeric:tabular-nums;font-size:17px}.profileStatsMetricGrid span{color:var(--muted);font-size:11px}.profileStatsColumns{grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px;display:grid}.profileStatsTable{border:1px solid var(--line-soft);border-radius:7px;overflow:hidden}.profileStatsTable h3{background:var(--panel-soft);border-bottom:1px solid var(--line-soft);padding:12px}.profileStatRow{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:13px;display:flex}.profileStatRow:last-child{border-bottom:0}.profileStatRow span{color:var(--muted)}.profileStatRow strong{font-variant-numeric:tabular-nums}.profileRatingBadges{flex-wrap:wrap;gap:8px;padding:0 18px 18px;display:flex}.profileRatingBadges span{border:1px solid var(--line-soft);color:var(--muted);border-radius:5px;padding:5px 8px;font-size:12px}.profileRatingBadges strong{color:var(--text)}.performanceCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.performanceHeader{justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.performanceRecord{gap:10px;font-size:13px;display:flex}.performanceChange{border-top:1px solid var(--line-soft);color:var(--muted);justify-content:space-between;padding:10px 16px;display:flex}.performanceChange strong{font-weight:600}.performanceLine{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:#090909;width:100%;height:128px;display:block}.performanceLine polyline{stroke-width:2px}.performanceLineblue polyline{stroke:var(--blue)}.performanceLineviolet polyline{stroke:var(--violet)}.performanceMetrics{grid-template-columns:repeat(4,1fr);display:grid}.performanceMetrics>div{border-right:1px solid var(--line-soft);padding:12px}.performanceMetrics>div:last-child{border-right:0}.performanceMetrics span{color:var(--muted);font-size:12px;display:block}.performanceMetrics strong{margin-top:3px;font-size:15px;font-weight:600;display:block}.primeScheduleList{border-top:1px solid var(--line);margin-top:24px}.primeScheduleList article{border-bottom:1px solid var(--line-soft);grid-template-columns:1.2fr .6fr 1fr;align-items:center;gap:24px;min-height:58px;padding:0 14px;display:grid}.primeScheduleList article>span:last-child{color:var(--muted);text-align:right}.primeScheduleList strong{font-weight:600}.notificationsLayout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;margin-top:24px;display:grid}.notificationColumn{min-width:0}.notificationToolbar{min-height:40px;color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.notificationList{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.notificationItem{border-bottom:1px solid var(--line-soft);background:var(--panel-soft);justify-content:space-between;gap:24px;padding:18px;display:flex}.notificationItem:last-child{border-bottom:0}.notificationUnread{border-left:2px solid var(--green);background:#0c110e}.notificationKind{color:var(--cyan);text-transform:capitalize;font-size:12px}.notificationItem h2{margin:4px 0;font-size:16px;font-weight:600}.notificationItem p{color:var(--muted);margin:0 0 7px;font-size:14px}.notificationItem time{color:var(--faint);white-space:nowrap;font-size:12px}.preferencePanel{padding:20px}.preferenceHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.preferencePanel h2{margin:0;font-size:17px;font-weight:600}.toggleRow,.volumeRow{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:20px;padding:13px 0;display:flex}.toggleRow strong,.toggleRow small,.volumeRow strong,.volumeRow small{display:block}.toggleRow strong,.volumeRow strong{font-size:14px;font-weight:600}.toggleRow small,.volumeRow small{color:var(--muted);margin-top:2px;font-size:12px}.toggleRow input{accent-color:var(--green)}.volumeRow{flex-wrap:wrap}.volumeRow>span{flex:1}.volumeRow input[type=range]{width:100%;accent-color:var(--green);order:3}.settingsStack{gap:14px;margin-top:24px;display:grid}.settingsPanel{grid-template-columns:minmax(220px,.9fr) minmax(320px,1.1fr);align-items:start;gap:30px;padding:20px;display:grid}.settingsPanel h2{margin:0 0 5px;font-size:17px;font-weight:600}.settingsPanel p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.settingsPanel dl{margin:0}.settingsPanel dl div{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:20px;padding:8px 0;display:flex}.settingsPanel dt{color:var(--muted)}.settingsPanel dd{margin:0;font-weight:500}.settingsControl{grid-template-columns:1fr auto;align-items:start;gap:9px;display:grid}.settingsControl small{grid-column:1/-1}.linkedAccountBody{gap:12px;display:grid}.policySettingsBody{justify-items:start;gap:12px;display:grid}.policyLinks{gap:18px;display:flex}.entitlementRow{color:var(--muted);gap:18px;font-size:13px;display:flex}.settingsSecurityBody{gap:18px;display:grid}.passwordFields{grid-template-columns:1fr 1fr auto;gap:8px;display:grid}.passwordFields small{grid-column:1/-1}.sessionList{border-top:1px solid var(--line-soft)}.sessionRow{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:18px;padding:11px 0;display:flex}.sessionRow strong,.sessionRow small{display:block}.sessionRow strong{font-size:14px;font-weight:600}.sessionRow small{color:var(--muted);font-size:12px}.dangerPanel{border-color:#4b2c2c}.deletionAction{text-align:right;justify-self:end}.modalHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.modalHeader h2{margin:0;font-size:20px;font-weight:600}.modalPanel .fieldLabel+.fieldLabel{margin-top:14px}.modalActions{justify-content:flex-end;margin-top:18px;display:flex}.modalIntro{color:var(--muted);margin:0;line-height:1.6}.discordDialogActions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.discordQueueDialog{max-width:520px}.subNav{border-bottom:1px solid var(--line-soft);gap:4px;margin:18px 0 24px;padding-bottom:10px;display:flex;overflow-x:auto}.subNav a{border-radius:var(--radius);color:var(--muted);white-space:nowrap;padding:7px 10px;font-size:14px}.subNav a:hover,.subNav .subNavActive{color:var(--text);background:#141414}.adminMetricGrid{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.adminMetricGrid article{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:16px}.adminMetricGrid article:nth-child(4n){border-right:0}.adminMetricGrid article:nth-last-child(-n+4){border-bottom:0}.adminMetricGrid span{color:var(--muted);font-size:13px;display:block}.adminMetricGrid strong{margin-top:3px;font-size:23px;font-weight:600;display:block}.adminSplit{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.adminSplit>article{padding:18px}.adminSplit h2,.adminSplit h3{margin:0 0 12px;font-size:17px;font-weight:600}.panelIntro{color:var(--muted);margin:-5px 0 12px;font-size:13px}.adminStatusRow{border-top:1px solid var(--line-soft);align-items:center;gap:18px;padding:10px 0;display:flex}.adminStatusRow strong{min-width:90px;font-weight:600}.adminStatusRow span{color:var(--muted)}.adminSearch{grid-template-columns:minmax(240px,520px) auto;gap:10px;margin-bottom:20px;display:grid}.appealFilter{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:20px;display:flex}.appealFilter .fieldLabel{min-width:240px}.simpleTable{table-layout:auto;min-width:760px}.simpleTable td small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.adminActionForm{grid-template-columns:180px minmax(220px,1fr) auto;gap:8px;margin-bottom:14px;display:grid}.adminNav{z-index:8;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;gap:3px;margin:20px 0 28px;padding:5px;display:flex;position:sticky;top:8px;overflow-x:auto}.adminNav+.adminSplit,.adminNav+.settingsStack,.adminNav+.contentSection,.adminNav+.contentSectionFlush,.adminNav+.simpleTableWrap{margin-top:0}.adminNav a{color:var(--muted);border-radius:7px;flex:none;padding:9px 13px;font-size:13px;font-weight:600}.adminNav a:hover{color:var(--text);background:var(--panel-raised)}.adminNav .adminNavActive{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-soft);background:#232323}.appealStatement{white-space:pre-wrap;max-width:360px;line-height:1.45;display:block}.moderationWorkspace{gap:18px;display:grid}.moderationEditPanel{border:1px solid var(--orange);background:#10100f;border-radius:8px;gap:14px;padding:16px;display:grid}.moderationEditPanel .sectionBar{margin:0}.moderationFormGrid{border:1px solid var(--line-soft);background:#0d0d0d;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.moderationFormGrid label{align-content:start;gap:6px;display:grid}.moderationFormGrid label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.moderationDuration{grid-template-columns:1fr 1fr;gap:8px;display:grid}.moderationDuration small{color:var(--muted);grid-column:1/-1}.moderationNotes{grid-column:1/-1}.moderationNotes textarea{resize:vertical;min-height:92px}.checkboxField{grid-column:1/-1;align-items:center;gap:8px!important;display:flex!important}.checkboxField>span{text-transform:none!important;letter-spacing:normal!important;font-weight:400!important}.checkboxField input{accent-color:var(--green)}.moderationSubmit{align-items:center;gap:12px;display:flex}.adminLoading{grid-template-columns:repeat(3,1fr);align-content:center;gap:12px;min-height:240px;padding:24px;display:grid}.adminLoading div{border:1px solid var(--line-soft);background:linear-gradient(100deg,#111 30%,#191919 48%,#111 66%) 0 0/300% 100%;border-radius:8px;height:110px;animation:1.2s infinite adminLoading}.adminLoading span{color:var(--muted);text-align:center;grid-column:1/-1;font-size:13px}@keyframes adminLoading{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:820px){.moderationFormGrid{grid-template-columns:1fr}.moderationNotes{grid-column:auto}.adminLoading{grid-template-columns:1fr}.adminLoading span{grid-column:auto}}.inlineActions{gap:10px;display:flex}.adminList{border-top:1px solid var(--line-soft)}.adminList article{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 1fr .5fr;gap:14px;padding:11px 0;display:grid}.reviewRow{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:14px;padding:11px 0;display:flex}.reviewRow strong,.reviewRow span,.reviewRow small{display:block}.reviewRow strong{font-weight:600}.reviewRow span{color:var(--muted)}.reviewRow small{color:var(--faint)}@media (max-width:1080px){.mainNav{display:none}.homeHero{gap:40px;padding-left:0;padding-right:0}.homeFeatureRow{flex-direction:column}.homeFeatureRow article{border-right:0;border-bottom:1px solid var(--line-soft);padding-left:0;padding-right:0}.playerProfileLayout{grid-template-columns:210px minmax(0,1fr);gap:24px}.notificationsLayout{grid-template-columns:1fr}.dashboardStats,.adminMetricGrid{grid-template-columns:repeat(2,1fr)}.dashboardStats>div:nth-child(2){border-right:0}.dashboardStats>div:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}.adminMetricGrid article:nth-child(2n){border-right:0}.adminMetricGrid article:nth-last-child(-n+4){border-bottom:1px solid var(--line-soft)}.adminMetricGrid article:nth-last-child(-n+2){border-bottom:0}.performanceMetrics{grid-template-columns:repeat(2,1fr)}.performanceMetrics>div:nth-child(2){border-right:0}.performanceMetrics>div:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}}@media (max-width:820px){.pageShell,.appContent,.appHeaderInner{width:min(100% - 28px,1280px)}.siteHeader{min-height:62px}.appHeaderInner{gap:14px;min-height:58px}.appNav{border-bottom:1px solid var(--line-soft);background:#050505;padding:0 14px;position:absolute;top:58px;left:0;right:0;overflow-x:auto}.appNav a{min-height:42px;padding:0 10px;font-size:13px}.accountChipText,.accountChevron{display:none}.appContent{padding-top:64px}.homeHero{flex-direction:column;align-items:stretch;min-height:auto;padding:54px 0}.homeHeroCopy h1{font-size:42px}.homeStatusPanel{flex-basis:auto}.siteFooter{gap:6px;padding:20px 0;display:grid}.pageIntroRow{flex-direction:column;align-items:stretch}.rankGrid,.gameChoiceGrid,.profileRatingGrid,.performanceGrid,.adminSplit,.profileStatsColumns{grid-template-columns:1fr}.profileStatsMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.playerProfileLayout{grid-template-columns:1fr}.profileRail{border-right:0;border-bottom:1px solid var(--line-soft);min-height:0;padding:0 0 24px;position:static}.profileAvatarlarge{width:132px;height:132px}.profileGameHistory{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboardTable{overflow-x:auto}.leaderboardRow{min-width:680px}.matchSummary{grid-template-columns:1fr}.scoreBlock{justify-content:start}.scoreBlock span:last-child{text-align:left}.settingsPanel{grid-template-columns:1fr;gap:18px}.deletionAction{justify-self:end}.primeScheduleList article{grid-template-columns:1fr .6fr}.primeScheduleList article>span:last-child{text-align:left;grid-column:1/-1;padding-bottom:12px}.queueMetrics{grid-template-columns:repeat(2,1fr)}.queueMetrics>div{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.queueMetrics>div:nth-child(2n){border-right:0}.queueMetrics>div:nth-last-child(-n+2){border-bottom:0}.passwordFields,.adminActionForm,.settingsControl{grid-template-columns:1fr}.settingsControl small{grid-column:1}.connectionPanel,.matchActions,.discordPanel{flex-direction:column;align-items:flex-start}.matchTable{min-width:760px}}@media (max-width:560px){.headerActions{display:none}.pageIntro h1,.dashboardTop h1,.matchSummary h1,.queueGameHeading h1{font-size:27px}.queueGameHeading{align-items:flex-start}.queueOwnRating{text-align:left}.queueMetrics,.dashboardStats,.adminMetricGrid{grid-template-columns:1fr}.queueMetrics>div,.dashboardStats>div,.adminMetricGrid article{border-right:0;border-bottom:1px solid var(--line-soft)}.queueMetrics>div:last-child,.dashboardStats>div:last-child,.adminMetricGrid article:last-child{border-bottom:0}.performanceMetrics{grid-template-columns:1fr}.performanceMetrics>div{border-right:0;border-bottom:1px solid var(--line-soft)}.performanceMetrics>div:last-child{border-bottom:0}.rankPrimary{grid-template-columns:1fr auto}.rankRating{text-align:left;grid-column:1/-1}.rankFooter,.profileRatingMeta{flex-wrap:wrap}.profileGameHistory{grid-template-columns:1fr}.notificationItem{flex-direction:column;gap:10px}.notificationItem time{white-space:normal}}.emptyPerformance{color:var(--muted);place-items:center;font-size:13px;display:grid}.moderationPanel{align-items:stretch}.sanctionList{gap:10px;min-width:0;display:grid}.sanctionItem{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 20px;padding:15px 16px;display:grid}.sanctionCopy{min-width:0}.sanctionMeta{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.sanctionMeta strong{font-size:14px;font-weight:600;line-height:1.3}.sanctionMeta span{color:var(--orange-hover);letter-spacing:.01em;font-size:12px;font-weight:600}.sanctionCopy p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.5}.sanctionCopy small{color:var(--faint);margin-top:7px;font-size:12px;display:block}.sanctionActions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.appealForm{border-top:1px solid var(--line-soft);grid-column:1/-1;gap:12px;padding-top:14px;display:grid}.appealActions{justify-content:flex-end;gap:8px;display:flex}.adminControlPanel{justify-content:space-between;align-items:center;gap:24px;padding:16px 18px;display:flex}.adminControlPanel>div:first-child{min-width:0}.adminControlPanel>div:first-child strong,.adminControlPanel>div:first-child span{display:block}.adminControlPanel>div:first-child strong{font-size:14px;font-weight:600}.adminControlPanel>div:first-child span{color:var(--muted);margin-top:3px;font-size:13px}.adminCommandRow{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.adminCommandRow .formMessage{text-align:right;flex-basis:100%;margin-top:2px}.adminMetricGrid>article,.adminMetricGrid>div{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:var(--panel);min-width:0;padding:16px 18px}.adminMetricGrid>article:nth-child(4n),.adminMetricGrid>div:nth-child(4n){border-right:0}.adminMetricGrid>article:nth-last-child(-n+4),.adminMetricGrid>div:nth-last-child(-n+4){border-bottom:0}.adminMetricGrid>article span,.adminMetricGrid>div span{color:var(--muted);font-size:12px;line-height:1.35;display:block}.adminMetricGrid>article strong,.adminMetricGrid>div strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:20px;font-weight:600;line-height:1.25;display:block;overflow:hidden}@media (max-width:720px){.sanctionItem{grid-template-columns:1fr}.sanctionActions{justify-content:flex-start}.adminControlPanel{flex-direction:column;align-items:flex-start}.adminCommandRow{justify-content:flex-start}.adminCommandRow .formMessage{text-align:left}}.accountDropdown{width:210px}.settingsFormPanel,.settingsSecurityPanel{min-width:0}.settingValue{color:var(--muted);font-size:13px;font-weight:500}.interestPanel{justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:18px 20px;display:flex}.interestPanel h2{margin:0 0 4px;font-size:17px;font-weight:600}.interestPanel p{color:var(--muted);margin:0;font-size:14px}.interestActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.moderationMessage{margin:2px 0 0}@media (max-width:720px){.interestPanel{flex-direction:column;align-items:flex-start}.interestActions{justify-content:flex-start}}.adminCrudForm{gap:20px;padding:20px;display:grid}.pagination{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:22px 0;font-size:13px;display:grid}.pagination>:last-child{justify-self:end}.pagination>span:nth-child(2){text-align:center}.adminFormGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:18px;display:grid}.adminWideField{grid-column:1/-1}.adminCheck{flex-direction:row;align-items:center;gap:.55rem;display:flex}.adminCrudList{gap:.7rem;margin-top:.5rem;display:grid}.adminCrudList article{border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(150px,.7fr) minmax(220px,1.5fr) minmax(190px,.8fr) auto;align-items:center;gap:.6rem;padding:.75rem;display:grid}.adminCrudList article>div{gap:.45rem;display:flex}.adminPlacementResult{border-top:1px solid var(--line-soft);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:9px 14px;margin-top:16px;padding-top:16px;font-size:13px;display:flex}.adminPlacementResult strong{color:var(--text);font-size:22px;font-weight:700}@media (max-width:900px){.adminCrudList article{grid-template-columns:1fr}}.rankGauge{aspect-ratio:1;width:112px;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--grade-color,#ff473d) 16%, transparent));flex:none;place-items:center;display:grid;position:relative}.rankGauge:before{content:"";z-index:0;background:radial-gradient(circle at 44% 34%,#1b1b1b 0,#111 43%,#090909 73%,#050505 100%);border-radius:50%;position:absolute;inset:1%;box-shadow:inset 0 2px 12px #ffffff0b,inset 0 -18px 28px #0000009e,0 14px 30px #0000007a}.rankGauge svg{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rankGauge path{fill:none;stroke-width:28px;stroke-linecap:butt;stroke-linejoin:miter}.rankGaugeTrack{stroke:#ffffff17;filter:drop-shadow(0 3px 4px #000c)}.rankGaugeProgress{stroke:var(--grade-color,#ff473d);stroke-dasharray:100;filter:drop-shadow(0 4px 5px #000000b8) drop-shadow(0 0 7px color-mix(in srgb, var(--grade-color,#ff473d) 34%, transparent))}.rankGauge strong{z-index:2;color:#f4f4f4;letter-spacing:-.02em;text-shadow:0 3px 18px #000000b3;font-family:Play,Segoe UI,sans-serif;font-size:34px;font-weight:700;line-height:1;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.rankGaugeSmall{width:76px}.rankGaugeSmall path{stroke-width:25px}.rankGaugeSmall strong{font-size:24px}.rankGaugeTiny{width:42px}.rankGaugeTiny path{stroke-width:23px}.rankGaugeTiny strong{font-size:15px}.rankGaugeCompact{filter:none}.rankGaugeCompact:before{box-shadow:inset 0 2px 8px #ffffff0a,inset 0 -10px 16px #0000009e}.rankGaugeCompact .rankGaugeTrack,.rankGaugeCompact .rankGaugeProgress{filter:none}.rankGaugeCompact strong{top:48%}.gameChoiceCard .rankGaugeCompact strong{top:38%}.rankCelebration{z-index:200;isolation:isolate;background:#020202f0;place-items:center;padding:24px;animation:.7s ease-out both rankSceneIn;display:grid;position:fixed;inset:0;overflow:hidden}.rankCelebration:before{content:"";z-index:-2;background:repeating-conic-gradient(from 0deg, transparent 0 8deg, #ffffff06 8deg 9deg);width:180vmax;height:180vmax;animation:48s linear infinite rankRaySpin;position:absolute;top:50%;left:50%;translate:-50% -50%}.rankCelebrationGlow{aspect-ratio:1;z-index:-1;background:var(--grade-color,#ff473d);opacity:.2;filter:blur(110px);border-radius:50%;width:min(78vw,900px);animation:2.2s cubic-bezier(.16,1,.3,1) both rankGlowBloom;position:absolute;transform:scale(.25)}.rankCelebrationContent{text-align:center;flex-direction:column;align-items:center;display:flex}.rankCelebrationEyebrow{color:var(--muted);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:700;animation:.7s .35s both rankCopyIn}.rankCelebrationDial{aspect-ratio:1;width:min(48vw,320px);filter:drop-shadow(0 0 28px color-mix(in srgb, var(--grade-color,#ff473d) 20%, transparent));place-items:center;margin:22px 0 18px;display:grid;position:relative}.rankCelebrationDial:before{content:"";z-index:0;background:radial-gradient(circle at 44% 34%,#1b1b1b 0,#111 43%,#090909 73%,#050505 100%);border-radius:50%;position:absolute;inset:1%;box-shadow:inset 0 2px 12px #ffffff0b,inset 0 -18px 28px #0000009e,0 18px 38px #00000094}.rankCelebrationDial svg{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rankCelebrationDial path{fill:none;stroke-width:28px;stroke-linecap:butt;stroke-linejoin:miter}.rankCelebrationDialTrack{stroke:#ffffff17;filter:drop-shadow(0 3px 4px #000c)}.rankCelebrationDialProgress{stroke:var(--grade-color,#ff473d);stroke-dasharray:100;stroke-dashoffset:100px;filter:drop-shadow(0 4px 5px #000000b8) drop-shadow(0 0 7px color-mix(in srgb, var(--grade-color,#ff473d) 34%, transparent));animation:1.6s cubic-bezier(.22,.75,.15,1) .3s forwards rankDialFill}.rankCelebrationDialPlacement .rankCelebrationDialProgress{stroke:#d8d8d8;filter:drop-shadow(0 4px 5px #000000b8)drop-shadow(0 0 5px #ffffff29);animation:4.5s cubic-bezier(.2,.68,.18,1) .35s forwards rankDialFill,.3s ease-out 4.85s forwards rankDialColorReveal}.rankCelebrationDialPlacement{filter:drop-shadow(0 0 22px #ffffff17);animation:.3s ease-out 4.85s forwards rankPlacementDialReveal}.rankCelebrationDial strong{z-index:2;color:#f4f4f4;letter-spacing:-.02em;text-shadow:0 3px 20px #000000b3;opacity:0;font-family:Play,Segoe UI,sans-serif;font-size:clamp(54px,7vw,80px);font-weight:700;line-height:1;animation:1s cubic-bezier(.16,1,.3,1) 1.05s forwards rankMarkReveal;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)scale(.35)}.rankCelebrationDialPlacement strong{animation-delay:4.85s}.rankCelebrationContent>p{color:#efefef;letter-spacing:.28em;margin:0;font-size:12px;font-weight:800;animation:.7s .85s both rankCopyIn}.rankCelebrationContent .rankCelebrationDialPlacement+p{animation-delay:5s}.rankCelebrationContent .rankCelebrationDialPlacement~h2{animation-delay:5.15s}.rankCelebrationContent .rankCelebrationDialPlacement~.rankCelebrationCaption{animation-delay:5.3s}.rankCelebrationContent .rankCelebrationDialPlacement~.button{animation-delay:5.45s}.rankCelebrationContent h2{letter-spacing:-.035em;margin:12px 0 7px;font-size:clamp(28px,4vw,46px);animation:.7s 1s both rankCopyIn}.rankCelebrationCaption{color:var(--muted);font-size:14px;animation:.7s 1.12s both rankCopyIn}.rankCelebrationContent .button{margin-top:28px;animation:.7s 1.25s both rankCopyIn}.rankCelebrationParticles{z-index:-1;position:absolute;inset:50%}.rankCelebrationParticles i{opacity:0;width:3px;height:28px;transform:rotate(var(--angle)) translateY(-70px);background:#f5f5f5;border-radius:2px;animation:1.4s cubic-bezier(.2,.8,.2,1) both rankParticle;position:absolute}[data-grade=C-],[data-grade=C],[data-grade=C\+]{--grade-color:#49ea62}[data-grade=B-],[data-grade=B],[data-grade=B\+]{--grade-color:#f4db35}[data-grade=A-],[data-grade=A]{--grade-color:#ff8a35}[data-grade=A\+],[data-grade=Invite]{--grade-color:#ff473d}[data-grade=Unranked]{--grade-color:#858585}@keyframes rankSceneIn{0%{opacity:0}to{opacity:1}}@keyframes rankGlowBloom{0%{opacity:0;transform:scale(.2)}55%{opacity:.32;transform:scale(1)}to{opacity:.2;transform:scale(.8)}}@keyframes rankRaySpin{to{transform:rotate(360deg)}}@keyframes rankDialFill{0%{stroke-dashoffset:100px}to{stroke-dashoffset:var(--rank-offset)}}@keyframes rankDialColorReveal{to{stroke:var(--grade-color,#ff473d);filter:drop-shadow(0 4px 5px #000000b8) drop-shadow(0 0 9px color-mix(in srgb, var(--grade-color,#ff473d) 44%, transparent))}}@keyframes rankPlacementDialReveal{to{filter:drop-shadow(0 0 28px color-mix(in srgb, var(--grade-color,#ff473d) 20%, transparent))}}@keyframes rankMarkReveal{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-50%)scale(.35)}65%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1.08)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes rankCopyIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes rankParticle{0%{opacity:0;transform:rotate(var(--angle)) translateY(-70px) scaleY(.2)}20%{opacity:.8}to{opacity:0;transform:rotate(var(--angle)) translateY(-330px) scaleY(1)}}.rankCelebrationInvite{background:radial-gradient(circle at 50% 46%,#69080552,#020202f7 58%)}.rankCelebrationInvite.rankCelebrationPlacementReveal{background:#020202f7;animation:.7s ease-out both rankSceneIn,.4s ease-out 4.85s forwards placementInviteBackground}.rankCelebrationInvite:after{content:"";z-index:-1;background:linear-gradient(115deg,#0000 38%,#ffffff0e 49%,#ffffff17 50%,#ffffff0e 51%,#0000 62%);animation:1.1s ease-out 1.1s forwards inviteSweep;position:absolute;inset:0;transform:translate(-120%)}.rankCelebrationInvite .rankCelebrationDial{width:min(54vw,360px)}.rankCelebrationInvite .rankCelebrationDialProgress{stroke-width:30px;filter:drop-shadow(0 0 7px #ff473d)}.rankCelebrationInvite .rankCelebrationDial strong{letter-spacing:0;text-transform:uppercase;font-family:Play,Segoe UI,sans-serif;font-size:clamp(58px,7vw,82px);font-weight:700}.rankCelebrationPlacementReveal .rankCelebrationGlow{background:#9c9c9c;animation:2.2s cubic-bezier(.16,1,.3,1) both rankGlowBloom,.35s ease-out 4.85s forwards placementGlowReveal}.rankCelebrationPlacementReveal .rankCelebrationPlacement{animation-delay:5.05s}.rankCelebrationPlacement{z-index:3;color:#fff;letter-spacing:-.02em;opacity:0;background:#0b0b0b;border:1px solid #ffffff40;border-radius:999px;min-width:78px;padding:7px 14px;font-size:20px;font-style:normal;animation:.7s cubic-bezier(.16,1,.3,1) 1.75s forwards invitePlacementIn;position:absolute;bottom:17%;box-shadow:0 8px 30px #00000073}@keyframes inviteSweep{to{transform:translate(120%)}}@keyframes invitePlacementIn{0%{opacity:0;transform:translateY(18px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes placementGlowReveal{to{background:var(--grade-color,#ff473d)}}@keyframes placementInviteBackground{to{background:radial-gradient(circle at 50% 46%,#69080552,#020202f7 58%)}}@media (prefers-reduced-motion:reduce){.rankCelebration,.rankCelebration *,.rankCelebration:before{animation-duration:.01ms!important;animation-delay:0s!important}}