/* Local Sarabun typography, original game captures, minimal public branding. */
@font-face{font-family:Landing;src:url('/assets/fonts/sarabun/Sarabun-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Landing;src:url('/assets/fonts/sarabun/Sarabun-SemiBold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--bg:#101b18;--ink:#edf0e8;--accent:#dec390;--muted:#a7b4ab;--line:#b6c7b51f;font-family:Landing,system-ui,sans-serif}
body,button,input,select{font-family:Landing,system-ui,sans-serif}
.site-shell{background:#101b18}.site-shell:before{display:none}
.site-header{background:#101b18;padding:24px 56px 0;gap:16px 24px;border:0}
.wordmark,.site-header .wordmark{font:600 21px/1 Landing,sans-serif;letter-spacing:1.2px;gap:11px}
.brand-mark{width:40px;height:40px;image-rendering:auto;flex:none}.wordmark b{color:#dec390;font-weight:600}.wordmark small{font:400 7px/1.5 Landing,sans-serif;letter-spacing:2px;margin-top:7px;color:#91a398}
.header-play{border:1px solid #d9c5984d;background:transparent;color:#e9dcbe;font-size:13px;gap:20px;padding:11px 18px;border-radius:7px;min-height:44px;font-weight:400}.header-play:hover{background:#dec390;color:#15231a}
.slide-nav{gap:25px;padding:8px 0 0;border-top:0;border-bottom:1px solid var(--line)}.slide-nav a{font-size:13px;padding:14px 0;color:#9faea5}.slide-nav a:hover,.slide-nav a[aria-current]{color:#f2ead8}.slide-nav a[aria-current]:after{height:2px;border-radius:2px;background:#dec390}
.site-header .language-picker{padding:3px;gap:0;border-color:#a1b8a82e;border-radius:7px;background:transparent;margin:0}.site-header .language-picker button{font-family:Landing,sans-serif;font-size:11px;min-height:34px;min-width:34px}.site-header .language-picker button[aria-pressed=true]{background:#23372c;color:#f3e5c8}
.slide{padding:56px;min-height:650px;gap:52px;align-items:center}
.eyebrow,.board-top,.board-label,.picture-caption,.feature-index,.community-kicker,.community-address,.wiki-promo-kicker,.device-label,.device-caption,.world-bottom,.edition,.page-count{font-family:Landing,system-ui,sans-serif}
.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:400;margin-bottom:25px;color:#b9c8b6;line-height:1.8}.signal-dot,.live-scene-dot{background:#c8bb91;box-shadow:none;width:4px;height:4px}
.section-title{font-size:clamp(30px,3vw,42px);line-height:1.5;letter-spacing:-.6px;font-weight:600;margin-bottom:24px}.intro{font-size:16px;line-height:1.95;color:#aebbb0}.section-title em,.hero-tagline em{color:#dec390}
.hero-slide{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:680px;overflow:visible;gap:54px;background:none;isolation:auto}.hero-slide:before,.hero-slide:after{display:none}
.hero-slide .eyebrow{font-size:9px;letter-spacing:1.8px;color:#8fa597;margin-bottom:22px}.game-title{font:600 clamp(22px,2.4vw,32px)/1.1 Landing,sans-serif;letter-spacing:2px;color:#e7ece2;text-shadow:none}.game-title>span{display:inline;font:inherit;color:#dec390;letter-spacing:inherit}
.hero-tagline{font:600 clamp(30px,3.3vw,46px)/1.45 Landing,sans-serif;letter-spacing:-1px;margin:20px 0 24px;color:#edf0e8}.hero-slide .intro{font-size:15px;line-height:1.95;color:#adbbb0;text-shadow:none}
.hero-slide .cta-row{gap:18px;margin-top:30px;align-items:center}.button{font:600 13px/1.5 Landing,sans-serif;border-radius:7px;min-height:48px;padding:14px 20px;gap:22px;box-shadow:none}.primary{background:#dec390;color:#17251c;box-shadow:none}.primary:hover{background:#eedab3;transform:none}.hero-client-download{background:transparent!important;border:1px solid #aec0a936!important;color:#c7d2c5!important;box-shadow:none!important}
.text-link{font-size:13px;color:#c8d0c2;gap:16px}.hero-tags{gap:14px;margin-top:28px}.hero-tags a{font-size:11px;color:#a4b5a5;padding:0;border:0;background:none}.hero-tags a:hover{color:#dec390;background:none}.platform-note{font-size:10px;color:#82978a;margin-top:22px;line-height:1.8}
.hero-art.game-window{display:block;align-self:center;min-height:0;height:auto;width:100%;margin:0;padding:0;background:#15251e;border:1px solid #a2b49b26;border-radius:13px;overflow:hidden;box-shadow:0 16px 45px #0002}
.game-window-bar{display:flex;align-items:center;gap:8px;padding:15px 18px;font-size:9px;letter-spacing:1px;color:#a8b6a3}.live-scene-dot{display:inline-block;border-radius:50%;flex:none}.game-window-bar small{font-size:10px;letter-spacing:0;margin-left:auto;color:#839b8b}.game-window>.gameplay-hero{display:block;width:100%;height:auto;aspect-ratio:1.33;object-fit:cover;object-position:center;image-rendering:auto}
.game-window figcaption{padding:20px;display:flex;gap:14px;justify-content:space-between;align-items:center}.game-window figcaption strong{font-size:15px;font-weight:400;color:#d8dfd2;line-height:1.7}.game-window figcaption span{display:block;color:#849b8c;font-size:10px;margin-top:5px}.game-window figcaption a{display:grid;place-items:center;border:1px solid #c1c8a82b;border-radius:50%;width:34px;height:34px;flex:none;color:#cbbd99}
.story-slide{gap:55px}.story-art{border:1px solid var(--line);border-radius:12px;min-height:465px;box-shadow:none}.story-art:after{background:linear-gradient(0deg,#0a1718b8,transparent 36%)}.story-art>img.story-photo{object-position:45% center;image-rendering:auto}.giant-day,.day-caption,.story-halo{display:none}.radio-note{bottom:18px;left:18px;right:auto;border:0;border-radius:6px;padding:10px 14px;font-size:11px;background:#14291ee6;color:#d1ddc7}.story-copy .intro{font-size:14px}.story-lead{font-size:16px;font-weight:400;line-height:1.9}.story-quote{font-size:14px;border-color:#859b6c54;margin:24px 0;color:#90a28c}.story-quote strong{font-weight:400;color:#d8c398}
.features-heading{margin-bottom:32px;gap:30px}.features-heading .section-title{font-size:34px}.features-heading>.intro{font-size:14px;line-height:1.9}.feature-grid{gap:22px}.feature-card{border:1px solid var(--line);border-radius:10px;background:#14241d;overflow:hidden}.feature-card:hover{transform:none;border-color:#adbc9b50}.feature-picture{height:215px}.feature-picture>img.scene-photo{image-rendering:auto;object-fit:cover;object-position:center}.picture-caption{letter-spacing:1.2px;font-size:8px;background:linear-gradient(transparent,#102018d9);padding:40px 18px 14px}.feature-index{top:14px;left:14px;border:0;border-radius:4px;background:#10231cd9;font-size:10px;color:#d0d7be}.feature-body{padding:24px;border:0}.feature-body small{font-size:11px;color:#b6bd98}.feature-body h3{font-size:19px;line-height:1.6;font-weight:400;margin:10px 0 13px;color:#e7eadf}.feature-body p{font-size:14px;line-height:1.9;color:#9faf9f}
.equipment-slide,.enhancement-slide{gap:55px;background:none}.guide-facts{gap:23px;margin:28px 0}.guide-facts p{font-size:14px;line-height:1.95;color:#a7b6a8;border-left:0;padding-left:0}.guide-facts b{font-size:16px;font-weight:400;color:#dce2d4;margin-bottom:7px}.guide-note{font-size:12px;line-height:1.9;color:#b9b590;border-color:var(--line);padding-top:19px;margin-bottom:24px}
.loadout-board,.forge-board{padding:28px;background:#15251e;border:1px solid var(--line);border-radius:12px;box-shadow:none}.board-top{font-size:9px;letter-spacing:1.2px;color:#829a89;padding-bottom:18px;border-color:var(--line)}.board-label{font-size:12px;color:#c0cdbd;margin:24px 0 14px}.build-picker{gap:6px;background:#101e17;border-radius:7px;padding:4px}.build-picker button{border:0;border-radius:5px;background:transparent;padding:11px 8px;font-size:13px;color:#98ae9c}.build-picker button[aria-pressed=true]{background:#2c4030;color:#e9dcc0;font-weight:400}.build-picker button:hover{background:#293d2b}
.gear-focus{height:166px;margin:23px 0 16px;background:radial-gradient(ellipse,#aab78315,transparent 70%)}.gear-focus img{filter:none}.gear-focus span{font:400 9px/1.5 Landing,sans-serif;letter-spacing:1.4px;color:#829b86;margin-top:14px}.loadout-example[data-build-panel=explore] .gear-focus img{width:200px;object-fit:cover;border:0;border-radius:7px;image-rendering:auto}.loadout-example h3,.forge-board h3{font-size:22px;line-height:1.6;font-weight:400;color:#dfe4d5}.loadout-example>p,.forge-board>p{font-size:13px;line-height:1.9;color:#9db09e;margin-top:10px}.trait-list{margin-top:22px}.trait-list li{font-size:14px;padding:12px 0;border-color:var(--line);color:#c1cebb}.trait-list b{font-size:12px;color:#c8bd93}.example-caption{font:400 10px/1.8 Landing,sans-serif!important;color:#819783!important;margin-top:18px}
.forge-art{gap:20px;padding:35px 0 24px}.forge-art img{max-width:36%;filter:none}.forge-plus{font:400 32px/1 Landing,sans-serif;color:#8ba185}.upgrade-ladder{gap:14px;margin:12px 0 28px;font:400 23px/1 Landing,sans-serif;color:#9aac93}.upgrade-ladder i{width:24px;background:#b3c3a22b}.upgrade-ladder strong{font:600 34px/1 Landing,sans-serif;color:#dec390;text-shadow:none}.material-row{border-color:var(--line);margin-top:26px;padding:23px 0}.material-row div{font-size:12px;color:#bac7af}.material-row>span{color:#7f987b}
.citylife-banner{border-radius:12px;padding:38px;min-height:290px;border-color:var(--line)}.citylife-banner>img{object-position:60% 56%;image-rendering:auto}.citylife-banner:after{background:linear-gradient(90deg,#0d1d17f2,#0d1d17c2 50%,#0d1d1733)}.citylife-banner .eyebrow{font-size:9px;margin-bottom:18px}.citylife-banner .section-title{font-size:36px;margin-bottom:14px}.citylife-banner p:last-child{font-size:14px;line-height:1.8;color:#becab5}.citylife-grid{gap:0 38px;margin-top:16px}.citylife-grid>a{padding:28px 0;border-color:var(--line)}.citylife-grid>a:hover h3{color:#dec390}.citylife-grid span{font:400 9px/1.8 Landing,sans-serif;letter-spacing:1.3px;color:#7f9b85}.citylife-grid h3{font-size:21px;line-height:1.6;font-weight:400;margin:13px 0 10px;color:#dbe3d2}.citylife-grid p{font-size:14px;line-height:1.9;color:#a0b09c;max-width:46ch}.citylife-grid b{font-size:12px;color:#c7b98c;margin-top:17px}
.device-options h3{font-size:17px}.device-options p{font-size:13px}.browser-art{min-height:460px}.browser-art:before{display:none}.desktop-browser{transform:none;border-radius:9px;overflow:hidden;box-shadow:none;border-color:var(--line);background:#15251e}.browser-chrome{background:#1d2e23;border-color:var(--line)}.browser-chrome span{font-family:Landing,sans-serif}.browser-world{height:320px}.browser-world>img.browser-scene{image-rendering:auto}.browser-world strong{font:400 26px/1.6 Landing,sans-serif}.browser-world>small{font-family:Landing,sans-serif}.mobile-browser{transform:none;border-radius:18px;box-shadow:none;right:0;bottom:20px;outline-color:#9bb18b40}.mobile-browser img.phone-scene{image-rendering:auto}.mobile-browser small{font-family:Landing,sans-serif}.device-caption{font-size:10px;letter-spacing:1.5px}.connection-note{font-size:12px}
.community-title{font:600 clamp(50px,6vw,80px)/1 Landing,sans-serif;letter-spacing:-1px}.community-title>span{font:400 30px/1.6 Landing,sans-serif;margin-top:24px}.community-topics span{font-size:12px;border-radius:5px}.community-art{border-radius:12px;border-color:var(--line);box-shadow:none}.community-art-label{font-family:Landing,sans-serif}.community-join{background:#5865b7;box-shadow:none;font-weight:400}.community-join:hover{transform:none}.community-slide{background:none}.community-slide .intro{font-size:16px}.wiki-field-cover{border-radius:10px 10px 0 0;overflow:hidden}.wiki-field-photo{image-rendering:auto}.wiki-promo-copy .intro{font-size:15px}
.slide-footer{padding:22px 56px 28px;min-height:90px;border-color:var(--line);background:#101b18}.edition{font-size:8px;letter-spacing:1px;color:#7e9785;line-height:1.8}.edition small{font-family:Landing,sans-serif;font-size:10px;color:#7e9785}.landing-legal-links{font-family:Landing,sans-serif;font-size:10px;color:#809383}.arrow-button{border-radius:7px;border-color:var(--line);font:400 20px/1 Landing,sans-serif;color:#c8c0a1}.autoplay{font-size:11px;color:#9aab94}.page-count{font-size:11px;color:#6c8673}.page-count b{color:#c7bd97}.slide-progress{height:1px;background:#98aa8624}.slide-progress span{background:#b8b089}
@media(min-width:1500px){.slide{min-height:700px}.hero-slide{min-height:720px}}
@media(max-width:1100px){.site-header{padding:22px 32px 0}.slide-nav{gap:21px}.slide-nav a{font-size:12px}.slide{padding:42px 32px;gap:30px}.hero-slide{min-height:620px}.hero-tagline{font-size:36px}.game-window figcaption{padding:17px}.game-window figcaption strong{font-size:14px}.features-heading .section-title{font-size:30px}.feature-body{padding:20px}.feature-body h3{font-size:17px}.feature-body p{font-size:13px}.loadout-board,.forge-board{padding:23px}.slide-footer{padding-inline:32px}.section-title{font-size:33px}}
@media(max-width:760px){.site-header{padding:19px 24px 0;gap:14px 10px}.site-header .wordmark{font-size:17px;gap:8px}.brand-mark{width:32px;height:32px}.wordmark small{font-size:6px;letter-spacing:1.2px;margin-top:5px}.site-header .header-play{font-size:11px;padding:9px 12px;gap:12px;min-height:40px}.site-header .language-picker{padding:2px}.site-header .language-picker button{min-width:27px;min-height:32px;padding:3px;font-size:10px}.slide-nav{gap:0;margin:0;padding-top:0}.slide-nav a,.slide-nav a.discord-nav{font-size:11px;padding:11px 10px}.slide-nav a:first-child{padding-left:0}.slide{padding:34px 24px;grid-template-columns:minmax(0,1fr);gap:32px;min-height:0}.hero-slide{gap:32px;min-height:0;padding-top:36px}.hero-slide .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:18px}.game-title{font-size:21px;letter-spacing:1.5px}.hero-tagline{font-size:34px;line-height:1.45;letter-spacing:-.7px;margin:18px 0 20px}.hero-slide .intro{font-size:14px;line-height:1.95}.hero-slide .cta-row{margin-top:26px;gap:14px}.button{font-size:12px;min-height:46px;padding:13px 17px;gap:18px}.hero-tags{margin-top:23px;gap:13px}.hero-tags a{font-size:10px}.platform-note{font-size:9px;line-height:1.9;margin-top:20px}.hero-art.game-window{margin:0;height:auto;min-height:0;max-width:none;border-radius:10px}.game-window-bar{font-size:8px;padding:13px 14px;letter-spacing:.8px}.game-window-bar small{font-size:9px}.game-window>.gameplay-hero{aspect-ratio:1.2;object-position:54% center}.game-window figcaption{padding:16px 14px}.game-window figcaption strong{font-size:13px}.game-window figcaption span{font-size:9px}.game-window figcaption a{height:30px;width:30px}.section-title{font-size:31px;line-height:1.55;margin-bottom:21px}.intro{font-size:15px}.story-copy .intro{font-size:14px;line-height:1.95}.story-lead{font-size:16px}.story-art{height:330px;min-height:330px;max-width:none;grid-row:2}.radio-note{font-size:10px;left:14px;bottom:14px}.features-heading .section-title{font-size:29px}.features-heading>.intro{font-size:14px;margin-top:22px}.feature-grid{gap:20px;grid-template-columns:1fr}.feature-card{display:block}.feature-picture{height:200px;min-height:0}.feature-picture>img.scene-photo{object-position:center}.picture-caption{font-size:8px;padding:35px 18px 15px}.feature-index{font-size:10px;padding:5px 7px;top:14px;left:14px}.feature-body{padding:22px;border:0}.feature-body small{font-size:11px}.feature-body h3{font-size:21px}.feature-body p{font-size:14px;line-height:1.9}.equipment-slide,.enhancement-slide{gap:30px}.guide-facts{gap:22px}.guide-facts p{font-size:14px}.guide-facts b{font-size:16px}.guide-note{font-size:12px;line-height:1.95}.loadout-board,.forge-board{padding:22px}.board-top{font-size:8px;letter-spacing:.8px}.loadout-example h3,.forge-board h3{font-size:21px}.loadout-example>p,.forge-board>p{font-size:13px}.trait-list li{font-size:13px}.build-picker button{font-size:12px;padding-inline:6px}.citylife-banner{padding:25px;min-height:300px;border-radius:10px}.citylife-banner .eyebrow{font-size:7px;letter-spacing:1px}.citylife-banner .section-title{font-size:28px}.citylife-banner p:last-child{font-size:13px}.citylife-grid{grid-template-columns:1fr}.citylife-grid>a{padding:26px 0}.citylife-grid h3{font-size:21px}.citylife-grid p{font-size:14px}.device-options h3{font-size:16px}.device-options p{font-size:12px}.browser-art{min-height:370px;padding-right:15px}.browser-world{height:255px}.browser-world strong{font-size:22px}.connection-note{font-size:11px}.community-title{font-size:51px}.community-title>span{font-size:26px}.community-slide .intro{font-size:15px}.community-topics span{font-size:11px}.slide-footer{padding:22px 24px;gap:18px}.edition{font-size:7px;letter-spacing:.7px}.edition small{display:none}}
@media(max-width:380px){.site-header{padding-inline:18px;gap:12px 8px}.site-header .wordmark{font-size:15px;gap:6px}.brand-mark{width:29px;height:29px}.wordmark small{display:none}.site-header .header-play{padding:8px 10px;gap:8px;font-size:10px}.site-header .language-picker button{min-width:25px;font-size:9px}.slide-nav a,.slide-nav a.discord-nav{font-size:10px;padding:10px 8px}.slide{padding-inline:20px}.hero-tagline{font-size:29px}.hero-tags{gap:10px}.hero-tags a{font-size:9px}.hero-slide .intro{font-size:13px}.section-title{font-size:28px}.loadout-board,.forge-board{padding:18px}.board-top{font-size:7px}.upgrade-ladder{gap:9px}.upgrade-ladder i{width:18px}.material-row div{font-size:10px}.citylife-banner{padding:20px}.citylife-banner .section-title{font-size:25px}.citylife-banner p:last-child{font-size:12px}.slide-footer{padding-inline:20px}.game-window figcaption strong{font-size:12px}}