@font-face{font-family:Kanit;src:url(/game/fonts/Kanit-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Kanit;src:url(/game/fonts/Kanit-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Kanit;src:url(/game/fonts/Kanit-SemiBold.ttf)format("truetype");font-weight:600 800;font-display:swap}@font-face{font-family:Chakra;src:url(/game/fonts/ChakraPetch-Medium.ttf)format("truetype");font-weight:500;font-display:swap}:root{--bg:#101b21;--panel:#16252b;--ink:#f4efdf;--muted:#b8c3c3;--gold:#e8bf76;--line:#ffffff24;--orange:#d48956;color-scheme:dark;background:var(--bg);color:var(--ink);font-family:Kanit,sans-serif;font-size:16px;line-height:1.7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input{font:inherit}h1,h2,h3,p,figure{margin:0}p+p{margin-top:1em}h1,h2,h3{text-wrap:balance;font-weight:500;line-height:1.16}h2{letter-spacing:-.035em;font-size:clamp(2rem,4vw,3.6rem)}h3{font-size:1.6rem}p{color:var(--muted)}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible,video:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a:hover{color:var(--gold)}.container{width:min(1240px,100% - 96px);margin-inline:auto}.section{padding-block:112px}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--gold);align-items:center;gap:11px;margin-bottom:22px;font:500 .78rem/1.6 Chakra,Kanit,sans-serif;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--gold);color:var(--bg);padding:10px 18px;position:fixed;top:10px;left:10px;transform:translateY(-200%)}.skip-link:focus{transform:none}.status-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.site-header{border-bottom:1px solid var(--line);z-index:20;backdrop-filter:blur(15px);background:#101b21f5;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:44px;min-height:94px;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;min-height:44px;display:flex}.brand span{letter-spacing:.14em;font:600 12px/1.2 Kanit,sans-serif}.brand img{object-fit:contain;width:144px;height:auto}.header-inner nav{color:#ced6d5;gap:27px;margin-left:auto;font-size:.87rem;display:flex}.header-actions{flex-shrink:0;align-items:center;gap:26px;font-size:.8rem;display:flex}.lang-switch{align-items:center;gap:4px;display:flex}.lang-switch span{color:#889aa3}.lang-switch a{min-width:44px;min-height:44px;color:var(--muted);justify-content:center;align-items:center;padding:10px 8px;display:inline-flex}.lang-switch a[aria-current],nav a[aria-current]{color:var(--gold)}.header-cta{border:1px solid #e8bf7666;align-items:center;min-height:44px;padding:9px 15px;display:inline-flex}.header-cta span{color:var(--gold);margin-left:15px}.hero{isolation:isolate;background:#101b21;flex-direction:column;justify-content:center;min-height:720px;display:flex;position:relative;overflow:hidden}.hero-landscape{object-fit:cover;object-position:65% center;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.hero-shade{z-index:-2;background:linear-gradient(90deg,#0b1721f5 0%,#0b1721b5 38%,#101b2100 75%),linear-gradient(#0000 65%,#101b21 100%);position:absolute;inset:0}.hero-content{padding-block:82px 85px}.hero h1{width:min(610px,53%);margin:0 0 20px -4px}.hero h1 img{width:100%;height:auto}.hero-subtitle,.thai-title{color:#f1e9d6;letter-spacing:.02em;font-family:Chakra,Kanit,sans-serif;font-size:clamp(1rem,1.9vw,1.5rem)}.hero-lede{color:#dbe0dc;max-width:460px;margin-top:24px;font-size:1.07rem;line-height:1.85}.button-row{flex-wrap:wrap;align-items:center;gap:26px;margin-top:32px;display:flex}.button{background:var(--gold);color:#18252b;border:1px solid var(--gold);justify-content:center;align-items:center;gap:15px;min-height:52px;padding:14px 23px;font-size:.94rem;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.button:hover{color:#101b21;background:#f4d395;transform:translateY(-2px)}.play-symbol{font-size:.75em}.text-link{border-bottom:1px solid #ffffff50;align-items:center;gap:22px;min-height:44px;padding:12px 0;font-size:.9rem;display:inline-flex}.hero-meta{color:#b5c2c6;flex-wrap:wrap;gap:20px;margin-top:32px;font-size:.78rem;display:flex}.hero-meta span+span:before{content:"·";color:var(--gold);margin-right:20px}.hero-bottom{letter-spacing:.05em;color:#aab8bd;justify-content:space-between;align-items:center;gap:20px;font-size:.7rem;display:flex;position:absolute;bottom:24px;left:0;right:0}.hero-bottom>span:first-child{color:var(--gold);align-items:center;gap:9px;display:flex}.section-heading{max-width:840px;margin-bottom:54px}.lede{max-width:770px;margin-top:25px;font-size:1.1rem;line-height:1.9}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.steps article{border-right:1px solid var(--line);padding:34px 34px 0}.steps article:first-child{padding-left:0}.steps article:last-child{border:0;padding-right:0}.step-top{color:var(--gold);justify-content:space-between;align-items:center;margin-bottom:25px;font:500 .8rem Chakra,sans-serif;display:flex}.step-top img{opacity:.8}.steps h3{font-size:2rem}.step-time{color:var(--gold);letter-spacing:.03em;margin:12px 0 18px;font-size:.75rem}.steps article>p:last-child{font-size:.94rem;line-height:1.85}.film-section{border-block:1px solid var(--line);background:#0b151b}.split-heading{grid-template-columns:1.15fr .85fr;align-items:end;gap:100px;max-width:none;display:grid}.small-note{color:#a9b9bc;font-size:.83rem;line-height:1.9}.film{background:#142127;border:1px solid #d6c29b3c}.film video{aspect-ratio:1280/672;object-fit:contain;background:#101b21;width:100%;height:auto}.film figcaption{color:#c3cfcc;align-items:center;gap:20px;padding:18px 24px;font-size:.78rem;display:flex}.film figcaption>span:last-child{margin-left:auto;font-family:Chakra,sans-serif}.film-tag{letter-spacing:.13em;color:var(--gold);font:500 .65rem Chakra,sans-serif}.screenshots{grid-template-columns:repeat(2,1fr);gap:36px 24px;margin-top:32px;display:grid}.screenshots figure>a{border:1px solid var(--line);display:block;position:relative;overflow:hidden}.screenshots img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .35s}.screenshots a:hover img{transform:scale(1.025)}.image-expand{border:1px solid var(--line);background:#0b151be8;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:12px;right:12px}.screenshots figcaption{color:#b7c6c9;gap:15px;padding-top:14px;font-size:.8rem;line-height:1.7;display:flex}.screenshots figcaption>span{color:var(--gold);font:500 .7rem/1.8 Chakra,sans-serif}.cast{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.portrait{border-bottom:2px solid var(--gold);background:radial-gradient(at 50% 90%,#65705b 0%,#263731 65%,#1c2d2b 100%);height:250px;position:relative;overflow:hidden}.portrait img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 16px #0004);width:100%;height:100%;padding-top:20px}.portrait-number{color:#c3cebd;z-index:1;font:500 .65rem Chakra,sans-serif;position:absolute;top:12px;left:16px}.cast-info{padding-top:22px}.cast-role{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:10px;font:500 .7rem Chakra,Kanit,sans-serif}.cast h3{font-size:1.5rem}.cast h3 small{color:#abb9b9;margin-top:7px;font-size:.83rem;font-weight:400;line-height:1.7;display:block}.cast-info>p:last-child{margin-top:15px;font-size:.86rem;line-height:1.9}.culture{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;margin-top:85px;padding-top:42px;display:grid}.culture h3{font-size:2rem;line-height:1.3}.culture>div>p:not(.eyebrow){font-size:.92rem}.culture>div>p.small-note{color:#91a6a8;font-size:.78rem}.beta-section{color:#1f302e;background:#e6decc}.beta-section p{color:#52625a}.beta-section .eyebrow{color:#705433}.beta-intro{grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;display:grid}.beta-intro .lede{font-size:1rem}.beta-notice{background:#f2eadc;border:1px solid #243b3138;padding:28px}.badge{color:#534220;align-items:center;gap:9px;font-size:.83rem;font-weight:500;display:inline-flex}.badge .status-dot{background:#7b6a32}.beta-notice p{margin-top:16px;font-size:.85rem}.roadmap{grid-template-columns:repeat(3,1fr);gap:36px;margin:60px 0 45px;padding:0;list-style:none;display:grid}.roadmap li{border-top:2px solid #243b3135;padding-top:22px}.roadmap li.current{border-color:#795c31}.road-status{text-transform:uppercase;letter-spacing:.07em;color:#526257;font:500 .7rem Chakra,Kanit,sans-serif}.roadmap h3{margin:13px 0;font-size:1.3rem}.roadmap p{font-size:.88rem;line-height:1.8}.facts{border-block:1px solid #243b3130;grid-template-columns:repeat(4,1fr);gap:26px;margin:0;padding:28px 0;display:grid}.facts dt{color:#46564e;margin-bottom:8px;font-size:.72rem}.facts dd{margin:0;font-size:.9rem;font-weight:500}.faq{grid-template-columns:1fr 2fr;gap:70px;margin-top:65px;display:grid}.faq h3{font-size:1.8rem}.faq details{border-bottom:1px solid #243b3130}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:44px;padding:18px 0;font-size:.98rem;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-weight:400;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{padding:0 32px 22px 0;font-size:.92rem;line-height:1.9}.beta-section a:focus-visible,.beta-section summary:focus-visible{outline-color:#795c31}.site-footer{flex-wrap:wrap;justify-content:space-between;gap:32px;padding-block:48px 25px;display:flex}.footer-brand{letter-spacing:.12em;align-items:center;min-height:44px;font-size:.95rem;display:inline-flex}.site-footer p{margin-top:8px;font-size:.8rem}.footer-links{align-items:center;gap:26px;font-size:.8rem;display:flex}.footer-links a{align-items:center;min-height:44px;padding:8px 4px;display:inline-flex}.footer-bottom{border-top:1px solid var(--line);color:#92a6ad;justify-content:space-between;gap:18px;width:100%;padding-top:22px;font-size:.7rem;display:flex}.media-header{padding-block:80px 60px}.media-header h1{max-width:900px;font-size:clamp(2.7rem,5vw,4.4rem)}.media-section{padding-block:40px 55px}.media-section>h2{margin-bottom:20px;font-size:2rem}.media-section>.small-note{max-width:800px}.media-shots figure:first-child{grid-column:1/-1}.logo-grid{grid-template-columns:2fr 2fr 1fr;gap:24px;margin-top:30px;display:grid}.logo-grid a{border:1px solid var(--line);font-size:.8rem}.logo-grid a>div{background:#1a2a32;justify-content:center;align-items:center;height:220px;padding:26px;display:flex}.logo-grid img{object-fit:contain;max-height:100%}.logo-grid a>span{padding:16px;display:block}.media-facts{max-width:900px;margin:30px 0}.media-facts>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:25px;padding:15px 0;font-size:.95rem;display:grid}.media-facts dt{color:#9aadb3}.media-facts dd{margin:0}@media (width>=1700px){.hero{min-height:850px}.hero-content{padding-block:100px}.hero h1{width:660px}}@media (width<=1100px){.container{width:calc(100% - 64px)}.header-inner{gap:20px}.header-inner nav{gap:18px}.header-cta{display:none}.hero h1{width:60%}.split-heading{gap:40px}.portrait{height:210px}.cast{gap:16px}.culture,.beta-intro{gap:40px}.hero{min-height:710px}}@media (width<=760px){html{scroll-padding-top:145px}.container{width:calc(100% - 40px)}.section{padding-block:70px}.header-inner{flex-wrap:wrap;gap:0;min-height:94px;padding-block:12px}.brand img{width:128px;height:auto}.brand span{font-size:10px}.header-actions{order:1;margin-left:auto}.header-inner nav{order:2;justify-content:space-between;gap:8px;width:100%;padding-top:8px;font-size:.76rem}.header-inner nav a{align-items:center;min-height:44px;padding:4px 6px;display:inline-flex}.hero{justify-content:flex-start;min-height:740px}.hero-landscape{object-position:68% center}.hero-shade{background:linear-gradient(#0b1721d9 0%,#0b172199 55%,#101b21f5 100%)}.hero-content{padding-block:66px 120px}.hero .eyebrow{letter-spacing:.1em;font-size:.65rem}.hero h1{width:min(100%,510px);margin-left:-3px}.thai-title{font-size:1.08rem}.hero-lede{color:#f0eee6;max-width:390px;font-size:1rem}.button-row{gap:20px}.hero-meta{gap:12px;font-size:.7rem}.hero-meta span+span:before{margin-right:12px}.hero-bottom{flex-wrap:wrap;gap:10px;font-size:.63rem;bottom:23px}.section-heading{margin-bottom:36px}.eyebrow{margin-bottom:18px;font-size:.72rem}.lede{margin-top:20px;font-size:1rem}.steps{grid-template-columns:1fr}.steps article,.steps article:first-child,.steps article:last-child{border:0;border-bottom:1px solid var(--line);padding:26px 0}.step-top{margin-bottom:15px}.steps h3{font-size:1.7rem}.step-time{margin:10px 0}.split-heading{grid-template-columns:1fr;gap:20px}.film figcaption{flex-wrap:wrap;gap:10px;padding:14px;font-size:.67rem}.film-tag{width:100%;font-size:.6rem}.screenshots{gap:25px 16px}.screenshots figcaption{gap:8px;font-size:.73rem}.cast{grid-template-columns:repeat(2,1fr);gap:35px 20px}.portrait{height:220px}.cast-info{padding-top:18px}.cast h3{font-size:1.4rem}.cast-info>p:last-child{font-size:.82rem}.culture{grid-template-columns:1fr;gap:22px;margin-top:55px;padding-top:35px}.culture h3{font-size:1.7rem}.beta-intro{grid-template-columns:1fr;gap:30px}.beta-notice{padding:22px}.roadmap{grid-template-columns:1fr;gap:26px;margin-block:35px}.roadmap li{padding-top:18px}.facts{grid-template-columns:repeat(2,1fr)}.faq{grid-template-columns:1fr;gap:18px;margin-top:45px}.faq summary{font-size:.92rem}.site-footer{padding-block:36px 24px}.footer-bottom{flex-direction:column;gap:8px}.media-header{padding-block:55px 25px}.media-header h1{font-size:2.5rem}.media-section{padding-block:30px}.logo-grid{grid-template-columns:1fr}.logo-grid a>div{height:180px}.media-facts>div{grid-template-columns:1fr;gap:7px}.logo-grid img{max-width:100%}}@media (width<=440px){.screenshots{grid-template-columns:1fr}.portrait{height:180px}.hero-meta{row-gap:6px}.hero{min-height:710px}.hero-content{padding-top:50px}.button-row .button{padding:13px 18px;font-size:.85rem}.text-link{font-size:.82rem}.hero h1{margin-bottom:20px}.hero-lede{line-height:1.85}.hero-meta span+span:before{margin-right:10px}.hero-meta{gap:10px}.cast{gap:30px 14px}.cast-role{font-size:.62rem}.film figcaption>span:nth-child(2){max-width:82%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1100px){.mobile-beta{display:inline!important}}@media (width>=1101px){.mobile-beta{display:none!important}}.hero-satellite{--sat-w:min(27vw,400px);--orbit-r:min(9vw,135px);aspect-ratio:1;pointer-events:none;z-index:0;width:min(45vw,680px);position:absolute;top:40%;right:max(1%,50vw - 750px);transform:translateY(-50%)}.hero-satellite img{max-width:none;width:var(--sat-w);height:auto;margin-left:calc(var(--sat-w)/-2);margin-top:calc(var(--sat-w)*-.375);filter:brightness(0)drop-shadow(0 0 1.5px #b9dcf580)drop-shadow(0 30px 50px #000);opacity:.94;animation:1.8s ease-out both satellite-arrive;position:absolute;top:0;left:0}.satellite-halo{background:radial-gradient(#02081077 0%,#06132028 48%,#0000 74%);border-radius:50%;position:absolute;inset:15%}@keyframes satellite-arrive{0%{opacity:0;transform:translate(24px,-16px)}to{opacity:.92;transform:translate(0)}}@media (width>=761px) and (width<=1100px){.hero-satellite{--sat-w:min(32vw,320px);--orbit-r:min(10vw,100px);width:min(50vw,500px);top:38%;right:0}.hero h1{width:54%}.hero-lede{max-width:46%}}@media (width<=760px){.hero-satellite{--sat-w:min(35vw,145px);--orbit-r:min(13vw,50px);z-index:0;width:min(70vw,270px);margin:8px 0 0 -4%;position:relative;top:auto;right:auto;transform:none}.hero-content{padding-bottom:80px}.hero-satellite img{animation:none}.hero-satellite .satellite-halo{inset:15%}}@media (prefers-reduced-motion:reduce){.hero-satellite img{animation:none}}.satellite-orbit{will-change:transform;width:0;height:0;animation:36s linear infinite satellite-orbit;position:absolute;top:50%;left:50%}@keyframes satellite-orbit{0%{transform:rotate(0deg) translateX(var(--orbit-r)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--orbit-r)) rotate(-360deg)}}.orbit-toggle{pointer-events:auto;color:#c9d4d5;font:inherit;cursor:pointer;z-index:2;background:#0b1721cc;border:1px solid #bacbd43d;border-radius:24px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-size:.75rem;display:inline-flex;position:absolute;bottom:4%;right:12%}.orbit-toggle:hover{background:#20313d}.orbit-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.orbit-resume,[data-orbit-paused=true] .orbit-pause{display:none}[data-orbit-paused=true] .orbit-resume{display:inline}[data-orbit-paused=true] .satellite-orbit{animation-play-state:paused}@media (width<=760px){.orbit-toggle{bottom:0;right:4%}}@media (prefers-reduced-motion:reduce){.satellite-orbit{will-change:auto;animation:none}.orbit-toggle{display:none}}.opening-section{border-top:1px solid var(--line);background:linear-gradient(160deg,#182b2c,#101b21 65%)}.opening-section .split-heading{grid-template-columns:1.3fr .7fr;gap:70px}.opening-section .lede{max-width:680px;font-size:1rem}.opening-player{position:relative}.opening-film video{aspect-ratio:16/9}.opening-play{border:1px solid var(--gold);background:var(--gold);color:#18252b;cursor:pointer;justify-content:center;align-items:center;gap:16px;max-width:calc(100% - 32px);min-height:52px;padding:14px 24px;font-weight:500;display:flex;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 30px #0005}.opening-play[hidden],.opening-error[hidden]{display:none}.opening-play:hover{background:#f4d395}.opening-play span{font-size:.85em}.opening-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 30px;margin-top:15px;display:flex}.opening-footer .text-link{gap:12px;font-size:.8rem}.opening-error{color:var(--gold);margin-top:12px}.opening-transcript{border-block:1px solid var(--line);margin-top:22px}.opening-transcript summary{color:#d7e0da;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding:15px 0;font-size:.9rem;list-style:none;display:flex}.opening-transcript summary::-webkit-details-marker{display:none}.opening-transcript summary span{color:var(--gold);font-size:1.3rem}.opening-transcript[open] summary span{transform:rotate(45deg)}.opening-transcript>div{max-width:840px;padding:8px 0 30px}.opening-transcript p{font-size:.94rem;line-height:1.9}@media (width<=760px){.opening-section .split-heading{grid-template-columns:1fr;gap:20px}.opening-play{white-space:nowrap;gap:10px;min-height:44px;padding:10px 16px;font-size:.8rem}.opening-footer{gap:0}.opening-transcript p{font-size:.88rem}}.beta-cta{margin-top:22px}.beta-notice .beta-cta-note{color:#5d6a62;margin-top:10px;font-size:.76rem}.title-num{color:var(--gold);letter-spacing:0;font-family:Chakra,Kanit,sans-serif;font-weight:600}.playtest-help{border:1px solid var(--line);background:var(--panel);margin-top:28px;padding:22px}.feedback-template{margin-top:16px}.feedback-template summary{cursor:pointer;color:var(--gold);min-height:44px;padding-block:10px}.feedback-template textarea{background:var(--bg);width:100%;max-width:680px;color:var(--ink);border:1px solid var(--line);font:inherit;resize:vertical;margin-block:16px;padding:14px;font-size:.9rem;line-height:1.6;display:block}.feedback-template button{font:inherit;color:var(--gold);cursor:pointer;background:0 0;margin-right:14px}.hero-device:empty{display:none}.hero-device{max-width:460px;margin-top:20px}.feedback-template textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}