:root{--night:#101923;--night2:#182637;--amber:#f18a47;--rose:#db4f7a;--radar:#3abbb5;--ivory:#e9d9b5;--muted:#aab8bb;--haze:rgba(14,19,30,.76);font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:var(--ivory);color-scheme:dark}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#171f2c}body{user-select:none;-webkit-user-select:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--radar);outline-offset:3px}
#app{position:relative;isolation:isolate;touch-action:none}#world{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block;touch-action:none}
.sky{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#14263f 0%,#304257 30%,#9d5b61 54%,#ef875f 68%,#e5ac75 73%,#5b665c 100%)}.sun{position:absolute;left:65%;top:25%;width:min(17vw,200px);aspect-ratio:1;border-radius:100%;background:radial-gradient(circle,#fff9ce 0%,#f7c27f 43%,#ec805c 71%,transparent 73%);box-shadow:0 0 40px 16px #e8976880,0 0 180px 70px #eb927d55}.cloud{position:absolute;width:80vw;height:14vh;background:radial-gradient(ellipse,rgba(48,41,64,.39),transparent 71%);filter:blur(30px)}.cloud-a{left:-20%;top:32%;transform:rotate(-12deg)}.cloud-b{right:-20%;top:48%;transform:rotate(8deg)}.horizon{position:absolute;bottom:18%;width:100%;height:21%;background:linear-gradient(180deg,transparent,#ed8b6955)}
.atmosphere{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 56% 45%,transparent 30%,rgba(5,12,23,.44) 100%),linear-gradient(0deg,rgba(6,13,21,.42),transparent 26%)}.film-grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:screen}
.screen{position:absolute;inset:0;z-index:5;display:flex}.hidden{display:none!important}.eyebrow{font-family:'Rajdhani',sans-serif;font-weight:700;letter-spacing:.26em;font-size:11px;color:var(--muted)}.eyebrow.amber{color:var(--amber)}h1,h2,p{margin:0}h2{font-size:clamp(34px,5.1vw,72px);line-height:.92;font-weight:900;letter-spacing:-.02em;text-transform:uppercase}h2 em{font-style:normal;color:var(--amber)}.button{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:13px 18px;text-align:left;border:1px solid transparent;font-size:clamp(14px,1.6vw,19px);font-weight:900;letter-spacing:.09em;transition:background .2s,transform .2s;min-height:48px}.button b{font-size:25px;font-weight:500}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button.primary{background:var(--amber);color:#142131;box-shadow:0 3px 0 #b45439}.button.primary:hover{background:#ffad6f}.button.outline{background:#0d1722a6;border-color:#e9d9b569;color:var(--ivory)}.button.outline:hover{background:#e9d9b523}.button.wide{width:100%}
/* intro */
.loading-screen{flex-direction:column;justify-content:center;align-items:center;background:#101923e5;gap:12px;z-index:20}.loading-mark{font-family:'Anton',Impact,sans-serif;color:var(--amber);font-size:50px;letter-spacing:-.12em}.loading-mark span{color:var(--ivory)}.loading-screen h1{font:clamp(46px,9vw,110px)/1 'Anton',Impact,sans-serif;letter-spacing:-.035em}.loading-screen h1 i{font-style:normal;color:var(--amber)}.loading-track{width:min(420px,60vw);height:3px;background:#f18a4738;margin-top:28px}.loading-track>div{height:100%;width:3%;background:var(--amber);transition:width .35s}#loading-message{font-family:Rajdhani,monospace;font-size:12px;font-weight:700;letter-spacing:.28em;color:#e9d9b58a}
/* menu */
.menu-screen{flex-direction:column;justify-content:center;align-items:flex-start;padding:5.2vw 7vw;background:linear-gradient(90deg,#0a1426ed 0%,#101923bf 29%,#10192312 69%,transparent 100%)}.menu-overline{color:#eed9bd99;letter-spacing:.27em;font-size:clamp(10px,1.1vw,14px);font-family:Rajdhani,sans-serif;font-weight:800;margin-bottom:1.4vw}.dot-sep{color:var(--amber);padding:0 8px}.hero-title{font:clamp(86px,13vw,210px)/.77 'Anton',Impact,sans-serif;letter-spacing:-.045em;text-shadow:0 5px 34px #050d17a3}.hero-title span{display:block}.hero-title .cartel{color:var(--ivory)}.hero-title .air{color:var(--amber);font-style:italic;letter-spacing:-.095em}.hero-title .sup{font-family:Arial,sans-serif;font-style:normal;font-size:16px;vertical-align:top;margin-left:21px}.hero-slash{width:clamp(175px,31vw,520px);height:3px;background:linear-gradient(90deg,var(--rose),var(--amber),transparent);margin:28px 0 17px}.menu-subtitle{font-family:Rajdhani,sans-serif;font-size:clamp(15px,2.3vw,32px);font-weight:700;letter-spacing:.19em;color:var(--ivory)}.menu-prompt{font-size:clamp(11px,1.2vw,17px);font-weight:600;letter-spacing:.1em;margin-top:15px;color:#d5d8ceaa}.menu-prompt span{color:var(--amber);padding:0 7px}.menu-actions{display:flex;flex-direction:column;gap:11px;min-width:min(430px,45vw);margin-top:31px}.menu-bottom{position:absolute;bottom:20px;left:7vw;right:7vw;display:flex;justify-content:space-between;gap:20px;color:#e9d9b58c;font:700 10px Rajdhani,sans-serif;letter-spacing:.19em}
/* hangar */
.hangar-screen{align-items:center;justify-content:flex-end;background:linear-gradient(90deg,transparent 18%,#06101b26 45%,#08131fe8 100%)}.hangar-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:19px 4vw;background:linear-gradient(#060f1bc4,transparent)}.brand-small{font:26px Anton,Impact,sans-serif;letter-spacing:-.025em}.brand-small em{font-style:normal;color:var(--amber)}.hangar-loc{font:700 12px Rajdhani,sans-serif;letter-spacing:.15em;color:#e8d9b5af}.icon-btn{background:#182637be;border:1px solid #e9d9b56b;color:var(--ivory);width:38px;height:38px;font-weight:900;font-size:15px}.hangar-sheet{margin:63px 4vw 25px 0;width:min(425px,42vw);max-height:calc(100% - 80px);overflow:auto;background:linear-gradient(130deg,#0d1827f4,#15202cf2);padding:clamp(17px,2vw,29px);border:1px solid #e9d9b532;box-shadow:0 10px 80px #05091199;scrollbar-width:thin}.hangar-sheet h2{margin:10px 0 13px}.hangar-story{font-size:clamp(13px,1.15vw,16px);line-height:1.35;color:#d6d5cca8;max-width:380px}.cargo-title{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #e9d9b52d;padding-top:15px;margin-top:15px;font:800 12px Rajdhani,sans-serif;letter-spacing:.16em}.cargo-title strong{font:34px Anton,Impact,sans-serif;color:var(--amber)}.cargo-title small{font-size:15px;color:#e9d9b577}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(90deg,var(--amber),var(--rose));border-radius:0;outline:none;cursor:pointer;touch-action:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border:4px solid var(--ivory);background:var(--night);box-shadow:0 0 0 2px var(--amber);border-radius:50%}.slider-labels{display:flex;justify-content:space-between;font:700 10px Rajdhani,sans-serif;color:#e9d9b588;letter-spacing:.08em;margin:10px 0 14px}.load-meter{display:flex;gap:9px;align-items:center;font:800 11px Rajdhani,sans-serif;letter-spacing:.07em}.load-meter span{white-space:nowrap}.load-meter strong{color:var(--amber);min-width:67px;text-align:right}.meter-rail{height:6px;flex:1;background:#e9d9b52c}.meter-rail span{display:block;height:100%;width:50%;background:var(--radar);transition:width .2s,background .2s}.cargo-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.cargo-stats>div{border:1px solid #e9d9b52b;padding:9px 12px}.cargo-stats span{display:block;font:700 10px Rajdhani,sans-serif;letter-spacing:.13em;color:#e9d9b57c}.cargo-stats strong{display:block;font-size:23px;color:var(--ivory)}.upgrade-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;font:700 10px Rajdhani,sans-serif;letter-spacing:.09em;color:#e9d9b588}.upgrade-line b{color:var(--ivory)}.hangar-tip{text-align:center;font:700 9px Rajdhani,sans-serif;letter-spacing:.08em;margin-top:12px;color:#e9d9b571}.hangar-aircraft-id{position:absolute;left:6vw;bottom:7vh;text-shadow:0 2px 12px #101923;background:#0e182055;padding:16px;border-left:3px solid var(--amber);display:flex;flex-direction:column;gap:3px}.hangar-aircraft-id span{font:700 11px Rajdhani,sans-serif;letter-spacing:.12em;color:var(--amber)}.hangar-aircraft-id strong{font:35px Anton,Impact,sans-serif}.hangar-aircraft-id small{font-size:12px;letter-spacing:.12em;color:#e9d9b5bb}
/* gameplay HUD */
.game-hud{position:absolute;inset:0;z-index:5;pointer-events:none}.game-hud button,.game-hud input,.joystick-zone{pointer-events:auto}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:19px max(25px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));gap:20px;background:linear-gradient(#08121ebc,transparent)}.mission-panel{display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--amber);padding-left:14px;text-shadow:0 2px 10px #060d1b}.mission-panel span{font:800 13px Rajdhani,sans-serif;letter-spacing:.15em;color:var(--amber)}.mission-panel strong{font-size:clamp(14px,2vw,25px);font-weight:900;letter-spacing:.06em}.hud-right{display:flex;gap:20px;align-items:center}.hud-cargo,.hud-money{display:flex;flex-direction:column;align-items:flex-end;gap:0}.hud-cargo span,.hud-money span{font:700 11px Rajdhani,sans-serif;letter-spacing:.14em;color:#e9d9b5a3}.hud-cargo b,.hud-money b{font:31px Anton,Impact,sans-serif}.hud-money b{color:var(--amber)}.circle-action{background:#0614239e;border:1px solid #e9d9b55c;color:var(--ivory);border-radius:50%;width:42px;height:42px;font:900 16px Arial,sans-serif}.reticle{position:absolute;left:50%;top:48%;width:42px;height:42px;transform:translate(-50%,-50%);opacity:.78;filter:drop-shadow(0 2px 5px #0b1825);transition:opacity .3s}.reticle-core{position:absolute;top:17px;left:17px;width:8px;height:8px;border:1px solid var(--radar);border-radius:50%}.reticle-wing{position:absolute;top:21px;width:19px;height:1px;background:var(--radar)}.reticle-wing.left{left:-14px}.reticle-wing.right{right:-14px}.reticle-tick{position:absolute;left:20px;width:1px;height:14px;background:var(--radar)}.reticle-tick.top{top:-13px}.reticle-tick.bottom{bottom:-13px}.flight-line{position:absolute;left:50%;top:57%;transform:translateX(-50%);color:#fff0b0;font:800 13px Rajdhani,sans-serif;letter-spacing:.13em;text-shadow:0 2px 5px #050b14}.hud-message{position:absolute;top:21%;left:50%;transform:translateX(-50%);text-align:center;letter-spacing:.2em;font:900 clamp(15px,2.8vw,29px) Barlow Condensed,sans-serif;color:var(--amber);text-shadow:0 3px 14px #080d16;white-space:nowrap;opacity:0;transition:opacity .35s}.hud-message.show{opacity:1}.hud-bottom{position:absolute;left:0;right:0;bottom:23px;display:flex;justify-content:space-between;align-items:end;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));gap:14px;background:linear-gradient(transparent,#07111a75)}.joystick-zone{width:160px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:end;touch-action:none}.joystick-ring{position:relative;width:103px;height:103px;border-radius:50%;border:2px solid #e9d9b56a;box-shadow:0 0 0 7px #081b2977,inset 0 0 30px #091c2d8a;background:#0c1a2b65;display:grid;place-items:center}.joystick-cross{color:#e9d9b54a;font-size:24px}.joystick-knob{position:absolute;left:31px;top:31px;width:38px;height:38px;border:2px solid var(--ivory);border-radius:50%;background:#3abbb581;box-shadow:0 0 14px #3abbb551;transition:transform .05s}.control-caption{font:800 9px Rajdhani,sans-serif;letter-spacing:.15em;text-align:center;margin-top:7px;color:#e9d9b5a8}.instruments{display:flex;gap:17px;align-items:end;padding-bottom:23px}.instrument{display:flex;flex-direction:column;min-width:50px;align-items:center}.instrument span,.throttle-control span{color:#e9d9b5a0;font:800 11px Rajdhani,sans-serif;letter-spacing:.16em}.instrument strong{font:clamp(19px,3vw,35px) Anton,Impact,sans-serif;color:var(--ivory)}.instrument small{color:var(--amber);font:800 9px Rajdhani,sans-serif}.instrument.health{min-width:76px}.health-meter{width:70px;height:5px;margin:7px;background:#e9d9b53e}.health-meter div{width:100%;height:100%;background:var(--radar)}.health strong{font-size:18px}.throttle-control{width:110px;display:flex;flex-direction:column;gap:9px;padding-bottom:10px}.throttle-control>span{display:flex;justify-content:space-between;gap:3px}.throttle-control b{color:var(--amber)}.throttle-control input{height:5px}.throttle-control input::-webkit-slider-thumb{width:19px;height:19px}.action-area{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;min-width:158px;gap:6px}.drop-action{width:96px;height:96px;border-radius:50%;border:3px solid #eddec2;background:radial-gradient(circle at 40% 25%,#f9b47c,#dc633e 75%);box-shadow:0 0 0 7px #081726a8,0 0 25px #f18a4763;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0b1c27;line-height:.95}.drop-action:active{transform:scale(.94)}.drop-action:disabled{filter:grayscale(.9)}.drop-icon{font-size:25px;line-height:.9}.drop-action strong{font:23px Anton,Impact,sans-serif}.drop-action small{font:700 10px Rajdhani,sans-serif}.special-action{padding:5px 20px;font:800 12px Rajdhani,sans-serif;letter-spacing:.14em;background:#122a3cc9;border:1px solid #3abbb588;color:#b8fff5}.hud-footer{position:absolute;bottom:3px;left:24px;right:24px;display:flex;justify-content:space-between;font:700 9px Rajdhani,sans-serif;letter-spacing:.18em;color:#ffffff84}.radio-dialogue{position:absolute;top:17%;left:4%;display:flex;gap:12px;align-items:center;background:#091827d9;max-width:min(490px,65%);border:1px solid #e9d9b55e;border-left:3px solid var(--radar);padding:9px 14px;box-shadow:0 9px 32px #0c15269a}.radio-portrait{height:44px;width:44px;flex-shrink:0;border:1px solid var(--radar);color:var(--radar);font:28px Anton,Impact,sans-serif;display:grid;place-items:center;background:#2f5c5d53}.radio-lines{display:flex;flex-direction:column;gap:3px}.radio-lines span{font:800 10px Rajdhani,sans-serif;letter-spacing:.11em;color:var(--radar)}.radio-lines strong{font-size:clamp(14px,1.5vw,21px);line-height:1.1}.radio-wave{color:var(--radar);font-size:16px}
/* results and modal */
.modal-screen,.results-screen{align-items:center;justify-content:center;background:#08121dde;backdrop-filter:blur(9px)}.modal-sheet,.result-sheet{position:relative;width:min(610px,88vw);max-height:92%;overflow-y:auto;padding:clamp(20px,3vw,40px);background:linear-gradient(125deg,#172739f5,#101923f6);border:1px solid #e9d9b54d;box-shadow:0 25px 120px #060b15d9}.modal-sheet h2{margin:10px 0 27px}.modal-sheet>.button{margin-top:12px}.settings-row{display:flex;gap:18px;justify-content:space-between;margin-top:17px;color:#e9d9b5c6;font-size:13px;letter-spacing:.04em}.settings-row input{accent-color:var(--amber)}.settings-row select{background:#101923;border:1px solid #e9d9b565;padding:4px;color:var(--ivory)}.result-sheet{width:min(530px,87vw);max-height:94%;padding:clamp(15px,2.2vw,25px)}.result-sheet h2{margin:8px 0 0}.result-sheet>p{color:#e9d9b5bb;margin:5px 0 12px;font-size:14px}.medal{position:absolute;right:30px;top:26px;width:83px;height:83px;background:linear-gradient(140deg,#ffeba7,#ce8651);border:5px double #f9d893;color:#744222;border-radius:50%;display:grid;place-items:center;font:50px Arial,sans-serif;text-shadow:0 1px #fff3}.medal.silver{background:linear-gradient(140deg,#d6e5e6,#839fae);color:#334854}.medal.bronze{background:linear-gradient(140deg,#d49a71,#875338);color:#60391d}.result-rows{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.result-rows>div{padding:9px 13px;background:#0917249c;border:1px solid #e9d9b532}.result-rows span{font:700 10px Rajdhani,sans-serif;letter-spacing:.12em;color:#e9d9b58b;display:block}.result-rows b{font:26px Anton,Impact,sans-serif}.upgrade-heading{display:flex;justify-content:space-between;gap:4px;font:800 12px Rajdhani,sans-serif;letter-spacing:.07em;border-bottom:1px solid #e9d9b546;padding:8px 0}.upgrade-heading span{color:#dcbf93}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.upgrade-btn{background:#192a37;border:1px solid #e9d9b556;color:var(--ivory);padding:10px 7px;display:flex;gap:5px;flex-direction:column;min-height:58px;text-align:left}.upgrade-btn strong{font:800 10px Rajdhani,sans-serif;letter-spacing:.06em}.upgrade-btn span{font:17px Anton,Impact,sans-serif;color:var(--amber)}.result-sheet>.button{margin-top:9px;min-height:40px;padding:9px 14px}.how-sheet p{font-size:16px;line-height:1.35;color:#e9d9b5cc;margin:10px 0}.how-sheet .small-note{font-size:12px;opacity:.8}.modal-close{position:absolute;right:18px;top:18px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.help-grid>div{display:flex;justify-content:space-between;background:#091724ac;padding:9px;align-items:center}.help-grid b{color:var(--amber)}.help-grid span{color:#e9d9b5bd;font:700 11px Rajdhani,sans-serif}
#orientation-warning{display:none;position:absolute;inset:0;z-index:50;background:#101923;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}#orientation-warning .rotate-phone{color:var(--amber);font-size:80px}#orientation-warning h2{font-size:30px;margin-top:10px}#orientation-warning p{font-size:17px;opacity:.75;margin-top:10px}#toast{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);z-index:12;background:#101923e8;border:1px solid var(--amber);padding:10px 20px;opacity:0;pointer-events:none;font:800 14px Rajdhani,sans-serif;letter-spacing:.1em;transition:opacity .2s;white-space:nowrap}#toast.show{opacity:1}
@media(orientation:portrait) and (max-width:850px){#orientation-warning{display:flex}}
@media(max-height:620px){.hangar-sheet{margin:52px 4vw 12px 0;padding:12px 19px;max-height:calc(100% - 62px)}.hangar-sheet h2{font-size:37px;margin:4px 0}.hangar-story{font-size:12px}.cargo-title{margin-top:7px;padding-top:7px}.cargo-title strong{font-size:26px}.cargo-stats{margin:7px 0}.cargo-stats>div{padding:6px}.cargo-stats strong{font-size:17px}.load-meter{margin:0}.slider-labels{margin:6px 0 8px}.hangar-tip{margin-top:5px}.hangar-aircraft-id{bottom:25px}.hud-bottom{bottom:9px}.joystick-zone{height:118px;width:135px}.joystick-ring{height:86px;width:86px}.joystick-knob{left:23px;top:23px;width:36px;height:36px}.drop-action{height:78px;width:78px}.drop-action strong{font-size:20px}.drop-icon{font-size:20px}.instruments{gap:9px;padding-bottom:10px}.hud-top{padding-top:9px}.radio-dialogue{top:13%;padding:7px}.hud-footer{display:none}.menu-screen{padding:3.5vw 7vw}.menu-overline{margin-bottom:10px}.hero-title{font-size:clamp(65px,12vw,150px)}.hero-slash{margin:10px 0}.menu-actions{margin-top:14px;gap:6px}.button{min-height:40px;padding:8px 14px}.menu-bottom{bottom:7px}.modal-sheet{padding:16px}.modal-sheet h2{font-size:41px;margin:6px 0 9px}.modal-sheet>.button{margin-top:6px}.result-sheet h2{font-size:40px}.result-rows{margin:7px 0}.result-rows b{font-size:21px}.medal{width:54px;height:54px;font-size:33px}}
@media(max-width:680px){.hud-right{gap:9px}.hud-money b,.hud-cargo b{font-size:24px}.hud-top{padding-left:14px;padding-right:14px}.mission-panel strong{font-size:15px}.instruments{gap:7px}.throttle-control{width:83px}.instrument{min-width:37px}.instrument strong{font-size:24px}.hangar-aircraft-id{left:15px;bottom:13px}.hangar-aircraft-id strong{font-size:23px}.hangar-sheet{width:48vw;padding:12px}.hangar-sheet h2{font-size:35px}.menu-subtitle{font-size:17px}.menu-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* In-engine cinematic chapter cards; never block gameplay controls. */
.cinematic-caption{position:fixed;top:14%;left:50%;transform:translateX(-50%);width:min(72vw,700px);z-index:22;text-align:center;pointer-events:none;text-shadow:0 3px 16px #07111e;animation:chapterIn .4s ease-out}.cinematic-caption.hidden{display:none}.cinematic-kicker{font-size:10px;letter-spacing:.35em;color:#3abbb5}.cinematic-title{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(24px,5vw,62px);letter-spacing:.08em;color:#e9d9b5}.cinematic-subtitle{font-size:clamp(9px,1.6vw,16px);letter-spacing:.22em;color:#f18a47}.cinematic-skip{pointer-events:auto;margin-top:12px;border:1px solid #e9d9b588;background:#101923bb;color:#e9d9b5;padding:7px 14px;font-size:10px;letter-spacing:.1em;border-radius:4px}@keyframes chapterIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}

/* ARTIFACT 006: authored cockpit and cargo inspection. Real 3D camera modes. */
.hangar-view-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:13px}
.view-btn{background:#0b1b28e8;border:1px solid #e9d9b542;color:#dbcbb0;padding:8px 3px;font:800 clamp(9px,1vw,12px) Rajdhani,Arial,sans-serif;letter-spacing:.05em;min-height:39px}
.view-btn.selected{background:#1c5555c9;color:#ecf7e8;border-color:#3abbb5;box-shadow:inset 0 -3px #3abbb5}
.camera-action{padding:9px 11px;background:#0c2636d7;border:1px solid #3abbb579;color:#bbf5ea;font:800 10px Rajdhani,Arial,sans-serif;letter-spacing:.12em;min-height:40px;white-space:nowrap}
.hangar-screen.inspecting{background:linear-gradient(90deg,#06101b21 7%,#06101b5e 49%,#08131ff2 100%)}
.hangar-screen.inspecting .hangar-aircraft-id{background:#0b1e2ed9}
@media(max-height:620px){.hangar-view-switch{margin-top:6px}.view-btn{min-height:30px;padding:4px 2px}}
@media(max-width:680px){.camera-action{padding:5px 6px;font-size:9px;min-height:32px}.hangar-view-switch{gap:2px}.view-btn{font-size:8px;padding:4px 1px}}
/* Mobile PWA chrome respects the device's safe areas. */
#app{height:100dvh;min-height:100svh}.screen{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
#update-banner{position:absolute;z-index:70;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:#101923;border:1px solid var(--amber);padding:10px;display:flex;gap:12px;align-items:center;max-width:94vw;font:14px system-ui}#update-banner button{min-height:44px;background:var(--amber);border:0;padding:8px 12px;color:#101923;font-weight:bold}
#install-guide{z-index:60}.install-open #orientation-warning{display:none!important}#orientation-warning .button{margin-top:24px}#offline-status{border-left:3px solid var(--amber);padding-left:12px}.menu-screen{padding-left:max(7vw,env(safe-area-inset-left));padding-right:max(7vw,env(safe-area-inset-right))}.hud-bottom{padding-bottom:env(safe-area-inset-bottom)}
@media(max-height:440px){.menu-overline{font-size:9px}.hero-title{font-size:clamp(54px,10vw,96px)}.menu-subtitle{font-size:15px}.menu-prompt{margin-top:6px;font-size:10px}.menu-actions{margin-top:8px;gap:5px}.menu-actions .button{min-height:34px;padding:5px 12px;font-size:12px}.menu-bottom{font-size:8px}.menu-bottom span:last-child{display:none}.hud-top{padding-top:max(5px,env(safe-area-inset-top))}}

.booting #orientation-warning,.startup-error #orientation-warning,.portrait-allowed #orientation-warning{display:none!important}.startup-error #loading{z-index:90}#startup-recovery{max-width:560px;padding:10px 20px;font:14px system-ui;text-align:center}#startup-recovery[hidden]{display:none}#startup-recovery button{margin:10px auto;min-height:44px}#loading-message{max-width:90vw;text-align:center;overflow-wrap:anywhere}#orientation-warning button{min-height:44px}