/* GENERATED from src/index.css and the app's injected styles by scripts/static-chrome-css.mjs. Do not edit. */
.aq-top-shell{position: relative;
  border-color: color-mix(in srgb, var(--aq-accent) 20%, transparent) !important;}
.aq-chrome-wrap{max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  border: 1px solid color-mix(in srgb, var(--aq-accent) 28%, transparent);
  border-top: none;
  border-radius: 0 0 28px 28px;
  overflow: hidden;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--aq-shadow-ink) 8%, transparent);
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);}
.aq-top-shell{background: color-mix(in srgb, var(--aq-nav) 92%, transparent) !important;}
.aq-brand-lockup{border-radius: 18px;
  transition: background .18s ease, transform .18s ease;}
.aq-brand-lockup:hover{background: color-mix(in srgb, var(--aq-ink) 4.5%, transparent) !important;
  transform: translateY(-1px);}
.aq-brand-mark{width: 62px;
  height: 44px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 32% 26%, color-mix(in srgb, var(--aq-accent) 40%, transparent), transparent 58%),
    linear-gradient(145deg, color-mix(in srgb, var(--aq-card-2) 82%, transparent), color-mix(in srgb, var(--aq-bg) 88%, transparent));
  border: 1px solid color-mix(in srgb, var(--aq-accent) 34%, transparent);
  box-shadow: 0 14px 34px color-mix(in srgb, var(--aq-shadow-ink) 14%, transparent), inset 0 1px 0 rgba(255,255,255,.10);}
.aq-brand-mark::after{content: "";
  position: absolute;
  inset: 3px;
  border-radius: 15px;
  border: 1px solid color-mix(in srgb, var(--aq-accent) 20%, transparent);
  pointer-events: none;}
.aq-brand-mark img{display: block;}
.aq-brand-fish{width: 54px;
  height: 31px;
  object-fit: contain;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 5px 10px color-mix(in srgb, var(--aq-shadow-ink) 16%, transparent));
  animation: aqLogoFloat 3.5s ease-in-out infinite;}
.aq-reg-mark{display: inline-block;
  margin-left: .04em;
  vertical-align: super;
  font-size: .42em;
  line-height: 0;
  font-weight: 900;
  letter-spacing: 0;}
.aq-desktop-nav{flex: 1 1 auto;
  min-width: 0;
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: clamp(3px, .4vw, 8px);
  padding: 4px;
  border: 1px solid color-mix(in srgb, var(--aq-accent) 18%, transparent);
  border-radius: 22px;
  background: color-mix(in srgb, var(--aq-bg) 34%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);}
.aq-desktop-nav-btn{position: relative;
  flex: 0 1 auto;
  min-width: 0;
  min-height: 48px;
  padding: 7px clamp(6px, .55vw, 12px);
  border: 1px solid transparent;
  border-radius: 18px;
  background: transparent;
  color: color-mix(in srgb, var(--aq-ink) 78%, transparent);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(5px, .45vw, 8px);
  font-size: clamp(12px, .8vw, 14px);
  font-weight: 760;
  letter-spacing: 0;
  white-space: nowrap;
  transition: transform .16s ease, color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;}
.aq-desktop-nav-btn:hover{transform: translateY(-1px);
  color: var(--aq-text);
  background: color-mix(in srgb, var(--aq-ink) 5.5%, transparent);}
.aq-desktop-nav-btn.is-active{color: var(--aq-text);
  border-color: color-mix(in srgb, var(--aq-accent) 38%, transparent);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--aq-accent) 18%, transparent), color-mix(in srgb, var(--aq-reef) 10%, transparent)),
    color-mix(in srgb, var(--aq-surface) 58%, transparent);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--aq-shadow-ink) 22%, transparent), inset 0 1px 0 rgba(255,255,255,.08);}
.aq-desktop-nav-btn.is-active::after{content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -5px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--aq-accent), var(--aq-reef));
  box-shadow: 0 0 18px color-mix(in srgb, var(--aq-accent) 58%, transparent);}
.aq-desktop-nav-icon{position: relative;
  font-size: 17px;
  line-height: 1;
  display: inline-flex;}
@media (max-width: 1180px){.aq-chrome-wrap{max-width: calc(100vw - 20px);}.aq-top-shell{gap: 8px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;}.aq-brand-lockup{flex: 0 1 210px;
    max-width: 210px;
    gap: 8px !important;
    padding-right: 4px !important;}.aq-brand-lockup > div{min-width: 0;}.aq-brand-lockup > div > div:first-child{font-size: 19px !important;
    line-height: 1.05 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}.aq-brand-lockup > div > div:nth-child(2){display: none !important;}.aq-brand-mark{width: 50px;
    height: 38px;
    border-radius: 15px;}.aq-brand-mark::after{border-radius: 12px;}.aq-brand-fish{width: 44px;
    height: 25px;}.aq-desktop-nav{flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    gap: 4px;
    padding: 3px;
    border-radius: 18px;}.aq-desktop-nav-btn{flex: 1 1 auto;
    min-height: 44px;
    padding-left: 10px;
    padding-right: 10px;
    gap: 6px;
    font-size: 12px;}.aq-desktop-nav-icon{font-size: 18px;}}
