/* World information belongs in the flight deck, leaving the live view clear. */
#pauseDialog .pause-world-section{margin:0 0 22px;padding-bottom:22px;border-bottom:1px solid #a4c1bd29}
#pauseDialog .pause-world-heading{margin:0 0 16px}
#pauseDialog .pause-world-heading .micro{font-size:11px;line-height:1.5;letter-spacing:.08em}
#pauseDialog .pause-world-heading h3{font:30px/1.15 var(--display);margin:7px 0 8px;color:#e1ebd6}
#pauseDialog .pause-world-heading p{font:14px/1.6 Inter,Arial,sans-serif;margin:0;color:#a9c3bd}
#pauseDialog #explorationHUD{position:static;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:none;max-height:none;min-width:0;overflow:visible;pointer-events:auto;scrollbar-color:auto}
#pauseDialog #explorationHUD :is(#roomPanel,#landmarkPanel,#onFootPanel){position:static;inset:auto;order:0;width:auto;min-width:0;max-width:none;max-height:none;overflow:visible;padding:18px;border:1px solid #a4c1bd36;border-radius:7px;background:#132d37;box-shadow:none;backdrop-filter:none;text-shadow:none;flex-shrink:0}
#pauseDialog #explorationHUD #roomPanel{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#pauseDialog #roomPanel :is(span,small){grid-column:1/-1}
#pauseDialog #explorationHUD:has(>#onFootPanel[hidden]) #landmarkPanel{grid-column:1/-1}
#pauseDialog #roomPanel>span:first-child{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:9px 18px;font:13px/1.6 var(--mono);letter-spacing:.035em;color:#bcd4c6}
#pauseDialog #roomModeLabel{font-weight:500}
#pauseDialog #roomCode{display:inline;float:none;margin:0;font:20px/1.4 var(--mono);letter-spacing:.08em;color:#dcf6a8;overflow-wrap:anywhere}
#pauseDialog #roomRoster{display:block;max-height:none;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 var(--mono);color:#c4dcd2}
#pauseDialog #roomPanel button{font:13px/1.5 var(--mono);min-height:44px;padding:11px 13px;text-align:left;background:#1b3b43;border:1px solid #aac1b744;border-radius:5px;color:#d1e7c0}
#pauseDialog #roomPanel button:disabled{opacity:.45;cursor:default}
#pauseDialog #roomFlightStatus{font:12px/1.6 var(--mono);padding:0;color:#a9c8bd}
#pauseDialog :is(#landmarkPanel,#onFootPanel)>.micro{display:block;font:12px/1.5 var(--mono);letter-spacing:.06em;color:#b8d99c}
#pauseDialog #landmarkPanel label{margin-top:14px;font:12px/1.5 var(--mono);color:#a9c3bd;letter-spacing:.045em}
#pauseDialog #destinationSelect{display:block;width:100%;min-width:0;max-width:100%;margin:8px 0 0;min-height:46px;padding:11px 12px;border-radius:5px;font:15px/1.5 var(--mono);color:#e0efd3;background:#1b3b43;border:1px solid #aac1b744}
#pauseDialog :is(#destinationReadout,#onFootInstruction){font:14px/1.65 Inter,Arial,sans-serif;margin:13px 0 0;color:#bad1c5;overflow-wrap:anywhere}
#pauseDialog #onFootLocation{font:26px/1.2 var(--display);margin:11px 0 0;color:#e0efd3;overflow-wrap:anywhere}
#pauseDialog #crewProximity{font:13px/1.65 var(--mono);margin:11px 0 0;color:#b9dca6;overflow-wrap:anywhere}
/* A single column keeps the select and full twelve-pilot roster readable. */
@media(max-width:700px){#pauseDialog #explorationHUD{grid-template-columns:minmax(0,1fr);gap:12px}#pauseDialog .pause-world-heading h3{font-size:27px}#pauseDialog #explorationHUD :is(#roomPanel,#landmarkPanel,#onFootPanel){padding:16px}#pauseDialog #roomRoster{font-size:13px}}
@media(max-height:650px){#pauseDialog .pause-world-section{margin-bottom:17px;padding-bottom:17px}#pauseDialog .pause-world-heading{margin-bottom:12px}#pauseDialog .pause-world-heading h3{font-size:26px}#pauseDialog #explorationHUD :is(#roomPanel,#landmarkPanel,#onFootPanel){padding:15px}#pauseDialog #roomRoster{font-size:13px;line-height:1.75}}

@media(max-width:440px){#pauseDialog #explorationHUD #roomPanel{grid-template-columns:minmax(0,1fr)}}

/* Context actions keep a controller/touch target without a large instruction box. */
#flightUI #interactionHint{min-height:44px;width:max-content;max-width:min(360px,calc(100% - 32px));padding:10px 14px;border:1px solid #b8d89770;border-radius:5px;background:#102732c9;box-shadow:0 3px 15px #0003;color:#d9efb5;font:12px/1.45 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.025em}
body.on-foot #flightUI #interactionHint{bottom:max(18px,env(safe-area-inset-bottom));font-size:12px}
#flightUI #groundHint,#flightUI:has(#trainingPanel:not([hidden])) #groundHint{top:auto;bottom:233px;width:max-content;max-width:min(520px,calc(100% - 36px));padding:7px 12px;border-radius:4px;background:#102732a8;box-shadow:none;color:#c8dec4;font:12px/1.5 var(--mono);letter-spacing:.015em;white-space:normal;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:50px}
#flightUI #announcer{top:110px;max-width:min(480px,calc(100% - 36px));max-height:50px;padding:7px 12px;border-radius:4px;background:#102732b0;box-shadow:none;color:#cee5b6;font:12px/1.5 var(--mono);letter-spacing:.025em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-shadow:0 1px 3px #0005}
#flightUI:has(#matchmakingBadge:not([hidden])) #announcer{top:152px}
#flightUI #padHints,#flightUI #keyboardHints:not([hidden]){font:11px/1.5 var(--mono);gap:5px;padding:9px 11px;background:#102732a3;border:1px solid #a9c6b82b;border-radius:4px;max-width:360px}
#flightUI #keyboardHints kbd{font-size:10px;padding:2px 4px;margin-left:5px}
@media(max-width:850px){#flightUI #announcer{top:123px;font-size:11px;max-width:min(420px,calc(100% - 28px));padding:6px 10px}#flightUI #groundHint,#flightUI:has(#trainingPanel:not([hidden])) #groundHint{max-width:min(440px,calc(100% - 28px));font-size:11px;padding:6px 10px}#flightUI #interactionHint{font-size:11px;padding:9px 12px}#flightUI #padHints,#flightUI #keyboardHints:not([hidden]){font-size:10px;max-width:330px;padding:8px 10px}}
@media(max-height:620px) and (min-width:621px){#flightUI #groundHint,#flightUI:has(#trainingPanel:not([hidden])) #groundHint{bottom:184px;max-width:min(440px,calc(100% - 28px));font-size:11px;padding:6px 10px}#flightUI #announcer{top:119px;font-size:11px;max-height:45px}#flightUI:has(#matchmakingBadge:not([hidden])) #announcer{top:140px}}
@media(max-width:620px){#flightUI #groundHint,#flightUI:has(#trainingPanel:not([hidden])) #groundHint{bottom:204px;font-size:11px;max-width:calc(100% - 28px)}#flightUI #padHints,#flightUI #keyboardHints:not([hidden]){font-size:10px;line-height:1.5;max-width:calc(100% - 24px);gap:5px;padding:8px}#flightUI:has(#inventoryButton:not([hidden]),#publicLobbyBadge:not([hidden]),#matchmakingBadge:not([hidden])) #announcer{top:184px}body.on-foot #flightUI #interactionHint{max-width:calc(100% - 24px);font-size:11px}}