
/* VEXMIRA V76 — PRECISION POLISH
   Exact game artwork, seamless belts, smooth sentinel tracking,
   straight command rail and reliable desktop overflow/menu geometry. */
:root{--vx76-vio:#a855f7;--vx76-cyan:#35ddfa;--vx76-gold:#ffc64d;--vx76-green:#46efb5;--vx76-ink:#070815}
html.vx76-ready{--vx76-nav-x:50%}

/* ===== desktop command bar: straight rail, unclipped More menu ===== */
@media(min-width:1025px){
 html.vx76-ready #topbar{position:relative!important;overflow:visible!important;z-index:10050!important;background:radial-gradient(420px 80px at var(--vx76-nav-x) 0%,rgba(161,75,255,.13),transparent 72%),linear-gradient(180deg,rgba(8,8,22,.99),rgba(7,8,21,.97))!important;border-bottom:0!important;box-shadow:0 18px 55px -38px #000,inset 0 1px rgba(255,255,255,.045)!important}
 html.vx76-ready #topbar::before{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:1px!important;transform:none!important;rotate:0deg!important;background:linear-gradient(90deg,rgba(168,75,255,.18),#a855f7 28%,#35ddfa 50%,#a855f7 72%,rgba(53,221,250,.18))!important;background-size:220% 100%!important;animation:vx76HeaderRail 7s linear infinite!important;opacity:.82!important;box-shadow:0 0 10px rgba(120,76,255,.32)!important;z-index:30!important}
 html.vx76-ready #topbar::after{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(200px 58px at var(--vx76-nav-x) 52%,rgba(177,80,255,.09),transparent 70%)!important;pointer-events:none!important;z-index:-1!important}
 html.vx76-ready .vx73-nav{overflow:visible!important;z-index:20!important;background:linear-gradient(180deg,rgba(18,14,40,.72),rgba(8,9,24,.82))!important;border-color:rgba(181,105,255,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 42px -34px #000,0 0 32px -28px rgba(140,70,255,.68)!important}
 html.vx76-ready .vx73-nav::after{left:14px!important;right:14px!important;bottom:3px!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(53,221,250,.25),rgba(187,101,255,.55),rgba(53,221,250,.25),transparent)!important;animation:vx76NavGlow 3.4s ease-in-out infinite!important}
 html.vx76-ready .vx73-more{z-index:120!important}
 html.vx76-ready .vx73-more-menu{top:calc(100% + 10px)!important;right:0!important;z-index:2147483000!important;overflow:hidden!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-7px) scale(.975)!important;background:linear-gradient(160deg,rgba(19,12,43,.995),rgba(6,9,22,.995))!important;border:1px solid rgba(185,108,255,.28)!important;box-shadow:0 28px 70px -24px #000,0 0 40px -24px rgba(137,66,255,.82),inset 0 1px rgba(255,255,255,.06)!important}
 html.vx76-ready .vx73-more.open .vx73-more-menu{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}
 html.vx76-ready .vx73-more-menu button{min-height:54px!important;border-radius:13px!important;transition:background .16s ease,transform .16s ease,color .16s ease!important}
 html.vx76-ready .vx73-more-menu button:hover{transform:translateX(2px)!important;background:linear-gradient(90deg,rgba(167,76,255,.14),rgba(53,221,250,.045))!important}
 html.vx76-ready #topbar .top-brand{overflow:visible!important}
 html.vx76-ready #topbar .top-brand .brand-hex,html.vx76-ready #topbar .top-brand .vx46-emblem{animation:vx76BrandFloat 3.2s ease-in-out infinite!important;filter:drop-shadow(0 0 15px rgba(175,87,255,.64)) drop-shadow(0 0 5px rgba(53,221,250,.32))!important}
 html.vx76-ready .vx73-brand-orbit{border-color:rgba(187,107,255,.36)!important;border-left-color:#35ddfa!important;border-bottom-color:transparent!important;animation:vx76Spin 7.5s linear infinite!important}
 html.vx76-ready .vx75-brand-particles i{animation-duration:calc(var(--d)*.78)!important}
}

/* ===== exact game-art component; never recolor/crop the logo itself ===== */
html.vx76-ready .vx76-game-mark,
html.vx76-ready .vx60-brand-mark.vx76-game-mark{
 --brand:#8b5cf6;position:relative!important;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;aspect-ratio:1!important;padding:6px!important;border-radius:50%!important;overflow:hidden!important;isolation:isolate!important;
 background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),transparent 24%),linear-gradient(145deg,color-mix(in srgb,var(--brand) 66%,#19192b),color-mix(in srgb,var(--brand) 28%,#080a16))!important;border:1px solid color-mix(in srgb,var(--brand) 58%,rgba(255,255,255,.18))!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 22px -15px var(--brand),0 0 0 3px color-mix(in srgb,var(--brand) 7%,transparent)!important;filter:none!important;transform:none!important
}
html.vx76-ready .vx76-game-mark::before{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid rgba(255,255,255,.05);pointer-events:none}
html.vx76-ready .vx76-game-mark::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.09),transparent 58%);translate:-135% 0;animation:vx76MarkShine 7s ease-in-out infinite!important;pointer-events:none}
html.vx76-ready .vx76-game-mark img{position:relative!important;z-index:2!important;display:block!important;width:86%!important;height:86%!important;max-width:86%!important;max-height:86%!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;filter:none!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important;image-rendering:auto!important}
html.vx76-ready .vx76-game-mark.brand-cs2{--brand:#e9a127}html.vx76-ready .vx76-game-mark.brand-cs16{--brand:#d59624}html.vx76-ready .vx76-game-mark.brand-gta{--brand:#21c8e7}html.vx76-ready .vx76-game-mark.brand-gmod{--brand:#268ef4}html.vx76-ready .vx76-game-mark.brand-redm{--brand:#d9434b}html.vx76-ready .vx76-game-mark.brand-mta{--brand:#25bb83}html.vx76-ready .vx76-game-mark.brand-mc{--brand:#38a769}html.vx76-ready .vx76-game-mark.brand-rust{--brand:#c85e3d}
html.vx76-ready .vx76-game-mark.sm{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;padding:5px!important}html.vx76-ready .vx76-game-mark.xs{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;padding:4px!important}
html.vx76-ready .server-game-tile .vx76-game-mark{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important}
html.vx76-ready .srv-ico .vx76-game-mark{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important}
html.vx76-ready .vx73-podium-brand .vx76-game-mark{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important}
html.vx76-ready .vx73-server-logo .vx76-game-mark{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important}
html.vx76-ready .vx74-game-filter .vx74-game-logo .vx76-game-mark{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;padding:3px!important}

/* ===== supported-game universe: larger exact marks and clean typography ===== */
html.vx76-ready .vx75-game-universe{border-color:rgba(161,92,255,.18)!important;background:radial-gradient(520px 130px at 0 50%,rgba(68,215,244,.05),transparent 75%),linear-gradient(180deg,rgba(11,12,30,.9),rgba(7,9,23,.94))!important}
html.vx76-ready .vx75-game-universe-head{min-height:54px!important}.vx75-game-universe-head b{font:850 9px/1 Inter,system-ui,sans-serif!important;letter-spacing:.15em!important}.vx75-game-universe-head small{font:500 8px/1.2 Inter,system-ui,sans-serif!important;color:#6d7897!important}
html.vx76-ready .vx75-game-universe-track{display:flex!important;width:max-content!important;min-width:max-content!important;animation:vx76GameRail 28s linear infinite!important;will-change:transform!important}
html.vx76-ready .vx75-game-chip{min-width:186px!important;height:68px!important;grid-template-columns:50px minmax(0,1fr)!important;gap:10px!important;padding:8px 12px!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.012))!important;border-color:rgba(255,255,255,.06)!important}
html.vx76-ready .vx75-game-chip b{font:800 10px/1.15 Inter,system-ui,sans-serif!important;letter-spacing:0!important;color:#f1f3ff!important}.vx75-game-chip small{font:650 6.5px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.08em!important;color:#6f7998!important}
html.vx76-ready .vx75-game-chip .vx76-game-mark{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important}

/* ===== new seamless corporate belt; replaces the static legacy capsule rail ===== */
html.vx76-ready #page-home .vx66-signal-rail{display:none!important}
.vx76-corp-belt{position:relative;overflow:hidden;margin:16px auto 22px;width:min(100%,1220px);height:54px;border:1px solid rgba(168,91,255,.17);border-radius:17px;background:linear-gradient(180deg,rgba(12,12,31,.88),rgba(7,9,23,.93));box-shadow:0 20px 45px -38px #000,inset 0 1px rgba(255,255,255,.04)}
.vx76-corp-belt::before,.vx76-corp-belt::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:3;pointer-events:none}.vx76-corp-belt::before{left:0;background:linear-gradient(90deg,#080918,transparent)}.vx76-corp-belt::after{right:0;background:linear-gradient(-90deg,#080918,transparent)}
.vx76-corp-track{height:100%;display:flex;align-items:center;gap:13px;width:max-content;min-width:max-content;padding:0 16px;animation:vx76CorpRail 24s linear infinite!important;will-change:transform}
.vx76-corp-track span{position:relative;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 15px;border-radius:999px;border:1px solid rgba(176,100,255,.15);background:linear-gradient(180deg,rgba(170,78,255,.07),rgba(255,255,255,.018));color:#c9cde1;font:800 8px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.vx76-corp-track span::before{content:"";width:5px;height:5px;border-radius:50%;background:#35ddfa;box-shadow:0 0 8px rgba(53,221,250,.72)}.vx76-corp-track i{font-style:normal;color:#35ddfa;text-shadow:0 0 9px rgba(53,221,250,.55)}

/* ===== network core: actual VEXMIRA emblem instead of a flat rectangle ===== */
html.vx76-ready .vx66-network-map{overflow:visible!important}
html.vx76-ready .vx66-net-core.vx76-network-core{width:164px!important;height:164px!important;border-radius:50%!important;padding:0!important;background:radial-gradient(circle at 50% 42%,rgba(130,65,255,.14),rgba(7,8,23,.96) 70%)!important;border:1px solid rgba(186,110,255,.32)!important;box-shadow:inset 0 0 34px rgba(108,62,255,.1),0 0 0 11px rgba(135,64,255,.05),0 0 58px -12px rgba(115,71,255,.82),0 18px 42px -28px #000!important;animation:vx76NetworkFloat 4.2s ease-in-out infinite!important}
html.vx76-ready .vx66-net-core.vx76-network-core::before{inset:-23px!important;border:1px solid rgba(177,95,255,.32)!important;border-left-color:#35ddfa!important;border-bottom-color:transparent!important;animation:vx76Spin 8.5s linear infinite!important}
html.vx76-ready .vx66-net-core.vx76-network-core::after{inset:-43px!important;border:1px dashed rgba(63,211,241,.17)!important;animation:vx76SpinReverse 14s linear infinite!important}
.vx76-network-logo{width:88px;height:88px;display:grid;place-items:center;filter:drop-shadow(0 0 14px rgba(174,90,255,.48));animation:vx76NetworkLogo 3.8s ease-in-out infinite!important}.vx76-network-logo svg{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important}.vx76-network-logo+.vx76-core-title{margin-top:3px;color:#fff;font:900 9px/1 Inter;letter-spacing:.18em}.vx76-core-sub{margin-top:4px;color:#8088a8;font:750 5.8px/1 Inter;letter-spacing:.15em}

/* ===== sentinel: compositor-only mouth + direct local eye variables ===== */
html.vx76-ready .vx74-sentinel{--sx:var(--vx76-eye-x,0px);--sy:var(--vx76-eye-y,0px);transform:rotateX(var(--vx76-head-rx,0deg)) rotateY(var(--vx76-head-ry,0deg))!important;transition:none!important;will-change:transform}
html.vx76-ready .vx74-eye::after{transition:none!important;will-change:translate}
html.vx76-ready .vx74-sentinel-mouth{width:36px!important;height:7px!important;min-height:7px!important;transform:translateZ(18px) translateY(var(--vx76-mouth-y,0px)) rotate(var(--vx76-mouth-rot,0deg)) scaleX(var(--vx76-mouth-sx,1)) scaleY(var(--vx76-mouth-sy,1))!important;transition:none!important;will-change:transform!important;transform-origin:center center!important}
html.vx76-ready .vx74-sentinel-face{box-shadow:inset 0 2px 10px rgba(0,0,0,.5),0 0 22px rgba(85,78,215,.23)!important}.vx74-eye{background:linear-gradient(180deg,#fff,#a8edff)!important}

/* ===== server-league game filter exact marks ===== */
html.vx76-ready .vx74-game-filter{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;padding-block:8px!important}
html.vx76-ready .vx74-game-filter button{height:42px!important;padding:0 12px!important;font:800 8px/1 Inter,system-ui,sans-serif!important}
html.vx76-ready .vx74-game-filter .vx74-game-logo{width:28px!important;height:28px!important;border-radius:50%!important;overflow:visible!important;background:none!important}

/* ===== image quality / safe bubble geometry ===== */
html.vx76-ready img{image-rendering:auto}
html.vx76-ready :is(.vx76-game-mark,.vx73-server-logo,.vx73-podium-brand,.vx74-game-logo){flex-shrink:0!important}

@media(max-width:760px){
 .vx76-corp-belt{margin-inline:10px;width:calc(100% - 20px);height:48px}.vx76-corp-track{gap:10px;animation-duration:20s!important}.vx76-corp-track span{height:29px;padding-inline:12px;font-size:7px}
 html.vx76-ready .vx75-game-chip{min-width:158px!important;height:62px!important;grid-template-columns:44px minmax(0,1fr)!important}.vx75-game-chip .vx76-game-mark{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important}
 html.vx76-ready .vx66-net-core.vx76-network-core{width:132px!important;height:132px!important}.vx76-network-logo,.vx76-network-logo svg{width:68px!important;height:68px!important}
}
@media(prefers-reduced-motion:reduce){.vx76-corp-track,.vx75-game-universe-track,.vx76-game-mark::after,.vx66-net-core.vx76-network-core,.vx66-net-core.vx76-network-core::before,.vx66-net-core.vx76-network-core::after,.vx76-network-logo,#topbar::before{animation:none!important}}
@keyframes vx76HeaderRail{to{background-position:220% 0}}
@keyframes vx76NavGlow{0%,100%{opacity:.38}50%{opacity:.95;filter:drop-shadow(0 0 4px rgba(53,221,250,.3))}}
@keyframes vx76BrandFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-1.2deg)}}
@keyframes vx76Spin{to{rotate:1turn}}@keyframes vx76SpinReverse{to{rotate:-1turn}}
@keyframes vx76MarkShine{0%,35%{translate:-135% 0}62%,100%{translate:145% 0}}
@keyframes vx76GameRail{to{transform:translateX(-50%)}}
@keyframes vx76CorpRail{to{transform:translateX(-50%)}}
@keyframes vx76NetworkFloat{0%,100%{transform:translate(-50%,-50%) translateY(0) translateZ(0)}50%{transform:translate(-50%,-50%) translateY(-5px) translateZ(12px)}}
@keyframes vx76NetworkLogo{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.035) rotate(-1deg)}}
