/*
 * VEXMIRA v4.7.0 HF11
 * Universal responsive/readability layer.
 * Loaded after every historical theme file so the active UI has one final,
 * predictable geometry at desktop zoom levels and on touch devices.
 */
:root{
  --vx511-shell:1560px;
  --vx511-gutter:clamp(12px,2.1vw,34px);
  --vx511-readable:#a8b2c9;
  --vx511-line:rgba(142,87,221,.24);
  --vx511-radius:14px;
}

html.vx-hf11-responsive{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scrollbar-gutter:stable;
}
html.vx-hf11-responsive body{overflow-x:hidden}
html.vx-hf11-responsive :is(button,a,input,select,textarea){touch-action:manipulation}
html.vx-hf11-responsive :is(.vx500-ranking-app,.vx500-forum-app,.vx490-discord-app,#page-market.vx477-market>.wrap){
  width:min(var(--vx511-shell),calc(100vw - (var(--vx511-gutter) * 2)))!important;
  max-width:none!important;
}
html.vx-hf11-responsive :is(.vx500-ranking-app,.vx500-forum-app,.vx490-discord-app) :is(button,input,select){font-family:inherit}
html.vx-hf11-responsive :is(.vx500-ranking-app,.vx500-forum-app,.vx490-discord-app,.vx477-market) :is(p,small,span,b,strong,em,i){overflow-wrap:normal;word-break:normal}

