:root{--paper:#fbf6ec;--cream:#f3ebdc;--sand:#e6dac4;--cocoa:#4a3b32;--cocoa-soft:#6e5d50;--olive:#8c9668;--olive-dark:#69744f;--ginger:#d9a86c;--brick:#a9685a;--space:#26272c;--space-2:#2f3140;--radius:22px;--body:"Kanit", system-ui, -apple-system, "Segoe UI", sans-serif;--head:"Fredoka", "Kanit", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--cocoa);font:400 17px/1.65 var(--body);margin:0}.lang-th body{font-size:17.5px;line-height:1.75}img{max-width:100%;height:auto;display:block}a{color:var(--olive-dark);text-underline-offset:3px;cursor:pointer}a:hover{color:var(--brick)}h1,h2,h3{font-family:var(--head);color:var(--cocoa);margin:0 0 .5em;font-weight:600;line-height:1.2}.lang-th h1,.lang-th h2,.lang-th h3{font-family:"Kanit", var(--head);line-height:1.35}h1{font-size:clamp(30px,4.6vw,44px)}h2{font-size:clamp(24px,3.4vw,32px)}h3{margin-top:1.4em;font-size:19px}p{margin:0 0 1em}.lead{color:var(--cocoa);font-size:1.12em}.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px}.skip{background:var(--paper);z-index:10;border-radius:10px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.top{background:var(--space);color:var(--paper);z-index:5;position:sticky;top:0;box-shadow:0 1px #ffffff0f}.top__row{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.top__brand img{width:auto;height:46px}.top__nav{align-items:center;gap:6px;display:flex}.top__nav>a{color:var(--paper);border-radius:999px;padding:10px 14px;font-weight:500;text-decoration:none}.top__nav>a:hover{color:#fff;background:#ffffff1a}.lang-btn{color:var(--paper);font:500 15px var(--body);cursor:pointer;background:0 0;border:1.5px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;display:inline-flex}.lang-btn:hover{background:#ffffff1a;border-color:#ffffff73}.lang-dialog{border-radius:var(--radius);background:var(--paper);color:var(--cocoa);border:0;width:min(360px,100% - 32px);padding:0}.lang-dialog::backdrop{background:#25262f8c}.lang-dialog__box{padding:18px 20px 20px}.lang-dialog__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lang-dialog__x{cursor:pointer;color:var(--cocoa);background:0 0;border:0;border-radius:10px;padding:4px 8px;font-size:26px;line-height:1}.lang-dialog__x:hover{background:var(--sand)}.lang-dialog__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lang-dialog__list a{color:var(--cocoa);background:var(--cream);border-radius:14px;padding:12px 14px;text-decoration:none;display:block}.lang-dialog__list a:hover{background:var(--sand);color:var(--cocoa)}.lang-dialog__list a[aria-current]{outline:2px solid var(--olive)}.hero{background:var(--space);color:var(--paper);padding:28px 0 56px;position:relative;overflow:hidden}.hero__sky{pointer-events:none;background:radial-gradient(1.5px 1.5px at 12% 22%,#fffc,#0000 60%),radial-gradient(1px 1px at 28% 68%,#fff9,#0000 60%),radial-gradient(1.5px 1.5px at 47% 14%,#ffffffb3,#0000 60%),radial-gradient(1px 1px at 63% 78%,#ffffff8c,#0000 60%),radial-gradient(1.5px 1.5px at 81% 30%,#ffffffbf,#0000 60%),radial-gradient(1px 1px at 92% 64%,#ffffff80,#0000 60%);position:absolute;inset:0}.hero__inner{text-align:center;justify-items:center;display:grid;position:relative}.hero__logo{width:min(640px,92%);margin:0}.hero__ship{width:min(1100px,100%);margin-top:-6px}.hero__text{max-width:720px;margin-top:8px}.hero__text p{color:#efe6d6}.hero .lead{color:var(--paper)}.soon{justify-items:center;gap:4px;margin-top:18px;display:grid}.soon__line{color:var(--paper);background:#fbf6ec1a;border:1.5px solid #fbf6ec40;border-radius:999px;margin:0;padding:12px 22px;font-weight:500;display:inline-block}.soon__note{opacity:.75;margin:0;font-size:14px}.platforms .soon__line,.invite .soon__line{background:var(--paper);border-color:var(--sand);color:var(--cocoa)}.platforms .soon__note,.invite .soon__note{color:var(--cocoa-soft);opacity:1}.stores{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.btn{border:2px solid var(--cocoa);background:var(--paper);min-height:48px;color:var(--cocoa);font:600 16px var(--body);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--sand);color:var(--cocoa)}.btn--main{background:var(--olive);border-color:var(--olive-dark);color:#fff}.btn--main:hover{background:var(--olive-dark);color:#fff}.feature{padding:64px 0}.feature:nth-of-type(odd){background:var(--paper)}.feature__inner{grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;display:grid}.feature--flip .feature__text{order:2}.feature--tall .feature__inner{grid-template-columns:1.4fr 1fr}.feature--tall.feature--flip .feature__inner{grid-template-columns:1fr 1.4fr}.feature--tall .feature__img{justify-self:center;max-width:380px}.feature--wide .feature__inner{grid-template-columns:1fr}.feature--wide .feature__text{max-width:760px}.feature__img{margin:0}.feature__img img{border-radius:var(--radius);border:2px solid var(--sand);background:var(--paper);box-shadow:0 10px 30px #4a3b321f}.platforms{text-align:center;padding:64px 0 72px}.platforms p{max-width:720px;margin-inline:auto}.legal{max-width:820px;padding-top:40px;padding-bottom:64px}.legal h2{margin-top:1.6em}.legal ul,.legal ol{padding-left:1.3em}.legal li{margin-bottom:.4em}.kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--olive-dark);margin-bottom:6px;font-size:13px;font-weight:600}.lang-th .kicker{text-transform:none;letter-spacing:0}.legal__updated,.legal__note{color:var(--cocoa-soft);font-size:14px}.legal__note{background:var(--paper);border:1.5px solid var(--sand);border-radius:14px;padding:10px 14px}.legal__contact{border-top:1.5px solid var(--sand);margin-top:2em;padding-top:1em}.mail{font-size:1.15em}.invite{text-align:center;max-width:640px;padding-top:40px;padding-bottom:72px}.invite__logo{width:240px;margin:0 auto 10px}.code{background:var(--paper);border:2px solid var(--sand);border-radius:var(--radius);justify-items:center;gap:10px;margin:24px auto;padding:22px;display:grid}.code__label{color:var(--cocoa-soft);font-size:14px}.code__value{font:600 34px/1 var(--head);letter-spacing:.16em}.missing{text-align:center;justify-items:center;gap:8px;padding:80px 16px;display:grid}.missing img{width:240px}.foot{background:var(--space);color:#d8cfbf;padding:28px 0 32px}.foot__links{flex-wrap:wrap;gap:6px 18px;margin-bottom:10px;display:flex}.foot__links a{color:var(--paper);padding:6px 0;text-decoration:none}.foot__links a:hover{color:var(--ginger);text-decoration:underline}.foot__small{opacity:.8;margin:0;font-size:14px}@media (max-width:760px){body{font-size:16px}.feature{padding:44px 0}.feature__inner,.feature--tall .feature__inner,.feature--tall.feature--flip .feature__inner{grid-template-columns:1fr;gap:22px}.feature--flip .feature__text{order:0}.top__brand img{height:38px}.top__nav>a{padding:10px}.code__value{font-size:28px}}.play{background:var(--space);position:fixed;inset:0;overflow:hidden}.play__root,.play__canvas{width:100%;height:100%;position:absolute;inset:0}.play__canvas{touch-action:none;opacity:0;outline:none;transition:opacity .6s ease-out}.play__canvas.is-ready{opacity:1}.play__overlay{flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:16px;display:flex;position:absolute;inset:0}.play__logo{width:min(80vw,440px);height:auto}.play__card{background:var(--paper);width:min(100%,360px);color:var(--cocoa);text-align:center;border-radius:20px;padding:16px 20px}.play__card h2{margin:0 0 8px;font-size:20px}.play__line{margin:0 0 10px;font-size:15px}.play__bar{background:var(--sand);border-radius:4px;height:8px;overflow:hidden}.play__fill{background:#c2a05a;height:100%;transition:width .2s}.play__pct{font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:13px}.play__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}@media (prefers-reduced-motion:reduce){.play__canvas,.play__fill{transition:none}}.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}