/* VEXMIRA v4.7.0 — UNIVERSE UI
   Approved-concept visual system: cinematic VEXMIRA universe, glass navigation,
   denser home dashboard, unified Messages + Social Center and zoom-safe chrome. */
:root{
  --vx470-wrap:1600px;
  --vx470-gutter:clamp(14px,2vw,34px);
  --vx470-bg:#030512;
  --vx470-panel:rgba(8,12,31,.84);
  --vx470-panel-solid:#080d22;
  --vx470-panel-hi:rgba(16,20,48,.9);
  --vx470-line:rgba(161,118,255,.18);
  --vx470-line-hi:rgba(168,100,255,.5);
  --vx470-purple:#9b4dff;
  --vx470-purple2:#6e49ff;
  --vx470-cyan:#39d4e9;
  --vx470-pink:#dd49ff;
  --vx470-green:#35e3a1;
  --vx470-text:#f8f8ff;
  --vx470-muted:#8b99b9;
  --vx470-r:18px;
  --vx470-r-lg:24px;
  --vx470-shadow:0 28px 86px -55px #000,0 20px 54px -44px rgba(139,70,255,.7),inset 0 1px rgba(255,255,255,.04);
}
html{background:var(--vx470-bg)!important;color-scheme:dark}
body,body.vx-production-mode{
  background:#030512!important;color:var(--vx470-text)!important;
  min-height:100dvh;isolation:isolate;
}
/* Whole-site cinematic background, not card-local decoration. */
body::before{
  content:""!important;position:fixed!important;z-index:-6!important;pointer-events:none!important;
  inset:-5vh -4vw -7vh!important;
  background:
    linear-gradient(180deg,rgba(3,5,18,.08) 0%,rgba(3,5,18,.18) 36%,rgba(3,5,18,.78) 100%),
    url('/assets/vexmira-universe-v470.svg') center top/cover no-repeat!important;
  opacity:.98!important;filter:saturate(1.16) contrast(1.03)!important;
  animation:vx470UniverseFloat 28s ease-in-out infinite alternate!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
body::after{
  content:""!important;position:fixed!important;inset:-15%!important;z-index:-5!important;pointer-events:none!important;
  background:
    radial-gradient(650px 430px at 13% 18%,rgba(132,59,255,.16),transparent 72%),
    radial-gradient(620px 390px at 86% 24%,rgba(31,207,231,.1),transparent 74%),
    radial-gradient(780px 500px at 50% 82%,rgba(171,53,255,.09),transparent 78%)!important;
  opacity:.9!important;animation:vx470Aura 18s ease-in-out infinite alternate!important;
}
.page{background:transparent!important}
.page::before{display:none!important;content:none!important}
#mainContent{background:transparent!important;position:relative;z-index:1}
@keyframes vx470UniverseFloat{from{transform:translate3d(-.45%,-.35%,0) scale(1.012)}to{transform:translate3d(.45%,.55%,0) scale(1.026)}}
@keyframes vx470Aura{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(1%,-.7%,0) scale(1.035)}}

.wrap,.vx320-wrap{width:min(var(--vx470-wrap),calc(100% - var(--vx470-gutter)*2))!important;max-width:var(--vx470-wrap)!important}

/* Shared glass language across all functional pages. */
:is(.v2-hero,.vx400-page-hero,.vx65-rank-hero,.vx320-section-head,.vx320-overview,.vx320-feed-card,.vx63-market-catalog,.vx65-rank-tools,.vx65-rank-board,.vx65-user-rank,.vx-admin-shell,.vx-admin-card,.side-card,.vx65-ticket-create,.vx65-ticket-list-card,.vx65-ticket-detail-card,.discord-card,.streamer-card,.giveaway-card,.server-game-tile,.srv,.item-card,.market-grid>article){
  border:1px solid var(--vx470-line)!important;
  box-shadow:var(--vx470-shadow)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
}
:is(.v2-hero,.vx400-page-hero,.vx65-rank-hero,.vx320-section-head,.vx320-overview,.vx320-feed-card,.vx63-market-catalog,.vx65-rank-board,.vx65-user-rank,.vx-admin-shell,.vx-admin-card,.side-card,.vx65-ticket-create,.vx65-ticket-list-card,.vx65-ticket-detail-card){
  background:
    linear-gradient(135deg,rgba(143,71,255,.08),transparent 28%),
    linear-gradient(315deg,rgba(35,207,230,.045),transparent 30%),
    linear-gradient(155deg,rgba(12,17,42,.9),rgba(5,10,26,.92))!important;
}
:is(.btn,.vx320-nav>button,.vx470-search,.vx470-explore-btn,.vx320-icon-btn,.vx320-theme-btn,.vx320-lang button){transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease!important}
:is(.btn,.vx320-nav>button,.vx470-search,.vx470-explore-btn,.vx320-icon-btn):hover{transform:translateY(-1px)}
.btn-grad{background:linear-gradient(135deg,#8e3cff,#a84dff 48%,#6b5cff)!important;border-color:rgba(193,137,255,.48)!important;box-shadow:0 13px 34px -18px rgba(169,74,255,.8)!important}
.btn-ghost{background:rgba(9,13,31,.62)!important;border-color:rgba(146,128,205,.22)!important}

/* --------------------------------------------------------------------------
   Header — approved concept + explicit zoom/scaling breakpoints
   -------------------------------------------------------------------------- */
#topbar.vx320-header.vx470-topbar{
  --vx470-brand-w:180px;
  position:sticky!important;top:0!important;z-index:120!important;
  display:grid!important;grid-template-columns:var(--vx470-brand-w) minmax(500px,1fr) auto auto!important;
  align-items:center!important;column-gap:clamp(8px,.9vw,15px)!important;
  min-height:72px!important;height:72px!important;
  padding-inline:max(16px,calc((100vw - var(--vx470-wrap))/2))!important;
  background:linear-gradient(180deg,rgba(4,6,21,.965),rgba(4,7,22,.91))!important;
  border-bottom:1px solid rgba(152,95,255,.22)!important;
  box-shadow:0 14px 50px -36px #000,0 1px rgba(115,83,255,.14)!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;-webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
  overflow:visible!important;
}
#topbar .vx320-brand{min-width:0!important;width:auto!important;max-width:var(--vx470-brand-w)!important;gap:11px!important}
#topbar .vx320-brand-mark{width:48px!important;height:48px!important;border-radius:15px!important;padding:4px!important;background:radial-gradient(circle at 50% 30%,rgba(168,88,255,.18),rgba(14,17,42,.82))!important;border:1px solid rgba(171,111,255,.3)!important;box-shadow:0 0 30px -15px rgba(171,74,255,.9)!important}
#topbar .vx320-brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}
#topbar .vx320-brand-name{font-size:16px!important;font-weight:950!important;letter-spacing:.17em!important;color:#fff!important;text-shadow:0 0 28px rgba(168,105,255,.22)}
#topbar .vx320-nav{
  min-width:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(74px,1fr))!important;align-items:center!important;
  gap:4px!important;height:48px!important;padding:4px!important;border:0!important;background:transparent!important;overflow:visible!important;
}
#topbar .vx320-nav>button{height:40px!important;min-width:0!important;padding:0 clamp(8px,.72vw,13px)!important;border-radius:11px!important;background:transparent!important;border:1px solid transparent!important;color:#b6bfd7!important;gap:7px!important;font-size:11px!important;font-weight:780!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#topbar .vx320-nav>button:hover,#topbar .vx320-nav>button.active{color:#fff!important;background:linear-gradient(135deg,rgba(132,64,255,.16),rgba(69,91,215,.07))!important;border-color:rgba(155,107,255,.24)!important}
#topbar .vx320-nav>button.active::after{content:"";position:absolute;left:22%;right:22%;bottom:1px;height:2px;border-radius:5px;background:linear-gradient(90deg,var(--vx470-purple),var(--vx470-cyan));box-shadow:0 0 12px rgba(130,86,255,.8)}
#topbar .vx320-nav>.vx470-nav-secondary{display:none!important}
#topbar .vx470-nav-tools{display:flex;align-items:center;gap:8px;min-width:0;position:relative}
#topbar .vx470-search{height:40px;width:clamp(118px,10vw,170px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(151,130,205,.19);border-radius:11px;background:rgba(7,11,28,.74);color:#8390ad;cursor:pointer}
#topbar .vx470-search:hover{border-color:rgba(162,104,255,.32);color:#dbe1f2;background:rgba(125,68,232,.08)}
#topbar .vx470-search b{font-size:10px;text-align:left;font-weight:720}.vx470-search kbd{padding:2px 5px;border-radius:5px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font:700 7px/1.4 inherit;color:#7684a2}
#topbar .vx470-explore-wrap{position:relative}
#topbar .vx470-explore-btn{height:40px;min-width:96px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(174,104,255,.38);border-radius:11px;background:linear-gradient(135deg,rgba(136,56,255,.72),rgba(104,65,226,.5));color:#fff;cursor:pointer;box-shadow:0 12px 30px -20px rgba(164,70,255,.95)}
#topbar .vx470-explore-btn b{font-size:10px}.vx470-explore-btn i{font-size:9px;font-style:normal;opacity:.65}
#topbar .vx470-explore-menu{position:absolute;right:0;top:calc(100% + 11px);z-index:140;width:300px;padding:8px;border:1px solid rgba(168,111,255,.27);border-radius:16px;background:linear-gradient(155deg,rgba(16,19,47,.99),rgba(5,9,25,.99));box-shadow:0 28px 78px -30px #000,0 20px 52px -35px rgba(145,72,255,.7);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top right;transition:.18s ease;backdrop-filter:blur(22px)}
#topbar .vx470-explore-wrap.open .vx470-explore-menu{opacity:1;visibility:visible;transform:none}
#topbar .vx470-explore-menu button{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;text-align:left;padding:10px;border:1px solid transparent;border-radius:11px;background:transparent;color:#dfe5f4;cursor:pointer}
#topbar .vx470-explore-menu button:hover{background:rgba(139,77,246,.1);border-color:rgba(154,114,239,.16)}
#topbar .vx470-explore-menu button>span:first-child{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(139,75,245,.12);color:#c3a8ff}
#topbar .vx470-explore-menu b{display:block;font-size:10px}.vx470-explore-menu small{display:block;margin-top:2px;font-size:8px;color:#7383a4}
#topbar .vx320-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important;margin:0!important;white-space:nowrap!important}
#topbar .vx320-lang{display:flex!important;padding:3px!important;border-radius:11px!important;background:rgba(7,11,28,.72)!important;border:1px solid rgba(149,126,205,.16)!important}
#topbar .vx320-lang button{height:34px!important;min-width:34px!important;padding:0 8px!important;border-radius:8px!important;font-size:9px!important}
#topbar .vx320-icon-btn,#topbar .vx320-theme-btn{height:40px!important;min-height:40px!important;min-width:40px!important;border-radius:11px!important;border-color:rgba(143,123,195,.17)!important;background:rgba(6,10,27,.7)!important}
#topbar .vx320-theme-btn{padding-inline:10px!important;max-width:76px!important;gap:5px!important}
#topbar .vx320-theme-btn .theme-picker-label{font-size:9px!important}
#topbar .vx470-message-btn{position:relative!important}
#topbar .vx470-message-btn:hover{border-color:rgba(173,103,255,.38)!important;background:rgba(139,66,255,.09)!important}
#topbar .vx320-auth-area{min-width:0!important;max-width:250px!important}
#topbar .vx320-hamburger{display:none!important}

