/* VEXMIRA v4.1.0 — final live-patch UI, dense rankings, single navigation and production admin polish. */
:root{--vx410-edge:rgba(139,119,228,.22);--vx410-soft:rgba(255,255,255,.026);--vx410-head:82px}

/* One authoritative desktop navigation. Legacy floating bars are never allowed to reappear. */
#vxFloatingDesktopNav,.desktop-topnav,.vx-desktop-nav,.vx17-nav,.vx73-nav{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media(min-width:931px){
 :root{--vx390-head:82px!important;--vx-header:82px!important;--vx-header-h:82px!important;--vx-top:82px!important}
 html.vx390-ready #mainContent{padding-top:82px!important}
 #topbar.vx320-header,#topbar.vx320-header[data-vx390="1"],#topbar.vx320-header[data-vx380="1"]{height:82px!important;min-height:82px!important;grid-template-columns:172px minmax(0,1fr) auto!important;gap:14px!important;padding:0 clamp(16px,2.2vw,34px)!important;background:linear-gradient(180deg,rgba(9,12,34,.985),rgba(6,9,26,.965))!important;border-bottom:1px solid rgba(138,104,255,.31)!important;box-shadow:0 18px 45px -32px rgba(0,0,0,.9),inset 0 -1px rgba(91,57,212,.12)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 #topbar .vx320-brand,#topbar[data-vx390="1"] .vx320-brand,#topbar[data-vx380="1"] .vx320-brand{width:172px!important;min-width:172px!important;gap:12px!important}
 #topbar .vx320-brand-mark,#topbar[data-vx390="1"] .vx320-brand-mark,#topbar[data-vx380="1"] .vx320-brand-mark{width:52px!important;height:52px!important;min-width:52px!important;padding:2px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(139,92,246,.16),rgba(34,211,238,.06))!important;border:1px solid rgba(145,113,255,.29)!important;box-shadow:0 13px 30px -18px rgba(94,56,223,.85)!important}
 #topbar .vx320-brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
 #topbar .vx320-brand-name,#topbar[data-vx390="1"] .vx320-brand-name,#topbar[data-vx380="1"] .vx320-brand-name{display:block!important;font-size:16px!important;letter-spacing:.15em!important;font-weight:930!important;white-space:nowrap!important}
 #vx320DesktopNav,#topbar[data-vx390="1"] #vx320DesktopNav,#topbar[data-vx380="1"] #vx320DesktopNav{height:54px!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:5px!important;border-radius:18px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(16,20,50,.86),rgba(9,13,34,.82))!important;border:1px solid rgba(132,109,218,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 32px -26px #000!important}
 #vx320DesktopNav>button,#vx320DesktopNav>.vx390-nav-item,#vx320DesktopNav>.vx380-direct-nav,#topbar[data-vx390="1"] #vx320DesktopNav>.vx390-nav-item,#topbar[data-vx390="1"] #vx320DesktopNav>.vx380-direct-nav{display:inline-flex!important;flex:1 1 auto!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 clamp(6px,.7vw,11px)!important;gap:6px!important;border-radius:12px!important;font-size:11.4px!important;font-weight:780!important;letter-spacing:0!important;color:#aeb9d7!important;white-space:nowrap!important;overflow:visible!important;transform:none!important}
 #vx320DesktopNav>button b,#vx320DesktopNav>.vx390-nav-item b,#vx320DesktopNav>.vx380-direct-nav b{font-size:11.4px!important;font-weight:780!important;letter-spacing:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
 #vx320DesktopNav svg{width:15px!important;height:15px!important;min-width:15px!important;flex:0 0 15px!important}
 #vx320DesktopNav>button:hover,#vx320DesktopNav>.vx390-nav-item:hover,#vx320DesktopNav>.vx380-direct-nav:hover{color:#fff!important;background:rgba(125,86,245,.12)!important}
 #vx320DesktopNav>button.active,#vx320DesktopNav>.vx390-nav-item.active,#vx320DesktopNav>.vx380-direct-nav.active{color:#fff!important;background:linear-gradient(145deg,rgba(126,80,250,.25),rgba(35,123,187,.1))!important;border:1px solid rgba(145,107,255,.25)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
 #topbar .vx320-actions{gap:7px!important}
 #topbar .vx320-lang{height:44px!important}
 #topbar .vx320-icon-btn,#topbar .vx320-theme-btn{height:44px!important;min-height:44px!important}
}
@media(max-width:1280px) and (min-width:931px){
 #topbar.vx320-header,#topbar.vx320-header[data-vx390="1"],#topbar.vx320-header[data-vx380="1"]{grid-template-columns:54px minmax(0,1fr) auto!important;gap:8px!important;padding-inline:10px!important}
 #topbar .vx320-brand,#topbar[data-vx390="1"] .vx320-brand,#topbar[data-vx380="1"] .vx320-brand{width:54px!important;min-width:54px!important}
 #topbar .vx320-brand-name{display:none!important}
 #vx320DesktopNav,#topbar[data-vx390="1"] #vx320DesktopNav{gap:2px!important;padding-inline:4px!important}
 #vx320DesktopNav>button,#vx320DesktopNav>.vx390-nav-item,#vx320DesktopNav>.vx380-direct-nav,#topbar[data-vx390="1"] #vx320DesktopNav>.vx390-nav-item,#topbar[data-vx390="1"] #vx320DesktopNav>.vx380-direct-nav{padding-inline:5px!important;gap:4px!important;font-size:11px!important}
 #vx320DesktopNav>button b,#vx320DesktopNav>.vx390-nav-item b,#vx320DesktopNav>.vx380-direct-nav b{font-size:11px!important}
 #topbar .vx320-lang{display:none!important}
 #topbar .theme-picker-label,#topbar .theme-picker-chevron{display:none!important}
 #topbar .vx320-theme-btn{width:44px!important;min-width:44px!important;padding:0!important;justify-content:center!important}
}

