/* VEXMIRA v4.2 R8 — precision desktop/mobile polish and Global Server Index */
:root{--vx800-nav-bg:linear-gradient(180deg,rgba(8,11,28,.97),rgba(5,8,21,.94));--vx800-line:rgba(139,92,246,.22)}
html,body{overflow-x:clip}
/* Desktop navigation: fixed geometry, no overlap between route dock and account area. */
@media(min-width:931px){
 #topbar.vx320-header{min-height:86px;height:86px;padding:0 clamp(24px,2.3vw,38px)!important;display:grid!important;grid-template-columns:minmax(185px,210px) minmax(0,1fr) minmax(330px,max-content)!important;gap:16px!important;align-items:center!important;background:var(--vx800-nav-bg)!important;border-bottom:1px solid var(--vx800-line)!important;box-shadow:0 18px 50px -32px rgba(79,70,229,.65)}
 #vx320DesktopNav.vx420-nav-dock{min-width:0!important;width:100%!important;max-width:760px!important;justify-self:center!important;display:flex!important;align-items:center!important;gap:8px!important;padding:6px!important;border:1px solid rgba(139,92,246,.18)!important;border-radius:18px!important;background:rgba(13,18,43,.72)!important;overflow:visible!important}
 #vx320DesktopNav .vx420-nav-primary{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;flex:1 1 auto!important;justify-content:center!important}
 #vx320DesktopNav .vx420-nav-route{min-width:0!important;padding:10px clamp(10px,1vw,15px)!important;border-radius:12px!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important;letter-spacing:.01em!important}
 #vx320DesktopNav .vx420-nav-route svg{width:15px!important;height:15px!important;flex:0 0 auto}
 #vx320DesktopNav .vx420-nav-more{position:static!important;flex:0 0 auto!important}
 #vx320DesktopNav .vx420-nav-more-trigger{min-height:44px!important;padding:0 15px!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(34,211,238,.06))!important;border:1px solid rgba(139,92,246,.24)!important;color:#ede9fe!important;font-weight:900!important;white-space:nowrap!important;display:flex!important;align-items:center!important;gap:7px!important}
 #vx320DesktopNav .vx420-nav-popover{display:none!important}
 #topbar .vx320-actions{justify-self:end!important;min-width:330px!important;justify-content:flex-end!important;gap:8px!important}
 #topbar .vx410-account-hud{min-width:250px!important;max-width:285px!important}
 #topbar #authArea:not(:has(.vx410-account-hud)){display:flex!important;justify-content:flex-end!important;gap:8px!important;min-width:150px!important}
}
@media(min-width:931px) and (max-width:1180px){#topbar.vx320-header{grid-template-columns:64px minmax(0,1fr) minmax(270px,max-content)!important;gap:10px!important}#topbar .vx320-brand-copy{display:none!important}#topbar .vx320-actions{min-width:270px!important}#vx320DesktopNav .vx420-nav-route{padding-inline:9px!important;font-size:11.3px!important}}

/* Body-level discover portal: not clipped by header or nav overflow. */
.vx800-discover{position:fixed!important;z-index:120000!important;left:var(--vx-discover-left,20px)!important;top:var(--vx-discover-top,90px)!important;width:var(--vx-discover-width,420px)!important;max-width:calc(100vw - 24px)!important;padding:10px!important;border:1px solid rgba(139,92,246,.3)!important;border-radius:20px!important;background:linear-gradient(160deg,rgba(15,20,48,.99),rgba(6,9,24,.99))!important;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(34,211,238,.04) inset!important;backdrop-filter:blur(22px) saturate(1.25)!important}
.vx800-discover[hidden]{display:none!important}.vx800-discover header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 11px;border-bottom:1px solid rgba(148,163,184,.1)}.vx800-discover header div{display:grid}.vx800-discover header small{color:#a78bfa;font-size:9px;font-weight:900;letter-spacing:.18em}.vx800-discover header strong{font-size:15px}.vx800-discover header button{width:32px;height:32px;border-radius:10px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.035);font-size:20px}.vx800-discover-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:8px}.vx800-discover-grid>button{display:grid;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:9px;min-height:72px;padding:10px;border:1px solid rgba(139,92,246,.12);border-radius:15px;background:rgba(10,14,34,.72);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.vx800-discover-grid>button:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.38);background:rgba(139,92,246,.1)}.vx800-discover-grid>button>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(34,211,238,.1));color:#c4b5fd}.vx800-discover-grid div{min-width:0;display:grid}.vx800-discover-grid b{font-size:12px}.vx800-discover-grid small{font-size:9.5px;line-height:1.35;color:#8b95bb;margin-top:2px}.vx800-discover-grid i{font-style:normal;color:#7c8bb6}

/* Custom selects choose the direction with actual viewport space. */
.vx400-select{overflow:visible!important}.vx400-select-menu{max-height:var(--vx-select-max,320px)!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}.vx400-select[data-vx-drop-up="1"] .vx400-select-menu{top:auto!important;bottom:calc(100% + 7px)!important}.vx-vip-card,.vx-vip-card .form-row,.vx-vip-card .field{overflow:visible!important}

/* Profile identity is portable: frames scale with the avatar wherever the account appears. */
.vx800-avatar-frame,.vx800-inline-frame,.vx800-post-avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;overflow:visible!important;isolation:isolate}.vx800-avatar-frame{width:var(--vx-avatar-size,48px);height:var(--vx-avatar-size,48px)}.vx800-avatar-frame>img,.vx800-avatar-frame>.hexav{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover}.vx800-avatar-frame.vx-profile-frame::after,.vx800-inline-frame.vx-profile-frame::after,.vx800-post-avatar.vx-profile-frame::after{inset:-6px!important}.vx800-inline-frame{vertical-align:middle}.vx800-post-avatar{width:52px;height:52px}.vx800-post-avatar>.hexav{width:52px!important;height:52px!important}

