/* VEXMIRA v79 / v2.5.9 — Global League, exact brand geometry, language switch and final header rail */
:root{--vx79-orange:#ff6b35;--vx79-gmod:#1687ff;--vx79-redm:#d63f4d;--vx79-mta:#242925;--vx79-mc:#3f7d3d;--vx79-rust:#b94d35;--vx79-cs:#d99a2b;--vx79-cs16:#ad7a25}

/* === HEADER: one top rail, one bottom rail, no floating/offset line === */
@media(min-width:1025px){
 html.vx79-ready #topbar{position:sticky!important;top:0!important;left:0!important;right:0!important;margin:0!important;border-top:0!important;border-bottom:0!important;overflow:visible!important;background:linear-gradient(180deg,rgba(8,8,22,.995),rgba(7,8,21,.975))!important;box-shadow:inset 0 1px rgba(156,77,255,.45),0 1px 0 rgba(51,220,248,.38),0 16px 44px -34px #000!important}
 html.vx79-ready #topbar::before{content:""!important;position:absolute!important;inset:auto 0 0 0!important;width:auto!important;height:1px!important;background:linear-gradient(90deg,rgba(165,77,255,.12),#a448ff 24%,#39dff7 50%,#a448ff 76%,rgba(57,223,247,.12))!important;background-size:240% 100%!important;animation:vx79Rail 6.4s linear infinite!important;opacity:.92!important;box-shadow:0 0 10px rgba(94,88,255,.34)!important;transform:none!important;z-index:60!important}
 html.vx79-ready #topbar::after{content:""!important;position:absolute!important;inset:1px 0 1px 0!important;background:radial-gradient(220px 58px at var(--vx79-nav-x,50%) 50%,rgba(172,75,255,.10),transparent 70%)!important;pointer-events:none!important;z-index:-1!important}
 html.vx79-ready #topbar .top-search,html.vx79-ready #vx45SearchButton,html.vx79-ready .vx45-tool.search{display:none!important}
}
@keyframes vx79Rail{to{background-position:240% 0}}

/* === language switch === */
.vx79-lang{display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;height:42px;min-width:84px;padding:3px;border:1px solid rgba(152,96,255,.22);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:inset 0 1px rgba(255,255,255,.04);overflow:hidden}
.vx79-lang button{height:34px;min-width:36px;padding:0 8px;border-radius:10px;color:var(--mut);font:900 9px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;transition:.18s ease}
.vx79-lang button:hover{color:#fff;background:rgba(155,79,255,.10)}
.vx79-lang button.active{color:#fff;background:linear-gradient(145deg,rgba(162,78,255,.34),rgba(39,207,236,.10));box-shadow:inset 0 0 0 1px rgba(181,120,255,.24),0 8px 20px -16px rgba(130,74,255,.9)}
.vx79-lang .vx79-flag{font-size:12px;margin-right:4px;vertical-align:-1px}
@media(max-width:1180px) and (min-width:1025px){.vx79-lang{min-width:72px}.vx79-lang button{padding-inline:5px}.vx79-lang .vx79-flag{display:none}}

/* === exact game brand geometry === */
.vx76-game-mark,.vx79-brand-tile{--vx79-brand:#8b5cf6;position:relative!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;padding:6px!important;border-radius:15px!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--vx79-brand) 52%,rgba(255,255,255,.16))!important;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.16),transparent 35%),linear-gradient(145deg,color-mix(in srgb,var(--vx79-brand) 34%,#141625),color-mix(in srgb,var(--vx79-brand) 12%,#080a13))!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 12px 26px -20px var(--vx79-brand)!important;filter:none!important;transform:none!important}
.vx76-game-mark.sm{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;padding:5px!important;border-radius:13px!important}
.vx76-game-mark.xs{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;padding:4px!important;border-radius:10px!important}
.vx76-game-mark img,.vx79-brand-tile 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;margin:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;transform:none!important}
.vx76-game-mark.brand-cs2{--vx79-brand:var(--vx79-cs);background:linear-gradient(145deg,#e7a832,#8c5d11)!important}
.vx76-game-mark.brand-cs16{--vx79-brand:var(--vx79-cs16);background:linear-gradient(145deg,#c99735,#5f4216)!important}
.vx76-game-mark.brand-gta{--vx79-brand:var(--vx79-orange);background:linear-gradient(145deg,#ff7b43,#7a2616)!important}
.vx76-game-mark.brand-gmod{--vx79-brand:var(--vx79-gmod);background:linear-gradient(145deg,#238df3,#0a326e)!important}
.vx76-game-mark.brand-redm{--vx79-brand:var(--vx79-redm);background:linear-gradient(145deg,#d94955,#641924)!important}
.vx76-game-mark.brand-mta{--vx79-brand:#59bf8a;background:linear-gradient(145deg,#263c34,#111916)!important}
.vx76-game-mark.brand-mc{--vx79-brand:#59a650;background:linear-gradient(145deg,#477f3d,#1c3720)!important}
.vx76-game-mark.brand-rust{--vx79-brand:var(--vx79-rust);background:linear-gradient(145deg,#bf563d,#56271d)!important}
.vx76-game-mark.brand-cs2 img,.vx76-game-mark.brand-mc img{width:94%!important;height:94%!important}

/* Server listing custom logo is never cropped and game marks stay centered. */
#page-servers .vx71-logo{overflow:visible!important;isolation:isolate!important;background:linear-gradient(145deg,rgba(18,22,42,.98),rgba(7,9,20,.98))!important}
#page-servers .vx71-logo>img{position:relative!important;inset:auto!important;width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important;object-fit:contain!important;border-radius:16px!important;background:rgba(4,7,16,.72)!important;padding:4px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important}
#page-servers .vx71-logo .vx76-game-mark{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;border-radius:18px!important}
@media(max-width:620px){#page-servers .vx71-logo>img{width:58px!important;height:58px!important}#page-servers .vx71-logo .vx76-game-mark{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important}}

/* === global league cards: custom banner + custom logo + flags === */
#page-server-rankings .vx73-podium-card,#page-server-rankings .vx73-rank-row{position:relative!important;isolation:isolate!important;overflow:hidden!important}
#page-server-rankings .vx73-podium-card::before,#page-server-rankings .vx73-rank-row::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--vx79-banner,none);background-size:cover;background-position:center;opacity:var(--vx79-banner-opacity,0);filter:saturate(.92) contrast(1.03);pointer-events:none}
#page-server-rankings .vx73-podium-card::after,#page-server-rankings .vx73-rank-row::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,9,23,.94),rgba(8,9,23,.82) 42%,rgba(8,9,23,.93)),linear-gradient(180deg,rgba(132,72,255,.04),transparent);pointer-events:none}
#page-server-rankings .vx73-podium-card.vx79-has-banner,#page-server-rankings .vx73-rank-row.vx79-has-banner{--vx79-banner-opacity:.36}
#page-server-rankings .vx73-podium-card.vx79-has-banner::after{background:linear-gradient(180deg,rgba(8,9,23,.40),rgba(8,9,23,.88) 72%,rgba(8,9,23,.98))!important}
#page-server-rankings .vx73-podium-brand,#page-server-rankings .vx73-server-logo{display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:15px!important;background:rgba(9,12,25,.82)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 10px 24px -18px #000,inset 0 1px rgba(255,255,255,.05)!important}
#page-server-rankings .vx73-podium-brand>img,#page-server-rankings .vx73-server-logo>img{position:static!important;width:88%!important;height:88%!important;max-width:88%!important;max-height:88%!important;object-fit:contain!important;object-position:center!important;padding:2px!important;border-radius:10px!important;background:transparent!important;filter:none!important}
#page-server-rankings .vx73-podium-brand .vx76-game-mark,#page-server-rankings .vx73-server-logo .vx76-game-mark{width:100%!important;height:100%!important;min-width:100%!important;max-width:100%!important;border-radius:inherit!important;padding:5px!important}
.vx79-country-pill{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;margin-top:4px;padding:3px 7px;border-radius:999px;border:1px solid rgba(139,92,246,.19);background:rgba(139,92,246,.06);font:750 7px/1 Inter,system-ui,sans-serif;letter-spacing:.04em;color:var(--mut);white-space:nowrap}
.vx79-country-pill .flag{font-size:11px;line-height:1}

/* Country league filter mirrors the game filter and drives the real native select. */
.vx79-country-filter{display:flex;align-items:center;gap:7px;min-width:0;padding:8px 12px;margin:0 12px 9px;border:1px solid rgba(139,92,246,.11);border-radius:15px;background:rgba(255,255,255,.012);overflow-x:auto;scrollbar-width:none}
.vx79-country-filter::-webkit-scrollbar{display:none}.vx79-country-filter>small{flex:0 0 auto;margin-right:2px;color:var(--mut2);font:900 6.5px/1 Inter;letter-spacing:.16em}
.vx79-country-filter button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border-radius:11px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.018);color:var(--mut);font:800 7.5px/1 Inter;white-space:nowrap;transition:.18s ease}
.vx79-country-filter button:hover,.vx79-country-filter button.active{color:#fff;border-color:rgba(155,92,255,.28);background:linear-gradient(145deg,rgba(146,75,255,.15),rgba(38,211,237,.045));box-shadow:0 10px 24px -20px rgba(120,74,255,.8)}
.vx79-country-filter .flag{font-size:14px}

/* Country filter on the regular server directory. */
.vx79-server-country{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 11px;border:1px solid var(--line2);border-radius:12px;background:var(--panel);color:var(--txt);font:750 10px/1 Inter;outline:none}
.vx79-server-country select{border:0;background:transparent;color:inherit;outline:none;font:inherit;min-width:94px}
.vx79-server-country option{background:#0b1020;color:#edf0ff}

/* === homepage global competition scene === */
.vx79-global-stage{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:22px;align-items:center;width:min(1260px,calc(100% - 28px));margin:26px auto 12px;padding:28px;border:1px solid rgba(147,85,255,.20);border-radius:28px;overflow:hidden;isolation:isolate;background:radial-gradient(620px 330px at 76% 48%,rgba(35,211,238,.10),transparent 70%),radial-gradient(560px 330px at 27% 48%,rgba(151,77,255,.14),transparent 70%),linear-gradient(145deg,rgba(15,13,38,.96),rgba(7,10,24,.96));box-shadow:0 32px 86px -58px #000,inset 0 1px rgba(255,255,255,.045)}
.vx79-global-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 68%);opacity:.42;pointer-events:none;z-index:-1}
.vx79-global-copy{min-width:0;position:relative;z-index:2}.vx79-global-kicker{display:flex;align-items:center;gap:8px;color:#c68cff;font:900 8px/1 Inter;letter-spacing:.18em;text-transform:uppercase}.vx79-global-kicker i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399;animation:vx79Pulse 1.8s ease-in-out infinite}.vx79-global-copy h2{margin:13px 0 9px;color:#fff;font:950 clamp(27px,3.6vw,48px)/.98 'Space Grotesk',Inter,sans-serif;letter-spacing:-.045em;text-wrap:balance}.vx79-global-copy p{max-width:590px;color:var(--mut);font-size:12px;line-height:1.7}.vx79-global-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:17px}.vx79-global-points span{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 10px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.018);color:#dfe6ff;font:750 9px/1.2 Inter}.vx79-global-points .ic-svg{width:14px;height:14px;color:#b87cff}.vx79-global-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.vx79-global-actions .btn{min-height:42px}
.vx79-global-visual{position:relative;min-height:330px;display:grid;place-items:center;perspective:1000px}.vx79-globe{position:relative;width:290px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;transform-style:preserve-3d;animation:vx79Float 5.2s ease-in-out infinite;background:radial-gradient(circle at 38% 32%,rgba(84,230,255,.20),rgba(85,59,176,.13) 38%,rgba(9,11,28,.12) 70%);border:1px solid rgba(108,173,255,.22);box-shadow:inset 0 0 70px rgba(84,67,203,.17),0 0 72px -30px rgba(54,211,241,.45)}
.vx79-globe::before,.vx79-globe::after{content:"";position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(68,220,246,.26);animation:vx79Spin 15s linear infinite}.vx79-globe::after{inset:27%;border-style:dashed;border-color:rgba(186,111,255,.30);animation-direction:reverse;animation-duration:11s}.vx79-cup-core{position:relative;z-index:3;width:118px;height:118px;display:grid;place-items:center;border-radius:34px;background:linear-gradient(145deg,#b665ff,#6e47ea 56%,#29cde9);box-shadow:0 0 0 11px rgba(146,81,255,.08),0 0 56px rgba(127,69,255,.38);color:#fff}.vx79-cup-core .ic-svg{width:54px;height:54px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.vx79-flag-orbit{position:absolute;left:50%;top:50%;width:46px;height:34px;margin:-17px -23px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(255,255,255,.10);background:rgba(8,10,26,.80);box-shadow:0 12px 30px -20px #000;transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1));animation:vx79FlagPulse var(--d) ease-in-out infinite}.vx79-flag-orbit b{font-size:21px}.vx79-global-badge{position:absolute;z-index:4;padding:8px 10px;border-radius:12px;border:1px solid rgba(168,99,255,.18);background:rgba(9,10,28,.72);backdrop-filter:blur(10px);font:850 7px/1 Inter;letter-spacing:.08em;color:#dfe6ff}.vx79-global-badge.one{left:4%;top:18%}.vx79-global-badge.two{right:2%;bottom:18%}.vx79-global-badge i{color:#49e4f5;font-style:normal}
@keyframes vx79Float{50%{transform:translateY(-7px) rotateX(2deg)}}@keyframes vx79Spin{to{rotate:360deg}}@keyframes vx79FlagPulse{50%{filter:brightness(1.22);scale:1.04}}@keyframes vx79Pulse{50%{opacity:.42;scale:.75}}
@media(max-width:900px){.vx79-global-stage{grid-template-columns:1fr;padding:20px}.vx79-global-visual{min-height:290px}.vx79-globe{width:250px}.vx79-global-points{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.vx79-global-stage{width:calc(100% - 20px);padding:16px;border-radius:20px}.vx79-global-copy h2{font-size:29px}.vx79-global-points{grid-template-columns:1fr}.vx79-global-visual{min-height:245px}.vx79-globe{width:210px}.vx79-cup-core{width:92px;height:92px;border-radius:26px}.vx79-cup-core .ic-svg{width:42px;height:42px}.vx79-flag-orbit{--r:88px!important}}

/* === compact ranking table alignment === */
#page-server-rankings .vx73-rank-row{grid-template-columns:40px 70px minmax(230px,1.45fr) minmax(90px,.7fr) minmax(90px,.7fr) 90px 78px 86px 64px!important;align-items:center!important;column-gap:10px!important}
#page-server-rankings .vx73-server-cell{min-width:0!important;align-items:center!important;gap:10px!important;padding:7px 8px!important;border-radius:12px!important;text-align:left!important}
#page-server-rankings .vx73-server-logo{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important}
#page-server-rankings .vx73-server-copy{min-width:0!important}.vx73-server-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vx73-server-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){#page-server-rankings .vx73-rank-row{grid-template-columns:34px 58px minmax(200px,1.3fr) 86px minmax(80px,.65fr) 78px 70px 78px 58px!important;column-gap:7px!important}}
@media(max-width:760px){#page-server-rankings .vx73-rank-row{grid-template-columns:28px minmax(0,1fr) auto!important}}

/* regular server toolbar country control */
#page-servers .v2-toolbar{align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
#page-servers .v2-toolbar .v2-search{min-width:min(100%,300px)!important;flex:1 1 260px!important}

/* language switch should not force the desktop nav to overflow */
@media(min-width:1025px) and (max-width:1220px){html.vx79-ready #topbar{grid-template-columns:minmax(110px,150px) minmax(0,1fr) auto!important;gap:8px!important}.vx73-nav-item,.vx73-more-trigger{padding-inline:7px!important}.vx73-nav{gap:1px!important}}

@media(prefers-reduced-motion:reduce){html.vx79-ready #topbar::before,.vx79-global-kicker i,.vx79-globe,.vx79-globe::before,.vx79-globe::after,.vx79-flag-orbit{animation:none!important}}
