:root{color:#253445;font-synthesis:none;background:#f8f3e9;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #ba6550}main{max-width:1220px;margin:auto;padding:0 44px}nav{border-bottom:1px solid #deddd3;justify-content:space-between;align-items:center;height:94px;display:flex}nav a{color:#263a42;font-weight:800;text-decoration:none}nav>span{letter-spacing:2.5px;color:#727b7b;font-size:10px}.sound{background:0 0;border:1px solid #d6d9cc;border-radius:30px;height:44px;padding:0 16px;font-size:12px}.layout{grid-template-columns:1fr 430px;align-items:center;gap:70px;padding:38px 34px 28px;display:grid}.intro{position:relative}.eyebrow{letter-spacing:2px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.eyebrow span{background:#64998b;border-radius:100%;width:7px;height:7px}h1{letter-spacing:-6px;margin:31px 0 27px;font-family:Georgia,serif;font-size:100px;font-weight:400;line-height:.91;position:relative}h1 em{color:#bd7058;font-style:normal}.title-star{color:#8bab91;vertical-align:top;margin-left:27px;font-family:Arial;font-size:67px;display:inline-block;transform:rotate(12deg)}.tagline{margin:0 0 20px;font-family:Georgia,serif;font-size:25px;line-height:1.32}.description{color:#717977;max-width:335px;margin-bottom:27px;font-size:14px;line-height:1.8}.instruction{color:#757c75;align-items:center;gap:15px;font-size:12px;display:flex}.instruction p{margin:8px 0;line-height:1.9}.instruction strong{color:#35453e;font-size:13px}.step{border:1px solid #d3d7c7;border-radius:50%;padding:9px;font-size:10px}.keys{align-items:center;gap:5px;margin-top:25px;display:flex}.keys kbd{background:#edece2;border:1px solid #d8dacd;border-radius:5px;padding:6px 9px}.keys span{color:#767d75;margin-left:7px;font-size:10px}.postmark{letter-spacing:2px;color:#8ba392;text-align:center;border:2px solid #a5b6a1;border-radius:50%;flex-direction:column;justify-content:center;width:110px;height:110px;margin:30px 0 0 170px;font-size:8px;display:flex;transform:rotate(-13deg)}.postmark b{margin:5px;font-size:14px}.game-card{color:#faf0dc;background:#152139;border:1px solid #34415a;border-radius:25px;padding:15px;box-shadow:0 20px 55px #1e354824}.dashboard{justify-content:space-between;padding:7px 9px 15px;display:flex}.dashboard span{letter-spacing:1.5px;color:#9baac0;margin-bottom:6px;font-size:8px;display:block}.dashboard strong{letter-spacing:2px;font-size:25px;font-weight:500}.shields strong{color:#a4e3cf;font-size:20px}.shields i{color:#57667c;font-style:normal}.flight{aspect-ratio:390/590;background:#101b34;border-radius:15px;position:relative;overflow:hidden}.canvas{position:absolute;inset:0}.canvas canvas{display:block}.route-label{letter-spacing:1px;color:#afbbc9;pointer-events:none;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:22px;left:22px;right:22px}.route-label span{opacity:.5}.overlay{background:#101b341a;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.message{text-align:center;background:#15243aee;border:1px solid #67778166;border-radius:18px;padding:27px 22px;box-shadow:0 12px 40px #050d2055}.mini-label{letter-spacing:2px;color:#aad4c3;font-size:8px}.message h2{margin:15px 0;font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.1}.message p{color:#bcc6cd;max-width:220px;margin:0 auto 22px;font-size:12px;line-height:1.7}.primary{color:#273239;background:#f3bf9c;border:0;border-radius:9px;width:100%;min-height:48px;font-size:14px;font-weight:700}.primary span{margin-left:15px}.flight-meta{color:#abc3c5;justify-content:space-between;padding:14px 7px;font-size:10px;display:flex}.controls{grid-template-columns:1fr .7fr 1fr;gap:9px;display:grid}.controls button{color:#e5f2eb;background:#293950;border:1px solid #42546a;border-radius:9px;min-height:48px;font-size:20px}.controls span,.controls .pause{font-size:12px}.controls span{margin:0 9px}.restart{color:#a9bac4;background:0 0;border:0;min-height:44px;margin:13px auto 0;font-size:11px;display:block}footer{letter-spacing:1.6px;color:#8c9387;justify-content:center;gap:19px;padding:22px 0 25px;font-size:8px;display:flex}footer span{color:#b78766}@media (width<=900px){main{padding:0 24px}.layout{grid-template-columns:1fr 390px;gap:30px;padding:28px 0}h1{font-size:80px}.title-star{margin-left:14px;font-size:44px}.description{font-size:12px}.keys{flex-wrap:wrap}.postmark{margin-left:80px}}@media (width<=700px){main{padding:0 16px}nav{height:64px}nav>span{display:none}.layout{flex-direction:column;gap:19px;padding:23px 0;display:flex}.intro{width:100%}.eyebrow{font-size:8px}h1{letter-spacing:-2px;margin:12px 0 7px;font-size:51px;line-height:1}h1 br{display:none}h1 em{margin-left:10px}.title-star{vertical-align:middle;margin-left:14px;font-size:31px}.tagline{color:#6c7b74;margin:0;font-family:Arial;font-size:12px}.tagline br,.description,.instruction,.keys,.postmark{display:none}.game-card{border-radius:20px;width:100%;max-width:430px;padding:11px}.dashboard{padding:5px 7px 11px}.dashboard strong{font-size:22px}.flight-meta{padding:11px 4px;font-size:9px}.message{padding:22px 18px}.message h2{font-size:27px}footer{letter-spacing:.9px;gap:7px;padding-top:0;font-size:6px}.restart{margin-top:6px}.sound{font-size:11px}.game-card .flight{max-height:520px}}.stage-progress{color:#a8d8cc;justify-content:space-between;padding:0 7px 10px;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=700px){.game-card .flight{aspect-ratio:auto;height:max(230px,100svh - 426px);max-height:520px}.tagline br{display:none}.message{padding:17px 15px}.message h2{font-size:23px}.message p{margin-bottom:14px}.route-label{font-size:7px;top:12px;left:12px;right:12px}}