.top-actions{display:flex;align-items:center;gap:18px}.wallet-button{border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:#ffffff80;color:var(--ink);font-size:11px;white-space:nowrap}.wallet-button b{margin-left:10px;font-variant-numeric:tabular-nums}.wallet-button small{color:var(--muted)}
.journey-bar{display:block}.journey-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.journey-intro p{margin:0}.journey-steps{overflow-x:auto;padding:2px 1px 9px;scrollbar-width:thin;gap:8px}.journey-step{min-width:135px;flex:1;padding:12px 9px;gap:9px}.journey-step>span{font-size:20px}.journey-step b{font-size:10px}.journey-step small{font-size:8px}.journey-step:disabled{opacity:.55}.journey-step:disabled.active{opacity:1}
.flight-hud .score-detail{display:block;font-size:9px;margin-top:3px}.flight-hud>div{min-width:0}.flight-ribbon{position:absolute;bottom:53px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none;color:#fff;font-size:10px}.flight-ribbon>span,.flight-ribbon>button{border:1px solid #ffffff4a;background:#183632bd;backdrop-filter:blur(12px);border-radius:8px;padding:10px 12px}.flight-ribbon>button{pointer-events:auto;color:#fff;font-size:10px}.flight-ribbon kbd{color:#e5f1ec;background:#ffffff15;border-color:#ffffff36;margin-right:10px}.flight-ribbon b{font-variant-numeric:tabular-nums}.zone-toast{max-width:calc(100% - 36px);white-space:normal;width:max-content;font-size:16px;line-height:1.5;top:33%}.secondary-button{width:100%;padding:12px 10px;margin-top:10px;border:1px solid #94a99870;border-radius:5px;background:transparent;color:var(--ink);font-size:11px}.secondary-button span{margin-left:8px}
.weather-card{margin-top:17px;padding:12px;background:#e9f0ed;border:1px solid #c5d7cf;border-radius:8px}.weather-card>div:first-child{display:flex;align-items:center;gap:10px}#weather-icon{font-size:27px;color:#4c7c80}.weather-card b{display:block;font-size:11px}.weather-card small{display:block;margin-top:5px;font-size:9px;line-height:1.5;color:#647b74}.weather-stats{display:flex;justify-content:space-between;margin-top:11px;padding-top:9px;border-top:1px solid #cad9d4;gap:7px}.weather-stats span{font-size:8px;color:#6b8079}.weather-stats b{margin-top:4px;font-size:10px;color:#354f49}.flight-instrument{padding:18px 0 12px;margin-bottom:17px}.flight-instrument .wind-lines{display:none}.flight-instrument b{font-size:44px}.integrity-row{margin:19px 0;padding-bottom:17px}.integrity-row span:last-child{font-size:17px;letter-spacing:1px}.contract-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.contract-heading>span:last-child{font-size:8px;color:#8a978b}.contract{padding-top:12px}.contract>div{display:flex;justify-content:space-between;gap:9px;font-size:10px}.contract b{font-weight:500}.contract>div>span{color:#718578;font-size:9px;font-variant-numeric:tabular-nums}.contract progress{display:block;width:100%;height:4px;border:0;border-radius:4px;margin:7px 0 4px;overflow:hidden;background:#e1e8df;accent-color:#729c81}.contract progress::-webkit-progress-bar{background:#e1e8df}.contract progress::-webkit-progress-value{background:#729c81;border-radius:4px}.contract small{font-size:8px;color:#879481}.star-tip{margin-top:16px}
#upgrade-dialog{max-width:660px;max-height:90dvh;overflow:auto;background:#f5f8f6;padding:30px;color:#263e36}#upgrade-dialog h2{margin:14px 0 20px}.shop-balance{display:flex;align-items:center;justify-content:space-between;border:1px solid #c9dad0;border-radius:8px;padding:13px 16px;background:#e9f1eb}.shop-balance span{font-size:11px}.shop-balance b{font-size:27px;font-variant-numeric:tabular-nums}#shop-status{margin:12px 0 18px;color:#647b6d}.upgrade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.upgrade-card{padding:16px;background:#fff;border:1px solid #dce5df;border-radius:9px;display:flex;flex-direction:column}.upgrade-icon{font-size:23px;color:#719080}.upgrade-card h3{font-size:13px;margin:8px 0 0}.upgrade-card p{font-size:10px;line-height:1.6;margin:8px 0 14px;flex:1;color:#76867e}.upgrade-buy{border:1px solid #446c54;border-radius:5px;padding:10px 8px;background:#3c614d;color:#fff;font-size:10px}.upgrade-buy:disabled,.supply-button:disabled{border-color:#e0e6e2;background:#eef2ef;color:#89978f}.flight-supplies{margin-top:20px}.flight-supplies>div{display:flex;gap:10px;margin-top:9px}.supply-button{flex:1;display:flex;justify-content:space-between;gap:10px;border:1px solid #c9d9cf;background:white;color:#3d6550;border-radius:5px;padding:11px;font-size:10px}.supply-button b{white-space:nowrap}#shop-message{min-height:34px;margin:14px 0;color:#61776a;font-size:10px}
body[data-world="2"] .workshop{background:#f6f9fa;box-shadow:0 10px 40px #243d5110}body[data-world="2"] .flight-stage{box-shadow:0 12px 45px #1e344b26}body[data-world="2"] .level-progress{top:178px}body[data-world="2"] .flight-hud{right:24px;justify-content:space-between}body[data-world="2"] .welcome-copy{padding:18px 22px;border-radius:12px;background:#edf7ffca;backdrop-filter:blur(12px);max-width:calc(100% - 65px)}body[data-world="2"] .welcome-copy h2{font-size:43px}
body[data-weather="rain"],body[data-weather="wind"],body[data-weather="storm"]{background:#e9eef2}body[data-weather="storm"] .flight-hud{background:#132b44c9;border-color:#7295b266}body[data-weather="storm"] .flight-hud b,body[data-weather="storm"] .flight-hud>div>span,body[data-weather="storm"] .flight-hud small,body[data-weather="storm"] .level-progress>div,body[data-weather="storm"] .best-tag{color:#e2f0fd}body[data-weather="storm"] .location-tag{background:#1d354ae0;color:#d2eafa;border-color:#849ebd66}body[data-weather="storm"] .weather-card{background:#dfe8f2;border-color:#bbccd9}body[data-weather="storm"] .flight-hud .gold-text{color:#f2ce84}body[data-weather="sunset"]{background:#f8f0e8}body[data-weather="sunset"] .weather-card{background:#f7ead9;border-color:#e9d4b8}body[data-weather="sunset"] .flight-hud{background:#fff2d4cf;border-color:#fff0c8}
@media(max-width:1100px){.top-note{display:none}.journey-step{min-width:131px}.journey-intro{display:block}.journey-intro p{margin-top:7px;font-size:9px}.flight-ribbon{left:16px;right:16px}}
@media(max-width:760px){.topbar{height:auto;min-height:88px;flex-wrap:wrap;padding:14px 0;gap:8px 14px}.top-actions{gap:14px;flex-wrap:wrap}.brand{font-size:24px}.top-actions .quiet-button{font-size:9px;padding:6px 0}.quiet-button span{margin-left:5px}.wallet-button{font-size:10px;padding:8px 10px}.journey-step{min-width:118px;padding:10px}.journey-step small{display:block;font-size:7px}.journey-steps{gap:7px}.journey-intro p{line-height:1.5}.flight-hud{gap:12px}.flight-hud .score-detail{font-size:8px}.flight-ribbon{bottom:53px;font-size:9px}.flight-ribbon>span,.flight-ribbon>button{padding:9px;font-size:9px}.flight-ribbon kbd{display:none}body[data-world="2"] .flight-hud{right:12px;gap:10px;padding:10px 12px}body[data-world="2"] .flight-hud b{font-size:24px}body[data-world="2"] .level-progress{top:166px}.contracts{margin-top:18px}.mode-flight .integrity-row{padding-bottom:16px}.weather-card small{font-size:10px}.contract small{font-size:9px}#upgrade-dialog{padding:26px 20px}.upgrade-grid{gap:9px}.upgrade-card{padding:12px}.upgrade-card h3{font-size:12px}.flight-supplies>div{flex-direction:column}.zone-toast{font-size:14px}.welcome-copy{left:20px}body[data-world="2"] .welcome-copy{max-width:calc(100% - 40px);padding:16px}body[data-world="2"] .welcome-copy h2{font-size:36px}.level-progress>div{font-size:7px;gap:5px}}
@media(max-width:360px){.upgrade-grid{grid-template-columns:1fr}.stage-top{left:12px;right:12px}.location-tag{letter-spacing:.5px;padding:8px}.best-tag{font-size:6px}.flight-ribbon{left:12px;right:12px}.flight-ribbon>span,.flight-ribbon>button{padding:8px 6px}.flight-hud b{font-size:23px}.top-actions{gap:12px}}
.route-card{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px 11px;margin-top:17px;padding:9px 12px 12px;border:1px solid #ccdacf;border-radius:9px;background:#edf2e9}.route-card canvas{width:78px;height:78px}.route-card .eyebrow{font-size:7px;letter-spacing:1px}.route-card>div>b{display:block;font-size:12px;margin:8px 0 5px}.route-card small{display:block;font-size:9px;line-height:1.5;color:#71836f}.corner-reward{grid-column:1/-1;padding-top:9px;border-top:1px solid #cedbcb}.corner-reward>span{display:flex;justify-content:space-between;font-size:9px;color:#536b55}.corner-reward>span>b{font-weight:400;font-variant-numeric:tabular-nums}.corner-reward progress{display:block;height:4px;width:100%;margin:7px 0;border:0;border-radius:4px;overflow:hidden;background:#dae5d6;accent-color:#779c71}.corner-reward progress::-webkit-progress-bar{background:#dae5d6}.corner-reward progress::-webkit-progress-value{background:#779c71}.corner-reward small{font-size:8px}.turn-cue{position:absolute;top:204px;left:24px;padding:8px 11px;border:1px solid #f7f8e4a8;border-radius:6px;background:#f3f3dfdd;color:#466347;font-size:10px;letter-spacing:.2px;pointer-events:none;backdrop-filter:blur(8px)}body[data-world="2"] .turn-cue{background:#17384cce;color:#e6f5ff;border-color:#87adba66}body[data-world="2"] .route-card{background:#e7eff3;border-color:#c9d9e1}body[data-world="2"] .route-card small{color:#617b89}.mode-flight .flight-stage{position:sticky;top:16px;height:calc(100dvh - 32px);min-height:540px;max-height:800px}.mode-flight .zone-toast{top:40%}.mode-flight .flight-panel{min-width:0}@media(max-width:760px){.turn-cue{top:188px;left:16px;font-size:9px;padding:7px 9px}.route-card{grid-template-columns:78px minmax(0,1fr)}.mode-flight .flight-stage{position:relative;top:auto;height:auto;max-height:none}.corner-reward small{font-size:9px}}
.flight-energy{width:132px;flex-shrink:0;padding:9px 11px;border:1px solid #ffffff70;border-radius:8px;background:#1c4038e6;backdrop-filter:blur(12px);color:#f6f9ed}.flight-energy>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:16px}.flight-energy>div>span{font-size:8px;letter-spacing:1px}.flight-energy b{font-variant-numeric:tabular-nums}.flight-energy progress{width:100%;height:5px;margin:7px 0 5px;display:block;border:0;border-radius:5px;overflow:hidden;background:#ffffff25;accent-color:#b9dea3}.flight-energy progress::-webkit-progress-bar{background:#ffffff25}.flight-energy progress::-webkit-progress-value{background:#b9dea3}.flight-energy small{font-size:8px;color:#c9dcce;display:block}.lift-alert{position:absolute;top:203px;right:24px;max-width:215px;pointer-events:none;background:#fff0d9e8;color:#835019;padding:10px 13px;border:1px solid #e7ba7f;border-radius:7px;backdrop-filter:blur(8px);box-shadow:0 3px 16px #44301a12}.lift-alert b{display:block;font-size:12px}.lift-alert span{display:block;font-size:9px;line-height:1.5;margin-top:4px}.low-lift .flight-energy{border-color:#eac384;background:#664e2ae8}.low-lift .flight-energy progress::-webkit-progress-value{background:#f4c775}.low-lift #boost-fill{background:#d7a44c}.is-sinking .flight-energy{background:#743f35ee;border-color:#f4aa89}.is-sinking .lift-alert{background:#fff0e6f0;color:#9b4329;border-color:#dd9175}.is-sinking #boost-label{color:#bd6042}.flight-ribbon{align-items:flex-end}.lift-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.flight-supplies .supply-button{flex-wrap:wrap}@media(max-width:760px){.flight-energy{width:115px;padding:8px 9px}.flight-energy>div{font-size:9px}.flight-energy small{font-size:7px}.lift-alert{top:224px;right:16px;max-width:156px;padding:8px 10px}.lift-alert b{font-size:11px}.lift-alert span{font-size:8px}.flight-energy progress{margin:6px 0 4px}.flight-ribbon>button{max-width:calc(100% - 125px)}}
.steering-guide{position:absolute;top:244px;left:24px;width:154px;padding:9px 12px;border:1px solid #f3f5d977;border-radius:7px;background:#23443cde;color:#f8f7e5;text-align:center;pointer-events:none;backdrop-filter:blur(8px)}.steering-guide b{display:block;font-size:8px;letter-spacing:1px}.steering-guide small{display:block;font-size:8px;color:#d4e1d3;margin-top:7px}.steering-track{position:relative;height:3px;background:#bed8bb55;margin:12px 0 0;border-radius:3px}.steering-track:before{content:'';position:absolute;left:50%;top:-4px;width:1px;height:11px;background:#d9e9c58a}.steering-track i{position:absolute;left:50%;top:-3px;width:9px;height:9px;background:#f3d083;border-radius:50%;transform:translateX(-50%)}.off-course .turn-cue,body[data-world="2"].off-course .turn-cue{background:#a14f30ed;color:#fff2d9;border-color:#f2b093}.off-course .steering-guide{border-color:#efac80}.off-course #boost-fill{background:#d78552}@media(max-width:760px){.steering-guide{top:265px;left:16px;width:138px;padding:8px 10px}}
.plane-types .design-button{padding:9px 5px}.plane-types canvas{display:block;width:70px;max-width:100%;height:42px;margin:0 auto 5px;pointer-events:none}

/* Health stays next to lift so both needs are visible during flight. */
.flight-energy .health-readout{padding:6px 0;margin:4px 0 7px;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;gap:10px;transition:color .2s}.health-readout>span{color:#b8e9c7}.health-readout b{font-size:12px}.integrity-row{margin-bottom:7px;padding-bottom:9px;gap:9px}.integrity-row #integrity{font-size:16px;letter-spacing:1px;white-space:nowrap;color:#698a66}.health-hint{margin:0 0 18px;font-size:9px;line-height:1.5;color:#687f70}.low-health #integrity,.low-health #health-hint{color:#ad563f}.low-health .health-readout,.low-health .health-readout>span{color:#ffc8ad}.is-repairing #integrity,.is-repairing #health-hint{color:#168257}.is-repairing .health-readout{color:#a4ffd3;background:#2c7c5b;border-radius:4px}.pickup-key{margin-top:17px;padding:11px 12px;border-radius:7px;border:1px solid #d6dfce;background:#eef2e5}.pickup-key>div{display:flex;align-items:center;gap:12px;margin-bottom:8px}.pickup-key p{margin:0;font-size:9px;line-height:1.6;color:#6a7d6c}.pickup-key p b{display:block;color:#405e4c;font-size:10px}.pickup-key>small{display:block;border-top:1px solid #d6dfce;padding-top:8px;font-size:8px;line-height:1.6;color:#806849}.pickup-gold{color:#a57620;font-size:27px;font-style:normal}.pickup-repair{position:relative;color:#21845e;font-size:29px;line-height:1;font-style:normal}.pickup-repair i,.pickup-repair em{position:absolute;inset:0;display:grid;place-items:center;color:white;font:bold 14px Arial;font-style:normal}.field-key{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;font-size:10px;color:#486654}.field-key>span{display:flex;align-items:center;gap:6px}.field-key i{font-size:24px}.hazard-key{border:1px solid #d19457;background:#f2dbb5;color:#86552a;border-radius:50%;width:24px;height:24px;text-align:center;font-style:normal}.condition-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0;padding:10px 4px;background:#ececdd;border:1px solid #d9ddcc;border-radius:7px}.condition-guide figure{margin:0;text-align:center;min-width:0}.condition-guide canvas{display:block;width:100%;height:auto}.condition-guide figcaption{font-size:9px;color:#64775e;padding:4px 2px 7px;line-height:1.4}#help-dialog{max-width:600px;max-height:90dvh;overflow:auto}#help-dialog h2{margin-top:15px}.zone-toast{max-width:calc(100% - 36px);width:max-content;white-space:normal;font-size:17px;line-height:1.35}.mode-flight .health-hint{margin-top:7px}@media(max-width:760px){.health-readout b{font-size:10px}.field-key{font-size:9px}#help-dialog{padding:30px 20px}.condition-guide figcaption{font-size:8px}.mode-flight .integrity-row{margin-bottom:7px}}

@media(max-width:760px){.flight-energy .health-readout{margin:2px 0 0;padding:3px 0 0;border-bottom:0}.flight-energy #weather-label{display:none}}

/* A short, ceremonial pause makes every new world feel earned. */
.level-transition{position:absolute;inset:0;z-index:25;display:grid;place-items:center;padding:20px;overflow:hidden;background:radial-gradient(circle at 50% 46%,#f8f0d8e8 0,#e5d5afc7 32%,#163c37d9 100%);opacity:0;pointer-events:none;backdrop-filter:blur(0);transition:opacity .24s ease,backdrop-filter .3s ease}.level-transition:before,.level-transition:after{content:'✦';position:absolute;color:#fff5ce8c;font-size:34px;animation:level-spark 1.25s ease-in-out infinite alternate}.level-transition:before{left:12%;top:25%}.level-transition:after{right:13%;bottom:22%;animation-delay:.25s}.level-transition.visible{opacity:1;pointer-events:auto;backdrop-filter:blur(7px)}.level-transition.leaving{opacity:0}.level-transition-card{position:relative;width:min(430px,calc(100% - 24px));padding:29px 32px 26px;border:1px solid #fff8dfcc;border-radius:18px;background:linear-gradient(145deg,#fffdf3f7,#efe3c9f2);box-shadow:0 25px 70px #102f2d6e,0 1px 0 #fff inset;color:#24483d;text-align:center;opacity:0;transform:translateY(18px) scale(.94)}.level-transition.visible .level-transition-card{animation:level-card-in .46s cubic-bezier(.2,.9,.25,1.18) forwards}.level-complete-kicker{display:block;color:#97703d;font-size:9px;font-weight:700;letter-spacing:2.4px}.level-complete-seal{display:grid;place-items:center;width:54px;height:54px;margin:15px auto 11px;border:1px solid #bc8a45;border-radius:50%;background:linear-gradient(145deg,#f3d18c,#bd8035);box-shadow:0 8px 20px #9d6d323c;color:#fff8df;font-size:25px}.level-transition.visible .level-complete-seal{animation:level-seal-in .58s .12s cubic-bezier(.18,.9,.25,1.35) both}.level-transition-card h2{margin:0;color:#214a3d;font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,4vw,38px);font-weight:500;line-height:1.05;letter-spacing:-.8px}.level-complete-reward{display:inline-block;margin:14px 0 18px;padding:7px 12px;border:1px solid #8cab8875;border-radius:99px;background:#dfeadb;color:#486c55;font-size:10px;font-weight:600;letter-spacing:.4px}.level-next{display:flex;align-items:center;justify-content:center;gap:9px;padding-top:15px;border-top:1px solid #bcae8c66}.level-next span{color:#9d8259;font-size:7px;font-weight:700;letter-spacing:1.6px}.level-next strong{font-size:10px;letter-spacing:.7px}.level-transition-meter{display:block;height:3px;margin-top:18px;overflow:hidden;border-radius:3px;background:#375f5140}.level-transition-meter:after{content:'';display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c28b42,#436f58);transform:scaleX(0);transform-origin:left}.level-transition.visible .level-transition-meter:after{animation:level-countdown 1.8s linear forwards}.flight-stage.world-reveal canvas{animation:world-reveal .55s ease}
@keyframes level-card-in{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes level-seal-in{0%{opacity:0;transform:rotate(-18deg) scale(.35)}100%{opacity:1;transform:rotate(0) scale(1)}}@keyframes level-spark{from{opacity:.28;transform:translateY(5px) rotate(-8deg) scale(.8)}to{opacity:.85;transform:translateY(-5px) rotate(8deg) scale(1.08)}}@keyframes level-countdown{to{transform:scaleX(1)}}@keyframes world-reveal{0%{filter:brightness(1.35) saturate(.75);opacity:.5}100%{filter:none;opacity:1}}
@media(max-width:760px){.level-transition{padding:12px}.level-transition-card{padding:24px 18px 21px}.level-transition-card h2{font-size:28px}.level-complete-seal{width:48px;height:48px;margin:12px auto 10px}.level-next{align-items:flex-start;flex-direction:column;gap:5px}.level-next strong{align-self:stretch}}
@media(max-height:620px){.level-transition-card{padding:17px 24px 16px}.level-complete-seal{width:40px;height:40px;margin:8px auto;font-size:19px}.level-transition-card h2{font-size:26px}.level-complete-reward{margin:9px 0 11px}.level-next{padding-top:10px}.level-transition-meter{margin-top:11px}}
@media(prefers-reduced-motion:reduce){.level-transition:before,.level-transition:after,.level-transition.visible .level-transition-card,.level-transition.visible .level-complete-seal,.level-transition.visible .level-transition-meter:after,.flight-stage.world-reveal canvas{animation:none}.level-transition.visible .level-transition-card{opacity:1;transform:none}.level-transition.visible .level-complete-seal{opacity:1}}