@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10110e;--surface:#171914;--line:#34372b;--text:#f2f0e7;--muted:#adb09f;--gold:#e2ac2b;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'Barlow',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:1rem}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}a:hover{color:var(--gold)}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:absolute;top:-100px;left:1rem;z-index:10;background:var(--gold);color:#10110e;padding:1rem}.skip-link:focus{top:1rem}.site-header{height:100px;padding:0 clamp(1.3rem,5vw,6rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#10110e}.brand{display:flex;align-items:center;gap:.9rem}.brand img{width:56px;height:64px;object-fit:contain}.brand>span{font:800 1.65rem/1 var(--display);letter-spacing:.055em}.brand small{display:block;margin-top:.35rem;font:600 .75rem/1.1 var(--body);letter-spacing:.26em}.site-header nav{display:flex;align-items:center;gap:2.3rem;font-size:.9rem;font-weight:600}.header-join{border:1px solid #555641;padding:.85rem 1.2rem}.header-join span{margin-left:1.1rem}.hero{position:relative;isolation:isolate;min-height:610px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-image{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 48%;transform:scaleX(-1)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,12,9,.98) 0%,rgba(10,13,10,.89) 30%,rgba(10,13,10,.38) 61%,rgba(10,13,10,.12) 100%),linear-gradient(0deg,#10110e 0%,transparent 30%,rgba(13,15,10,.14) 100%)}.hero-content{width:100%;max-width:1600px;margin:auto;padding:4rem clamp(1.3rem,5vw,6rem) 5rem}.eyebrow{display:flex;align-items:center;gap:.8rem;font-weight:600;font-size:.8rem;letter-spacing:.16em;margin:0 0 1.3rem}.flag{display:inline-block;width:24px;height:15px;background:linear-gradient(#191919 0 33.333%,#c33b28 33.333% 66.666%,#e2ac2b 66.666%);box-shadow:0 0 0 1px #ffffff25}.hero h1{font:800 clamp(3.6rem,6.8vw,7rem)/.94 var(--display);letter-spacing:-.025em;margin:0 0 1.5rem}.hero h1 span{color:var(--gold)}.intro{font-size:1.1rem;line-height:1.7;color:#d5d7cd;max-width:480px;margin-bottom:1.9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;background:var(--gold);color:#16170e;font-weight:800;font-size:1rem;padding:1.2rem 1.5rem;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));transition:background .15s,transform .15s}.button:hover{background:#f4c658;color:#10110e;transform:translateY(-2px)}.button svg{width:24px;height:24px}.button>span{margin-left:1rem}.join-note{font-size:.875rem;color:var(--muted);margin:1rem 0 0}.hero-foot{position:absolute;left:clamp(1.3rem,5vw,6rem);right:clamp(1.3rem,5vw,6rem);bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.1em;color:#bdc0b1}.hero-foot a{display:flex;align-items:center;gap:.8rem;font-weight:600}.play{display:grid;place-items:center;width:32px;height:32px;border:1px solid #91927a;color:var(--gold);font-size:.65rem}.mono{font-family:monospace;font-size:.75rem}.server-section{max-width:1600px;margin:0 auto;padding:3.5rem clamp(1.3rem,5vw,6rem) 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem}.muted{color:var(--muted);font-size:.75rem;margin-bottom:.8rem}h2{font:700 clamp(2rem,3.2vw,3.1rem)/1 var(--display);margin:0;letter-spacing:.01em}.server-badge{display:flex;align-items:center;gap:1rem}.server-badge img{object-fit:contain;width:64px;height:72px}.server-badge strong{font-size:1.1rem;display:block}.server-badge span{display:block;color:var(--muted);font-size:.875rem;margin-top:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--surface)}.stat{padding:1.5rem 2rem 1.4rem;min-width:0}.stat+.stat{border-left:1px solid var(--line)}.stat-top{display:flex;justify-content:space-between;gap:1rem;color:#c1c4b3;font-size:.8rem;font-weight:600;letter-spacing:.06em}.stat-top span+span{color:#747a62;font-family:monospace}.stat>strong{font:600 clamp(3.5rem,5vw,5.5rem)/1.3 var(--display);font-variant-numeric:tabular-nums;display:block;margin-top:.4rem}.gold{color:var(--gold)}.stat p{font-size:.875rem;color:var(--muted);margin:0}.stats-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1rem;font-size:.75rem;color:#a4aa97;padding:1rem 0}.stats-caption p{margin:0}.stats-caption[data-state="error"] p{color:#e4ba66}.factions{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:2.5rem 0 3rem;padding:1.6rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.factions>p{font:600 1.2rem/1.25 var(--display);color:var(--muted);margin:0}.factions strong{color:var(--text);font-weight:700}.faction-names{display:flex;gap:clamp(1rem,3vw,3rem);font:700 clamp(1.3rem,2vw,1.9rem)/1 var(--display);letter-spacing:.035em}.faction-names span:nth-child(2){color:#d4c298}.factions>a{font-size:.875rem;color:var(--muted);line-height:1.5}.factions>a:hover{color:var(--gold)}footer{border-top:1px solid var(--line);padding:2rem clamp(1.3rem,5vw,6rem);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:#b1b59f;font-size:.75rem;font-weight:600;letter-spacing:.04em}footer div{display:flex;gap:1.5rem}footer p{flex-basis:100%;font-weight:400;font-size:.75rem;letter-spacing:0;color:#8e9580;margin:0}.footer-separator{margin:0 .8rem;color:#666d55}
@media(min-width:1600px){.hero{min-height:710px}.hero-image{object-position:center 45%}}@media(max-width:850px){.site-header{height:82px}.hero{min-height:610px}.hero-shade{background:linear-gradient(90deg,rgba(9,12,9,.96),rgba(9,12,9,.75) 65%,rgba(9,12,9,.4)),linear-gradient(0deg,#10110e,transparent 40%)}.hero h1{font-size:clamp(3.5rem,9vw,5.5rem)}.hero-image{object-position:35% center}.server-badge{display:none}.factions{flex-wrap:wrap}.faction-names{gap:2rem}.factions>a{flex-basis:100%}.stat{padding:1.2rem}.hero-foot .mono{display:none}.hero-foot{justify-content:flex-end}}
@media(max-width:540px){.nav-text{display:none}.site-header nav{gap:0}.brand>span{font-size:1.25rem}.brand small{font-size:.65rem}.brand img{width:42px;height:50px}.brand{gap:.5rem}.header-join{padding:.7rem .8rem;font-size:.8rem}.header-join span{margin-left:.3rem}.hero{min-height:600px}.hero-content{padding-top:3rem;padding-bottom:6rem}.hero h1{font-size:clamp(3rem,12vw,4.5rem)}.eyebrow{font-size:.75rem;letter-spacing:.08em}.intro{font-size:1rem}.join-button{font-size:.875rem;padding:1.1rem 1rem}.hero-foot{justify-content:flex-start}.hero-foot a{font-size:.7rem;letter-spacing:.04em}.stats-grid{grid-template-columns:1fr}.stat{display:grid;grid-template-columns:1fr auto;padding:1.1rem 1.3rem;gap:0 1rem}.stat+.stat{border-left:0;border-top:1px solid var(--line)}.stat-top{grid-column:1;align-self:end}.stat-top span+span{display:none}.stat>strong{grid-column:2;grid-row:1/3;margin:0;line-height:1.1;font-size:3.5rem}.stat p{grid-column:1;align-self:start;margin-top:.4rem}.section-heading{margin-bottom:1.5rem}.server-section{padding-top:2.5rem}.factions{gap:1.5rem}.faction-names{width:100%;justify-content:space-between;gap:.7rem;font-size:1.4rem}footer{line-height:1.7}.footer-separator{margin:0 .4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}