.sky-page{background:linear-gradient(160deg,#fff9ea,#e5f6f4);color:#164737}.sky-main{max-width:1160px;margin:auto;padding:20px}.sky-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.sky-heading h1{font-size:clamp(2rem,4vw,3.1rem);margin:3px 0;letter-spacing:-.04em}.sky-heading strong{color:#cb4a26}.sky-heading .eyebrow{color:#087d55}.sky-heading>p{max-width:280px;text-align:right;font-size:.82rem}.stage{position:relative;border-radius:26px;overflow:hidden;background:#9cd8ee;box-shadow:0 16px 40px #17452d22;border:3px solid #fff;isolation:isolate}.stage canvas{display:block;width:100%;aspect-ratio:16/9;touch-action:none;outline-offset:-5px}.screen{position:absolute;inset:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px;background:linear-gradient(90deg,#fef9edec,#fef9edb8);text-align:center;backdrop-filter:blur(3px)}.screen[hidden],[hidden]{display:none!important}.screen h2{font-size:clamp(1.3rem,3vw,2.2rem);margin:0;color:#145b40}.screen p{max-width:540px;margin:0;line-height:1.5}.screen .hero-plane{width:250px;height:135px;object-fit:contain}.screen .choices{display:flex;gap:12px;justify-content:center;width:100%;flex-wrap:wrap}.sky-page button{border-radius:16px;min-height:44px;border:1px solid #a3c5b5;padding:10px 18px;font:inherit;font-weight:800;cursor:pointer;background:#fff;color:#17583e}.sky-page button.primary{background:#ffc43f;color:#493610;border-color:#e9b334;box-shadow:0 6px 14px #b3781829}.sky-page button.chosen{background:#087f54;color:#fff;border-color:#087f54}.sky-page button:disabled{opacity:.6;cursor:not-allowed}.sky-page button:focus-visible,a:focus-visible{outline:3px solid #285fba;outline-offset:3px}.choices button{flex:1;max-width:290px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}.choices button small{font-weight:500;line-height:1.4;font-size:.83rem}.choices .plane-thumb{width:160px;height:88px;object-fit:contain}.destinations button{max-width:190px}.destinations button img{width:100%;height:55px;object-fit:cover;border-radius:10px}.flight-tools{display:flex;align-items:center;gap:12px;padding-top:12px;flex-wrap:wrap}.flight-tools #best{margin-left:auto}.controls{font-size:.9rem;line-height:1.5}.sky-main .fine{font-size:.79rem;line-height:1.45;color:#3b6251}#hud{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;pointer-events:none}#hud span,#hud button{border:1px solid #ffffffbb;border-radius:12px;background:#fff9e9ed;padding:8px 12px;font-weight:800;font-size:.85rem}#hud button{margin-left:auto;pointer-events:auto}.progress{width:100%;height:6px;border-radius:6px;background:#ffffff99;overflow:hidden}.progress i{display:block;height:100%;background:#0b965d;width:0}#notice{min-height:22px;color:#994217;font-size:.85rem}#hud-hearts{color:#b32b37}.sky-page footer{margin-top:20px}@media(max-width:700px){.sky-main{padding:12px}.sky-heading{gap:8px;margin-bottom:8px}.sky-heading>p{max-width:145px;font-size:.72rem}.sky-heading .eyebrow{font-size:.64rem}.sky-heading h1{font-size:1.9rem}.stage{border-radius:19px}.stage canvas{aspect-ratio:4/5}.screen{padding:14px;gap:10px;justify-content:flex-start}.screen h2{font-size:1.35rem}.screen p{font-size:.84rem}.screen .hero-plane{width:195px;height:105px;margin-top:12px}.choices{flex-direction:column}.choices button{max-width:none;width:100%;flex:auto;min-height:58px;padding:10px;gap:3px}.choices.aircraft{display:grid;grid-template-columns:1fr 1fr}.choices.aircraft button{font-size:.85rem}.choices .plane-thumb{width:110px;height:65px}.choices.destinations{display:grid;grid-template-columns:1fr 1fr}.destinations button img{height:44px}.screen .choices button small{font-size:.73rem}.flight-tools{font-size:.77rem;gap:8px}.flight-tools button{font-size:.8rem;padding:8px 12px}#hud{top:7px;left:7px;right:7px;gap:4px}#hud span,#hud button{font-size:.7rem;padding:6px}#hud button{min-height:40px}.controls{font-size:.78rem}.screen .actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.actions button{font-size:.82rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.sky-page .actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px}

#hud-stars{display:inline-flex;align-items:center;gap:5px}#hud-stars:before{content:'';width:20px;height:20px;background:url('/pho-sky/art/star.webp') center/contain no-repeat}
/* V88: the right half of the canvas is an invisible relative-drag surface. */
.sky-touch-control{display:none!important}
#hud #hud-time{position:absolute;top:calc(100% + 4px);left:0;display:block;width:max-content;max-width:100%;border-color:#fff9;background:#f7fff4e8;color:#164737;font-variant-numeric:tabular-nums}
@media(max-width:700px){
  .stage canvas{cursor:ns-resize}
  #hud{z-index:3}
  .screen{z-index:4}
}