/* StreamSphere V19 unified navigation */
:root{
  --ssnav-bg:rgba(8,12,22,.58);
  --ssnav-bg-strong:rgba(8,12,22,.84);
  --ssnav-line:rgba(255,255,255,.12);
  --ssnav-text:#eef4ff;
  --ssnav-muted:#93a6ca;
  --ssnav-cyan:#78e8ff;
  --ssnav-purple:#b37bff;
  --ssnav-red:#ff4d73;
}

body.ss-global-ready .ux18-command-btn{display:none!important}
body.ss-global-ready .gateway-nav,
body.ss-global-ready #siteNav,
body.ss-global-ready #viewerNav,
body.ss-global-ready .mod-topbar>nav,
body.ss-global-ready .network-topbar>nav,
body.ss-global-ready .pulse-topbar>nav{display:none!important}
body.ss-global-ready #viewerMobileNav,
body.ss-global-ready #mobileNavToggle{display:none!important}

.ss-global-nav{
  display:flex;align-items:center;gap:.24rem;padding:.28rem;border:1px solid var(--ssnav-line);border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  box-shadow:0 18px 60px rgba(2,7,18,.24),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);
  margin-inline:auto;min-width:0;
}
.ss-global-nav button,.ss-global-nav a{
  position:relative;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;padding:.55rem .78rem;
  border:0;border-radius:999px;background:transparent;color:#a9b9d9;text-decoration:none;font:750 .78rem/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.ss-global-nav button:hover,.ss-global-nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.ss-global-nav button.active,.ss-global-nav a.active{color:#fff;background:rgba(255,255,255,.11);box-shadow:inset 0 0 0 1px rgba(121,232,255,.11)}
.ss-global-nav .ss-nav-icon{font-size:.95rem;opacity:.9}
.ss-global-nav .ss-nav-count{min-width:1.18rem;height:1.18rem;padding:0 .28rem;display:inline-grid;place-items:center;border-radius:999px;background:#ff406e;color:white;font-size:.62rem;font-weight:900}
.ss-global-nav .ss-nav-search{padding-inline:.68rem}

/* Viewer always uses one desktop header row, including authenticated accounts. */
body.ss-global-ready .viewer-topbar{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  grid-auto-flow:column!important;
  grid-auto-rows:1fr!important;
  align-items:center!important;
}
body.ss-global-ready .viewer-topbar>.viewer-brand{grid-column:1;grid-row:1}
body.ss-global-ready .viewer-topbar>.ss-global-nav{grid-column:2;grid-row:1}
body.ss-global-ready .viewer-topbar>.viewer-top-actions{
  grid-column:3;grid-row:1;display:flex!important;align-items:center!important;
  flex-wrap:nowrap!important;white-space:nowrap!important;min-width:0!important;
}
body.ss-global-ready .viewer-topbar>.viewer-top-actions>*{flex:0 0 auto}

.ss-context-action{display:inline-flex!important;align-items:center!important;gap:.45rem!important;min-height:39px!important;padding:.55rem .78rem!important;border:1px solid rgba(121,232,255,.18)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(121,232,255,.12),rgba(179,123,255,.12))!important;color:#eaf7ff!important;text-decoration:none!important;font:800 .74rem/1 system-ui,-apple-system,Segoe UI,sans-serif!important;white-space:nowrap!important}
.ss-context-action.is-live{border-color:rgba(255,77,115,.36)!important;background:rgba(255,77,115,.14)!important;color:#fff!important;box-shadow:0 0 0 4px rgba(255,77,115,.06)}
.ss-context-action i{width:.48rem;height:.48rem;border-radius:50%;background:#75edff;box-shadow:0 0 12px rgba(117,237,255,.65)}
.ss-context-action.is-live i{background:#ff4d73;box-shadow:0 0 12px rgba(255,77,115,.8)}

.ss-you-popover.hidden{display:none!important}
.ss-you-popover{position:fixed;z-index:1700;top:76px;right:max(18px,env(safe-area-inset-right));width:min(360px,calc(100vw - 24px));overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(18,24,39,.85),rgba(8,12,22,.94));box-shadow:0 26px 100px rgba(2,7,18,.6),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}
.ss-you-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.08)}
.ss-you-avatar{width:48px;height:48px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#46d9ff,#8258f7);color:#fff;font-weight:900;font-size:1.08rem}
.ss-you-avatar img{width:100%;height:100%;object-fit:cover}
.ss-you-copy{min-width:0}.ss-you-copy strong,.ss-you-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-you-copy strong{font-size:.98rem;color:#fff}.ss-you-copy span{margin-top:.2rem;color:#96a9cf;font-size:.76rem}
.ss-you-role{padding:.35rem .52rem;border-radius:999px;border:1px solid rgba(121,232,255,.14);background:rgba(121,232,255,.08);color:#8fefff;font-size:.65rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.ss-you-section{padding:.55rem}
.ss-you-label{padding:.45rem .55rem .35rem;color:#6f85af;font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.ss-you-item{width:100%;min-height:44px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem .62rem;border:0;border-radius:15px;background:transparent;color:#dce6fa;text-decoration:none;text-align:left;cursor:pointer}
.ss-you-item:hover{background:rgba(255,255,255,.06)}
.ss-you-item>i{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.06);font-style:normal;color:#91eaff}
.ss-you-item span{display:block;min-width:0}.ss-you-item b,.ss-you-item small{display:block}.ss-you-item b{font-size:.82rem}.ss-you-item small{margin-top:.13rem;color:#8194bc;font-size:.69rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-you-item>em{font-style:normal;color:#7286ae;font-size:.9rem}
.ss-you-divider{height:1px;margin:.25rem .55rem;background:rgba(255,255,255,.08)}
.ss-you-item.danger i{color:#ff7795}.ss-you-item.danger b{color:#ffc1cf}
.ss-popover-scrim{position:fixed;inset:0;z-index:1690;border:0;background:transparent}
.ss-popover-scrim.hidden{display:none}

.ss-mobile-dock{display:none}

.ss-onboarding.hidden{display:none!important}
.ss-onboarding{position:fixed;inset:0;z-index:1900;display:grid;place-items:center;padding:18px}
.ss-onboarding-backdrop{position:absolute;inset:0;background:rgba(2,6,15,.58);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.ss-onboarding-card{position:relative;width:min(860px,96vw);padding:clamp(1.2rem,3vw,2rem);border:1px solid rgba(255,255,255,.13);border-radius:32px;background:linear-gradient(180deg,rgba(19,27,44,.84),rgba(7,12,23,.94));box-shadow:0 30px 120px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07)}
.ss-onboarding-card>span{color:#81eaff;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ss-onboarding-card h2{margin:.45rem 0 .45rem;color:#fff;font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:-.04em}.ss-onboarding-card>p{margin:0;color:#aebddd;max-width:45rem;line-height:1.55}
.ss-onboarding-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1.25rem}
.ss-onboarding-choice{appearance:none;min-height:160px;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.045);color:#eaf1ff;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.ss-onboarding-choice:hover{transform:translateY(-2px);border-color:rgba(121,232,255,.26);background:rgba(255,255,255,.065)}
.ss-onboarding-choice i{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(121,232,255,.15),rgba(179,123,255,.16));font-style:normal;font-size:1.15rem}.ss-onboarding-choice b{display:block;margin-top:.75rem;font-size:1rem}.ss-onboarding-choice small{display:block;margin-top:.35rem;color:#95a8cc;line-height:1.4}
.ss-onboarding-skip{margin-top:1rem;border:0;background:transparent;color:#8296bd;font-weight:700;cursor:pointer}

/* Make live imagery the hero of discovery cards. */
body.ss-global-ready .creator-card,
body.ss-global-ready .gateway-creator-card{overflow:hidden;border-color:rgba(255,255,255,.09);background:rgba(15,20,32,.64)}
body.ss-global-ready .creator-card-media,
body.ss-global-ready .gateway-creator-image{position:relative;min-height:190px;background-size:cover!important;background-position:center!important}
body.ss-global-ready .creator-card-media::after,
body.ss-global-ready .gateway-creator-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(5,8,15,.52));pointer-events:none}
body.ss-global-ready .creator-card-live,
body.ss-global-ready .gateway-creator-live{z-index:2;box-shadow:0 8px 26px rgba(255,42,91,.24)}
body.ss-global-ready .featured-live{overflow:hidden;border:1px solid rgba(121,232,255,.13);box-shadow:0 24px 90px rgba(3,8,20,.28)}
body.ss-global-ready .featured-live-media{min-height:300px;background-size:cover!important;background-position:center!important}

/* Reduce visual noise in secondary cards so live content wins. */
body.ss-global-ready .viewer-panel,
body.ss-global-ready .rework-tool-card,
body.ss-global-ready .gateway-quest-preview,
body.ss-global-ready .gateway-leaderboard-preview{box-shadow:0 14px 48px rgba(3,8,20,.16);border-color:rgba(255,255,255,.085)}

@media(max-width:1180px){
  .ss-global-nav button,.ss-global-nav a{padding:.55rem .62rem}.ss-global-nav .ss-nav-label{display:none}
}
@media(min-width:821px) and (max-width:1180px){
  /* Keep the Viewer on the same named desktop navigation as the rest of the site.
     Compact secondary utilities instead of collapsing the primary menu to icons. */
  body.ss-global-ready .viewer-topbar .ss-global-nav .ss-nav-label{display:inline}
  body.ss-global-ready .viewer-topbar .viewer-top-actions{gap:4px}
  body.ss-global-ready .viewer-topbar .viewer-install-button{width:42px;justify-content:center;padding:0}
  body.ss-global-ready .viewer-topbar .viewer-install-button>span,
  body.ss-global-ready .viewer-topbar .ss-performance-trigger>b,
  body.ss-global-ready .viewer-topbar .ss-profile-copy,
  body.ss-global-ready .viewer-topbar .ss-profile-control>i{display:none!important}
  body.ss-global-ready .viewer-topbar .ss-performance-trigger{min-width:42px;padding:0 11px}
  body.ss-global-ready .viewer-topbar .ss-profile-control{grid-template-columns:32px;padding:5px}
}
@media(max-width:820px){
  body.ss-global-ready{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .ss-global-nav{display:none!important}
  .ss-context-action{display:none!important}
  .ss-mobile-dock{position:fixed;z-index:1500;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(8,12,22,.76);box-shadow:0 18px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%)}
  .ss-mobile-dock button,.ss-mobile-dock a{position:relative;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;border:0;border-radius:17px;background:transparent;color:#8fa3ca;text-decoration:none;font:750 .62rem/1 system-ui,-apple-system,Segoe UI,sans-serif;cursor:pointer}
  .ss-mobile-dock button.active,.ss-mobile-dock a.active{color:#fff;background:rgba(255,255,255,.07)}
  .ss-mobile-dock .ss-dock-icon{font-size:1.12rem}.ss-mobile-dock .ss-nav-count{position:absolute;top:4px;right:18%;min-width:1rem;height:1rem;padding:0 .22rem;display:grid;place-items:center;border-radius:999px;background:#ff416c;color:#fff;font-size:.55rem;font-weight:900}
  .ss-you-popover{top:auto;left:8px;right:8px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;max-height:min(70vh,650px);overflow:auto;border-radius:26px}
  .ss-onboarding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .ss-onboarding-grid{grid-template-columns:1fr 1fr}.ss-onboarding-choice{min-height:142px;padding:.85rem}.ss-onboarding-choice small{font-size:.74rem}
  .ss-you-popover{max-height:72vh}
}