/* Larger account summary: profile, role, level, XP and live wallet balance. */
.vx410-account-hud{display:grid!important;grid-template-columns:46px minmax(102px,1fr) auto!important;align-items:center!important;gap:10px!important;width:auto!important;min-width:252px!important;max-width:292px!important;height:58px!important;padding:6px 10px 6px 6px!important;border:1px solid rgba(139,107,236,.29)!important;border-radius:18px!important;background:radial-gradient(150px 70px at 0 0,rgba(120,76,239,.15),transparent 78%),linear-gradient(150deg,rgba(20,23,57,.96),rgba(8,12,33,.97))!important;color:#f7f8ff!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 13px 32px -24px #000!important;cursor:pointer!important}
.vx410-account-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;overflow:hidden;border:1px solid rgba(152,119,255,.38);background:linear-gradient(145deg,#5238b7,#1b2457);font-size:12px;font-weight:900;box-shadow:0 0 20px rgba(112,70,242,.15)}
.vx410-account-avatar img{width:100%;height:100%;object-fit:cover}
.vx410-account-copy{min-width:0;text-align:left}.vx410-account-copy>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.8px;line-height:1.15;color:#fff}.vx410-account-copy>small{display:flex;align-items:center;gap:5px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#8f9fc3}.vx410-account-copy>small i{width:5px;height:5px;border-radius:50%;background:#43e6a5;box-shadow:0 0 8px rgba(67,230,165,.7)}
.vx410-account-facts{display:grid;grid-template-columns:auto auto;gap:4px 8px;justify-items:end;text-align:right}.vx410-account-facts span{display:grid;gap:1px}.vx410-account-facts small{font-size:7.3px;line-height:1;text-transform:uppercase;letter-spacing:.09em;color:#687a9f}.vx410-account-facts b{font-size:9.6px;line-height:1.1;color:#c9b9ff;white-space:nowrap}.vx410-account-facts span:last-child b{color:#5bddff}
@media(max-width:1280px) and (min-width:931px){.vx410-account-hud{min-width:196px!important;max-width:218px!important;grid-template-columns:42px minmax(82px,1fr) auto!important;height:54px!important}.vx410-account-avatar{width:42px;height:42px}.vx410-account-facts{grid-template-columns:1fr;gap:3px}.vx410-account-facts span:first-child{display:none}}

/* Server discovery hero: no stretched label bubble; right panel behaves like an information module. */
#page-servers .vx400-page-hero{grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr)!important;gap:18px!important;padding:clamp(24px,2.7vw,38px)!important;border-radius:24px!important}
#page-servers .vx400-page-kicker{padding:6px 10px!important;width:max-content!important;max-width:max-content!important;min-width:0!important}
.vx410-server-live-panel{justify-content:flex-start!important;padding:20px!important;border-radius:19px!important;background:radial-gradient(220px 120px at 100% 0,rgba(67,216,255,.08),transparent 72%),linear-gradient(155deg,rgba(14,20,50,.82),rgba(7,12,31,.88))!important}
.vx410-server-live-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.vx410-server-live-pulse{width:30px;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(76,235,178,.16),rgba(76,235,178,.85));box-shadow:0 0 14px rgba(76,235,178,.16)}
.vx410-server-live-panel>h2{margin:13px 0 6px!important;font-size:19px!important;line-height:1.15!important;letter-spacing:-.02em!important;color:#f5f7ff!important}.vx410-server-live-panel>p{margin:0 0 14px!important;font-size:10.8px!important;line-height:1.55!important;color:#8998ba!important}
.vx410-live-features{display:grid;grid-template-columns:1fr;gap:6px;margin:0 0 16px}.vx410-live-features>span{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px;min-height:37px;padding:7px 9px;border:1px solid rgba(129,115,194,.14);border-radius:10px;background:rgba(255,255,255,.018)}.vx410-live-features b{font-size:9.5px;color:#c7d0e6}.vx410-live-features small{font-size:8.7px;color:#7182a7}
.vx410-server-live-panel .vx400-hero-actions{margin-top:auto}.vx410-server-live-panel .vx400-hero-actions .btn{flex:1 1 120px!important}

/* Homepage conversion cards: visually separate, no nested-card look. */
.vx400-home-connect{gap:18px!important;margin-top:14px!important}.vx400-connect-card{border-radius:22px!important;box-shadow:0 22px 50px -42px #000!important}.vx400-business-card{padding:32px!important;gap:30px!important}.vx400-discord-card{padding:30px 27px!important}.vx400-card-points{gap:8px!important;margin-top:17px!important}.vx400-card-points span{padding:7px 9px!important;background:rgba(255,255,255,.02)!important}

/* Rankings: more information per row with balanced whitespace. */
#page-rankings .vx60-rank-list{gap:9px!important}
#page-rankings .vx60-rank-row.vx390-rank-row{grid-template-columns:38px 50px minmax(0,1fr) minmax(190px,235px) 34px!important;min-height:92px!important;padding:13px 15px!important;gap:12px!important;border-radius:17px!important}
#page-rankings .vx60-rank-user b{font-size:13px!important}.vx410-rank-facts{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.vx410-rank-facts i{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:4px 7px;border:1px solid rgba(129,114,191,.14);border-radius:8px;background:rgba(255,255,255,.018);font-style:normal;font-size:8.2px;color:#8e9fc1}.vx410-rank-facts i b{font-size:8.5px!important;color:#bec9e2!important}.vx410-rank-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0}.vx410-rank-panel>span{display:grid;gap:3px;min-width:0;padding:7px 8px;border:1px solid rgba(127,110,194,.13);border-radius:10px;background:rgba(255,255,255,.018);text-align:right}.vx410-rank-panel small{font-size:7.2px;letter-spacing:.07em;text-transform:uppercase;color:#68799f}.vx410-rank-panel b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.8px!important;color:#d7def1!important}.vx410-rank-panel .is-primary b{color:#b9a4ff!important}.vx410-podium-rep{display:inline-flex!important;align-items:center!important;gap:5px!important;margin-top:2px!important;font-size:8.4px!important;color:#8999bb!important}.vx410-podium-rep b{font-size:8.8px!important;color:#bac5df!important}

/* Admin Control Deck: catalogue/readability and no visually empty role/user areas. */
#page-admin .v2-hero{border-radius:24px!important;padding:27px 30px!important;background:radial-gradient(420px 200px at 5% 5%,rgba(125,75,244,.14),transparent 75%),linear-gradient(145deg,rgba(14,18,46,.96),rgba(7,11,30,.97))!important}
#page-admin .vx-admin-shell{grid-template-columns:252px minmax(0,1fr)!important;gap:18px!important}.vx-admin-nav{padding:8px!important}.vx-admin-nav button{min-height:45px!important;padding:10px 12px!important;border-radius:11px!important;font-size:10.8px!important}.vx-admin-card{padding:19px!important;border:1px solid rgba(128,111,194,.17)!important;background:linear-gradient(150deg,rgba(14,19,45,.86),rgba(8,12,30,.9))!important}.vx-role-grid{gap:10px!important}.vx-role-card{min-height:116px!important;padding:15px!important;border-radius:15px!important;background:rgba(255,255,255,.019)!important}.vx-role-card b{font-size:12px!important}.vx-role-card p{margin-top:6px!important;color:#7f90b1!important}.vx410-admin-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.vx410-admin-section-head>div>h3{margin:0!important}.vx410-admin-section-head>div>p{margin:5px 0 0;color:#7e8eaf;font-size:9.8px;line-height:1.45}.vx410-admin-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 9px;border:1px solid rgba(143,111,244,.2);border-radius:9px;background:rgba(122,79,236,.08);color:#bba8ff;font-size:9px;font-weight:850}.vx410-admin-empty{display:grid;place-items:center;min-height:160px;padding:24px;border:1px dashed rgba(126,108,192,.22);border-radius:14px;color:#7f90b3;text-align:center;font-size:10.5px}
#page-admin .vx-table tbody tr{background:rgba(255,255,255,.012)!important}#page-admin .vx-table tbody tr:hover{background:rgba(117,79,236,.04)!important}

/* Dropdown/listbox: consistent product surface. */
.vx400-select-btn{min-height:45px!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(13,17,42,.98),rgba(7,11,29,.99))!important}.vx400-select-menu{border-radius:15px!important;background:#090e23!important;box-shadow:0 25px 60px rgba(0,0,0,.5)!important}.vx400-select-option{min-height:40px!important;border-radius:10px!important}

/* Footer brand is intentionally visible and never double wrapped. */
footer .brand-hex.vx320-footer-mark,footer .vx320-footer-mark,footer .vx390-footer-mark{width:82px!important;height:82px!important;min-width:82px!important;max-width:82px!important;border-radius:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
footer .vx320-footer-mark img,footer .vx390-footer-mark img{width:82px!important;height:82px!important;max-width:82px!important;object-fit:contain!important;filter:drop-shadow(0 0 22px rgba(118,74,245,.24))!important}

/* Rendering budget: final layer adds no perpetual animations, backdrop filters or paint loops. */
#page-servers .vx400-page-hero,#page-rankings .vx60-rank-row,#page-admin .vx-admin-card,.vx400-connect-card{will-change:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

@media(max-width:930px){
 :root{--vx410-head:68px}
 #topbar.vx320-header{height:68px!important;min-height:68px!important}
 .vx410-account-hud{min-width:48px!important;width:48px!important;max-width:48px!important;height:48px!important;display:grid!important;grid-template-columns:1fr!important;padding:3px!important;border-radius:15px!important}.vx410-account-avatar{width:40px;height:40px;margin:auto}.vx410-account-copy,.vx410-account-facts{display:none!important}
 #page-servers .vx400-page-hero{grid-template-columns:1fr!important;gap:14px!important;padding:20px!important}.vx410-server-live-panel{padding:16px!important}.vx410-live-features{grid-template-columns:repeat(3,minmax(0,1fr))}.vx410-live-features>span{grid-template-columns:1fr!important;gap:3px!important;min-height:54px!important}.vx410-live-features small{line-height:1.3!important}
 #page-rankings .vx60-rank-row.vx390-rank-row{grid-template-columns:32px 44px minmax(0,1fr) 128px!important;min-height:88px!important;padding:11px!important}.vx410-rank-panel{grid-template-columns:1fr!important}.vx410-rank-panel>span:not(.is-primary){display:none!important}.vx410-rank-facts i:nth-child(n+3){display:none!important}
 #page-admin .vx-admin-shell{grid-template-columns:1fr!important}.vx400-home-connect{gap:12px!important}.vx400-business-card,.vx400-discord-card{padding:21px!important}
}
@media(max-width:560px){
 #page-servers .vx400-page-hero{padding:17px!important}.vx410-live-features{grid-template-columns:1fr!important}.vx410-live-features>span{grid-template-columns:74px 1fr!important;min-height:36px!important}
 #page-rankings .vx60-rank-row.vx390-rank-row{grid-template-columns:29px 41px minmax(0,1fr) auto!important;gap:8px!important;padding:10px!important}.vx410-rank-panel{display:block!important}.vx410-rank-panel>span{padding:6px!important}.vx410-rank-panel small{display:none!important}.vx410-rank-panel b{font-size:10px!important}.vx410-rank-facts{display:none!important}
 footer .brand-hex.vx320-footer-mark,footer .vx320-footer-mark,footer .vx390-footer-mark,footer .vx320-footer-mark img,footer .vx390-footer-mark img{width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important}
}
@media(prefers-reduced-motion:reduce){.vx410-account-hud,#vx320DesktopNav>button,.vx400-connect-card{transition:none!important}}