/* VEXMIRA v4.7.0 HF13 — 1366-safe layout, compact Discord cards, real flags and stable first paint */
:root{
  --vx513-shell:1560px;
  --vx513-gutter:clamp(12px,1.6vw,28px);
  --vx513-rail-space:74px;
  --vx513-readable:#aeb8cf;
}

html.vx-hf13-layout{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scrollbar-gutter:stable;
  font-synthesis:none;
}
html.vx-hf13-layout,html.vx-hf13-layout body{max-width:100%;overflow-x:clip!important}
html.vx-hf13-layout body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
html.vx-hf13-layout img{image-rendering:auto;object-position:center}
html.vx-hf13-layout svg{shape-rendering:geometricPrecision;text-rendering:geometricPrecision}
html.vx-hf13-layout :is(.vx320-brand-mark,.vx60-brand-mark,.vx500-avatar,.vx500-topic-avatar,.vx490-discord-card .logo,.vx490-discord-row .logo,.vx71-server-card img,.srv-ico) img{
  width:100%!important;height:100%!important;max-width:none!important;display:block!important;
  object-fit:cover!important;object-position:center!important;aspect-ratio:1/1;
}
html.vx-hf13-layout :is(.vx320-brand-mark,.vx60-brand-mark) img{object-fit:contain!important}

/* The theme and topbar geometry are fixed before first paint, so refresh cannot resize them. */
html.vx-hf13-boot *,html.vx-hf13-boot *::before,html.vx-hf13-boot *::after{transition:none!important;animation:none!important}
html.vx-hf13-layout #loader{transition:opacity .16s ease!important}
html.vx-hf13-layout #topbar.vx474-topbar{
  height:72px!important;min-height:72px!important;max-height:72px!important;
  contain:layout style;transform:none!important;transition:none!important;
}
html.vx-hf13-layout #topbar.vx474-topbar :is(.vx320-brand,.vx320-brand-mark,#vx320DesktopNav,.vx320-actions,#authArea){transition:none!important}

/* Quick rail: the user-facing rail now contains search only. */
html.vx-hf13-layout #vx470QuickRail.vx474-quick-rail{
  right:14px!important;top:50%!important;width:58px!important;min-width:58px!important;
  padding:7px!important;display:grid!important;place-items:center!important;gap:0!important;
  overflow:visible!important;
}
html.vx-hf13-layout #vx470QuickRail.vx474-quick-rail>button{display:none!important}
html.vx-hf13-layout #vx470QuickRail .vx474-rail-search-toggle{
  width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;
}

/* Desktop shells reserve a real column for the fixed search rail. */
@media(min-width:981px){
  html.vx-hf13-layout :is(.vx500-ranking-app,.vx500-forum-app,.vx490-discord-app,#page-market.vx477-market>.wrap,#page-servers.vx476-servers>.wrap){
    width:min(var(--vx513-shell),calc(100vw - (var(--vx513-gutter) * 2) - var(--vx513-rail-space)))!important;
    max-width:none!important;margin-inline:auto!important;position:relative!important;
    left:calc(var(--vx513-rail-space) / -2)!important;
  }
}