@media (max-width: 1020px) and (min-width: 641px){.aq-chrome-wrap{max-width: calc(100vw - 12px);
    border-radius: 0 0 22px 22px;}.aq-brand-lockup{flex-basis: 170px;
    max-width: 170px;}.aq-desktop-nav{flex: 1 1 330px;}.aq-desktop-nav-btn{min-height: 42px;
    padding: 6px 8px;
    font-size: 11px;}.aq-desktop-nav-icon{display: none;}.aq-top-shell > div:last-child{gap: 6px !important;}.aq-top-shell > div:last-child > div,.aq-top-shell > div:last-child > button{flex-shrink: 0;}}
.aq-signal-global-chrome .aq-top-shell{min-height: 68px;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  box-shadow: none !important;}
.aq-signal-global-chrome .aq-brand-lockup > div > div:last-child{display: none;}
.aq-signal-global-chrome .aq-desktop-nav{align-self: stretch;
  max-width: 640px;
  gap: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;}
.aq-signal-global-chrome .aq-desktop-nav-btn{min-height: 58px;
  padding: 6px 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-weight: 700;
  text-decoration: none;}
.aq-signal-global-chrome .aq-desktop-nav-btn:hover{background: transparent;}
.aq-signal-global-chrome .aq-desktop-nav-btn.is-active{border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--aq-accent);}
.aq-signal-global-chrome .aq-desktop-nav-btn.is-active::after{left: 12px;
  right: 12px;
  bottom: -1px;
  height: 3px;}
.aq-signal-global-chrome .aq-desktop-nav-icon{display: none;}
.aq-signal-mobile-tank-chrome .aq-header-actions > :not(.aq-theme-toggle){display: none !important;}
@media (max-width: 760px){.aq-signal-global-chrome .aq-top-shell{min-height: 64px; padding-top: calc(10px + env(safe-area-inset-top,0px)) !important;}}
@media (max-width: 820px) and (min-width: 641px){.aq-brand-lockup{flex-basis: 54px;
    max-width: 54px;
    padding: 0 !important;}.aq-brand-lockup > div{display: none;}.aq-desktop-nav{flex-basis: auto;}.aq-desktop-nav-btn{padding-left: 6px;
    padding-right: 6px;}}
@media (max-width: 820px) and (min-width: 641px){.aq-brand-lockup{flex-basis: 54px;
    max-width: 54px;
    padding: 0 !important;}.aq-brand-lockup > div{display: none;}}
@media (max-width: 700px), (pointer: coarse){body.aq-game-focus-mode .aq-top-shell{display: none !important;}}
@media (max-width: 900px){.aq-chrome-wrap{width: 100vw;
    max-width: 100vw;
    margin: 0;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;}}
.aq-hit{position: relative;}
.aq-hit::after{content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);}
@media (max-width: 640px){.aq-brand-lockup{flex: 1 1 152px;
    min-width: 82px !important;
    max-width: 152px;
    gap: 6px !important;}.aq-brand-lockup > div{display: block;
    min-width: 0;}.aq-brand-lockup > div > div:first-child{overflow: hidden;
    font-size: clamp(14px, 4.1vw, 17px) !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis;
    white-space: nowrap;}.aq-brand-mark{width: 44px;
    min-width: 44px;}.aq-header-sign-in{min-width: 52px !important;}}
@media (max-width: 350px){.aq-brand-lockup{gap: 4px !important;}.aq-brand-mark{width: 40px; min-width: 40px;}.aq-brand-lockup > div{display: none;}}
.aq-brand-lockup > .aq-brand-text{display: flex; flex-direction: column; justify-content: center; min-width: 0;}
.aq-brand-text picture{display: block; line-height: 0;}
.aq-brand-wordmark{display: block; width: auto; height: 30px; max-width: 100%; object-fit: contain; object-position: left center;}
@media (max-width: 900px){.aq-brand-wordmark{height: 26px;}}
@media (max-width: 820px) and (min-width: 641px){.aq-brand-lockup{flex: 0 0 auto; max-width: none;}.aq-brand-wordmark{height: 22px;}}
@media (max-width: 640px){.aq-brand-lockup{flex: 0 1 auto; max-width: none;}.aq-brand-wordmark{height: 24px;}}
@media (max-width: 350px){.aq-brand-wordmark{height: 20px;}}
.aq-brand-lockup .aq-brand-mark{width: auto; min-width: 0; height: auto;
  background: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible;}
.aq-brand-lockup .aq-brand-mark::after{display: none;}
.aq-brand-lockup .aq-brand-fish{width: auto; height: 28px; max-width: none;
  filter: drop-shadow(0 3px 6px color-mix(in srgb, var(--aq-shadow-ink) 16%, transparent));}
