.sortie-config{margin-top:auto;display:flex;align-items:stretch;justify-content:space-between;gap:20px;position:relative;z-index:2;background:#0d202bd9;border:1px solid #b8d5c52e;border-bottom:0;backdrop-filter:blur(12px);min-height:68px}.deployment{margin-top:0}.mode-tabs{display:flex;align-items:stretch;gap:0}.mode-tab{font:12px var(--mono);letter-spacing:1px;text-align:left;padding:15px 25px;border-right:1px solid #b8d5c520;border-bottom:2px solid transparent;min-width:170px}.mode-tab small{display:block;font:8px var(--mono);color:#9db3b2;margin-top:7px;letter-spacing:0}.mode-tab.selected{background:#dcff8c0d;border-bottom-color:var(--acid);color:var(--acid)}.mode-tab.selected small{color:#c1d6b7}.aircraft-select{font:8px var(--mono);letter-spacing:1px;color:#9db3b2;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:10px 25px;min-width:240px;border-left:1px solid #b8d5c526}.aircraft-select select{color:#e8f4dc;font:14px var(--display);font-size:22px;letter-spacing:.5px;border:0;background:transparent;padding:0 8px 0 0}.flight-profile{min-width:182px}.flight-profile small{font-size:7px}select:disabled{opacity:.5}#controllerStatus{font-size:8px;color:#b2cdbd;max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hangar .hero{top:19%}#hangar .hero>p{font-size:12px}#hangar .hero-meta{margin-top:24px}#hangar .aircraft-label{bottom:284px}.controller-guide{border-top:1px solid #a3c6b133;padding-top:20px}.controller-guide h3{font:10px var(--mono);letter-spacing:1px;color:var(--acid);font-weight:400}.controller-guide>div{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:18px 0}.controller-guide p{font-size:10px;color:#c0d1cf;line-height:1.7;margin:7px 0}.controller-guide kbd{font-size:8px}.controller-guide>small{font-size:10px;color:#8ba9ac;line-height:1.7;display:block}#settingsDialog{max-height:90vh}#wingmanPanel{position:absolute;top:99px;left:30px;background:#0d2637a1;border-left:2px solid #84d8f5;padding:12px 16px;min-width:195px;display:flex;flex-direction:column;gap:9px;backdrop-filter:blur(6px)}#wingmanPanel>span{font-size:8px;letter-spacing:1px;color:#bde7ed}#wingmanPanel b{font-weight:400;color:#9ee6ff}#wingmanPanel small{font-size:7px;color:#b5cbd0}#wingmanButton{font:8px var(--mono);text-align:left;padding:6px 0 0;color:#c8f7fb;border-top:1px solid #aac3dc33}#groundHint{position:absolute;left:50%;top:29%;transform:translateX(-50%);padding:12px 18px;font:10px var(--mono);letter-spacing:1px;color:#ecfaca;background:#102b3999;border:1px solid #d2eea155;white-space:nowrap}#trainingPanel{pointer-events:auto;position:absolute;left:28px;top:98px;max-width:320px;width:27vw;background:#0c2637ed;border:1px solid #abd2c54d;border-top:2px solid var(--acid);padding:14px 17px;backdrop-filter:blur(12px);box-shadow:0 8px 30px #0002;text-shadow:none}.training-heading{display:flex;align-items:center;justify-content:space-between;gap:9px}.training-heading span{font-size:8px;letter-spacing:1px;color:var(--acid)}.training-heading button{font-size:21px;line-height:16px;padding:0 4px}#trainingPanel h3{font:27px var(--display);font-weight:500;letter-spacing:.5px;margin:14px 0 9px}#trainingPanel p{font:11px/1.7 Inter,Arial,sans-serif;color:#deeadc;margin:0 0 9px}#lessonTip{font:9px/1.6 var(--mono);color:#9bbabf;display:block}.lesson-progress{height:3px;background:#9ac9ae20;margin:15px 0 9px}.lesson-progress i{display:block;width:0;height:100%;background:var(--acid);transition:width .15s}#lessonMetric{font:8px/1.5 var(--mono);color:#d0e4c2;min-height:24px}.training-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.training-actions button{font:8px var(--mono);padding:7px;border:1px solid #b5c9aa44;color:#d9e8ce}.training-actions button:hover{background:#a7d39a19}.lesson-picker{display:flex;align-items:center;gap:12px;font:7px var(--mono);color:#95b5b8;margin-top:12px}.lesson-picker select{min-width:0;flex:1;padding:6px 3px;background:#153345;color:#dceacf;border:1px solid #aec9b330;font:8px var(--mono)}#trainingPanel.complete{border-top-color:#83e7f1}#trainingPanel.complete #lessonProgress{background:#83e7f1}.inflight:has(#trainingPanel:not([hidden])) .left-instruments{top:auto;bottom:240px;left:auto;right:7%}.inflight:has(#trainingPanel:not([hidden])) .right-instruments{top:33%}.inflight:has(#trainingPanel:not([hidden])) #groundHint{top:67%}.inflight:has(#trainingPanel:not([hidden])) .flight-mission{top:98px}.controller-hints{position:absolute;right:30px;bottom:35px;display:flex;flex-direction:column;gap:13px;font:8px var(--mono);letter-spacing:.3px;color:#bcd7c7}.flight-hints kbd{font-size:8px}.flight-hints{font-size:8px}.camera-label{bottom:28px}.touch-actions button{font-size:8px;padding:12px 9px}#flightUI:has(#padHints:not([hidden])) .camera-label{bottom:145px;left:auto;right:30px;transform:none;align-items:flex-end}
@media(max-height:820px) and (min-width:761px){#hangar .hero{top:20%}#hangar h1{font-size:clamp(78px,7.3vw,106px);margin-top:22px;margin-bottom:20px}#hangar .hero-meta{margin-top:18px}.sortie-config{min-height:60px}.mode-tab{padding:12px 20px;min-width:155px}#hangar .aircraft-label{bottom:274px}#trainingPanel{top:93px;max-width:310px;padding:12px 14px}#trainingPanel h3{font-size:24px;margin:10px 0 8px}#trainingPanel p{font-size:10px}#lessonTip{font-size:8px}.inflight:has(#trainingPanel:not([hidden])) .left-instruments{bottom:180px}.inflight:has(#trainingPanel:not([hidden])) .right-instruments{top:23%}.inflight:has(#trainingPanel:not([hidden])) .instruments{width:112px}.inflight:has(#trainingPanel:not([hidden])) .instruments strong{font-size:39px}.inflight:has(#trainingPanel:not([hidden])) .instruments label{margin-bottom:7px}.inflight:has(#trainingPanel:not([hidden])) .flight-mission{display:none}}
@media(max-width:1050px){.mode-tab{min-width:145px;padding:13px 18px}.aircraft-select{min-width:190px;padding:10px 20px}.flight-profile{min-width:154px}.mode-tab small{font-size:7px}#trainingPanel{width:30vw}.controller-hints{max-width:265px;font-size:7px}}
@media(max-width:760px){#hangar .hero{top:15%}#hangar h1{font-size:75px;line-height:.9;margin-bottom:16px}#hangar .hero>p{font-size:10px}#hangar .hero-meta{display:none}#hangar .aircraft-label{display:none}.sortie-config{display:grid;gap:0;grid-template-columns:1fr;margin-top:auto}.mode-tab{min-width:0;flex:1;text-align:center;padding:12px 6px;font-size:10px}.mode-tab small{font-size:6px;margin-top:6px}.mode-tabs{width:100%}.aircraft-select{flex-direction:row;justify-content:space-between;align-items:center;padding:9px 15px;border-top:1px solid #b8d5c526;border-left:0}.aircraft-select select{font-size:20px}.deployment{margin-top:0}.mission-info h3{font-size:24px}.mission-info p{font-size:6px}.sortie-config+.deployment .mission-map{height:78px}.sortie-config+.deployment .deploy{min-height:62px}footer>span:first-child{font-size:5px}footer #controllerStatus{display:none}.controller-guide>div{grid-template-columns:1fr}.controller-guide p{font-size:10px}#trainingPanel{left:13px;top:73px;width:50vw;max-width:280px;padding:10px;max-height:48vh;overflow:auto}.training-heading span{font-size:6px}#trainingPanel h3{font-size:21px;margin:9px 0 7px}#trainingPanel p{font-size:9px;line-height:1.6}#lessonTip{font-size:7px}.training-actions{gap:4px}.training-actions button{font-size:6px;padding:6px}.lesson-picker{font-size:6px}.lesson-picker select{font-size:7px}#lessonMetric{font-size:7px}#groundHint{top:32%;font-size:7px;padding:9px;white-space:normal;text-align:center;width:62%}.inflight:has(#trainingPanel:not([hidden])) #groundHint{top:61%;width:80%}.inflight:has(#trainingPanel:not([hidden])) .left-instruments{right:15px;bottom:210px}.inflight:has(#trainingPanel:not([hidden])) .right-instruments{right:15px;top:25%}.inflight:has(#trainingPanel:not([hidden])) .instruments{width:80px}.inflight:has(#trainingPanel:not([hidden])) .instruments strong{font-size:30px}.inflight:has(#trainingPanel:not([hidden])) .flight-mission{display:none}#wingmanPanel{left:15px;top:76px;min-width:140px;padding:10px}#wingmanPanel>span{font-size:6px}#wingmanPanel small,#wingmanButton{font-size:6px}.controller-hints{bottom:166px;right:15px;max-width:190px;font-size:6px;gap:9px}#flightUI:has(#padHints:not([hidden])) .camera-label{bottom:231px;right:15px}.touch-actions{bottom:173px;gap:4px}.touch-actions button{padding:9px 6px;font-size:6px}}