:root{
  --omni-topbar-h:76px;
  --omni-topbar-bg:#061a2b;
  --omni-topbar-bg-2:#08233a;
  --omni-topbar-line:rgba(92,189,236,.28);
  --omni-topbar-text:#e9f5ff;
  --omni-topbar-muted:#8fa9bd;
  --omni-topbar-accent:#54d4ff;
  --omni-topbar-serif:Georgia,"Times New Roman",serif;
  --omni-topbar-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.omni-global-topbar-frame{display:contents!important}
.omni-global-topbar{
  position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:2147482000!important;
  min-height:var(--omni-topbar-h);width:100vw!important;max-width:none!important;margin:0!important;padding:10px 24px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,480px) minmax(0,1fr)!important;
  align-items:center;gap:22px;box-sizing:border-box;
  background:
    radial-gradient(circle at 15% 0%,rgba(64,143,204,.12),transparent 34%),
    radial-gradient(circle at 84% 100%,rgba(36,111,168,.10),transparent 32%),
    linear-gradient(180deg,rgba(7,31,52,.985),rgba(4,21,36,.975));
  border:0!important;border-bottom:1px solid var(--omni-topbar-line)!important;
  border-radius:0!important;clip-path:none!important;
  box-shadow:0 8px 24px rgba(0,7,17,.34),inset 0 1px rgba(172,228,255,.045)!important;
  backdrop-filter:blur(20px) saturate(1.12);-webkit-backdrop-filter:blur(20px) saturate(1.12);
  color:var(--omni-topbar-text);font-family:var(--omni-topbar-serif);
}
.omni-global-topbar-spacer{display:block!important;width:100%!important;height:var(--omni-topbar-h)!important;min-height:var(--omni-topbar-h)!important;flex:0 0 var(--omni-topbar-h)!important;pointer-events:none!important;visibility:hidden!important;align-self:start!important;justify-self:stretch!important}
/* Event planners previously kept a small breathing band below the pinned command bar.
   Restore it only on FDT/Crazy Joe/TAL surfaces; Battle keeps its intentional flush stage. */