.aq-brand-lockup{gap: 8px !important;}
@media (max-width: 900px){.aq-brand-lockup .aq-brand-fish{height: 25px;}}
@media (max-width: 820px) and (min-width: 641px){.aq-brand-lockup .aq-brand-fish{height: 22px;}}
@media (max-width: 640px){.aq-brand-lockup .aq-brand-fish{height: 23px;}.aq-brand-lockup{gap: 6px !important;}}
@media (max-width: 350px){.aq-brand-lockup .aq-brand-fish{height: 19px;}.aq-brand-lockup{gap: 5px !important;}}
@media (prefers-reduced-motion: reduce){.aq-brand-lockup .aq-brand-fish{animation: none;}}
@media (max-width: 380px){.aq-top-shell:has([aria-label="Open account menu"]) .aq-brand-fish{height: 19px;}.aq-top-shell:has([aria-label="Open account menu"]) .aq-brand-wordmark{height: 20px;}.aq-top-shell:has([aria-label="Open account menu"]) .aq-brand-lockup{gap: 5px !important;}}
@media (max-width: 350px){.aq-top-shell:has([aria-label="Open account menu"]) .aq-brand-mark{display: none;}}
.aq-wordmark-on-dark{display: none !important;}
:root[data-theme="dark"] .aq-wordmark-on-light{display: none !important;}
:root[data-theme="dark"] .aq-wordmark-on-dark{display: block !important;}
.aq-theme-toggle{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 52px; width: 52px; min-width: 52px; min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--aq-sub); cursor: pointer; border-radius: 10px;}
.aq-theme-toggle-track{position: relative; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; width: 52px; height: 30px; padding: 0 6px; border: 1px solid var(--aq-border-lit); border-radius: 18px; background: var(--aq-card-2);}
.aq-theme-toggle-track::before{content: ""; position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; border-radius: 50%; background: var(--aq-accent); transition: transform .16s ease;}
.aq-theme-toggle-track svg{position: relative; z-index: 1; flex: none;}
.aq-theme-toggle-track svg:first-child{color: var(--aq-on-accent);}
:root[data-theme="dark"] .aq-theme-toggle-track::before{transform: translateX(22px);}
:root[data-theme="dark"] .aq-theme-toggle-track svg:first-child{color: var(--aq-sub);}
:root[data-theme="dark"] .aq-theme-toggle-track svg:last-child{color: var(--aq-on-accent);}
.aq-theme-toggle:focus-visible{outline: 3px solid var(--aq-accent); outline-offset: 2px;}
.aq-theme-toggle[hidden]{display: none;}
.aq-top-shell .aq-mobile-header-search{width: 44px !important; height: 44px !important;}
.aq-header-actions{flex-shrink: 0;}
@media (max-width: 380px){.aq-top-shell:has(.aq-theme-toggle) .aq-brand-mark{display: none;}.aq-top-shell:has(.aq-theme-toggle) .aq-brand-wordmark{height: 22px;}}
@media (prefers-reduced-motion: reduce){.aq-theme-toggle-track::before{transition: none;}}
.aq-header-actions .aq-hit{min-width: 44px; min-height: 44px; align-items: center; justify-content: center;}
@media (max-width: 640px){.aq-member-top-shell .aq-header-actions{gap: 4px !important;}.aq-member-top-shell .aq-theme-toggle{flex-basis: 44px; width: 44px; min-width: 44px;}.aq-member-top-shell .aq-theme-toggle-track{width: 44px; height: 26px; padding: 0 4px;}.aq-member-top-shell .aq-theme-toggle-track::before{width: 20px; height: 20px;}:root[data-theme="dark"] .aq-member-top-shell .aq-theme-toggle-track::before{transform: translateX(18px);}}
@media (max-width: 430px){.aq-member-top-shell .aq-brand-mark{display: none;}.aq-member-top-shell .aq-brand-wordmark{height: 22px;}}
@media (max-width: 380px){.aq-member-top-shell .aq-header-actions{gap: 0 !important;}}
@media (max-width: 350px){.aq-chrome-wrap .aq-member-top-shell{gap: 4px !important; padding-left: max(8px,env(safe-area-inset-left,0px)) !important; padding-right: max(8px,env(safe-area-inset-right,0px)) !important;}.aq-member-top-shell .aq-brand-lockup{min-width: 0 !important; padding-right: 0 !important;}.aq-member-top-shell .aq-brand-wordmark{height: 20px;}}
@keyframes aqLogoFloat{0%,100%{transform:translateY(0) rotate(0deg) scaleX(1)}30%{transform:translateY(-3px) rotate(-4deg) scaleX(1.05)}70%{transform:translateY(2px) rotate(3deg) scaleX(.97)}}
@media(max-width:640px){.aq-top-shell{min-height:64px!important;padding-left:max(12px,env(safe-area-inset-left,0px))!important;padding-right:max(12px,env(safe-area-inset-right,0px))!important}.aq-top-shell button{min-height:44px!important}.aq-top-shell button[aria-label="Notifications"],.aq-top-shell button[aria-label="Direct Messages"]{width:44px!important;height:44px!important;border-radius:14px!important}.aq-top-shell button[aria-label="My Profile"]{min-width:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}}
