/* Shared visual treatment for the public landing page. */
body{background:#090c0f}.noise{opacity:.018}.section{padding:96px 0;scroll-margin-top:110px}.section h2,.cta-band h2{font-family:"Arial Black","Segoe UI",sans-serif;font-size:clamp(2.1rem,4.7vw,4.6rem);font-weight:850;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}.section-heading{margin-bottom:34px}.section-heading .kicker{font-size:.64rem;letter-spacing:.23em;color:#c9b189}.section-note{color:#a4adb7;line-height:1.7}.hero::before{background:linear-gradient(90deg,#080b0ff2 0%,#080b0fbd 35%,#080b0f18 72%),linear-gradient(0deg,#090c0f,transparent 40%)}.hero-image{filter:saturate(.6) contrast(1.05)}.hero-content>p{color:#b4bdc7}.eyebrow{font-size:.65rem;letter-spacing:.19em}.hero h1{font-size:clamp(3rem,5.3vw,5.6rem);line-height:1;letter-spacing:-.04em}.button{min-height:48px;transition:background .2s,border-color .2s,transform .2s}.button-primary{background:linear-gradient(120deg,#df4637,#bf3028);border:1px solid #ee66594d;box-shadow:0 6px 24px #a7242118}.button-primary:hover{background:#e95242;transform:translateY(-2px)}.button-ghost{border-color:#6c77834d;background:#10161c66}.button-ghost:hover{border-color:#b7a077;background:#20252c}.live-panel{background:linear-gradient(135deg,#1b222bea,#0a0e13ee);border-color:#73808f5c;box-shadow:0 16px 50px #0005}.live-panel strong{font-variant-numeric:tabular-nums;font-size:2.8rem;letter-spacing:-.05em}.live-panel::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#c5a369}.server-card{background:linear-gradient(110deg,#171e26,#0d1116);border:1px solid #303a45;padding:26px;margin-bottom:16px}.server-card:hover{padding-left:26px}.server-card::before{display:none}.server-list{border:0}.update-card{background:linear-gradient(140deg,#171d25,#10151b);border:1px solid #2f3843}.updates-grid{gap:16px;border:0}.update-card-featured{background:radial-gradient(ellipse at top left,#9c71351c,transparent 80%),#131820;border-top-color:#987642}.update-meta{color:#a7b1bd}.update-card p{color:#a6b0bc}.update-card h3{font-weight:650;letter-spacing:-.03em}.faq details{background:#11171d;border-color:#303a43}.cta-band{background:radial-gradient(ellipse at top right,#7b292951,transparent 65%),linear-gradient(110deg,#181f28,#11151c);border-top:1px solid #58473b;border-bottom:1px solid #353d47}.cta-band .kicker{color:#d7b67e}.cta-band .button-primary{background:#d8b875;border-color:#d8b875;color:#171b20}.cta-band .button-primary:hover{background:#f0d5a1}.site-footer{background:#080b0e}
@media(min-width:861px){.site-header{position:fixed;top:14px;height:72px;padding:0 22px;background:#0d1219ed;backdrop-filter:blur(18px);border:1px solid #75849630;box-shadow:0 12px 40px #0003}.main-nav{font-size:.68rem;gap:22px}.nav-cta{padding:11px 13px}.brand{font-size:1.02rem}.hero-content{padding-top:20px}}
@media(max-width:860px){.section{padding:62px 0}.section h2,.cta-band h2{font-size:clamp(2rem,7.8vw,3.4rem);line-height:1.06}.section-heading{gap:16px}.section-note{text-align:left}.server-card{padding:20px 16px;gap:16px}.server-card:hover{padding-left:16px}.hero h1{font-size:clamp(2.7rem,9vw,4.8rem)}.hero-content>p{font-size:.9rem}.main-nav.open{background:#0b1017}.main-nav a:not(.nav-cta){padding:8px 16px}.update-card{min-height:260px}.cta-band{min-height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button-primary:hover{transform:none}}
/* FAQ and signed-in controls share the same spacing and restrained borders. */
.faq{gap:clamp(32px,5vw,76px);grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:start}.faq-intro h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.08}.faq-intro>p:last-child{font-size:.88rem;line-height:1.75;margin-top:22px;max-width:300px}.faq-list{border:0;display:grid;gap:10px;min-width:0}.faq-list details{border:1px solid #303a45;background:linear-gradient(130deg,#171e26,#11171d)}.faq-list details[open]{border-color:#736044;background:linear-gradient(130deg,#1c232b,#13191f)}.faq-list details summary{min-height:74px;padding:20px 24px;font-size:.95rem;line-height:1.5;gap:16px}.faq-list details summary span{flex:0 0 28px;width:28px;height:28px;background:#242d36;border:1px solid #414c58}.faq-list details summary span::before,.faq-list details summary span::after{left:7px;right:7px;top:12px;background:#d8b875}.faq-list details>p{max-width:none;margin:0;padding:0 68px 24px 24px;color:#afb9c4;line-height:1.75;font-size:.87rem;overflow-wrap:anywhere}
.steam-account summary{min-height:44px;padding:7px 12px;gap:9px;border:1px solid #48515c;border-radius:2px;background:#161d25;font-size:.76rem;font-weight:650;transition:background .2s,border-color .2s}.steam-account summary:hover,.steam-account[open] summary{background:#232c36;border-color:#8d7854}.steam-account summary::after{font-size:.8rem;margin-left:5px;line-height:1}.steam-account .steam-avatar{width:26px;height:26px;border-radius:2px;flex:0 0 26px}.main-nav .steam-account-name{max-width:150px}.steam-account-menu{top:calc(100% + 8px);min-width:210px;border-radius:3px;background:#151d26;border-color:#45515f;padding:6px;box-shadow:0 14px 36px #0009}.steam-account-menu a{font-size:.78rem;line-height:1.5;letter-spacing:0;text-transform:none;border-radius:2px;padding:11px 12px}.steam-account-menu a:last-child{border-top:1px solid #303a45;margin-top:4px;color:#c8a59e}.hero-actions{align-items:stretch}.hero-actions .button{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.hero-profile-link{gap:10px}.hero-profile-link .steam-avatar{width:24px;height:24px;flex:0 0 24px;border-radius:2px}.hero-profile-link>span:last-child{font-size:.78rem;font-weight:700}
@media(max-width:860px){.faq{grid-template-columns:1fr;gap:26px}.faq-intro h2{font-size:clamp(2rem,7vw,2.8rem)}.faq-intro>p:last-child{max-width:100%;margin-bottom:0}.main-nav .steam-account summary{min-height:48px;padding:9px 16px}.main-nav .steam-account-menu{min-width:220px}.main-nav .steam-account-menu a{font-size:.85rem;padding:12px}.hero-actions .hero-profile-link{width:100%}}
@media(max-width:500px){.faq-list details summary{padding:18px 16px;min-height:72px;font-size:.87rem}.faq-list details>p{padding:0 16px 20px;font-size:.81rem}.faq-list{gap:8px}.faq-list details summary span{flex-shrink:0}}
.auth-error { padding: 16px 20px; margin: 20px 0; border: 1px solid #9b5845; background: #2a1b19; color: #f2d5c9; line-height: 1.6; }
.updates-grid > .update-card-featured { grid-column: 1 / -1; }
.updates-grid > .update-card-featured p { max-width: 80ch; }