/* Home presentation only; shared roles live in tokens/foundation. */
#global-hero .ui-button{--color-on-action:#050709;--color-focus:var(--brand-cyan);background:var(--brand-gradient)}
#global-hero .ui-button.secondary{background:rgba(20,27,37,.92);color:var(--color-text);border-color:var(--color-secondary-border)}
#global-hero .ui-button.secondary:hover{background:var(--color-secondary-hover);border-color:var(--brand-cyan)}
#home-view .home-section{background:transparent;border-color:var(--color-border);padding:44px 0}
#home-view .section-head{align-items:flex-end;gap:24px;margin-bottom:24px}
#home-view .section-head h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.7px}
#home-view .section-head p,#home-view .about-block p,#home-view .support-card p{color:var(--color-muted);line-height:1.7}
#home-view .eyebrow{color:var(--brand-cyan);letter-spacing:1.6px}
#home-view .server-grid,#home-view .support-grid{gap:24px}
#home-view .server-card,#home-view .support-card,#home-view .about-block{position:relative;border:1px solid var(--color-border);border-radius:6px;background:linear-gradient(135deg,#192330ed,#13191ff5);box-shadow:0 18px 44px #0002}
#home-view .server-card{padding:30px;overflow:hidden}
#home-view .server-card::before,#home-view .support-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--brand-gradient)}
#home-view .server-card.hrp{background:linear-gradient(135deg,#202031ed,#13191ff5)}
#home-view .server-label{color:var(--color-muted);font-size:11px;letter-spacing:1.1px;gap:12px;flex-wrap:wrap}
#home-view .server-card h3{font-size:clamp(38px,4vw,56px);margin:26px 0 16px;letter-spacing:-1px;color:var(--color-text)}
#home-view .server-card p{color:var(--color-muted);line-height:1.7}
#home-view .server-state{border:1px solid #92d9ab55;background:#92d9ab0d;padding:6px 9px;border-radius:3px;color:var(--color-status-available)}
#home-view .hrp .server-state{color:var(--brand-cyan);border-color:#35a2ef55;background:#35a2ef0d}
#home-view [data-server-state="maintenance"] .server-state{color:var(--color-status-maintenance);border-color:#e1c59955;background:#e1c5990d}
#home-view [data-server-state="unknown"] .server-state{color:var(--color-muted);border-color:var(--color-border);background:transparent}
#home-view .server-bottom{border-color:var(--color-border);gap:20px;flex-wrap:wrap}
#home-view .player-count{color:var(--color-text)}
#home-view .player-count small,#home-view .content-disclaimer,#home-view .coupon small{color:var(--color-muted);line-height:1.6}
#home-view .server-connection,#home-view .coupon{border-color:var(--color-border);background:#101720;padding:16px;gap:12px;border-radius:4px;flex-wrap:wrap}
#home-view .server-connection code,#home-view .coupon code{color:var(--color-text);overflow-wrap:anywhere}
#home-view .copy-button{color:var(--color-text);border-color:var(--color-secondary-border);background:var(--color-secondary);min-height:44px}
#home-view .copy-button:hover{color:var(--brand-cyan);border-color:var(--brand-cyan);background:var(--color-secondary-hover)}
#home-view .about-intro{max-width:1040px;margin:0;color:var(--color-text);font-size:20px;line-height:1.7}
#home-view .about-layout{gap:24px;margin:24px 0}
#home-view .about-block{padding:28px}
#home-view .about-block h3{color:var(--color-text);font-size:22px;margin-top:0}
#home-view .about-links{gap:12px;flex-wrap:wrap;margin-top:24px}
#home-view .support-card{padding:30px}
#home-view .support-card h3{font-size:25px;line-height:1.3;color:var(--color-text)}
#home-view .support-card .ui-button{margin-top:12px}
@media(max-width:800px){#home-view .home-section{padding:36px 0}#home-view .section-head{align-items:flex-start;gap:16px}#home-view .server-card,#home-view .support-card,#home-view .about-block{padding:22px}#home-view .about-intro{font-size:18px}}
@media(max-width:480px){#home-view .server-bottom .ui-button{width:100%}#home-view .server-connection>div{min-width:0}#home-view .section-head h2{font-size:29px}}

/* A continuous technical environment below the panorama; no repeated art. */
#home-view .about-section,#home-view .support-section{position:relative;isolation:isolate}
#home-view .about-section{background:
 radial-gradient(ellipse at 8% 35%,#35a2ef14,transparent 65%),
 radial-gradient(ellipse at 96% 72%,#b33eef12,transparent 65%),
 linear-gradient(135deg,#111722,var(--color-background))}
#home-view .support-section{background:
 radial-gradient(ellipse at 90% 15%,#b33eef12,transparent 65%),
 radial-gradient(ellipse at 12% 65%,#35a2ef0c,transparent 65%),
 linear-gradient(135deg,#111722,var(--color-background))}
#home-view .about-section::before,#home-view .support-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(#5e81ef06 1px,transparent 1px),linear-gradient(90deg,#5e81ef06 1px,transparent 1px);
 background-size:96px 96px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
#home-view .about-section::after,#home-view .support-section::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;pointer-events:none;background:var(--brand-gradient);opacity:.25}
#home-view .about-block{border-top-color:#35a2ef66}
#home-view .about-block:nth-child(2){border-top-color:#b33eef66}
#home-view .content-disclaimer{margin-top:18px}
body:has(#home-view:not([hidden])) .site-footer{padding-bottom:72px;background:#11151d}
@media(max-width:850px){body:has(#home-view:not([hidden])) .site-footer{padding-bottom:36px}}

/* Data-driven server statistics share existing surface/action/status roles. */
#home-view #lmrp-card .server-state::before{background:var(--color-status-available);box-shadow:0 0 3px #92d9abcc,0 0 9px #92d9ab66}
#home-view #lmrp-card[data-server-state="maintenance"] .server-state::before{background:var(--color-status-maintenance);box-shadow:none}
#home-view #lmrp-card[data-server-state="unknown"] .server-state::before{background:transparent;box-shadow:none;border-color:var(--color-muted)}
#home-view .server-statistics{min-width:0;width:220px;max-width:100%;font-variant-numeric:tabular-nums}
#home-view .server-statistics [data-stat-current]{font-size:34px;font-weight:650;line-height:1.1}
#home-view .server-statistics [data-stat-capacity]{font-size:20px;color:var(--color-muted)}
#home-view .server-statistics small{font-size:10px;letter-spacing:.6px;margin-top:8px}
#home-view .server-occupancy{display:flex;align-items:center;gap:10px;margin-top:10px}
#home-view .server-occupancy[hidden]{display:none}
#home-view .server-occupancy progress{appearance:none;flex:1;min-width:0;width:100%;height:4px;border:0;border-radius:2px;overflow:hidden;background:var(--color-border);accent-color:var(--brand-cyan)}
#home-view .server-occupancy progress::-webkit-progress-bar{background:var(--color-border)}
#home-view .server-occupancy progress::-webkit-progress-value{background:var(--brand-gradient)}
#home-view .server-occupancy progress::-moz-progress-bar{background:var(--brand-gradient)}
#home-view [data-stat-percent]{font:11px var(--font-mono);color:var(--color-muted)}
#home-view .server-address-label{display:block;margin:0 0 6px;font-size:10px;color:var(--color-muted);letter-spacing:.6px}