body.fdt-app .omni-global-topbar-spacer,
body.frozen-event-page .omni-global-topbar-spacer{margin-bottom:28px!important}
.omni-global-topbar:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 2%,rgba(72,167,218,.26) 20%,rgba(95,202,247,.46) 50%,rgba(72,167,218,.26) 80%,transparent 98%);pointer-events:none}
.omni-global-topbar:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 14% 32%,rgba(182,232,255,.26) 0 1px,transparent 1.2px),radial-gradient(circle at 72% 20%,rgba(182,232,255,.18) 0 1px,transparent 1.2px),radial-gradient(circle at 91% 64%,rgba(182,232,255,.15) 0 1px,transparent 1.2px);background-size:138px 92px,184px 128px,224px 142px}
.omni-global-left,.omni-global-right{display:flex;align-items:center;min-width:0;position:relative;z-index:2}
.omni-global-left{gap:18px;justify-self:start;white-space:nowrap}
.omni-global-right{gap:12px;justify-self:end;white-space:nowrap;padding-left:18px;border-left:1px solid rgba(115,194,229,.18)}
.omni-global-brand{display:flex;align-items:center;gap:14px;color:#f4f9ff;text-decoration:none;flex:0 0 auto}
.omni-global-brand-mark{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(129,213,255,.18))}
.omni-global-wordmark{font-family:var(--omni-topbar-serif);font-size:1.08rem;line-height:1;font-weight:700;letter-spacing:.255em;text-shadow:0 0 12px rgba(131,207,255,.10)}
.omni-global-divider{width:1px;height:38px;background:linear-gradient(180deg,transparent,rgba(91,178,224,.44),transparent);flex:0 0 auto;margin:0 1px}
.omni-global-current,.omni-global-back,.omni-global-menu-trigger{color:var(--omni-topbar-text);text-decoration:none;font-family:var(--omni-topbar-serif);font-size:.78rem;font-weight:700;white-space:nowrap}
.omni-global-current{height:48px;max-width:190px;display:inline-flex;align-items:center;gap:10px;padding:0 17px;border:1px solid rgba(80,170,230,.32);border-radius:11px;background:linear-gradient(180deg,rgba(22,70,109,.45),rgba(13,51,83,.38));box-shadow:inset 0 0 18px rgba(50,164,224,.05),0 0 0 1px rgba(39,117,173,.06);color:#e9f5ff;overflow:hidden;text-overflow:ellipsis}
.omni-global-current>span:last-child{overflow:hidden;text-overflow:ellipsis}
.omni-global-current-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px;background:#54d6ff;box-shadow:0 0 8px rgba(84,214,255,.72)}
.omni-global-back{color:#9fb8cb;padding:8px 2px;transition:color .15s ease;text-transform:none}
.omni-global-back:hover,.omni-global-current:hover{color:#fff}
.omni-global-nav{display:flex;align-items:center;gap:22px;min-width:0;margin-left:2px}
.omni-global-menu{position:relative}
/* Keep the visual dropdown offset while bridging the full hover path from trigger to panel. */
.omni-global-menu::after{content:"";position:absolute;left:-10px;right:-10px;top:100%;height:15px;pointer-events:auto}
.omni-global-menu-trigger{display:flex;align-items:center;gap:5px;padding:8px 0;color:#b6c8d8;transition:color .14s ease,text-shadow .14s ease}
.omni-global-menu-trigger>span{font-family:var(--omni-topbar-sans);font-size:.58rem;opacity:.58;transform:translateY(1px)}
.omni-global-menu-trigger:hover,.omni-global-menu:focus-within .omni-global-menu-trigger{color:#f2f8ff;text-shadow:0 0 12px rgba(95,196,245,.18)}
.omni-global-dropdown{position:absolute;top:calc(100% + 15px);left:-14px;z-index:20;width:306px;max-height:360px;overflow-y:auto;padding:8px;border:1px solid rgba(89,181,229,.28);border-radius:11px;background:linear-gradient(180deg,rgba(6,29,49,.995),rgba(4,20,34,.995));box-shadow:0 22px 52px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.03);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.14s ease;scrollbar-width:thin;scrollbar-color:rgba(84,195,240,.42) rgba(4,20,32,.6);font-family:var(--omni-topbar-sans)}
.omni-global-menu:hover .omni-global-dropdown,.omni-global-menu:focus-within .omni-global-dropdown{opacity:1;visibility:visible;transform:none}
.omni-global-dropdown-item{display:flex;flex-direction:column;gap:2px;padding:10px 11px;border:1px solid transparent;border-radius:8px;color:#e8f5fc;text-decoration:none}.omni-global-dropdown-item:hover,.omni-global-dropdown-item:focus-visible{background:rgba(55,151,202,.13);border-color:rgba(102,205,245,.14)}.omni-global-dropdown-item span{font-size:.73rem;font-weight:850}.omni-global-dropdown-item small{font-size:.59rem;color:#7f9fb2;line-height:1.35}
.omni-global-search{position:relative;justify-self:center;width:100%;max-width:480px;z-index:25;font-family:var(--omni-topbar-sans)}
.omni-global-search-shell{height:48px;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;border:1px solid rgba(71,162,217,.34);border-radius:11px;background:rgba(4,25,43,.78);box-shadow:inset 0 0 0 1px rgba(29,89,128,.14),inset 0 8px 25px rgba(24,86,127,.05),0 5px 20px rgba(0,0,0,.12)}
.omni-global-search-shell:focus-within{border-color:rgba(76,190,240,.64);box-shadow:inset 0 0 0 1px rgba(62,171,221,.14),0 0 18px rgba(39,137,185,.12)}
.omni-global-search-icon{height:100%;display:grid;place-items:center;color:#7eb6d5}.omni-global-search-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.omni-global-search-hint{color:#58798e;font-family:var(--omni-topbar-sans);font-size:.62rem;font-weight:800}
.omni-global-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#d6e9f6;font:650 .75rem/1.2 var(--omni-topbar-sans);letter-spacing:.005em}.omni-global-search input::placeholder{color:#7894a8;opacity:1}
.omni-global-search-results{position:absolute;top:calc(100% + 10px);left:0;right:0;max-height:390px;overflow-y:auto;padding:7px;border:1px solid rgba(91,185,230,.30);border-radius:11px;background:rgba(4,20,34,.99);box-shadow:0 20px 45px rgba(0,0,0,.48)}
.omni-global-search-result{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border:1px solid transparent;border-radius:8px;color:#eef9ff;text-decoration:none}.omni-global-search-result:hover,.omni-global-search-result.active{background:rgba(57,157,207,.14);border-color:rgba(104,210,245,.15)}.omni-global-search-result b{font-size:.72rem}.omni-global-search-result small{font-size:.58rem;color:#84a4b6}
.omni-global-scene{display:flex;align-items:center;gap:4px;height:40px;padding:0 9px;border:1px solid rgba(83,166,211,.22);border-radius:9px;background:rgba(5,27,45,.56)}.omni-global-scene>span{font-family:var(--omni-topbar-sans);font-size:.50rem;font-weight:850;color:#7797aa;text-transform:uppercase;letter-spacing:.08em;margin-right:2px}.omni-global-scene button{width:25px;height:26px;border:1px solid rgba(94,183,229,.24);border-radius:6px;background:rgba(5,28,47,.86);color:#8caabd;font:850 .60rem var(--omni-topbar-sans);cursor:pointer}.omni-global-scene button.active{background:linear-gradient(180deg,#279bd1,#176e9f);color:#fff;border-color:#62c9f2;box-shadow:0 0 10px rgba(51,184,235,.14)}
.omni-global-brightness{height:40px;display:flex;align-items:center;gap:7px;padding:0 3px;color:#9bb6c8;font-family:var(--omni-topbar-sans)}.omni-global-control-icon{font-size:.78rem;color:#a5c8dc}.omni-global-control-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.omni-global-brightness input{width:78px;accent-color:#54cfff}.omni-global-brightness b{font-size:.54rem;color:#86a6b9;min-width:25px}
.omni-global-theme{height:40px;min-width:70px;padding:0 10px;border:1px solid rgba(81,165,210,.22);border-radius:9px;background:rgba(5,29,48,.62);color:#dceef8;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:750 .65rem var(--omni-topbar-sans);cursor:pointer}.omni-global-theme:hover:not(:disabled){border-color:rgba(91,195,238,.48);background:rgba(8,45,70,.78)}.omni-global-theme.is-locked{opacity:.72;cursor:not-allowed}.omni-global-theme-glyph{font-size:.88rem}
.omni-global-player{position:relative;color:#eaf5fc;text-decoration:none;font-family:var(--omni-topbar-serif);font-size:.76rem;font-weight:700;padding:10px 0 10px 15px;max-width:150px;overflow:hidden;text-overflow:ellipsis;border:0;border-left:1px solid rgba(98,178,220,.20);background:none;white-space:nowrap}.omni-global-player:after{content:"";position:absolute;left:15px;right:0;bottom:7px;height:1px;background:#75d8ff;transform:scaleX(0);transform-origin:right;transition:transform .16s ease}.omni-global-player:hover:after,.omni-global-player:focus-visible:after{transform:scaleX(1);transform-origin:left}.omni-global-login{cursor:pointer}
.omni-global-logout{height:34px;padding:0 8px;border:1px solid rgba(100,182,223,.18);border-radius:8px;background:rgba(5,28,46,.60);color:#88a9bc;font:750 .57rem var(--omni-topbar-sans);cursor:pointer}.omni-global-logout:hover{color:#fff;border-color:rgba(99,201,242,.42)}
body.light-theme .omni-global-topbar{--omni-topbar-text:#173f51;--omni-topbar-muted:#557989;background:linear-gradient(180deg,rgba(237,248,252,.985),rgba(217,239,247,.98));border-bottom-color:rgba(53,142,180,.24)!important;box-shadow:0 8px 24px rgba(41,91,107,.12),inset 0 1px rgba(255,255,255,.8)!important}
body.light-theme .omni-global-brand,body.light-theme .omni-global-current,body.light-theme .omni-global-menu-trigger,body.light-theme .omni-global-player{color:#173f51}body.light-theme .omni-global-current{background:linear-gradient(180deg,rgba(220,242,251,.92),rgba(205,232,244,.88));border-color:rgba(47,145,190,.30)}body.light-theme .omni-global-back{color:#54768a}body.light-theme .omni-global-menu-trigger:hover{color:#0f3548}body.light-theme .omni-global-search-shell{background:rgba(247,253,255,.92);border-color:rgba(56,145,187,.28)}body.light-theme .omni-global-search input{color:#173f51}body.light-theme .omni-global-search input::placeholder{color:#6c8999}body.light-theme .omni-global-theme{background:rgba(244,252,255,.94);color:#224f61;border-color:rgba(57,153,183,.26)}body.light-theme .omni-global-scene{background:rgba(240,250,253,.82)}body.light-theme .omni-global-player{border-left-color:rgba(58,144,182,.20)}body.light-theme .omni-global-logout{background:rgba(244,252,255,.86);color:#456d7d;border-color:rgba(65,156,186,.22)}
body.has-omni-global-topbar :is(.tool-side-theme-toggle,.floating-theme-toggle,.theme-float,.paper-nav .nav-theme){display:none!important}
body.frozen-battle-page.light-theme{background:#07111f!important;color:#ddecf3!important}
body.frozen-battle-page[data-omni-dark-locked="true"]{color-scheme:dark}
body.has-omni-global-topbar :is(.top-nav,.top-center-nav){display:none!important}
body.has-omni-global-topbar .hub-nav-container:has(.circle-back-btn){display:none!important}
body.has-omni-global-topbar .hero>.header-actions{display:none!important}
body .omni-global-topbar.tool-companion-topbar,body .omni-global-topbar.bear-topbar{margin-bottom:0!important}
.omni-page-media-strip{position:relative;z-index:100000;display:flex;justify-content:flex-end;gap:6px;width:min(1510px,calc(100% - 28px));margin:7px auto 0}.omni-page-media-btn{min-height:31px;padding:0 10px;border:1px solid rgba(112,205,237,.22);border-radius:8px;background:rgba(5,25,39,.84);color:#cfeaf4;font:850 .60rem var(--omni-topbar-sans);cursor:pointer}.omni-page-media-btn:hover{border-color:rgba(118,220,255,.52);color:#fff}
@media(max-width:1840px) and (min-width:1181px){
  .omni-global-topbar{grid-template-columns:max-content minmax(150px,360px) max-content!important;padding-inline:14px!important;gap:12px}
  .omni-global-left{gap:10px}.omni-global-right{gap:7px;padding-left:10px}
  .omni-global-brand{gap:9px}.omni-global-brand-mark{width:39px;height:39px}.omni-global-wordmark{font-size:.91rem;letter-spacing:.20em}
  .omni-global-divider{height:32px}.omni-global-current{height:42px;max-width:128px;padding:0 11px;gap:7px;font-size:.68rem}.omni-global-current-dot{width:6px;height:6px;flex-basis:6px}
  .omni-global-back{font-size:.66rem}.omni-global-nav{gap:11px}.omni-global-menu-trigger{font-size:.66rem;gap:2px}.omni-global-menu-trigger>span{font-size:.5rem}
  .omni-global-search-shell{height:44px}.omni-global-search input{font-size:.69rem}.omni-global-search{max-width:360px}
  .omni-global-scene{padding-inline:6px}.omni-global-scene>span{display:none}.omni-global-brightness input{width:60px}.omni-global-brightness b{display:none}.omni-global-theme{min-width:58px;padding-inline:7px;font-size:.60rem}.omni-global-player{max-width:108px;padding-left:9px;font-size:.66rem}.omni-global-player:after{left:9px}
}
@media(max-width:1180px){
  :root{--omni-topbar-h:120px}
  .omni-global-topbar{grid-template-columns:1fr auto!important;grid-template-areas:'left right' 'search search';row-gap:7px;padding:8px 12px!important}
  .omni-global-left{grid-area:left}.omni-global-right{grid-area:right}.omni-global-search{grid-area:search;max-width:640px}.omni-global-nav{display:none}.omni-global-current{max-width:190px}
}
@media(max-width:760px){
  :root{--omni-topbar-h:159px}
  .omni-global-topbar{grid-template-columns:1fr!important;grid-template-areas:'left' 'search' 'right';padding:7px 9px!important;width:calc(100vw - 16px)!important}
  .omni-global-left,.omni-global-right{width:100%;justify-content:space-between}.omni-global-right{overflow-x:auto;scrollbar-width:none;border-left:0;padding-left:0}.omni-global-right::-webkit-scrollbar{display:none}.omni-global-current{max-width:36vw}.omni-global-back{display:none}.omni-global-wordmark{font-size:.80rem}.omni-global-brand-mark{width:35px;height:35px}.omni-global-search-shell{height:42px}.omni-global-brightness{min-width:105px}.omni-global-player{max-width:112px}.omni-global-theme-text{display:none}.omni-global-theme{min-width:40px;width:40px;padding:0}
}

.omni-global-brightness-shade{position:fixed;inset:0;z-index:-1;pointer-events:none;background:transparent}
body.omni-auth-open{overflow:hidden!important}
.omni-global-brightness-shade.omni-brightness-35{background:rgba(0,0,0,0.273)}
.omni-global-brightness-shade.omni-brightness-36{background:rgba(0,0,0,0.269)}
.omni-global-brightness-shade.omni-brightness-37{background:rgba(0,0,0,0.265)}
.omni-global-brightness-shade.omni-brightness-38{background:rgba(0,0,0,0.260)}
.omni-global-brightness-shade.omni-brightness-39{background:rgba(0,0,0,0.256)}
.omni-global-brightness-shade.omni-brightness-40{background:rgba(0,0,0,0.252)}
.omni-global-brightness-shade.omni-brightness-41{background:rgba(0,0,0,0.248)}
.omni-global-brightness-shade.omni-brightness-42{background:rgba(0,0,0,0.244)}
.omni-global-brightness-shade.omni-brightness-43{background:rgba(0,0,0,0.239)}
.omni-global-brightness-shade.omni-brightness-44{background:rgba(0,0,0,0.235)}
.omni-global-brightness-shade.omni-brightness-45{background:rgba(0,0,0,0.231)}
.omni-global-brightness-shade.omni-brightness-46{background:rgba(0,0,0,0.227)}
.omni-global-brightness-shade.omni-brightness-47{background:rgba(0,0,0,0.223)}
.omni-global-brightness-shade.omni-brightness-48{background:rgba(0,0,0,0.218)}
.omni-global-brightness-shade.omni-brightness-49{background:rgba(0,0,0,0.214)}
.omni-global-brightness-shade.omni-brightness-50{background:rgba(0,0,0,0.210)}
.omni-global-brightness-shade.omni-brightness-51{background:rgba(0,0,0,0.206)}
.omni-global-brightness-shade.omni-brightness-52{background:rgba(0,0,0,0.202)}
.omni-global-brightness-shade.omni-brightness-53{background:rgba(0,0,0,0.197)}
.omni-global-brightness-shade.omni-brightness-54{background:rgba(0,0,0,0.193)}
.omni-global-brightness-shade.omni-brightness-55{background:rgba(0,0,0,0.189)}
.omni-global-brightness-shade.omni-brightness-56{background:rgba(0,0,0,0.185)}
.omni-global-brightness-shade.omni-brightness-57{background:rgba(0,0,0,0.181)}
.omni-global-brightness-shade.omni-brightness-58{background:rgba(0,0,0,0.176)}
.omni-global-brightness-shade.omni-brightness-59{background:rgba(0,0,0,0.172)}
.omni-global-brightness-shade.omni-brightness-60{background:rgba(0,0,0,0.168)}
.omni-global-brightness-shade.omni-brightness-61{background:rgba(0,0,0,0.164)}
.omni-global-brightness-shade.omni-brightness-62{background:rgba(0,0,0,0.160)}
.omni-global-brightness-shade.omni-brightness-63{background:rgba(0,0,0,0.155)}
.omni-global-brightness-shade.omni-brightness-64{background:rgba(0,0,0,0.151)}
.omni-global-brightness-shade.omni-brightness-65{background:rgba(0,0,0,0.147)}
.omni-global-brightness-shade.omni-brightness-66{background:rgba(0,0,0,0.143)}
.omni-global-brightness-shade.omni-brightness-67{background:rgba(0,0,0,0.139)}
.omni-global-brightness-shade.omni-brightness-68{background:rgba(0,0,0,0.134)}
.omni-global-brightness-shade.omni-brightness-69{background:rgba(0,0,0,0.130)}
.omni-global-brightness-shade.omni-brightness-70{background:rgba(0,0,0,0.126)}
.omni-global-brightness-shade.omni-brightness-71{background:rgba(0,0,0,0.122)}
.omni-global-brightness-shade.omni-brightness-72{background:rgba(0,0,0,0.118)}
.omni-global-brightness-shade.omni-brightness-73{background:rgba(0,0,0,0.113)}
.omni-global-brightness-shade.omni-brightness-74{background:rgba(0,0,0,0.109)}
.omni-global-brightness-shade.omni-brightness-75{background:rgba(0,0,0,0.105)}
.omni-global-brightness-shade.omni-brightness-76{background:rgba(0,0,0,0.101)}
.omni-global-brightness-shade.omni-brightness-77{background:rgba(0,0,0,0.097)}
.omni-global-brightness-shade.omni-brightness-78{background:rgba(0,0,0,0.092)}
.omni-global-brightness-shade.omni-brightness-79{background:rgba(0,0,0,0.088)}
.omni-global-brightness-shade.omni-brightness-80{background:rgba(0,0,0,0.084)}
.omni-global-brightness-shade.omni-brightness-81{background:rgba(0,0,0,0.080)}
.omni-global-brightness-shade.omni-brightness-82{background:rgba(0,0,0,0.076)}
.omni-global-brightness-shade.omni-brightness-83{background:rgba(0,0,0,0.071)}
.omni-global-brightness-shade.omni-brightness-84{background:rgba(0,0,0,0.067)}
.omni-global-brightness-shade.omni-brightness-85{background:rgba(0,0,0,0.063)}
.omni-global-brightness-shade.omni-brightness-86{background:rgba(0,0,0,0.059)}
.omni-global-brightness-shade.omni-brightness-87{background:rgba(0,0,0,0.055)}
.omni-global-brightness-shade.omni-brightness-88{background:rgba(0,0,0,0.050)}
.omni-global-brightness-shade.omni-brightness-89{background:rgba(0,0,0,0.046)}
.omni-global-brightness-shade.omni-brightness-90{background:rgba(0,0,0,0.042)}
.omni-global-brightness-shade.omni-brightness-91{background:rgba(0,0,0,0.038)}
.omni-global-brightness-shade.omni-brightness-92{background:rgba(0,0,0,0.034)}
.omni-global-brightness-shade.omni-brightness-93{background:rgba(0,0,0,0.029)}
.omni-global-brightness-shade.omni-brightness-94{background:rgba(0,0,0,0.025)}
.omni-global-brightness-shade.omni-brightness-95{background:rgba(0,0,0,0.021)}
.omni-global-brightness-shade.omni-brightness-96{background:rgba(0,0,0,0.017)}
.omni-global-brightness-shade.omni-brightness-97{background:rgba(0,0,0,0.013)}
.omni-global-brightness-shade.omni-brightness-98{background:rgba(0,0,0,0.008)}
.omni-global-brightness-shade.omni-brightness-99{background:rgba(0,0,0,0.004)}
.omni-global-brightness-shade.omni-brightness-100{background:rgba(0,0,0,0.000)}

.omni-global-logout{height:32px;padding:0 8px;border:1px solid rgba(121,205,234,.18);border-radius:8px;background:rgba(7,31,47,.72);color:#91b4c3;font:850 .57rem Inter,system-ui;cursor:pointer}.omni-global-logout:hover{color:#fff;border-color:rgba(126,219,250,.42)}body.light-theme .omni-global-logout{background:rgba(244,252,255,.86);color:#456d7d;border-color:rgba(65,156,186,.22)}

/* Mobile inset prevents nested shell padding from creating document overflow while
   retaining the shared sticky header on every surface. */
@media(max-width:760px){
  .omni-global-topbar{width:calc(100vw - 16px)!important}
}

/* =========================================================
   Battle-origin premium navigation treatment
   Mirrors the original OmniSIM top-bar rhythm/segmentation.
   ========================================================= */
@media(min-width:1841px){
  :root{--omni-topbar-h:82px}
  .omni-global-topbar{
    padding:0 clamp(28px,2.8vw,58px)!important;
    gap:18px!important;
    grid-template-columns:max-content minmax(260px,470px) max-content!important;
    background:linear-gradient(180deg,rgba(3,24,43,.96),rgba(2,20,36,.91))!important;
    border-bottom-color:rgba(78,172,232,.36)!important;
    box-shadow:0 10px 34px rgba(0,8,18,.20),inset 0 1px rgba(255,255,255,.025)!important;
    backdrop-filter:blur(17px) saturate(1.18)!important;
    -webkit-backdrop-filter:blur(17px) saturate(1.18)!important;
  }
  .omni-global-left{gap:0!important}
  .omni-global-brand{gap:17px!important}
  .omni-global-brand-mark{width:49px!important;height:49px!important}
  .omni-global-wordmark{font-size:1.23rem!important;letter-spacing:.31em!important}
  .omni-global-divider{height:34px!important;margin:0 25px!important;background:linear-gradient(180deg,transparent,rgba(96,181,228,.55),transparent)!important}
  .omni-global-current{height:42px!important;max-width:190px!important;padding:0 16px!important;border-radius:8px!important;border-color:rgba(54,152,220,.54)!important;background:linear-gradient(180deg,rgba(13,62,101,.62),rgba(7,44,75,.72))!important;box-shadow:inset 0 0 18px rgba(32,139,210,.14),0 0 20px rgba(31,134,202,.08)!important;font-size:.78rem!important}
  .omni-global-back{margin-left:18px!important;font-size:.74rem!important}
  .omni-global-nav{gap:31px!important;margin-left:28px!important}
  .omni-global-menu-trigger{font-size:.78rem!important;padding:0!important;min-height:42px!important}
  .omni-global-search{max-width:470px!important}
  .omni-global-search-shell{height:42px!important;border-radius:8px!important;border-color:rgba(65,159,219,.42)!important;background:rgba(4,25,44,.56)!important;box-shadow:inset 0 0 18px rgba(22,90,139,.08)!important}
  .omni-global-search input{font-size:.76rem!important}
  .omni-global-search-icon svg{width:19px!important;height:19px!important;stroke:#7dc2ea!important;stroke-width:1.9!important}
  .omni-global-right{gap:10px!important;padding-left:20px!important;border-left-color:rgba(96,181,228,.36)!important}
  .omni-global-scene,.omni-global-theme{height:39px!important}
  .omni-global-player{font-size:.74rem!important}
}
/* Reference-bar cleanup: categories read as clean text tabs; dropdown behavior remains hover/focus-driven. */
.omni-global-menu-trigger>span{display:none!important}
.omni-global-search-hint{visibility:hidden!important}
.omni-global-search-shell{grid-template-columns:44px minmax(0,1fr) 12px!important}

/* 2026-09-22: the shared OmniWOS top bar keeps one dark visual identity in both page themes. */
body.light-theme .omni-global-topbar{
  --omni-topbar-text:#e9f5ff!important;
  --omni-topbar-muted:#8fa9bd!important;
  color:var(--omni-topbar-text)!important;
  background:linear-gradient(180deg,rgba(3,24,43,.96),rgba(2,20,36,.91))!important;
  border-bottom-color:rgba(78,172,232,.36)!important;
  box-shadow:0 10px 34px rgba(0,8,18,.20),inset 0 1px rgba(255,255,255,.025)!important;
}
body.light-theme .omni-global-brand,
body.light-theme .omni-global-current,
body.light-theme .omni-global-menu-trigger,
body.light-theme .omni-global-player{color:#e9f5ff!important}
body.light-theme .omni-global-wordmark{color:#f4f9ff!important}
body.light-theme .omni-global-current{
  background:linear-gradient(180deg,rgba(13,62,101,.62),rgba(7,44,75,.72))!important;
  border-color:rgba(54,152,220,.54)!important;
  box-shadow:inset 0 0 18px rgba(32,139,210,.14),0 0 20px rgba(31,134,202,.08)!important;
}
body.light-theme .omni-global-back{color:#9fb8cb!important}
body.light-theme .omni-global-menu-trigger:hover,
body.light-theme .omni-global-menu:focus-within .omni-global-menu-trigger{color:#f2f8ff!important}
body.light-theme .omni-global-search-shell{
  background:rgba(4,25,44,.56)!important;
  border-color:rgba(65,159,219,.42)!important;
  box-shadow:inset 0 0 18px rgba(22,90,139,.08)!important;
}
body.light-theme .omni-global-search input{color:#d6e9f6!important}
body.light-theme .omni-global-search input::placeholder{color:#7894a8!important}
body.light-theme .omni-global-theme{background:rgba(5,29,48,.62)!important;color:#dceef8!important;border-color:rgba(81,165,210,.22)!important}
body.light-theme .omni-global-scene{background:rgba(5,27,45,.56)!important;border-color:rgba(83,166,211,.22)!important}
body.light-theme .omni-global-player{border-left-color:rgba(98,178,220,.20)!important}
body.light-theme .omni-global-logout{background:rgba(7,31,47,.72)!important;color:#91b4c3!important;border-color:rgba(121,205,234,.18)!important}

/* =========================================================
   2026-09-22 shared top-bar hardening
   Keep the bar visually identical across page-specific CSS stacks.
   ========================================================= */
body .omni-global-topbar{
  font-family:var(--omni-topbar-serif)!important;
  color-scheme:dark!important;
}
body .omni-global-topbar .omni-global-brand,
body .omni-global-topbar .omni-global-current,
body .omni-global-topbar .omni-global-back,
body .omni-global-topbar .omni-global-menu-trigger,
body .omni-global-topbar .omni-global-player{
  font-family:var(--omni-topbar-serif)!important;
}
body .omni-global-topbar .omni-global-search,
body .omni-global-topbar .omni-global-search *,
body .omni-global-topbar .omni-global-right,
body .omni-global-topbar .omni-global-right *{
  font-family:var(--omni-topbar-sans)!important;
}
body .omni-global-topbar .omni-global-search input{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#d6e9f6!important;
  font:650 .75rem/1.2 var(--omni-topbar-sans)!important;
  letter-spacing:.005em!important;
}
body .omni-global-topbar .omni-global-search input:focus,
body .omni-global-topbar .omni-global-search input:hover{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
body .omni-global-topbar .omni-global-search input::placeholder{color:#7894a8!important;opacity:1!important}
body .omni-global-topbar .omni-global-theme{
  font:750 .65rem/1 var(--omni-topbar-sans)!important;
  color:#dceef8!important;
}
body .omni-global-topbar .omni-global-brightness,
body .omni-global-topbar .omni-global-scene,
body .omni-global-topbar .omni-global-media,
body .omni-global-topbar .omni-global-logout{
  font-family:var(--omni-topbar-sans)!important;
}
.omni-global-media{
  height:40px;
  display:flex;
  align-items:center;
  gap:4px;
  padding:0 6px;
  border:1px solid rgba(83,166,211,.22);
  border-radius:9px;
  background:rgba(5,27,45,.56);
  box-sizing:border-box;
}
body .omni-global-topbar .omni-global-media-btn{
  min-width:0!important;
  min-height:28px!important;
  height:28px!important;
  margin:0!important;
  padding:0 8px!important;
  border:1px solid rgba(94,183,229,.24)!important;
  border-radius:6px!important;
  background:rgba(5,28,47,.86)!important;
  color:#a9c8d9!important;
  box-shadow:none!important;
  font:850 .58rem/1 var(--omni-topbar-sans)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
body .omni-global-topbar .omni-global-media-btn:hover,
body .omni-global-topbar .omni-global-media-btn:focus-visible{
  border-color:rgba(98,201,242,.54)!important;
  background:rgba(8,45,70,.86)!important;
  color:#fff!important;
}
body.light-theme .omni-global-media{background:rgba(5,27,45,.56)!important;border-color:rgba(83,166,211,.22)!important}
body.light-theme .omni-global-media-btn{background:rgba(5,28,47,.86)!important;color:#a9c8d9!important;border-color:rgba(94,183,229,.24)!important}

@media(max-width:1840px) and (min-width:1181px){
  .omni-global-media{padding-inline:4px!important;gap:3px!important}
  body .omni-global-topbar .omni-global-media-btn{max-width:86px!important;padding-inline:6px!important;font-size:.53rem!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media(max-width:1180px){
  .omni-global-media{flex:0 0 auto!important}
}
@media(max-width:760px){
  .omni-global-media{height:36px!important}
  body .omni-global-topbar .omni-global-media-btn{max-width:94px!important;font-size:.52rem!important;overflow:hidden!important;text-overflow:ellipsis!important}
}


/* Media-enabled pages (FDT and future video/photo playgrounds) keep the exact same
   bar typography/search treatment while reserving enough right-side room for controls. */
.omni-global-player{flex:0 0 auto!important}
@media(max-width:1840px) and (min-width:1181px){
  .omni-global-topbar.has-media-controls{
    grid-template-columns:minmax(0,1fr) minmax(300px,420px) max-content!important;
    gap:14px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .omni-global-topbar.has-media-controls .omni-global-left{gap:14px!important}
  .omni-global-topbar.has-media-controls .omni-global-nav{gap:17px!important}
  .omni-global-topbar.has-media-controls .omni-global-search{max-width:420px!important}
  .omni-global-topbar.has-media-controls .omni-global-right{gap:8px!important;padding-left:14px!important}
  .omni-global-topbar.has-media-controls .omni-global-player{max-width:none!important;padding-left:12px!important}
}

@media(max-width:1840px) and (min-width:1181px){
  .omni-global-topbar.has-media-controls .omni-global-media-btn{max-width:112px!important}
}

/* Keep the profile/login destination readable on standard desktop widths. */
@media(max-width:1840px) and (min-width:1181px){
  .omni-global-player{max-width:none!important}
}

/* =========================================================
   2026-09-22 final alignment: utility controls live from the far right
   Keep the search geometrically centered on wide screens while the identity/current
   page/navigation stay left and media/scene/brightness/theme/profile anchor right.
   ========================================================= */
@media(min-width:1841px){
  .omni-global-topbar{
    grid-template-columns:minmax(0,1fr) minmax(260px,470px) minmax(0,1fr)!important;
  }
  .omni-global-left{justify-self:start!important}
  .omni-global-search{justify-self:center!important;width:100%!important}
  .omni-global-right{justify-self:end!important;margin-left:auto!important}
}
@media(min-width:1181px) and (max-width:1840px){
  .omni-global-topbar:not(.has-media-controls){
    grid-template-columns:minmax(0,1fr) minmax(280px,420px) minmax(0,1fr)!important;
  }
  .omni-global-topbar:not(.has-media-controls) .omni-global-left{justify-self:start!important}
  .omni-global-topbar:not(.has-media-controls) .omni-global-search{justify-self:center!important;width:100%!important}
  .omni-global-topbar:not(.has-media-controls) .omni-global-right{justify-self:end!important;margin-left:auto!important}
}

/* 2026-09-22 handoff layout correction.
   Use elastic middle space rather than three equal tracks: the left navigation keeps its
   natural width, utility/media controls remain hard-anchored to the far right, and the search
   centers inside the space between them without overlapping either side. */
@media(min-width:1181px){
  .omni-global-topbar,
  .omni-global-topbar.has-media-controls{
    grid-template-columns:max-content minmax(220px,1fr) max-content!important;
  }
  .omni-global-left{justify-self:start!important}
  .omni-global-search{justify-self:center!important;width:min(100%,470px)!important;max-width:470px!important}
  .omni-global-right{justify-self:end!important;margin-left:0!important}
}


/* Slightly more breathing room between the three primary navigation sections. */
.omni-global-nav{column-gap:18px!important}
@media(max-width:1840px) and (min-width:1181px){.omni-global-nav{gap:15px!important}}

/* 2026-09-29 owner spacing refinement: a little more separation between
   Planners & Strategizers, Battle, and Tools & Calculators without moving
   the utility cluster from the far right. */
@media(min-width:1421px){
  .omni-global-nav{gap:24px!important;column-gap:24px!important}
  .omni-global-topbar.has-media-controls .omni-global-nav{gap:22px!important;column-gap:22px!important}
}
@media(min-width:1181px) and (max-width:1420px){
  .omni-global-nav,
  .omni-global-topbar.has-media-controls .omni-global-nav{gap:20px!important;column-gap:20px!important}
}

/* 2026-09-29 responsive ownership fix: keep the newly widened navigation gaps
   without allowing the left navigation track to sit underneath the centered search. */
@media(min-width:1181px) and (max-width:1840px){
  .omni-global-topbar:not(.has-media-controls){
    grid-template-columns:max-content minmax(220px,1fr) max-content!important;
  }
  .omni-global-topbar:not(.has-media-controls) .omni-global-search{
    width:min(100%,470px)!important;
    max-width:470px!important;
  }
}

/* 2026-09-29 mobile media-control topbar height parity.
   FDT/Crazy Joe/TAL include the scene controls, which add a few pixels to the
   three-row mobile bar. Keep the reserved document-flow spacer exact so the
   fixed bar never overlaps the first page section. */
@media(max-width:760px){
  body.frozen-event-page .omni-global-topbar.has-media-controls + .omni-global-topbar-spacer{
    height:166px!important;
    min-height:166px!important;
    flex-basis:166px!important;
  }
}

/* 2026-09-30 primary-section segmentation: stronger breathing room plus a full-height
   diagonal divider between the three category groups. Navigation is hidden below 1181px. */
@media(min-width:1181px){
  .omni-global-nav{gap:34px!important;column-gap:34px!important;overflow:visible!important}
  .omni-global-topbar.has-media-controls .omni-global-nav{gap:30px!important;column-gap:30px!important}
  .omni-global-menu{position:relative!important}
  .omni-global-menu + .omni-global-menu{padding-left:34px!important}
  .omni-global-topbar.has-media-controls .omni-global-menu + .omni-global-menu{padding-left:30px!important}
  .omni-global-menu + .omni-global-menu::before{
    content:"";position:absolute;left:0;top:50%;width:1px;height:var(--omni-topbar-h);
    transform:translateY(-50%) skewX(-12deg);
    background:linear-gradient(180deg,rgba(83,185,232,.08),rgba(102,207,247,.46) 18%,rgba(102,207,247,.46) 82%,rgba(83,185,232,.08));
    box-shadow:0 0 10px rgba(78,184,231,.08);pointer-events:none
  }
}
@media(min-width:1181px) and (max-width:1420px){
  .omni-global-nav,.omni-global-topbar.has-media-controls .omni-global-nav{gap:24px!important;column-gap:24px!important}
  .omni-global-menu + .omni-global-menu,.omni-global-topbar.has-media-controls .omni-global-menu + .omni-global-menu{padding-left:24px!important}
}


/* 2026-10-01 complete primary-nav segmentation. */
@media(min-width:1181px){
  .omni-global-nav>.omni-global-menu:first-child{position:relative!important;padding-left:34px!important}
  .omni-global-nav>.omni-global-menu:first-child::before{content:"";position:absolute;left:0;top:50%;width:1px;height:var(--omni-topbar-h);transform:translateY(-50%) skewX(-12deg);background:linear-gradient(180deg,rgba(83,185,232,.08),rgba(102,207,247,.46) 18%,rgba(102,207,247,.46) 82%,rgba(83,185,232,.08));box-shadow:0 0 10px rgba(78,184,231,.08);pointer-events:none}
}
@media(min-width:1181px) and (max-width:1420px){.omni-global-nav>.omni-global-menu:first-child{padding-left:24px!important}}

/* R4-K · consistent top-bar field-manual insignia. Never hover over battle UI. */
.omni-global-topbar .omni-global-guide[hidden]{display:none!important}
.omni-global-topbar .omni-global-guide:not([hidden]){box-sizing:border-box!important;appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-items:center;flex:0 0 38px;min-width:38px;width:38px;height:42px;padding:0!important;margin-right:-9px;position:relative;z-index:3;border:1px solid rgba(141,216,247,.67)!important;border-radius:11px 4px 4px 11px!important;background:radial-gradient(circle at 50% 30%,rgba(116,218,255,.22),transparent 65%),linear-gradient(140deg,#133d5d,#071c32)!important;box-shadow:inset 0 1px rgba(226,247,255,.18),0 0 14px rgba(77,192,239,.24)!important;color:#e9faff!important;cursor:pointer;font:italic 900 19px/1 Georgia,serif!important}
.omni-global-topbar .omni-global-guide:not([hidden])::after{content:'';position:absolute;inset:4px;border:1px solid rgba(165,231,255,.16);border-radius:8px 2px 2px 8px;pointer-events:none}
.omni-global-topbar .omni-global-guide:hover,.omni-global-topbar .omni-global-guide:focus-visible{color:#fff!important;border-color:#c5f3ff!important;outline:2px solid #8bdaff;outline-offset:2px;box-shadow:0 0 18px rgba(114,218,255,.54)!important}
@media(max-width:680px){.omni-global-topbar .omni-global-guide:not([hidden]){flex-basis:31px;min-width:31px;width:31px;height:36px;margin-right:-13px;border-radius:8px 3px 3px 8px}.omni-global-left{gap:12px}}

/* Publisher-independence disclosure remains visible throughout shared-shell pages. */
.omni-unofficial-disclosure{position:fixed;right:12px;bottom:9px;z-index:85;display:inline-flex;align-items:center;gap:5px;max-width:calc(100vw - 24px);border:1px solid #9fc9dc66;border-radius:8px;padding:7px 10px;background:#061a2bf2;box-shadow:0 5px 20px #0018;color:#d2e6ee!important;text-decoration:none!important;font:650 10px/1.35 system-ui;text-align:left;backdrop-filter:blur(10px)}.omni-unofficial-disclosure span{color:#94e6ec;font-size:12px}.omni-unofficial-disclosure:hover{border-color:#a7efff;color:#fff!important}@media(max-width:600px){.omni-unofficial-disclosure{right:7px;bottom:max(5px,env(safe-area-inset-bottom));padding:5px;font-size:8px}}