
/* VEXMIRA V77 — EDGE-TO-EDGE STABILITY
   Desktop shell cleanup, sticky command bar, ambient theme fill,
   exact game-mark geometry, centered network core and overflow hardening. */
:root{--vx77-shell:#070817;--vx77-panel:#0b0d20;--vx77-edge:rgba(158,96,255,.20);--vx77-cyan:#39def7;--vx77-vio:#a54cff}
html.vx77-ready,html.vx77-ready body{min-height:100%;background:#070817!important}
html.vx77-ready body{position:relative;overflow-x:hidden!important;background:
 radial-gradient(900px 620px at -8% 16%,rgba(82,211,235,.115),transparent 62%),
 radial-gradient(960px 720px at 108% 28%,rgba(139,68,255,.16),transparent 62%),
 radial-gradient(850px 560px at 50% 92%,rgba(99,45,219,.09),transparent 66%),
 linear-gradient(180deg,#080918 0%,#070817 46%,#080918 100%)!important}
html.vx77-ready body::before{content:"";position:fixed;inset:0;z-index:-20;pointer-events:none;background:
 linear-gradient(rgba(100,118,190,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(100,118,190,.024) 1px,transparent 1px),
 radial-gradient(circle at 18% 42%,rgba(46,221,246,.055),transparent 27%),radial-gradient(circle at 83% 32%,rgba(165,76,255,.07),transparent 30%);background-size:72px 72px,72px 72px,auto,auto;mask-image:linear-gradient(#000 0 88%,transparent)}
html.vx77-ready .app,html.vx77-ready .main-col,html.vx77-ready main,html.vx77-ready #mainContent{width:100%!important;max-width:none!important;min-width:0!important;background:transparent!important}
html.vx77-ready .main-col{margin-left:0!important}
html.vx77-ready .page{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important;background:transparent!important;overflow:visible!important}
html.vx77-ready .wrap{width:min(calc(100% - 36px),1288px)!important;max-width:1288px!important;margin-inline:auto!important;padding-inline:0!important}
html.vx77-ready #page-home{overflow:hidden!important}
html.vx77-ready #page-home::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(880px 430px at 50% 6%,rgba(128,66,255,.07),transparent 70%),linear-gradient(180deg,rgba(7,8,23,.15),rgba(7,8,23,.44) 52%,rgba(7,8,23,.2))}

/* desktop command bar: it stays visible and does not leave a ghost top gap */
@media(min-width:1025px){
 html.vx77-ready #topbar{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;height:76px!important;min-height:76px!important;margin:0!important;padding:0 clamp(18px,2vw,28px)!important;z-index:2147480000!important;overflow:visible!important;background:radial-gradient(520px 86px at var(--vx76-nav-x,50%) 0,rgba(154,70,255,.12),transparent 74%),linear-gradient(180deg,rgba(10,10,28,.985),rgba(7,8,21,.985))!important;backdrop-filter:blur(18px) saturate(1.15)!important;-webkit-backdrop-filter:blur(18px) saturate(1.15)!important;box-shadow:0 16px 48px -34px #000,inset 0 1px rgba(255,255,255,.045)!important;border:0!important;transform:none!important}
 html.vx77-ready #topbar::before{left:0!important;right:0!important;bottom:0!important;width:auto!important;height:1px!important;border-radius:0!important;transform:none!important;rotate:0!important;background:linear-gradient(90deg,rgba(61,221,248,.18),#9e48ff 24%,#3cdff8 50%,#9e48ff 76%,rgba(61,221,248,.18))!important;background-size:240% 100%!important;box-shadow:0 0 10px rgba(102,89,255,.28)!important;animation:vx77Rail 7s linear infinite!important}
 html.vx77-ready #topbar::after{inset:0!important;z-index:-1!important}
 html.vx77-ready #mainContent{padding-top:0!important;margin-top:0!important}
 html.vx77-ready .vx73-nav{overflow:visible!important;isolation:isolate!important}
 html.vx77-ready .vx73-more,html.vx77-ready .vx73-more-menu{overflow:visible!important}
 html.vx77-ready .vx73-more-menu{z-index:2147483000!important;min-width:230px!important;border-radius:17px!important}
 html.vx77-ready #topbar .top-brand{overflow:visible!important}
}

/* no flat black side gutters: full-page bands blend into the shell */
html.vx77-ready #page-home :is(.vx65-hero,.vx65-capabilities,.vx65-business){position:relative}
html.vx77-ready #page-home :is(.vx65-capabilities,.vx65-business)::before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(45,211,238,.025),rgba(128,59,255,.045) 50%,rgba(45,211,238,.025));border-block:1px solid rgba(142,84,255,.055)}
html.vx77-ready #page-home .vx65-home-stats{margin-top:18px!important}
html.vx77-ready #page-home .vx66-network{padding-top:64px!important;padding-bottom:64px!important}
html.vx77-ready #page-home .vx65-story,html.vx77-ready #page-home .vx65-how,html.vx77-ready #page-home .vx65-team{padding-top:64px!important;padding-bottom:64px!important}
html.vx77-ready #page-home .vx65-final{margin-top:62px!important;margin-bottom:64px!important}

/* supported games: stable 8-slot desktop grid, no half-clipped chip at edges */
html.vx77-ready .vx75-game-universe{width:min(calc(100% - 36px),1288px)!important;margin:16px auto 18px!important;border-radius:22px!important;overflow:hidden!important;background:radial-gradient(520px 130px at 0 50%,rgba(44,216,243,.055),transparent 76%),linear-gradient(180deg,rgba(12,13,31,.94),rgba(8,9,23,.97))!important}
html.vx77-ready .vx75-game-universe-head{padding-inline:18px!important}
@media(min-width:1025px){
 html.vx77-ready .vx75-game-universe-track{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important;padding:10px 12px 12px!important;transform:none!important;animation:none!important;will-change:auto!important}
 html.vx77-ready .vx75-game-chip{min-width:0!important;width:100%!important;height:72px!important;padding:8px 9px!important;grid-template-columns:48px minmax(0,1fr)!important;border-radius:15px!important;overflow:hidden!important}
 html.vx77-ready .vx75-game-chip b{font-size:9px!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
 html.vx77-ready .vx75-game-chip small{font-size:6.2px!important}
}

/* precise brand bubbles: preserve source artwork, improve dark-wordmark contrast */
html.vx77-ready .vx76-game-mark{border-radius:14px!important;padding:5px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 70%,#eef2ff),color-mix(in srgb,var(--brand) 66%,#111627))!important;border:1px solid color-mix(in srgb,var(--brand) 62%,#dfe7ff)!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 10px 24px -17px var(--brand),0 0 0 3px color-mix(in srgb,var(--brand) 8%,transparent)!important}
html.vx77-ready .vx76-game-mark img{width:86%!important;height:86%!important;max-width:86%!important;max-height:86%!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;image-rendering:auto!important}
html.vx77-ready .vx76-game-mark.brand-cs2{background:linear-gradient(145deg,#f5bb4d,#d78d14)!important}
html.vx77-ready .vx76-game-mark.brand-cs2 img{width:96%!important;height:66%!important;max-width:96%!important;max-height:66%!important}
html.vx77-ready .vx76-game-mark.brand-cs16{background:linear-gradient(145deg,#d7a33e,#7c5614)!important}
html.vx77-ready .vx76-game-mark.brand-mc{background:linear-gradient(145deg,#a8d6a0,#4e9f66)!important}
html.vx77-ready .vx76-game-mark.brand-mc img{width:96%!important;height:64%!important;max-width:96%!important;max-height:64%!important}
html.vx77-ready .vx76-game-mark.brand-rust{background:linear-gradient(145deg,#df7a59,#8f3c2a)!important}
html.vx77-ready .vx76-game-mark.brand-rust img{width:92%!important;height:74%!important;max-width:92%!important;max-height:74%!important}
html.vx77-ready .vx76-game-mark.brand-mta{background:linear-gradient(145deg,#6ed3b4,#17765f)!important}
html.vx77-ready .vx76-game-mark.brand-redm{background:linear-gradient(145deg,#ef747d,#7a2531)!important}
html.vx77-ready .vx76-game-mark.brand-gmod{background:linear-gradient(145deg,#57b6ff,#1768bd)!important}
html.vx77-ready .vx76-game-mark.brand-gta{background:linear-gradient(145deg,#43d9ef,#126b86)!important}

/* network core was double-translated by old layers; keep it exactly centered */
html.vx77-ready .vx66-network-map{overflow:hidden!important}
html.vx77-ready .vx66-net-core.vx76-network-core{left:50%!important;top:50%!important;translate:none!important;transform:translate(-50%,-50%) translateZ(0)!important;animation:vx77CoreFloat 4.6s ease-in-out infinite!important;will-change:transform!important}
html.vx77-ready .vx66-net-core.vx76-network-core::before,html.vx77-ready .vx66-net-core.vx76-network-core::after{translate:none!important;transform:none!important}
html.vx77-ready .vx66-network-map .vx66-net-node{max-width:122px!important;min-width:96px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* corporate belt: readable typography and continuous movement */
html.vx77-ready .vx76-corp-belt{width:min(calc(100% - 36px),1288px)!important;margin:16px auto 20px!important;height:56px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(13,13,32,.95),rgba(8,9,23,.98))!important}
html.vx77-ready .vx76-corp-track{animation:vx77CorpRail 26s linear infinite!important;gap:14px!important;padding-inline:18px!important;will-change:transform!important}
html.vx77-ready .vx76-corp-track span{height:34px!important;padding:0 15px!important;font:800 9.5px/1 Inter,system-ui,sans-serif!important;letter-spacing:.095em!important;color:#d4d8eb!important;text-shadow:0 0 14px rgba(124,87,255,.12)!important}
html.vx77-ready .vx76-corp-track i{font-style:normal!important;color:#55e5ff!important;font-size:11px!important;text-shadow:0 0 12px #41dff8!important}

/* sentinel: reduce expensive filters, make pointer response light and crisp */
html.vx77-ready .vx74-sentinel{contain:layout paint style!important;transform:translateZ(0)!important;backface-visibility:hidden!important}
html.vx77-ready .vx74-sentinel-head{will-change:transform!important;transform:perspective(700px) rotateX(var(--vx76-head-rx,0deg)) rotateY(var(--vx76-head-ry,0deg)) translateZ(0)!important;transition:none!important;filter:none!important}
html.vx77-ready .vx74-eye{will-change:transform!important;transform:translate3d(var(--vx76-eye-x,0),var(--vx76-eye-y,0),0)!important;transition:none!important;filter:none!important;box-shadow:0 0 7px rgba(121,226,255,.28)!important}
html.vx77-ready .vx74-sentinel-mouth{will-change:transform!important;transform:translate3d(0,var(--vx76-mouth-y,0),0) rotate(var(--vx76-mouth-rot,0deg)) scaleX(var(--vx76-mouth-sx,1)) scaleY(var(--vx76-mouth-sy,1))!important;transition:none!important;filter:none!important}
html.vx77-ready .vx74-sentinel-face{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:inset 0 2px 8px rgba(0,0,0,.44),0 0 16px rgba(83,72,220,.18)!important}

/* footer and large calls-to-action blend with the page instead of a black slab */
html.vx77-ready footer{background:linear-gradient(180deg,rgba(9,8,23,.82),rgba(9,9,25,.98))!important;border-top:1px solid rgba(153,91,255,.12)!important}
html.vx77-ready .vx65-business,html.vx77-ready .vx65-final{background-color:transparent!important}

/* generic overflow hardening for the visible problem areas */
html.vx77-ready :is(.vx65-ticket-row,.vx65-ticket-detail-card,.vx65-ticket-msg,.vx65-final,.vx65-business-grid,.vx66-network-copy,.vx75-game-chip,.vx73-rank-row,.vx73-user-board article){min-width:0!important;max-width:100%!important}
html.vx77-ready :is(.vx65-ticket-row b,.vx65-ticket-detail-head h3,.vx65-ticket-msg div,.vx65-final h2,.vx65-business h2,.vx66-network-copy h2){overflow-wrap:anywhere!important;word-break:normal!important}

@media(max-width:1024px){
 html.vx77-ready .wrap{width:min(calc(100% - 24px),900px)!important}
 html.vx77-ready .vx75-game-universe,html.vx77-ready .vx76-corp-belt{width:calc(100% - 24px)!important}
 html.vx77-ready .vx75-game-universe-track{display:flex!important;gap:8px!important;width:max-content!important;padding:10px 12px!important;animation:none!important;transform:none!important;overflow:visible!important}
 html.vx77-ready .vx75-game-chip{min-width:156px!important}
 html.vx77-ready .vx75-game-universe{overflow-x:auto!important;scrollbar-width:none!important}
 html.vx77-ready .vx75-game-universe::-webkit-scrollbar{display:none!important}
}
@media(max-width:680px){
 html.vx77-ready .wrap{width:calc(100% - 20px)!important}
 html.vx77-ready #page-home .vx66-network{padding-block:42px!important}
 html.vx77-ready .vx66-network-map{overflow:hidden!important}
 html.vx77-ready .vx76-corp-belt{width:calc(100% - 20px)!important;height:50px!important}
 html.vx77-ready .vx76-corp-track span{height:30px!important;font-size:8px!important;padding-inline:12px!important}
}
@media(prefers-reduced-motion:reduce){html.vx77-ready .vx76-corp-track,html.vx77-ready #topbar::before,html.vx77-ready .vx66-net-core.vx76-network-core{animation:none!important}}
@keyframes vx77Rail{to{background-position:240% 0}}
@keyframes vx77CorpRail{to{transform:translate3d(-50%,0,0)}}
@keyframes vx77CoreFloat{0%,100%{transform:translate(-50%,-50%) translate3d(0,0,0)}50%{transform:translate(-50%,-50%) translate3d(0,-5px,8px)}}