/* 125% browser zoom on a 1920px display presents ~1536 CSS px. Compact before overlap. */
@media(max-width:1680px){
  #topbar.vx320-header.vx470-topbar{--vx470-brand-w:160px;grid-template-columns:160px minmax(450px,1fr) auto auto!important;padding-inline:14px!important;gap:7px!important}
  #topbar .vx320-brand-name{font-size:14px!important}
  #topbar .vx320-nav>button{font-size:10px!important;padding-inline:7px!important;gap:5px!important}
  #topbar .vx470-search{width:125px!important}.vx470-search kbd{display:none}
  #topbar .vx470-explore-btn{min-width:88px!important;padding-inline:9px!important}
  #topbar .vx320-auth-area{max-width:218px!important}
}
@media(max-width:1500px){
  #topbar.vx320-header.vx470-topbar{--vx470-brand-w:142px;grid-template-columns:142px minmax(410px,1fr) auto auto!important;gap:5px!important}
  #topbar .vx320-brand-mark{width:42px!important;height:42px!important}.vx320-brand-name{font-size:12px!important}
  #topbar .vx470-search{width:44px!important;grid-template-columns:1fr!important;place-items:center!important;padding:0!important}.vx470-search b,.vx470-search kbd{display:none!important}
  #topbar .vx320-theme-btn .theme-picker-label,#topbar .vx320-theme-btn .theme-picker-chevron{display:none!important}
  #topbar .vx320-theme-btn{width:40px!important;padding:0!important;justify-content:center!important}
  #topbar .vx320-nav>button{font-size:9px!important}
}
@media(max-width:1260px){
  #topbar.vx320-header.vx470-topbar{grid-template-columns:132px minmax(370px,1fr) auto auto!important}
  #topbar .vx320-nav>button{padding-inline:5px!important}.vx320-nav>button .ic-svg{width:13px!important;height:13px!important}
  #topbar .vx470-explore-btn{min-width:42px!important;width:42px!important;padding:0!important}.vx470-explore-btn b,.vx470-explore-btn i{display:none!important}
  #topbar .vx320-auth-area{max-width:195px!important}
}
@media(max-width:1180px){
  #topbar.vx320-header.vx470-topbar{display:flex!important;height:66px!important;min-height:66px!important;padding-inline:12px!important}
  #topbar .vx320-brand{max-width:180px!important}.vx320-brand-mark{width:42px!important;height:42px!important}
  #topbar .vx320-nav,#topbar .vx470-nav-tools{display:none!important}
  #topbar .vx320-actions{margin-left:auto!important}.vx320-hamburger{display:grid!important;width:40px!important;height:40px!important;flex:0 0 40px!important}
  #topbar .vx320-auth-area{max-width:210px!important}
}
@media(max-width:760px){
  #topbar .vx320-brand-name{font-size:12px!important}.vx320-brand{gap:7px!important}
  #topbar .vx320-lang,#topbar .vx320-theme{display:none!important}
  #topbar .vx320-auth-area{max-width:154px!important}.vx320-auth-area .user-chip{max-width:154px!important}
  #topbar .vx470-message-btn{display:grid!important}
}
@media(max-width:520px){#topbar .vx320-brand-name{display:none!important}#topbar .vx320-brand{width:44px!important;flex:0 0 44px!important}#topbar .vx320-auth-area{max-width:125px!important}#topbar #notifBtn{display:none!important}}

/* --------------------------------------------------------------------------
   Home — close structural match to approved dashboard concept
   -------------------------------------------------------------------------- */
#page-home.vx320-home{padding-bottom:72px!important}
#page-home .vx320-hero{
  position:relative!important;min-height:610px!important;padding:34px 0 22px!important;overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(3,5,17,.75) 0%,rgba(4,7,20,.25) 45%,rgba(4,7,20,.16) 70%,rgba(3,5,17,.68) 100%),
    url('/assets/vexmira-universe-v470.svg') center 18%/cover no-repeat!important;
  border-bottom:1px solid rgba(155,92,255,.16)!important;
}
#page-home .vx320-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(3,5,18,.78) 100%),radial-gradient(720px 440px at 53% 24%,rgba(150,65,255,.13),transparent 72%)}
#page-home .vx320-hero-grid{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr)!important;gap:clamp(30px,4vw,70px)!important;align-items:center!important;min-height:500px!important}
#page-home .vx320-hero-copy{max-width:760px!important;padding:20px 0!important}
#page-home .vx320-eyebrow{font-size:10px!important;letter-spacing:.17em!important;color:#c5a1ff!important;font-weight:900!important}.vx320-eyebrow i{background:var(--vx470-green)!important;box-shadow:0 0 14px rgba(53,227,161,.65)!important}
#page-home .vx320-hero-copy h1{margin:15px 0 16px!important;font-size:clamp(52px,5vw,82px)!important;line-height:.98!important;letter-spacing:-.055em!important;color:#fff!important;text-shadow:0 13px 44px rgba(0,0,0,.35)!important;max-width:760px!important}
#page-home .vx320-hero-copy h1 em{font-style:normal!important;background:linear-gradient(92deg,#bf62ff 0%,#7b62ff 43%,#49c9f0 72%,#5ce0c4 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important}
#page-home .vx320-lead{max-width:690px!important;color:#b4bfd8!important;font-size:clamp(13px,1vw,16px)!important;line-height:1.8!important;font-weight:520!important}
#page-home .vx320-hero-actions{margin-top:24px!important;gap:10px!important}.vx320-hero-actions .btn{height:48px!important;padding-inline:18px!important;border-radius:12px!important;font-size:11px!important}
#page-home .vx320-trust{margin-top:17px!important;gap:14px!important}.vx320-trust span{font-size:9px!important;color:#9aa8c4!important}.vx320-trust i{width:5px!important;height:5px!important;background:#9d58ff!important}
#page-home .vx320-overview{align-self:center!important;max-width:520px!important;justify-self:end!important;width:100%!important;padding:18px!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(26,22,69,.68),rgba(4,20,36,.77))!important;border-color:rgba(166,99,255,.31)!important;box-shadow:0 30px 82px -48px #000,0 20px 58px -48px rgba(142,58,255,.8),inset 0 1px rgba(255,255,255,.06)!important}
#page-home .vx320-overview::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,rgba(172,90,255,.19),transparent 32%,transparent 70%,rgba(36,206,231,.1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}
#page-home .vx320-overview-head{padding:2px 2px 14px!important;border-bottom:1px solid rgba(150,127,205,.16)!important}.vx320-overview-mark{width:58px!important;height:58px!important;border-radius:16px!important;background:rgba(139,76,241,.12)!important}.vx320-overview-brand b{font-size:13px!important}.vx320-overview-brand small{font-size:9px!important;color:#8493b3!important}.vx320-live{font-size:8px!important;color:#57ecc1!important}
#page-home .vx320-overview-list{gap:5px!important;margin-top:10px!important}.vx320-overview-list button{min-height:66px!important;padding:10px!important;border:1px solid transparent!important;border-radius:13px!important;background:rgba(2,8,24,.12)!important}.vx320-overview-list button:hover{background:rgba(132,68,244,.09)!important;border-color:rgba(154,111,239,.17)!important;transform:translateX(2px)!important}.vx320-overview-icon{width:38px!important;height:38px!important;border-radius:11px!important;background:rgba(133,70,236,.13)!important;color:#c4a5ff!important}.vx320-overview-list b{font-size:11px!important}.vx320-overview-list small{font-size:8.3px!important;color:#7f8ead!important}

