@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#080e1a;--panel:#0e1520;--ink:#fff3d4;--muted:#b8c2d0;--accent:#ff941c;--edge:#354151;--heading:'Barlow Condensed',sans-serif;--body:'DM Sans',sans-serif;--fast:150ms;--settle:350ms}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ffcc79;outline-offset:5px}h1,h2,p{margin:0}[hidden]{display:none!important}.game-shell{max-width:560px;margin:auto;box-shadow:0 0 100px #0007}.game{height:100svh;min-height:720px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:var(--bg)}.flight-stage{position:absolute;inset:0 0 195px;overflow:hidden}.scenery{position:absolute;inset:-4%;background:url('airfield.webp') center 75%/cover no-repeat;transform:translate3d(0,0,0);will-change:transform}.sky-vignette{position:absolute;inset:0;background:linear-gradient(#070e225c,transparent 40%,transparent 80%,var(--bg));pointer-events:none}.header{position:absolute;left:24px;right:20px;top:max(17px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;z-index:3}.header h1{font:600 18px var(--heading);letter-spacing:4px;text-transform:uppercase}.info-button{width:44px;height:44px;background:none;border:0;color:#e2e6ef;display:grid;place-items:center}.info-button svg{width:26px;height:26px}.telemetry{position:absolute;top:95px;left:28px;right:28px;display:flex;justify-content:space-between;z-index:2;text-shadow:0 3px 15px #03112488}.telemetry>div:last-child{text-align:right}.metric-label{display:block;font:500 14px var(--heading);letter-spacing:3px;color:#cfdaea}.telemetry strong{display:block;font:600 62px/1.07 var(--heading);letter-spacing:1px;font-variant-numeric:tabular-nums}.telemetry small{font-size:32px}.scene-prompt{position:absolute;top:38%;left:16px;right:16px;text-align:center;font:500 25px var(--heading);letter-spacing:1px;text-shadow:0 2px 14px #00132c;transition:opacity var(--fast),transform var(--settle)}.plane-position{position:absolute;width:86%;left:7%;bottom:20%;will-change:transform;transform-origin:55% 60%;z-index:2}.plane{display:block;width:100%;height:auto;user-select:none;pointer-events:none;filter:drop-shadow(0 15px 7px #0006)}.stage-status{position:absolute;left:20px;right:20px;bottom:39px;text-align:center;font:500 12px var(--heading);letter-spacing:2px;color:#dce5ef;text-shadow:0 2px 5px #000}.cockpit{position:absolute;bottom:0;left:0;right:0;padding:22px 24px max(12px,env(safe-area-inset-bottom));z-index:4;background:linear-gradient(180deg,#0d1420e0,var(--bg) 40%);border-top:1px solid #6371883d;box-shadow:0 -15px 36px #02081638;backdrop-filter:blur(8px)}.power-label{display:flex;align-items:center;justify-content:space-between;font:500 15px var(--heading);letter-spacing:2px;margin-bottom:8px}.power-label span{font-size:25px;font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums}.power-track{position:relative;border:1px solid #5f6a78;border-radius:7px;padding:5px;background:#090e17}.power-track progress{display:block;height:16px;width:100%;appearance:none;border:0;background:#303947;border-radius:2px;overflow:hidden}.power-track progress::-webkit-progress-bar{background:#303947}.power-track progress::-webkit-progress-value{background:linear-gradient(90deg,#ffa52a,#ffcc67);box-shadow:0 0 16px #ff951d}.power-track progress::-moz-progress-bar{background:var(--accent)}.power-segments{position:absolute;inset:5px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(6.666% - 4px),#0a101b calc(6.666% - 4px),#0a101b 6.666%)}.launch,.primary-download{min-height:70px;border-radius:15px;border:1px solid #ffbd56;background:linear-gradient(180deg,#ffae36,#f2770c);box-shadow:0 4px 0 #9a440c,0 8px 30px #ee75082b,inset 0 2px 0 #ffe5b18c;color:#271208;display:flex;align-items:center;justify-content:center;gap:12px;font:700 24px var(--heading);letter-spacing:1.5px;text-transform:uppercase;transition:filter var(--fast),box-shadow var(--fast)}.launch{width:100%;margin-top:20px;user-select:none;touch-action:none;-webkit-touch-callout:none}.launch svg{height:34px;width:34px}.launch:active{filter:brightness(1.12);box-shadow:0 2px 0 #9a440c,0 5px 35px #f796144d,inset 0 2px 0 #ffe5b1}.launch:disabled{background:#273343;box-shadow:none;border-color:#475569;color:#d3dcea;cursor:default}.controls>p,.completion-cta>p{font-size:12px;color:var(--muted);text-align:center;margin-top:13px;line-height:1.6}.demo-disclaimer{font-size:12px;text-align:center;color:var(--muted);margin-top:9px}.footer-links{display:flex;justify-content:center;gap:20px;margin-top:9px}.footer-links button{border:0;background:none;color:#c0cad8;min-height:44px;padding:0 7px;font-size:12px}.result{text-align:center}.result-kicker{font:600 12px var(--heading);letter-spacing:3px;color:#ffc374}.result h2{font:600 33px var(--heading);margin-top:2px}.result-score{display:flex;justify-content:center;align-items:baseline;gap:10px;line-height:1}.result-score>span{font:600 64px/1.1 var(--heading);font-variant-numeric:tabular-nums}.result-score small{font:500 12px var(--heading);letter-spacing:2px;color:var(--muted)}.result p{font-size:12px;color:var(--muted);margin:8px 0 18px}.completion-cta .primary-download{font-size:23px}.game:has(.result:not([hidden])) .cockpit{animation:result-in .4s ease-out}.game:has(.result:not([hidden])) .flight-stage{bottom:240px}.game:has(.result:not([hidden])) .scene-prompt{opacity:0}.game:has(.result:not([hidden])) .stage-status{opacity:0}.download-section{padding:36px 24px;border-top:1px solid var(--edge);background:var(--panel);text-align:center}.download-section h2{font:600 30px var(--heading)}.download-section p{font-size:14px;color:var(--muted);margin:12px 0 22px}.download-section .primary-download{font-size:22px;min-height:60px}.download-section>span{display:block;font-size:12px;color:var(--muted);margin-top:16px}a[aria-disabled=true]{filter:grayscale(1);opacity:.6;cursor:not-allowed}.speed-lines{position:absolute;inset:28% 0 20%;opacity:0;overflow:hidden;pointer-events:none}.speed-lines i{position:absolute;width:22%;height:1px;background:linear-gradient(90deg,transparent,#d7e6f199,transparent);right:-25%;top:30%;animation:speed 650ms linear infinite}.speed-lines i:nth-child(2){top:62%;animation-delay:200ms}.speed-lines i:nth-child(3){top:85%;animation-delay:400ms}.flight-stage[data-state=flying] .speed-lines{opacity:.6}.flight-stage[data-state=charging] .plane{animation:engine 85ms linear infinite alternate}.flight-stage[data-state=charging]~.cockpit .launch{box-shadow:0 4px 0 #9a440c,0 0 35px #fb941d55}.flight-stage[data-state=flying] .scene-prompt,.flight-stage[data-state=takingOff] .scene-prompt,.flight-stage[data-state=landing] .scene-prompt{opacity:0;transform:translateY(-8px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-80px;left:10px;background:var(--ink);color:var(--bg);padding:12px;z-index:30}.skip:focus{top:12px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--edge);border-radius:18px;width:min(92vw,520px);padding:30px;max-height:85svh}dialog::backdrop{background:#030817c9;backdrop-filter:blur(6px)}dialog h2{font:600 30px var(--heading);margin:15px 0}.dialog-close{position:absolute;right:10px;top:6px;width:44px;height:44px;background:none;border:0;color:var(--ink);font-size:27px}#dialog-body p{color:#c5cfdd;font-size:15px;line-height:1.7;margin:14px 0}#dialog-body a{text-decoration:underline}.eyebrow{font:500 12px var(--heading);letter-spacing:3px;color:var(--muted)}.noscript{padding:20px;background:var(--ink);color:var(--bg)}@keyframes engine{from{transform:translateY(-.6px) rotate(-.1deg)}to{transform:translateY(.6px) rotate(.1deg)}}@keyframes speed{to{transform:translateX(-650px)}}@keyframes result-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(min-width:700px){body{background:radial-gradient(ellipse at 50% 30%,#17243a,#060a12 65%)}.game-shell{max-width:520px;margin:24px auto;border:1px solid #394253;border-radius:24px;overflow:hidden}.game{height:900px;max-height:none}.header h1{font-size:20px}.telemetry strong{font-size:70px}}
@media(max-width:360px){.header{left:20px}.telemetry{left:22px;right:22px;top:88px}.telemetry strong{font-size:52px}.cockpit{padding-left:18px;padding-right:18px}.launch{font-size:22px;min-height:64px}.footer-links{margin-top:4px}.controls>p{font-size:12px}.scene-prompt{font-size:23px}}
@media(orientation:landscape) and (max-height:600px){.game-shell{max-width:560px}.game{min-height:750px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.speed-lines{display:none}.plane-position,.scenery{will-change:auto}}
/* Download-first hierarchy: the interactive demo is optional and secondary. */
html{scroll-padding-bottom:100px;scroll-behavior:smooth}.game-shell{padding-bottom:24px}.app-header{display:flex;gap:12px;align-items:center;padding:22px 24px 8px}.app-icon{width:50px;height:50px;flex-shrink:0;border:1px solid #57708a;background:#1a314d;border-radius:13px;overflow:hidden;display:grid;place-items:center}.app-icon img{width:68px;height:auto}.app-name{font-weight:700;font-size:17px;display:block}.app-platform{font-size:12px;color:var(--muted);display:block;margin-top:2px}.app-header .info-button{margin-left:auto}.app-offer{padding:0 24px 24px;text-align:center}.app-art{position:relative;height:176px;overflow:hidden;background:url('airfield.webp') center 53%/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 15%,#000 65%,transparent);margin:0 -24px}.app-art img{display:block;position:absolute;width:240px;height:auto;left:50%;top:50%;transform:translate(-50%,-43%) rotate(-8deg);filter:drop-shadow(0 16px 10px #0007)}.app-offer h1{font:600 38px/1.02 var(--heading);letter-spacing:.2px;margin:0 0 12px}.offer-copy{font-size:14px;line-height:1.6;color:#c5d0df;margin-bottom:22px}.app-offer .primary-download{min-height:60px;font-size:24px;gap:15px}.primary-download svg{width:23px;height:23px}.availability-note{font-size:12px;color:var(--muted);margin-top:13px}.demo-disclosure{margin:0 20px 24px;border:1px solid #384455;border-radius:14px;overflow:hidden;background:#121d2b}.demo-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:82px;padding:16px;list-style:none;cursor:pointer}.demo-disclosure summary::-webkit-details-marker{display:none}.demo-disclosure summary strong{font-size:14px;font-weight:600;display:block;color:#e9edf4}.demo-disclosure summary small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.preview-action{display:flex;gap:4px;align-items:center;font-size:12px;color:#cbd9e8}.preview-action svg{width:18px;height:18px;transition:transform .2s}.demo-disclosure[open] .preview-action svg{transform:rotate(180deg)}summary:focus-visible{outline:3px solid #ffcc79;outline-offset:-4px}.game{height:470px;min-height:470px;max-height:none;border-top:1px solid #384455}.flight-stage{bottom:150px}.telemetry{top:18px;left:20px;right:20px}.metric-label{font-size:11px}.telemetry strong{font-size:34px}.telemetry small{font-size:20px}.scene-prompt{top:35%;font-size:20px}.plane-position{width:65%;left:17.5%;bottom:18%}.stage-status{display:none}.cockpit{padding:14px 16px 12px}.power-label{font-size:12px;margin-bottom:5px}.power-label span{font-size:18px}.power-track progress{height:9px}.launch{min-height:50px;margin-top:12px;font-size:19px;background:#293d51;border-color:#7691a9;box-shadow:none;color:#f1eadb}.launch svg{width:26px;height:26px}.launch:active{background:#3c556c}.flight-stage[data-state=charging]~.cockpit .launch{box-shadow:0 0 16px #b8d4eb33}.controls>p{font-size:12px;margin-top:10px}.demo-disclaimer{font-size:11px;margin-top:6px}.result h2{font-size:26px}.result-score>span{font-size:42px}.result p{margin:4px 0 12px}.completion-cta .primary-download{min-height:50px;font-size:20px}.completion-cta>p{margin-top:10px}.game:has(.result:not([hidden])) .flight-stage{bottom:220px}.download-section{padding:24px;text-align:left;background:transparent;margin:0 24px;border-top:1px solid #384455}.download-section h2{font-size:24px}.download-section p{font-size:13px;margin:8px 0 14px}.download-section>span{font-size:11px}.download-section .primary-download{display:none}.footer-links{margin:0;padding-bottom:8px}.download-dock{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;z-index:10;padding:12px 20px max(12px,env(safe-area-inset-bottom));background:#101925f2;border-top:1px solid #445062;backdrop-filter:blur(12px);display:flex;align-items:center;gap:14px;box-shadow:0 -8px 30px #0004}.download-dock>div{flex:1;min-width:0}.download-dock strong{font-size:14px;display:block}.download-dock small{font-size:11px;color:var(--muted);display:block;margin-top:2px}.download-dock .primary-download{min-height:48px;min-width:165px;font-size:19px;padding:0 16px;border-radius:10px}body{padding-bottom:86px}
@media(min-width:700px){.game-shell{max-width:520px}.game{height:470px}.telemetry strong{font-size:34px}.download-dock{max-width:520px;border-radius:16px 16px 0 0}.app-art{height:195px}.app-offer h1{font-size:42px}}
@media(max-width:360px){.app-header{padding:16px 20px 8px}.app-offer{padding:0 20px 22px}.app-art{height:145px;margin:0 -20px}.app-art img{width:210px}.app-offer h1{font-size:34px}.offer-copy{font-size:13px}.demo-disclosure{margin-left:16px;margin-right:16px}.demo-disclosure summary{padding:12px}.demo-disclosure summary strong{font-size:13px}.preview-action{font-size:11px}.download-dock{padding-left:16px;padding-right:16px}.download-dock .primary-download{min-width:150px}.telemetry{top:18px}.game{height:470px;min-height:470px}.launch{font-size:18px;min-height:48px}.download-section{margin:0 20px;padding:22px 0}}
/* Always-visible compact demo; download and bonus offer keep priority. */
.app-header{padding-top:18px;padding-bottom:10px}.app-offer{padding-top:12px;padding-bottom:20px}.app-offer h1{font-size:37px;line-height:1.05;margin-bottom:12px}.offer-copy{font-size:14px;line-height:1.65;max-width:360px;margin:0 auto 19px}.app-offer .primary-download{min-height:56px}.availability-note{margin-top:11px}.demo-inline{margin:0 20px 20px;border:1px solid #384455;border-radius:14px;overflow:hidden;background:#101b29}.preview-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:12px}.preview-heading h2{font-family:var(--body);font-size:14px;font-weight:600}.preview-heading>span{color:var(--muted);font-size:11px}.demo-inline .game{height:320px;min-height:320px}.demo-inline .flight-stage{bottom:104px}.demo-inline .telemetry{top:12px;left:16px;right:16px}.demo-inline .metric-label{font-size:10px}.demo-inline .telemetry strong{font-size:25px}.demo-inline .telemetry small{font-size:16px}.demo-inline .scene-prompt{display:none}.demo-inline .plane-position{width:55%;left:22.5%;bottom:16%}.demo-inline .cockpit{padding:10px 14px 11px}.demo-inline .power-label{font-size:11px}.demo-inline .power-label span{font-size:16px}.demo-inline .power-track{padding:3px}.demo-inline .power-track progress{height:6px}.demo-inline .power-segments{inset:3px}.demo-inline .launch{min-height:44px;margin-top:9px;font-size:17px}.demo-inline .launch svg{width:22px;height:22px}.demo-inline .controls>p{margin-top:6px;font-size:11px}.demo-inline .result{display:grid;grid-template-columns:1fr auto;text-align:left;gap:2px 10px;align-items:center}.demo-inline .result-kicker{font-size:10px;grid-column:1}.demo-inline .result h2{font-size:22px;grid-column:1}.demo-inline .result-score{grid-column:2;grid-row:1/3;gap:6px}.demo-inline .result-score>span{font-size:38px}.demo-inline .result-score small{font-size:10px}.demo-inline .result p{grid-column:1/-1;margin:3px 0 8px;font-size:11px}.demo-inline .completion-cta .primary-download{min-height:44px;font-size:19px}.demo-inline .completion-cta>p{font-size:11px;margin-top:8px}.demo-inline .game:has(.result:not([hidden])) .flight-stage{bottom:120px}.offer-terms{font-size:12px;color:var(--muted);line-height:1.6;text-align:center;padding:0 24px 12px}.download-section{padding-top:20px;padding-bottom:20px}.download-dock small{font-size:11px}
@media(max-width:360px){.app-offer h1{font-size:32px}.offer-copy{font-size:13px}.app-header{padding-top:14px}.demo-inline{margin-left:16px;margin-right:16px}.preview-heading{padding:11px}.preview-heading h2{font-size:13px}.preview-heading>span{font-size:10px}.demo-inline .game{height:310px;min-height:310px}}
/* Preview first, followed by the welcome offer and primary download. */
.app-header{padding-bottom:20px}.demo-inline{margin-bottom:8px}.app-offer{padding-top:18px;padding-bottom:24px}

/* jaiho: scannable benefits and a quieter completed-flight action. */
.offer-eyebrow{font:600 11px var(--body);letter-spacing:2px;color:#ffc374;margin-bottom:10px}
.app-offer h1{font-size:36px;line-height:1.1;margin-bottom:20px;letter-spacing:0}
.app-offer h1 span{color:#ffc374}
.benefit-list{list-style:none;padding:0;margin:0 0 24px;text-align:left;display:grid;gap:16px}
.benefit-list li{display:flex;align-items:center;gap:14px}
.benefit-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;background:#ff941c12;border:1px solid #ff941c40;border-radius:12px;color:#ffc374}
.benefit-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefit-list strong{display:block;font-size:17px;line-height:1.3;font-weight:700}
.benefit-list div>span{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:3px}
.result-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;color:#ffc374;font-size:14px;font-weight:600;border-top:1px solid var(--edge)}
.support-email{display:block;width:fit-content;max-width:100%;margin:0 auto;min-height:44px;padding:10px 12px;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
#app-heading{scroll-margin-top:20px}
@media(max-width:360px){.app-offer h1{font-size:30px}.benefit-list strong{font-size:16px}.benefit-list{gap:14px}.benefit-list li{gap:12px}}