#flight-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#b4d7cc;color:#244956;isolation:isolate}
#flight-dialog::backdrop{background:#d8e6d7}
body.flight-active{overflow:hidden}
#flight-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.flight-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#f6ecdce6,transparent 30%,transparent 65%,#e9e9cfed);z-index:1}
.flight-header{position:absolute;inset:0 0 auto;z-index:6;display:flex;justify-content:space-between;align-items:flex-start;padding:34px 4%;gap:25px}
.flight-header .eyebrow{font-size:11px;letter-spacing:2px}.flight-header h2{font-size:30px;margin:7px 0;font-weight:700}
#flight-exit{min-height:48px;padding:8px 19px;background:#fff4dedb;border:1px solid #6d908a50;border-radius:28px;display:flex;gap:25px;align-items:center;font-size:15px}#flight-exit span{font-size:26px}
.flight-location{position:absolute;left:5%;top:27%;z-index:4;max-width:40%;text-shadow:0 2px 20px #f9f0d8,0 2px 4px #f9f0d8}
.flight-location small{display:block;font-size:13px;letter-spacing:3px}.flight-location h3{font-size:clamp(29px,3vw,48px);margin:14px 0 12px;line-height:1.4}.flight-location p{font-size:16px;line-height:1.9}
.flight-bird{position:absolute;z-index:3;left:32%;top:33%;width:54%;height:50%;pointer-events:none;filter:drop-shadow(12px 35px 12px #2f54412e);will-change:transform;transform-origin:center}
.flight-bird img{display:block;width:100%;height:100%;object-fit:contain}
.flight-route{position:absolute;right:4%;top:26%;width:170px;z-index:4;padding:15px 20px 17px;border-radius:6px 24px 6px 24px;background:#f8f1d9d9;border:1px solid #fff8e5;box-shadow:0 8px 40px #476c5120}
.flight-route p{font-size:16px;font-weight:700}.flight-route p small{font-size:10px;display:block;font-weight:500;margin-top:4px;letter-spacing:2px}
.flight-route ol{list-style:none;padding:0;margin:20px 0 10px}.flight-route li{font-size:13px;color:#7b9384;position:relative;padding:0 0 23px 18px;border-left:1px dashed #a9b69a}.flight-route li:before{content:'';position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:#b8c2aa}.flight-route li:last-child{border:0;padding-bottom:0}.flight-route li.current{color:#b45539;font-weight:700}.flight-route li.current:before{background:#b45539;box-shadow:0 0 0 4px #bd775e20}.flight-route li.passed{color:#486a5c}.flight-route>span{font-size:9px;line-height:1.8;display:block;color:#7d9386;margin-top:16px}
.flight-footer{position:absolute;inset:auto 4% 28px;z-index:6;display:flex;align-items:center;gap:17px;min-height:60px;padding:12px 17px;border:1px solid #fff9e7;border-radius:24px;background:#f6efd8e8;box-shadow:0 5px 30px #46684e22}
.flight-speed{display:flex;background:#dee4ce;border-radius:18px;padding:4px;gap:3px}.flight-speed button{min-height:44px;padding:8px 17px;border-radius:14px;white-space:nowrap;font-size:15px}.flight-speed b{font-size:12px;margin-left:7px}.flight-speed [aria-pressed=true]{background:#2f6270;color:#fff5db;box-shadow:0 2px 4px #44644d22}
#flight-pause{min-height:44px;min-width:97px;padding:8px 12px;font-size:15px}.flight-progress{height:5px;background:#d1d9bf;flex:1;min-width:30px;border-radius:5px;overflow:hidden}.flight-progress>span{height:100%;width:100%;display:block;background:#ba6045;transform:scaleX(0);transform-origin:left}#flight-percent{font-size:14px;min-width:40px}.flight-footer>small{font-size:10px;max-width:70px;line-height:1.7;color:#748b79}
.flight-loading{position:absolute;inset:45% 10% auto;text-align:center;z-index:7;font-size:20px;padding:18px;background:#f6efd8e8;border-radius:25px}.flight-loading[hidden]{display:none}
.flight-arrived{position:absolute;z-index:5;top:26%;left:12%;right:12%;text-align:center;background:#f6efd8f2;padding:36px 28px;border:1px solid #fff5d7;border-radius:40px 8px 40px 8px;box-shadow:0 15px 80px #34584330}.flight-arrived[hidden]{display:none}.flight-arrived h3{font-size:60px;margin:15px 0;color:#b45539}.flight-arrived>p:not(.eyebrow){font-size:17px}.flight-arrived button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 25px;background:#2f6270;color:#fff5db;border-radius:25px;margin-top:25px;font-size:17px}
#flight-dialog[data-paused=true] .flight-bird{filter:drop-shadow(12px 35px 12px #2f54412e)}
@media(min-width:901px) and (max-width:1100px){.flight-bird{left:13%;width:65%;top:40%}}
@media(max-width:900px){.flight-header{padding-top:25px}.flight-header h2{font-size:24px}.flight-bird{left:17%;top:41%;width:76%;height:40%}.flight-location{top:23%;left:6%;max-width:59%}.flight-location h3{font-size:34px}.flight-route{top:25%;right:4%;width:145px;padding:15px}.flight-route li{font-size:12px}.flight-footer{gap:9px;padding:9px 12px}.flight-speed button{padding:8px 12px}.flight-footer>small{display:none}}
@media(max-width:600px){.flight-header{padding:22px 6%;gap:10px}.flight-header .eyebrow{font-size:8px;letter-spacing:1px}.flight-header h2{font-size:20px;max-width:220px;line-height:1.6}.flight-header #flight-exit{font-size:12px;gap:9px;padding:6px 12px;flex:none;min-height:44px}.flight-header #flight-exit span{font-size:22px}.flight-location{top:23%;max-width:65%}.flight-location small{font-size:11px}.flight-location h3{font-size:29px}.flight-location p{font-size:14px}.flight-route{top:auto;bottom:130px;right:6%;width:88%;padding:12px 16px;background:#f8f1d9bc}.flight-route p{font-size:12px}.flight-route p small{display:inline;margin-left:12px}.flight-route ol{display:flex;margin:15px 0 2px;justify-content:space-between;gap:8px}.flight-route li{font-size:10px;padding:15px 0 0;border-left:0;border-top:1px dashed #a9b69a;flex:1}.flight-route li:before{top:-4px;left:0}.flight-route li:last-child{border-top:1px dashed #a9b69a}.flight-route>span{display:none}.flight-bird{left:-6%;top:38%;width:112%;height:36%}.flight-footer{inset:auto 5% 22px;flex-wrap:wrap;justify-content:space-between;border-radius:22px;gap:5px 10px;padding:9px 12px}.flight-speed button{font-size:13px;padding:6px 13px}.flight-speed b{font-size:11px;margin-left:4px}#flight-pause{font-size:13px;min-width:82px}.flight-progress{flex-basis:80%;margin:5px 0 4px}#flight-percent{font-size:11px;min-width:30px}.flight-arrived{top:22%;left:7%;right:7%;padding:30px 20px}.flight-arrived h3{font-size:44px}.flight-arrived>p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){.flight-bird{will-change:auto}}
@media(max-width:600px){.flight-bird{left:1%;width:98%}}