/* Readable navigation and one active console task. Existing ivory hardware stays in flight. */
#flight.clarity-active .ff-layout{grid-template-columns:minmax(0,1fr) 350px}
#flight.clarity-active.planning-workspace .ff-layout{grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr)}
#flight.clarity-active .ff-console{border-width:14px;padding:12px;font-size:16px}
#flight.clarity-active .ff-console label,#flight.clarity-active .ff-console button,#flight.clarity-active .ff-console select{font-size:14px}
#flight.clarity-active .console-heading{font-size:17px;padding-bottom:8px;margin-bottom:8px}
#ffReferenceCard{font:14px/1.5 ui-monospace,monospace;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid #977547;font-variant-numeric:tabular-nums}
#ffJackReadout{color:#ffcf83;margin-bottom:10px}
#flight #ffReferenceCard label{margin-top:0;color:#e6cfac}
#flight #ffReferenceCard select{min-height:44px;margin:4px 0 10px;width:100%;text-overflow:ellipsis}
#ffReferenceState,#ffAttachedReadout{display:block;font:12px/1.4 system-ui;color:#d1c6b2;margin-top:7px}
#ffRelativeReadout{margin-top:8px;color:#d6e6df}
#ffAttachedReadout{color:#ffcc6b}
#flight #ffInstruments,#flight #trainingTools{margin-top:12px;border-top:1px solid #695842;padding-top:6px}
#flight summary{cursor:pointer;padding:8px 0;min-height:40px;font-size:14px}
#flight .training-actions{grid-template-columns:1fr}
#flight #trainingPanel h3{font-size:19px}
#flight #trainingPanel p{margin:8px 0}
#flight #trainingResult{font-size:14px;color:#e6c68f}
#flight #trainingCurrentGoal{font-size:14px;color:#ffdb92;border-left:2px solid #be9251;padding-left:8px}
#flight.training-active .ff-objective-banner{display:none}
#flight #trainingOutcome{border-left:2px solid #b99354;padding-left:10px;margin:10px 0}
#flight #trainingOutcome p{font-size:14px}
#flight #trainingEditor h3{font-size:19px}
#flight #trainingEditor input[type=number]{font-size:18px;scroll-margin:20px}
#flight #trainingEditor .ff-instrument.folded .ff-instrument-body{display:none}
#flight #trainingEditor .training-check{font-size:14px}
#flight #trainingEditor .training-row-values{grid-template-columns:repeat(2,minmax(0,1fr))}
#flight #trainingEditor .training-row-values label:last-child{grid-column:1/-1}
#flight #trainingEditor [data-row-fields][hidden]{display:none}
#flight #trainingEditor .training-row-heading{width:100%;text-align:left;margin:0;font-size:14px}
#flight #trainingEditor fieldset{padding:8px;margin:8px 0}
#flight.planning-workspace .ff-controls,#flight.planning-workspace .ff-launch-action,#flight.planning-workspace #ffAimDock{display:none!important}
#flight.intro-controls .ff-controls,#flight.intro-controls .ff-launch-action,#flight.intro-controls #ffAimDock{display:none!important}
#flight.hide-grapple #ffGrappleControls,#flight.hide-grapple #ffAimDock,#flight.hide-grapple .ff-launch-action,#flight.hide-grapple #ffWeaponHUD{display:none!important}
#flight.hide-grapple .controls-help{display:none}
#flight.planning-workspace .ff-stage,#flight.intro-controls .ff-stage{grid-template-rows:minmax(180px,1fr) 44px}
#flight.planning-workspace .ff-message,#flight.intro-controls .ff-message{grid-row:2;font-size:14px}
#flight.planning-workspace .ff-picture canvas{filter:none}
#flight.training-active #ffPauseOverlay{left:8px;right:8px;top:5px;transform:none;width:auto;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 8px;box-shadow:none}
#flight.training-active .has-alarm #ffPauseOverlay{top:34px}
#flight.training-active #ffPauseTitle{font-size:13px;letter-spacing:1px;margin:0}
#flight.training-active #ffPauseHint{display:none}
#flight.training-active #ffResumeOverlay{width:auto;min-height:44px;font-size:13px}
#flight.planning-workspace #ffPauseOverlay{left:8px;right:8px;top:4px;transform:none;max-width:none;width:auto;padding:6px;background:#091316ed;border:0;box-shadow:none;text-align:left}
#flight.planning-workspace .has-alarm #ffPauseOverlay{top:32px}
#flight.planning-workspace #ffPauseTitle{font-size:13px;letter-spacing:1px;margin:0}
#flight.planning-workspace #ffPauseHint,#flight.planning-workspace #ffResumeOverlay{display:none}
#flight.planning-workspace #ffReferenceCard{position:sticky;top:-12px;z-index:5;background:#101716;padding:8px 0;border-bottom:1px solid #ae874d}
#flight.planning-workspace #ffReferenceCard select{min-height:36px;margin:2px 0 5px}
#flight.planning-workspace #ffJackReadout{margin-bottom:4px}
#flight.planning-workspace .ff-console{scroll-padding-top:220px}
#flight.planning-workspace #ffSave{display:none}
#flight #trainingEditor #trainingQueue,#flight #trainingEditor #trainingMove{position:sticky;bottom:0;z-index:6;box-shadow:0 0 0 5px #101716}
#flight #ffOxygenHUD.untimed{width:auto;max-width:50%;padding:4px 7px;border:0;background:#091316df}
#flight #ffOxygenHUD.untimed #ffOxygenValue,#flight #ffOxygenHUD.untimed #ffOxygenBar{display:none}
#flight #ffOxygenHUD.untimed #ffOxygenText{font:12px/1.3 system-ui;margin:0;color:#b6decb}
#ffGridLegend{position:absolute;bottom:6px;right:8px;max-width:47%;padding:4px 6px;color:#e9dfc9;background:#07151ee8;font:12px/1.3 system-ui;pointer-events:none;z-index:3}
#flight.clarity-active:not(.hide-grapple) #ffGridLegend{bottom:51px}
#ffNavigationMarkers{position:absolute;inset:0;pointer-events:none;z-index:3}
#flight .ff-nav-marker{position:absolute;width:44px;height:44px;min-height:44px;padding:0;transform:translate(-50%,-50%);border:0;background:transparent;pointer-events:auto;overflow:visible;touch-action:manipulation}
#flight .ff-nav-marker:hover{background:#ffe1a322}
#flight.clarity-active .ff-nav-marker[aria-pressed=true]{background:transparent;border:0;color:#ffdc9b}
.ff-marker-shape{display:block;width:14px;height:14px;border:2px solid #ffcd70;transform:rotate(45deg);margin:auto;background:#0a1825}
[data-role=selected] .ff-marker-shape{transform:none;border-color:#edf4ec;width:12px;height:12px;border-radius:50%}
.ff-nav-marker[data-selected=true]::before{content:'';position:absolute;inset:1px;background:linear-gradient(#ffe3a0,#ffe3a0) left top/9px 2px no-repeat,linear-gradient(#ffe3a0,#ffe3a0) left top/2px 9px no-repeat,linear-gradient(#ffe3a0,#ffe3a0) right top/9px 2px no-repeat,linear-gradient(#ffe3a0,#ffe3a0) right top/2px 9px no-repeat,linear-gradient(#ffe3a0,#ffe3a0) left bottom/9px 2px no-repeat,linear-gradient(#ffe3a0,#ffe3a0) left bottom/2px 9px no-repeat,linear-gradient(#ffe3a0,#ffe3a0) right bottom/9px 2px no-repeat,linear-gradient(#ffe3a0,#ffe3a0) right bottom/2px 9px no-repeat}
.ff-marker-caption{position:absolute;top:-29px;left:0;width:max-content;max-width:185px;text-align:left;font:12px/1.25 system-ui;color:#fff0cf;background:#07151eef;padding:3px 5px;border-radius:3px;pointer-events:none}
.label-left .ff-marker-caption{left:auto;right:0}
.ff-nav-marker[data-stale=true]{opacity:.65}
.acquired .ff-nav-marker[data-selected=true]::before{animation:reference-acquired .4s ease-out}
@keyframes reference-acquired{from{inset:-7px;opacity:.4}to{inset:1px;opacity:1}}
@media(prefers-reduced-motion:reduce){.acquired .ff-nav-marker::before{animation:none!important}}
@media(max-width:1000px){
 #flight.clarity-active.planning-workspace .ff-layout{display:flex;flex-direction:column}
 #flight.planning-workspace{overflow:auto!important}
 #flight.planning-workspace .ff-stage{height:auto;position:static;display:block;flex:none}
 #flight.planning-workspace .ff-picture{position:relative;top:auto;height:auto;min-height:180px}
 #flight.planning-workspace .ff-picture canvas{width:100%!important;height:auto!important;aspect-ratio:16/9}
 #flight.planning-workspace .ff-console{height:auto;overflow:visible;flex:none}
 #flight.planning-workspace #ffReferenceCard{top:0}
 #flight.planning-workspace .ff-console input,#flight.planning-workspace .ff-console button,#flight.planning-workspace .ff-console select{scroll-margin:16px}
 #flight.planning-workspace .ff-message{display:none}
 body.compact-landscape #flight.clarity-active.planning-workspace .ff-layout{grid-template-columns:1fr}
}
@media(max-width:700px){
 #flight.clarity-active .ff-layout{grid-template-columns:minmax(0,1fr)}
 #flight.clarity-active .ff-picture{position:relative;top:auto}
 #flight.clarity-active .ff-stage{position:static}
 #flight.clarity-active .ff-console input,#flight.clarity-active .ff-console select,#flight.clarity-active .ff-console button{scroll-margin-top:18px}
 #flight .ff-marker-caption{max-width:135px}
 #ffGridLegend{font-size:12px}
}
body.compact-landscape #flight.clarity-active:not(.planning-workspace):not(.intro-controls) .ff-layout{grid-template-columns:minmax(0,1fr) 290px}
body.compact-landscape #flight.intro-controls .ff-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 44px}
body.compact-landscape #flight.intro-controls .ff-picture{grid-column:1}
body.compact-landscape #flight.intro-controls .ff-layout,body.compact-landscape #flight.hide-grapple .ff-layout{grid-template-rows:minmax(0,1fr)}
body.compact-landscape #flight.clarity-active.planning-workspace .ff-stage{height:auto;display:block;position:static;flex:none}
body.compact-landscape #flight.clarity-active.planning-workspace .ff-console{height:auto;overflow:visible;flex:none}