:root{font-family:IBM Plex Sans Thai,Nunito Sans,sans-serif;color:#264735;background:#e7edda;font-synthesis:none;--green: #234d3a;--deep: #183d30;--gold: #b29251;--latin: "Nunito Sans", sans-serif}*{box-sizing:border-box}body{margin:0}button{border:0;background:none;color:inherit;cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}p{line-height:1.8}button svg,a svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #a98239;outline-offset:5px}::selection{background:#dfca94;color:#234d3a}.skip-link{position:fixed;z-index:100;top:-100px;left:20px;background:var(--deep);color:#fff;padding:14px 22px}.skip-link:focus{top:12px}.brand{position:absolute;z-index:10;left:max(28px,env(safe-area-inset-left,0px));top:calc(18px + env(safe-area-inset-top,0px));width:clamp(220px,18vw,260px);display:block;filter:drop-shadow(0 3px 8px #34583226)}.brand-image{display:block;width:100%;height:auto}.language-picker{position:absolute;z-index:30;right:max(32px,env(safe-area-inset-right,0px));top:calc(27px + env(safe-area-inset-top,0px))}.language-trigger{position:relative;display:grid;place-items:center;width:49px;height:49px;border:1px solid #e2d7b3;border-radius:50%;background:#fffdf0cf;color:#41623e;box-shadow:0 4px 20px #315a2d18,inset 0 0 0 4px #fffaf577;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s,box-shadow .2s}.language-trigger:hover,.language-trigger[aria-expanded=true]{background:#fffcef;box-shadow:0 4px 24px #315a2d29}.language-trigger>svg{transition:transform .25s}.language-trigger:hover>svg{transform:rotate(-12deg)}.language-code{position:absolute;right:-4px;bottom:-3px;min-width:23px;padding:3px 4px;border:2px solid #fffdf0;border-radius:12px;background:#284d36;color:#f6e7bd;font:900 7px var(--latin);letter-spacing:.5px}.language-menu{position:absolute;top:63px;right:0;width:212px;padding:8px;border:1px solid #e0d9c0;border-radius:14px;background:#fffdf4f5;box-shadow:0 12px 40px #294e3230;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.language-menu[hidden]{display:none}.language-menu>p{display:flex;align-items:center;gap:8px;padding:7px 9px 12px;color:#889173;font-size:11px}.language-menu>button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 9px;text-align:left;border:1px solid transparent;border-radius:9px}.language-menu>button:hover{background:#f1f3e5}.language-menu>button[aria-pressed=true]{border-color:#d6dec2;background:#edf1df}.language-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d6dbc5;border-radius:50%;background:#fffdf3;font:900 9px var(--latin);color:#73845c}.language-name{flex:1;font-size:12px;font-weight:500}.language-name small{display:block;margin-top:2px;color:#929a81;font:600 9px var(--latin)}.language-menu button>svg{color:#729057}.right-rail{position:absolute;z-index:10;top:47%;right:max(30px,env(safe-area-inset-right,0px));transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 7px 8px;border:1px solid #fffdf0cf;border-radius:35px;background:#fffdf0b8;box-shadow:0 8px 25px #365b3020;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);isolation:isolate}.right-rail:before{content:"";position:absolute;z-index:-1;top:30px;bottom:34px;left:50%;width:1px;background:#b5bb975e}.rail-caption{position:absolute;top:-23px;color:#6b8056;font:900 6px var(--latin);letter-spacing:2.6px;text-shadow:0 1px 6px #fffaf0}.rail-item{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%}.rail-socials{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid #b5bb976e}.rail-social{border:1px solid #fffef3;background:linear-gradient(160deg,#fffff8,#f1f0d9);color:#315d46;box-shadow:0 3px #afbc8c42,0 5px 10px #365b3012;transition:transform .2s,color .2s,background .2s}.rail-social>svg{flex-shrink:0}.rail-social:hover,.rail-social:focus-visible{transform:translateY(-2px);background:#315d46;color:#fff6d5}.rail-dot{width:9px;height:9px;border:1px solid #899c71;border-radius:50%;background:#fffef1;box-shadow:0 0 0 4px #fffef18c;transition:transform .2s,background .2s,box-shadow .2s}.rail-item[aria-current=page] .rail-dot{background:#30563b;border-color:#30563b;box-shadow:0 0 0 5px #eee3c1,0 0 0 6px #b7a16a}.rail-item:hover .rail-dot,.rail-item:focus-visible .rail-dot{transform:scale(1.2);background:#9eac7a}.rail-label{position:absolute;right:52px;display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #fff9e6cc;border-radius:30px;background:#fffceded;box-shadow:0 3px 14px #294f2e0b;color:#50613f;white-space:nowrap;font-size:10px;font-weight:500;opacity:0;transform:translate(7px);pointer-events:none;transition:opacity .2s,transform .2s}.rail-item[aria-current=page] .rail-label{border-color:#dac697;background:#f1dfb4e8;color:#5c603e}.rail-item:hover .rail-label,.rail-item:focus-visible .rail-label,.rail-item[aria-current=page] .rail-label{opacity:1;transform:translate(0)}.rail-end{color:#b49b61;font-size:14px;line-height:1;margin-block:2px}.hero{position:relative;isolation:isolate;min-height:100svh;overflow:clip;background:#cce6d1}.hero-backdrop{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.hero-backdrop--ground{transform:scale(1.055);transform-origin:50% 46%}.hero-backdrop--middle{opacity:0;transform-origin:50% 46%}.hero-backdrop--high{transform-origin:50% 46%}.hero[data-intro=loading] .hero-backdrop--ground{opacity:0}.hero[data-intro=playing] .hero-backdrop{will-change:transform,opacity}.hero[data-intro=playing] .hero-backdrop--high{animation:sky-high-descent var(--intro-duration) linear both}.hero[data-intro=playing] .hero-backdrop--middle{animation:sky-middle-descent var(--intro-duration) linear both}.hero[data-intro=playing] .hero-backdrop--ground{animation:ground-descent var(--intro-duration) linear both}@keyframes sky-high-descent{0%{opacity:1;transform:translateZ(0) scale(1)}24%{opacity:1}50%,to{opacity:0;transform:translate3d(0,-5%,0) scale(1.36)}}@keyframes sky-middle-descent{0%,20%{opacity:0;transform:translateZ(0) scale(1)}30%,65%{opacity:1}85%,to{opacity:0;transform:translate3d(0,-4%,0) scale(1.28)}}@keyframes ground-descent{0%,40%{opacity:0;transform:scale(1)}60%{opacity:1}to{opacity:1;transform:scale(1.055)}}.hero-shade{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 74%,#fff8d9b8,#fff9e847 27%,transparent 57%),linear-gradient(180deg,#faffeb80,transparent 26%,transparent 72%,#28593222)}.hero-halo{position:absolute;z-index:-1;top:3svh;left:50%;width:min(72vw,810px);aspect-ratio:1;border:1px solid #e9dcab8a;border-radius:50%;box-shadow:0 0 65px #fff7c51a;transform:translate(-50%) rotate(-12deg);pointer-events:none}.hero-halo:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px dashed #f8e9b47d;border-radius:50%}.hero-halo:after{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border:1px solid #f8edb636;border-radius:50%}.hero-halo>span{position:absolute;top:40px;left:18%;font-size:25px;color:#ddc27e;text-shadow:0 2px 15px #fff4c9}.hero-characters{--green-width: min(46vw, 77svh);--green-left: -3vw;--green-top: 7svh;--red-width: min(39vw, 65svh);--red-right: 7vw;--red-top: 8svh;--float-travel: 18px;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-character{position:absolute}.hero-character--green{width:var(--green-width);--fall-drift: -7vw;--fall-turn: -20deg;left:var(--green-left);top:var(--green-top)}.hero-character--red{width:var(--red-width);--fall-drift: 8vw;--fall-turn: 18deg;right:var(--red-right);top:var(--red-top)}.character-art{width:100%;height:auto;max-width:none;filter:drop-shadow(0 16px 18px #2a583223);animation:character-float 7s ease-in-out infinite}.hero-character--red .character-art{animation-duration:8.5s;animation-delay:0s;animation-direction:reverse}@keyframes character-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,calc(-1 * var(--float-travel)),0) rotate(.65deg)}}.hero[data-intro=loading] .hero-character{opacity:0;transform:translate3d(0,-120svh,0)}.hero[data-intro=loading] .character-art,.hero[data-intro=playing] .character-art{animation:none;transform:none}.hero[data-intro=playing] .hero-character{will-change:transform,opacity;animation:character-descent var(--intro-duration) cubic-bezier(.2,.55,.4,1) both}.hero[data-intro=playing] .hero-character--red{animation-delay:.32s;animation-duration:calc(var(--intro-duration) - .32s)}@keyframes character-descent{0%,4%{opacity:0;transform:translate3d(var(--fall-drift),-120svh,0) rotate(var(--fall-turn)) scale(.62)}14%{opacity:1}25%{opacity:1;transform:translate3d(calc(var(--fall-drift) * .5),-36svh,0) rotate(calc(var(--fall-turn) * .55)) scale(.72)}43%{transform:translate3d(calc(var(--fall-drift) * .2),-13svh,0) rotate(calc(var(--fall-turn) * .2)) scale(.9)}68%{transform:translate3d(0,min(3svh,24px),0) rotate(calc(var(--fall-turn) * -.08)) scale(1.025)}86%{transform:translate3d(0,-.7svh,0) rotate(-.4deg) scale(1)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}.hero[data-intro=loading] .hero-content,.hero[data-intro=loading] .hero-halo,.hero[data-intro=loading] .scene-shore,.hero[data-intro=loading] .hero-bottom{opacity:0}.hero[data-intro=playing] .hero-copy,.hero[data-intro=playing] .hero-controls{animation:landing-ui var(--intro-duration) linear both}.hero[data-intro=playing] .hero-halo,.hero[data-intro=playing] .scene-shore,.hero[data-intro=playing] .hero-bottom{animation:landing-ornaments var(--intro-duration) linear both}@keyframes landing-ui{0%,72%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes landing-ornaments{0%,72%{opacity:0}to{opacity:1}}.intro-skip{position:absolute;z-index:15;top:calc(92px + env(safe-area-inset-top,0px));right:max(32px,env(safe-area-inset-right,0px));display:flex;align-items:center;gap:9px;padding:10px 14px;overflow:clip;border:1px solid #d2c49a;border-radius:30px;background:#fffdf1d9;color:#637446;box-shadow:0 4px 18px #3d653414;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px}.intro-skip:hover{background:#fffcef}.intro-skip:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#b59b5c;transform:scaleX(0);transform-origin:left}.hero[data-intro=playing] .intro-skip:after{animation:intro-progress var(--intro-duration) linear both}@keyframes intro-progress{to{transform:scaleX(1)}}.hero-content{position:absolute;z-index:3;left:50%;bottom:calc(67px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:23px;width:min(860px,calc(100% - 140px))}.hero-copy{position:relative;isolation:isolate;width:100%;text-align:center;color:#294d36;text-shadow:0 2px 0 #fff9e7,0 3px 18px #ffffef,0 0 35px #fffce7}.hero-copy:before{content:"";position:absolute;z-index:-1;top:-24px;right:-95px;bottom:-23px;left:-95px;pointer-events:none;background:radial-gradient(ellipse,#fffae8c9,#fff9df7a 45%,#fff9df00 73%)}.hero-tag{display:inline-flex;align-items:center;gap:12px;font:900 8px var(--latin);letter-spacing:2px;color:#7c8055}.hero-tag svg{color:#ae9456}.hero h1{margin-top:12px;font-size:clamp(46px,4.1vw,64px);line-height:1.22;font-weight:600;letter-spacing:-1.8px}.hero h1>span{display:block;white-space:nowrap}.new-word{color:#8b6b2e}.hero[data-locale=en] h1{font-family:var(--latin);font-size:clamp(43px,4vw,60px);font-weight:900;font-style:italic;letter-spacing:-2.2px;line-height:1.13}.hero-ornament{display:block;width:265px;height:22px;margin:6px auto 0;color:#af9351}.hero-description{margin-top:3px;font-size:13px;color:#577044;font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 22px;border:1px solid var(--green);border-radius:9px;background:var(--green);color:#fff9e6;font-size:14px;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);background:#346347;box-shadow:0 8px 20px #173c3024}.hero-controls{position:relative;display:grid;grid-template-columns:225px 1fr;gap:20px;align-items:center;width:100%;padding:15px 18px;border:1px solid #c5b17b;border-radius:28px;background:linear-gradient(115deg,#fff9e9ef,#fffef4d9);box-shadow:0 12px 35px #29492d24,0 0 0 4px #fffbe66b,inset 0 0 0 3px #f4ecd9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-controls:before,.hero-controls:after{content:"✦";position:absolute;top:calc(50% - 8px);color:#b19859;font-size:13px;line-height:16px}.hero-controls:before{left:-9px}.hero-controls:after{right:-9px}.button-primary{min-height:62px;gap:11px;padding:16px;border-color:#9e9e66;border-radius:22px;background:linear-gradient(135deg,#3f6546,#244e39);color:#fff2cb;box-shadow:inset 0 1px #fff7,inset 0 0 0 3px #f4df9f12,0 4px #183d2b38,0 8px 16px #22452b1a}.button-primary:hover{box-shadow:inset 0 1px #fff7,0 6px #183d2b38,0 11px 20px #22452b24}.button-primary>svg:first-child{color:#dec68e}.button-primary>svg:last-child{margin-left:auto}.hero[data-locale=en] .button-primary{font-size:12px;gap:9px}.hero-platforms>span{display:block;margin-bottom:8px;color:#8a9270;font-size:9px;font-weight:500}.hero-platforms>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.platform-shortcut{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:9px 11px;border:1px solid #d6ddc3;border-radius:18px;background:linear-gradient(180deg,#fffff8f5,#f7f8e9ed);color:#506741;font:800 11px var(--latin);box-shadow:inset 0 1px #fff,0 4px #b6c29a70,0 8px 14px #29492d0d;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.platform-shortcut:hover{transform:translateY(-2px);background:#edf0dd;border-color:#93a477;box-shadow:inset 0 1px #fff,0 6px #a8b78b80,0 11px 20px #29492d17}.hero-controls .button-primary:active,.platform-shortcut:active{transform:translateY(2px);box-shadow:inset 0 1px #fff5,0 1px #879e6d70,0 3px 8px #29492d12}.shortcut-arrow{margin-left:auto;color:#a0ab88}.scene-shore{position:absolute;z-index:1;bottom:0;left:0;width:100%;height:80px;pointer-events:none}.shore-gold{fill:#e0cc92}.shore-cream{fill:#f9f5df}.shore-green{fill:#dce6cc}.hero-bottom{position:absolute;z-index:4;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#7a8968}.hero-bottom>span{display:flex;align-items:center;gap:12px;font-size:8px}.hero-bottom>span:first-child{font-size:8px}.hero-bottom>span:last-child{font:800 7px var(--latin);letter-spacing:1.6px}.hero-bottom i{height:10px;width:1px;background:#c0c8aa}.modal{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:40px;overscroll-behavior:contain;border:1px solid #e2d7b5;border-top:4px solid #c7a566;border-radius:18px;background:#fbfaf3;color:#294a3c;box-shadow:0 25px 100px #0d281c33}.modal::backdrop{background:#123a2ea3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%}.icon-button:hover{background:#e5e9dc}.modal-close{position:absolute;top:12px;right:12px;color:#7c886d}.modal>h2{max-width:calc(100% - 18px);font-size:27px;line-height:1.55;letter-spacing:-.8px}.modal-intro{margin-top:8px;color:#849078;font-size:12px}.modal-platform-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:26px}.modal-platform-tabs>button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 5px;border:1px solid #dce1d2;border-radius:9px;background:#fffef7;font:800 11px var(--latin)}.modal-platform-tabs>button:hover{background:#eef1e3}.modal-platform-tabs>button.selected{background:#244c3c;color:#ecdbb0;border-color:#244c3c}.platform-detail{padding:26px;margin-top:24px;border:1px solid #e0e5d1;border-radius:12px;background:#f0f2e5}.platform-detail>svg{color:#748c59}.platform-detail h3{margin-top:12px;font:800 26px var(--latin)}.platform-detail>p{margin-top:7px;color:#7e8c72;font-size:12px}.requirement{display:flex;gap:11px;padding-top:20px;margin-top:23px;border-top:1px solid #d9e0ca}.requirement>svg{flex-shrink:0;margin-top:3px;color:#91a07f}.requirement strong{font-size:12px;font-weight:500}.requirement p{margin-top:4px;color:#849077;font-size:11px}.release-notice{display:flex;gap:11px;margin-top:24px;padding:17px;border-radius:8px;background:#e9e2cd}.notice-dot{width:7px;height:7px;flex-shrink:0;margin-top:7px;border-radius:50%;background:#b7a16c}.release-notice strong{font-size:12px;color:#8b774c;font-weight:500}.release-notice p{margin-top:5px;color:#988c6d;font-size:11px}.platform-detail>.button{margin-top:24px;padding:14px 18px;font-size:12px}@media(max-width:1100px){.brand{left:24px;top:calc(18px + env(safe-area-inset-top,0px));width:210px}.language-picker{right:26px;top:calc(23px + env(safe-area-inset-top,0px))}.right-rail{right:25px}.hero-characters{--green-width: min(48vw, 74svh);--green-left: -6vw;--green-top: 7svh;--red-width: min(42vw, 62svh);--red-right: 6vw;--red-top: 9svh}.hero-content{width:min(800px,calc(100% - 150px));bottom:calc(64px + env(safe-area-inset-bottom,0px));gap:19px}.hero h1{font-size:52px}.hero[data-locale=en] h1{font-size:49px}.hero-controls{grid-template-columns:205px 1fr;padding:14px;gap:17px}.button-primary{font-size:12px;gap:9px}.platform-shortcut{font-size:10px;gap:6px;padding-inline:9px}.shortcut-arrow{display:none}}@media(max-width:900px)and (orientation:portrait){.hero-characters{--green-width: min(64vw, 46svh);--green-left: -17vw;--green-top: 13svh;--red-width: min(62vw, 44svh);--red-right: -12vw;--red-top: 18svh;--float-travel: 14px}.hero-content{width:calc(100% - 96px);gap:20px}.hero h1{font-size:50px}.hero[data-locale=en] h1{font-size:45px}.hero-controls{grid-template-columns:190px 1fr;gap:15px}.hero-shade{background:radial-gradient(ellipse at 50% 74%,#fff9dfb8,#fff9df3b 35%,transparent 65%),linear-gradient(180deg,#f9ffe561,transparent 28%)}.hero-halo{width:90vw;top:12svh}.right-rail{top:40%;right:17px}}@media(max-width:640px){.intro-skip{top:calc(108px + env(safe-area-inset-top,0px));right:auto;padding:9px 11px;font-size:10px;left:50%;transform:translate(-50%)}.brand{top:calc(14px + env(safe-area-inset-top,0px));left:18px;width:160px}.language-picker{top:calc(19px + env(safe-area-inset-top,0px));right:17px}.language-trigger{width:42px;height:42px}.language-trigger>svg{width:21px}.language-code{font-size:6px;min-width:21px}.language-menu{top:56px;width:205px}.hero-backdrop{object-position:52% 50%}.hero-characters{--green-width: min(83vw, 39svh);--green-left: -23vw;--green-top: 16svh;--red-width: min(78vw, 36svh);--red-right: -18vw;--red-top: 22svh;--float-travel: 11px}.hero-halo{width:110vw;top:14svh}.hero-halo>span{top:25px;font-size:18px}.hero-content{width:calc(100% - 48px);bottom:calc(49px + env(safe-area-inset-bottom,0px));gap:19px}.hero-tag{font-size:5px;letter-spacing:1.2px;gap:7px}.hero-tag>svg{width:9px;height:9px}.hero h1{margin-top:12px;font-size:clamp(31px,9.3vw,43px);line-height:1.23;letter-spacing:-1.2px}.hero[data-locale=en] h1{font-size:clamp(26px,7.7vw,35px);letter-spacing:-1px;line-height:1.16}.hero-copy:before{top:-15px;right:-30px;bottom:-15px;left:-30px}.hero-ornament{width:200px;height:18px;margin-top:6px}.hero-description{font-size:10px;line-height:1.8;margin-top:3px}.hero-controls{grid-template-columns:1fr;padding:12px;gap:9px;border-radius:24px}.button-primary{min-height:43px;padding:11px 16px;font-size:12px;gap:10px;border-radius:16px}.button-primary>svg{height:18px;width:18px}.button-primary>svg:last-child{margin-left:0}.hero[data-locale=en] .button-primary{font-size:12px}.hero-platforms>span{display:none}.hero-platforms>div{gap:6px}.platform-shortcut{min-height:40px;font-size:10px;gap:6px;padding:8px 5px;border-radius:14px}.platform-shortcut>svg{height:16px;width:16px}.right-rail{top:36%;right:8px;padding:7px 2px 6px;gap:4px;border-radius:25px}.rail-item{width:33px;height:34px}.rail-socials{gap:4px;margin-top:0;padding-top:8px}.rail-social{width:34px;height:34px}.rail-dot{width:7px;height:7px}.rail-label{right:42px;font-size:9px;padding:6px 10px}.rail-item[aria-current=page] .rail-label{opacity:0;transform:translate(7px)}.rail-item:focus-visible .rail-label{opacity:1;transform:none}.rail-caption{top:-19px;font-size:5px;letter-spacing:1.5px}.rail-end{font-size:11px}.scene-shore{height:49px}.hero-bottom{bottom:calc(10px + env(safe-area-inset-bottom,0px));left:16px;right:16px;justify-content:center}.hero-bottom>span:first-child{font-size:6px;gap:8px}.hero-bottom>span:last-child{display:none}.hero-bottom i{height:8px}.modal{padding:30px 22px 24px;border-radius:14px}.modal-close{top:7px;right:7px;width:32px;height:32px}.modal>h2{font-size:23px;padding-right:8px}.modal-intro{margin-top:10px;font-size:11px}.modal-platform-tabs{margin-top:22px;gap:6px}.modal-platform-tabs>button{padding:14px 4px;gap:8px;font-size:9px}.platform-detail{margin-top:18px;padding:21px}.platform-detail h3{font-size:23px}.platform-detail>p{font-size:11px}.requirement p,.release-notice p{font-size:10px}.release-notice{padding:14px;gap:8px}.release-notice strong{font-size:11px}}@media(max-width:374px){.brand{left:14px;width:144px}.language-picker{right:15px}.hero-content{width:calc(100% - 40px);gap:15px;bottom:calc(39px + env(safe-area-inset-bottom,0px))}.hero h1{font-size:31px}.hero[data-locale=en] h1{font-size:26px}.hero-description{font-size:9px}.hero-controls{padding:10px;gap:8px}.platform-shortcut{font-size:9px;gap:5px}.right-rail{right:6px}.modal{padding-inline:17px}.modal>h2{font-size:21px}.modal-platform-tabs>button{font-size:8px}.platform-detail{padding:17px}}@media(max-height:740px)and (orientation:portrait)and (max-width:640px){.hero-characters{--green-width: min(81vw, 38svh);--green-left: -25vw;--green-top: 14svh;--red-width: min(76vw, 35svh);--red-right: -10vw;--red-top: 19svh}.hero-content{gap:14px;bottom:calc(35px + env(safe-area-inset-bottom,0px))}.hero-description{display:none}.hero h1{font-size:32px;margin-top:9px}.hero[data-locale=en] h1{font-size:27px}.hero-ornament{height:15px;margin-top:3px}.right-rail{top:35%}.hero-bottom>span:first-child{font-size:5px}}@media(max-height:600px)and (orientation:portrait)and (max-width:640px){.right-rail{top:calc(82px + env(safe-area-inset-top,0px));transform:none}.right-rail>.rail-item,.rail-caption,.rail-end{display:none}.rail-socials{gap:6px;margin-top:0;padding-top:0;border-top:0}}@media(max-height:600px)and (min-aspect-ratio:6/5){.intro-skip{top:calc(63px + env(safe-area-inset-top,0px));right:19px;padding:8px 11px;font-size:10px;left:auto;transform:none}.brand{top:calc(10px + env(safe-area-inset-top,0px));left:22px;width:150px}.language-picker{top:calc(12px + env(safe-area-inset-top,0px));right:19px}.language-trigger{width:38px;height:38px}.language-trigger>svg{width:20px;height:20px}.language-menu{top:49px}.hero-characters{--green-width: min(50vw, 84svh);--green-left: 0vw;--green-top: 1svh;--red-width: min(37vw, 70svh);--red-right: 8vw;--red-top: 3svh;--float-travel: 6px}.hero-content{width:min(760px,calc(100% - 112px));bottom:calc(19px + env(safe-area-inset-bottom,0px));gap:11px}.hero-tag,.hero-description,.hero-ornament,.hero-bottom{display:none}.hero h1{font-size:clamp(27px,3.8vw,39px);line-height:1.1;margin-top:0}.hero[data-locale=en] h1{font-size:clamp(25px,3.3vw,34px);line-height:1.08}.hero-controls{grid-template-columns:min(185px,28vw) 1fr;gap:12px;padding:9px 11px}.button-primary{min-height:42px;padding:10px;font-size:11px;gap:7px;border-radius:16px}.button-primary>svg{width:17px;height:17px}.button-primary>svg:last-child{display:none}.hero[data-locale=en] .button-primary{font-size:10px}.hero-platforms>span{display:none}.platform-shortcut{min-height:41px;font-size:9px;gap:5px;padding:8px 5px;border-radius:14px}.platform-shortcut>svg{width:17px;height:17px}.right-rail{top:max(100px,calc(50% - 60px));right:15px;padding:6px 2px;gap:1px;transform:none}.rail-item{width:33px;height:32px}.right-rail>.rail-item{display:none}.rail-socials{gap:6px;margin-top:0;padding-top:0;border-top:0}.rail-social{width:32px;height:32px}.rail-caption,.rail-end{display:none}.rail-label{font-size:9px;right:42px}.rail-item[aria-current=page] .rail-label{opacity:0}.rail-item:hover .rail-label,.rail-item:focus-visible .rail-label{opacity:1}.scene-shore{height:38px}}@media(prefers-reduced-motion:reduce){.hero[data-intro] .hero-backdrop,.hero[data-intro] .hero-character,.hero[data-intro] .hero-copy,.hero[data-intro] .hero-controls,.hero[data-intro] .hero-halo,.hero[data-intro] .scene-shore,.hero[data-intro] .hero-bottom,.hero[data-intro] .intro-skip:after{animation:none}.character-art{animation:none;transform:none}*,*:before,*:after{transition:none!important}}