/* Authentic cached SVG flags; no Windows emoji or synthetic letter tiles. */
html.vx-hf13-layout :is(.vx500-country-flag.vx500-flag-svg,.vx80-flag.vx80-flag-svg){
  display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;
  width:28px!important;height:19px!important;min-width:28px!important;min-height:19px!important;
  padding:0!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:4px!important;
  overflow:hidden!important;background:#0a1020!important;box-shadow:0 5px 12px -8px #000!important;
  vertical-align:middle!important;
}
html.vx-hf13-layout :is(.vx500-country-flag.vx500-flag-svg,.vx80-flag.vx80-flag-svg)>svg{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;
}
html.vx-hf13-layout .vx80-flag.vx80-flag-all{display:inline-grid!important;place-items:center!important;width:28px!important;height:28px!important;border:0!important;background:rgba(128,70,214,.14)!important}
html.vx-hf13-layout .vx80-flag.vx80-flag-all svg{width:18px!important;height:18px!important;fill:none!important;stroke:#b46cff!important;stroke-width:1.6!important}
html.vx-hf13-layout .vx500-rank-row.kind-server .vx500-country-flag.vx500-flag-svg{width:20px!important;height:14px!important;min-width:20px!important;min-height:14px!important}
html.vx-hf13-layout .vx500-rank-row.kind-country .vx500-country-flag.vx500-flag-svg{width:31px!important;height:21px!important;min-width:31px!important;min-height:21px!important}

/* Discord directory: the side column stays inside the safe shell. */
html.vx-hf13-layout .vx490-discord-work{
  grid-template-columns:minmax(0,1fr) minmax(260px,286px)!important;
  gap:14px!important;align-items:start!important;
}
html.vx-hf13-layout .vx490-discord-work>main,
html.vx-hf13-layout .vx490-discord-work>aside,
html.vx-hf13-layout .vx490-discord-work>aside .vx490-side-card{min-width:0!important;max-width:100%!important}
html.vx-hf13-layout .vx490-discord-work>aside{width:100%!important;overflow:hidden!important}
html.vx-hf13-layout .vx490-discord-work>aside .vx490-side-card{overflow:hidden!important;padding:16px!important}
html.vx-hf13-layout .vx490-discord-work>aside .vx490-side-card h3{
  min-width:0;max-width:100%;font-size:15px!important;line-height:1.35!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
html.vx-hf13-layout .vx490-discord-work aside [data-vx490-discord]{min-width:0!important;max-width:100%!important}
html.vx-hf13-layout .vx490-discord-work aside [data-vx490-discord] span{min-width:0!important;overflow:hidden!important}
html.vx-hf13-layout .vx490-discord-work aside [data-vx490-discord] span b{font-size:10.5px!important;line-height:1.35!important}
html.vx-hf13-layout .vx490-discord-work aside [data-vx490-discord] span small,
html.vx-hf13-layout .vx490-discord-work aside [data-vx490-discord] strong{font-size:8.5px!important;line-height:1.4!important}
html.vx-hf13-layout .vx490-stat-grid{min-width:0!important}
html.vx-hf13-layout .vx490-stat-grid span{min-width:0!important;padding-inline:8px!important}
html.vx-hf13-layout .vx490-stat-grid b{font-size:17px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.vx-hf13-layout .vx490-stat-grid small{font-size:8.5px!important;line-height:1.35!important}

/* Compact verified card: content height owns the card, never the surrounding grid. */
html.vx-hf13-layout .vx490-verified{height:auto!important;min-height:0!important;overflow:hidden!important}
html.vx-hf13-layout .vx490-verified>div{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),350px))!important;
  grid-auto-rows:max-content!important;align-items:start!important;align-content:start!important;
  justify-content:start!important;gap:13px!important;height:auto!important;min-height:0!important;
}
html.vx-hf13-layout .vx490-discord-card{
  display:grid!important;grid-template-rows:112px max-content!important;align-self:start!important;align-content:start!important;
  width:100%!important;max-width:350px!important;height:max-content!important;min-height:0!important;max-height:none!important;
  position:relative!important;overflow:hidden!important;border:1px solid rgba(163,94,248,.34)!important;border-radius:15px!important;
  background:linear-gradient(160deg,#0d1530 0%,#081022 58%,#0b0a21 100%)!important;
  box-shadow:0 18px 48px -34px #000,inset 0 1px rgba(255,255,255,.04)!important;
  contain:layout paint;
}
html.vx-hf13-layout .vx490-discord-card .cover{
  height:112px!important;min-height:112px!important;background-size:cover!important;background-position:center!important;
}
html.vx-hf13-layout .vx490-discord-card .body{
  display:grid!important;grid-template-rows:auto auto auto auto!important;align-content:start!important;
  min-width:0!important;height:auto!important;min-height:0!important;padding:14px!important;
  background:linear-gradient(180deg,rgba(10,17,37,.98),rgba(8,12,29,.98))!important;
}
html.vx-hf13-layout .vx490-discord-card .logo{
  width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
  margin-top:-39px!important;border:3px solid #0b132a!important;border-radius:12px!important;background:#101831!important;
}
html.vx-hf13-layout .vx490-discord-card .title{min-width:0!important;margin-top:9px!important}
html.vx-hf13-layout .vx490-discord-card .title b{
  display:inline-block!important;max-width:calc(100% - 25px)!important;font-size:13px!important;line-height:1.35!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:middle;
}
html.vx-hf13-layout .vx490-discord-card .title small{font-size:9.5px!important;line-height:1.4!important}
html.vx-hf13-layout .vx490-discord-card p{
  height:auto!important;min-height:38px!important;max-height:44px!important;margin:7px 0 0!important;
  color:#a4aec5!important;font-size:10.5px!important;line-height:1.5!important;
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;
}
html.vx-hf13-layout .vx490-discord-card .stats{
  min-height:58px!important;margin-top:10px!important;padding:10px 0!important;
  border-block:1px solid rgba(150,83,227,.18)!important;
}
html.vx-hf13-layout .vx490-discord-card .stats b{font-size:13px!important;line-height:1.2!important}
html.vx-hf13-layout .vx490-discord-card .stats small{font-size:8px!important;line-height:1.35!important}
html.vx-hf13-layout .vx490-discord-card footer{
  position:static!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;
  gap:7px!important;height:auto!important;min-height:38px!important;margin:11px 0 0!important;padding:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
html.vx-hf13-layout .vx490-discord-card footer :is(button,a){
  width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;border-radius:9px!important;
  font-size:10px!important;line-height:1!important;box-shadow:none!important;transform:none!important;
}
html.vx-hf13-layout .vx490-discord-card footer button{background:linear-gradient(135deg,#8732ef,#a43dff)!important}
html.vx-hf13-layout .vx490-discord-card footer a{background:#10172c!important;border:1px solid rgba(151,86,230,.28)!important}
html.vx-hf13-layout .vx490-discord-app[data-discord-view="list"] .vx490-discord-card{
  max-width:none!important;grid-template-rows:auto!important;grid-template-columns:180px minmax(0,1fr)!important;
}
html.vx-hf13-layout .vx490-discord-app[data-discord-view="list"] .vx490-discord-card .cover{height:100%!important;min-height:240px!important}

/* Shared panel readability without inflating the surrounding layouts. */
html.vx-hf13-layout :is(.vx500-ranking-app,.vx500-forum-app,.vx490-discord-app,.vx477-market,#page-servers) :is(p,small,span,b,strong,button,input,select){font-size-adjust:.54}
html.vx-hf13-layout .vx500-board-icon{display:grid!important;place-items:center!important;line-height:1!important}
html.vx-hf13-layout .vx500-board-icon>:is(svg,span,[data-ic]){margin:auto!important;transform:none!important;align-self:center!important}
html.vx-hf13-layout .vx500-board-copy b{font-size:13.5px!important}
html.vx-hf13-layout .vx500-board-copy>small{font-size:10.5px!important;color:var(--vx513-readable)!important}
html.vx-hf13-layout .vx500-topic-main>b{font-size:12.5px!important}
html.vx-hf13-layout .vx500-topic-main>small{font-size:9.5px!important}
html.vx-hf13-layout .vx500-rank-row .identity b{font-size:12.5px!important}
html.vx-hf13-layout .vx500-rank-row .identity small{font-size:9.5px!important;color:#9da8c0!important}
html.vx-hf13-layout .vx500-rank-row :is(.players,.ping,.score,.votes,.comments,.metric,.role,.support,.activity,.rating)>b{font-size:12px!important}
html.vx-hf13-layout .vx500-rank-row :is(.players,.ping,.score,.votes,.comments,.metric,.role,.support,.activity,.rating)>small{font-size:9px!important}
html.vx-hf13-layout .vx500-rank-side h3{font-size:14px!important}
html.vx-hf13-layout .vx500-rank-mini span b{font-size:10.5px!important}
html.vx-hf13-layout .vx500-rank-mini span small,html.vx-hf13-layout .vx500-rank-mini strong{font-size:8.5px!important}
html.vx-hf13-layout #page-servers :is(.srv-name,.vx71-title){font-size:13px!important;line-height:1.35!important}
html.vx-hf13-layout #page-servers :is(.srv-ip,.srv-tags,.vx71-description,.vx71-tags){font-size:9.5px!important;line-height:1.45!important}

@media(max-width:1420px) and (min-width:981px){
  html.vx-hf13-layout #topbar.vx474-topbar{
    grid-template-columns:54px minmax(0,1fr) max-content!important;gap:6px!important;padding-inline:10px!important;
  }
  html.vx-hf13-layout #topbar.vx474-topbar .vx320-brand{width:50px!important;min-width:50px!important;max-width:50px!important}
  html.vx-hf13-layout #topbar.vx474-topbar .vx320-brand-name{display:none!important}
  html.vx-hf13-layout #topbar.vx474-topbar #vx320DesktopNav{max-width:560px!important}
  html.vx-hf13-layout #topbar.vx474-topbar .vx900-nav-primary{grid-auto-columns:minmax(60px,1fr)!important;gap:4px!important}
  html.vx-hf13-layout #topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger){height:41px!important;min-height:41px!important;padding-inline:6px!important;gap:4px!important}
  html.vx-hf13-layout #topbar.vx474-topbar :is(.vx900-route,.vx900-discover-trigger)>b{font-size:9px!important}
  html.vx-hf13-layout #topbar.vx474-topbar .vx320-actions{gap:4px!important}
  html.vx-hf13-layout #topbar.vx474-topbar .vx320-lang{height:41px!important;padding:2px!important}
  html.vx-hf13-layout #topbar.vx474-topbar .vx320-lang button{height:35px!important;min-width:32px!important}
  html.vx-hf13-layout #topbar.vx474-topbar :is(.vx320-icon-btn,.vx320-theme-btn){width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important}
  html.vx-hf13-layout #topbar.vx474-topbar #authArea:not(:has(.vx410-account-hud)):not(:has(.vx420-account-hud)):not(:has(.vx400-account-hud)){
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;
    width:132px!important;min-width:132px!important;max-width:132px!important;height:40px!important;overflow:visible!important;
  }
  html.vx-hf13-layout #topbar.vx474-topbar #authArea:not(:has(.vx410-account-hud)):not(:has(.vx420-account-hud)):not(:has(.vx400-account-hud))>.btn{
    display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;
    min-width:0!important;width:auto!important;height:40px!important;min-height:40px!important;padding-inline:7px!important;
    border-radius:11px!important;font-size:9.5px!important;line-height:1!important;white-space:nowrap!important;
  }
  html.vx-hf13-layout .vx490-discord-hero{grid-template-columns:minmax(0,1.15fr) minmax(260px,.72fr) minmax(180px,.35fr)!important;gap:14px!important;padding:24px!important}
  html.vx-hf13-layout .vx490-discord-hero .vx490-hero-copy h1{font-size:clamp(34px,3.2vw,46px)!important}
}

@media(max-width:1180px){
  html.vx-hf13-layout .vx490-discord-work{grid-template-columns:1fr!important}
  html.vx-hf13-layout .vx490-discord-work>aside{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}
}

@media(max-width:980px){
  html.vx-hf13-layout #vx470QuickRail.vx474-quick-rail{display:none!important}
  html.vx-hf13-layout :is(.vx500-ranking-app,.vx500-forum-app,.vx490-discord-app,#page-market.vx477-market>.wrap,#page-servers.vx476-servers>.wrap){
    width:calc(100vw - 24px)!important;max-width:none!important;left:0!important;margin-inline:auto!important;
  }
  html.vx-hf13-layout #topbar.vx474-topbar{height:66px!important;min-height:66px!important;max-height:66px!important;contain:layout style}
}

@media(max-width:820px){
  html.vx-hf13-layout .vx490-discord-work>aside{grid-template-columns:1fr!important}
  html.vx-hf13-layout .vx490-discord-app[data-discord-view="list"] .vx490-discord-card{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:112px max-content!important;max-width:350px!important}
  html.vx-hf13-layout .vx490-discord-app[data-discord-view="list"] .vx490-discord-card .cover{height:112px!important;min-height:112px!important}
}

@media(max-width:640px){
  html.vx-hf13-layout .vx490-verified>div{grid-template-columns:1fr!important}
  html.vx-hf13-layout .vx490-discord-card{max-width:none!important}
  html.vx-hf13-layout .vx490-discord-tools{grid-template-columns:minmax(0,1fr) 132px!important}
  html.vx-hf13-layout .vx490-discord-tools .view{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  html.vx-hf13-layout *,html.vx-hf13-layout *::before,html.vx-hf13-layout *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}