/* VEXMIRA v4.6.0 — SIGNAL UI
   Final additive visual/UX layer. Keeps production behavior intact while fixing
   scale-sensitive header geometry, social drawer usability, message density,
   forum language and whole-site atmospheric identity. */
:root{
  --vx460-wrap:1540px;
  --vx460-gutter:clamp(14px,2vw,30px);
  --vx460-panel:rgba(9,14,32,.86);
  --vx460-panel-2:rgba(13,19,43,.82);
  --vx460-line:rgba(166,125,255,.19);
  --vx460-line-strong:rgba(169,104,255,.42);
  --vx460-purple:#9d5cff;
  --vx460-cyan:#46d8ef;
  --vx460-text:#f7f8ff;
  --vx460-muted:#94a1bf;
  --vx460-radius:20px;
  --vx460-shadow:0 36px 92px -58px #000,0 22px 56px -48px rgba(140,74,255,.62),inset 0 1px rgba(255,255,255,.045);
}
html{background:#040613!important}
body,body.vx-production-mode{
  background:#050817!important;
  color:var(--vx460-text)!important;
  isolation:isolate;
}
body::before{
  content:""!important;position:fixed!important;inset:-5vh -5vw!important;z-index:-5!important;pointer-events:none!important;
  background-image:linear-gradient(180deg,rgba(4,6,18,.08),rgba(4,7,20,.52)),url('/assets/vexmira-signal-field-v460.svg')!important;
  background-size:cover,cover!important;background-position:center top,center top!important;background-repeat:no-repeat!important;
  opacity:.92!important;filter:saturate(1.08) contrast(1.03);
  animation:vx460SignalDrift 26s ease-in-out infinite alternate;
  -webkit-mask-image:none!important;mask-image:none!important;
}
body::after{
  content:"";position:fixed;inset:-20%;z-index:-4;pointer-events:none;opacity:.52;
  background:radial-gradient(520px 340px at 18% 16%,rgba(145,70,255,.13),transparent 72%),radial-gradient(560px 360px at 82% 42%,rgba(44,211,238,.08),transparent 72%),radial-gradient(620px 420px at 52% 88%,rgba(82,76,255,.07),transparent 74%);
  animation:vx460Aura 18s ease-in-out infinite alternate;
}
.page{background:transparent!important}
.page::before{
  opacity:.22!important;background-image:linear-gradient(180deg,rgba(4,8,20,.05),rgba(4,8,20,.44)),url('/assets/vexmira-signal-field-v460.svg')!important;
  background-size:cover,1400px auto!important;background-position:center top,center 24px!important;background-repeat:no-repeat,repeat-y!important;
  animation:vx460PageFloat 34s ease-in-out infinite alternate;
}
@keyframes vx460SignalDrift{from{transform:translate3d(-.8%,-.5%,0) scale(1.015)}to{transform:translate3d(.8%,.7%,0) scale(1.03)}}
@keyframes vx460Aura{from{transform:translate3d(-1.4%,0,0) scale(1)}to{transform:translate3d(1.4%,-1%,0) scale(1.035)}}
@keyframes vx460PageFloat{from{background-position:center top,center 24px}to{background-position:center top,center 72px}}

.wrap,.vx320-wrap{width:min(var(--vx460-wrap),calc(100% - (var(--vx460-gutter) * 2)))!important;max-width:var(--vx460-wrap)!important}
: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,.vx-admin-card,.side-card,.server-game-tile,.srv,.discord-card,.streamer-card,.giveaway-card,.vx65-ticket-create,.vx65-ticket-list-card,.vx65-ticket-detail-card){
  border-color:var(--vx460-line)!important;
  box-shadow:var(--vx460-shadow)!important;
  backdrop-filter:blur(14px) saturate(1.08);
  -webkit-backdrop-filter:blur(14px) saturate(1.08);
}
:is(.v2-hero,.vx400-page-hero,.vx65-rank-hero,.vx320-section-head,.vx320-overview,.vx320-feed-card,.vx63-market-catalog,.vx-admin-card,.side-card){
  background:
    linear-gradient(135deg,rgba(158,86,255,.055),transparent 28%),
    linear-gradient(315deg,rgba(57,210,235,.035),transparent 30%),
    linear-gradient(150deg,rgba(12,18,41,.91),rgba(7,12,29,.94))!important;
}
:is(.vx320-benefit-grid>button,.vx320-game-card,.server-game-tile,.vx64-market-category,.vx63-market-category,.vx450-market-card,.srv,.discord-card,.streamer-card,.giveaway-card){
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
:is(.vx320-benefit-grid>button,.vx320-game-card,.server-game-tile,.vx64-market-category,.vx63-market-category,.vx450-market-card,.srv,.discord-card,.streamer-card,.giveaway-card):hover{
  transform:translateY(-3px)!important;border-color:rgba(167,108,255,.34)!important;box-shadow:0 30px 72px -54px #000,0 18px 50px -42px rgba(144,74,255,.72)!important;
}

/* Header: resilient at browser zoom/scaling (100%, 125%, 150%) */
#topbar.vx320-header{
  grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto!important;
  column-gap:clamp(8px,1.15vw,18px)!important;
  padding-inline:max(14px,calc((100vw - var(--vx460-wrap))/2))!important;
  overflow:visible!important;
}
#topbar .vx320-brand{min-width:0!important;max-width:190px!important}
#topbar .vx320-nav{min-width:0!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;overflow:hidden!important}
#topbar .vx320-nav>button{min-width:0!important;padding-inline:clamp(6px,.7vw,10px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#topbar .vx320-actions{min-width:0!important;flex:0 1 auto!important;white-space:nowrap!important}
#topbar .vx320-actions>*{flex:0 0 auto!important}
@media(max-width:1580px){
  #topbar.vx320-header{grid-template-columns:150px minmax(0,1fr) auto!important;padding-inline:14px!important;gap:8px!important}
  #topbar .vx320-brand-name{font-size:13px!important;letter-spacing:.12em!important}
  #topbar .vx320-nav{gap:3px!important;padding:4px!important}
  #topbar .vx320-nav>button{height:40px!important;font-size:10px!important;gap:5px!important}
  #topbar .vx320-actions{gap:4px!important}
  #topbar .vx320-icon-btn,#topbar .vx320-theme-btn{min-width:40px!important;width:auto!important}
}
@media(max-width:1320px){
  #topbar.vx320-header{grid-template-columns:minmax(132px,160px) minmax(0,1fr) auto!important}
  #topbar .vx320-brand-mark{width:42px!important;height:42px!important}
  #topbar .vx320-brand-name{font-size:12px!important}
  #topbar .vx320-nav>button{font-size:9px!important;padding-inline:5px!important}
}
@media(max-width:1180px){
  #topbar.vx320-header{display:flex!important;align-items:center!important}
  #topbar .vx320-nav{display:none!important}
  #topbar .vx320-hamburger{display:grid!important}
  #topbar .vx320-actions{margin-left:auto!important}
}