/* Advanced global GameTracker-style server ranking without looking like a spreadsheet. */
.vx800-sr-head{grid-template-columns:48px minmax(260px,1.4fr) minmax(250px,1fr) minmax(150px,.7fr) 138px!important;padding:0 18px!important;gap:12px!important}
#serverRankFullTable{display:grid;gap:10px}.vx61-sr-row.vx800-server-rank-card{position:relative;isolation:isolate;overflow:hidden!important;min-height:104px!important;display:grid!important;grid-template-columns:48px minmax(260px,1.4fr) minmax(250px,1fr) minmax(150px,.7fr) 138px 34px!important;align-items:center!important;gap:12px!important;padding:14px 14px 14px 16px!important;border:1px solid rgba(139,92,246,.16)!important;border-radius:18px!important;background:linear-gradient(90deg,rgba(10,14,34,.97),rgba(8,12,29,.94))!important;box-shadow:0 14px 36px -30px rgba(139,92,246,.65)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}.vx61-sr-row.vx800-server-rank-card::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(6,9,23,.98) 0%,rgba(6,9,23,.88) 44%,rgba(6,9,23,.95) 100%),var(--vx-sr-banner,linear-gradient(135deg,rgba(139,92,246,.12),rgba(34,211,238,.04)));background-size:cover;background-position:center;opacity:.86}.vx61-sr-row.vx800-server-rank-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(139,92,246,.06),transparent 28%,rgba(34,211,238,.03))}.vx61-sr-row.vx800-server-rank-card:hover{transform:translateY(-2px)!important;border-color:rgba(139,92,246,.38)!important;box-shadow:0 22px 50px -30px rgba(139,92,246,.8)!important}.vx800-server-rank-card .vx61-sr-identity{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}.vx800-server-rank-card .vx60-rank-custom-logo.md,.vx800-server-rank-card .game-mark{width:56px!important;height:56px!important}.vx800-server-rank-card .vx61-sr-identity b{font-size:13.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vx800-server-rank-card .vx61-sr-identity small{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap;font-size:9.5px!important}.vx800-server-rank-card .vx61-sr-identity em{font-style:normal;color:#67e8f9}.vx800-sr-country{display:inline-flex;padding:2px 6px;border:1px solid rgba(148,163,184,.15);border-radius:7px;color:#cbd5e1}.vx800-sr-live{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:9px;color:#68769c;text-transform:uppercase;letter-spacing:.08em}.vx800-sr-live i{width:6px;height:6px;border-radius:50%;background:#64748b}.vx800-sr-live.online{color:#6ee7b7}.vx800-sr-live.online i{background:#34d399;box-shadow:0 0 10px rgba(52,211,153,.8)}.vx800-sr-telemetry,.vx800-sr-community{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:7px}.vx800-sr-telemetry>span,.vx800-sr-community>span{min-width:0;padding:8px 7px;border:1px solid rgba(148,163,184,.09);border-radius:11px;background:rgba(5,8,22,.5);display:grid;text-align:center}.vx800-sr-telemetry b,.vx800-sr-community b{font-size:11.5px}.vx800-sr-telemetry small,.vx800-sr-community small,.vx800-sr-index small{font-size:8px;color:#6f7ca2;text-transform:uppercase;letter-spacing:.08em}.vx800-sr-index{display:grid;gap:3px;padding:8px 10px;border:1px solid rgba(139,92,246,.2);border-radius:13px;background:rgba(76,29,149,.09)}.vx800-sr-index strong{font-size:18px;color:#c4b5fd}.vx800-sr-index>i{height:3px;border-radius:5px;background:rgba(148,163,184,.1);overflow:hidden}.vx800-sr-index>i>b{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#22d3ee)}.vx800-sr-open{width:32px;height:32px;border-radius:10px;border:1px solid rgba(139,92,246,.15);background:rgba(139,92,246,.08)}

