/* VEXMIRA v4.7.0 HF12 — navigation, filters, flags and readable responsive panels */
html.vx-hf12-readable{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.vx-hf12-readable :is(.vx500-ranking-app,.vx500-forum-app,.vx490-discord-app,.vx477-market) :is(button,input,select){font-family:inherit}
html.vx-hf12-readable :is(.vx500-ranking-app,.vx500-forum-app,.vx490-discord-app,.vx477-market) :is(button,a,input,select){font-size-adjust:.52}

/* Original country flags: Unicode color flags, without synthetic CSS flag artwork. */
html.vx-hf12-readable .vx500-country-flag.vx500-flag-emoji{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:1.45em!important;height:auto!important;min-height:1em!important;
  padding:0!important;border:0!important;border-radius:0!important;background:none!important;
  box-shadow:none!important;overflow:visible!important;color:inherit!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  font-size:18px!important;line-height:1!important;letter-spacing:0!important;vertical-align:-.15em;
}
html.vx-hf12-readable .vx500-rank-row.kind-country .identity>i{
  display:grid!important;place-items:center!important;overflow:visible!important;background:linear-gradient(145deg,#111a32,#090e1c)!important;
}
html.vx-hf12-readable .vx500-rank-row.kind-country .identity>i .vx500-country-flag{font-size:27px!important}
html.vx-hf12-readable .vx500-rank-side .mini .vx500-country-flag{font-size:22px!important}

/* Forum icon and avatar geometry. */
html.vx-hf12-readable :is(.vx500-board-icon,.vx500-section-icon){
  display:grid!important;place-items:center!important;align-content:center!important;justify-content:center!important;
  padding:0!important;line-height:1!important;overflow:hidden!important;
}
html.vx-hf12-readable :is(.vx500-board-icon,.vx500-section-icon)>:is(span,svg,[data-ic]){
  display:grid!important;place-items:center!important;margin:auto!important;line-height:1!important;transform:none!important;
}
html.vx-hf12-readable .vx500-board-icon svg{display:block!important;width:24px!important;height:24px!important;margin:auto!important}
html.vx-hf12-readable .vx500-board-icon .vx60-brand-mark{width:38px!important;height:38px!important;margin:auto!important}
html.vx-hf12-readable :is(.vx-avatar,.avatar,.vx500-topic-avatar,.vx500-rank-row .identity>i,.vx500-rank-side .mini,.vx490-discord-card .logo,.vx490-discord-row .logo) img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:center!important;aspect-ratio:1/1;
}

/* Forum readability and overflow safety. */
html.vx-hf12-readable .vx500-board-copy{min-width:0}
html.vx-hf12-readable .vx500-board-copy b{font-size:13px!important;line-height:1.3!important}
html.vx-hf12-readable .vx500-board-copy>small{font-size:10.5px!important;line-height:1.5!important;color:#9da7bf!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
html.vx-hf12-readable .vx500-board-copy>span{gap:5px!important;flex-wrap:wrap!important}
html.vx-hf12-readable .vx500-board-copy>span :is(i,em){font-size:8.5px!important;line-height:1.25!important}
html.vx-hf12-readable .vx500-board-count b{font-size:12px!important}
html.vx-hf12-readable .vx500-board-count small{font-size:8.5px!important;line-height:1.3!important}
html.vx-hf12-readable .vx500-board-latest{min-width:0}
html.vx-hf12-readable .vx500-board-latest :is(b,small){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.vx-hf12-readable .vx500-board-latest b{font-size:10.5px!important;line-height:1.35!important}
html.vx-hf12-readable .vx500-board-latest small{font-size:8.5px!important;line-height:1.4!important}
html.vx-hf12-readable .vx500-topic-main{min-width:0}
html.vx-hf12-readable .vx500-topic-main>b{font-size:12px!important;line-height:1.35!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.vx-hf12-readable .vx500-topic-main>small{font-size:9px!important;line-height:1.4!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.vx-hf12-readable .vx500-topic-stat b{font-size:11px!important}
html.vx-hf12-readable .vx500-topic-stat small{font-size:8px!important}
html.vx-hf12-readable .vx500-topic-last{min-width:0}
html.vx-hf12-readable .vx500-topic-last :is(b,small){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.vx-hf12-readable .vx500-topic-last b{font-size:10px!important}
html.vx-hf12-readable .vx500-topic-last small{font-size:8px!important}
html.vx-hf12-readable .vx500-side-card :is(dt,dd,p,button){font-size:10.5px!important;line-height:1.45!important}
html.vx-hf12-readable .vx500-side-card h3{font-size:14px!important;line-height:1.3!important}
html.vx-hf12-readable .vx500-side-card [data-vx500-topic] span{min-width:0}
html.vx-hf12-readable .vx500-side-card [data-vx500-topic] span b{font-size:10.5px!important;line-height:1.35!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.vx-hf12-readable .vx500-side-card [data-vx500-topic] span small{font-size:8.5px!important}

/* Ranking controls and per-tab table readability. */
html.vx-hf12-readable .vx500-rank-tools{align-items:stretch!important}
html.vx-hf12-readable .vx500-rank-tools :is(input,select,button){font-size:11.5px!important;line-height:1.25!important}
html.vx-hf12-readable .vx500-rank-tools select{min-width:0;text-overflow:ellipsis}
html.vx-hf12-readable .vx500-rank-head{font-size:9.5px!important;line-height:1.25!important;color:#8f9ab4!important}
html.vx-hf12-readable .vx500-rank-row .identity{min-width:0}
html.vx-hf12-readable .vx500-rank-row .identity>span{min-width:0}
html.vx-hf12-readable .vx500-rank-row .identity b{display:block;font-size:12.5px!important;line-height:1.3!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.vx-hf12-readable .vx500-rank-row .identity small{display:flex!important;align-items:center;gap:5px;min-width:0;font-size:9px!important;line-height:1.4!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.vx-hf12-readable .vx500-rank-row .game b{font-size:10.5px!important;line-height:1.3!important}
html.vx-hf12-readable .vx500-rank-row :is(.players,.ping,.score,.votes,.comments,.metric,.role,.support,.activity,.rating)>b{font-size:11.5px!important;line-height:1.25!important}
html.vx-hf12-readable .vx500-rank-row :is(.players,.ping,.score,.votes,.comments,.metric,.role,.support,.activity,.rating)>small{font-size:8.5px!important;line-height:1.35!important}
html.vx-hf12-readable .vx500-rank-side h3{font-size:13px!important;line-height:1.3!important}
html.vx-hf12-readable .vx500-criteria li{font-size:9px!important;line-height:1.35!important}
html.vx-hf12-readable .vx500-donut small{font-size:8px!important}
html.vx-hf12-readable .vx500-rank-mini span{min-width:0}
html.vx-hf12-readable .vx500-rank-mini span b{font-size:10px!important;line-height:1.35!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.vx-hf12-readable .vx500-rank-mini span small{font-size:8px!important;line-height:1.35!important}
html.vx-hf12-readable .vx500-rank-mini strong{font-size:9px!important;white-space:nowrap}

/* Verified Discord cards stay compact even when only one item exists. */
html.vx-hf12-readable .vx490-verified>div{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),330px))!important;
  justify-content:start!important;align-items:start!important;gap:12px!important;
}
html.vx-hf12-readable .vx490-discord-card{width:100%!important;max-width:330px!important;min-height:0!important;align-self:start!important;box-shadow:0 14px 34px rgba(0,0,0,.18)}
html.vx-hf12-readable .vx490-discord-card .cover{height:104px!important;background-position:center!important}
html.vx-hf12-readable .vx490-discord-card .body{padding:13px!important}
html.vx-hf12-readable .vx490-discord-card .logo{width:44px!important;height:44px!important;margin-top:-31px!important;flex:none}
html.vx-hf12-readable .vx490-discord-card .title{min-width:0;margin-top:8px!important}
html.vx-hf12-readable .vx490-discord-card .title b{display:inline-block;max-width:calc(100% - 24px);font-size:12px!important;line-height:1.35!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
html.vx-hf12-readable .vx490-discord-card .title i{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(139,80,255,.18);font-size:10px!important;vertical-align:middle}
html.vx-hf12-readable .vx490-discord-card .title small{font-size:9px!important;line-height:1.35!important}
html.vx-hf12-readable .vx490-discord-card p{height:auto!important;min-height:42px!important;max-height:48px;font-size:10px!important;line-height:1.55!important;color:#9ca6be!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.vx-hf12-readable .vx490-discord-card .stats{padding-block:9px;border-block:1px solid rgba(136,77,216,.14)}
html.vx-hf12-readable .vx490-discord-card .stats b{font-size:12px!important;line-height:1.25!important}
html.vx-hf12-readable .vx490-discord-card .stats small{font-size:7.5px!important;line-height:1.35!important}
html.vx-hf12-readable .vx490-discord-card footer :is(button,a){min-height:34px!important;height:auto!important;font-size:9.5px!important}
html.vx-hf12-readable .vx490-discord-row{min-height:66px!important}
html.vx-hf12-readable .vx490-discord-row>span:nth-child(2){min-width:0}
html.vx-hf12-readable .vx490-discord-row>span:nth-child(2) b{font-size:11px!important;line-height:1.35!important}
html.vx-hf12-readable .vx490-discord-row>span:nth-child(2) small{font-size:9px!important;line-height:1.35!important}
html.vx-hf12-readable .vx490-discord-row :is(i,strong,em,u,mark){font-size:9px!important;line-height:1.3!important}
html.vx-hf12-readable .vx490-stat-grid small{font-size:8px!important;line-height:1.35!important}
html.vx-hf12-readable .vx490-discord-work aside [data-vx490-discord] span b{font-size:9.5px!important;line-height:1.35!important}
html.vx-hf12-readable .vx490-discord-work aside [data-vx490-discord] span small,
html.vx-hf12-readable .vx490-discord-work aside [data-vx490-discord] strong{font-size:8px!important;line-height:1.35!important}
html.vx-hf12-readable .vx490-dist-list :is(b,em){font-size:8.5px!important}
html.vx-hf12-readable .vx490-discord-tools :is(input,select,.view){font-size:10.5px!important}
html.vx-hf12-readable .vx490-discord-app[data-discord-view="list"] .vx490-verified>div{grid-template-columns:minmax(0,1fr)!important}
html.vx-hf12-readable .vx490-discord-app[data-discord-view="list"] .vx490-discord-card{max-width:none!important;display:grid!important;grid-template-columns:180px minmax(0,1fr)}
html.vx-hf12-readable .vx490-discord-app[data-discord-view="list"] .vx490-discord-card .cover{height:100%!important;min-height:210px}
html.vx-hf12-readable .vx490-discord-app[data-discord-view="list"] .vx490-discord-card .body{min-width:0}

/* Market and shared panel text: readable without changing component proportions. */
html.vx-hf12-readable .vx477-market :is(.vx477-hero-copy p,.vx477-trust-card p,.vx477-rule-copy p,.vx477-flow-copy p){font-size:11px!important;line-height:1.55!important}
html.vx-hf12-readable .vx477-market :is(.vx477-stat small,.vx477-chip,.vx477-search input,.vx477-search select){font-size:10px!important;line-height:1.35!important}
html.vx-hf12-readable .vx477-quick-cat>div{min-width:0}
html.vx-hf12-readable .vx477-quick-cat>div b{font-size:12.5px!important;line-height:1.3!important}
html.vx-hf12-readable .vx477-quick-cat>div small{font-size:9.5px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.vx-hf12-readable .vx477-market :is(button,a){line-height:1.3}

@media(max-width:1420px){
  html.vx-hf12-readable .vx500-rank-tools{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(125px,150px)) 112px 104px!important}
  html.vx-hf12-readable .vx490-discord-work{grid-template-columns:minmax(0,1fr) 286px!important}
}
@media(max-width:1180px){
  html.vx-hf12-readable .vx500-rank-tools{grid-template-columns:repeat(3,minmax(0,1fr))!important;height:auto!important}
  html.vx-hf12-readable .vx500-rank-tools label{grid-column:1/-1!important}
  html.vx-hf12-readable .vx490-discord-work{grid-template-columns:1fr!important}
  html.vx-hf12-readable .vx490-discord-work>aside{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  html.vx-hf12-readable .vx500-board-copy>small{font-size:10px!important}
  html.vx-hf12-readable .vx500-topic-main>b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  html.vx-hf12-readable .vx490-discord-work>aside{grid-template-columns:1fr!important}
  html.vx-hf12-readable .vx490-discord-app[data-discord-view="list"] .vx490-discord-card{display:block!important;max-width:330px!important}
  html.vx-hf12-readable .vx490-discord-app[data-discord-view="list"] .vx490-discord-card .cover{height:104px!important;min-height:0}
}
@media(max-width:640px){
  html.vx-hf12-readable .vx500-rank-tools{grid-template-columns:1fr 1fr!important;padding:10px!important}
  html.vx-hf12-readable .vx500-rank-tools label{grid-column:1/-1!important}
  html.vx-hf12-readable .vx500-rank-tools :is(select,button){width:100%!important;min-width:0!important}
  html.vx-hf12-readable .vx490-verified>div{grid-template-columns:1fr!important}
  html.vx-hf12-readable .vx490-discord-card{max-width:none!important}
  html.vx-hf12-readable .vx500-rank-row .identity b{font-size:12px!important}
  html.vx-hf12-readable .vx500-rank-row .identity small{font-size:8.5px!important}
}
@media(max-width:420px){
  html.vx-hf12-readable .vx500-rank-tools{grid-template-columns:1fr!important}
  html.vx-hf12-readable .vx500-rank-tools label{grid-column:auto!important}
  html.vx-hf12-readable .vx500-board-copy b{font-size:12px!important}
  html.vx-hf12-readable .vx500-board-count:nth-of-type(2){display:none!important}
  html.vx-hf12-readable .vx500-forum-board{grid-template-columns:46px minmax(0,1fr) 50px!important}
}
@media(prefers-reduced-motion:reduce){html.vx-hf12-readable *{scroll-behavior:auto!important}}