.lobby{background:linear-gradient(90deg,#092e2bea,#092e2b88);backdrop-filter:blur(3px)}.lobby .lobby-sheet{width:min(1000px,94vw);max-height:92vh;overflow:auto;display:grid;grid-template-columns:1.1fr 1fr;background:#153c35f5;padding:0;border-radius:16px}.lobby-story{padding:46px;background:radial-gradient(ellipse at bottom left,#4c775b66,transparent 70%);border-right:1px solid #ffffff15}.lobby-callout{font-size:9px;letter-spacing:2px;color:#ffbd7b;margin-top:52px;display:flex;gap:9px;align-items:center}.signal-dot{width:6px;height:6px;background:#ffbd7b;border-radius:50%;box-shadow:0 0 0 5px #ffbd7b15}.lobby .lobby-story h2{font-size:89px;line-height:.92;letter-spacing:-1px;margin:23px 0}.lobby h2 span{color:#ffb56c}.lobby-story>p{font-size:14px}.lobby-metrics{display:flex;gap:25px;margin-top:45px;border-top:1px solid #ffffff20;padding-top:23px}.lobby-metrics b{display:block;font:600 30px 'Barlow Condensed'}.lobby-metrics span{font-size:7px;letter-spacing:1px;color:#a6c3b5}.lobby-form{padding:46px 38px;align-self:center}.lobby-form h3{font:600 30px 'Barlow Condensed';margin:15px 0}.lobby-form label{font-size:11px;display:block;margin:22px 0 9px}.lobby-form input{font:500 15px 'DM Sans';color:#ecf3eb;background:#0d2d27;border:1px solid #c5dfc536;border-radius:6px;padding:15px;width:100%;outline:none}.lobby-form input:focus{border-color:#ffb56c;box-shadow:0 0 0 3px #ffb56c18}.lobby-form input::placeholder{color:#7d9c8e}.session-choice{display:flex;gap:4px;padding:4px;border-radius:7px;background:#0c2e28;margin-top:18px}.session-choice button{flex:1;background:none;border-color:transparent;color:#9ab9aa}.session-choice button.selected{background:#38594a;color:#f2f6e9;border-color:#c9dec129}#session-code{text-transform:uppercase;letter-spacing:4px}#lobby-error{color:#ffb5a3;min-height:18px;margin:12px 0 0}.lobby-note{border-top:1px solid #ffffff18;margin-top:23px;padding-top:20px;display:grid;gap:9px;font-size:10px;color:#99b6a9}.lobby #start{font-size:13px;padding:17px}.lobby #load{font-size:8px;letter-spacing:.2px}
#session-bar{position:absolute;top:90px;left:32px;z-index:2;display:flex;align-items:center;gap:18px;border:1px solid #ffffff25;background:#10352eea;padding:10px 15px;border-radius:7px}#session-bar small{display:block;font-size:7px;letter-spacing:1px}#copy-code{padding:4px 0 0;background:transparent;border:none}#copy-code b{letter-spacing:3px;font:600 19px 'Barlow Condensed';color:#ffbd7b}#copy-code span{font-size:8px;color:#a4c4b5;margin-left:6px}.crew-total b{display:block;font-size:13px;margin-bottom:6px}#net-status{font-size:9px;color:#b8dfad}#session-bar>button{padding:8px 11px;font-size:10px}#crew-panel{position:absolute;top:166px;left:32px;width:325px;max-height:60vh;overflow:auto;background:#123d34f5;border:1px solid #ffffff30;border-radius:8px;z-index:5;padding:22px}#crew-panel .eyebrow{display:flex;justify-content:space-between;align-items:center}#crew-close{padding:2px 8px;font-size:20px}#crew-panel h3{font:600 26px 'Barlow Condensed';margin:12px 0}.crew-row{padding:11px 0;border-bottom:1px solid #ffffff16;display:flex;justify-content:space-between;gap:10px;font-size:11px}.crew-row small{font-size:8px;letter-spacing:.4px;color:#ffbd7b}.mission{top:180px}.flight-panel{top:170px}#foot-panel{position:absolute;right:32px;top:170px;width:240px;padding:22px;border-radius:8px;border:1px solid #ffffff25;background:#123b32ef;z-index:2}#foot-panel h3{font:600 29px/1.1 'Barlow Condensed';margin:15px 0}#foot-panel p{font-size:11px}.boarding-buttons{display:grid;gap:8px}.boarding-buttons button{padding:12px 9px;font-size:11px}#board-pilot{background:#ffb56c;color:#173b2d}#walk-help{font-size:9px;line-height:2.5;margin-top:18px;color:#c1d4c9}body.on-foot .flight-panel,body.on-foot #flight-help,body.passenger .flight-panel,body.passenger #flight-help{display:none}body.on-foot footer .instrument,body.passenger footer .instrument{display:none}body.on-foot .cargo,body.passenger .cargo{border:0;padding:0}.mission h1{font-size:30px}.mission p{font-size:10px}.mission .objective{padding:9px 0}.mission .progress{margin-top:14px}.mission .legend{margin-top:12px}#toast{top:auto;bottom:153px;max-width:calc(100vw - 40px);white-space:normal;text-align:center;pointer-events:none}#mission-complete{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:370px;max-width:85vw;padding:24px;border:1px solid #ffb56c;background:#153e34ed;border-radius:8px;z-index:4;font-size:12px;pointer-events:none}#mission-complete b{display:block;font:600 38px 'Barlow Condensed';color:#ffbd7b;margin-bottom:8px}body:not(.in-session) .mission,body:not(.in-session) .flight-panel,body:not(.in-session) footer,body:not(.in-session) .controls,body:not(.in-session) #toast,body:not(.in-session) .radar{visibility:hidden}body:not(.in-session) header .top{visibility:hidden}
@media(max-height:800px){.mission{padding:15px;top:168px;width:210px}.mission h1{font-size:27px}.mission .objective{padding:7px 0}.mission .legend{margin-top:9px}.flight-panel,#foot-panel{top:168px}.lobby-story,.lobby-form{padding:30px}.lobby-callout{margin-top:28px}.lobby .lobby-story h2{font-size:76px}.lobby-metrics{margin-top:28px}}
@media(max-width:850px){#session-bar{left:15px;right:15px;gap:10px;justify-content:space-between}#session-bar>button{padding:8px}.mission{left:15px;width:180px;top:170px}#foot-panel{right:15px;width:195px;padding:16px}.flight-panel{right:15px}.lobby .lobby-story h2{font-size:65px}.lobby-story,.lobby-form{padding:25px}.lobby-metrics{gap:12px}.lobby-metrics span{font-size:6px}#crew-panel{left:15px}}
@media(max-width:620px){.lobby .lobby-sheet{grid-template-columns:1fr;max-width:94vw}.lobby-story{padding:24px;border-right:0;border-bottom:1px solid #ffffff20}.lobby .lobby-story h2{font-size:49px;margin:13px 0}.lobby-callout{margin-top:16px}.lobby-story>p,.lobby-metrics{display:none}.lobby-form{padding:22px}.lobby-form h3{font-size:25px;margin:10px 0}.lobby-form label{margin-top:16px}.lobby-note{display:none}#net-status{max-width:65px;font-size:8px}#session-bar{gap:8px;padding:8px}#copy-code b{font-size:16px;letter-spacing:1px}.crew-total{min-width:48px}#session-bar>button{font-size:9px;padding:6px}#foot-panel{top:166px;width:180px}.top #reset{max-width:65px;font-size:9px}.radar{display:none}#walk-help{font-size:8px}#toast{bottom:147px;font-size:10px}.crew-total small{font-size:6px}}
@media(max-height:820px){body.on-foot .radar,body.passenger .radar{display:none}}