/* VEXMIRA v3.8.0 — final platform shell and consistency layer */
:root{--vx380-line:rgba(132,151,198,.16);--vx380-panel:#0a1122;--vx380-panel2:#0d162b;--vx380-header-h:72px}
html{scroll-behavior:auto!important;scroll-padding-top:var(--vx380-header-h)!important}
body{overscroll-behavior-y:auto!important}
body,input,textarea,select,button{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
input,textarea,select{transition:border-color .12s ease,box-shadow .12s ease!important;will-change:auto!important}
#mainContent{padding-top:var(--vx380-header-h)!important}
.vx320-section,.vx330-rank-preview,.vx320-feed-section{content-visibility:auto;contain-intrinsic-size:1px 520px}

/* Header: brand | core navigation | account actions, never overlapping */
#topbar.vx320-header[data-vx380="1"]{position:fixed!important;inset:0 0 auto 0!important;height:var(--vx380-header-h)!important;display:grid!important;grid-template-columns:172px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:10px clamp(16px,3.5vw,48px)!important;overflow:visible!important;background:rgba(5,9,22,.985)!important;border:0!important;border-bottom:1px solid rgba(110,137,202,.18)!important;box-shadow:0 18px 42px -38px #000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:9000!important}
#topbar[data-vx380="1"] .vx320-brand{width:172px!important;min-width:172px!important;max-width:172px!important;height:50px!important;padding:4px 6px!important;display:flex!important;align-items:center!important;gap:11px!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
#topbar[data-vx380="1"] .vx320-brand-mark{width:46px!important;height:46px!important;min-width:46px!important;display:grid!important;place-items:center!important;border-radius:50%!important;overflow:hidden!important;background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.14),rgba(81,76,255,.08) 45%,rgba(4,12,30,.98))!important;border:1px solid color-mix(in srgb,var(--vio) 48%,rgba(69,203,255,.28))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--vio) 8%,transparent)!important}
#topbar[data-vx380="1"] .vx320-brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;padding:0!important;margin:0!important}
#topbar[data-vx380="1"] .vx320-brand-name{display:block!important;flex:0 0 auto!important;white-space:nowrap!important;overflow:visible!important;font:850 15px/1 Inter,system-ui,sans-serif!important;letter-spacing:.14em!important;color:#f7f9ff!important}
#topbar[data-vx380="1"] #vx320DesktopNav{min-width:0!important;width:100%!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:4px!important;overflow:visible!important;border:1px solid var(--vx380-line)!important;border-radius:16px!important;background:rgba(11,18,36,.68)!important;box-shadow:none!important}
#topbar[data-vx380="1"] #vx320DesktopNav>button,#topbar[data-vx380="1"] .vx320-more-trigger{height:42px!important;min-width:0!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#9cabc9!important;font-size:11px!important;font-weight:720!important;white-space:nowrap!important;box-shadow:none!important;transform:none!important;transition:background .12s ease,color .12s ease!important}
#topbar[data-vx380="1"] #vx320DesktopNav>button:hover,#topbar[data-vx380="1"] .vx320-more-trigger:hover,#topbar[data-vx380="1"] #vx320DesktopNav>button.active{background:rgba(126,91,255,.10)!important;color:#f6f8ff!important}
#topbar[data-vx380="1"] #vx320DesktopNav svg{width:14px!important;height:14px!important;flex:0 0 14px!important}
#topbar[data-vx380="1"] .vx320-actions{min-width:max-content!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;overflow:visible!important}
#topbar[data-vx380="1"] .vx320-lang,#topbar[data-vx380="1"] .vx320-theme,#topbar[data-vx380="1"] .vx320-icon-btn,#topbar[data-vx380="1"] #authArea{flex:0 0 auto!important}
#topbar[data-vx380="1"] .vx320-more-wrap{position:relative!important;display:block!important;flex:0 0 auto!important}
#topbar[data-vx380="1"] .vx380-more-menu{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;width:246px!important;max-width:min(246px,calc(100vw - 28px))!important;padding:8px!important;border:1px solid rgba(132,151,198,.19)!important;border-radius:16px!important;background:#0a1122!important;box-shadow:0 24px 60px -30px #000!important;z-index:9500!important;overflow:hidden!important}
#topbar[data-vx380="1"] .vx380-more-menu button{width:100%!important;min-height:44px!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#b8c3da!important;text-align:left!important;font-size:12px!important;font-weight:700!important}
#topbar[data-vx380="1"] .vx380-more-menu button:hover{background:rgba(124,92,255,.10)!important;color:#fff!important}
#topbar[data-vx380="1"] .vx380-more-discord{display:none!important}
#topbar[data-vx380="1"] .vx380-direct-nav{display:none!important}
#topbar[data-vx380="1"][data-vx380-mode="wide"] .vx380-direct-nav{display:inline-flex!important}
#topbar[data-vx380="1"][data-vx380-mode="wide"] .vx320-more-wrap{display:none!important}
#topbar[data-vx380="1"][data-vx380-mode="compact"] #vx320DesktopNav>button[data-go="discord"]{display:none!important}
#topbar[data-vx380="1"][data-vx380-mode="compact"] .vx380-more-discord{display:grid!important}

/* Exact home game identity: same V65 artwork/geometry used by the server directory */
#gameGrid.vx380-game-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#gameGrid .vx380-game-card{min-height:104px!important;display:grid!important;grid-template-columns:60px minmax(0,1fr) 18px!important;align-items:center!important;gap:14px!important;padding:15px!important;border-radius:18px!important;overflow:hidden!important;transform:none!important;background:linear-gradient(145deg,rgba(13,20,40,.98),rgba(8,13,28,.98))!important;border:1px solid color-mix(in srgb,var(--game-color) 30%,rgba(126,148,195,.18))!important;box-shadow:none!important}
#gameGrid .vx380-game-card:hover{transform:none!important;border-color:color-mix(in srgb,var(--game-color) 48%,rgba(126,148,195,.20))!important;background:linear-gradient(145deg,rgba(16,24,47,.99),rgba(9,15,31,.99))!important}
#gameGrid .vx380-game-logo{width:60px!important;height:60px!important;min-width:60px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;display:grid!important;place-items:center!important}
#gameGrid .vx380-game-logo>.vx65-brand-wrap{width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;border-radius:50%!important;display:grid!important;place-items:center!important;overflow:hidden!important;margin:0!important;transform:none!important}
#gameGrid .vx380-game-logo>.vx65-brand-wrap>.vx65-brand-img{position:static!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:7px!important;margin:auto!important;transform:none!important;filter:none!important;border-radius:0!important;background:transparent!important}
#gameGrid .vx380-game-copy{min-width:0!important;padding:0!important;text-align:left!important}#gameGrid .vx380-game-copy b{display:block!important;font-size:14px!important;line-height:1.22!important;font-weight:800!important;letter-spacing:-.02em!important}#gameGrid .vx380-game-copy small{display:block!important;margin-top:4px!important;color:#91a0be!important;font-size:10.5px!important;line-height:1.42!important}
#gameGrid .vx320-game-arrow{justify-self:end!important;color:color-mix(in srgb,var(--game-color) 75%,#fff)!important;font-style:normal!important}

/* Home data should look live, not like an uninitialized demo */
.vx320-stats{overflow:hidden!important}.vx320-stats article strong{font-variant-numeric:tabular-nums!important;letter-spacing:-.03em!important}.vx320-stats article strong:empty::after{content:'0'}

/* Shared corporate page intro system */
.vx380-page-intro{position:relative!important;display:grid!important;grid-template-columns:60px minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;min-height:144px!important;margin-bottom:18px!important;padding:24px!important;border:1px solid rgba(132,151,198,.18)!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(16,24,48,.98),rgba(8,13,29,.99))!important;box-shadow:0 24px 60px -52px #000!important;overflow:hidden!important}
.vx380-page-intro::after{content:'';position:absolute;right:-90px;top:-110px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--vio) 9%,transparent),transparent 68%);pointer-events:none!important}
.vx380-intro-icon{position:relative;z-index:1;width:58px;height:58px;display:grid;place-items:center;border-radius:17px;color:#aa82ff;background:linear-gradient(145deg,rgba(139,92,246,.16),rgba(34,211,238,.06));border:1px solid rgba(139,92,246,.30)}
.vx380-intro-icon svg{width:24px!important;height:24px!important}.vx380-intro-copy{position:relative;z-index:1;min-width:0!important}.vx380-page-intro .eyebrow,.vx380-page-intro .vx65-overline{display:block!important;margin:0 0 7px!important;color:#9d79ff!important;font-size:9px!important;font-weight:900!important;letter-spacing:.16em!important}.vx380-page-intro h1,.vx380-page-intro h2{margin:0!important;max-width:820px!important;font-size:clamp(25px,2.8vw,39px)!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.035em!important}.vx380-page-intro p{margin:8px 0 0!important;max-width:820px!important;color:#9aa8c4!important;font-size:12.5px!important;line-height:1.62!important}.vx380-page-intro .v2-actions,.vx380-page-intro .vx65-rank-hero-actions{position:relative;z-index:1;grid-column:3!important;justify-self:end!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px!important;max-width:430px!important}.vx380-simple-intro>div:last-child:not(.vx380-intro-copy){grid-column:3!important;justify-self:end!important}.vx380-simple-intro .vx380-intro-copy{grid-column:2!important}
html[data-palette="blue"] .vx380-intro-icon{color:#53ccff;background:linear-gradient(145deg,rgba(35,133,255,.16),rgba(35,211,255,.06));border-color:rgba(35,153,255,.32)}html[data-palette="blue"] .vx380-page-intro .eyebrow,html[data-palette="blue"] .vx380-page-intro .vx65-overline{color:#4bc9ff!important}

/* Forum: child categories remain full, readable enterprise rows at every depth */
#page-forum #forumCats.vx64-forum-board-list.vx380-forum-rows{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important}
#page-forum #forumCats.vx380-forum-rows>.vx64-board-section-label{grid-column:1/-1!important}
#page-forum #forumCats .vx64-board-row.vx380-forum-row{width:100%!important;max-width:none!important;min-height:116px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 150px minmax(260px,.68fr)!important;align-items:center!important;gap:18px!important;padding:18px 20px!important;margin:0!important;border-radius:18px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(12,19,38,.99),rgba(8,13,28,.99))!important;border:1px solid rgba(132,151,198,.17)!important;box-shadow:none!important;transform:none!important}
#page-forum #forumCats .vx64-board-row.vx380-forum-row:hover{transform:none!important;background:linear-gradient(145deg,rgba(15,23,45,.99),rgba(9,15,31,.99))!important;border-color:color-mix(in srgb,var(--accent) 44%,rgba(132,151,198,.18))!important}
#page-forum #forumCats .vx380-forum-row .vx64-board-identity{grid-template-columns:58px minmax(0,1fr)!important;gap:15px!important;min-width:0!important}#page-forum #forumCats .vx380-forum-row .vx64-board-identity p{max-width:760px!important;line-height:1.55!important}

/* Auth/modal: status cannot stay hidden or appear under other layers */
#modal-auth{z-index:12000!important}#modal-auth .vx320-auth-shell{max-height:calc(100dvh - 26px)!important}.toast-stack,.toast-container,#toastContainer,.toast{z-index:14000!important}
#registrationStatus[data-state="ready"]{border-color:rgba(45,212,191,.28)!important;background:rgba(45,212,191,.045)!important}#registrationStatus[data-state="ready"] i{background:#31d8b3!important;box-shadow:0 0 12px rgba(49,216,179,.65)!important}#registrationStatus span{overflow-wrap:anywhere!important}

/* Native-feeling performance: no expensive blur/continuous transform on final surfaces */
#topbar,.vx380-page-intro,.vx380-game-card,#modal-auth .vx320-auth-shell{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto!important}
.vx380-game-card,.vx380-page-intro,#page-forum .vx380-forum-row{contain:layout paint style!important}

@media(max-width:1450px) and (min-width:1220px){#topbar[data-vx380="1"]{grid-template-columns:158px minmax(0,1fr) auto!important;padding-inline:22px!important;gap:10px!important}#topbar[data-vx380="1"] .vx320-brand{width:158px!important;min-width:158px!important}#topbar[data-vx380="1"] #vx320DesktopNav>button,#topbar[data-vx380="1"] .vx320-more-trigger{padding-inline:8px!important;font-size:10.5px!important}#topbar[data-vx380="1"] .vx320-brand-name{font-size:13.5px!important}}
@media(max-width:1219px) and (min-width:931px){#topbar[data-vx380="1"]{grid-template-columns:148px minmax(0,1fr) auto!important;padding-inline:16px!important;gap:8px!important}#topbar[data-vx380="1"] .vx320-brand{width:148px!important;min-width:148px!important}#topbar[data-vx380="1"] .vx320-brand-mark{width:42px!important;height:42px!important;min-width:42px!important}#topbar[data-vx380="1"] .vx320-brand-name{font-size:12.5px!important;letter-spacing:.09em!important}#topbar[data-vx380="1"] #vx320DesktopNav>button,#topbar[data-vx380="1"] .vx320-more-trigger{padding-inline:7px!important;font-size:10px!important}#topbar[data-vx380="1"] .vx320-actions>.vx320-icon-btn:first-child{display:none!important}#topbar[data-vx380="1"] .theme-picker-label{display:none!important}#topbar[data-vx380="1"] .vx320-theme-btn{width:44px!important;padding:0!important}#topbar[data-vx380="1"] .vx370-account-copy{display:none!important}#topbar[data-vx380="1"] .vx370-account-chip{width:42px!important;padding:3px!important}}
@media(max-width:930px){:root{--vx380-header-h:68px}#topbar.vx320-header[data-vx380="1"]{height:68px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;padding:8px 12px!important;gap:8px!important}#topbar[data-vx380="1"] .vx320-brand{width:auto!important;min-width:0!important;max-width:none!important;height:50px!important}#topbar[data-vx380="1"] .vx320-brand-name{font-size:13px!important}#topbar[data-vx380="1"] #vx320DesktopNav{display:none!important}#topbar[data-vx380="1"] .vx320-actions{grid-column:2!important}#mainContent{padding-top:68px!important}#gameGrid.vx380-game-grid{grid-template-columns:1fr!important;gap:10px!important}.vx380-page-intro{grid-template-columns:54px minmax(0,1fr)!important;gap:14px!important;padding:18px!important;min-height:0!important}.vx380-intro-icon{width:52px;height:52px;border-radius:15px!important}.vx380-page-intro .v2-actions,.vx380-page-intro .vx65-rank-hero-actions,.vx380-simple-intro>div:last-child:not(.vx380-intro-copy){grid-column:1/-1!important;justify-self:stretch!important;justify-content:flex-start!important}.vx380-page-intro .v2-actions .btn,.vx380-page-intro .vx65-rank-hero-actions .btn{flex:1 1 150px!important}.vx380-simple-intro .vx380-intro-copy{grid-column:2!important}#page-forum #forumCats .vx64-board-row.vx380-forum-row{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:15px!important}#page-forum #forumCats .vx380-forum-row .vx64-board-counts{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-forum #forumCats .vx380-forum-row .vx64-board-latest{border-left:0!important;border-top:1px solid rgba(132,151,198,.13)!important;padding:12px 0 0!important}}
@media(max-width:560px){#topbar[data-vx380="1"] .vx320-brand-mark{width:42px!important;height:42px!important;min-width:42px!important}#topbar[data-vx380="1"] .vx320-brand-name{font-size:12px!important;letter-spacing:.08em!important}.vx380-page-intro{grid-template-columns:1fr!important}.vx380-intro-icon,.vx380-simple-intro .vx380-intro-copy{grid-column:1!important}.vx380-page-intro h1,.vx380-page-intro h2{font-size:28px!important}#gameGrid .vx380-game-card{grid-template-columns:56px minmax(0,1fr) 16px!important;min-height:92px!important;padding:13px!important}#gameGrid .vx380-game-logo,#gameGrid .vx380-game-logo>.vx65-brand-wrap{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* v3.8 interaction latency hard-lock: legacy visual loops never block typing/navigation */
html.vx350-preflight *,html.vx350-preflight *::before,html.vx350-preflight *::after{animation-iteration-count:1!important;will-change:auto!important}
html.vx350-preflight input,html.vx350-preflight textarea,html.vx350-preflight select{animation:none!important;transform:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:border-color .10s ease,box-shadow .10s ease!important}
html.vx350-preflight .vx73-brand-orbit,html.vx350-preflight .vx74-nexus-ring,html.vx350-preflight .vx74-sentinel-orbit,html.vx350-preflight .vx60-rank-hero::after,html.vx350-preflight .vx60-podium-glint,html.vx350-preflight .vx60-spotlight-card::before{animation:none!important;will-change:auto!important}