/* YUTEN / X-RAY. Homepage composition; data and server actions stay server-rendered. */
.site-page--home .hvh-hero__spectrum{position:absolute;inset:0;z-index:3;pointer-events:none;clip-path:inset(32% 0 54%);opacity:.55;animation:hvh-spectrum 9s cubic-bezier(.4,0,.2,1) infinite}
.site-page--home .hvh-hero__spectrum .hvh-hero__figure{filter:sepia(1) saturate(2.5) hue-rotate(185deg) brightness(1.4)}
@keyframes hvh-spectrum{0%,10%{clip-path:inset(5% 0 94%);opacity:0}20%{opacity:.55}70%{opacity:.4}85%,100%{clip-path:inset(88% 0 0);opacity:0}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.site-page--home .hvh-hero__spectrum{display:none}}
body.site-ui.site-page--home {--hvh-red:#ba3d59;--hvh-wine:#741e35;--hvh-blue:#8797ff;--hvh-silver:#d5d8e1}
body.site-ui.site-page--home #site-content {max-width:1420px;padding-top:0;overflow:clip}
.site-page--home .hvh-hero {position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.15fr;min-height:600px;border-bottom:1px solid #ffffff16;margin-top:0;--hvh-x:0;--hvh-y:0}
.site-page--home .hvh-hero__copy {position:relative;z-index:3;align-self:center;padding:54px 0 85px;pointer-events:none}
.site-page--home .hvh-hero__copy a {pointer-events:auto}
.site-page--home .hvh-eyebrow {display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#9b9faa;font-size:10px;font-weight:600;letter-spacing:.18em}
.site-page--home .hvh-eyebrow>span {width:5px;height:5px;background:var(--hvh-blue);box-shadow:0 0 12px #8797ff35}
body.site-ui.site-page--home .hvh-hero h1 {margin:0;font-family:var(--ui-heading);font-weight:750;letter-spacing:-.065em;line-height:1}
.site-page--home .hvh-hero__word {position:relative;display:block;width:max-content;max-width:100%;font-size:clamp(100px,12.5vw,183px);line-height:.94;letter-spacing:-.08em;color:#d3d5dd;background:linear-gradient(125deg,#f1f2f5 8%,#999ca7 42%,#e8e9ef 58%,#777b88 88%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.site-page--home .hvh-hero__word>span {-webkit-text-fill-color:var(--hvh-red);color:var(--hvh-red)}
.site-page--home .hvh-hero__headline {display:block;margin:22px 0 0;font-size:clamp(30px,3.6vw,49px);font-weight:650;line-height:1.13;letter-spacing:-.055em;color:#d2d4dc}
.site-page--home .hvh-hero__description {max-width:390px;margin:20px 0 0;color:#969aa6;font-size:14px;line-height:1.7;letter-spacing:0}
.site-page--home .hvh-hero__actions {display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:28px}
body.site-ui .hvh-action {display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:49px;padding:14px 20px;border:1px solid #a23c54;background:#741e35;color:#e9dfe4;text-decoration:none;border-radius:3px;font:650 12px/1.4 var(--ui-font);transition:background .22s,border-color .22s}
body.site-ui .hvh-action:hover {background:#8d2944;border-color:#c2526e;color:#fff}
body.site-ui .hvh-action>span:last-child {font-size:21px;line-height:1}
body.site-ui .hvh-link {display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #ffffff35;padding:7px 0;color:#b1b4be;font-size:12px;text-decoration:none}
body.site-ui .hvh-link:hover {color:#e0e2e9;border-color:var(--hvh-red)}
.site-page--home .hvh-hero__scroll {display:inline-flex;align-items:center;gap:10px;margin-top:45px;color:#808594;font-size:10px;letter-spacing:.08em;text-decoration:none}
.site-page--home .hvh-hero__scroll>span {font-size:17px;color:var(--hvh-blue);animation:hvh-scroll-cue 3s ease-in-out infinite}
.site-page--home .hvh-hero__art {position:absolute;z-index:1;right:-50px;bottom:29px;top:0;width:65%;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)}
.site-page--home .hvh-hero__figure,.site-page--home .hvh-hero__echo {position:absolute;right:7%;bottom:-105px;height:118%;width:auto;max-width:none;object-fit:contain;transform-origin:55% 55%;transform:translate3d(calc(var(--hvh-x)*15px),calc(var(--hvh-y)*10px),0) rotate(calc(var(--hvh-x)*1deg));transition:transform .55s cubic-bezier(.18,.7,.2,1);will-change:auto}
.site-page--home .hvh-hero__figure {z-index:2;filter:contrast(1.08) brightness(.88)}
.site-page--home .hvh-hero__echo {z-index:1;right:14%;bottom:-88px;opacity:.19;filter:sepia(1) saturate(2.5) hue-rotate(292deg) brightness(.6);transform:translate3d(calc(var(--hvh-x)*-12px),calc(var(--hvh-y)*-8px),0) rotate(-7deg);animation:hvh-echo 8s ease-in-out infinite}
.site-page--home .hvh-hero__echo>img {width:auto;max-width:none;height:100%}
.site-page--home .hvh-hero__traces {position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;transform:translate3d(calc(var(--hvh-x)*-8px),calc(var(--hvh-y)*-6px),0);transition:transform .6s ease}
.site-page--home .hvh-trace {stroke:#8e2b46;stroke-width:.7;opacity:.52;stroke-dasharray:900;stroke-dashoffset:0;animation:hvh-trace 8s ease-in-out infinite}
.site-page--home .hvh-trace--two {stroke:#9da3b5;opacity:.28;animation-delay:2.5s}
.site-page--home .hvh-trace--three {opacity:.24;animation-delay:5s}
.site-page--home .hvh-target {stroke:#bb506b;stroke-width:1;transform-origin:380px 255px;animation:hvh-target 6s ease-in-out infinite}
.site-page--home .hvh-target--small {stroke:#8c96b2;opacity:.6;animation:none}
.site-page--home .hvh-hero__scan {position:absolute;z-index:4;left:22%;right:14%;top:12%;height:1px;background:linear-gradient(90deg,transparent,#d1d6e280,transparent);opacity:0;animation:hvh-scan 7s ease-in-out infinite;box-shadow:0 0 24px #b0bbff1c}
.site-page--home .hvh-hero__art-label {position:absolute;z-index:5;right:12%;bottom:12%;font:9px/1.4 var(--ui-mono);letter-spacing:.17em;color:#6f7481;writing-mode:vertical-rl}
.site-page--home .hvh-hero__baseline {position:absolute;z-index:5;bottom:0;left:0;right:0;height:40px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.13em;color:#6f7482;border-top:1px solid #ffffff0b}
.site-page--home .hvh-hero__baseline>span:nth-child(2){color:#8f939e;letter-spacing:.03em}
body.site-ui.site-page--home .home-offers {margin:0 0 36px;padding:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;border-bottom:1px solid #ffffff13}
body.site-ui.site-page--home .home-offer {min-height:44px;padding:4px 0;border:0;border-radius:0;background:none;box-shadow:none;gap:20px}
body.site-ui.site-page--home .home-offer strong {font:550 11px/1.5 var(--ui-font);color:#b3b7c2}
body.site-ui.site-page--home .home-offer small {color:#6f7481;font-size:10px;margin-top:2px}
body.site-ui.site-page--home .home-offer>span:last-child {font-size:15px;color:#8594dc}
body.site-ui.site-page--home .home-offer:hover {transform:none}
body.site-ui.site-page--home .home-servers {margin:0 0 12px}
body.site-ui.site-page--home .home-servers__head {margin-bottom:17px;gap:20px;padding:0;align-items:center}
body.site-ui.site-page--home .home-servers__head h2 {font-size:18px;letter-spacing:-.035em;font-weight:650;margin:0}
body.site-ui.site-page--home .home-servers__head p {font-size:10px;margin:6px 0 0;color:#808592}
body.site-ui.site-page--home .home-server-actions a {border:0;border-radius:0;background:transparent;box-shadow:none;padding:6px 0;min-height:32px;font-size:10px;color:#a3a8b5}
body.site-ui.site-page--home .home-server-actions {gap:23px}
body.site-ui.site-page--home .home-server-actions .home-buy-privilege {color:#a5b0f6}
body.site-ui.site-page--home .home-server-grid,body.site-ui.site-page--home .home-server-grid:has(>.home-server:only-child) {display:flex;flex-direction:column;gap:0}
body.site-ui.site-page--home .home-server-grid .hvh-server,
body.site-ui.site-page--home .home-server-grid:has(>.home-server:only-child) .hvh-server {
  position:relative;display:grid;grid-template-columns:35px 120px minmax(0,1fr);grid-template-rows:1fr;align-items:center;
  gap:18px;min-height:84px;width:100%;padding:13px 15px!important;border:0;border-top:1px solid #ffffff17;border-bottom:0;border-radius:0;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none;color:#b9becb;
  transition:background .25s ease,border-color .25s ease;
}
body.site-ui.site-page--home .home-server-grid .hvh-server:last-child {border-bottom:1px solid #ffffff17}
body.site-ui.site-page--home .home-server-grid .hvh-server::after {content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;background:var(--hvh-red);opacity:0;transform:scaleY(.25);transition:opacity .2s,transform .3s}
body.site-ui.site-page--home .home-server-grid .hvh-server:hover {background:#ffffff03!important;border-color:#ffffff2b;transform:none}
body.site-ui.site-page--home .home-server-grid .hvh-server:hover::after,body.site-ui.site-page--home .home-server-grid .hvh-server:focus-visible::after {opacity:1;transform:scaleY(1)}
body.site-ui.site-page--home .hvh-server__index {font:10px var(--ui-mono);color:#737a8a}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__visual {position:relative!important;grid-column:2;grid-row:1;min-height:48px;height:48px;width:120px;border:0;border-radius:2px;overflow:hidden}
body.site-ui.site-page--home .hvh-server .home-server__visual img {opacity:.6;filter:grayscale(.85) contrast(1.12);transition:filter .5s,opacity .5s,transform .6s!important}
body.site-ui.site-page--home .hvh-server:hover .home-server__visual img {filter:grayscale(.15) contrast(1.05);opacity:.9;transform:scale(1.05)!important}
body.site-ui.site-page--home .hvh-server .server-card__number {display:none}
body.site-ui.site-page--home .hvh-server .server-card__map {left:8px;bottom:5px;font-size:8px;color:#b7becb}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content {grid-column:3;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) 110px 125px 85px;grid-template-rows:auto auto;align-items:center;gap:4px 23px;padding:0;min-width:0}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content>strong {grid-column:1;grid-row:1;font:650 12px/1.5 var(--ui-font);letter-spacing:-.015em;color:#c1c6d2;min-width:0;overflow-wrap:anywhere}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__top {grid-column:1;grid-row:2;position:static;display:flex;justify-content:flex-start;gap:10px;font-size:8px}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__top i {font-size:8px;color:#788192}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__top .home-server__game {font-size:8px;color:#747c8d;letter-spacing:.1em}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__meta {grid-column:2;grid-row:1/3;display:block;margin:0;padding:0}
body.site-ui.site-page--home .hvh-server .server-card__caption {display:none}
body.site-ui.site-page--home .hvh-server .home-server__meta .nums {font:450 15px var(--ui-font);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#b9c0cf}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__line {grid-column:3;grid-row:1/3;display:block;width:100%;height:3px;background:#ffffff0a;border-radius:0}
body.site-ui.site-page--home .hvh-server .home-server__line i {background:#8b2b47;transition:width .6s cubic-bezier(.2,.7,.2,1)}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__join {grid-column:4;grid-row:1/3;display:flex;gap:12px;justify-content:flex-end;font-size:11px;color:#a7acb9}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__address {display:none}
body.site-ui.site-page--home .community-stats {margin:0 0 48px;padding:27px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
body.site-ui.site-page--home .community-stat {padding:0 22px;border-right:1px solid #ffffff12;min-width:0}
body.site-ui.site-page--home .community-stat:first-child {padding-left:0}
body.site-ui.site-page--home .community-stat:last-child {border-right:0}
body.site-ui.site-page--home .community-stat strong {font:450 clamp(22px,3vw,37px)/1.2 var(--ui-font);font-variant-numeric:tabular-nums;letter-spacing:-.055em;color:#babfcb}
body.site-ui.site-page--home .community-stat span {margin-top:6px;color:#777f90;font-size:9px}
body.site-ui.site-page--home .home-chat-words {padding:28px 0;border-radius:0;border:0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;background:none;box-shadow:none;margin-bottom:45px}
body.site-ui.site-page--home .home-chat-words__eyebrow {color:#7c8abd;font-size:9px;letter-spacing:.18em}
body.site-ui.site-page--home .home-chat-words h2 {margin-top:12px;font-size:clamp(27px,4vw,48px);letter-spacing:-.05em;font-weight:600}
body.site-ui.site-page--home .home-chat-words>header p {color:#858d9e}
@keyframes hvh-scroll-cue {0%,65%,100%{transform:translateY(0)}80%{transform:translateY(5px)}}
@keyframes hvh-echo {0%,100%{opacity:.12;translate:0 0}50%{opacity:.22;translate:-10px 2px}}
@keyframes hvh-trace {0%,12%{stroke-dashoffset:900;opacity:0}32%,65%{stroke-dashoffset:0;opacity:.5}90%,100%{stroke-dashoffset:-900;opacity:0}}
@keyframes hvh-target {0%,100%{opacity:.4}48%{opacity:.9;transform:translate(3px,-2px)}54%{opacity:.9;transform:translate(-2px,1px)}}
@keyframes hvh-scan {0%,15%{transform:translateY(0);opacity:0}25%{opacity:.5}65%{transform:translateY(360px);opacity:.25}75%,100%{transform:translateY(420px);opacity:0}}
@media(min-width:1450px){.site-page--home .hvh-hero{min-height:640px}.site-page--home .hvh-hero__figure,.site-page--home .hvh-hero__echo{height:124%}}
@media(max-width:1050px){.site-page--home .hvh-hero{min-height:550px}.site-page--home .hvh-hero__art{width:67%;right:-70px}.site-page--home .hvh-hero__figure,.site-page--home .hvh-hero__echo{right:0;bottom:-75px;height:112%}.site-page--home .hvh-hero__echo{right:8%}.site-page--home .hvh-hero__copy{padding-bottom:75px}body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content{grid-template-columns:minmax(0,1fr) 80px 85px 68px;gap:4px 15px}body.site-ui.site-page--home .home-server-grid .hvh-server{grid-template-columns:22px 95px minmax(0,1fr);gap:14px}body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__visual{width:95px}}
@media(max-width:720px){.site-page--home .hvh-hero{min-height:590px;display:block}.site-page--home .hvh-hero__copy{padding:42px 0 78px;width:75%}.site-page--home .hvh-eyebrow{font-size:8px;margin-bottom:22px;letter-spacing:.1em}.site-page--home .hvh-hero__word{font-size:112px}.site-page--home .hvh-hero__headline{font-size:34px;margin-top:23px}.site-page--home .hvh-hero__description{max-width:230px;font-size:11px;margin-top:18px}.site-page--home .hvh-hero__art{width:82%;right:-115px;top:45px;bottom:36px;opacity:.77;mask-image:linear-gradient(to right,transparent,#000 23%),linear-gradient(to bottom,#000 80%,transparent);mask-composite:intersect}.site-page--home .hvh-hero__figure,.site-page--home .hvh-hero__echo{height:105%;right:-10px;bottom:-40px}.site-page--home .hvh-hero__echo{right:28px}.site-page--home .hvh-hero__copy{z-index:5}.site-page--home .hvh-hero__actions{gap:18px;margin-top:28px}.site-page--home .hvh-action{gap:24px;font-size:10px;padding:12px 14px;min-height:46px}.site-page--home .hvh-link{font-size:10px}.site-page--home .hvh-hero__scroll{margin-top:28px}.site-page--home .hvh-hero__baseline{font-size:7px}.site-page--home .hvh-hero__baseline>span:nth-child(2){display:none}.site-page--home .hvh-hero__art-label{display:none}body.site-ui.site-page--home .home-offers{grid-template-columns:1fr;gap:0;margin-bottom:28px;padding:8px 0}body.site-ui.site-page--home .home-offer{min-height:45px;padding:6px 0}body.site-ui.site-page--home .home-offer+ .home-offer{border-top:1px solid #ffffff0a}body.site-ui.site-page--home .home-servers__head{align-items:flex-start;gap:10px}body.site-ui.site-page--home .home-servers__head h2{font-size:17px}body.site-ui.site-page--home .home-server-actions{gap:4px;align-items:flex-end;flex-direction:column;width:auto}body.site-ui.site-page--home .home-server-actions a{font-size:9px;min-height:23px}body.site-ui.site-page--home .home-servers__head p{max-width:230px;font-size:9px}body.site-ui.site-page--home .home-server-grid .hvh-server,body.site-ui.site-page--home .home-server-grid:has(>.home-server:only-child) .hvh-server{grid-template-columns:18px 65px minmax(0,1fr);gap:10px;min-height:88px;padding:12px 8px!important}body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__visual{width:65px;height:47px;min-height:47px}body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content{grid-template-columns:minmax(0,1fr) 60px;gap:5px 10px}body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content>strong{font-size:10px;line-height:1.4}body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__meta{grid-column:2;grid-row:1;text-align:right}body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__top{font-size:7px;gap:6px;flex-wrap:wrap}body.site-ui.site-page--home .hvh-server .home-server__meta .nums{font-size:12px}body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__line{display:none}body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__join{grid-column:2;grid-row:2;font-size:9px;gap:4px}body.site-ui.site-page--home .hvh-server .server-card__map{font-size:6px;left:5px;bottom:5px}body.site-ui.site-page--home .community-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0;padding:25px 0;margin-bottom:23px}body.site-ui.site-page--home .community-stat{padding:0 12px}body.site-ui.site-page--home .community-stat:nth-child(3){border-right:0}body.site-ui.site-page--home .community-stat:nth-child(4){padding-left:0}body.site-ui.site-page--home .community-stat strong{font-size:25px}body.site-ui.site-page--home .community-stat span{font-size:8px}body.site-ui.site-page--home .home-chat-words{padding:24px 0;margin-bottom:20px}}
@media(max-width:380px){.site-page--home .hvh-hero{min-height:550px}.site-page--home .hvh-hero__word{font-size:98px}.site-page--home .hvh-hero__headline{font-size:29px}.site-page--home .hvh-hero__art{right:-112px;width:88%;opacity:.65}.site-page--home .hvh-hero__actions{gap:13px}.site-page--home .hvh-action{gap:15px;font-size:9px}.site-page--home .hvh-link{font-size:9px}body.site-ui.site-page--home .home-server-grid .hvh-server,body.site-ui.site-page--home .home-server-grid:has(>.home-server:only-child) .hvh-server{grid-template-columns:14px 49px minmax(0,1fr);gap:8px}body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__visual{width:49px}body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content{gap:5px 6px}}
@media(prefers-reduced-motion:reduce){.site-page--home .hvh-hero *,.site-page--home .hvh-server *{animation:none!important;transition:none!important}.site-page--home .hvh-hero__figure,.site-page--home .hvh-hero__echo,.site-page--home .hvh-hero__traces{transform:none!important;translate:none!important}.site-page--home .hvh-trace{stroke-dashoffset:0;opacity:.35}.site-page--home .hvh-hero__scan{display:none}}
@media(hover:none),(pointer:coarse){.site-page--home .hvh-hero__scan,.site-page--home .hvh-hero__echo{animation:none}.site-page--home .hvh-trace{animation:none}.site-page--home .hvh-hero__figure,.site-page--home .hvh-hero__echo{transition:none;transform:none}}
html.hvh-page-hidden .hvh-hero *,html.hvh-page-hidden .hvh-server *{animation-play-state:paused!important}

/* Server selection: readable maps and clear actions, with compositor-only hover motion. */
body.site-ui.site-page--home .home-servers {margin:0 0 22px;scroll-margin-top:96px}
body.site-ui.site-page--home .home-servers__head h2 {font-size:27px;color:#edf0f6}
body.site-ui.site-page--home .home-servers__head p {font-size:12px;color:#969eae;line-height:1.6}
body.site-ui.site-page--home .home-server-grid {gap:10px}
body.site-ui.site-page--home .home-server-grid .hvh-server,
body.site-ui.site-page--home .home-server-grid:has(>.home-server:only-child) .hvh-server {grid-template-columns:24px 200px minmax(0,1fr);gap:22px;min-height:144px;padding:14px!important;background:#07080b!important;border:1px solid #292d38;border-radius:5px;overflow:hidden;text-align:left;transition:border-color .22s,background-color .22s}
body.site-ui.site-page--home .home-server-grid .hvh-server:last-child {border-bottom:1px solid #292d38}
body.site-ui.site-page--home .home-server-grid .hvh-server:is(:hover,:focus-visible) {border-color:#626d96;background:#0c0f17!important}
body.site-ui.site-page--home .home-server-grid .hvh-server::after {top:0;bottom:0;background:#8797ff}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__visual {inset:auto;min-height:112px;height:112px;width:200px;border-radius:3px;isolation:isolate}
body.site-ui.site-page--home .hvh-server .home-server__visual::after {background:linear-gradient(0deg,#000b,transparent 48%);pointer-events:none}
body.site-ui.site-page--home .hvh-server .home-server__visual img {width:100%;height:100%;object-fit:cover;opacity:1;filter:none;transition:transform .45s cubic-bezier(.2,.7,.2,1)!important}
body.site-ui.site-page--home .hvh-server:is(:hover,:focus-visible) .home-server__visual img {opacity:1;filter:none;transform:scale(1.055)!important}
body.site-ui.site-page--home .hvh-server .server-card__map {z-index:2;left:10px;bottom:9px;color:#fff;font-size:11px;text-shadow:0 1px 4px #000}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content {grid-template-columns:minmax(0,1fr) 88px 80px 112px;gap:8px 18px}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content>strong {font-size:17px;color:#eef1f8;font-weight:650;line-height:1.4}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__top {font-size:11px;gap:12px}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__top .home-server__game {font-size:10px;color:#a8b0c2}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__top i {font-size:10px;color:#a2a8b7}
body.site-ui.site-page--home .home-server-grid .hvh-server.is-live .home-server__top i {color:#a8d6c1}
body.site-ui.site-page--home .hvh-server .home-server__meta .nums {font-size:18px;color:#e1e6f2}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__join {min-height:42px;align-items:center;justify-content:center;padding:8px 12px;font-size:12px;border:1px solid #454d6c;border-radius:3px;color:#dce2ff;background:#141a2a;transition:background-color .22s,border-color .22s}
body.site-ui.site-page--home .hvh-server .home-server__join>span {transition:transform .22s}
body.site-ui.site-page--home .hvh-server:is(:hover,:focus-visible) .home-server__join {border-color:#8c9ae0;background:#222d49}
body.site-ui.site-page--home .hvh-server:is(:hover,:focus-visible) .home-server__join>span {transform:translate(2px,-2px)}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__address {display:block;grid-column:1;grid-row:3;font-size:10px;color:#858fa6}
body.site-ui.site-page--home .hvh-server .home-server__line i {background:#8797ff}
@media(max-width:1100px){
body.site-ui.site-page--home .home-server-grid .hvh-server,body.site-ui.site-page--home .home-server-grid:has(>.home-server:only-child) .hvh-server {grid-template-columns:18px 160px minmax(0,1fr);gap:16px}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__visual {width:160px;height:100px;min-height:100px}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content {grid-template-columns:minmax(0,1fr) 75px 95px;gap:8px 12px}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__line {display:none}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__join {grid-column:3}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content>strong {font-size:15px}
}
@media(max-width:720px){
body.site-ui.site-page--home .home-servers__head h2 {font-size:24px}
body.site-ui.site-page--home .home-servers__head p {font-size:11px}
body.site-ui.site-page--home .home-server-grid .hvh-server,body.site-ui.site-page--home .home-server-grid:has(>.home-server:only-child) .hvh-server {grid-template-columns:100px minmax(0,1fr);gap:14px;min-height:154px;padding:12px!important}
body.site-ui.site-page--home .hvh-server__index {display:none}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__visual {grid-column:1;width:100px;height:124px;min-height:124px}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content {grid-column:2;grid-template-columns:minmax(0,1fr) 62px;gap:8px}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content>strong {grid-column:1/3;grid-row:1;font-size:14px}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__top {grid-column:1;grid-row:2;gap:5px;flex-wrap:wrap}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__top :is(i,.home-server__game) {font-size:9px}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__meta {grid-column:2;grid-row:2}
body.site-ui.site-page--home .hvh-server .home-server__meta .nums {font-size:14px}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__address {display:none}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__join {grid-column:1/3;grid-row:3;justify-self:start;min-height:36px;font-size:11px;gap:20px}
body.site-ui.site-page--home .hvh-server .server-card__map {font-size:9px;left:7px;bottom:8px}
}
@media(max-width:380px){
body.site-ui.site-page--home .home-server-grid .hvh-server,body.site-ui.site-page--home .home-server-grid:has(>.home-server:only-child) .hvh-server {grid-template-columns:80px minmax(0,1fr);gap:10px;padding:10px!important}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__visual {width:80px}
body.site-ui.site-page--home .home-server-grid .hvh-server .home-server__content>strong {font-size:13px}
}
@media(prefers-reduced-motion:reduce){body.site-ui.site-page--home .hvh-server *{transition:none!important}}