#page-home .vx320-stats{margin-top:-34px!important;position:relative!important;z-index:6!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;border:1px solid rgba(159,112,255,.2)!important;border-radius:17px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(8,12,31,.93),rgba(5,9,24,.94))!important;box-shadow:0 28px 70px -50px #000!important;backdrop-filter:blur(18px)!important}.vx320-stats article{min-height:84px!important;padding:16px 20px!important;border-right:1px solid rgba(139,132,188,.1)!important}.vx320-stats article:last-child{border-right:0!important}.vx320-stats strong{font-size:23px!important;color:#fff!important}.vx320-stats span{margin-top:5px!important;font-size:7.5px!important;letter-spacing:.1em!important;color:#7484a6!important}

#page-home .vx320-section{margin-top:34px!important}
#page-home .vx320-section-head{min-height:0!important;padding:20px 22px!important;border-radius:18px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:28px!important;background:linear-gradient(135deg,rgba(36,24,78,.65),rgba(5,16,33,.72))!important}
#page-home .vx320-section-head>div{max-width:760px!important}.vx320-section-head .vx320-kicker{font-size:8px!important;letter-spacing:.16em!important;color:#bd8cff!important}.vx320-section-head h2{font-size:clamp(25px,2.25vw,38px)!important;line-height:1.07!important;letter-spacing:-.04em!important;margin-top:5px!important;max-width:760px!important}.vx320-section-head>p{max-width:540px!important;color:#8998b6!important;font-size:10px!important;line-height:1.65!important;margin:0!important}
#page-home .vx320-benefit-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:12px!important}
#page-home .vx320-benefit-grid>button{position:relative!important;min-height:158px!important;padding:18px!important;border:1px solid rgba(155,122,225,.16)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(12,18,42,.9),rgba(5,10,25,.88))!important;text-align:left!important;overflow:hidden!important;box-shadow:0 22px 50px -45px #000!important}.vx320-benefit-grid>button::after{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(148,78,255,.12),transparent 70%);pointer-events:none}.vx320-benefit-grid>button>span:first-child{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(139,69,244,.17),rgba(63,94,191,.08))!important;color:#c4a4ff!important}.vx320-benefit-grid b{display:block!important;margin-top:16px!important;font-size:13px!important;color:#f6f7ff!important}.vx320-benefit-grid p{margin:6px 0 10px!important;font-size:9.4px!important;line-height:1.55!important;color:#8291b0!important}.vx320-benefit-grid small{font-size:8px!important;color:#b783ff!important;font-weight:800!important}

#page-home .vx320-games-section .vx320-section-head{margin-bottom:12px!important}
#page-home .vx320-game-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px!important}
#page-home .vx320-game-card{position:relative!important;min-height:190px!important;padding:0!important;border:1px solid rgba(152,125,215,.16)!important;border-radius:16px!important;overflow:hidden!important;background:linear-gradient(155deg,rgba(15,20,46,.95),rgba(6,10,25,.96))!important;box-shadow:0 22px 54px -44px #000!important}.vx320-game-card::before{content:"";position:absolute;inset:0 0 auto;height:96px;background:linear-gradient(180deg,rgba(120,62,222,.12),transparent);pointer-events:none}.vx320-game-card>*{position:relative;z-index:1}.vx320-game-card:hover{transform:translateY(-4px)!important;border-color:rgba(166,102,255,.38)!important;box-shadow:0 28px 60px -42px #000,0 15px 38px -30px rgba(142,62,255,.62)!important}
/* normalize game card children from all legacy renderers */
#page-home .vx320-game-card img{width:100%!important;max-height:104px!important;object-fit:cover!important;object-position:center!important}.vx320-game-card .vx320-game-icon,.vx320-game-card>span:first-child{margin:15px 15px 8px!important}.vx320-game-card b,.vx320-game-card strong{font-size:12px!important}.vx320-game-card small{font-size:8px!important;color:#7e8dab!important}

#page-home .vx330-rank-preview{border:1px solid rgba(155,119,226,.16)!important;border-radius:18px!important;padding:18px!important;background:linear-gradient(155deg,rgba(11,16,38,.87),rgba(5,9,24,.86))!important;box-shadow:var(--vx470-shadow)!important}.vx330-rank-head h2{font-size:25px!important}.vx330-rank-list{margin-top:14px!important}

#page-home .vx400-home-connect{margin-top:28px!important;display:grid!important;grid-template-columns:1.35fr .65fr!important;gap:12px!important}.vx400-connect-card{border-radius:18px!important;border:1px solid rgba(156,119,226,.17)!important;background:linear-gradient(145deg,rgba(13,18,43,.9),rgba(6,11,27,.9))!important;box-shadow:var(--vx470-shadow)!important}.vx400-card-kicker{color:#b985ff!important}