/* Media geometry: avatars remain square/circular, product/category marks retain their ratio. */
html.vx-hf11-responsive :is(
  .avatar,.hexav,.vx500-avatar,.vx500-topic-avatar,.vx11-home-topic-avatar,
  .vx450-seller-avatar,.profile-avatar-wrap,.nav-avatar,.top-user,.vx490-discord-card .logo,
  .vx490-discord-row .logo,.vx490-discord-work aside .mini,.vx500-rank-row .identity>i,
  .vx500-rank-side .mini,.vx477-quick-cat>:first-child,.vx450-market-logo
){
  flex:0 0 auto;
  aspect-ratio:1/1;
  line-height:1;
  isolation:isolate;
}
html.vx-hf11-responsive :is(
  .avatar,.hexav,.vx500-avatar,.vx500-topic-avatar,.vx11-home-topic-avatar,
  .vx450-seller-avatar,.profile-avatar-wrap,.nav-avatar,.top-user,.vx490-discord-card .logo,
  .vx490-discord-row .logo,.vx490-discord-work aside .mini,.vx500-rank-row .identity>i,
  .vx500-rank-side .mini
) img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:1/1;
  object-fit:cover!important;
  object-position:center!important;
}
html.vx-hf11-responsive :is(
  .game-mark,.game-logo,.vx-game-emblem,.vx500-board-icon,.vx450-market-logo,
  .vx477-quick-cat>:first-child,.vx64-market-category i,.vx63-market-category i
) img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
html.vx-hf11-responsive :is(.vx450-market-banner,.vx490-discord-card .cover img){object-fit:cover!important;object-position:center!important}
html.vx-hf11-responsive img.vx511-media-error{opacity:0!important}
html.vx-hf11-responsive .vx511-media-fallback{position:relative;background:linear-gradient(145deg,#251541,#0d152b)!important}
html.vx-hf11-responsive .vx511-media-fallback::after{
  content:"V";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#d9bcff;
  font:900 12px/1 Inter,sans-serif;
}

/* Forum hierarchy */
html.vx-hf11-responsive .vx500-eyebrow{font-size:11px!important;line-height:1.35}
html.vx-hf11-responsive .vx500-forum-hero{
  min-height:270px;
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.82fr) minmax(190px,.42fr);
  gap:clamp(14px,1.5vw,24px);
  padding:clamp(22px,2.2vw,36px);
  border-radius:var(--vx511-radius);
}
html.vx-hf11-responsive .vx500-forum-copy h1{font-size:clamp(38px,3.2vw,54px);line-height:1.02}
html.vx-hf11-responsive .vx500-forum-copy h2{font-size:clamp(20px,1.45vw,26px);line-height:1.2}
html.vx-hf11-responsive .vx500-forum-copy p{font-size:13px;line-height:1.65}
html.vx-hf11-responsive .vx500-forum-art{height:230px}
html.vx-hf11-responsive .vx500-forum-actions button{min-height:44px;height:auto;padding:11px 14px;font-size:12px;line-height:1.25}
html.vx-hf11-responsive .vx500-hero-stats span{min-width:100px;padding:9px 11px}
html.vx-hf11-responsive .vx500-hero-stats b{font-size:15px}
html.vx-hf11-responsive .vx500-hero-stats small{font-size:9px;line-height:1.35}
html.vx-hf11-responsive .vx500-forum-tabs{height:70px}
html.vx-hf11-responsive .vx500-forum-tabs button{min-width:0;padding:10px 14px}
html.vx-hf11-responsive .vx500-forum-tabs b{font-size:13px;line-height:1.25}
html.vx-hf11-responsive .vx500-forum-tabs small{font-size:10px;line-height:1.35}
html.vx-hf11-responsive .vx500-forum-layout{grid-template-columns:minmax(0,1fr) minmax(300px,330px);gap:14px;margin-top:14px}
html.vx-hf11-responsive .vx500-forum-section{min-height:78px;padding:12px 16px}
html.vx-hf11-responsive .vx500-breadcrumb button{font-size:10px}
html.vx-hf11-responsive .vx500-section-icon{width:38px;height:38px;border-radius:10px}
html.vx-hf11-responsive .vx500-forum-section-copy small{font-size:9px}
html.vx-hf11-responsive .vx500-forum-section-copy h3{font-size:16px}
html.vx-hf11-responsive .vx500-forum-search{width:min(330px,38vw);height:42px}
html.vx-hf11-responsive .vx500-forum-search input{font-size:12px}
html.vx-hf11-responsive .vx500-board-list{padding:8px 12px 12px}
html.vx-hf11-responsive .vx500-forum-board{
  min-height:92px;
  grid-template-columns:58px minmax(0,1fr) 68px 68px minmax(220px,.72fr);
  gap:12px;
  padding:11px 10px;
}
html.vx-hf11-responsive .vx500-board-icon{width:50px;height:50px;border-radius:12px}
html.vx-hf11-responsive .vx500-board-title{min-width:0}
html.vx-hf11-responsive .vx500-board-title b{min-width:0;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.vx-hf11-responsive .vx500-board-title em{font-size:9px;padding:4px 6px}
html.vx-hf11-responsive .vx500-board-copy>small{font-size:11px;line-height:1.45}
html.vx-hf11-responsive .vx500-board-copy>i span{font-size:9px;padding:3px 6px}
html.vx-hf11-responsive .vx500-board-count b{font-size:14px}
html.vx-hf11-responsive .vx500-board-count small{font-size:9px}
html.vx-hf11-responsive .vx500-board-latest{grid-template-columns:40px minmax(0,1fr) 16px;gap:9px}
html.vx-hf11-responsive .vx500-board-latest small{font-size:8px}
html.vx-hf11-responsive .vx500-board-latest b{font-size:11px}
html.vx-hf11-responsive .vx500-board-latest em{font-size:9px}
html.vx-hf11-responsive .vx500-topic-list{padding:7px 11px 11px}
html.vx-hf11-responsive .vx500-topic{
  min-height:78px;
  grid-template-columns:46px minmax(0,1fr) 70px 78px 150px;
  gap:10px;
  padding:9px;
}
html.vx-hf11-responsive .vx500-topic-tags i{font-size:9px;padding:3px 5px}
html.vx-hf11-responsive .vx500-topic-main>b{font-size:13px;line-height:1.35}
html.vx-hf11-responsive .vx500-topic-main>small{font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.vx-hf11-responsive .vx500-topic-stat b{font-size:13px}
html.vx-hf11-responsive .vx500-topic-stat small{font-size:8px}
html.vx-hf11-responsive .vx500-topic-last b{font-size:10px}
html.vx-hf11-responsive .vx500-topic-last small{font-size:8px}
html.vx-hf11-responsive .vx500-forum-recent>header{height:52px;padding-inline:16px}
html.vx-hf11-responsive .vx500-forum-recent h3{font-size:14px}
html.vx-hf11-responsive .vx500-forum-recent header button{font-size:10px}
html.vx-hf11-responsive .vx500-side-card{padding:17px;border-radius:12px}
html.vx-hf11-responsive .vx500-side-card h3{font-size:14px}
html.vx-hf11-responsive .vx500-side-card dl div{min-height:35px}
html.vx-hf11-responsive .vx500-side-card dt{font-size:10px}
html.vx-hf11-responsive .vx500-side-card dd{font-size:12px}
html.vx-hf11-responsive .vx500-side-card>button{min-height:40px;height:auto;font-size:10px}
html.vx-hf11-responsive .vx500-side-card [data-vx500-topic]{grid-template-columns:24px 34px minmax(0,1fr) auto;gap:8px;min-height:54px}
html.vx-hf11-responsive .vx500-side-card [data-vx500-topic]>i{width:23px;height:23px;font-size:9px}
html.vx-hf11-responsive .vx500-side-card [data-vx500-topic] b{font-size:10px}
html.vx-hf11-responsive .vx500-side-card [data-vx500-topic] small{font-size:8px}
html.vx-hf11-responsive .vx500-side-card [data-vx500-topic] strong{font-size:9px}
html.vx-hf11-responsive .vx500-side-card>p{font-size:10px;line-height:1.5}
html.vx-hf11-responsive .vx500-server-promote{min-height:150px;padding:17px}
html.vx-hf11-responsive .vx500-server-promote span{font-size:9px}
html.vx-hf11-responsive .vx500-server-promote h3{font-size:16px}
html.vx-hf11-responsive .vx500-server-promote p{font-size:10px}
html.vx-hf11-responsive .vx500-server-promote button{min-height:40px;height:auto;font-size:10px}

/* Ranking */
html.vx-hf11-responsive .vx500-rank-hero{
  min-height:260px;
  height:auto;
  grid-template-columns:minmax(420px,.9fr) minmax(350px,.8fr) minmax(210px,.36fr);
  gap:18px;
  padding:26px clamp(28px,3vw,50px);
}
html.vx-hf11-responsive .vx500-rank-copy h1{font-size:clamp(38px,3vw,52px);line-height:1.02}
html.vx-hf11-responsive .vx500-rank-copy p{font-size:13px;line-height:1.65}
html.vx-hf11-responsive .vx500-rank-chips{flex-wrap:wrap}
html.vx-hf11-responsive .vx500-rank-chips span{min-height:32px;height:auto;padding:7px 11px;font-size:10px}
html.vx-hf11-responsive .vx500-rank-art{height:230px}
html.vx-hf11-responsive .vx500-rank-hero>aside{padding:17px}
html.vx-hf11-responsive .vx500-rank-hero>aside>span{font-size:10px}
html.vx-hf11-responsive .vx500-rank-hero>aside p{font-size:10px}
html.vx-hf11-responsive .vx500-rank-hero>aside button{min-height:39px;height:auto;font-size:10px}
html.vx-hf11-responsive .vx500-rank-tabs{height:72px}
html.vx-hf11-responsive .vx500-rank-tabs button{min-width:0;padding:10px 14px}
html.vx-hf11-responsive .vx500-rank-tabs b{font-size:13px}
html.vx-hf11-responsive .vx500-rank-tabs small{font-size:10px;line-height:1.35}
html.vx-hf11-responsive .vx500-rank-tools{
  min-height:66px;
  height:auto;
  grid-template-columns:minmax(260px,1fr) repeat(3,minmax(130px,170px)) minmax(105px,130px) minmax(95px,115px);
  padding:11px;
}
html.vx-hf11-responsive .vx500-rank-tools label,
html.vx-hf11-responsive .vx500-rank-tools select,
html.vx-hf11-responsive .vx500-rank-tools button{min-height:42px;height:auto}
html.vx-hf11-responsive .vx500-rank-tools input,
html.vx-hf11-responsive .vx500-rank-tools select,
html.vx-hf11-responsive .vx500-rank-tools button{font-size:11px}
html.vx-hf11-responsive .vx500-rank-kpis{gap:10px;margin-top:12px;margin-right:350px}
html.vx-hf11-responsive .vx500-rank-kpis article{height:100px;grid-template-columns:52px minmax(0,1fr) 72px;gap:10px;padding:13px 15px}
html.vx-hf11-responsive .vx500-rank-kpis article>span{width:46px;height:46px}
html.vx-hf11-responsive .vx500-rank-kpis small{font-size:9px}
html.vx-hf11-responsive .vx500-rank-kpis b{font-size:23px}
html.vx-hf11-responsive .vx500-rank-kpis em{font-size:9px}
html.vx-hf11-responsive .vx500-rank-layout{grid-template-columns:minmax(0,1fr) 340px;gap:12px;margin-top:12px}
html.vx-hf11-responsive .vx500-rank-layout>main>header{height:60px;padding-inline:17px}
html.vx-hf11-responsive .vx500-rank-layout h2{font-size:17px}
html.vx-hf11-responsive .vx500-rank-layout>main>header span,
html.vx-hf11-responsive .vx500-rank-layout>main>header small{font-size:9px}
html.vx-hf11-responsive .vx500-rank-head,
html.vx-hf11-responsive .vx500-rank-row{
  grid-template-columns:38px minmax(210px,1.35fr) minmax(96px,.62fr) minmax(105px,.65fr) 82px 84px 82px 75px 30px;
  gap:8px;
  padding-inline:12px;
}
html.vx-hf11-responsive .vx500-rank-head{height:38px;font-size:9px}
html.vx-hf11-responsive .vx500-rank-row{min-height:76px;padding-block:9px}
html.vx-hf11-responsive .vx500-rank-row .place{font-size:11px}
html.vx-hf11-responsive .vx500-rank-row .place.top{font-size:17px}
html.vx-hf11-responsive .vx500-rank-row .identity{grid-template-columns:42px minmax(0,1fr);gap:10px}
html.vx-hf11-responsive .vx500-rank-row .identity>i{width:40px;height:40px;border-radius:10px}
html.vx-hf11-responsive .vx500-rank-row .identity b{font-size:12px;line-height:1.3}
html.vx-hf11-responsive .vx500-rank-row .identity b em{font-size:8px}
html.vx-hf11-responsive .vx500-rank-row .identity small{font-size:9px;line-height:1.4}
html.vx-hf11-responsive .vx500-rank-row .game>:first-child{width:30px;height:30px}
html.vx-hf11-responsive .vx500-rank-row .game b{font-size:10px}
html.vx-hf11-responsive .vx500-rank-row .players b,
html.vx-hf11-responsive .vx500-rank-row .ping b,
html.vx-hf11-responsive .vx500-rank-row .score b,
html.vx-hf11-responsive .vx500-rank-row .votes b,
html.vx-hf11-responsive .vx500-rank-row .comments{font-size:11px}
html.vx-hf11-responsive .vx500-rank-row .score b{font-size:13px}
html.vx-hf11-responsive .vx500-rank-row .score small,
html.vx-hf11-responsive .vx500-rank-row .votes small{font-size:8px}
html.vx-hf11-responsive .vx500-rank-row .open{width:29px;height:29px;font-size:14px}
html.vx-hf11-responsive .vx500-rank-more{height:42px;font-size:10px}
html.vx-hf11-responsive .vx500-rank-side{padding:17px;border-radius:11px;min-width:0}
html.vx-hf11-responsive .vx500-rank-side h3{font-size:14px}
html.vx-hf11-responsive .vx500-criteria{grid-template-columns:116px minmax(0,1fr);gap:13px}
html.vx-hf11-responsive .vx500-donut{width:108px;height:108px}
html.vx-hf11-responsive .vx500-donut small{font-size:8px}
html.vx-hf11-responsive .vx500-donut b{font-size:16px}
html.vx-hf11-responsive .vx500-criteria li{font-size:9px;padding:4px 0}
html.vx-hf11-responsive .vx500-rank-side>button{min-height:34px;height:auto;font-size:9px}

/* Shared ranking mini rows, including the country summary cards. */
html.vx-hf11-responsive .vx500-rank-mini{
  width:100%;
  min-width:0;
  min-height:58px;
  display:grid;
  grid-template-columns:24px 38px minmax(0,1fr) auto auto;
  gap:8px;
  align-items:center;
  padding:8px 0;
  border:0;
  border-bottom:1px solid rgba(110,61,176,.12);
  background:transparent;
  color:#fff;
  text-align:left;
}
html.vx-hf11-responsive .vx500-rank-mini>i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#171222;color:#f1c84a;font-size:9px;font-style:normal}
html.vx-hf11-responsive .vx500-rank-mini>.mini{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#101628;overflow:hidden}
html.vx-hf11-responsive .vx500-rank-mini>span:nth-child(3){min-width:0}
html.vx-hf11-responsive .vx500-rank-mini>span:nth-child(3) :is(b,small){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.vx-hf11-responsive .vx500-rank-mini>span:nth-child(3) b{font-size:11px;line-height:1.3}
html.vx-hf11-responsive .vx500-rank-mini>span:nth-child(3) small{margin-top:2px;color:#75809a;font-size:8px}
html.vx-hf11-responsive .vx500-rank-mini>strong{font-size:10px;white-space:nowrap}
html.vx-hf11-responsive .vx500-rank-mini>em{font-size:8px;color:#45dc88;font-style:normal;white-space:nowrap}

/* Country flags: real flag artwork in both the main table and side summaries. */
html.vx-hf11-responsive .vx500-country-flag{width:26px;height:18px;min-width:26px;border-radius:4px;box-shadow:0 4px 12px -6px #000}
html.vx-hf11-responsive .vx500-rank-row.kind-country .identity>i{width:42px;height:42px;background:linear-gradient(145deg,#111a32,#090e1c)}
html.vx-hf11-responsive .vx500-rank-row.kind-country .identity>i .vx500-country-flag{width:30px;height:20px;min-width:30px}
html.vx-hf11-responsive .vx500-rank-row.kind-server .identity small{display:flex;align-items:center;gap:5px}
html.vx-hf11-responsive .vx500-rank-row.kind-server .identity small .vx500-country-flag{width:18px;height:12px;min-width:18px}
html.vx-hf11-responsive .vx500-rank-mini.kind-country>.mini .vx500-country-flag{width:26px;height:18px;min-width:26px}
html.vx-hf11-responsive .vx500-country-flag-fallback{display:grid;place-items:center;background:linear-gradient(145deg,#6540b3,#161d38);color:#fff;font-size:8px;font-style:normal;font-weight:900}
html.vx-hf11-responsive .vx500-country-name,
html.vx-hf11-responsive .vx500-country-code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Discord directory */
html.vx-hf11-responsive .vx490-discord-hero{
  min-height:310px;
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.75fr) minmax(220px,.38fr);
  gap:20px;
  padding:clamp(24px,2.2vw,38px);
}
html.vx-hf11-responsive .vx490-kicker{font-size:11px}
html.vx-hf11-responsive .vx490-discord-hero .vx490-hero-copy h1{font-size:clamp(38px,3.2vw,56px);line-height:1.03}
html.vx-hf11-responsive .vx490-hero-copy p{font-size:14px;line-height:1.7}
html.vx-hf11-responsive .vx490-hero-chips span{font-size:11px;min-height:38px}
html.vx-hf11-responsive .vx490-discord-art{height:250px}
html.vx-hf11-responsive .vx490-discord-actions button{min-height:46px;height:auto;padding:11px 14px;font-size:12px}
html.vx-hf11-responsive .vx490-discord-cats button{min-height:42px;height:auto;padding:9px 14px;font-size:11px}
html.vx-hf11-responsive .vx490-discord-work{grid-template-columns:minmax(0,1fr) 330px;gap:15px}
html.vx-hf11-responsive .vx490-discord-tools{grid-template-columns:minmax(0,1fr) 190px 46px 46px;gap:10px}
html.vx-hf11-responsive .vx490-discord-tools label,
html.vx-hf11-responsive .vx490-discord-tools select,
html.vx-hf11-responsive .vx490-discord-tools .view{min-height:46px;height:auto}
html.vx-hf11-responsive .vx490-discord-tools input,
html.vx-hf11-responsive .vx490-discord-tools select{font-size:11px}
html.vx-hf11-responsive .vx490-ad-strip{min-height:72px;padding:12px 18px}
html.vx-hf11-responsive .vx490-ad-strip span{font-size:9px}
html.vx-hf11-responsive .vx490-ad-strip b{font-size:12px}
html.vx-hf11-responsive .vx490-ad-strip button{min-height:40px;height:auto;font-size:10px}
html.vx-hf11-responsive .vx490-verified,
html.vx-hf11-responsive .vx490-discord-list{padding:15px}
html.vx-hf11-responsive .vx490-verified h2,
html.vx-hf11-responsive .vx490-discord-list h2{font-size:18px}
html.vx-hf11-responsive .vx490-verified p{font-size:10px}
html.vx-hf11-responsive .vx490-verified>div{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
html.vx-hf11-responsive .vx490-discord-card .cover{height:130px}
html.vx-hf11-responsive .vx490-discord-card .body{padding:15px}
html.vx-hf11-responsive .vx490-discord-card .logo{width:48px;height:48px;margin-top:-36px;border-radius:11px}
html.vx-hf11-responsive .vx490-discord-card .title b{display:block;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.vx-hf11-responsive .vx490-discord-card .title small{font-size:10px}
html.vx-hf11-responsive .vx490-discord-card p{height:auto;min-height:42px;font-size:11px;line-height:1.55}
html.vx-hf11-responsive .vx490-discord-card .stats b{font-size:13px}
html.vx-hf11-responsive .vx490-discord-card .stats small{font-size:8px}
html.vx-hf11-responsive .vx490-discord-card footer button,
html.vx-hf11-responsive .vx490-discord-card footer a{min-height:40px;height:auto;font-size:10px}
html.vx-hf11-responsive .vx490-discord-row{min-height:70px;grid-template-columns:46px minmax(0,1.5fr) 110px 90px 100px 82px 72px;gap:10px;padding:9px 7px}
html.vx-hf11-responsive .vx490-discord-row .logo{width:42px;height:42px;border-radius:9px}
html.vx-hf11-responsive .vx490-discord-row>span:nth-child(2) b{font-size:12px}
html.vx-hf11-responsive .vx490-discord-row>span:nth-child(2) small{font-size:9px}
html.vx-hf11-responsive .vx490-discord-row>i,
html.vx-hf11-responsive .vx490-discord-row>strong,
html.vx-hf11-responsive .vx490-discord-row>em,
html.vx-hf11-responsive .vx490-discord-row>u{font-size:10px}
html.vx-hf11-responsive .vx490-discord-row>mark{font-size:9px}
html.vx-hf11-responsive .vx490-discord-work>aside .vx490-side-card{padding:17px;min-width:0}
html.vx-hf11-responsive .vx490-side-card h3{font-size:16px}
html.vx-hf11-responsive .vx490-stat-grid span{min-height:78px;padding:15px 9px}
html.vx-hf11-responsive .vx490-stat-grid b{font-size:19px}
html.vx-hf11-responsive .vx490-stat-grid small{font-size:8px}
html.vx-hf11-responsive .vx490-discord-work aside [data-vx490-discord]{grid-template-columns:24px 38px minmax(0,1fr) auto;gap:8px;min-height:55px}
html.vx-hf11-responsive .vx490-discord-work aside [data-vx490-discord] span{min-width:0}
html.vx-hf11-responsive .vx490-discord-work aside [data-vx490-discord] span b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.vx-hf11-responsive .vx490-discord-work aside [data-vx490-discord] span small{font-size:8px}
html.vx-hf11-responsive .vx490-discord-work aside [data-vx490-discord] strong{font-size:9px;white-space:nowrap}
html.vx-hf11-responsive .vx490-discord-work aside .mini{width:36px;height:36px}
html.vx-hf11-responsive .vx490-dist-list b,
html.vx-hf11-responsive .vx490-dist-list em{font-size:10px}

/* Market hub and product cards */
html.vx-hf11-responsive #page-market.vx477-market>.wrap{padding-top:20px!important}
html.vx-hf11-responsive .vx477-market-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr) minmax(300px,.55fr);gap:18px;padding:24px}
html.vx-hf11-responsive .vx477-market-copy>span{font-size:10px}
html.vx-hf11-responsive .vx477-market-copy p{font-size:14px}
html.vx-hf11-responsive .vx477-market-copy button{min-height:46px;font-size:12px}
html.vx-hf11-responsive .vx477-market-benefits h3{font-size:16px}
html.vx-hf11-responsive .vx477-market-benefits>div{min-height:76px;padding:11px}
html.vx-hf11-responsive .vx477-market-benefits b{font-size:12px}
html.vx-hf11-responsive .vx477-market-benefits small{font-size:10px;line-height:1.4}
html.vx-hf11-responsive .vx477-market-stats>span{min-height:86px}
html.vx-hf11-responsive .vx477-market-stats b{font-size:21px}
html.vx-hf11-responsive .vx477-market-stats small{font-size:9px}
html.vx-hf11-responsive .vx477-market-command>header b{font-size:15px}
html.vx-hf11-responsive .vx477-market-command .v2-search input,
html.vx-hf11-responsive .vx477-market-command .select{font-size:12px!important}
html.vx-hf11-responsive .vx477-quick-section{padding:15px}
html.vx-hf11-responsive .vx477-quick-section>header b,
html.vx-hf11-responsive .vx477-popular-title b{font-size:15px}
html.vx-hf11-responsive .vx477-quick-section>header button,
html.vx-hf11-responsive .vx477-popular-title button{min-height:38px;height:auto;font-size:10px}
html.vx-hf11-responsive .vx477-quick-section #vx477QuickCats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
html.vx-hf11-responsive .vx477-quick-cat{height:104px!important;min-height:104px!important;grid-template-columns:50px minmax(0,1fr)!important;padding:13px!important}
html.vx-hf11-responsive .vx477-quick-cat>:first-child{width:50px!important;height:50px!important}
html.vx-hf11-responsive .vx477-quick-cat>div b{font-size:12px!important;line-height:1.3!important}
html.vx-hf11-responsive .vx477-quick-cat>div small{font-size:9px!important;line-height:1.45!important}
html.vx-hf11-responsive #page-market.vx477-market #marketGrid.market-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
html.vx-hf11-responsive .vx477-market .vx450-market-card{min-height:430px!important;border-radius:16px!important}
html.vx-hf11-responsive .vx477-market .vx450-market-media{min-height:185px!important;aspect-ratio:1.22!important}
html.vx-hf11-responsive .vx477-market .vx450-market-body{gap:11px!important;padding:16px!important}
html.vx-hf11-responsive .vx477-market .vx450-market-logo{width:62px;height:62px}
html.vx-hf11-responsive .vx477-market .vx450-market-title{font-size:14px!important;line-height:1.4!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html.vx-hf11-responsive .vx477-market .vx450-market-path{font-size:10px}
html.vx-hf11-responsive .vx477-market .vx450-market-seller-copy b{font-size:11px}
html.vx-hf11-responsive .vx477-market .vx450-market-seller-copy small{font-size:9px}
html.vx-hf11-responsive .vx477-market .vx450-market-verified{font-size:9px;padding:6px 8px}
html.vx-hf11-responsive .vx477-market .vx450-market-signals span{font-size:9px;padding:6px 8px}
html.vx-hf11-responsive .vx477-market .vx450-market-price{font-size:20px!important}
html.vx-hf11-responsive .vx477-market .vx450-market-old{font-size:10px}
html.vx-hf11-responsive .vx477-market .vx450-market-foot .btn{min-height:40px!important;font-size:10px!important}

/* Home forum feed: names and metadata are always one bounded line. */
html.vx-hf11-responsive .vx11-home-topic{grid-template-columns:48px minmax(0,1fr) auto;gap:12px;min-height:90px;padding:12px 13px}
html.vx-hf11-responsive .vx11-home-topic-avatar{width:48px;height:48px}
html.vx-hf11-responsive .vx11-home-topic-main{min-width:0;max-width:100%;overflow:hidden}
html.vx-hf11-responsive .vx11-home-topic-title{max-width:100%;overflow:hidden}
html.vx-hf11-responsive .vx11-home-topic-title>span{flex:0 0 auto;font-size:9px;padding:4px 6px}
html.vx-hf11-responsive .vx11-home-topic-title>b{display:block;font-size:13px;line-height:1.35}
html.vx-hf11-responsive .vx11-home-topic-meta{max-width:100%;gap:6px;font-size:10px;overflow:hidden;white-space:nowrap}
html.vx-hf11-responsive .vx11-home-topic-meta>*{flex:0 0 auto;white-space:nowrap}
html.vx-hf11-responsive .vx11-home-topic-meta strong{min-width:0;max-width:36%;overflow:hidden;text-overflow:ellipsis}
html.vx-hf11-responsive .vx11-home-topic-stats{grid-template-columns:repeat(3,54px);gap:5px}
html.vx-hf11-responsive .vx11-home-topic-stats span{min-height:50px;padding:8px 5px}
html.vx-hf11-responsive .vx11-home-topic-stats b{font-size:12px}
html.vx-hf11-responsive .vx11-home-topic-stats small{font-size:7px;line-height:1.25}

@media(max-width:1430px){
  html.vx-hf11-responsive .vx500-rank-kpis{margin-right:312px}
  html.vx-hf11-responsive .vx500-rank-layout{grid-template-columns:minmax(0,1fr) 302px}
  html.vx-hf11-responsive .vx500-rank-head,
  html.vx-hf11-responsive .vx500-rank-row{grid-template-columns:36px minmax(190px,1.35fr) 90px 98px 76px 78px 76px 30px}
  html.vx-hf11-responsive .vx500-rank-head>span:nth-child(8),
  html.vx-hf11-responsive .vx500-rank-row .comments{display:none}
  html.vx-hf11-responsive #page-market.vx477-market #marketGrid.market-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html.vx-hf11-responsive .vx477-quick-section #vx477QuickCats{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:1180px){
  html.vx-hf11-responsive .vx500-forum-hero,
  html.vx-hf11-responsive .vx500-rank-hero,
  html.vx-hf11-responsive .vx490-discord-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)}
  html.vx-hf11-responsive :is(.vx500-forum-actions,.vx500-rank-hero>aside,.vx490-discord-actions){grid-column:1/-1;display:flex;flex-direction:row}
  html.vx-hf11-responsive :is(.vx500-forum-actions,.vx490-discord-actions)>button{flex:1}
  html.vx-hf11-responsive .vx500-rank-hero>aside{align-items:center;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(160px,220px);gap:12px}
  html.vx-hf11-responsive .vx500-rank-hero>aside p{margin:0}
  html.vx-hf11-responsive .vx500-forum-layout,
  html.vx-hf11-responsive .vx500-rank-layout,
  html.vx-hf11-responsive .vx490-discord-work{grid-template-columns:1fr}
  html.vx-hf11-responsive .vx500-rank-kpis{margin-right:0}
  html.vx-hf11-responsive .vx500-forum-layout>aside,
  html.vx-hf11-responsive .vx500-rank-layout>aside,
  html.vx-hf11-responsive .vx490-discord-work>aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  html.vx-hf11-responsive .vx500-server-promote{grid-column:1/-1}
  html.vx-hf11-responsive .vx477-market-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr)}
  html.vx-hf11-responsive .vx477-market-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:0;border-top:1px solid rgba(136,91,196,.15)}
  html.vx-hf11-responsive .vx477-market-benefits h3{grid-column:1/-1}
  html.vx-hf11-responsive #page-market.vx477-market #marketGrid.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:900px){
  :root{--vx511-gutter:12px}
  html.vx-hf11-responsive .vx500-forum-hero,
  html.vx-hf11-responsive .vx500-rank-hero,
  html.vx-hf11-responsive .vx490-discord-hero{grid-template-columns:1fr;padding:20px}
  html.vx-hf11-responsive :is(.vx500-forum-art,.vx500-rank-art,.vx490-discord-art){grid-row:1;height:190px}
  html.vx-hf11-responsive .vx500-forum-tabs,
  html.vx-hf11-responsive .vx500-rank-tabs{height:auto;grid-template-columns:1fr 1fr}
  html.vx-hf11-responsive .vx500-forum-tabs button,
  html.vx-hf11-responsive .vx500-rank-tabs button{min-height:62px}
  html.vx-hf11-responsive .vx500-rank-tools{grid-template-columns:1fr 1fr 1fr}
  html.vx-hf11-responsive .vx500-rank-tools label{grid-column:1/-1}
  html.vx-hf11-responsive .vx500-rank-kpis{grid-template-columns:1fr 1fr}
  html.vx-hf11-responsive .vx500-forum-layout>aside,
  html.vx-hf11-responsive .vx500-rank-layout>aside,
  html.vx-hf11-responsive .vx490-discord-work>aside{grid-template-columns:1fr 1fr}
  html.vx-hf11-responsive .vx500-rank-head{display:none}
  html.vx-hf11-responsive .vx500-rank-row{
    grid-template-columns:30px minmax(0,1fr) 92px 32px;
    min-height:76px;
  }
  html.vx-hf11-responsive .vx500-rank-row>span:nth-child(n+3):not(.open){display:none!important}
  html.vx-hf11-responsive .vx500-rank-row.kind-server .players,
  html.vx-hf11-responsive :is(.vx500-rank-row.kind-user,.vx500-rank-row.kind-staff,.vx500-rank-row.kind-country)>span:nth-child(3){display:block!important;text-align:right}
  html.vx-hf11-responsive .vx500-forum-board{grid-template-columns:52px minmax(0,1fr) 62px 62px}
  html.vx-hf11-responsive .vx500-board-latest{display:none}
  html.vx-hf11-responsive .vx500-topic{grid-template-columns:44px minmax(0,1fr) 66px}
  html.vx-hf11-responsive .vx500-topic-stat:nth-last-of-type(2),
  html.vx-hf11-responsive .vx500-topic-last{display:none}
  html.vx-hf11-responsive .vx490-discord-tools{grid-template-columns:minmax(0,1fr) 160px}
  html.vx-hf11-responsive .vx490-discord-tools .view{display:none}
  html.vx-hf11-responsive .vx490-discord-row{grid-template-columns:44px minmax(0,1fr) 80px 70px}
  html.vx-hf11-responsive .vx490-discord-row>i,
  html.vx-hf11-responsive .vx490-discord-row>em,
  html.vx-hf11-responsive .vx490-discord-row>u{display:none}
  html.vx-hf11-responsive .vx477-market-hero{grid-template-columns:1fr}
  html.vx-hf11-responsive .vx477-market-art{min-height:260px}
  html.vx-hf11-responsive .vx477-market-benefits{grid-template-columns:1fr 1fr}
  html.vx-hf11-responsive .vx477-market-stats{grid-template-columns:repeat(3,1fr)}
  html.vx-hf11-responsive .vx477-market-command .v2-toolbar{grid-template-columns:1fr!important}
  html.vx-hf11-responsive .vx477-quick-section #vx477QuickCats{grid-template-columns:repeat(3,minmax(0,1fr))}
  html.vx-hf11-responsive #page-market.vx477-market #marketGrid.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:640px){
  html.vx-hf11-responsive :is(.vx500-ranking-app,.vx500-forum-app,.vx490-discord-app,#page-market.vx477-market>.wrap){width:calc(100vw - 18px)!important}
  html.vx-hf11-responsive :is(.vx500-forum-copy h1,.vx500-rank-copy h1,.vx490-discord-hero .vx490-hero-copy h1){font-size:clamp(34px,10vw,44px)}
  html.vx-hf11-responsive :is(.vx500-forum-art,.vx500-rank-art,.vx490-discord-art){height:155px}
  html.vx-hf11-responsive .vx500-rank-hero>aside{display:block}
  html.vx-hf11-responsive .vx500-rank-hero>aside p{margin:9px 0}
  html.vx-hf11-responsive :is(.vx500-forum-actions,.vx490-discord-actions){flex-direction:column}
  html.vx-hf11-responsive .vx500-forum-section{align-items:stretch;flex-direction:column}
  html.vx-hf11-responsive .vx500-forum-search{width:100%}
  html.vx-hf11-responsive .vx500-rank-tools{grid-template-columns:1fr 1fr}
  html.vx-hf11-responsive .vx500-rank-tools label{grid-column:1/-1}
  html.vx-hf11-responsive .vx500-forum-layout>aside,
  html.vx-hf11-responsive .vx500-rank-layout>aside,
  html.vx-hf11-responsive .vx490-discord-work>aside{grid-template-columns:1fr}
  html.vx-hf11-responsive .vx500-forum-board{grid-template-columns:48px minmax(0,1fr) 54px}
  html.vx-hf11-responsive .vx500-forum-board .vx500-board-count:nth-of-type(2){display:none}
  html.vx-hf11-responsive .vx500-board-title b{font-size:13px}
  html.vx-hf11-responsive .vx500-board-copy>small{font-size:10px}
  html.vx-hf11-responsive .vx490-discord-tools{grid-template-columns:1fr}
  html.vx-hf11-responsive .vx490-discord-row{grid-template-columns:42px minmax(0,1fr) auto}
  html.vx-hf11-responsive .vx490-discord-row>strong{display:none}
  html.vx-hf11-responsive .vx477-market-benefits{grid-template-columns:1fr}
  html.vx-hf11-responsive .vx477-market-stats{grid-template-columns:1fr 1fr}
  html.vx-hf11-responsive .vx477-quick-section #vx477QuickCats{grid-template-columns:1fr 1fr}
  html.vx-hf11-responsive #page-market.vx477-market #marketGrid.market-grid{grid-template-columns:1fr!important}
  html.vx-hf11-responsive .vx477-market .vx450-market-card{min-height:0!important}
  html.vx-hf11-responsive .vx11-home-topic{grid-template-columns:42px minmax(0,1fr);gap:10px}
  html.vx-hf11-responsive .vx11-home-topic-avatar{width:42px;height:42px}
  html.vx-hf11-responsive .vx11-home-topic-stats{grid-column:2;grid-template-columns:repeat(3,1fr);width:100%}
  html.vx-hf11-responsive .vx11-home-topic-meta strong{max-width:42%}
}

@media(max-width:420px){
  html.vx-hf11-responsive :is(.vx500-ranking-app,.vx500-forum-app,.vx490-discord-app,#page-market.vx477-market>.wrap){width:calc(100vw - 14px)!important}
  html.vx-hf11-responsive :is(.vx500-forum-hero,.vx500-rank-hero,.vx490-discord-hero,.vx477-market-hero){padding:15px;border-radius:12px}
  html.vx-hf11-responsive .vx500-forum-tabs,
  html.vx-hf11-responsive .vx500-rank-tabs{grid-template-columns:1fr 1fr}
  html.vx-hf11-responsive .vx500-forum-tabs button,
  html.vx-hf11-responsive .vx500-rank-tabs button{padding:9px;gap:6px}
  html.vx-hf11-responsive .vx500-forum-tabs small,
  html.vx-hf11-responsive .vx500-rank-tabs small{display:none}
  html.vx-hf11-responsive .vx500-rank-tools{grid-template-columns:1fr}
  html.vx-hf11-responsive .vx500-rank-tools label{grid-column:auto}
  html.vx-hf11-responsive .vx500-rank-kpis{grid-template-columns:1fr}
  html.vx-hf11-responsive .vx500-rank-row{grid-template-columns:26px minmax(0,1fr) 74px 30px;padding-inline:7px;gap:6px}
  html.vx-hf11-responsive .vx500-rank-row .identity{grid-template-columns:38px minmax(0,1fr);gap:8px}
  html.vx-hf11-responsive .vx500-rank-row .identity>i{width:36px;height:36px}
  html.vx-hf11-responsive .vx500-forum-board{grid-template-columns:44px minmax(0,1fr);padding-inline:6px}
  html.vx-hf11-responsive .vx500-forum-board .vx500-board-count{display:none}
  html.vx-hf11-responsive .vx500-topic{grid-template-columns:40px minmax(0,1fr);padding-inline:6px}
  html.vx-hf11-responsive .vx500-topic-stat{display:none}
  html.vx-hf11-responsive .vx477-market-stats{grid-template-columns:1fr}
  html.vx-hf11-responsive .vx477-quick-section #vx477QuickCats{grid-template-columns:1fr}
  html.vx-hf11-responsive .vx11-home-topic-meta :is(time,em){display:none}
  html.vx-hf11-responsive .vx11-home-topic-meta strong{max-width:58%}
}

@media(prefers-reduced-motion:reduce){
  html.vx-hf11-responsive *{scroll-behavior:auto!important}
  html.vx-hf11-responsive :is(.vx500-forum-board,.vx500-rank-row,.vx490-discord-row,.vx477-quick-cat,.vx450-market-card){transition:none!important;animation:none!important}
}