.flight-game{position:fixed;inset:0;z-index:1000;background:#092438;color:#f0f5f6;font-family:Inter,system-ui,sans-serif;overflow:hidden;isolation:isolate;--flight-gold:#dfb96f;touch-action:none}
.flight-game *{box-sizing:border-box}.flight-game [hidden]{display:none!important}
.flight-view{position:absolute;inset:0}.flight-view canvas{display:block;width:100%;height:100%}
.flight-game button{border:1px solid #77909b80;background:#092b3cee;color:#f4f8f9;border-radius:9px;min-height:44px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;touch-action:manipulation}
.flight-game button:hover,.flight-game button:focus-visible{border-color:#f2ce8b;background:#244b60}.flight-game button:focus-visible,.flight-game input:focus-visible{outline:3px solid #f2ce8b;outline-offset:2px}.flight-game button.held{background:#dfb96f;color:#0a283b;border-color:#ffdf9d}
.flight-header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(#062131f2,#092b3c4d,transparent);gap:12px}
.flight-header small{font-size:10px;letter-spacing:2px;color:var(--flight-gold);display:block}.flight-header strong{display:block;font-size:21px;margin-top:3px}.flight-header nav{display:flex;gap:7px}
.flight-hud{position:absolute;top:91px;left:24px;display:flex;gap:1px;border:1px solid #9fb9bf80;border-radius:10px;overflow:hidden;box-shadow:0 6px 30px #06213125}
.flight-hud>div{background:#082735de;padding:9px 14px;min-width:99px}.flight-hud span,.flight-hud small{display:block;color:#aac3cc;font-size:10px}.flight-hud strong{display:block;font:600 25px/1.4 ui-monospace,monospace;font-variant-numeric:tabular-nums}.flight-hud small{font-size:9px;letter-spacing:1px;text-transform:uppercase}
.flight-objective{position:absolute;top:91px;right:24px;max-width:320px;padding:13px 16px;background:#082735e8;border:1px solid #9fb9bf80;border-radius:10px}.flight-objective>span{font-size:10px;letter-spacing:1.2px;color:#e6c387}.flight-objective p{font-size:13px;line-height:1.4;margin:5px 0 0}
.flight-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;gap:22px;padding:20px 24px max(18px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#062131e8 45%,#062131);pointer-events:none}.flight-controls>*{pointer-events:auto}
.flight-pad{display:grid;grid-template-columns:repeat(3,70px);grid-template-rows:repeat(3,44px);gap:4px}.flight-pad button{padding:6px;font-size:11px}.flight-pad button[data-hold=up]{grid-column:2}.flight-pad button[data-hold=left]{grid-area:2/1}.flight-pad button[data-hold=right]{grid-area:2/3}.flight-pad button[data-hold=down]{grid-area:3/2}.flight-pad>span{grid-area:2/2;display:grid;place-items:center;font-size:9px;color:#c5d7dc;letter-spacing:1px}
.flight-throttle{display:block;width:180px;padding:13px 15px;background:#0b3042ec;border:1px solid #6b8c9980;border-radius:9px;font-size:10px;letter-spacing:1px}.flight-throttle output{float:right;color:#f2cf89}.flight-throttle input{display:block;width:100%;height:44px;margin:6px 0 0;accent-color:#dfb96f;touch-action:none}
.flight-switches{display:grid;grid-template-columns:repeat(2,minmax(95px,1fr));gap:7px}.flight-switches button{font-size:12px}.flight-keyboard{font-size:11px;line-height:1.8;color:#ccdae0;pointer-events:none;margin:0 0 5px auto;text-shadow:0 1px 5px #000}
.flight-sheet{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#02152382;backdrop-filter:blur(6px)}.flight-card{width:min(490px,100%);max-height:100%;overflow:auto;padding:30px;background:#0a293bed;border:1px solid #aa9877;border-radius:20px;box-shadow:0 20px 100px #0006;touch-action:pan-y}.flight-eyebrow{color:#dfb96f;font-size:10px;letter-spacing:2px;margin:0 0 10px}.flight-card h2{font-size:32px;margin:0 0 14px;line-height:1.15}.flight-card p{line-height:1.55;font-size:14px;color:#c1d3dc}.flight-card .flight-eyebrow{font-size:10px;color:#dfb96f}.flight-mode{display:flex;gap:8px;margin:20px 0 15px}.flight-mode button{flex:1}.flight-mode button[aria-pressed=true]{border-color:#dfb96f;background:#705a35}.flight-card .flight-instructions{font-size:12px;color:#aac3cc}.flight-card button[data-command=start],.flight-card button[data-command=resume]{width:100%;background:#dfb96f;color:#0a283b;margin-top:10px}.flight-card button[data-command=restart]{width:100%;margin-top:8px}
@media(max-width:1000px){.flight-keyboard{display:none}.flight-controls{justify-content:space-between;gap:14px}.flight-objective{max-width:260px}.flight-hud>div{min-width:84px;padding:9px 10px}}
@media(max-width:600px){
.flight-header{padding:max(10px,env(safe-area-inset-top)) 10px 12px;align-items:flex-start}.flight-header strong{font-size:15px}.flight-header small{font-size:8px;letter-spacing:1px;max-width:115px}.flight-header nav{gap:4px}.flight-header button{padding:8px;font-size:10px;min-width:44px;max-width:70px}
.flight-hud{top:80px;left:10px;right:10px;display:grid;grid-template-columns:repeat(4,1fr)}.flight-hud>div{min-width:0;padding:7px}.flight-hud strong{font-size:19px}.flight-hud span{font-size:8px}.flight-hud small{font-size:7px}.flight-objective{top:162px;left:10px;right:10px;max-width:none;padding:8px 10px}.flight-objective p{font-size:11px}.flight-objective>span{font-size:9px}
.flight-controls{padding:10px 10px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:174px minmax(0,1fr);gap:8px;background:linear-gradient(transparent,#062131ef 15%,#062131)}.flight-pad{grid-template-columns:repeat(3,55px);gap:4px;grid-row:1/3}.flight-pad button{font-size:10px;padding:4px}.flight-throttle{width:100%;padding:8px 10px;font-size:9px}.flight-throttle input{margin:0;height:38px}.flight-switches{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.flight-switches button{font-size:9px;padding:6px 3px}
.flight-card{padding:24px 20px}.flight-card h2{font-size:27px}.flight-card p{font-size:13px}.flight-sheet{padding:14px}.flight-view{bottom:120px}
}
@media(max-height:520px) and (orientation:landscape){
.flight-header{padding:7px 12px;align-items:center}.flight-header small{font-size:8px}.flight-header strong{font-size:15px}.flight-header button{min-height:44px;padding:7px 10px;font-size:11px}
.flight-hud{top:66px;left:12px}.flight-hud>div{padding:5px 9px;min-width:76px}.flight-hud strong{font-size:18px}.flight-hud span,.flight-hud small{font-size:8px}.flight-objective{top:66px;right:12px;max-width:270px;padding:8px 10px}.flight-objective p{font-size:11px}
.flight-controls{padding:5px 12px max(5px,env(safe-area-inset-bottom));gap:10px;background:linear-gradient(transparent,#062131dd);align-items:flex-end}.flight-pad{grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,44px);gap:2px}.flight-pad button{font-size:10px;padding:4px}.flight-throttle{width:170px;padding:7px 10px}.flight-throttle input{height:36px;margin:0}.flight-switches{gap:4px}.flight-switches button{font-size:10px;padding:6px 9px}.flight-keyboard{display:none}
.flight-sheet{padding:10px}.flight-card{width:min(630px,95%);padding:17px 24px}.flight-card h2{font-size:24px;margin-bottom:7px}.flight-card p{font-size:12px;margin:7px 0}.flight-mode{margin:9px 0}.flight-card .flight-eyebrow{margin:0 0 5px}.flight-card button[data-command=start]{margin-top:4px}
}
@media(max-width:920px){.world.is-3d>.mobile-controls{grid-template-columns:repeat(2,46px)}.world.is-3d>.mobile-controls button{width:46px;height:46px;min-width:46px;min-height:46px}.world.is-3d>.nearby-actions{max-width:calc(100% - 123px);flex-wrap:wrap}.world.is-3d>.nearby-actions button{white-space:normal;min-height:44px;padding:9px 11px;font-size:12px}.camera-tools button{min-height:44px;min-width:38px}}
.flight-header{z-index:3}.flight-sheet{z-index:2}

@media(max-height:520px) and (orientation:landscape){
 .flight-view{bottom:0}.flight-controls{display:flex}.flight-pad{grid-row:auto;grid-template-columns:repeat(3,48px)}.flight-throttle{width:150px;flex:0 1 150px}.flight-switches{grid-template-columns:repeat(2,minmax(68px,1fr))}
 .flight-hud{right:auto;display:flex}.flight-hud>div{min-width:67px}.flight-objective{left:auto;right:12px;max-width:calc(100vw - 332px);width:240px}
 .flight-header small{max-width:none}.flight-header nav button{max-width:none}
}
@media(max-width:360px){.topbar{padding:8px}.topbar .brand{font-size:12px}.topbar .button{padding:9px;font-size:12px}}