#page-home .vx320-feed-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.vx320-feed-card{min-height:330px!important;border-radius:18px!important;padding:16px!important}.vx320-feed-head{padding:0 0 12px!important;border-bottom:1px solid rgba(145,132,190,.11)!important}.vx320-feed-head span{font-size:7.5px!important;color:#b687ff!important;letter-spacing:.15em!important}.vx320-feed-head h3{font-size:16px!important;margin-top:4px!important}.vx320-feed-head button{font-size:8px!important;color:#bd8fff!important}.vx320-feed-body{padding-top:11px!important}
#page-home .vx320-feed-card:nth-child(1),#page-home .vx320-feed-card:nth-child(2){min-height:390px!important}.vx320-feed-card:nth-child(3),.vx320-feed-card:nth-child(4){min-height:290px!important}

#page-home .vx470-feature-strip{width:min(var(--vx470-wrap),calc(100% - var(--vx470-gutter)*2));margin:26px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;border:1px solid rgba(157,111,232,.15);border-radius:18px;background:rgba(6,10,27,.72);box-shadow:var(--vx470-shadow);backdrop-filter:blur(15px)}
#page-home .vx470-feature-strip article{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:12px;border-radius:13px;background:linear-gradient(145deg,rgba(19,23,53,.66),rgba(7,12,30,.5))}.vx470-feature-strip article>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#c09cff;background:rgba(142,69,240,.12);box-shadow:0 0 24px -16px rgba(156,70,255,.9)}.vx470-feature-strip b{display:block;font-size:11px}.vx470-feature-strip small{display:block;margin-top:4px;font-size:8px;line-height:1.35;color:#7e8eae}
#page-home .vx320-cta{margin-top:12px!important;border:1px solid rgba(158,110,242,.2)!important;border-radius:18px!important;background:linear-gradient(100deg,rgba(58,24,104,.74),rgba(10,15,39,.88) 55%,rgba(4,23,36,.75))!important;box-shadow:var(--vx470-shadow)!important;overflow:hidden!important}.vx320-cta::after{content:"V";position:absolute;right:4%;top:50%;transform:translateY(-50%);font-size:120px;font-weight:950;color:rgba(181,109,255,.035);pointer-events:none}

