/* Public website only. Never loaded by in-game ranks. */
:root,[data-theme="gold"] { --ink-3:#9ca79e; }
[data-theme="white-blue"] { --ink-3:#52627a; }
.hero-grid { align-items:stretch; }
#slider-container { min-height:360px; }
.hero-copy { position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;background:linear-gradient(transparent,#000e);color:#fff; }
.hero-copy h1 {font:700 2rem/1.15 Rajdhani,sans-serif;margin-bottom:.7rem;}
.hero-copy a {color:#eac84e;margin-top:.6rem;}
.hero-grid .panel-hot { min-height:420px; }
.join-help,.status-freshness {font-size:.8125rem;color:var(--ink-2);line-height:1.5;}
.join-help a {color:var(--hud);text-decoration:underline;text-underline-offset:3px;}
.status-freshness:empty {display:none;}
.dropdown-open > .absolute,.group:focus-within > .absolute {opacity:1!important;visibility:visible!important;}
button:focus-visible,a:focus-visible,select:focus-visible {outline:2px solid var(--hud);outline-offset:4px;}
.mobile-bottom-bar a {display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-2);text-decoration:none;}
.mobile-bottom-bar a i {font-size:18px;}
[id^="view-"] {scroll-margin-top:90px;}
.rank-help {font-size:14px;line-height:1.6;margin:.5rem 0 1rem;color:var(--ink-2);}
.rank-help a {color:var(--hud);text-decoration:underline;}
@media(max-width:1023px) {
 #slider-container {min-height:160px;height:160px!important;}
 #slider-container .slide {background-image:none!important;background:linear-gradient(120deg,#1c211b,#0b0e0c)!important;padding:1.25rem;}
 #slider-container h1 {font-size:1.7rem;}
 #slider-container .eyebrow {display:none;}
 .hero-grid .panel-hot {min-height:0;}
 #srv-hostname {white-space:normal;overflow:visible;font-size:14px;}
 .hero-grid [class*="text-[10px]"],.hero-grid [class*="text-[11px]"] {font-size:12px;}
 .hero-grid button[aria-label^="Copy"],.hero-grid a[aria-label^="Connect to"] {min-width:36px;min-height:36px;}
 .hero-grid {gap:12px;}
 .hero-grid .panel-hot > .p-5 {padding:14px;gap:10px;}
 .hero-grid #srv-connect {min-height:46px;font-size:16px;}
}

@media(max-width:1023px){#view-home > .hero-grid > #slider-container{min-height:160px!important;height:160px!important;}}