/* Forum identity + friendlier language geometry */
#page-forum .v2-hero{min-height:330px!important;padding:clamp(28px,3vw,44px)!important;align-items:center!important}
#page-forum .v2-hero-copy{max-width:860px!important}
#page-forum .v2-hero-copy h2{font-size:clamp(38px,4.1vw,66px)!important;line-height:1.02!important;letter-spacing:-.05em!important;max-width:820px!important}
#page-forum .v2-hero-copy p{font-size:clamp(12px,.9vw,15px)!important;max-width:760px!important;color:#a6b1cb!important}
#page-forum .v2-hero::before{content:"";position:absolute;right:-90px;top:-120px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(70,214,239,.11),rgba(145,73,255,.07) 40%,transparent 72%);pointer-events:none}

/* Messages: one purposeful workspace */
#page-messages .vx11-dm-page{padding-top:24px!important}
#page-messages #vx11DmShell.vx11-dm-shell,#page-messages #vx11DmShell.vx44-dm-shell{
  grid-template-columns:minmax(320px,370px) minmax(0,1fr)!important;
  grid-template-rows:minmax(650px,calc(100dvh - 152px))!important;
  max-height:880px!important;border-radius:26px!important;border-color:rgba(163,104,255,.34)!important;
  background:linear-gradient(145deg,rgba(9,14,34,.965),rgba(5,10,25,.985))!important;
  box-shadow:0 44px 110px -62px #000,0 28px 72px -52px rgba(145,73,255,.72)!important;
}
#page-messages #vx11DmShell>.vx13-social-dock{display:none!important}
#page-messages #vx11DmShell>.vx11-dm-list{
  position:relative!important;background:linear-gradient(180deg,rgba(18,21,49,.77),rgba(8,13,31,.86))!important;
}
#page-messages #vx11DmShell>.vx11-dm-list::before{content:"";position:absolute;inset:0 0 auto 0;height:110px;pointer-events:none;background:radial-gradient(260px 120px at 10% 0,rgba(145,73,255,.16),transparent 72%)}
#page-messages .vx11-dm-list>header{position:relative!important;z-index:2!important;min-height:86px!important;padding:16px 16px 12px!important}
#page-messages .vx12-dm-brand small{font-size:7.5px!important;color:#b49cff!important;letter-spacing:.16em!important}
#page-messages .vx12-dm-brand h2{font-size:20px!important;letter-spacing:-.03em!important}
#page-messages .vx460-dm-subtitle{display:block;margin-top:4px;color:#7484a7;font-size:8px;line-height:1.35}
#page-messages .vx450-dm-head-actions{gap:7px!important}
#page-messages .vx450-dm-head-actions button{width:auto!important;min-width:38px!important;height:38px!important;padding:0 10px!important;border-radius:12px!important}
#page-messages .vx450-dm-head-actions [data-vx450-social-toggle]{min-width:108px!important;gap:7px!important;color:#e9ddff!important;background:linear-gradient(135deg,rgba(145,73,255,.18),rgba(64,95,200,.08))!important;border-color:rgba(165,105,255,.31)!important}
#page-messages .vx450-dm-head-actions [data-vx450-social-toggle] span{font-size:8px;font-weight:850;letter-spacing:.03em}
#page-messages .vx11-dm-search{margin:0 12px 12px!important;position:relative;z-index:2}
#page-messages .vx11-dm-search input{min-height:44px!important;padding:0 14px!important;border-color:rgba(155,119,233,.18)!important;background:rgba(4,9,24,.68)!important;font-size:10px!important}
#page-messages .vx11-conversations{padding:0 9px 15px!important;gap:5px!important}
#page-messages .vx11-conv{min-height:70px!important;border:1px solid transparent!important;border-radius:15px!important;padding:10px 11px!important}
#page-messages .vx11-conv:hover{border-color:rgba(151,115,231,.18)!important;background:rgba(139,92,246,.06)!important}
#page-messages .vx11-conv.active{border-color:rgba(87,206,255,.34)!important;background:linear-gradient(135deg,rgba(133,69,235,.15),rgba(35,98,153,.09))!important;box-shadow:inset 3px 0 #49d9ef,0 18px 34px -28px rgba(79,208,236,.55)!important}
#page-messages .vx11-conv-main b{font-size:11px!important}.vx11-conv-main small{font-size:8.5px!important;line-height:1.4!important}.vx11-conv-meta{font-size:7.5px!important}
#page-messages #vx11DmShell>.vx11-dm-chat{position:relative!important;background:linear-gradient(180deg,rgba(4,9,24,.18),rgba(5,9,22,.36))!important}
#page-messages #vx11DmShell>.vx11-dm-chat::before{content:"V";position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);font-size:min(32vw,430px);font-weight:950;line-height:1;color:rgba(150,104,255,.018);pointer-events:none}
#page-messages .vx11-chat-head{position:relative!important;z-index:3!important;min-height:76px!important;padding:12px 18px!important;background:linear-gradient(180deg,rgba(12,18,42,.86),rgba(8,13,31,.64))!important;backdrop-filter:blur(14px)!important}
#page-messages .vx11-chat-head b{font-size:12px!important}.vx11-chat-head small{font-size:8.5px!important}
#page-messages .vx11-chat-thread{position:relative!important;z-index:1!important;padding:22px 24px!important;gap:10px!important;background:radial-gradient(620px 360px at 75% 0,rgba(73,214,238,.035),transparent 75%),radial-gradient(520px 320px at 5% 100%,rgba(141,73,244,.04),transparent 72%)!important}
#page-messages .vx11-msg{max-width:min(76%,700px)!important;padding:11px 13px!important;border-radius:15px 15px 15px 5px!important;font-size:12px!important;line-height:1.58!important;background:linear-gradient(145deg,rgba(20,29,61,.94),rgba(14,22,48,.94))!important}
#page-messages .vx11-msg.me{border-radius:15px 15px 5px 15px!important;background:linear-gradient(135deg,rgba(133,68,230,.40),rgba(57,78,186,.30))!important}
#page-messages .vx11-msg small{font-size:7.5px!important;margin-top:4px!important;color:#7f8eae!important}
#page-messages .vx11-msg-attachments img{border-radius:13px!important;box-shadow:0 16px 40px -28px #000!important}
#page-messages .vx11-compose{position:relative!important;z-index:3!important;min-height:76px!important;padding:10px 14px!important;background:rgba(7,12,28,.88)!important;backdrop-filter:blur(15px)!important}
#page-messages .vx11-compose textarea{font-size:11px!important;background:rgba(4,9,24,.72)!important;border-color:rgba(151,115,230,.17)!important}
#page-messages .vx11-compose .send{min-width:100px!important;background:linear-gradient(135deg,#8f4df7,#b14dff 48%,#5377ff)!important;box-shadow:0 14px 34px -18px rgba(153,79,255,.82)!important}
#page-messages .vx11-empty-chat{display:grid!important;place-items:center!important;text-align:center!important;min-height:100%!important;padding:32px!important;font-size:12px!important;line-height:1.6!important;color:#8090b0!important}
#page-messages .vx460-empty-chat-card{max-width:430px;padding:28px 30px;border:1px solid rgba(160,113,244,.17);border-radius:22px;background:linear-gradient(145deg,rgba(17,24,49,.64),rgba(8,14,32,.62));box-shadow:0 28px 70px -58px #000}
#page-messages .vx460-empty-chat-card img{width:62px;height:62px;margin-bottom:15px;filter:drop-shadow(0 0 18px rgba(148,80,255,.32))}
#page-messages .vx460-empty-chat-card b{display:block;color:#f5f6ff;font-size:17px;letter-spacing:-.02em}.vx460-empty-chat-card span{display:block;margin-top:7px;color:#8190ae;font-size:10px}