.vx470-quick-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:88;display:grid;gap:7px;padding:7px;border:1px solid rgba(158,112,236,.22);border-radius:16px;background:rgba(7,11,28,.82);box-shadow:0 24px 62px -38px #000;backdrop-filter:blur(18px)}
.vx470-quick-rail button{width:40px;height:40px;display:grid;place-items:center;border:1px solid transparent;border-radius:11px;background:transparent;color:#7f90b2;cursor:pointer;transition:.18s ease}.vx470-quick-rail button:hover,.vx470-quick-rail button:nth-child(2){color:#fff;background:linear-gradient(135deg,rgba(139,62,255,.76),rgba(112,65,231,.58));border-color:rgba(180,112,255,.34);box-shadow:0 10px 24px -15px rgba(156,70,255,.9);transform:translateX(-2px)}

/* --------------------------------------------------------------------------
   Forum / market / servers / rankings / support / admin: same design grammar
   -------------------------------------------------------------------------- */
:is(#page-forum,#page-market,#page-servers,#page-server-rankings,#page-rankings,#page-support,#page-admin,#page-discord,#page-streamers,#page-giveaways)>.wrap.section{padding-top:36px!important;padding-bottom:54px!important}
#page-forum .v2-hero,#page-market .v2-hero{position:relative!important;min-height:300px!important;border-radius:24px!important;padding:clamp(28px,3vw,48px)!important;overflow:hidden!important;background:linear-gradient(105deg,rgba(34,24,78,.86),rgba(7,15,35,.9) 60%,rgba(4,30,39,.74))!important}
#page-forum .v2-hero::before,#page-market .v2-hero::before{content:"";position:absolute!important;right:-40px!important;top:-80px!important;width:500px!important;height:500px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(145,67,255,.17),rgba(28,205,232,.055) 43%,transparent 70%)!important;pointer-events:none!important}
#page-forum .v2-hero-copy,#page-market .v2-hero-copy{position:relative;z-index:2;max-width:900px!important}.v2-hero-copy .eyebrow{font-size:8px!important;letter-spacing:.17em!important;color:#b985ff!important}.v2-hero-copy h2{font-size:clamp(40px,4.2vw,68px)!important;line-height:1!important;letter-spacing:-.05em!important;max-width:900px!important}.v2-hero-copy p{max-width:780px!important;font-size:12px!important;line-height:1.7!important;color:#98a6c3!important}
.v2-metrics{gap:10px!important;margin-top:12px!important}.v2-metric{border:1px solid rgba(151,121,217,.15)!important;border-radius:14px!important;background:rgba(8,13,31,.75)!important;min-height:88px!important;padding:16px!important}.v2-metric strong{font-size:23px!important}.v2-metric span{font-size:8px!important;color:#7c8bad!important}
#page-market .vx63-market-catalog{margin-top:18px!important;border-radius:20px!important;padding:18px!important}.vx63-market-category-hub{gap:10px!important}.vx64-market-category,.vx63-market-category{min-height:126px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(14,20,44,.86),rgba(6,11,27,.86))!important;padding:14px!important}
#page-market .market-grid{gap:12px!important}.vx450-market-card{border-radius:17px!important;overflow:hidden!important;background:linear-gradient(155deg,rgba(12,17,40,.94),rgba(5,10,25,.96))!important}.vx450-market-media{min-height:190px!important}.vx450-market-banner{width:100%!important;height:100%!important;object-fit:cover!important}.vx450-market-logo{width:76px!important;height:76px!important;border-radius:17px!important;background:rgba(8,12,29,.82)!important;border:1px solid rgba(164,115,242,.26)!important;padding:8px!important}.vx450-market-logo img{width:100%!important;height:100%!important;object-fit:contain!important}.vx450-market-logo.cover-mode{width:100%!important;height:100%!important;inset:0!important;border:0!important;border-radius:0!important;padding:0!important}.vx450-market-logo.cover-mode img{object-fit:cover!important}
#page-servers .vx400-page-hero{border-radius:24px!important;min-height:310px!important;padding:30px!important;background:linear-gradient(105deg,rgba(35,24,78,.82),rgba(7,14,34,.88) 57%,rgba(4,28,38,.74))!important}.vx400-page-hero h1{font-size:clamp(36px,3.7vw,62px)!important;line-height:1.02!important;letter-spacing:-.05em!important;max-width:800px!important}.vx400-page-hero p{color:#91a0bf!important;max-width:760px!important}.vx410-server-live-panel{border-radius:17px!important;background:rgba(8,15,34,.62)!important;border:1px solid rgba(145,127,203,.15)!important;padding:18px!important}
#page-servers .server-list{gap:12px!important}.srv{border-radius:18px!important;overflow:hidden!important;background:linear-gradient(155deg,rgba(13,18,42,.93),rgba(5,10,24,.95))!important}
:is(#page-server-rankings,#page-rankings) .vx65-rank-hero{border-radius:24px!important;padding:30px!important;background:linear-gradient(105deg,rgba(35,24,78,.83),rgba(7,14,35,.89) 62%,rgba(4,28,38,.72))!important}.vx65-rank-hero h1{font-size:clamp(34px,3.5vw,58px)!important;line-height:1.03!important;letter-spacing:-.045em!important}.vx65-rank-board,.vx65-user-rank{border-radius:20px!important;overflow:hidden!important}
#page-support .vx65-support-grid{gap:12px!important}.vx65-ticket-create,.vx65-ticket-list-card,.vx65-ticket-detail-card{border-radius:18px!important}.field input,.field textarea,.field select,.v2-toolbar input,.v2-toolbar select{background:rgba(4,9,25,.72)!important;border-color:rgba(147,125,204,.19)!important;border-radius:11px!important;color:#eef1fb!important}
#page-admin .vx-admin-shell{border-radius:20px!important;overflow:hidden!important}.vx-admin-nav{background:linear-gradient(180deg,rgba(13,17,42,.86),rgba(6,11,28,.87))!important;border-right-color:rgba(149,123,205,.14)!important}.vx-admin-main{background:rgba(4,8,21,.44)!important}

/* --------------------------------------------------------------------------
   Messages — one unified workspace, concept-matched density
   -------------------------------------------------------------------------- */
#page-messages{padding:0!important;min-height:calc(100dvh - 72px)!important}
#page-messages .vx11-dm-page{padding:34px var(--vx470-gutter) 46px!important;max-width:1540px!important;margin:0 auto!important}
#page-messages #vx11DmShell.vx470-messages{
  position:relative!important;display:grid!important;grid-template-columns:minmax(300px,340px) minmax(0,1fr)!important;
  grid-template-rows:minmax(670px,calc(100dvh - 145px))!important;max-height:900px!important;min-height:670px!important;
  border:1px solid rgba(166,105,255,.32)!important;border-radius:24px!important;overflow:hidden!important;
  background:linear-gradient(145deg,rgba(11,14,38,.97),rgba(4,9,24,.985))!important;
  box-shadow:0 40px 110px -58px #000,0 25px 70px -52px rgba(143,61,255,.7),inset 0 1px rgba(255,255,255,.04)!important;
}
#page-messages #vx11DmShell>.vx13-social-dock{display:none!important}
#page-messages .vx11-dm-list{position:relative!important;border-right:1px solid rgba(147,125,205,.13)!important;background:linear-gradient(180deg,rgba(20,20,53,.9),rgba(8,13,32,.94))!important;overflow:hidden!important}
#page-messages .vx11-dm-list::after{content:"";position:absolute;left:0;right:0;top:0;height:150px;background:radial-gradient(280px 140px at 12% 0,rgba(157,69,255,.15),transparent 72%);pointer-events:none}
#page-messages .vx11-dm-list>header{position:relative!important;z-index:3!important;min-height:94px!important;padding:16px 14px 12px!important;border-bottom:0!important}.vx12-dm-brand small{font-size:7px!important;letter-spacing:.16em!important;color:#aa85ff!important}.vx12-dm-brand h2{font-size:20px!important;letter-spacing:-.03em!important}.vx460-dm-subtitle{font-size:7.5px!important;color:#6e7f9f!important;max-width:180px!important}
#page-messages .vx450-dm-head-actions{gap:6px!important}.vx450-dm-head-actions button{height:38px!important;border-radius:11px!important;background:rgba(6,11,29,.56)!important;border-color:rgba(146,124,200,.18)!important}.vx470-social-toggle{min-width:94px!important;padding-inline:10px!important;background:linear-gradient(135deg,rgba(139,60,255,.24),rgba(68,84,200,.1))!important;border-color:rgba(171,102,255,.36)!important;color:#f4ecff!important}.vx470-social-toggle span{font-size:8px!important;font-weight:850!important;letter-spacing:.02em!important}
#page-messages .vx11-dm-search{position:relative!important;z-index:3!important;margin:0 12px 10px!important}.vx11-dm-search input{height:44px!important;min-height:44px!important;border-radius:12px!important;padding:0 14px!important;background:rgba(3,8,23,.66)!important;border:1px solid rgba(145,121,203,.17)!important;color:#f3f5ff!important;font-size:9.5px!important}.vx11-dm-search input:focus{border-color:rgba(162,90,255,.48)!important;box-shadow:0 0 0 3px rgba(146,70,255,.08)!important}
#page-messages .vx11-conversations{position:relative!important;z-index:2!important;display:grid!important;align-content:start!important;gap:5px!important;padding:0 8px 14px!important;overflow:auto!important}.vx11-conv{min-height:70px!important;padding:9px 10px!important;border-radius:14px!important;border:1px solid transparent!important;background:transparent!important}.vx11-conv:hover{background:rgba(135,68,241,.06)!important;border-color:rgba(153,111,231,.13)!important}.vx11-conv.active{background:linear-gradient(135deg,rgba(139,60,255,.17),rgba(54,105,174,.11))!important;border-color:rgba(82,211,238,.35)!important;box-shadow:inset 3px 0 #45d5ef,0 14px 32px -27px rgba(71,211,238,.6)!important}.vx11-conv-main b{font-size:11px!important}.vx11-conv-main small{font-size:8px!important;color:#7f8dac!important;line-height:1.4!important}.vx11-conv-meta{font-size:7px!important;color:#7584a4!important}
#page-messages .vx11-dm-chat{position:relative!important;background:linear-gradient(180deg,rgba(3,8,23,.18),rgba(4,8,22,.32))!important;min-width:0!important}.vx11-dm-chat::before{content:"V"!important;position:absolute!important;left:50%!important;top:53%!important;transform:translate(-50%,-50%)!important;font-size:min(31vw,420px)!important;font-weight:950!important;color:rgba(164,89,255,.022)!important;pointer-events:none!important;z-index:0!important}.vx11-dm-chat::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(620px 360px at 75% 0,rgba(41,202,230,.035),transparent 72%),radial-gradient(520px 360px at 8% 100%,rgba(143,59,255,.05),transparent 75%)}
#page-messages .vx11-chat-head{position:relative!important;z-index:4!important;min-height:74px!important;padding:11px 16px!important;border-bottom:1px solid rgba(143,127,190,.12)!important;background:rgba(8,12,31,.8)!important;backdrop-filter:blur(17px)!important}.vx11-chat-head b{font-size:11px!important}.vx11-chat-head small{font-size:8px!important}.vx10-peer-actions,.vx11-chat-actions{gap:5px!important}.vx10-peer-actions button,.vx11-chat-actions button{height:34px!important;padding:0 9px!important;border-radius:10px!important;font-size:7.5px!important;background:rgba(7,11,28,.68)!important;border-color:rgba(142,123,197,.17)!important}
#page-messages .vx11-chat-thread{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;gap:9px!important;padding:22px 20px!important;overflow:auto!important}.vx11-msg{max-width:min(74%,680px)!important;padding:10px 12px!important;border:1px solid rgba(146,127,200,.11)!important;border-radius:15px 15px 15px 5px!important;background:linear-gradient(145deg,rgba(21,29,62,.96),rgba(13,21,47,.96))!important;box-shadow:0 11px 28px -24px #000!important;color:#eef1fb!important;font-size:11.5px!important;line-height:1.55!important}.vx11-msg.me{align-self:flex-end!important;border-radius:15px 15px 5px 15px!important;background:linear-gradient(135deg,rgba(132,53,234,.82),rgba(87,61,215,.7))!important;border-color:rgba(183,110,255,.28)!important;box-shadow:0 13px 30px -20px rgba(135,56,241,.65)!important}.vx11-msg small{display:block!important;margin-top:4px!important;font-size:7px!important;color:#8490aa!important}.vx11-msg.me small{color:#d0c4ee!important;opacity:.72}.vx11-msg-attachments img{max-width:min(560px,100%)!important;max-height:420px!important;object-fit:contain!important;border-radius:12px!important;border:1px solid rgba(170,130,239,.14)!important}
#page-messages .vx11-compose{position:relative!important;z-index:4!important;min-height:72px!important;padding:9px 12px!important;border-top:1px solid rgba(143,125,194,.12)!important;background:rgba(6,11,28,.88)!important;backdrop-filter:blur(18px)!important}.vx11-compose textarea{min-height:46px!important;max-height:130px!important;border-radius:12px!important;padding:13px!important;background:rgba(3,8,23,.72)!important;border:1px solid rgba(145,121,201,.17)!important;color:#f0f2fb!important;font-size:10px!important}.vx11-compose .send{height:46px!important;min-width:94px!important;border-radius:12px!important;background:linear-gradient(135deg,#8b3cff,#a84cff 50%,#625bff)!important}.vx11-compose button:not(.send){width:42px!important;height:42px!important;border-radius:11px!important;background:rgba(7,11,28,.76)!important;border-color:rgba(143,123,195,.17)!important}
#page-messages .vx460-empty-chat-card{max-width:450px!important;padding:30px!important;border-radius:21px!important;background:linear-gradient(145deg,rgba(17,22,50,.72),rgba(7,13,31,.7))!important;border:1px solid rgba(158,111,239,.17)!important}.vx460-empty-chat-card img{width:68px!important;height:68px!important}.vx460-empty-chat-card b{font-size:17px!important}.vx460-empty-chat-card span{font-size:9.5px!important}

/* Social Center is an obvious slide-over, with a real close button and context. */
#page-messages .vx460-social-scrim{position:absolute!important;inset:0!important;z-index:50!important;background:rgba(1,4,14,.62)!important;backdrop-filter:blur(5px)!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important;border:0!important}
#page-messages #vx11DmShell.vx450-social-open>.vx460-social-scrim{opacity:1!important;pointer-events:auto!important}
#page-messages #vx11DmShell>.vx44-social-dock.vx470-social-drawer{position:absolute!important;z-index:55!important;left:10px!important;top:10px!important;bottom:10px!important;width:min(410px,calc(100% - 20px))!important;padding:11px!important;overflow:auto!important;border:1px solid rgba(179,105,255,.43)!important;border-radius:21px!important;background:linear-gradient(160deg,rgba(22,19,57,.995),rgba(6,12,30,.995) 75%)!important;box-shadow:0 44px 100px -34px #000,0 0 0 1px rgba(255,255,255,.025)!important;transform:translateX(calc(-100% - 30px))!important;transition:transform .22s cubic-bezier(.2,.85,.2,1)!important}
#page-messages #vx11DmShell.vx450-social-open>.vx44-social-dock.vx470-social-drawer{transform:none!important}
#page-messages .vx460-social-head{position:sticky!important;top:-11px!important;z-index:10!important;margin:-11px -11px 10px!important;padding:12px!important;min-height:64px!important;background:linear-gradient(180deg,rgba(23,20,58,.995),rgba(14,17,43,.985))!important;border-bottom:1px solid rgba(157,125,224,.14)!important}.vx460-social-brand{width:40px!important;height:40px!important;border-radius:12px!important}.vx460-social-copy small{font-size:6.5px!important}.vx460-social-copy b{font-size:13px!important}.vx460-social-copy span{font-size:7px!important}.vx460-social-close,.vx470-social-close{width:40px!important;height:40px!important;border-radius:12px!important;border:1px solid rgba(175,118,245,.25)!important;background:rgba(255,255,255,.025)!important;color:#d8def0!important;font-size:19px!important;cursor:pointer!important}.vx460-social-close:hover{background:rgba(152,67,255,.12)!important;border-color:rgba(184,103,255,.5)!important;color:#fff!important;transform:rotate(4deg)!important}
#page-messages .vx470-social-identity{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px;padding:13px;margin:0 0 10px;border:1px solid rgba(163,112,239,.18);border-radius:16px;background:linear-gradient(135deg,rgba(146,63,255,.13),rgba(48,102,188,.06))}.vx470-social-orb{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 50% 36%,rgba(171,82,255,.18),rgba(8,13,31,.78));border:1px solid rgba(178,105,255,.33);box-shadow:0 0 34px -18px rgba(169,68,255,.9)}.vx470-social-orb img{width:43px;height:43px}.vx470-social-identity span{display:block;font-size:6.7px;font-weight:900;letter-spacing:.15em;color:#b98cff}.vx470-social-identity b{display:block;margin-top:4px;font-size:12px;color:#fff}.vx470-social-identity small{display:block;margin-top:5px;font-size:8px;line-height:1.45;color:#7d8dae}
#page-messages .vx44-self-card{border-radius:15px!important;padding:11px!important;background:rgba(8,13,32,.72)!important;border-color:rgba(157,118,225,.16)!important}.vx44-social-counts{gap:6px!important}.vx44-social-counts button{min-height:60px!important;border-radius:12px!important;background:rgba(255,255,255,.02)!important;border-color:rgba(145,123,197,.11)!important}.vx44-social-counts b{font-size:16px!important;color:#d7bfff!important}.vx44-social-counts small{font-size:6.8px!important;color:#7685a4!important}.vx44-social-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.vx44-social-tabs button{min-height:38px!important;border-radius:11px!important;font-size:8px!important;background:rgba(7,12,29,.68)!important;border-color:rgba(145,123,198,.12)!important}.vx44-social-tabs button.active{background:linear-gradient(135deg,rgba(144,62,255,.22),rgba(52,101,190,.1))!important;border-color:rgba(173,103,255,.38)!important;color:#fff!important}.vx44-social-list{gap:6px!important}.vx44-person{min-height:58px!important;padding:8px!important;border-radius:12px!important;background:rgba(255,255,255,.018)!important;border-color:rgba(145,127,196,.09)!important}.vx44-person:hover{background:rgba(140,68,245,.06)!important;border-color:rgba(162,109,239,.2)!important}

button[aria-busy="true"],[data-vx-social-busy="1"]{cursor:wait!important;opacity:.68!important;pointer-events:none!important}

/* --------------------------------------------------------------------------
   Home command center — mirrors the approved concept's Messages / Friends /
   Social composition while using live account data when a session exists.
   -------------------------------------------------------------------------- */
#page-home .vx470-command-center{margin-top:18px!important;position:relative;z-index:7}
#page-home .vx470-command-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;padding:18px 20px;margin-bottom:10px;border:1px solid rgba(155,111,255,.16);border-radius:17px;background:linear-gradient(135deg,rgba(26,19,63,.7),rgba(4,15,31,.75));box-shadow:var(--vx470-shadow);backdrop-filter:blur(16px)}
#page-home .vx470-command-head>div{max-width:820px}.vx470-command-head>div>span{display:block;font-size:7px;font-weight:950;letter-spacing:.18em;color:#b98cff}.vx470-command-head h2{margin:5px 0 0;font-size:clamp(22px,2.1vw,34px);line-height:1.06;letter-spacing:-.04em;color:#fff}.vx470-command-head p{margin:7px 0 0;max-width:760px;font-size:9px;line-height:1.65;color:#8391b0}.vx470-command-head>button{height:42px;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:11px;border:1px solid rgba(171,104,255,.3);background:linear-gradient(135deg,rgba(142,58,255,.2),rgba(63,83,198,.08));color:#f6efff;font-size:9px;font-weight:850;cursor:pointer}.vx470-command-head>button:hover{transform:translateY(-1px);border-color:rgba(182,111,255,.52);box-shadow:0 12px 28px -20px rgba(154,72,255,.85)}
#page-home .vx470-command-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.72fr) minmax(270px,.78fr);gap:10px;align-items:stretch}
#page-home .vx470-command-card{position:relative;overflow:hidden;min-width:0;min-height:360px;border:1px solid rgba(157,117,236,.18);border-radius:18px;background:linear-gradient(155deg,rgba(10,15,37,.91),rgba(4,9,24,.93));box-shadow:var(--vx470-shadow);backdrop-filter:blur(18px)}
#page-home .vx470-command-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(360px 200px at 5% 0,rgba(149,64,255,.11),transparent 75%),radial-gradient(300px 220px at 100% 100%,rgba(29,210,231,.055),transparent 76%)}
#page-home .vx470-command-card>header{position:relative;z-index:2;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid rgba(145,126,197,.12);background:linear-gradient(180deg,rgba(12,16,40,.66),rgba(6,11,28,.32))}.vx470-command-card>header>div{display:flex;align-items:center;gap:9px;min-width:0}.vx470-command-card>header>div>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;color:#cfb7ff;background:linear-gradient(135deg,rgba(141,61,255,.2),rgba(39,99,204,.08));border:1px solid rgba(167,104,255,.2)}.vx470-command-card>header b{display:block;font-size:11px;color:#fff}.vx470-command-card>header small{display:block;margin-top:2px;font-size:7.5px;color:#7685a5}.vx470-command-card>header>button{border:0;background:transparent;color:#b88aff;font-size:8px;font-weight:800;cursor:pointer}.vx470-command-card>header>button:hover{color:#fff}
#page-home .vx470-command-body{position:relative;z-index:2;padding:8px;display:flex;flex-direction:column;gap:5px;min-height:240px}
#page-home .vx470-command-messages{min-height:414px}.vx470-command-messages .vx470-command-body{min-height:288px;max-height:318px;overflow:auto;scrollbar-width:thin}.vx470-command-messages>footer{position:relative;z-index:2;padding:8px 10px 10px;border-top:1px solid rgba(145,126,197,.1)}.vx470-command-messages>footer button{width:100%;height:37px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed rgba(171,111,255,.22);border-radius:10px;background:rgba(135,66,242,.045);color:#aeb8d2;font-size:8px;font-weight:760;cursor:pointer}.vx470-command-messages>footer button:hover{background:rgba(139,70,244,.09);color:#fff;border-style:solid}
#page-home .vx470-conversation-row,#page-home .vx470-friend-row{width:100%;min-width:0;display:grid;align-items:center;gap:9px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;cursor:pointer;text-align:left}.vx470-conversation-row{grid-template-columns:auto minmax(0,1fr) auto;padding:8px}.vx470-friend-row{grid-template-columns:auto minmax(0,1fr) auto;padding:7px}.vx470-conversation-row:hover,.vx470-friend-row:hover{background:rgba(139,70,244,.07);border-color:rgba(157,109,236,.14)}.vx470-conversation-row>span:not(.vx470-avatar),.vx470-friend-row>span:not(.vx470-avatar){min-width:0}.vx470-conversation-row b,.vx470-friend-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#e9edf8}.vx470-conversation-row small,.vx470-friend-row small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7.4px;color:#71809f}.vx470-conversation-row em{font-style:normal;font-size:6.8px;color:#657492;white-space:nowrap}.vx470-conversation-row em i{min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:9px;background:#8f44ff;color:#fff;font-size:7px;font-style:normal;box-shadow:0 0 16px -6px #a24eff}.vx470-friend-row>i{font-style:normal;color:#45e1aa;font-size:9px}
#page-home .vx470-avatar{--s:38px;position:relative;width:var(--s);height:var(--s);flex:0 0 var(--s);display:grid;place-items:center;border-radius:50%;padding:2px;background:linear-gradient(145deg,#ac5cff,#4e5cff 55%,#2ad2db);box-shadow:0 0 20px -12px rgba(166,78,255,.9)}.vx470-avatar::before{content:"";position:absolute;inset:2px;border-radius:inherit;background:#090e23}.vx470-avatar img,.vx470-avatar b{position:relative;z-index:2;width:100%;height:100%;border-radius:inherit;object-fit:cover}.vx470-avatar b{display:grid;place-items:center;font-size:8px;color:#fff}.vx470-avatar i{position:absolute;z-index:4;right:1px;bottom:1px;width:8px;height:8px;border-radius:50%;background:#38e4a3;border:2px solid #081022;box-shadow:0 0 8px rgba(56,228,163,.7)}
#page-home .vx470-command-friends>footer{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px;border-top:1px solid rgba(145,126,197,.1)}.vx470-command-friends>footer span{display:block;padding:7px 4px;text-align:center;border-radius:9px;background:rgba(255,255,255,.018);border:1px solid rgba(145,126,197,.08);font-size:6.6px;color:#6d7a98}.vx470-command-friends>footer b{display:block;margin-bottom:2px;font-size:11px;color:#d8c3ff}
#page-home .vx470-command-links{padding-bottom:170px}.vx470-link-stack{position:relative;z-index:2;padding:8px;display:grid;gap:5px}.vx470-link-stack>button{width:100%;min-height:52px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;border:1px solid rgba(145,126,197,.1);border-radius:11px;background:rgba(255,255,255,.018);color:inherit;text-align:left;cursor:pointer}.vx470-link-stack>button:hover{background:rgba(133,69,239,.07);border-color:rgba(161,110,239,.19);transform:translateX(1px)}.vx470-link-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(114,70,214,.13);color:#c3a4ff}.vx470-link-logo.discord{background:rgba(88,101,242,.16);color:#8994ff}.vx470-link-logo.youtube{background:rgba(255,59,70,.12);color:#ff6871}.vx470-link-logo.forum{background:rgba(67,210,232,.1);color:#5fdbed}.vx470-link-logo.support{background:rgba(53,227,161,.1);color:#53e2b1}.vx470-link-stack b{display:block;font-size:8.5px;color:#e9edf8}.vx470-link-stack small{display:block;margin-top:2px;font-size:6.7px;color:#6f7d9b}.vx470-link-stack i{font-style:normal;color:#7584a3}
#page-home .vx470-phone{position:absolute;z-index:3;right:12px;bottom:-44px;width:126px;height:214px;border:4px solid #0c1024;border-radius:26px;background:linear-gradient(180deg,rgba(20,13,51,.98),rgba(4,10,25,.99)),url('/assets/vexmira-universe-v470.svg') center/cover no-repeat;box-shadow:0 25px 55px -24px #000,0 0 30px -16px rgba(162,63,255,.8);overflow:hidden;padding:28px 9px 26px;color:#fff}.vx470-phone::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,6,35,.15),rgba(3,6,18,.72));pointer-events:none}.vx470-phone>*{position:relative;z-index:2}.vx470-phone-top{position:absolute;z-index:4;top:5px;left:50%;transform:translateX(-50%);width:42px;height:10px;border-radius:9px;background:#02040d}.vx470-phone img{width:32px;height:32px;display:block;margin-bottom:5px;filter:drop-shadow(0 0 12px rgba(172,83,255,.55))}.vx470-phone>b{display:block;font-size:6px;letter-spacing:.14em}.vx470-phone strong{display:block;margin-top:18px;font-size:15px;line-height:.94;letter-spacing:-.05em}.vx470-phone small{display:block;margin-top:7px;width:92px;font-size:5.5px;line-height:1.5;color:#a4adca}.vx470-phone nav{position:absolute;left:0;right:0;bottom:0;height:26px;display:flex;align-items:center;justify-content:space-around;background:rgba(5,8,22,.9);border-top:1px solid rgba(158,110,242,.13);color:#8f9ab9}.vx470-phone nav span:first-child{color:#bd78ff}
#page-home .vx470-command-empty{height:100%;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:#71809f}.vx470-command-empty.compact{min-height:185px}.vx470-command-empty>span{width:42px;height:42px;display:grid;place-items:center;margin-bottom:9px;border-radius:13px;background:rgba(139,70,244,.09);color:#b98cff}.vx470-command-empty b{font-size:9px;color:#dce2f1}.vx470-command-empty small{max-width:250px;margin-top:5px;font-size:7px;line-height:1.5}.vx470-command-empty button{margin-top:10px;height:32px;padding:0 10px;border:1px solid rgba(171,104,255,.25);border-radius:9px;background:rgba(139,70,244,.08);color:#cdb8ff;font-size:7.5px;font-weight:800;cursor:pointer}
#page-home .vx470-skeleton-list{display:grid;gap:7px;padding:4px}.vx470-skeleton-list span{height:50px;border-radius:11px;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(170,112,255,.075),rgba(255,255,255,.025));background-size:220% 100%;animation:vx470Shimmer 1.8s linear infinite}.vx470-skeleton-list span:nth-child(2){opacity:.82}.vx470-skeleton-list span:nth-child(3){opacity:.66}.vx470-skeleton-list span:nth-child(4){opacity:.52}@keyframes vx470Shimmer{to{background-position:-220% 0}}

/* --------------------------------------------------------------------------
   Responsive home and page grids
   -------------------------------------------------------------------------- */
@media(max-width:1380px){
  .vx470-quick-rail{display:none!important}
  #page-home .vx470-command-grid{grid-template-columns:minmax(0,1.35fr) minmax(250px,.72fr)!important}.vx470-command-links{grid-column:1/-1!important;min-height:245px!important;padding-bottom:0!important}.vx470-link-stack{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding-right:150px!important}.vx470-phone{bottom:-42px!important}
  #page-home .vx320-hero-grid{grid-template-columns:minmax(0,1fr) minmax(350px,.68fr)!important;gap:26px!important}.vx320-hero-copy h1{font-size:clamp(46px,5.1vw,70px)!important}
  #page-home .vx320-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.vx320-game-grid>*:nth-child(n+5){display:none!important}
}
@media(max-width:1100px){
  #page-home .vx470-command-grid{grid-template-columns:1fr 1fr!important}.vx470-command-messages{grid-column:1/-1!important}.vx470-command-links{grid-column:1/-1!important}.vx470-command-head{align-items:flex-start!important}.vx470-link-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-right:150px!important}
  #page-home .vx320-hero{min-height:0!important}.vx320-hero-grid{grid-template-columns:1fr!important;min-height:0!important;padding:44px 0 32px!important}.vx320-overview{justify-self:stretch!important;max-width:none!important}.vx320-hero-copy{max-width:820px!important}
  #page-home .vx320-stats{margin-top:12px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}.vx320-stats article{padding:14px 12px!important}
  #page-home .vx320-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #page-home .vx320-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.vx320-game-grid>*:nth-child(n+4){display:none!important}
  #page-home .vx400-home-connect{grid-template-columns:1fr!important}
  #page-home .vx470-feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  #page-home .vx320-section-head{display:block!important}.vx320-section-head>p{margin-top:10px!important;max-width:760px!important}
  #page-home .vx320-feed-grid{grid-template-columns:1fr!important}.vx320-feed-card{min-height:260px!important}.vx320-feed-card:nth-child(1),.vx320-feed-card:nth-child(2){min-height:310px!important}
  #page-messages .vx11-dm-page{padding:20px 14px 32px!important}#page-messages #vx11DmShell.vx470-messages{grid-template-columns:minmax(275px,310px) minmax(0,1fr)!important}
  #page-messages .vx470-social-toggle{min-width:40px!important;width:40px!important;padding:0!important}.vx470-social-toggle span{display:none!important}
}
@media(max-width:760px){
  #page-home .vx470-command-center{margin-top:12px!important}.vx470-command-head{display:block!important;padding:15px!important}.vx470-command-head>button{margin-top:12px!important;width:100%!important;justify-content:center!important}.vx470-command-grid{grid-template-columns:1fr!important}.vx470-command-messages,.vx470-command-friends,.vx470-command-links{grid-column:auto!important;min-height:0!important}.vx470-command-messages .vx470-command-body{max-height:280px!important}.vx470-command-links{padding-bottom:0!important}.vx470-link-stack{grid-template-columns:1fr!important;padding-right:8px!important}.vx470-phone{display:none!important}
  body::before{background-position:58% top!important;opacity:.85!important;animation-duration:36s!important}
  #mainContent{padding-top:0!important}
  #page-home .vx320-hero{padding-top:12px!important;background-position:58% top!important}.vx320-hero-grid{padding:32px 0 24px!important}.vx320-hero-copy h1{font-size:clamp(43px,13vw,62px)!important;max-width:620px!important}.vx320-lead{font-size:12px!important}.vx320-overview{padding:13px!important;border-radius:19px!important}
  #page-home .vx320-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:14px!important}.vx320-stats article{min-height:68px!important;border-bottom:1px solid rgba(140,129,190,.1)!important}.vx320-stats article:nth-child(5){grid-column:1/-1!important}.vx320-stats strong{font-size:19px!important}
  #page-home .vx320-benefit-grid{grid-template-columns:1fr!important}.vx320-benefit-grid>button{min-height:135px!important}
  #page-home .vx320-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vx320-game-grid>*:nth-child(n+3){display:none!important}
  #page-home .vx470-feature-strip{grid-template-columns:1fr!important;padding:7px!important}.vx470-feature-strip article{padding:10px!important}
  #page-home .vx320-section-head{padding:17px!important;border-radius:15px!important}.vx320-section-head h2{font-size:28px!important}
  :is(#page-forum,#page-market,#page-servers,#page-server-rankings,#page-rankings,#page-support,#page-admin)>.wrap.section{padding-top:20px!important}.v2-hero-copy h2{font-size:38px!important}.vx400-page-hero h1,.vx65-rank-hero h1{font-size:35px!important}
  #page-messages{min-height:calc(100dvh - 66px)!important}.vx11-dm-page{padding:8px!important}.vx11-dm-page #vx11DmShell.vx470-messages{display:block!important;height:calc(100dvh - 82px)!important;min-height:0!important;max-height:none!important;border-radius:17px!important}.vx11-dm-list{width:100%!important;height:100%!important}.vx11-dm-chat{width:100%!important;height:100%!important}.vx11-chat-thread{padding:14px 11px!important}.vx11-msg{max-width:90%!important;font-size:10.8px!important}.vx11-chat-head{padding-inline:10px!important}.vx11-compose{padding:8px!important}.vx11-compose .send{min-width:76px!important}.vx11-compose textarea{font-size:10px!important}
  #page-messages #vx11DmShell>.vx44-social-dock.vx470-social-drawer{left:6px!important;right:6px!important;top:6px!important;bottom:6px!important;width:auto!important;border-radius:17px!important;transform:translateY(16px) scale(.985)!important;opacity:0!important;pointer-events:none!important}.vx450-social-open>.vx44-social-dock.vx470-social-drawer{transform:none!important;opacity:1!important;pointer-events:auto!important}
}
@media(max-width:520px){
  #page-home .vx320-hero-actions{display:grid!important;grid-template-columns:1fr!important}.vx320-hero-actions .btn{width:100%!important}.vx320-trust{display:grid!important;grid-template-columns:1fr 1fr!important}
  #page-home .vx320-game-grid{grid-template-columns:1fr!important}.vx320-game-grid>*:nth-child(n+2){display:none!important}
  .v2-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v2-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important}.v2-actions .btn{width:100%!important}
}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none!important}.vx470-skeleton-list span{animation:none!important}.vx470-explore-menu,#page-messages #vx11DmShell>.vx44-social-dock.vx470-social-drawer{transition:none!important}}

/* Preserve alternate palettes without returning to a blank background. */
html:is([data-theme='light'],[data-palette='light']) body{background:#eef2fb!important;color:#172039!important}
html:is([data-theme='light'],[data-palette='light']) body::before{opacity:.1!important;filter:saturate(.6) brightness(1.6)!important}
html:is([data-theme='light'],[data-palette='light']) body::after{opacity:.08!important}
html:is([data-theme='light'],[data-palette='light']) #topbar.vx320-header.vx470-topbar{background:rgba(250,251,255,.94)!important;border-bottom-color:rgba(83,60,155,.16)!important}
html:is([data-theme='light'],[data-palette='light']) #topbar .vx320-brand-name{color:#171c2d!important}
html:is([data-theme='light'],[data-palette='light']) #topbar .vx320-nav>button{color:#58627a!important}
html:is([data-theme='light'],[data-palette='light']) #page-messages #vx11DmShell.vx470-messages{background:linear-gradient(145deg,#fff,#f5f7fc)!important;color:#172039!important}
html:is([data-theme='light'],[data-palette='light']) #page-messages .vx11-dm-list{background:linear-gradient(180deg,#f8f9fd,#eff3fa)!important}
html:is([data-theme='light'],[data-palette='light']) #page-messages .vx11-dm-chat{background:#fbfcff!important}
html:is([data-theme='light'],[data-palette='light']) #page-messages #vx11DmShell>.vx44-social-dock.vx470-social-drawer{background:linear-gradient(160deg,#fff,#f2f5fb)!important;color:#172039!important}