/* U7K MERLIN HQC // HOME + THEATRE SHELL */
body[data-hq-page="home"] .theatre-context{display:none}
.hq-navigation-rail{position:sticky;top:64px;z-index:1060;width:min(1500px,100%);margin:0 auto 10px;display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(121,215,232,.08);background:linear-gradient(180deg,rgba(1,7,8,.965),rgba(1,7,8,.92));backdrop-filter:blur(16px)}
.hq-navigation-rail .hq-tabs{position:static!important;top:auto!important;z-index:auto!important;flex:1 1 auto;min-width:0;margin:0!important;padding:0!important;display:flex;align-items:stretch;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.hq-navigation-rail .hq-tabs::-webkit-scrollbar{display:none}
.hq-navigation-rail .theatre-context{width:auto;min-width:0;max-width:590px;margin:0;min-height:44px;display:flex;align-items:stretch;flex:0 0 auto;border:1px solid rgba(121,215,232,.14);background:linear-gradient(90deg,rgba(8,29,32,.92),rgba(2,9,10,.97));box-shadow:0 8px 22px rgba(0,0,0,.14)}
.hq-navigation-rail .theatre-context>div,.hq-navigation-rail .theatre-context>span{display:flex;align-items:center;gap:6px;padding:0 10px;border-right:1px solid rgba(121,215,232,.08);min-width:0}
.hq-navigation-rail .theatre-context small{display:none}
.hq-navigation-rail .theatre-context strong{font-size:.66rem;white-space:nowrap}
.hq-navigation-rail .theatre-context b{max-width:150px;font-size:.47rem}
.hq-navigation-rail .theatre-context a{margin:4px;min-height:34px;padding:0 10px;white-space:nowrap;font-size:.39rem}
@media(max-width:1180px){.hq-navigation-rail .theatre-context>span:last-of-type{display:none}.hq-navigation-rail .theatre-context{max-width:390px}}
@media(max-width:900px){.hq-navigation-rail{gap:6px}.hq-navigation-rail .theatre-context>span{display:none}.hq-navigation-rail .theatre-context strong{font-size:.6rem}.hq-navigation-rail .theatre-context a{padding:0 8px}}
.theatre-context{width:min(1500px,100%);margin:0 auto 10px;min-height:58px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(120px,.3fr) minmax(220px,.6fr) auto;align-items:stretch;border:1px solid rgba(121,215,232,.12);background:linear-gradient(90deg,rgba(8,29,32,.88),rgba(2,9,10,.94))}
.theatre-context>div,.theatre-context>span{display:grid;align-content:center;gap:3px;padding:10px 14px;border-right:1px solid rgba(121,215,232,.08)}
.theatre-context small{color:#4f7076;font:800 .4rem var(--mono);letter-spacing:.12em}.theatre-context strong{color:#d4e8eb;font:900 .78rem var(--cond);letter-spacing:.09em}.theatre-context b{color:#8eabb0;font:800 .54rem var(--mono);letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.theatre-context a{margin:9px;min-height:38px;display:flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(121,215,232,.18);background:rgba(8,28,31,.72);color:#91b5bb;font:800 .43rem var(--mono);letter-spacing:.09em;cursor:pointer;text-decoration:none}

.home-view{padding:8px 0 50px}
.home-welcome{padding:34px 2px 24px;border-bottom:1px solid rgba(121,215,232,.08)}
.home-welcome h1{margin:7px 0 4px;font:900 clamp(2.4rem,5vw,5rem)/.92 var(--cond);letter-spacing:-.035em;color:#e0ecee}.home-welcome h1 span:first-child{color:#9bb3b7}.home-welcome h1 span:last-child{color:var(--cyan)}
.home-welcome p{margin:0;color:#6e878c;font-size:.92rem;line-height:1.5}

.home-focus{margin-top:18px}
.home-focus>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px;padding:0 2px 9px;border-bottom:1px solid rgba(121,215,232,.08)}
.home-focus>header span{display:grid;gap:3px}.home-focus>header small{color:#49666c;font:800 .42rem var(--mono);letter-spacing:.12em}.home-focus>header strong{color:#c3d9dd;font:900 .76rem var(--cond);letter-spacing:.1em}.home-focus>header>b{color:#4f747b;font:800 .42rem var(--mono);letter-spacing:.1em}

.theatre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.theatre-card{position:relative;text-decoration:none;min-height:245px;display:grid;grid-template-rows:auto auto auto 1fr auto;align-content:start;text-align:left;padding:22px;border:1px solid rgba(121,215,232,.12);background:linear-gradient(155deg,rgba(8,28,31,.88),rgba(2,8,9,.98) 60%);color:#d7e6e8;cursor:pointer;overflow:hidden;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.theatre-card::after{content:"";position:absolute;right:-34px;bottom:-62px;width:170px;height:170px;border:1px solid rgba(121,215,232,.06);border-radius:50%;box-shadow:0 0 0 24px rgba(121,215,232,.018),0 0 0 48px rgba(121,215,232,.012);pointer-events:none}
.theatre-card:hover{transform:translateY(-2px);border-color:rgba(121,215,232,.34);background:linear-gradient(155deg,rgba(10,37,41,.94),rgba(2,8,9,.99) 62%)}
.theatre-card[data-active="true"]{border-color:rgba(114,224,133,.30);box-shadow:inset 3px 0 rgba(114,224,133,.62)}
.theatre-index{color:#3c5d63;font:900 .54rem var(--mono);letter-spacing:.1em}.theatre-card>small{margin-top:28px;color:#5d8188;font:800 .44rem var(--mono);letter-spacing:.11em}.theatre-card>strong{margin-top:5px;font:900 clamp(1.7rem,3.2vw,3rem)/.9 var(--cond);letter-spacing:.02em}.theatre-card>p{max-width:30ch;margin:14px 0;color:#6b8388;font-size:.78rem;line-height:1.5}.theatre-card>em{align-self:end;color:#79b9c4;font:800 .43rem var(--mono);font-style:normal;letter-spacing:.1em}
.theatre-card[data-active="true"]>em::before{content:"CURRENT FOCUS // ";color:#71c28a}

.home-leaderboard{margin-top:16px;padding:0!important;overflow:hidden}
.home-leaderboard>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--line)}.home-leaderboard>header span{display:grid;gap:3px}.home-leaderboard>header small{color:#4e7076;font:800 .42rem var(--mono);letter-spacing:.1em}.home-leaderboard>header strong{font:900 .72rem var(--cond);letter-spacing:.08em}.home-leaderboard>header a{min-height:36px;display:flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid rgba(121,215,232,.15);background:#031012;color:#86aab0;font:800 .4rem var(--mono);letter-spacing:.08em;cursor:pointer;text-decoration:none}
.home-leaderboard-list{background:rgba(1,6,7,.92)}.home-rank-row{display:grid;grid-template-columns:50px minmax(0,1fr) repeat(3,minmax(90px,.22fr));gap:10px;align-items:center;min-height:62px;padding:9px 14px;border-bottom:1px solid rgba(121,215,232,.05)}.home-rank-row:last-child{border-bottom:0}.home-rank-row>strong{color:#587a80;font:900 .72rem var(--mono)}.home-rank-name{display:grid;gap:3px}.home-rank-name b{color:#c8dbdf;font:800 .56rem var(--mono)}.home-rank-name small{color:#4d686d;font:700 .34rem var(--mono)}.home-rank-row>span{display:grid;gap:3px;text-align:right}.home-rank-row>span b{color:#9db8bd;font:800 .55rem var(--mono)}.home-rank-row>span small{color:#405b60;font:700 .3rem var(--mono)}

@media(max-width:1000px){.theatre-grid{grid-template-columns:1fr}.theatre-card{min-height:190px}.theatre-context{grid-template-columns:1fr 120px minmax(180px,.6fr) auto}}
@media(max-width:760px){.theatre-context{grid-template-columns:1fr auto}.theatre-context>span{display:none}.home-welcome{padding-top:22px}.home-welcome h1{font-size:2.4rem}.home-focus>header>b{display:none}.theatre-card{min-height:170px;padding:18px}.theatre-card>small{margin-top:18px}.home-rank-row{grid-template-columns:42px minmax(0,1fr) 86px}.home-rank-row>span:nth-of-type(n+2){display:none}}
@media(max-width:500px){.home-welcome h1{font-size:2rem}.home-welcome p{font-size:.86rem}.theatre-context a{padding:0 10px}.home-leaderboard>header{align-items:flex-start;flex-direction:column}.home-leaderboard>header a{width:100%}}


/* HOME LEADERBOARD // legibility pass */
.home-leaderboard>header{padding:16px 18px}
.home-leaderboard>header small{color:#78979d;font-size:.46rem}
.home-leaderboard>header strong{color:#eff7f8;font-size:.9rem}
.home-leaderboard>header a{min-height:42px;color:#b9d8dd;font-size:.44rem}
.home-rank-row{
  grid-template-columns:64px minmax(280px,1fr) repeat(3,150px);
  min-height:82px;
  padding:12px 20px;
  gap:16px;
}
.home-rank-row>strong{color:#8bbbc3;font-size:1rem}
.home-rank-name{gap:5px}
.home-rank-name b{color:#f1f7f8;font-size:.76rem}
.home-rank-name small{color:#759096;font-size:.4rem}
.home-rank-row>span{gap:5px}
.home-rank-row>span b{color:#e0edef;font-size:.74rem}
.home-rank-row>span small{color:#668187;font-size:.36rem;letter-spacing:.07em}
@media(max-width:1100px){
  .home-rank-row{grid-template-columns:54px minmax(220px,1fr) repeat(3,118px);gap:10px;padding:12px 14px}
}


/* MERLIN CYBER LAYER // subtle network identity */
:root{
  --merlin-net-cyan:rgba(121,215,232,.10);
  --merlin-net-cyan-soft:rgba(121,215,232,.035);
  --merlin-net-amber:rgba(224,184,98,.07);
}

.ob-main{
  position:relative;
  isolation:isolate;
}
.ob-main::before{
  content:"";
  position:fixed;
  z-index:0;
  inset:64px 0 28px;
  pointer-events:none;
  opacity:.38;
  background-image:
    radial-gradient(circle at 12% 18%,rgba(121,215,232,.13) 0 1px,transparent 1.6px),
    radial-gradient(circle at 31% 72%,rgba(121,215,232,.08) 0 1px,transparent 1.5px),
    radial-gradient(circle at 71% 24%,rgba(121,215,232,.11) 0 1px,transparent 1.5px),
    radial-gradient(circle at 88% 68%,rgba(224,184,98,.08) 0 1px,transparent 1.6px),
    linear-gradient(118deg,transparent 0 37%,rgba(121,215,232,.020) 37.08%,transparent 37.16%),
    linear-gradient(32deg,transparent 0 66%,rgba(121,215,232,.016) 66.08%,transparent 66.16%);
  background-size:320px 230px,410px 310px,360px 260px,480px 340px,620px 420px,760px 520px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,.30) 72%,transparent 100%);
}
.ob-main>*{position:relative;z-index:1}

.hq-navigation-rail{
  background-image:
    linear-gradient(90deg,rgba(31,196,223,.035),transparent 24%,transparent 76%,rgba(224,184,98,.018)),
    linear-gradient(180deg,rgba(1,7,8,.975),rgba(1,7,8,.925));
  box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 -1px rgba(121,215,232,.035);
}
.hq-tabs a{
  position:relative;
  gap:7px;
  overflow:hidden;
}
.hq-tabs a::before{
  flex:0 0 auto;
  color:#38565b;
  font:800 .31rem var(--mono);
  letter-spacing:.06em;
  opacity:.72;
}
.hq-tabs a[data-hq-tab="home"]::before{content:"H0"}
.hq-tabs a[data-hq-tab="command"]::before{content:"X1"}
.hq-tabs a[data-hq-tab="evidence"]::before{content:"B2"}
.hq-tabs a[data-hq-tab="tools"]::before{content:"F3"}
.hq-tabs a[data-hq-tab="service"]::before{content:"L4"}
.hq-tabs a[data-hq-tab="leaderboards"]::before{content:"H5"}
.hq-tabs a::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:3px;
  height:1px;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(121,215,232,.72),rgba(224,184,98,.28),transparent);
  box-shadow:0 0 12px rgba(31,196,223,.22);
}
.hq-tabs a.active::before{color:#78c8d3;opacity:1}
.hq-tabs a.active::after{opacity:.75}

.command-safe-head,
.engine-head,
.home-welcome{
  position:relative;
  overflow:hidden;
  background-image:
    radial-gradient(circle at 78% 28%,rgba(121,215,232,.11) 0 1px,transparent 1.7px),
    radial-gradient(circle at 91% 61%,rgba(224,184,98,.07) 0 1px,transparent 1.7px),
    linear-gradient(121deg,transparent 0 67%,rgba(121,215,232,.028) 67.12%,transparent 67.24%),
    linear-gradient(35deg,transparent 0 81%,rgba(121,215,232,.020) 81.12%,transparent 81.24%);
}
.command-safe-head::after,
.engine-head::after,
.home-welcome::after{
  content:"";
  position:absolute;
  right:1px;
  bottom:0;
  width:min(420px,34%);
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(121,215,232,.34),rgba(224,184,98,.14),transparent);
  box-shadow:0 0 14px rgba(31,196,223,.10);
}

.command-safe-metrics article,
.command-safe-identity>span,
.command-safe-status>span,
.command-health-strip>span,
.engine-toolbar,
.home-rank-row{
  background-image:linear-gradient(132deg,rgba(121,215,232,.014),transparent 42%)!important;
}

.theatre-context{
  position:relative;
  box-shadow:inset 0 1px rgba(121,215,232,.025),0 8px 24px rgba(0,0,0,.12);
}
.theatre-context::before{
  content:"";
  position:absolute;
  z-index:2;
  left:-1px;
  top:8px;
  bottom:8px;
  width:2px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(31,196,223,.72),rgba(31,196,223,.08));
  box-shadow:0 0 12px rgba(31,196,223,.14);
}

@media(max-width:820px){
  .ob-main::before{opacity:.24;background-size:360px 260px,440px 340px,420px 300px,520px 380px,700px 470px,820px 580px}
  .hq-tabs a{gap:5px}
  .hq-tabs a::before{font-size:.29rem}
}
@media(prefers-reduced-motion:reduce){
  .hq-tabs a::after{box-shadow:none}
}


/* MERLIN JS NAVIGATION // quiet page handoff
   Keep auth resolution covered without turning every click into a briefing. */
html:not([data-merlin-auth-resolved="true"]) .access-gate{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

.merlin-nav-transition{
  position:fixed;
  z-index:10000;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%,rgba(31,196,223,.055),transparent 22%),
    rgba(0,5,6,.94);
  backdrop-filter:blur(2px);
  isolation:isolate;
}
.merlin-nav-transition[hidden]{display:none!important}

.merlin-nav-mark{
  position:relative;
  width:30px;
  height:30px;
  border:1px solid rgba(121,215,232,.14);
  border-radius:50%;
  box-shadow:0 0 28px rgba(31,196,223,.08);
}
.merlin-nav-mark::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:3px;
  height:3px;
  border-radius:50%;
  background:rgba(223,248,251,.82);
  box-shadow:0 0 10px rgba(121,215,232,.55);
  transform:translate(-50%,-50%);
  animation:merlin-nav-breathe .9s ease-in-out infinite alternate;
}
.merlin-nav-mark::after{
  content:"";
  position:absolute;
  inset:3px;
  border:1px solid transparent;
  border-top-color:rgba(121,215,232,.76);
  border-right-color:rgba(31,196,223,.22);
  border-radius:50%;
  animation:merlin-nav-turn .72s linear infinite;
}
.merlin-nav-mark i{
  position:absolute;
  left:50%;
  top:-5px;
  width:1px;
  height:5px;
  background:rgba(121,215,232,.30);
  transform:translateX(-50%);
}

@keyframes merlin-nav-turn{
  to{transform:rotate(360deg)}
}
@keyframes merlin-nav-breathe{
  from{opacity:.38;transform:translate(-50%,-50%) scale(.8)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1.15)}
}

@media(prefers-reduced-motion:reduce){
  .merlin-nav-mark::before,
  .merlin-nav-mark::after{animation:none!important}
}

/* HQC UNIFIED HEADER // logo + nav + theatre + status on one compact rail */
.ob-topbar.hq-unified-topbar{
  height:60px;
  min-height:60px;
  grid-template-columns:230px minmax(0,1fr) auto;
  grid-template-rows:60px;
  align-items:stretch;
  border-bottom:1px solid rgba(121,215,232,.10);
  box-shadow:0 10px 30px rgba(0,0,0,.22);
}
.ob-topbar.hq-unified-topbar .brand{
  grid-column:1;
  grid-row:1;
  min-height:60px;
  padding:0 16px;
}
.ob-topbar.hq-unified-topbar .brand-copy{
  align-content:center;
}
.ob-topbar.hq-unified-topbar .brand-copy>small:first-child{font-size:.40rem}
.ob-topbar.hq-unified-topbar .brand-copy b{font-size:.96rem}
.ob-topbar.hq-unified-topbar .brand-copy>small:last-child{font-size:.38rem}

.ob-topbar.hq-unified-topbar .hq-navigation-rail{
  position:static!important;
  grid-column:2;
  grid-row:1;
  top:auto!important;
  width:auto;
  max-width:none;
  min-width:0;
  height:60px;
  margin:0!important;
  padding:7px 10px;
  display:flex;
  align-items:center;
  gap:8px;
  overflow:hidden;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.ob-topbar.hq-unified-topbar .hq-tabs{
  position:static!important;
  top:auto!important;
  flex:1 1 auto;
  min-width:0;
  height:46px;
  margin:0!important;
  padding:0!important;
  display:flex;
  align-items:stretch;
  gap:6px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
}
.ob-topbar.hq-unified-topbar .hq-tabs::-webkit-scrollbar{display:none}
.ob-topbar.hq-unified-topbar .hq-tabs a{
  flex:0 1 auto;
  min-width:68px;
  min-height:46px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  font-size:.48rem;
  letter-spacing:.08em;
}
.ob-topbar.hq-unified-topbar .hq-tabs a[data-hq-tab="leaderboards"]{min-width:112px}

.ob-topbar.hq-unified-topbar .theatre-context,
body[data-hq-page="home"] .ob-topbar.hq-unified-topbar .theatre-context{
  flex:0 0 auto;
  width:auto;
  min-width:0;
  max-width:430px;
  height:46px;
  min-height:46px;
  margin:0!important;
  display:flex!important;
  align-items:stretch;
  border-color:rgba(121,215,232,.16);
  background:linear-gradient(90deg,rgba(8,29,32,.92),rgba(2,9,10,.98));
  box-shadow:inset 2px 0 rgba(31,196,223,.55);
}
.ob-topbar.hq-unified-topbar .theatre-context::before{display:none}
.ob-topbar.hq-unified-topbar .theatre-context>div,
.ob-topbar.hq-unified-topbar .theatre-context>span{
  min-width:0;
  padding:0 9px;
  display:flex;
  align-items:center;
  gap:5px;
  border-right:1px solid rgba(121,215,232,.07);
}
.ob-topbar.hq-unified-topbar .theatre-context small{display:none}
.ob-topbar.hq-unified-topbar .theatre-context strong{
  font-size:.57rem;
  letter-spacing:.08em;
}
.ob-topbar.hq-unified-topbar .theatre-context b{
  max-width:112px;
  font-size:.38rem;
  letter-spacing:.04em;
}
.ob-topbar.hq-unified-topbar .theatre-context a{
  min-height:34px;
  margin:5px;
  padding:0 9px;
  font-size:.34rem;
  letter-spacing:.07em;
}

.ob-topbar.hq-unified-topbar .statusbar{
  grid-column:3;
  grid-row:1;
  min-width:0;
  height:60px;
  min-height:60px;
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  flex-wrap:nowrap;
  overflow:hidden;
  border-left:1px solid rgba(121,215,232,.07);
  border-top:0;
  background:rgba(1,7,8,.55);
}
.ob-topbar.hq-unified-topbar .health{
  min-height:60px;
  padding:0 11px;
}
.ob-topbar.hq-unified-topbar .health b{font-size:.48rem}
.ob-topbar.hq-unified-topbar .health small{display:none}
.ob-topbar.hq-unified-topbar .operator{display:none}
.ob-topbar.hq-unified-topbar .logout{
  min-height:60px;
  padding:0 14px;
  font-size:.43rem;
}

.ob-shell{padding-top:72px}

@media(max-width:1180px){
  .ob-topbar.hq-unified-topbar{grid-template-columns:190px minmax(0,1fr) auto}
  .ob-topbar.hq-unified-topbar .brand{padding:0 12px}
  .ob-topbar.hq-unified-topbar .hq-navigation-rail{padding-left:6px;padding-right:6px;gap:6px}
  .ob-topbar.hq-unified-topbar .hq-tabs a{min-width:62px;padding:0 9px;font-size:.44rem}
  .ob-topbar.hq-unified-topbar .hq-tabs a[data-hq-tab="leaderboards"]{min-width:98px}
  .ob-topbar.hq-unified-topbar .theatre-context>span:last-of-type{display:none}
  .ob-topbar.hq-unified-topbar .theatre-context{max-width:300px}
}

@media(max-width:900px){
  .ob-topbar.hq-unified-topbar{grid-template-columns:165px minmax(0,1fr) auto}
  .ob-topbar.hq-unified-topbar .brand-copy>small:last-child{display:none}
  .ob-topbar.hq-unified-topbar .theatre-context>span{display:none}
  .ob-topbar.hq-unified-topbar .theatre-context{max-width:205px}
  .ob-topbar.hq-unified-topbar .health{padding:0 8px}
  .ob-topbar.hq-unified-topbar .logout{padding:0 10px}
}

@media(max-width:600px){
  .ob-topbar.hq-unified-topbar{
    height:58px;
    min-height:58px;
    grid-template-columns:128px minmax(0,1fr) 54px;
    grid-template-rows:58px;
  }
  .ob-topbar.hq-unified-topbar .brand{
    min-height:58px;
    padding:0 9px;
  }
  .ob-topbar.hq-unified-topbar .brand-copy>small:first-child{font-size:.32rem}
  .ob-topbar.hq-unified-topbar .brand-copy b{font-size:.82rem}
  .ob-topbar.hq-unified-topbar .hq-navigation-rail{
    height:58px;
    padding:6px 4px;
    gap:4px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .ob-topbar.hq-unified-topbar .hq-tabs{
    flex:1 0 118px;
    height:44px;
    gap:4px;
  }
  .ob-topbar.hq-unified-topbar .hq-tabs a{
    min-width:76px;
    min-height:44px;
    padding:0 9px;
    font-size:.41rem;
  }
  .ob-topbar.hq-unified-topbar .hq-tabs a[data-hq-tab="leaderboards"]{min-width:100px}
  .ob-topbar.hq-unified-topbar .theatre-context{
    flex:0 0 152px;
    max-width:152px;
    height:44px;
    min-height:44px;
  }
  .ob-topbar.hq-unified-topbar .theatre-context>div{padding:0 7px}
  .ob-topbar.hq-unified-topbar .theatre-context strong{font-size:.46rem}
  .ob-topbar.hq-unified-topbar .theatre-context a{
    min-height:30px;
    margin:6px 4px;
    padding:0 6px;
    font-size:.29rem;
  }
  .ob-topbar.hq-unified-topbar .statusbar{
    height:58px;
    min-height:58px;
    grid-column:3;
  }
  .ob-topbar.hq-unified-topbar .health{display:none}
  .ob-topbar.hq-unified-topbar .logout{
    width:54px;
    min-height:58px;
    padding:0 5px;
    font-size:.34rem;
  }
  .ob-shell{padding-top:68px}
}


/* MOBILE NAV CONTROLS // hidden on desktop */
.hq-mobile-menu-toggle,
.hq-mobile-theatre{display:none}

@media(max-width:600px){
  .ob-topbar.hq-unified-topbar{
    grid-template-columns:128px minmax(92px,1fr) 52px 54px;
  }

  .ob-topbar.hq-unified-topbar .hq-mobile-theatre{
    grid-column:2;
    grid-row:1;
    min-width:0;
    min-height:58px;
    padding:0 10px;
    display:grid;
    align-content:center;
    gap:3px;
    border-left:1px solid rgba(121,215,232,.07);
    color:#cfe7ea;
    text-decoration:none;
    background:linear-gradient(90deg,rgba(8,29,32,.55),transparent);
  }
  .hq-mobile-theatre small{
    color:#42646a;
    font:800 .31rem var(--mono);
    letter-spacing:.11em;
  }
  .hq-mobile-theatre strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#9ed9e2;
    font:900 .49rem var(--mono);
    letter-spacing:.07em;
  }

  .ob-topbar.hq-unified-topbar .hq-mobile-menu-toggle{
    grid-column:3;
    grid-row:1;
    position:relative;
    min-width:52px;
    min-height:58px;
    padding:0;
    display:grid;
    place-items:center;
    gap:0;
    border:0;
    border-left:1px solid rgba(121,215,232,.07);
    border-right:1px solid rgba(121,215,232,.07);
    background:rgba(1,7,8,.72);
    color:#8fb6bc;
    cursor:pointer;
  }
  .hq-mobile-menu-toggle span{
    position:absolute;
    bottom:7px;
    font:800 .28rem var(--mono);
    letter-spacing:.10em;
  }
  .hq-mobile-menu-toggle i,
  .hq-mobile-menu-toggle i::before,
  .hq-mobile-menu-toggle i::after{
    width:18px;
    height:1px;
    display:block;
    background:#9acbd2;
    content:"";
    transition:transform .18s ease,opacity .18s ease;
  }
  .hq-mobile-menu-toggle i{
    position:relative;
    transform:translateY(-3px);
  }
  .hq-mobile-menu-toggle i::before{
    position:absolute;
    top:-5px;
  }
  .hq-mobile-menu-toggle i::after{
    position:absolute;
    top:5px;
  }
  .ob-topbar.hq-unified-topbar[data-mobile-menu="open"] .hq-mobile-menu-toggle i{
    background:transparent;
  }
  .ob-topbar.hq-unified-topbar[data-mobile-menu="open"] .hq-mobile-menu-toggle i::before{
    transform:translateY(5px) rotate(45deg);
  }
  .ob-topbar.hq-unified-topbar[data-mobile-menu="open"] .hq-mobile-menu-toggle i::after{
    transform:translateY(-5px) rotate(-45deg);
  }

  .ob-topbar.hq-unified-topbar .hq-navigation-rail{
    position:fixed!important;
    z-index:1095!important;
    left:8px!important;
    right:8px!important;
    top:64px!important;
    width:auto!important;
    height:auto!important;
    max-height:calc(100vh - 76px);
    padding:8px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    overflow:auto!important;
    border:1px solid rgba(121,215,232,.18)!important;
    background:rgba(1,7,8,.985)!important;
    box-shadow:0 26px 70px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.012)!important;
    backdrop-filter:blur(18px)!important;
    transform:translateY(-8px) scale(.985);
    transform-origin:top center;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .16s ease,transform .18s cubic-bezier(.16,1,.3,1),visibility 0s linear .18s;
  }
  .ob-topbar.hq-unified-topbar[data-mobile-menu="open"] .hq-navigation-rail{
    transform:translateY(0) scale(1);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
  }

  .ob-topbar.hq-unified-topbar .hq-tabs{
    width:100%;
    height:auto!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px!important;
    overflow:visible!important;
  }
  .ob-topbar.hq-unified-topbar .hq-tabs a,
  .ob-topbar.hq-unified-topbar .hq-tabs a[data-hq-tab="leaderboards"]{
    min-width:0!important;
    min-height:48px!important;
    width:100%;
    padding:0 12px!important;
    justify-content:flex-start;
    font-size:.50rem!important;
  }

  .ob-topbar.hq-unified-topbar .theatre-context,
  body[data-hq-page="home"] .ob-topbar.hq-unified-topbar .theatre-context{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .ob-topbar.hq-unified-topbar .theatre-context>div{
    min-height:48px;
    padding:0 12px;
  }
  .ob-topbar.hq-unified-topbar .theatre-context>span{display:none!important}
  .ob-topbar.hq-unified-topbar .theatre-context strong{font-size:.52rem}
  .ob-topbar.hq-unified-topbar .theatre-context a{
    min-height:38px;
    margin:5px;
    padding:0 10px;
    font-size:.34rem;
  }
}