/* Badge studio */
.vx800-badge-studio{display:grid;gap:18px}.vx800-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.vx800-panel-title small{font-size:9px;letter-spacing:.16em;color:#a78bfa;font-weight:900}.vx800-panel-title h3{font-size:16px;margin-top:2px}.vx800-badge-list,.vx800-badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.vx800-badge-list article,.vx800-badge-grid button{min-height:72px;border:1px solid color-mix(in srgb,var(--badge) 36%,transparent);border-radius:14px;background:color-mix(in srgb,var(--badge) 8%,rgba(8,11,29,.88));padding:11px;text-align:left;display:grid;align-content:center;gap:3px}.vx800-badge-list article span,.vx800-badge-grid span{font-weight:900;color:color-mix(in srgb,var(--badge) 80%,white)}.vx800-badge-list small,.vx800-badge-grid small{font-size:9px;color:#7581a4}.vx800-badge-list button{justify-self:start;margin-top:5px;padding:4px 8px;border-radius:8px;background:rgba(244,63,94,.1);color:#fda4af;font-size:9px}.vx800-badge-list em{font-size:8.5px;color:#60a5fa;font-style:normal}.vx800-badge-grid button i{width:10px;height:10px;border-radius:50%;background:var(--badge);box-shadow:0 0 12px var(--badge)}.vx800-badge-custom{border-top:1px solid rgba(148,163,184,.1);padding-top:16px}

/* Responsive admin/support and guest/mobile header discipline. */
@media(max-width:1180px){.vx800-sr-head{display:none!important}.vx61-sr-row.vx800-server-rank-card{grid-template-columns:42px minmax(220px,1.3fr) minmax(230px,1fr) 120px 32px!important}.vx800-sr-community{display:none!important}}
@media(max-width:930px){
 #topbar.vx320-header{height:68px!important;min-height:68px!important;padding:0 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;background:rgba(5,8,21,.97)!important}
 #topbar .vx320-brand{min-width:0!important}#topbar .vx320-brand-mark{width:44px!important;height:44px!important}#topbar .vx320-brand-copy{display:block!important;min-width:0!important}#topbar .vx320-brand-name{font-size:17px!important;letter-spacing:.14em!important}
 #vx320DesktopNav{display:none!important}#topbar .vx320-actions{display:flex!important;gap:5px!important;justify-content:flex-end!important;min-width:0!important}#topbar .vx320-actions>[data-lang="en"],#topbar .vx320-actions .vx320-theme-label{display:none!important}
 #topbar #authArea .btn{display:none!important}#topbar .vx410-account-hud{min-width:0!important;width:52px!important;padding:4px!important;border-radius:14px!important}#topbar .vx410-account-copy,#topbar .vx410-account-stats{display:none!important}
 .vx800-discover{left:12px!important;right:12px!important;width:auto!important;top:76px!important}.vx800-discover-grid{grid-template-columns:1fr!important}.vx800-discover-grid>button{min-height:64px!important}
 .vx400-select[data-vx-drop-up="1"] .vx400-select-menu,.vx400-select-menu{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;max-height:min(58dvh,var(--vx-select-max,58dvh))!important}
 .vx61-sr-row.vx800-server-rank-card{grid-template-columns:38px minmax(0,1fr) 100px 28px!important;min-height:118px!important;padding:12px!important}.vx800-sr-telemetry{grid-column:2/4!important;grid-row:2!important}.vx800-sr-index{grid-column:3!important;grid-row:1!important}.vx800-server-rank-card .vx61-sr-identity{grid-template-columns:48px minmax(0,1fr)!important}.vx800-server-rank-card .vx60-rank-custom-logo.md,.vx800-server-rank-card .game-mark{width:46px!important;height:46px!important}
 .vx420-support-grid{grid-template-columns:1fr!important}.vx420-ticket-list{max-height:340px!important}.vx420-operation-shell .vx420-workspace{padding:12px!important}.vx420-admin-shell{grid-template-columns:1fr!important}.vx420-admin-nav{display:flex!important;overflow-x:auto!important;position:static!important;max-width:100%!important}
 .vx800-badge-list,.vx800-badge-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){#topbar .vx320-brand-copy{display:none!important}.vx800-badge-list,.vx800-badge-grid{grid-template-columns:1fr}.vx61-sr-row.vx800-server-rank-card{grid-template-columns:32px minmax(0,1fr) 28px!important}.vx800-sr-index{grid-column:2!important;grid-row:2!important;max-width:150px}.vx800-sr-telemetry{grid-column:2!important;grid-row:3!important;grid-auto-flow:row!important;grid-template-columns:repeat(3,1fr)!important}.vx800-sr-open{grid-column:3!important;grid-row:1!important}}
@media(prefers-reduced-motion:reduce){.vx800-discover-grid>button,.vx61-sr-row.vx800-server-rank-card{transition:none!important}}