/* Social drawer: clear purpose, visible close affordance and backdrop */
#page-messages .vx460-social-scrim{position:absolute;inset:0;z-index:33;background:rgba(2,5,15,.54);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .2s ease}
#page-messages #vx11DmShell.vx450-social-open>.vx460-social-scrim{opacity:1;pointer-events:auto}
#page-messages #vx11DmShell>.vx44-social-dock{
  z-index:36!important;left:12px!important;top:12px!important;bottom:12px!important;width:min(390px,calc(100% - 24px))!important;
  border-radius:22px!important;border-color:rgba(171,112,255,.38)!important;
  background:linear-gradient(160deg,rgba(20,20,51,.995),rgba(7,13,31,.995) 72%)!important;
  box-shadow:0 38px 90px -38px #000,0 0 0 1px rgba(255,255,255,.025)!important;
  padding:12px!important;transform:translateX(calc(-100% - 32px))!important;
}
#page-messages #vx11DmShell.vx450-social-open>.vx44-social-dock{transform:none!important}
#page-messages .vx460-social-head{position:sticky;top:-12px;z-index:6;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:-12px -12px 12px;padding:15px 14px 13px;border-bottom:1px solid rgba(160,125,231,.15);background:linear-gradient(180deg,rgba(20,20,50,.99),rgba(13,17,40,.97));backdrop-filter:blur(16px)}
#page-messages .vx460-social-brand{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(145,73,255,.22),rgba(67,103,205,.12));border:1px solid rgba(172,119,255,.28);box-shadow:0 12px 28px -18px rgba(148,78,255,.9)}
#page-messages .vx460-social-brand img{width:29px;height:29px;object-fit:contain}
#page-messages .vx460-social-copy{min-width:0}.vx460-social-copy small{display:block;color:#b69cff;font-size:7px;font-weight:850;letter-spacing:.15em}.vx460-social-copy b{display:block;margin-top:3px;color:#fff;font-size:15px}.vx460-social-copy span{display:block;margin-top:2px;color:#7585a7;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-messages .vx460-social-close{width:38px;height:38px;border:1px solid rgba(157,122,226,.18);border-radius:12px;background:rgba(255,255,255,.025);color:#c9d1e7;display:grid;place-items:center;cursor:pointer;font-size:17px;transition:.18s ease}
#page-messages .vx460-social-close:hover{color:#fff;border-color:rgba(176,112,255,.42);background:rgba(145,73,255,.11);transform:rotate(4deg)}
#page-messages .vx44-self-card{border-radius:15px!important;background:linear-gradient(135deg,rgba(145,73,255,.10),rgba(53,87,180,.06))!important;border:1px solid rgba(161,117,238,.17)!important;padding:11px!important}
#page-messages .vx44-social-counts{gap:7px!important;margin:10px 0!important}.vx44-social-counts button{min-height:58px!important;border-radius:13px!important;background:rgba(255,255,255,.022)!important}.vx44-social-counts b{font-size:15px!important;color:#d8c1ff!important}.vx44-social-counts small{font-size:7px!important}
#page-messages .vx44-social-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:10px 0!important}.vx44-social-tabs button{min-height:38px!important;border-radius:11px!important;font-size:8px!important}.vx44-social-tabs button.active{background:linear-gradient(135deg,rgba(145,73,255,.18),rgba(56,94,190,.08))!important;border-color:rgba(168,105,255,.34)!important;color:#fff!important}
#page-messages .vx44-social-list{gap:7px!important}.vx44-person{border-radius:13px!important;background:rgba(255,255,255,.018)!important;border:1px solid rgba(151,166,205,.08)!important}.vx44-person:hover{border-color:rgba(161,112,240,.22)!important;background:rgba(145,73,255,.05)!important}

