/* Shadowgun FreeZone portal: region > map > game server. */
:root{--accent:#66e1d8;--panel:#111c23;--line:#26353e;--muted:#a9b8c1}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 75% 0,#142c34 0,transparent 40%),var(--bg)}
header,main,footer{max-width:1280px}header{height:96px;gap:28px}.brand{gap:14px;flex-shrink:0}.mark{font-size:21px;padding:12px 10px}.brand-wordmark{display:flex;flex-direction:column;gap:2px;font-size:21px;letter-spacing:.15em;font-weight:850;line-height:1.15}.brand-wordmark small{font-size:10px;letter-spacing:.32em;color:var(--muted)}nav{margin-left:auto;gap:24px}.languages{margin-left:0}.languages a{border:0}.languages a[aria-current=true]{background:#1b353a}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:54px;align-items:start;padding:80px 0;background:none;border:0}
.hero:before{content:"";position:absolute;z-index:-1;inset:0 -36px;background:linear-gradient(90deg,#0b1116 8%,#0b1116a8 70%,#0b1116e8),linear-gradient(0deg,#0b1116,transparent 75%),url('/maps/vortex.jpg') center/cover;opacity:.65;pointer-events:none}
h1{font-size:clamp(44px,5.7vw,78px);line-height:.98;letter-spacing:-.04em;margin:26px 0}.hero h1>span:first-child{display:block;font-size:.48em;letter-spacing:.17em;margin-bottom:14px;color:#d5e2e5}.title-dot{color:var(--accent)}.hero .hero-lead{color:var(--text);font-size:25px;margin-bottom:14px;font-weight:600;letter-spacing:-.025em}.hero p{font-size:16px;max-width:530px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button,button{border-radius:4px}.hero .quiet{background:#10212bc9;border-color:#42616b}.hero-tags{display:flex;gap:20px;flex-wrap:wrap;margin-top:38px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.download-panel{scroll-margin-top:28px;background:#101c24f5;border:1px solid #35515d;border-top:3px solid var(--accent);border-radius:8px;padding:30px;box-shadow:0 20px 65px #0005;min-width:0}.download-panel h2{font-size:27px;margin-top:8px}.hero .download-panel p{font-size:13px;margin:10px 0 18px;line-height:1.7}.release-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.release-meta{margin:20px 0 22px}.release-meta>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:11px 0;font-size:13px}.release-meta dt{color:var(--muted);flex-shrink:0}.release-meta dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere;min-width:0}.download-button{width:100%;gap:14px}.release-details{margin-top:10px;padding-top:14px}.release-details summary{font-size:12px;margin-bottom:0}.release-details code{display:block;font-size:11px;overflow-wrap:anywhere;color:var(--muted)}
.network-strip{display:flex;align-items:center;gap:30px;padding:21px 0;border-block:1px solid var(--line);font-size:13px;color:var(--muted)}.network-strip strong{font-size:18px;color:var(--text);margin-right:5px}.network-strip>.eyebrow{margin-right:auto}.section-description{font-size:14px;margin-bottom:0}.section-head{align-items:center}.region-group{margin-top:28px}.region-group+.region-group{padding-top:34px;border-top:1px solid var(--line)}.region-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.region-heading h3{display:flex;align-items:center;gap:12px;margin:0;font-size:20px}.region-code{font:700 12px/1.3 Consolas,monospace;letter-spacing:.04em;background:#183238;color:var(--accent);border:1px solid #2c555c;border-radius:4px;padding:8px 11px;overflow-wrap:anywhere;max-width:170px}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.card,.card:only-child{display:block;border-radius:8px;background:var(--panel);transition:border-color .15s,transform .15s}.card:hover{border-color:#496b75;transform:translateY(-2px)}.map-preview{aspect-ratio:16/9}.map-preview img{transition:transform .3s}.card:hover .map-preview img{transform:scale(1.025)}.map-preview figcaption{padding:38px 22px 18px}.map-preview h4{font-size:27px;margin:2px 0 0;letter-spacing:-.02em;overflow-wrap:anywhere}.map-preview .eyebrow{font-size:10px}.card-content,.card:only-child .card-content{padding:0 22px}.server-row{padding:20px 0;min-width:0}.server-row+.server-row{border-top:1px solid var(--line)}.server-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.server-row-top strong{font-size:14px;overflow-wrap:anywhere}.badge{white-space:nowrap;flex-shrink:0;font-size:9px;letter-spacing:.06em;padding:5px 7px}.server-row .player-count{font-size:13px;color:var(--muted);margin:8px 0 0;font-weight:400}.server-instance{margin:8px 0 0;overflow-wrap:anywhere}.server-full{font-size:12px;color:#ffd08a}.region-heading>.small{font-size:12px;flex-shrink:0}
main>section:not(.hero){padding:56px 0}h2{font-size:32px}.table-wrap{background:#101920}.account-section{gap:80px}.account-section .panel{box-shadow:0 14px 40px #0002}.account-section h2{font-size:37px;line-height:1.16}.account-section p{font-size:14px}footer{padding-top:36px;padding-bottom:44px}footer .brand-wordmark{font-size:16px}footer a{color:var(--accent)}
@media(max-width:1000px){header{gap:18px}nav{gap:15px;font-size:13px}.hero{gap:28px;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}.download-panel{padding:24px}.hero-actions .button{padding:12px 15px;font-size:13px}.hero-tags{gap:12px}.cards{gap:14px}.card-content,.card:only-child .card-content{padding:0 15px}.server-row-top{align-items:flex-start}.server-row-top strong{font-size:12px}}
@media(max-width:800px){header{height:auto;min-height:96px;flex-wrap:wrap;padding-top:20px;padding-bottom:18px}.brand{order:0}.languages{order:1;margin-left:auto}nav{order:2;width:100%;margin:0;justify-content:space-between;flex-wrap:wrap;gap:12px}.hero{grid-template-columns:1fr;gap:36px;padding:50px 0 38px}.hero:before{inset:0 -20px;background-position:65% top}.hero-copy{max-width:600px}.hero h1{font-size:clamp(44px,10vw,78px)}.download-panel{width:100%;max-width:560px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.network-strip{gap:14px;flex-wrap:wrap}.network-strip>.eyebrow{width:100%}.account-section{grid-template-columns:1fr;gap:26px}.account-section>div:first-child{max-width:600px}footer{flex-wrap:wrap}.card-content,.card:only-child .card-content{padding:0 20px}.server-row-top strong{font-size:14px}}
@media(max-width:520px){header,main,footer{padding-left:20px;padding-right:20px}.hero{padding-top:40px}.hero h1{font-size:clamp(39px,11vw,57px)}.hero .hero-lead{font-size:22px}.hero-actions{flex-direction:column;align-items:stretch}.hero-tags{margin-top:24px;font-size:9px;gap:13px}.download-panel{padding:22px 18px}.release-meta>div{font-size:12px}.network-strip{font-size:11px;gap:12px}.network-strip strong{font-size:15px}.cards{grid-template-columns:1fr}.region-heading{align-items:flex-start;flex-wrap:wrap}.section-head{gap:14px}.section-head h2{font-size:27px}.section-head>button{padding:10px 13px;font-size:12px}.section-description{font-size:13px}.account-section h2{font-size:30px}footer{align-items:flex-start;flex-direction:column}main>section:not(.hero){padding:40px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.map-preview img{transition:none}.card:hover,.card:hover .map-preview img{transform:none}}
