/* VEXMIRA v4.8.0 — responsive/performance foundation (loaded last) */
:root{--vx48-header-h:76px;--vx48-status-h:66px;--vx48-bottom-h:0px;--vx48-wrap:min(1240px,calc(100vw - 40px));--vx48-radius:18px;--vx48-ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}
html{min-width:320px;overflow-x:clip;scroll-padding-top:calc(var(--vx48-header-h) + var(--vx48-status-h) + 18px)}
body{min-width:320px;max-width:100vw;overflow-x:clip;overscroll-behavior-x:none}
img,video,canvas,svg{max-width:100%}
img{height:auto}
input,textarea,select,button{min-width:0;max-width:100%}
.app,.main-col,main,#mainContent,.page,.wrap,.section,.vx475-wrap{min-width:0!important;max-width:100%!important}
.main-col{width:100%!important;margin:0!important;overflow:visible!important}
.sidebar,.side-veil{display:none!important}
#mainContent{width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
.page:not(.active){display:none!important}
.page.active{width:100%!important;min-width:0!important}
.wrap,.vx475-wrap{width:var(--vx48-wrap)!important;margin-inline:auto!important;padding-inline:0!important}
.section{padding-block:clamp(18px,2.2vw,32px)!important}
:is(.page,.page *){writing-mode:horizontal-tb!important;text-orientation:mixed!important}
:is(h1,h2,h3,h4,h5,h6,p,a,button,label,span,b,strong,small,em,i,li,td,th){word-break:normal!important;overflow-wrap:break-word!important;white-space:normal}
pre,code,kbd{overflow-wrap:normal!important;word-break:normal!important}

