/* VEXMIRA v4.8.0 R5 — final authority layer */
html.vx484-r5,html.vx484-r5 body{max-width:100%;overflow-x:hidden}

/* Messages: stable first-class page; R3 owns its data, R5 owns route geometry. */
#page-messages.vx484-messages{min-width:0!important;width:100%!important;max-width:100%!important}
#page-messages.vx484-messages.active{display:block!important}
#page-messages.vx484-messages .vx482-messages-shell{width:min(1500px,calc(100% - 28px))!important;max-width:1500px!important;margin:18px auto 30px!important;min-width:0!important}
#page-messages.vx484-messages :is(.vx482-inbox,.vx482-chat,.vx482-peer,.vx482-thread,.vx482-conversations){min-width:0!important}
.vx484-message-recovery{min-height:420px;display:grid;place-content:center;text-align:center;gap:8px;padding:32px;color:var(--txt)}
.vx484-message-recovery b{font-size:22px}.vx484-message-recovery small{color:var(--mut)}
@media(max-width:1180px){#page-messages.vx484-messages .vx482-messages-shell{grid-template-columns:minmax(250px,320px) minmax(0,1fr)!important}.vx482-peer{display:none!important}}
@media(max-width:760px){#page-messages.vx484-messages .vx482-messages-shell{width:100%!important;margin:0!important;border-radius:0!important;grid-template-columns:1fr!important;min-height:calc(100dvh - var(--vx48-header-h,68px))!important}.vx482-chat{min-width:0!important}}

/* Server directory: game catalog may contain hundreds of query-supported games. */
#page-servers #serverDirectoryV4{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
#page-servers #serverDirectoryV4 .server-game-tile{min-width:0!important;overflow:hidden!important}
#page-servers #serverDirectoryV4 .sg-main small{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important}
#page-servers .vx484-game-fallback{width:54px;height:54px;min-width:54px;border-radius:50%;display:grid;place-items:center;font-weight:900;letter-spacing:-.04em;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--gc,#8b5cf6) 75%,#ffffff 5%),color-mix(in srgb,var(--gc,#8b5cf6) 45%,#08101f));border:1px solid color-mix(in srgb,var(--gc,#8b5cf6) 60%,white 15%)}
@media(max-width:1180px){#page-servers #serverDirectoryV4{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){#page-servers #serverDirectoryV4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){#page-servers #serverDirectoryV4{grid-template-columns:1fr!important}}

/* Market hero: it has THREE children. Prevent V480's 2-column override from creating a 20px implicit column. */
#page-market.vx484-market-fixed .vx477-market-hero,
#page-market.vx484-market-fixed .vx478-market-hero{
  display:grid!important;
  grid-template-columns:minmax(360px,1.08fr) minmax(300px,.82fr) minmax(270px,330px)!important;
  grid-template-areas:"copy art benefits"!important;
  gap:clamp(18px,2vw,30px)!important;
  align-items:center!important;
  min-height:400px!important;
  height:auto!important;
  max-height:none!important;
  padding:clamp(24px,3vw,40px)!important;
  overflow:hidden!important;
}
#page-market.vx484-market-fixed .vx477-market-copy{grid-area:copy!important;min-width:0!important;align-self:center!important}
#page-market.vx484-market-fixed .vx477-market-art{grid-area:art!important;min-width:0!important;min-height:280px!important;display:grid!important;place-items:center!important}
#page-market.vx484-market-fixed .vx477-market-art img{width:min(100%,440px)!important;height:auto!important;max-height:330px!important;object-fit:contain!important}
#page-market.vx484-market-fixed .vx477-market-benefits{grid-area:benefits!important;min-width:0!important;width:100%!important;max-width:330px!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:10px!important}
#page-market.vx484-market-fixed .vx477-market-benefits>div{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;min-width:0!important;width:100%!important;padding:11px!important}
#page-market.vx484-market-fixed .vx477-market-benefits :is(h3,div,span,b,small,p){writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal!important;overflow-wrap:break-word!important;white-space:normal!important;min-width:0!important;max-width:100%!important}
#page-market.vx484-market-fixed .vx477-market-copy h1{font-size:clamp(44px,4.2vw,68px)!important;line-height:.98!important;max-width:720px!important}
#page-market.vx484-market-fixed .vx477-market-copy p{max-width:620px!important}
@media(max-width:1180px){
  #page-market.vx484-market-fixed .vx477-market-hero,#page-market.vx484-market-fixed .vx478-market-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.82fr)!important;grid-template-areas:"copy art" "benefits benefits"!important;min-height:0!important}
  #page-market.vx484-market-fixed .vx477-market-benefits{max-width:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-self:auto!important}
  #page-market.vx484-market-fixed .vx477-market-benefits h3{grid-column:1/-1!important}
}
@media(max-width:820px){
  #page-market.vx484-market-fixed .vx477-market-hero,#page-market.vx484-market-fixed .vx478-market-hero{grid-template-columns:1fr!important;grid-template-areas:"copy" "art" "benefits"!important;padding:22px 18px!important;gap:18px!important}
  #page-market.vx484-market-fixed .vx477-market-art{min-height:220px!important}.vx477-market-art img{max-height:260px!important}
  #page-market.vx484-market-fixed .vx477-market-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #page-market.vx484-market-fixed .vx477-market-copy h1{font-size:clamp(38px,10vw,54px)!important}
}
@media(max-width:520px){#page-market.vx484-market-fixed .vx477-market-benefits{grid-template-columns:1fr!important}}