/* Stronger shared page accents without turning cards into a moving background */
:is(#page-market,#page-forum,#page-servers,#page-discord,#page-streamers,#page-giveaways,#page-server-rankings,#page-support,#page-admin)>.wrap.section{position:relative}
:is(#page-market,#page-forum,#page-servers,#page-discord,#page-streamers,#page-giveaways,#page-server-rankings,#page-support,#page-admin)>.wrap.section::before{content:"";position:absolute;left:0;right:0;top:10px;height:1px;background:linear-gradient(90deg,transparent,rgba(158,92,255,.24),rgba(70,216,239,.16),transparent);pointer-events:none}

@media(max-width:900px){
  #page-messages #vx11DmShell.vx11-dm-shell{grid-template-columns:minmax(280px,330px) minmax(0,1fr)!important}
  #page-messages .vx450-dm-head-actions [data-vx450-social-toggle]{min-width:38px!important;padding:0!important}
  #page-messages .vx450-dm-head-actions [data-vx450-social-toggle] span{display:none}
}
@media(max-width:760px){
  body::before{animation-duration:34s;opacity:.84!important}
  #page-messages #vx11DmShell.vx11-dm-shell{display:block!important;height:calc(100dvh - 76px)!important;min-height:0!important;border-radius:18px!important}
  #page-messages #vx11DmShell>.vx44-social-dock{left:7px!important;top:7px!important;bottom:7px!important;width:calc(100% - 14px)!important;transform:translateY(14px) scale(.985)!important}
  #page-messages #vx11DmShell.vx450-social-open>.vx44-social-dock{transform:none!important}
  #page-messages .vx11-msg{max-width:90%!important;font-size:11px!important}
  #page-messages .vx11-chat-thread{padding:15px 12px!important}
  #page-forum .v2-hero-copy h2{font-size:clamp(34px,10vw,48px)!important}
}
@media(prefers-reduced-motion:reduce){body::before,body::after,.page::before{animation:none!important}.vx460-social-scrim,#page-messages #vx11DmShell>.vx44-social-dock{transition:none!important}}

html:is([data-theme='light'],[data-palette='light']) body::before{opacity:.08!important;filter:saturate(.65)}
html:is([data-theme='light'],[data-palette='light']) body::after{opacity:.06}
html:is([data-theme='light'],[data-palette='light']) #page-messages #vx11DmShell.vx11-dm-shell{background:linear-gradient(145deg,#fff,#f4f7fc)!important;border-color:rgba(78,62,150,.18)!important}
html:is([data-theme='light'],[data-palette='light']) #page-messages #vx11DmShell>.vx11-dm-list{background:linear-gradient(180deg,#f8f9fd,#f2f5fb)!important}
html:is([data-theme='light'],[data-palette='light']) #page-messages #vx11DmShell>.vx44-social-dock{background:linear-gradient(160deg,#fff,#f4f6fc)!important;color:#172033!important}