/* ---------- header: reference desktop navbar ---------- */
#topbar.vx480-header{position:sticky!important;z-index:170!important;top:0!important;width:100%!important;height:var(--vx48-header-h)!important;min-height:var(--vx48-header-h)!important;display:grid!important;grid-template-columns:minmax(210px,250px) minmax(550px,1fr) auto auto!important;align-items:center!important;gap:12px!important;padding:10px clamp(18px,2.5vw,36px)!important;margin:0!important;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 98%,#11182f 2%),color-mix(in srgb,var(--bg2) 97%,#080b19 3%))!important;border-bottom:1px solid color-mix(in srgb,var(--primary) 32%,var(--line))!important;box-shadow:0 18px 42px -32px rgba(0,0,0,.96),inset 0 -1px rgba(59,203,255,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.vx480-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;color:var(--text)!important}
.vx480-brand .vx320-brand-mark{width:52px!important;height:52px!important;min-width:52px!important;display:grid!important;place-items:center!important;border-radius:16px!important;filter:drop-shadow(0 0 13px color-mix(in srgb,var(--primary) 36%,transparent))}
.vx480-brand .vx320-brand-mark img{width:52px!important;height:52px!important;object-fit:contain!important}
.vx480-brand-copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:0!important;line-height:1.15!important}
.vx480-brand-copy .vx320-brand-name{font-size:19px!important;line-height:1.05!important;letter-spacing:.12em!important;color:var(--text)!important;white-space:nowrap!important}
.vx480-brand-copy small{display:block!important;color:var(--muted)!important;font-size:10px!important;font-weight:650!important;white-space:nowrap!important}
.vx480-nav{height:52px!important;min-width:0!important;display:flex!important;align-items:stretch!important;justify-content:center!important;gap:2px!important;padding:4px!important;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line))!important;border-radius:14px!important;background:color-mix(in srgb,var(--surface) 74%,transparent)!important;overflow:visible!important}
.vx480-nav>button{position:relative!important;min-width:0!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 clamp(10px,1.1vw,16px)!important;border:0!important;border-radius:10px!important;background:transparent!important;color:color-mix(in srgb,var(--text) 84%,var(--muted))!important;font-size:11px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important}
.vx480-nav>button b,.vx480-nav>button i{white-space:nowrap!important}
.vx480-nav>button i{font-style:normal!important;opacity:.65!important;font-size:10px!important}
.vx480-nav>button:hover,.vx480-nav>button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 82%,#7237ff),color-mix(in srgb,var(--primary2) 86%,#a934ff))!important;color:#fff!important;box-shadow:0 10px 24px -14px color-mix(in srgb,var(--primary) 80%,transparent)!important}
.vx480-rank-nav em{position:absolute!important;right:6px!important;top:-11px!important;padding:3px 6px!important;border-radius:7px!important;background:linear-gradient(135deg,#7b33ff,#c53cff)!important;color:#fff!important;font-size:7px!important;font-style:normal!important;font-weight:900!important;letter-spacing:.06em!important;line-height:1!important;box-shadow:0 5px 15px rgba(122,48,255,.38)!important;white-space:nowrap!important}
.vx480-add-server{height:48px!important;min-width:128px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 15px!important;border:1px solid color-mix(in srgb,var(--primary) 54%,#815cff)!important;border-radius:11px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 86%,#7c35ff),color-mix(in srgb,var(--primary2) 90%,#b02fff))!important;color:#fff!important;font-size:11px!important;font-weight:900!important;box-shadow:0 10px 28px -15px color-mix(in srgb,var(--primary) 90%,transparent)!important;white-space:nowrap!important}
.vx480-add-server span,.vx480-add-server b{white-space:nowrap!important}
.vx480-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;white-space:nowrap!important}
.vx480-lang{height:42px!important;display:flex!important;align-items:center!important;padding:3px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:color-mix(in srgb,var(--surface) 86%,transparent)!important}
.vx480-lang button{height:34px!important;min-width:34px!important;padding:0 8px!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;font-size:9px!important;font-weight:900!important}
.vx480-lang button.active,.vx480-lang button[aria-pressed="true"]{background:var(--primary)!important;color:#fff!important}
.vx480-theme{height:42px!important}
.vx480-theme .vx320-theme-btn{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:10px!important;background:color-mix(in srgb,var(--surface) 86%,transparent)!important}
.vx480-theme .theme-picker-label,.vx480-theme .theme-picker-chevron{display:none!important}
.vx480-header-action,#vx11MessageBtn{position:relative!important;width:42px!important;height:42px!important;min-width:42px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid var(--line)!important;border-radius:10px!important;background:color-mix(in srgb,var(--surface) 86%,transparent)!important;color:var(--text)!important}
.vx480-auth-area{display:flex!important;align-items:center!important;min-width:46px!important}
.vx480-auth-area>*{max-height:46px!important}
.vx480-hamburger{display:none!important}

.vx480-statusbar{position:sticky!important;z-index:160!important;top:var(--vx48-header-h)!important;width:100%!important;height:var(--vx48-status-h)!important;min-height:var(--vx48-status-h)!important;display:grid!important;grid-template-columns:minmax(260px,1.25fr) repeat(4,minmax(145px,.85fr)) minmax(190px,1.05fr)!important;gap:0!important;padding:8px clamp(18px,2.5vw,36px)!important;background:color-mix(in srgb,var(--bg2) 97%,#0b1022)!important;border-bottom:1px solid color-mix(in srgb,var(--primary) 24%,var(--line))!important;box-shadow:0 14px 30px -28px rgba(0,0,0,.92)!important}
.vx480-premium,.vx480-stat,.vx480-global-search{min-width:0!important;height:50px!important;border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;background:color-mix(in srgb,var(--surface) 56%,transparent)!important}
.vx480-premium{display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px!important;align-items:center!important;gap:9px!important;padding:0 12px!important;border-radius:12px 0 0 12px!important;color:var(--text)!important;text-align:left!important}
.vx480-premium>span:first-child{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:linear-gradient(135deg,var(--primary),var(--primary2))!important;color:#fff!important;box-shadow:0 7px 20px -8px color-mix(in srgb,var(--primary) 90%,transparent)!important}
.vx480-premium b,.vx480-premium small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.vx480-premium b{font-size:10px!important;letter-spacing:.04em!important}.vx480-premium small{font-size:8px!important;color:var(--muted)!important}
.vx480-stat{display:grid!important;grid-template-columns:34px minmax(0,1fr) 50px!important;align-items:center!important;gap:7px!important;padding:0 10px!important;border-left:0!important}
.vx480-stat>span:first-child{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:color-mix(in srgb,var(--primary) 13%,transparent)!important;color:var(--primary)!important}.vx480-stat>span:first-child.is-green{color:#28d98b!important;background:rgba(40,217,139,.08)!important;font-size:15px!important}
.vx480-stat b,.vx480-stat small{display:block!important;line-height:1.15!important;white-space:nowrap!important}.vx480-stat b{font-size:13px!important}.vx480-stat small{font-size:7px!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.04em!important}.vx480-stat svg{width:48px!important;height:18px!important;color:var(--primary)!important}.vx480-stat svg path{fill:none!important;stroke:currentColor!important;stroke-width:2!important}
.vx480-global-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto 36px!important;align-items:center!important;gap:6px!important;padding:0 7px 0 10px!important;border-left:0!important;border-radius:0 12px 12px 0!important}.vx480-global-search input{width:100%!important;height:36px!important;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;font-size:10px!important}.vx480-global-search kbd{padding:2px 5px!important;border:1px solid var(--line)!important;border-radius:5px!important;color:var(--muted)!important;font-size:7px!important;background:transparent!important}.vx480-global-search button{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:transparent!important;color:var(--text)!important}

/* ---------- SSR SEO preview: meaningful before hydration, replaced after app data loads ---------- */
.seo-prerender{width:var(--vx48-wrap)!important;margin:18px auto 0!important;padding:18px 20px!important;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line))!important;border-radius:var(--vx48-radius)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--bg2) 90%,transparent))!important;color:var(--text)!important}
.seo-prerender>p{margin:0 0 5px!important;color:var(--primary)!important;font-size:9px!important;font-weight:900!important;letter-spacing:.15em!important;text-transform:uppercase!important}.seo-prerender h1{margin:0!important;font-size:clamp(24px,3vw,40px)!important;line-height:1.06!important}.seo-prerender>div{margin-top:8px!important;color:var(--muted)!important;max-width:880px!important}.seo-directory-preview{margin-top:16px!important}.seo-directory-preview ul{display:grid!important;gap:8px!important;padding:0!important;margin:0!important;list-style:none!important}.seo-directory-preview li a{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;padding:10px 12px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:color-mix(in srgb,var(--surface2) 72%,transparent)!important}.seo-directory-preview li b{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.seo-directory-preview li span{color:var(--muted)!important;font-size:11px!important;white-space:nowrap!important}.seo-directory-pages{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:12px!important}.seo-directory-pages a,.seo-directory-pages span{min-width:34px!important;height:34px!important;display:grid!important;place-items:center!important;padding:0 8px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:color-mix(in srgb,var(--surface2) 72%,transparent)!important;font-size:11px!important;font-weight:850!important}.seo-directory-pages .active{border-color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 18%,transparent)!important;color:var(--text)!important}
html.vx480-ready .seo-prerender[data-hydrated="true"]{display:none!important}

/* ---------- home v475 ---------- */
#page-home .vx475-wrap{width:var(--vx48-wrap)!important;max-width:100%!important}
.vx475-hero{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;gap:clamp(24px,4vw,60px)!important;align-items:center!important;min-height:auto!important;height:auto!important;padding-block:clamp(38px,6vw,88px)!important}
.vx475-hero-copy,.vx475-phone{min-width:0!important;width:100%!important;max-width:none!important;position:relative!important;inset:auto!important;transform:none!important}
.vx475-hero h1{max-width:800px!important;margin:12px 0 14px!important;font-size:clamp(43px,5.6vw,80px)!important;line-height:.96!important;letter-spacing:-.045em!important}.vx475-hero p{max-width:680px!important;font-size:clamp(14px,1.25vw,18px)!important;line-height:1.6!important}
.vx475-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.vx475-actions>*{min-height:48px!important}
.vx475-quick{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin-top:18px!important}.vx475-quick>*{min-width:0!important;min-height:108px!important;height:auto!important}
.vx475-metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-block:0 24px!important}.vx475-metric-grid>*{min-width:0!important}
.vx475-social-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.vx475-social-card{min-width:0!important;height:auto!important;min-height:300px!important;overflow:hidden!important}
.vx475-feed-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.vx475-feed-grid>*{min-width:0!important}
.vx475-final{min-height:0!important;height:auto!important}

/* ---------- servers ---------- */
#page-servers .vx400-page-hero{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)!important;gap:18px!important;min-height:0!important;height:auto!important}
#page-servers :is(.vx400-page-hero-main,.vx400-page-hero-side){min-width:0!important;position:relative!important;inset:auto!important;transform:none!important}
#page-servers .v2-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
#page-servers :is(.filter-bar,.v2-filter-scroll){max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain!important;scrollbar-width:thin!important}
#page-servers .v2-toolbar{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,220px) auto auto!important;gap:10px!important;align-items:center!important}
#serverList{min-width:0!important;max-width:100%!important}.server-list>*{min-width:0!important;content-visibility:auto;contain-intrinsic-size:130px}
.vx17-page-pager,.vx500-page-pager{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;margin:22px auto 4px!important;padding:10px!important}
.vx17-page-pager>a,.vx17-page-pager>button,.vx17-page-pager>span:not(:last-child),.vx500-page-pager>a,.vx500-page-pager>button,.vx500-page-pager>span:not(:last-child){width:auto!important;min-width:38px!important;height:38px!important;display:grid!important;place-items:center!important;padding:0 10px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:color-mix(in srgb,var(--surface) 82%,transparent)!important;color:var(--muted)!important;font-size:12px!important;font-weight:900!important;text-decoration:none!important}
.vx17-page-pager>a.active,.vx500-page-pager>a.active,.vx17-page-pager>button.active,.vx500-page-pager>button.active{border-color:var(--primary)!important;background:linear-gradient(135deg,var(--primary),var(--primary2))!important;color:#fff!important;box-shadow:0 8px 22px -12px color-mix(in srgb,var(--primary) 90%,transparent)!important}.vx17-page-pager>[aria-disabled="true"],.vx500-page-pager>[aria-disabled="true"],.vx17-page-pager>button:disabled,.vx500-page-pager>button:disabled{opacity:.35!important;pointer-events:none!important}.vx17-page-pager>span:last-child,.vx500-page-pager>span:last-child{margin-left:8px!important;color:var(--muted)!important;font-size:11px!important}

/* ---------- market: eliminates the letter-by-letter columns seen on iOS ---------- */
#page-market :is(.vx477-market-hero,.vx478-market-hero){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr)!important;gap:clamp(24px,4vw,52px)!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;padding:clamp(26px,4vw,52px)!important;overflow:hidden!important}
#page-market :is(.vx477-market-copy,.vx477-market-art,.vx478-market-copy,.vx478-market-art){position:relative!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;writing-mode:horizontal-tb!important}
#page-market :is(.vx477-market-copy,.vx478-market-copy) *{max-width:100%!important;writing-mode:horizontal-tb!important;word-break:normal!important;white-space:normal!important}
#page-market :is(.vx477-market-copy,.vx478-market-copy) h1,#page-market :is(.vx477-market-copy,.vx478-market-copy) h2{font-size:clamp(36px,5vw,70px)!important;line-height:.98!important;letter-spacing:-.04em!important}
#page-market :is(.vx477-market-art,.vx478-market-art) img,#page-market :is(.vx477-market-art,.vx478-market-art) svg{max-height:430px!important;object-fit:contain!important;margin-inline:auto!important}
#page-market .vx477-market-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.vx477-market-benefits>*{min-width:0!important}
#page-market .vx478-market-cat-grid,#page-market .vx478-quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.vx478-market-cat,.vx478-quick-grid>*{min-width:0!important}
#page-market .market-grid>*{min-width:0!important;content-visibility:auto;contain-intrinsic-size:310px}

/* ---------- ranking ---------- */
#vx500RankApp,.vx500-ranking-app{min-width:0!important;max-width:100%!important;overflow:visible!important}
.vx500-rank-tabs{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important}
.vx500-rank-tools{display:grid!important;grid-template-columns:minmax(220px,1.25fr) repeat(3,minmax(130px,.75fr)) auto auto!important;gap:8px!important;min-width:0!important}.vx500-rank-tools>*{min-width:0!important}
.vx500-rank-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.vx500-rank-kpis>*{min-width:0!important}
.vx500-rank-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 240px!important;gap:12px!important;min-width:0!important;align-items:start!important}.vx500-rank-layout>*{min-width:0!important}
.vx500-rank-table{min-width:0!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important}.vx500-rank-head,.vx500-rank-row{min-width:860px!important}.vx500-rank-row{content-visibility:auto;contain-intrinsic-size:74px}
[data-vx500-more]{display:none!important}

/* ---------- messages: desktop 1366x768 guaranteed composer ---------- */
#page-messages.vx480-messages{height:calc(100dvh - var(--vx48-header-h) - var(--vx48-status-h))!important;min-height:480px!important;max-height:calc(100dvh - var(--vx48-header-h) - var(--vx48-status-h))!important;padding:10px clamp(12px,2vw,28px)!important;overflow:hidden!important}
#page-messages .vx480-dm-page,#page-messages .vx11-dm-page{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}
#page-messages #vx11DmShell.vx480-shell{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:310px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;width:100%!important;max-width:1500px!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0 auto!important;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line))!important;border-radius:18px!important;background:color-mix(in srgb,var(--bg2) 97%,transparent)!important;overflow:hidden!important;box-shadow:0 24px 70px -48px #000!important}
#page-messages .vx480-sidebar{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;gap:0!important;width:auto!important;min-width:0!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;border-right:1px solid color-mix(in srgb,var(--primary) 20%,var(--line))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 85%,transparent),color-mix(in srgb,var(--bg2) 95%,transparent))!important}
#page-messages .vx480-sidebar-head{min-height:58px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:8px 10px!important;border-bottom:1px solid var(--line)!important}.vx480-sidebar-head .vx480-brand{min-width:0!important;gap:8px!important}.vx480-sidebar-head .vx480-brand-icon{width:36px!important;height:36px!important;flex:0 0 36px!important}.vx480-sidebar-head .vx480-brand-icon img{width:36px!important;height:36px!important}.vx480-sidebar-head .vx480-brand-copy{min-width:0!important}.vx480-sidebar-head .vx480-brand-copy small{font-size:7px!important}.vx480-sidebar-head .vx480-brand-copy b{font-size:15px!important;line-height:1.05!important}.vx480-sidebar-head .vx480-brand-copy em{font-size:7px!important;color:var(--muted)!important;font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-messages .vx480-search{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;height:42px!important;min-height:42px!important;margin:8px 9px 5px!important;padding:0 10px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:color-mix(in srgb,var(--surface2) 65%,transparent)!important}.vx480-search input{width:100%!important;height:38px!important;border:0!important;outline:0!important;background:transparent!important;font-size:10px!important}
#page-messages .vx480-conversations-head{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;height:auto!important;min-height:34px!important;padding:5px 10px!important;margin:0!important}.vx480-conversations-head small{display:block!important;font-size:7px!important;letter-spacing:.12em!important;color:var(--primary)!important}.vx480-conversations-head b{display:block!important;font-size:9px!important}.vx480-conversations-head>span{font-size:8px!important;color:var(--muted)!important;white-space:nowrap!important}
#page-messages #vx11Conversations{position:relative!important;inset:auto!important;transform:none!important;display:block!important;min-height:0!important;height:auto!important;margin:0!important;padding:4px 8px 10px!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}
#page-messages .vx11-conv,#page-messages .vx17-person-result{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;min-height:62px!important;height:auto!important;margin:0 0 5px!important;padding:7px 8px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;text-align:left!important}.vx11-conv:hover,.vx11-conv.active{background:color-mix(in srgb,var(--primary) 11%,var(--surface2))!important;border-color:color-mix(in srgb,var(--primary) 21%,var(--line))!important}.vx11-conv-main{min-width:0!important}.vx11-conv-main b,.vx11-conv-main small{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.vx11-conv-main b{font-size:10px!important}.vx11-conv-main small{font-size:8px!important;color:var(--muted)!important}.vx11-conv-meta{font-size:7px!important;color:var(--muted)!important;white-space:nowrap!important}
#page-messages .vx480-social-trigger{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) 16px!important;align-items:center!important;gap:8px!important;width:calc(100% - 16px)!important;min-height:52px!important;margin:6px 8px 8px!important;padding:7px 9px!important;border:1px solid color-mix(in srgb,var(--primary) 23%,var(--line))!important;border-radius:11px!important;background:color-mix(in srgb,var(--primary) 6%,var(--surface2))!important;text-align:left!important}.vx480-social-trigger b,.vx480-social-trigger small{display:block!important}.vx480-social-trigger b{font-size:9px!important}.vx480-social-trigger small{font-size:7px!important;color:var(--muted)!important}
#page-messages .vx480-chat,#page-messages .vx11-dm-chat{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;width:auto!important;min-width:0!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:radial-gradient(700px 420px at 55% 55%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 70%),color-mix(in srgb,var(--bg) 92%,#080c1c)!important}
#page-messages .vx11-chat-head{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;min-width:0!important;min-height:56px!important;height:auto!important;margin:0!important;padding:8px 12px!important;overflow:hidden!important;border-bottom:1px solid var(--line)!important;background:color-mix(in srgb,var(--surface) 45%,transparent)!important}.vx11-chat-head .back{display:none!important}
#page-messages #vx11ChatThread{position:relative!important;inset:auto!important;transform:none!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:14px clamp(12px,2.2vw,26px)!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}
#page-messages .vx11-compose{position:relative!important;inset:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;z-index:3!important;display:grid!important;grid-template-columns:40px 40px minmax(0,1fr) 88px!important;align-items:end!important;gap:7px!important;width:100%!important;min-width:0!important;min-height:62px!important;height:auto!important;margin:0!important;padding:9px 10px!important;border-top:1px solid var(--line)!important;background:color-mix(in srgb,var(--bg2) 98%,transparent)!important}.vx11-compose textarea{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;min-height:42px!important;max-height:120px!important;resize:vertical!important;margin:0!important;padding:10px 12px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface2)!important;line-height:1.35!important}.vx11-compose>button{height:42px!important;min-height:42px!important;margin:0!important}.vx11-compose .send{width:88px!important;min-width:88px!important}
.vx480-empty-chat{max-width:520px!important;margin:auto!important;padding:24px!important;text-align:center!important}.vx480-empty-mark{width:58px!important;height:58px!important;margin:0 auto 12px!important}.vx480-empty-chat h3{font-size:18px!important;line-height:1.25!important}.vx480-empty-chat p{font-size:11px!important;color:var(--muted)!important}
#page-messages .vx480-social-overlay{position:fixed!important;z-index:260!important;inset:0!important;display:grid!important;place-items:center!important;padding:18px!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;transition:opacity .16s ease,visibility .16s ease!important}.vx480-social-overlay[aria-hidden="false"],.vx480-social-overlay.open{pointer-events:auto!important;opacity:1!important;visibility:visible!important}.vx480-social-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.68)!important;backdrop-filter:blur(4px)!important}.vx480-social-panel{position:relative!important;z-index:2!important;width:min(720px,calc(100vw - 36px))!important;max-height:min(800px,calc(100dvh - 36px))!important;overflow:auto!important;border:1px solid color-mix(in srgb,var(--primary) 36%,var(--line))!important;border-radius:20px!important;background:var(--bg2)!important;padding:15px!important}

/* ---------- performance and visual stability ---------- */
:is(#serverList,.market-grid,.discord-grid,#threadList,.vx500-rank-rows)>*{contain:layout paint style}
html.vx-page-hidden *,html.vx-page-hidden *::before,html.vx-page-hidden *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* ---------- 1366 desktop compact ---------- */
@media (max-width:1450px) and (min-width:901px){
 :root{--vx48-header-h:68px;--vx48-status-h:58px;--vx48-wrap:min(1240px,calc(100vw - 32px))}
 #topbar.vx480-header{grid-template-columns:190px minmax(500px,1fr) auto auto!important;gap:8px!important;padding:8px 16px!important}.vx480-brand .vx320-brand-mark,.vx480-brand .vx320-brand-mark img{width:46px!important;height:46px!important;min-width:46px!important}.vx480-brand-copy .vx320-brand-name{font-size:17px!important}.vx480-brand-copy small{font-size:8px!important}.vx480-nav{height:48px!important}.vx480-nav>button{height:38px!important;gap:5px!important;padding-inline:9px!important;font-size:9px!important}.vx480-add-server{height:44px!important;min-width:110px!important;padding-inline:12px!important;font-size:9px!important}.vx480-lang{height:40px!important}.vx480-lang button{height:32px!important;min-width:30px!important;font-size:8px!important}.vx480-theme,.vx480-theme .vx320-theme-btn,.vx480-header-action,#vx11MessageBtn{width:40px!important;height:40px!important;min-width:40px!important}.vx480-statusbar{grid-template-columns:minmax(220px,1.2fr) repeat(4,minmax(125px,.78fr)) minmax(170px,1fr)!important;padding:5px 16px!important}.vx480-premium,.vx480-stat,.vx480-global-search{height:48px!important}.vx480-stat{grid-template-columns:28px minmax(0,1fr) 38px!important;padding-inline:7px!important}.vx480-stat svg{width:36px!important}.vx480-stat b{font-size:11px!important}.vx480-stat small{font-size:6px!important}.vx480-premium b{font-size:9px!important}.vx480-premium small{font-size:7px!important}
 #page-messages.vx480-messages{padding:8px 12px!important}#page-messages #vx11DmShell.vx480-shell{grid-template-columns:300px minmax(0,1fr)!important}
}

/* ---------- tablet ---------- */
@media (max-width:1100px){
 .vx480-brand-copy small{display:none!important}.vx480-nav>button i,.vx480-rank-nav em{display:none!important}.vx480-nav>button{padding-inline:8px!important}.vx480-statusbar{grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(120px,.8fr)) minmax(170px,1fr)!important}.vx480-stat:nth-of-type(3),.vx480-stat:nth-of-type(4){display:none!important}
 .vx475-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.75fr)!important}.vx475-quick{grid-template-columns:repeat(3,minmax(0,1fr))!important}.vx475-social-grid{grid-template-columns:1fr 1fr!important}.vx475-social-card:last-child{grid-column:1/-1!important}.vx500-rank-layout{grid-template-columns:1fr!important}.vx500-rank-layout>aside{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.vx500-rank-tools{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(130px,.7fr))!important}.vx500-rank-tools>*:nth-last-child(-n+2){width:100%!important}
}

