/* A city after dark. Public landing page only. */
:root{--bg:#0d1213;--ink:#efece3;--accent:#cfb284;--muted:#a4ada8;--line:#9aa89c25}
body{background:#0d1213;background-image:none}
.site-shell{max-width:1920px;margin:auto;overflow:clip;background:#0d1213}
.site-header{position:relative;z-index:10;display:flex;align-items:center;flex-wrap:nowrap;gap:30px;padding:22px clamp(24px,4.2vw,80px);border-bottom:1px solid #b2bdac21;background:#101617;min-height:88px}
.site-header .wordmark{order:0;margin-right:auto;gap:12px;font-size:22px;letter-spacing:.3px;flex:none}
.site-header .brand-mark{width:40px;height:40px;border-radius:10px;border:1px solid #c6b38538}
.site-header .wordmark b{color:#d4ba90}.site-header .wordmark small{font-size:7px;letter-spacing:2.2px;color:#8a9690;margin-top:7px}
.site-header .language-picker{order:3;border:0;background:none;flex:none;margin:0;padding:0;gap:3px}
.site-header .language-picker button{min-width:34px;min-height:44px;font-size:11px;border:0;color:#99a59e;border-radius:4px}
.site-header .language-picker button[aria-pressed=true]{background:#ffffff08;color:#e9ddc8}
.site-header .header-play{order:4;margin-left:0;background:#d5bc91;color:#161c1b;border:1px solid #e9d2a94d;min-height:44px;min-width:120px;padding:11px 18px;border-radius:4px;font-size:13px;gap:22px;box-shadow:none;font-weight:600;flex:none}
.site-header .header-play:hover{background:#ead2aa}
.header-guide{order:2;display:flex;gap:18px;align-items:center;min-height:44px;color:#b9c2ba;font-size:13px;white-space:nowrap}
.header-guide:hover{color:#e3cda7;text-decoration:none}
.site-explore{order:1;margin:0;border:0;padding:0;position:static;color:#c3ccc4}
.site-explore>summary{display:flex;align-items:center;gap:10px;min-height:44px;list-style:none;cursor:pointer;font-size:13px;padding:8px 4px;user-select:none}
.site-explore>summary::-webkit-details-marker{display:none}
.menu-symbol{width:16px;display:grid;gap:4px}.menu-symbol i{height:1px;background:#d0c2a7;display:block}.menu-symbol i:last-child{width:11px}
.menu-chevron{color:#8d9d91;margin-left:14px;font-size:17px;transition:transform .2s}
.site-explore[open] .menu-chevron{transform:rotate(180deg)}
.site-header .site-explore>.slide-nav{position:absolute;top:calc(100% + 10px);right:clamp(24px,4.2vw,80px);width:min(520px,calc(100vw - 32px));max-height:calc(100svh - 122px);overflow:auto;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:16px;border:1px solid #82917c55;border-radius:10px;background:#17201ffd;box-shadow:0 24px 70px #0009;scrollbar-width:thin;scrollbar-color:#526055 transparent}
.site-header .site-explore:not([open])>.slide-nav{display:none}
.site-header .site-explore .slide-nav a{position:relative;justify-content:flex-start;white-space:normal;padding:12px 16px;min-height:48px;border-radius:5px;font-size:14px;border:1px solid #8b998014;background:#ffffff02;color:#bfc8bf}
.site-header .site-explore .slide-nav a:hover{color:#ede2cb;background:#344237;border-color:#a3ae7955}
.site-header .site-explore .slide-nav a[aria-current]{background:#313d35;border-color:#a8976755;color:#efd4a5}
.site-header .site-explore .slide-nav a[aria-current]:before{content:'';width:4px;height:4px;border-radius:50%;background:#d0af77;position:absolute;right:12px}
.slideshow{background:#0d1213;min-height:0}
.slide{padding:64px clamp(24px,6vw,112px);gap:64px;min-height:calc(100svh - 168px);background:#0f1617}
.slide[hidden]{display:none!important}
.slide .eyebrow{font:400 10px/1.7 Landing,sans-serif;letter-spacing:2.7px;color:#c4b697;margin-bottom:26px}
.slide .section-title{font-size:clamp(32px,3.4vw,54px);line-height:1.48;letter-spacing:-1px;font-weight:600;color:#eee9de}
.slide .section-title em{color:#c6b08a;font-style:normal}
.slide .intro{font-size:15px;line-height:2;color:#a7b4ac}
.slide .button{min-height:48px;border-radius:4px;font-weight:600;font-size:13px;padding:13px 22px;box-shadow:none;gap:28px}
.slide .button.primary{background:#d3b88a;color:#15201b;border:1px solid #ead6b440}
.slide .button.primary:hover{background:#ebd2aa}
.slide .text-link{color:#cec8b6;font-size:13px}.slide .text-link:hover{color:#e6cda5}
.hero-slide{display:flex;align-items:center;position:relative;isolation:isolate;min-height:max(700px,calc(100svh - 168px));overflow:hidden;background:#101819;padding:62px clamp(24px,6vw,112px) 72px}
.hero-slide:before,.hero-slide:after{display:none}
.hero-slide .slide-copy{position:relative;z-index:2;width:52%;max-width:680px;pointer-events:none}
.hero-slide .slide-copy a{pointer-events:auto}
.hero-slide .eyebrow{margin:0 0 26px;color:#c6b998;font-size:10px;letter-spacing:3px}
.hero-slide .signal-dot{width:5px;height:5px;background:#c8b48b;margin-right:9px}
.hero-slide .game-title{font-family:'Arial Black','Segoe UI',sans-serif;font-size:clamp(66px,8.2vw,148px);line-height:.91;letter-spacing:-5px;font-weight:900;color:#ece9df;margin:0 0 24px;text-shadow:0 4px 35px #06100c55}
.hero-slide .game-title span{color:#c7ab7a;display:block;margin-top:3px}
.hero-slide .hero-tagline{font-size:clamp(29px,3vw,46px);line-height:1.43;letter-spacing:-.8px;margin:0 0 22px;font-weight:600;color:#e6e7db}
.hero-slide .hero-tagline br{display:none}.hero-slide .hero-tagline em{color:#cfbd99;font-style:normal;margin-left:12px}
.hero-slide .intro{font-size:14px;line-height:1.95;color:#a9b6af;margin:0 0 28px;max-width:470px}
.hero-slide .cta-row{display:flex;gap:14px 22px;align-items:center;flex-wrap:wrap;margin:0}
.hero-slide .cta-row>.text-link{flex-basis:100%;font-size:12px;padding-top:7px;color:#b0b9ab}
.hero-slide .hero-client-download{border:1px solid #b7c0ab4d;background:#14201e55;color:#d5dbc9}
.hero-slide .hero-client-download:hover{background:#344237}
.hero-slide .hero-tags{display:flex;gap:15px;flex-wrap:wrap;margin:30px 0 0;padding-top:20px;border-top:1px solid #c3ccaf22;width:fit-content}
.hero-slide .hero-tags a{background:none;border:0;padding:0;color:#92a396;font-size:11px;letter-spacing:0}
.hero-slide .hero-tags a:hover{color:#ddc89d}
.hero-slide .platform-note{margin-top:15px;color:#7f9688;font-size:10px;line-height:1.8;letter-spacing:0}
.hero-art.game-window{position:absolute;inset:0;z-index:0;max-width:none;width:100%;height:100%;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;background:#0f1917;overflow:hidden}
.hero-art .game-window-bar{position:absolute;right:clamp(24px,4.2vw,80px);top:32px;z-index:3;background:none;border:0;padding:0;letter-spacing:2px;font-size:9px;color:#cfccb4}
.hero-art .hero-media{position:absolute;inset:0;overflow:hidden;background:#111b18}
.hero-art .hero-image-button{height:100%;width:100%;border:0;border-radius:0;padding:0}
.hero-art .hero-media .gameplay-hero{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:70% center;image-rendering:auto;filter:saturate(.73) brightness(.75)}
.hero-art .hero-media:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#0c1413 0%,#0c1413f5 19%,#0c1413d6 34%,#0c141360 60%,#0c141300 83%),linear-gradient(0deg,#0c1413e8,transparent 29%,transparent 82%,#0c14135c)}
.hero-art .scene-motion{z-index:3;right:clamp(24px,4.2vw,80px);bottom:115px;background:#121e1dbb;border:1px solid #cad0b633;color:#b9c4b3;min-height:44px;font-size:10px;padding:10px 15px;border-radius:4px}
.hero-art figcaption{position:absolute;bottom:35px;right:clamp(24px,4.2vw,80px);z-index:3;display:flex;gap:24px;align-items:center;background:transparent;border:0;border-left:1px solid #c5b08455;padding:4px 0 4px 18px;max-width:330px;text-align:left}
.hero-art figcaption strong{font-size:13px;font-weight:400;color:#d4d8c7}
.hero-art figcaption span{font-size:10px;color:#8fa18f;display:block;margin-top:5px;line-height:1.8}
.hero-art figcaption>a{width:44px;height:44px;min-width:44px;display:grid;place-items:center;border:1px solid #acb79d3d;border-radius:50%;color:#d8c295;font-size:16px}
.hero-art figcaption>a:hover{background:#354638}
.slide-footer{padding:20px clamp(24px,4.2vw,80px);min-height:80px;gap:24px;background:#0b1011;border-top:1px solid #a5b39b26;color:#8f9a8d}
.slide-footer .edition{font-size:8px;letter-spacing:1.4px;color:#b0b294}.slide-footer .edition small{font-size:9px;letter-spacing:0;color:#657d6c}
.slide-controls{gap:18px}.slide-controls>button{min-width:44px;min-height:44px;background:none;border:1px solid #91a17e3b;border-radius:50%;color:#cfbd98}
.slide-controls .autoplay{border:0;border-radius:0;font-size:10px;padding:8px}.page-count{font-size:10px;letter-spacing:2px;color:#a6b29b}
.slide-progress{height:1px;background:#213129}.slide-progress span{background:#b29b70}
.story-art{border-radius:2px;box-shadow:none;border:1px solid #69755b40}.story-art .radio-note{background:#14201ce8;border-radius:2px;color:#b9c2a9}
.story-quote{border-left:1px solid #ad94645c;padding:4px 0 4px 20px;color:#9baa97}.story-quote strong{color:#d2ba8a}
.feature-card{border:1px solid #79856a2e;border-radius:4px;box-shadow:none;background:#18201e}.feature-picture{border-radius:0}.feature-body{padding:26px}.feature-body h3{font-size:22px;font-weight:600;color:#dadfce}.feature-body p{font-size:14px;color:#96a992}.feature-body small{color:#b6a77f;font-size:10px;letter-spacing:1px}
.loadout-board,.forge-board{border:1px solid #8e9d7040;border-radius:6px;background:linear-gradient(135deg,#26312a,#151d1c);box-shadow:0 25px 60px #0002;padding:32px}
.board-top{border-color:#a4b28a26;color:#899b7b}.build-picker{gap:6px}.build-picker button{border:1px solid #a2b28a2e;background:#0e171580;min-height:44px;border-radius:3px;color:#b8c6aa}.build-picker button[aria-pressed=true]{background:#b7a47a;color:#16231b;border-color:#d3bd8c}
.forge-picture{border-radius:3px}.forge-picture img{aspect-ratio:1.65}.forge-picture span{background:#18231d;color:#9dab8e}
.guide-facts p{border-left:1px solid #ac99684a;color:#9fae9b;font-size:14px;padding-left:20px}.guide-facts b{font-size:16px;color:#d6dfc9;font-weight:400}
.citylife-banner{border-radius:4px;border:1px solid #7c8e654d;background:linear-gradient(100deg,#24362b,#15251c)}
.gallery-card{border-radius:4px;border-color:#8b9d6c30;background:#17231c}.gallery-card>span{padding:20px}.gallery-card strong{font-size:16px;color:#ccd7bb}.gallery-heading h3{font-size:28px;color:#cfd9c2}
.community-title{color:#e5e8d9}.community-title em{color:#c9b68e}.community-art{filter:saturate(.65)}
.wiki-field-cover,.wiki-field-index{border-radius:4px;box-shadow:none}.wiki-promo-stats{border-color:#a6b8812e}
:focus-visible{outline:2px solid #dec697;outline-offset:5px}
@media(min-width:1600px){.hero-slide .slide-copy{width:48%;}.hero-art .hero-media .gameplay-hero{object-position:center}}
@media(max-width:1100px){.site-header{gap:22px}.header-guide{display:none}.hero-slide{min-height:720px}.hero-slide .slide-copy{width:62%}.hero-slide .game-title{font-size:108px}.hero-slide .hero-tagline{font-size:34px}.hero-art .hero-media:after{background:linear-gradient(90deg,#0c1413fa,#0c1413e6 25%,#0c141380 61%,#0c141333),linear-gradient(0deg,#0c1413dd,transparent 40%)}.hero-art figcaption{max-width:250px}.slide{gap:36px}.slide .section-title{font-size:34px}}
@media(max-width:760px){
 .site-header{padding:14px 20px;gap:12px;flex-wrap:wrap;min-height:80px}.site-header .wordmark{font-size:18px;gap:9px}.site-header .brand-mark{width:34px;height:34px}.site-header .wordmark small{font-size:6px;letter-spacing:1.3px}
 .site-header .header-play{min-width:0;min-height:44px;padding:10px 14px;font-size:12px;gap:16px;order:1}.site-explore{order:2;flex-basis:calc(100% - 100px);border-top:1px solid #a2b18b24;padding-top:4px}.site-explore>summary{font-size:12px;padding:5px 0;width:fit-content;gap:10px}.site-header .language-picker{order:3;margin-left:auto;border-top:1px solid #a2b18b24;padding-top:4px}.site-header .language-picker button{min-height:44px}.site-header .site-explore>.slide-nav{left:16px;right:16px;top:calc(100% + 8px);width:auto;max-height:calc(100svh - 172px);padding:10px;gap:5px}.site-header .site-explore .slide-nav a{font-size:13px;padding:12px;min-height:48px}
 .slide{padding:40px 24px;gap:32px;min-height:0;grid-template-columns:1fr}.slide .section-title{font-size:32px}.slide .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:22px}
 .hero-slide{display:flex;min-height:890px;padding:230px 24px 36px;align-items:flex-start}.hero-slide .slide-copy{width:100%;max-width:none}.hero-slide .eyebrow{font-size:8px;letter-spacing:2.2px;margin-bottom:22px}.hero-slide .game-title{font-size:clamp(69px,20vw,110px);line-height:.88;letter-spacing:-3px;margin-bottom:24px}.hero-slide .game-title span{display:inline;margin-left:2px}.hero-slide .hero-tagline{font-size:32px;line-height:1.4;letter-spacing:-.8px;margin-bottom:18px}.hero-slide .hero-tagline br{display:block}.hero-slide .hero-tagline em{margin-left:0;color:#d4be94}.hero-slide .intro{font-size:13px;line-height:1.95;margin-bottom:24px}.hero-slide .cta-row{gap:10px}.hero-slide .button{font-size:12px;padding:13px 16px;gap:22px}.hero-slide .cta-row>.text-link{padding-top:10px}.hero-slide .hero-tags{gap:13px;margin-top:25px;padding-top:18px}.hero-slide .hero-tags a{font-size:10px}.hero-slide .platform-note{font-size:9px;color:#8a9c8c;margin-top:14px}
 .hero-art.game-window{height:100%;border-radius:0}.hero-art .hero-media{height:560px}.hero-art .hero-media .gameplay-hero{object-position:64% top;filter:saturate(.7) brightness(.73)}.hero-art .hero-media:after{background:linear-gradient(0deg,#0c1413 1%,#0c1413f5 20%,#0c1413c4 38%,#0c141322 73%,#0c141326),linear-gradient(90deg,#0c141348,transparent)}.hero-art .game-window-bar{top:25px;right:24px;font-size:8px;letter-spacing:1.8px}.hero-art .scene-motion{top:145px;bottom:auto;right:24px;min-height:44px;font-size:9px;padding:10px 13px;background:#0f1c18b0}.hero-art figcaption{display:none}
 .slide-footer{padding:18px 24px;gap:15px;min-height:0;flex-wrap:wrap}.slide-footer .edition{width:100%;font-size:8px;letter-spacing:1px}.slide-footer .edition small{display:none}.slide-controls{width:100%;gap:18px}.slide-controls .autoplay{margin-right:auto}.slide-controls .autoplay span{display:inline}.loadout-board,.forge-board{padding:22px}.feature-body{padding:23px}.feature-body h3{font-size:21px}.gallery-card>span{padding:16px 12px}.gallery-card strong{font-size:13px}.story-art{min-height:300px}.community-title{font-size:58px}.community-title>span{font-size:29px}
}
@media(max-width:380px){.site-header{padding-inline:16px;gap:10px}.site-header .wordmark{font-size:16px}.site-header .brand-mark{width:30px;height:30px}.site-header .wordmark small{display:none}.site-header .header-play{padding:10px 12px;gap:10px}.hero-slide{padding:215px 20px 32px;min-height:850px}.hero-slide .game-title{font-size:66px;letter-spacing:-3.5px}.hero-slide .hero-tagline{font-size:30px}.hero-slide .cta-row{align-items:stretch}.hero-slide .button{font-size:11px;padding:12px 13px;gap:14px}.hero-slide .hero-tags{gap:11px}.hero-slide .hero-tags a{font-size:9px}.hero-slide .intro{font-size:12px}.hero-art .game-window-bar,.hero-art .scene-motion{right:20px}.slide{padding-inline:20px}.slide .section-title{font-size:29px}.slide-footer{padding-inline:20px}.slide-controls{gap:13px}}
@media(min-width:761px) and (max-height:650px){.hero-slide{min-height:680px}.slide{min-height:620px}}
@media(prefers-reduced-motion:reduce){.menu-chevron{transition:none}}
/* Keep the complete wordmark inside the phone and let content set its height. */
@media(max-width:760px){.hero-slide{min-height:0}.hero-slide .game-title{font-size:clamp(42px,13vw,64px);letter-spacing:-2.6px;white-space:normal;line-height:1}.hero-art.game-window{background:#0c1413}}