.download-stage{position:relative;isolation:isolate;padding:25px 0 0;background:#132e40;border-bottom:4px double #b89450}
.download-stage:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0c2436f7,#16394be8 60%,#17394dd6),url('/assets/scenes/academy-daylight-1920-v1.webp') center 38%/cover}
.download-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0c263aea,transparent 70%);pointer-events:none}
.download-stage-inner{width:var(--page);margin:auto}
.download-back{color:#b5c6cc;font-size:12px;display:inline-block;padding:4px 0}
.download-intro{display:grid;grid-template-columns:1fr 330px;align-items:center;gap:50px;padding:25px 0 36px}
.download-heading .eyebrow{font-size:10px;margin-bottom:13px}
.download-page .download-heading h1{font-family:Georgia,'Leelawadee UI',serif;font-size:clamp(34px,3.8vw,49px);line-height:1.2;font-weight:400;letter-spacing:-.025em;text-shadow:none}
.download-page .download-heading h1 em{font-size:1em;color:#edcb8e}
.download-heading>p:last-child{font-size:15px;color:#c9d6dc;margin-top:15px;line-height:1.65}
html[lang="th"] .download-heading h1{font-family:'Leelawadee UI',Tahoma,sans-serif;font-weight:650;font-size:clamp(33px,3.5vw,46px);line-height:1.35}
.download-launch{border:1px solid #d3b27866;background:#102a3bb5;padding:19px 24px;box-shadow:inset 0 0 0 4px #112e3e,inset 0 0 0 5px #d8bb7824}
.download-launch>p:first-child{font-size:10px;letter-spacing:.08em;color:#d8c28f}
.download-opening-time{display:flex;align-items:center;gap:21px;margin-top:16px}
.download-date{display:flex;align-items:center;gap:11px}
.download-date strong{font:400 59px/.95 Georgia,serif;color:#efce91;letter-spacing:-.045em}
.download-date>span{font-size:10px;line-height:1.7;color:#d5c7aa;letter-spacing:.045em}
.download-opening-time>div:last-child{padding-left:20px;border-left:1px solid #d0af624f}
.download-opening-time>div:last-child strong{font:400 31px/1 Georgia,serif;color:#f6e2bc;display:block;white-space:nowrap}
.download-opening-time>div:last-child span{font-size:9px;display:block;color:#beccc9;margin-top:9px;white-space:nowrap}
.download-launch .download-server-note{border-top:1px solid #d0b37429;margin-top:18px;padding-top:11px;font-size:10px;color:#b6c9d0;line-height:1.6;letter-spacing:0}
.platform-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px;scroll-margin-top:110px}
.platform-heading h2{font-size:18px;font-weight:500;color:#f0dba9;letter-spacing:0}
.platform-heading>span{font-size:11px;color:#a5bdc9}
.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.platform-card{position:relative;min-width:0;color:#4b3a22;padding:25px 27px 0;border:1px solid #b6975d;background:radial-gradient(ellipse at 50% 0,#fffdf7,transparent 80%),#f2e9d7;box-shadow:inset 0 0 0 4px #f9f3e5,inset 0 0 0 5px #b3996877,0 12px 30px #00131f35;scroll-margin-top:110px}
.platform-card:before,.platform-card:after{content:'◇';position:absolute;top:-12px;background:#f4ebd9;color:#ab8c54;font-size:17px;line-height:1}
.platform-card:before{left:8px}.platform-card:after{right:8px}
.platform-card-header{display:flex;align-items:center;gap:16px;padding-bottom:19px;border-bottom:1px solid #aa8b5638}
.platform-symbol{display:grid;place-items:center;width:49px;height:49px;border:1px solid #aa875647;box-shadow:inset 0 0 0 3px #fff8;background:#e9dab8;flex-shrink:0}
.platform-symbol img{width:26px;height:30px;object-fit:contain;opacity:.84}
.platform-card-header p{color:#8a6d40;font-size:9px;letter-spacing:.13em;line-height:1.5}
.platform-card-header h3{font:400 30px/1.3 Georgia,serif;letter-spacing:-.025em;color:#4e381e}
.platform-number{margin-left:auto;align-self:flex-start;color:#b59b6c;font:400 25px/1.3 Georgia,serif}
.platform-card-body{display:grid;grid-template-columns:minmax(0,1fr) 152px;gap:22px;padding:20px 0 23px;align-items:center}
.platform-install>p{font-size:14px;line-height:1.7;color:#6f5c40}
.download-page .platform-download{margin-top:18px;width:100%;font-size:13px;font-weight:700;justify-content:space-between;gap:12px;padding:10px 13px;min-height:47px;border:1px solid #b9914f;background:linear-gradient(110deg,#f1d397,#dfb66f);color:#3d2b14;box-shadow:inset 0 0 0 2px #fff3,0 4px 9px #6a51251a;white-space:nowrap}
.platform-install>small{display:block;font-size:10px;line-height:1.65;color:#8b785a;margin-top:10px}
.platform-qr{display:block;text-align:center;border-left:1px solid #b0915a35;padding-left:16px}
.platform-qr img{width:135px;height:135px;background:#fff;outline:1px solid #c4ac7d}
.platform-qr>span{display:block;color:#8c7854;font-size:9px;line-height:1.5;margin-top:8px}
.platform-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #aa8b5638;padding:12px 0 16px;font-size:10px;color:#8c7551}
.download-ready-note{display:flex;align-items:center;gap:12px;padding:25px 0 26px;color:#b5cbd4;font-size:12px}
.download-ready-note .note-mark{color:#d6b879;font-size:18px;flex-shrink:0}
.download-ready-note p{line-height:1.65}
.download-ready-note>a{margin-left:auto;color:#e7ca91;white-space:nowrap;font-size:12px}
.download-help{background:#f6efe2;color:#514026;padding:47px 0 52px}
.download-help-inner{width:var(--page);margin:auto;display:grid;grid-template-columns:1fr 1.35fr;gap:80px}
.download-help-intro .eyebrow{font-size:10px;color:#91703d;margin-bottom:14px}
.download-help-intro h2{font:400 32px/1.25 Georgia,'Leelawadee UI',serif;letter-spacing:-.02em;color:#514026}
html[lang="th"] .download-help-intro h2{font:600 29px/1.4 'Leelawadee UI',Tahoma,sans-serif}
.download-help-intro>p:not(.eyebrow){font-size:13px;color:#847051;margin-top:15px;max-width:32ch;line-height:1.8}
.download-help-intro>a{display:inline-block;color:#82612e;font-size:12px;text-decoration:underline;text-underline-offset:4px;margin-top:20px}
.download-questions details{border-bottom:1px solid #b0986f6b}
.download-questions summary{list-style:none;position:relative;padding:17px 28px 17px 0;cursor:pointer;font-size:15px;font-weight:600;color:#5d4628;line-height:1.5}
.download-questions details:first-child summary{padding-top:0}
.download-questions summary::-webkit-details-marker{display:none}
.download-questions summary:after{content:'+';position:absolute;right:1px;font-weight:400;color:#9d7a40;font-size:21px;top:12px}
.download-questions details:first-child summary:after{top:-5px}
.download-questions details[open] summary:after{content:'−'}
.download-questions details>div{padding:0 20px 20px 0;font-size:13px;line-height:1.85;color:#7d6a4f}
.download-questions details>div>a{display:inline-block;color:#835b25;text-decoration:underline;text-underline-offset:4px;margin-top:9px}
.download-page .site-footer{border-top:1px solid #a78a5669}
@media(hover:hover) and (pointer:fine){.download-page .platform-download:hover{filter:brightness(1.04);transform:translateY(-1px)}.download-back:hover,.download-ready-note>a:hover{color:#f5d797}.platform-qr:hover img{border-color:#957139}}
@media(max-width:1150px){.download-intro{grid-template-columns:1fr 315px;gap:32px}.platform-card{padding-inline:21px}.platform-card-body{grid-template-columns:minmax(0,1fr) 148px;gap:14px}.platform-qr{padding-left:12px}.platform-qr img{width:135px;height:135px}.platform-qr>span{font-size:8px}.download-page .platform-download{font-size:12px;padding-inline:10px}.platform-install>p{font-size:13px}.download-help-inner{gap:50px}}
@media(max-width:950px){.platform-grid{gap:18px}.platform-card-body{display:flex;align-items:stretch;flex-direction:column;gap:18px}.platform-install>p br{display:none}.platform-qr{display:flex;align-items:center;gap:18px;text-align:left;border-left:0;border-top:1px solid #b0915a35;padding:16px 0 0}.platform-qr img{width:135px;height:135px;flex-shrink:0}.platform-qr>span{font-size:11px;max-width:11ch;margin:0}.platform-card-footer{font-size:9px}.download-ready-note{flex-wrap:wrap;gap:7px 12px}.download-ready-note>a{margin-left:30px}.download-help-inner{gap:35px}.download-help-intro h2{font-size:29px}}
@media(max-width:700px){.download-intro{grid-template-columns:1fr;gap:25px;padding:22px 0 29px}.download-launch{max-width:420px;display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:center;padding:15px 20px}.download-launch>p:first-child{max-width:14ch;font-size:9px;line-height:1.6}.download-opening-time{margin:0;gap:15px}.download-date strong{font-size:43px}.download-date>span{font-size:8px}.download-opening-time>div:last-child{padding-left:14px}.download-opening-time>div:last-child strong{font-size:25px}.download-opening-time>div:last-child span{font-size:8px}.download-launch .download-server-note{grid-column:1/-1;margin-top:12px;padding-top:9px;font-size:10px}.platform-heading>span{display:none}.download-help-inner{grid-template-columns:1fr;gap:30px}.download-help-intro h2 br{display:none}.download-help-intro>p:not(.eyebrow){max-width:100%}.download-help-intro>a{margin-top:12px}}
@media(max-width:540px){.download-stage{padding-top:17px}.download-stage-inner,.download-help-inner{width:calc(100% - 36px)}.download-back{font-size:11px}.download-intro{padding-top:20px}.download-heading .eyebrow{font-size:9px}.download-page .download-heading h1{font-size:37px;line-height:1.18}html[lang="th"] .download-heading h1{font-size:32px;line-height:1.35}.download-heading>p:last-child{font-size:13px;line-height:1.8;max-width:35ch;margin-top:14px}.download-launch{padding:14px 16px;gap:0 12px;max-width:none}.download-launch>p:first-child{max-width:14ch;font-size:8px}.download-opening-time{gap:12px}.download-opening-time>div:last-child{padding-left:12px}.download-date{gap:8px}.download-date strong{font-size:40px}.download-opening-time>div:last-child strong{font-size:24px}.download-opening-time>div:last-child span{font-size:7px}.platform-heading{margin-bottom:15px}.platform-heading h2{font-size:17px}.platform-grid{grid-template-columns:minmax(0,1fr);gap:23px}.platform-card{padding:22px 24px 0}.platform-card-header{padding-bottom:16px;gap:14px}.platform-card-header h3{font-size:30px}.platform-card-body{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:16px;padding-top:20px;padding-bottom:21px}.platform-qr{border-top:0;border-left:1px solid #b0915a35;display:block;text-align:center;padding:0 0 0 12px}.platform-qr img{width:135px;height:135px}.platform-qr>span{font-size:8px;max-width:none;margin-top:7px}.platform-install>p{font-size:12px;line-height:1.7}.platform-install>p br{display:block}.download-page .platform-download{font-size:11px;white-space:normal;line-height:1.5;padding:9px 10px;min-height:44px;margin-top:14px;gap:8px}.platform-install>small{font-size:9px;margin-top:9px}.platform-card-footer{font-size:9px}.download-ready-note{font-size:11px;padding-block:22px}.download-ready-note .note-mark{align-self:flex-start}.download-ready-note p{flex:1}.download-ready-note>a{font-size:11px;margin-left:27px}.download-help{padding:34px 0 39px}.download-help-intro h2{font-size:29px}html[lang="th"] .download-help-intro h2{font-size:26px}.download-questions summary{font-size:14px}.download-questions details>div{font-size:12px;line-height:1.85}}
@media(max-width:360px){.download-page .download-heading h1{font-size:33px}html[lang="th"] .download-heading h1{font-size:28px}.download-launch{padding-inline:13px;grid-template-columns:1fr;gap:10px}.download-launch>p:first-child{max-width:none;font-size:9px}.download-opening-time{justify-content:space-between}.download-opening-time>div:last-child{padding-left:20px}.download-opening-time>div:last-child span{font-size:8px}.download-launch .download-server-note{margin-top:2px}.platform-card{padding-inline:20px}.platform-card-body{grid-template-columns:minmax(0,1fr)}.platform-qr{display:flex;align-items:center;gap:16px;border-left:0;border-top:1px solid #b0915a35;text-align:left;padding:15px 0 0}.platform-qr img{width:135px;height:135px}.platform-qr>span{font-size:11px;max-width:11ch}.platform-install>p br{display:none}.download-page .platform-download{font-size:13px}.platform-install>small{font-size:10px}.platform-card-header h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.download-page *{transition:none!important;animation:none!important}}

/* On phones, the store buttons open directly on the current device. */
@media(max-width:540px){.platform-card-body{display:block}.platform-qr{display:none}.platform-install>p br{display:none}.download-page .platform-download{font-size:13px;white-space:nowrap}.platform-install>p{font-size:13px}.platform-install>small{font-size:10px}}