/* ---------- mobile ---------- */
@media (max-width:900px){
 :root{--vx48-header-h:72px;--vx48-status-h:0px;--vx48-bottom-h:74px;--vx48-wrap:calc(100vw - 28px)}
 html{scroll-padding-top:82px!important}
 body{padding-bottom:calc(var(--vx48-bottom-h) + env(safe-area-inset-bottom))!important}
 .wrap,.vx475-wrap{width:var(--vx48-wrap)!important;max-width:var(--vx48-wrap)!important}
 #topbar.vx480-header{position:sticky!important;top:0!important;height:var(--vx48-header-h)!important;min-height:var(--vx48-header-h)!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important;padding:8px 12px!important;border-bottom:1px solid color-mix(in srgb,var(--primary) 28%,var(--line))!important;background:color-mix(in srgb,var(--bg) 98%,#050817)!important}
 .vx480-brand{gap:8px!important;min-width:0!important}.vx480-brand .vx320-brand-mark,.vx480-brand .vx320-brand-mark img{width:44px!important;height:44px!important;min-width:44px!important}.vx480-brand-copy{min-width:0!important}.vx480-brand-copy .vx320-brand-name{font-size:18px!important;letter-spacing:.11em!important}.vx480-brand-copy small{display:none!important}
 .vx480-nav,.vx480-statusbar,.vx480-theme,#notifBtn,.vx480-auth-area,#vx11MessageBtn{display:none!important}
 .vx480-add-server{grid-column:2!important;height:44px!important;min-width:104px!important;padding:0 13px!important;border-radius:12px!important;font-size:0!important}.vx480-add-server span{font-size:11px!important}.vx480-add-server b{font-size:0!important}.vx480-add-server b::after{content:'Keşfet';font-size:12px!important;font-weight:900!important}
 .vx480-actions{grid-column:3!important;display:flex!important;gap:6px!important}.vx480-actions>.vx480-lang{display:flex!important;height:44px!important}.vx480-lang button{display:none!important}.vx480-lang button.active,.vx480-lang button[aria-pressed="true"],.vx480-lang button:first-child{display:grid!important;place-items:center!important;width:44px!important;height:36px!important;min-width:44px!important;font-size:11px!important;color:#fff!important;background:linear-gradient(135deg,var(--primary),var(--primary2))!important}.vx480-hamburger{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;padding:10px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:color-mix(in srgb,var(--surface) 82%,transparent)!important}.vx480-hamburger span{display:block!important;width:22px!important;height:2px!important;margin:2px auto!important;border-radius:9px!important;background:var(--text)!important}
 .vx320-mobile-menu{position:fixed!important;z-index:250!important;inset:var(--vx48-header-h) 8px auto 8px!important;max-height:calc(100dvh - var(--vx48-header-h) - 20px)!important;overflow:auto!important;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line))!important;border-radius:18px!important;background:color-mix(in srgb,var(--bg2) 98%,#050817)!important;box-shadow:0 30px 80px -28px #000!important}.vx320-mobile-menu[aria-hidden="true"]{display:none!important}.vx320-mobile-menu[aria-hidden="false"],.vx320-mobile-menu.open{display:block!important}.vx320-mobile-menu-inner{padding:13px!important}.vx320-mobile-nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.vx320-mobile-nav button{min-height:44px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface)!important;color:var(--text)!important;font-size:11px!important;font-weight:800!important}.vx320-mobile-brand{display:none!important}
 .bottom-nav{position:fixed!important;z-index:190!important;left:0!important;right:0!important;bottom:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;height:calc(var(--vx48-bottom-h) + env(safe-area-inset-bottom))!important;min-height:var(--vx48-bottom-h)!important;padding:6px 5px env(safe-area-inset-bottom)!important;background:color-mix(in srgb,var(--bg) 96%,#070617)!important;border-top:1px solid color-mix(in srgb,var(--primary) 27%,var(--line))!important;box-shadow:0 -18px 42px -30px #000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.bottom-nav>*{min-width:0!important}
 .seo-prerender{width:var(--vx48-wrap)!important;margin-top:12px!important;padding:15px!important}.seo-directory-preview li a{grid-template-columns:minmax(0,1fr) auto!important}.seo-directory-preview li span:last-child{display:none!important}
 .section{padding-block:14px!important}
 .vx475-hero{display:block!important;width:var(--vx48-wrap)!important;min-height:0!important;height:auto!important;padding:24px 0 16px!important}.vx475-hero-copy,.vx475-phone{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;position:relative!important;inset:auto!important;transform:none!important}.vx475-hero h1{margin:10px 0 12px!important;font-size:clamp(40px,12vw,64px)!important;line-height:.96!important}.vx475-hero p{font-size:14px!important;line-height:1.55!important}.vx475-phone{margin-top:22px!important;max-height:none!important}.vx475-actions{display:grid!important;grid-template-columns:1fr!important}.vx475-actions>*{width:100%!important;min-height:48px!important}.vx475-trust{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.vx475-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:14px!important}.vx475-quick>*{min-height:94px!important;height:auto!important;padding:12px!important}.vx475-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.vx475-social-grid,.vx475-feed-grid{grid-template-columns:1fr!important}.vx475-social-card,.vx475-social-card:last-child{grid-column:auto!important;min-height:0!important;height:auto!important}.vx475-final{display:block!important;padding:20px!important}.vx475-final-copy{width:100%!important}
 #page-servers .vx400-page-hero{grid-template-columns:1fr!important;padding:16px!important}.vx400-page-hero-main{display:grid!important;grid-template-columns:1fr!important}.vx400-page-icon{display:none!important}#page-servers .vx400-page-hero h1{font-size:clamp(34px,10vw,52px)!important;line-height:1!important}#page-servers .vx400-page-hero-side{display:none!important}#page-servers .v2-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-servers .v2-toolbar{grid-template-columns:1fr 1fr!important}#page-servers .v2-search{grid-column:1/-1!important}#page-servers .v2-view{display:none!important}.server-list{display:grid!important;grid-template-columns:1fr!important}.server-list>*{width:100%!important;max-width:100%!important}
 #page-market :is(.vx477-market-hero,.vx478-market-hero){display:grid!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;padding:18px!important;gap:20px!important}#page-market :is(.vx477-market-copy,.vx477-market-art,.vx478-market-copy,.vx478-market-art){grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;position:relative!important;inset:auto!important;transform:none!important;overflow:visible!important}#page-market :is(.vx477-market-copy,.vx478-market-copy) h1,#page-market :is(.vx477-market-copy,.vx478-market-copy) h2{font-size:clamp(39px,12vw,58px)!important;line-height:.96!important}#page-market :is(.vx477-market-copy,.vx478-market-copy) p{font-size:14px!important;line-height:1.55!important}#page-market .vx477-market-art{min-height:260px!important;display:grid!important;place-items:center!important}#page-market .vx477-market-art>*{max-width:100%!important;max-height:320px!important}#page-market .vx477-market-benefits{grid-template-columns:1fr!important}.vx478-market-cat-grid,.vx478-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.market-grid{grid-template-columns:1fr!important}
 .vx500-rank-tabs{display:flex!important;max-width:100%!important;overflow-x:auto!important}.vx500-rank-tabs>*{flex:0 0 180px!important}.vx500-rank-tools{grid-template-columns:1fr 1fr!important}.vx500-rank-tools>*{width:100%!important}.vx500-rank-tools>input,.vx500-rank-tools>.vx500-rank-search{grid-column:1/-1!important}.vx500-rank-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vx500-rank-layout{grid-template-columns:1fr!important}.vx500-rank-layout>aside{display:none!important}.vx500-rank-table{border-radius:12px!important}.vx500-rank-head,.vx500-rank-row{min-width:780px!important}.vx17-page-pager,.vx500-page-pager{gap:5px!important;padding-inline:0!important}.vx17-page-pager>a,.vx17-page-pager>button,.vx17-page-pager>span:not(:last-child),.vx500-page-pager>a,.vx500-page-pager>button,.vx500-page-pager>span:not(:last-child){min-width:34px!important;height:34px!important;padding-inline:7px!important}.vx17-page-pager>span:last-child,.vx500-page-pager>span:last-child{width:100%!important;margin:3px 0 0!important;text-align:center!important}
 #page-messages.vx480-messages{height:calc(100dvh - var(--vx48-header-h) - var(--vx48-bottom-h) - env(safe-area-inset-bottom))!important;min-height:0!important;max-height:calc(100dvh - var(--vx48-header-h) - var(--vx48-bottom-h) - env(safe-area-inset-bottom))!important;padding:8px!important;overflow:hidden!important}#page-messages #vx11DmShell.vx480-shell{display:block!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;border-radius:14px!important}.vx480-shell .vx480-sidebar,.vx480-shell .vx480-chat{width:100%!important;height:100%!important;min-height:0!important}.vx480-shell:not(.vx11-chat-open) .vx480-chat{display:none!important}.vx480-shell.vx11-chat-open .vx480-sidebar{display:none!important}.vx480-shell.vx11-chat-open .vx480-chat{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important}.vx11-chat-head .back{display:inline-grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;padding:0!important}.vx480-sidebar-head{min-height:56px!important}.vx480-social-trigger{min-height:50px!important}.vx11-compose{grid-template-columns:38px 38px minmax(0,1fr) 72px!important;min-height:58px!important;padding:7px!important}.vx11-compose>button,.vx11-compose textarea{min-height:40px!important;height:40px!important}.vx11-compose .send{width:72px!important;min-width:72px!important;font-size:10px!important}.vx480-empty-chat{padding:16px!important}.vx480-social-panel{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;border-radius:16px!important;padding:10px!important}
 /* mobile GPU/blur budget */
 :is(.card,.side-card,.vx475-social-card,.vx500-ranking-app,.vx400-page-hero,.vx477-market-hero,.vx478-market-hero,.modal,.vx480-social-panel){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 [class*="orb"],[class*="glow"]{animation:none!important}
}

@media (max-width:520px){
 :root{--vx48-wrap:calc(100vw - 20px)}
 #topbar.vx480-header{grid-template-columns:minmax(0,1fr) 94px 92px!important;padding-inline:8px!important}.vx480-brand .vx320-brand-mark,.vx480-brand .vx320-brand-mark img{width:40px!important;height:40px!important;min-width:40px!important}.vx480-brand-copy .vx320-brand-name{font-size:16px!important;letter-spacing:.08em!important}.vx480-add-server{min-width:92px!important;padding-inline:8px!important}.vx480-actions{gap:4px!important}.vx480-actions>.vx480-lang,.vx480-hamburger{width:42px!important;height:42px!important;min-width:42px!important}.vx480-lang button.active,.vx480-lang button[aria-pressed="true"],.vx480-lang button:first-child{width:40px!important;min-width:40px!important}
 .vx475-quick,.vx475-metric-grid,.vx478-market-cat-grid,.vx478-quick-grid,#page-servers .v2-metrics,.vx500-rank-kpis,.vx500-rank-tools{grid-template-columns:1fr!important}.vx475-hero h1{font-size:clamp(36px,12vw,52px)!important}.vx475-quick>*{min-height:82px!important}.vx500-rank-tools>*{grid-column:1!important}.vx17-page-pager>a,.vx17-page-pager>button,.vx17-page-pager>span:not(:last-child),.vx500-page-pager>a,.vx500-page-pager>button,.vx500-page-pager>span:not(:last-child){min-width:32px!important;height:32px!important;padding-inline:6px!important;font-size:11px!important}
 #page-messages.vx480-messages{padding:4px!important}#page-messages #vx11DmShell.vx480-shell{border-radius:11px!important}.vx11-compose{grid-template-columns:36px 36px minmax(0,1fr) 58px!important;gap:5px!important}.vx11-compose .send{width:58px!important;min-width:58px!important;font-size:0!important}.vx11-compose .send::after{content:'Gönder';font-size:8px!important}
}

/* ---------- v4.8 final authority: dynamic viewport + hostile legacy-size reset ---------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-y:auto!important}
html.vx480-final .page.active{isolation:isolate}
html.vx480-final :is(.wrap,.vx320-wrap,.vx475-wrap,.v2-hero,.v2-toolbar,.market-grid,.server-list,.discord-grid,.vx500-ranking-app,.vx11-dm-shell)>*{min-width:0}
html.vx480-final :is(.vx477-market-copy,.vx478-market-copy,.vx475-hero-copy,.vx400-page-hero-main,.vx320-hero-copy){width:100%!important;max-width:100%!important}
html.vx480-final :is(.vx477-market-copy,.vx478-market-copy,.vx475-hero-copy,.vx400-page-hero-main,.vx320-hero-copy) :is(h1,h2,h3,p,span,strong,b){max-width:100%!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal!important}
html.vx480-final .page.active :is(table,.table-wrap,[class*="table"]){max-width:100%}
html.vx480-final .page.active :is(input,select,textarea){font-size:max(16px,1em)}
@media(min-width:901px){html.vx480-final .page.active :is(input,select,textarea){font-size:inherit}}

/* Messages always consume the remaining *visual* viewport, including iOS keyboard changes. */
#page-messages.vx480-messages{height:calc(var(--vx48-vvh,100dvh) - var(--vx48-header-h) - var(--vx48-status-h))!important;max-height:calc(var(--vx48-vvh,100dvh) - var(--vx48-header-h) - var(--vx48-status-h))!important;min-height:0!important}
#page-messages #vx11DmShell.vx480-shell,#page-messages .vx480-sidebar,#page-messages .vx480-chat{min-height:0!important}
#page-messages #vx11ChatThread{overflow-anchor:auto!important}
#page-messages .vx11-compose{flex:none!important;overflow:visible!important}
#page-messages .vx11-compose textarea{resize:none!important;overflow-y:auto!important}

/* Keep large below-the-fold grids cheap without changing above-the-fold geometry. */
html.vx480-final .page.active :is(.server-list,.market-grid,.discord-grid,.vx475-feed-grid,.vx475-social-grid,.vx500-rank-rows)>*{content-visibility:auto;contain-intrinsic-size:auto 180px}
html.vx480-final :is(.server-list,.market-grid,.discord-grid,.vx500-rank-rows)>*{will-change:auto!important}

/* Theme compatibility: all four visual families retain readable contrast. */
html[data-theme="light"] .vx480-statusbar,html[data-palette="light"] .vx480-statusbar{background:rgba(247,249,255,.98)!important}
html[data-theme="light"] #topbar.vx480-header,html[data-palette="light"] #topbar.vx480-header{background:rgba(255,255,255,.98)!important;color:var(--text)!important}
html[data-theme="ocean"] .vx480-add-server,html[data-palette="blue"] .vx480-add-server{background:linear-gradient(135deg,#1769ff,#24c8f4)!important;border-color:rgba(69,188,255,.56)!important}

/* 1366×768 / short laptop viewport: reserve room for the chat composer, not the document. */
@media (min-width:901px) and (max-height:760px){
 :root{--vx48-header-h:62px;--vx48-status-h:50px}
 #topbar.vx480-header{padding-block:6px!important}
 .vx480-brand .vx320-brand-mark,.vx480-brand .vx320-brand-mark img{width:42px!important;height:42px!important;min-width:42px!important}
 .vx480-nav{height:44px!important}.vx480-nav>button{height:34px!important}
 .vx480-add-server{height:40px!important}.vx480-lang,.vx480-theme,.vx480-theme .vx320-theme-btn,.vx480-header-action,#vx11MessageBtn{height:38px!important;min-height:38px!important}
 .vx480-statusbar{padding-block:3px!important}.vx480-premium,.vx480-stat,.vx480-global-search{height:44px!important}
 #page-messages.vx480-messages{padding:6px 10px!important}
 #page-messages .vx480-sidebar-head,#page-messages .vx11-chat-head{min-height:48px!important;padding-block:5px!important}
 #page-messages .vx480-search{height:36px!important;min-height:36px!important;margin-block:5px 3px!important}.vx480-search input{height:32px!important}
 #page-messages .vx480-conversations-head{min-height:28px!important;padding-block:3px!important}
 #page-messages .vx11-conv,#page-messages .vx17-person-result{min-height:54px!important;padding-block:5px!important}
 #page-messages .vx480-social-trigger{min-height:44px!important;margin-block:4px!important}
 #page-messages .vx11-compose{min-height:54px!important;padding:6px 8px!important}.vx11-compose textarea,.vx11-compose>button{height:40px!important;min-height:40px!important}
}

@media (max-width:900px){
 body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;padding-bottom:calc(var(--vx48-bottom-h) + env(safe-area-inset-bottom))!important}
 .main-col,#mainContent,.page.active{width:100%!important;max-width:100vw!important;min-width:0!important;overflow-x:hidden!important}
 #page-messages.vx480-messages{height:calc(var(--vx48-vvh,100dvh) - var(--vx48-header-h) - var(--vx48-bottom-h) - env(safe-area-inset-bottom))!important;max-height:calc(var(--vx48-vvh,100dvh) - var(--vx48-header-h) - var(--vx48-bottom-h) - env(safe-area-inset-bottom))!important;min-height:0!important}
 .vx320-mobile-menu{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
 .page.active :is(.v2-hero,.vx400-page-hero,.vx477-market-hero,.vx478-market-hero,.vx475-hero,.vx320-hero){max-width:100%!important;overflow-x:hidden!important}
 .page.active :is(h1,h2,h3){hyphens:none!important;-webkit-hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important}
 .page.active :is(p,small,label,.muted){overflow-wrap:break-word!important;word-break:normal!important}
 .vx500-rank-table{scroll-snap-type:x proximity}.vx500-rank-row{scroll-snap-align:start}
}

@media (max-width:420px){
 :root{--vx48-wrap:calc(100vw - 18px)}
 #topbar.vx480-header{grid-template-columns:minmax(0,1fr) 86px 82px!important;gap:4px!important;padding-inline:6px!important}
 .vx480-brand{gap:6px!important}.vx480-brand .vx320-brand-mark,.vx480-brand .vx320-brand-mark img{width:37px!important;height:37px!important;min-width:37px!important}.vx480-brand-copy .vx320-brand-name{font-size:14px!important;letter-spacing:.065em!important}
 .vx480-add-server{min-width:86px!important;width:86px!important;padding-inline:6px!important}.vx480-add-server b::after{font-size:11px!important}
 .vx480-actions{gap:3px!important}.vx480-actions>.vx480-lang,.vx480-hamburger{width:39px!important;height:42px!important;min-width:39px!important}.vx480-lang button.active,.vx480-lang button[aria-pressed="true"],.vx480-lang button:first-child{width:37px!important;min-width:37px!important}
 .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.bottom-nav :is(button,a){min-width:0!important;padding-inline:2px!important}.bottom-nav span,.bottom-nav b,.bottom-nav small{font-size:10px!important;white-space:nowrap!important}
}

@media (max-width:360px){
 .vx480-brand-copy .vx320-brand-name{font-size:12px!important;letter-spacing:.04em!important}.vx480-brand .vx320-brand-mark,.vx480-brand .vx320-brand-mark img{width:34px!important;height:34px!important;min-width:34px!important}
 #topbar.vx480-header{grid-template-columns:minmax(0,1fr) 80px 78px!important}.vx480-add-server{width:80px!important;min-width:80px!important}.vx480-actions>.vx480-lang,.vx480-hamburger{width:37px!important;min-width:37px!important}
}

/* v4.8 GameTracker-parity utilities: global historical player search + live embed */
.vx480-player-search{margin:14px 0 18px;border:1px solid color-mix(in srgb,var(--purple,#9b35ff) 30%,var(--line2,#29233f));border-radius:18px;background:linear-gradient(145deg,rgba(139,49,255,.075),rgba(8,10,24,.94));overflow:hidden}
.vx480-player-search>summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:13px 16px;cursor:pointer;list-style:none;font-weight:800;letter-spacing:.01em}.vx480-player-search>summary::-webkit-details-marker{display:none}.vx480-player-search>summary:before{content:'⌕';display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(153,53,255,.16);color:#c777ff;font-size:20px}.vx480-player-search>summary small{margin-left:auto;color:var(--mut2,#827a9a);font-size:11px;font-weight:600}
.vx480-player-search-form{display:grid;grid-template-columns:minmax(220px,1fr) 160px auto;gap:10px;padding:0 16px 16px}.vx480-player-search-form label{display:grid;gap:6px;min-width:0}.vx480-player-search-form label>span{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--mut2,#827a9a)}.vx480-player-search-form input,.vx480-player-search-form select{width:100%;min-width:0;height:43px;border:1px solid var(--line2,#29233f);border-radius:12px;background:rgba(4,7,19,.7);color:var(--txt,#fff);padding:0 12px}.vx480-player-search-form .btn{align-self:end;min-height:43px}
.vx480-player-results{padding:0 16px 16px;color:var(--mut,#aba4ba);font-size:12px}.vx480-player-result-list{display:grid;gap:8px}.vx480-player-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line2,#29233f);border-radius:13px;background:rgba(255,255,255,.025);color:inherit;text-decoration:none}.vx480-player-result:hover{border-color:rgba(164,74,255,.5);background:rgba(153,53,255,.07)}.vx480-player-result>span{min-width:0;display:grid;gap:3px}.vx480-player-result b{color:var(--txt,#fff);font-size:12px;white-space:normal;overflow-wrap:anywhere}.vx480-player-result small{font-size:10px;white-space:normal;overflow-wrap:anywhere}.vx480-player-result em{font-style:normal;font-size:10px;color:#b767ff;white-space:nowrap}.vx480-player-loading{padding:10px 0}
.vx480-server-embed p{font-size:11px;line-height:1.55;color:var(--mut2,#8d849e);margin:0 0 10px}.vx480-server-embed img{display:block;width:100%;height:auto;max-width:100%;border-radius:11px;border:1px solid var(--line2,#29233f);background:#070817}.vx480-embed-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.vx480-embed-actions .btn,.vx480-embed-actions a{min-width:0;width:100%;white-space:normal;text-align:center}.vx480-embed-actions a:last-child{grid-column:1/-1}
@media(max-width:900px){.vx480-player-search{margin:12px 0 15px}.vx480-player-search>summary{padding:12px 13px}.vx480-player-search>summary small{display:none}.vx480-player-search-form{grid-template-columns:1fr;padding:0 13px 13px}.vx480-player-search-form input,.vx480-player-search-form select{font-size:16px}.vx480-player-result{align-items:flex-start}.vx480-player-result em{white-space:normal;text-align:right}}