:root{color:#fff5dc;font-synthesis:none;background:#7cbdc0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;position:fixed;inset:0}button{font:inherit;cursor:pointer;color:inherit;background:#163e45c9;border:1px solid #fff3d344;border-radius:7px;padding:13px 18px;transition:background .2s}button:hover{background:#2e6870}button:focus-visible{outline-offset:3px;outline:3px solid #efc57d}button:disabled{opacity:.5;cursor:default}.primary{color:#233c40;background:#f2d59d;border-color:#f2d59d;font-weight:700}.primary:hover{background:#ffe9bb}#overlay{pointer-events:none;background:linear-gradient(90deg,#102e386e,#0000 60%);position:fixed;inset:0}header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:30px;left:38px;right:38px}.brand{letter-spacing:5px;font-size:14px;font-weight:700}.edition{letter-spacing:2px;opacity:.8;font-size:10px}#menu{pointer-events:auto;max-width:465px;padding-right:12px;position:absolute;top:21%;left:7%}.eyebrow{letter-spacing:3px;color:#f1d49b;text-transform:uppercase;font-size:11px}h1{letter-spacing:-2px;margin:22px 0;font:clamp(45px,5.5vw,80px)/.96 Georgia,serif}#description{color:#e0eeee;max-width:390px;font-size:16px;line-height:1.7}#menu .actions{flex-wrap:wrap;gap:10px;margin:23px 0 16px;display:flex}.secondary{padding:10px 13px;font-size:12px}.instructions{color:#e2eeeb;font-size:12px;line-height:1.9}kbd{border:1px solid #d1e4dc66;border-radius:3px;margin:0 2px;padding:2px 5px;font-family:inherit}#xr-note{color:#d0e1de;max-width:400px;font-size:11px;line-height:1.5}#hud{justify-content:space-between;align-items:end;gap:16px;display:flex;position:absolute;bottom:30px;left:38px;right:38px}.instruments{gap:30px;display:flex}.metric b{font-variant-numeric:tabular-nums;font-size:27px;font-weight:400;display:block}.metric span{letter-spacing:1.6px;color:#d6e4dd;font-size:10px}.route{text-align:right;max-width:300px}.route strong{font-family:Georgia,serif;font-size:22px;font-weight:400}.route p{color:#d6e4dd;font-size:12px}.progress{justify-content:end;gap:5px;display:flex}.progress i{background:#fff4;width:47px;height:3px;display:block}.progress i.done{background:#f1d49b}#flight-help{max-width:350px;font-size:12px;line-height:1.8;position:absolute;top:90px;left:38px}#notice{color:#f6d79b}#menu-toggle{pointer-events:auto;padding:9px 14px;font-size:12px}#fade{opacity:0;pointer-events:none;background:#112d36;transition:opacity .25s;position:fixed;inset:0}#fade.active{opacity:1}#status{text-transform:uppercase;letter-spacing:2px;font-size:11px}#telemetry{display:none}#compass{color:#ffe3a9;margin-bottom:10px;font-size:18px}label{align-items:center;gap:8px;margin:14px 0;font-size:12px;display:flex}footer{letter-spacing:2px;opacity:.65;font-size:10px;position:absolute;bottom:105px;right:38px}body.flying #menu,body.xr #overlay{display:none}@media (width<=700px){header{top:20px;left:20px;right:20px}.edition{display:none}#menu{max-width:calc(100% - 40px);top:20%;left:24px}h1{margin:16px 0;font-size:50px}#description{font-size:14px;line-height:1.5}.instructions{font-size:11px}.instruments{gap:14px}.metric b{font-size:21px}#hud{bottom:20px;left:20px;right:20px}.route{max-width:160px}.route strong{font-size:17px}.metric:nth-child(3),footer{display:none}#flight-help{max-width:calc(100% - 40px);font-size:11px;top:65px;left:20px}#xr-note{font-size:10px}}body:not(.flying) #wind{display:none}#wind{opacity:.75;margin-top:8px;font-size:11px}
