.FpSQAG_header{z-index:20;background:var(--surface-background);flex:none;width:100%;position:sticky;top:0}.FpSQAG_headerContent{align-items:center;gap:var(--space-2);width:100%;min-height:var(--shell-header-height);padding-block:var(--space-2);grid-template-columns:minmax(9rem,1fr) minmax(0,auto) auto auto;display:grid;position:relative}.FpSQAG_header[hidden]{display:none}.FpSQAG_skipLink{z-index:100;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-warning);color:var(--text-on-gold);background:var(--surface-gold);position:fixed;top:0;left:1rem;transform:translateY(-150%)}.FpSQAG_skipLink:focus{transform:translateY(.5rem)}.FpSQAG_brand{align-items:center;width:fit-content;max-width:100%;min-height:2.75rem;display:inline-flex}.FpSQAG_brandLogo{color:var(--text-primary);width:clamp(10rem,17vw,16.25rem);max-width:100%;height:auto}.FpSQAG_menuButton{display:none;position:relative}.FpSQAG_headerIcon{width:1.5rem;height:1.5rem;display:block}.FpSQAG_wallet{grid-area:1/3;max-width:16rem}.FpSQAG_notificationControls{align-items:center;gap:var(--space-1);grid-area:1/4;display:flex}.FpSQAG_notificationsButton{width:var(--control-min-height);min-height:var(--control-min-height);color:var(--text-primary);border-radius:var(--radius-control);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:relative}.FpSQAG_notificationsButton:hover{color:var(--color-accent)}.FpSQAG_notificationsButton:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.FpSQAG_notificationCount{background:var(--color-accent-strong);min-width:1.1rem;color:var(--text-on-accent);border-radius:1rem;padding:.1rem .25rem;font-size:.75rem;line-height:1;position:absolute;top:-.3rem;right:-.3rem}.FpSQAG_matchmakingActivity{bottom:var(--space-1);right:var(--space-1);width:var(--space-2);height:var(--space-2);border:var(--border-width) solid var(--surface-background);background:var(--color-accent);border-radius:50%;position:absolute}.FpSQAG_matchmakingActivity[data-state=working]{animation:1.6s ease-in-out infinite alternate FpSQAG_matchmakingPulse}.FpSQAG_matchmakingActivity[data-state=error]{background:var(--color-warning)}.FpSQAG_matchmakingActivity[data-state=found]{background:var(--color-success)}@keyframes FpSQAG_matchmakingPulse{to{opacity:.4}}@media (prefers-reduced-motion:reduce){.FpSQAG_matchmakingActivity[data-state=working]{animation:none}}.FpSQAG_header nav{flex-wrap:wrap;grid-area:1/2;justify-content:flex-end;align-items:center;gap:clamp(.7rem,2.5vw,1.6rem);min-width:0;display:flex}.FpSQAG_header nav a:not(.FpSQAG_authenticationAction){border-bottom:var(--pixel-unit-sm) solid transparent;min-height:2.75rem;color:var(--text-secondary);font:var(--font-label);letter-spacing:.06em;text-transform:uppercase;align-items:center;display:inline-flex}.FpSQAG_header nav a:not(.FpSQAG_authenticationAction):hover,.FpSQAG_header nav a:not(.FpSQAG_authenticationAction)[aria-current]{border-bottom-color:var(--color-accent);color:var(--text-primary)}.FpSQAG_header nav a[href=\/][aria-current=page],.FpSQAG_navigationTitle{display:none}@media (min-width:64.001rem) and (max-width:80rem){.FpSQAG_header nav{gap:var(--space-3)}.FpSQAG_header nav a:not(.FpSQAG_authenticationAction){font-size:var(--font-size-caption);letter-spacing:.04em}}@media (max-width:64rem){.FpSQAG_headerContent{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto auto}.FpSQAG_wallet{grid-area:2/1/auto/-1;justify-self:end;max-width:100%}.FpSQAG_brandLogo{width:clamp(10.5rem,56vw,16.25rem)}.FpSQAG_menuButton{grid-area:1/3;display:inline-grid}.FpSQAG_notificationControls{grid-column:2}.FpSQAG_menuButton,.FpSQAG_notificationsButton{width:var(--control-min-height);height:var(--control-min-height);border:var(--border-width) solid var(--border-muted);border-radius:var(--radius-control);color:var(--text-primary);background:var(--surface-panel-raised);cursor:pointer;place-items:center;padding:0}.FpSQAG_menuButton:hover,.FpSQAG_menuButton:focus-visible,.FpSQAG_notificationsButton:hover,.FpSQAG_notificationsButton:focus-visible,.FpSQAG_header[data-menu-open=true] .FpSQAG_menuButton{border-color:var(--color-accent);color:var(--color-accent)}.FpSQAG_menuButton:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.FpSQAG_header nav{width:min(24rem,100%);max-height:calc(var(--layout-viewport-height) - var(--shell-header-height) - var(--space-4));overscroll-behavior:contain;margin-top:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--border-strong);background:var(--surface-panel);box-shadow:var(--shadow-floating);grid-area:auto;align-items:stretch;display:none;position:absolute;top:100%;right:0;overflow-y:auto}.FpSQAG_header[data-menu-open=true] nav{gap:var(--space-1);grid-template-columns:minmax(0,1fr);display:grid}.FpSQAG_navigationTitle{padding:var(--space-2) var(--space-3) var(--space-3);color:var(--text-muted);font:var(--font-caption);letter-spacing:.08em;text-transform:uppercase;display:block}.FpSQAG_header nav a:not(.FpSQAG_authenticationAction){justify-content:space-between;gap:var(--space-3);min-height:3.5rem;padding:var(--space-3);border:0;border-left:var(--pixel-unit) solid transparent;color:var(--text-primary);letter-spacing:.02em;text-transform:none;font-size:1.25rem}.FpSQAG_header nav a:not(.FpSQAG_authenticationAction):after{content:"";border-top:var(--pixel-unit-sm) solid currentColor;border-right:var(--pixel-unit-sm) solid currentColor;width:.5rem;height:.5rem;color:var(--text-muted);flex:none;transform:rotate(45deg)}.FpSQAG_header nav a:not(.FpSQAG_authenticationAction):hover,.FpSQAG_header nav a:not(.FpSQAG_authenticationAction):focus-visible,.FpSQAG_header nav a:not(.FpSQAG_authenticationAction)[aria-current]{background:var(--surface-panel-raised)}.FpSQAG_header nav a:not(.FpSQAG_authenticationAction)[aria-current]{border-left-color:var(--color-accent)}.FpSQAG_header nav a:not(.FpSQAG_authenticationAction):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(-1 * var(--focus-ring-width))}.FpSQAG_menuButton[aria-expanded=true]>*{visibility:hidden}.FpSQAG_menuButton[aria-expanded=true]:after{content:"";background:currentColor;width:1.5rem;height:1.5rem;margin:auto;position:absolute;inset:0;-webkit-mask:url(/svg/close-line.svg) 50%/contain no-repeat;mask:url(/svg/close-line.svg) 50%/contain no-repeat}}.FpSQAG_logoGloveLeft{animation:1.2s infinite FpSQAG_punchLeft}.FpSQAG_logoGloveRight{animation:1.2s infinite FpSQAG_punchRight}@keyframes FpSQAG_punchLeft{0%,to{transform:translate(0)}15%{animation-timing-function:ease-in;transform:translate(-6px)}25%{transform:translate(3px)}35%{animation-timing-function:ease-out;transform:translate(0)}}@keyframes FpSQAG_punchRight{0%,to{transform:translate(0)}15%{animation-timing-function:ease-in;transform:translate(6px)}25%{transform:translate(-3px)}35%{animation-timing-function:ease-out;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.FpSQAG_logoGloveLeft,.FpSQAG_logoGloveRight{animation:none}}body:has([data-experience-mode=practice]) .FpSQAG_header{display:none}body:has([data-document-chrome=none]) .FpSQAG_header{display:none}.FpSQAG_authenticationActions{align-items:center;gap:var(--space-2);display:flex}.FpSQAG_authenticationAction[aria-current=page]{text-underline-offset:.2em;text-decoration:underline}.FpSQAG_notificationsButton[data-attention],.FpSQAG_notificationsButton[aria-expanded=true]{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--surface-panel));box-shadow:inset 0 0 0 var(--border-width) var(--color-accent)}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-ink:#101114;--color-paper:#faf8f5;--color-accent:#c52230;--color-accent-strong:#c52230;--color-accent-deep:#921824;--color-danger:#a8420d;--color-warning:#855a00;--color-success:#237343;--color-info:#285fa6;--color-spectating:#7445a0;--color-tier-basic:#67615b;--color-tier-standard:#237343;--color-tier-premium:#285fa6;--color-tier-deluxe:#7445a0;--color-tier-legendary:#99400b;--color-tier-mythic:#a32c72;--color-tier-iconic:#00677a;--color-xp:#7a5b00;--color-cash:#0b7034;--surface-xp:#ffdc3d;--text-on-xp:#3b2d00;--surface-cash:#3ccb72;--text-on-cash:#03270e;--meter-xp:#896800;--font-family:var(--font-primary);--font-family-reading:Arial, Helvetica, sans-serif;--font-size-body:1rem;--font-size-label:1rem;--font-size-reading-large:1.0625rem;--font-size-caption:.875rem;--font-size-micro:.75rem;--font-caption:400 var(--font-size-caption) / 1.4 var(--font-family);--font-label:400 var(--font-size-label) / 1.3 var(--font-family);--font-body:400 var(--font-size-body) / 1.5 var(--font-family);--font-reading-large:400 var(--font-size-reading-large) / 1.5 var(--font-family);--font-modal-title:600 clamp(1.125rem, .95rem + .8vw, 1.5rem) / 1.2 var(--font-family);--font-title:400 clamp(2.25rem, 2rem + 1.25vw, 3rem) / .95 var(--font-family);--font-hero:400 clamp(3.5rem, 3rem + 2.5vw, 4.5rem) / .92 var(--font-family);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--layout-content:96rem;--layout-text-measure:46rem;--layout-gutter:clamp(var(--space-4), 2vw, var(--space-8));--layout-panel-padding:clamp(var(--space-4), 2vw, var(--space-6));--layout-page-padding:var(--layout-panel-padding);--layout-section-padding:var(--layout-panel-padding);--layout-section-content-gap:var(--space-3);--layout-section-stack-gap:var(--space-4);--layout-viewport-height:100dvh;--shell-header-height:4.5rem;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--radius-sm:.125rem;--radius-md:.25rem;--radius-control:.625rem;--border-width:.0625rem;--text-primary:#252321;--text-secondary:#4f4a44;--text-muted:#67615b;--text-disabled:#8a847d;--text-on-accent:#fff;--text-inverse:#faf9f7;--surface-background:#ecebe8;--surface-panel:#faf9f7;--surface-panel-raised:#fff;--surface-field:#e8e5e1;--surface-overlay:#faf9f7f7;--surface-backdrop:#1a181675;--surface-danger:color-mix(in srgb, var(--color-danger) 8%, var(--surface-panel));--surface-warning:color-mix(in srgb, var(--color-warning) 9%, var(--surface-panel));--surface-accent-wash:color-mix(in srgb, var(--color-accent) 7%, var(--surface-panel));--surface-gold:#e8b830;--text-on-gold:#332600;--surface-cash-strong:#12823f;--surface-cash-strong-deep:#0a5a2b;--text-on-cash-strong:#fff;--surface-inverse:var(--text-primary);--border-accent:var(--color-accent);--border-accent-strong:color-mix(in srgb, var(--color-accent) 72%, transparent);--border-accent-muted:color-mix(in srgb, var(--color-accent) 30%, transparent);--border-strong:#817b74;--border-muted:#cbc7c1;--border-subtle:#dfdcd7;--text-shadow-artwork:0 1px 2px var(--color-ink), 0 0 2px var(--color-ink);--meter-health:#d92c39;--meter-stamina:#f2cd65;--control-min-height:2.75rem;--control-padding-block:var(--space-2);--control-padding-inline:var(--space-3);--control-affordance-space:var(--control-min-height);--focus-ring-color:#285fa6;--focus-ring-width:.125rem;--focus-ring-offset:.125rem;--motion-duration-fast:.12s;--motion-ease-standard:cubic-bezier(.2, 0, 0, 1);--pixel-unit-sm:.125rem;--pixel-unit:.1875rem;--text-shadow-title:.04em .04em 0 color-mix(in srgb, var(--color-accent) 55%, transparent);--shadow-panel:0 var(--pixel-unit) 0 #18181817;--shadow-floating:0 1rem 3rem #18181829;--shadow-toolbar:0 -.4rem 1.2rem #00000029;--shadow-control:#cbc7c1}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-accent:#ff747d;--color-danger:#ff9152;--color-warning:#f2cd65;--color-success:#83d49a;--color-info:#91baff;--color-spectating:#c5a0ee;--color-tier-basic:#bdb6ae;--color-tier-standard:#83d49a;--color-tier-premium:#91baff;--color-tier-deluxe:#c5a0ee;--color-tier-legendary:#ffad73;--color-tier-mythic:#f3a0d0;--color-tier-iconic:#73dce9;--color-xp:#ffd83d;--color-cash:#5fe08c;--meter-xp:#ffd83d;--text-primary:#f5f3f0;--text-secondary:#d2ccc4;--text-muted:#a8a199;--text-disabled:#938c85;--text-inverse:#252321;--surface-background:#151412;--surface-panel:#1f1d1b;--surface-panel-raised:#2a2825;--surface-field:#35322e;--surface-overlay:#1f1d1bf7;--surface-backdrop:#000000b8;--border-strong:#88817a;--border-muted:#524e49;--border-subtle:#3d3a36;--focus-ring-color:#a8c9ff;--shadow-panel:0 var(--pixel-unit) 0 #00000047;--shadow-floating:0 1rem 3rem #00000073;--shadow-toolbar:0 -.4rem 1.2rem #00000038;--shadow-control:#151412}}html{scrollbar-gutter:stable;background:var(--surface-background);height:100%;font-size:100%}html,body{max-width:100vw;min-height:100%;overflow-x:clip}:is(html:has(dialog[data-pending-modal]),body:has(dialog[data-pending-modal]),html:has(dialog:modal),body:has(dialog:modal)){overscroll-behavior:none;overflow:hidden}:is(html:has([data-experience-mode=player]),html:has([data-experience-mode=practice]),body:has([data-experience-mode=player]),body:has([data-experience-mode=practice])){height:var(--layout-viewport-height);min-height:var(--layout-viewport-height);overscroll-behavior:none;overflow:hidden}html:has([data-document-chrome=none]){scrollbar-gutter:auto}html:has([data-document-chrome=none]) nextjs-portal{display:none}@layer reset{*{box-sizing:border-box;margin:0;padding:0}}body{width:100%;min-height:100vh;min-height:var(--layout-viewport-height);font:var(--font-body);color:var(--text-primary);background:var(--surface-background);flex-direction:column;display:flex}body>main{flex-direction:column;flex:auto;width:100%;max-width:100%;min-height:0;display:flex}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}select option{color:var(--text-primary);background-color:var(--surface-panel)}select option:disabled{color:var(--text-disabled)}img{max-width:100%;display:block}::selection{color:var(--text-on-accent);background:var(--color-accent-strong)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}