/* Fleet command is the default; direct controls are available on demand. */
body #touchControls{display:none}body.manualControls.playing #touchControls{display:block}
#commandPanel{position:absolute;right:30px;top:105px;width:310px;padding:20px;z-index:8;max-height:calc(100% - 285px);overflow:auto;scrollbar-width:thin;scrollbar-color:#53777e #0b202a}
#commandPanel>strong{display:block;font-size:15px;letter-spacing:1px;margin:14px 0 18px}#commandPanel label{display:block;font-size:8px;letter-spacing:1.3px;color:#9bb9c1;margin:13px 0 6px}
#commandPanel select{display:block;width:100%;padding:11px 9px;background:#183541;color:#e4eded;border:1px solid #72969e70;font:12px Arial;border-radius:3px;min-height:42px;cursor:pointer;color-scheme:dark}#commandPanel select:focus-visible{outline:2px solid #b6dcc4}
#sendOrder{display:block;width:100%;margin-top:10px;padding:13px;background:#b9d6c0;color:#102a2c;border:0;font-size:11px;font-weight:bold;letter-spacing:1px}#sendOrder:hover{background:#d4e7cf}
#unitOrderStatus{font:11px monospace;line-height:1.5;color:#b9d5c1;margin:12px 0}
#fleetStatus{border-top:1px solid #73939940;margin-top:17px;padding-top:5px}#fleetStatus>div{padding:8px 0;display:flex;flex-direction:column;gap:4px}#fleetStatus b{font-size:11px;font-weight:normal;color:#dfebeb}#fleetStatus span{font-size:10px;color:#9eb9c3;line-height:1.4}
#commandPanel details{margin-top:12px;border-top:1px solid #73939940;padding-top:12px}#commandPanel summary{cursor:pointer;font-size:11px;color:#bdd4c9}#aiLog p{font-size:10px;margin:9px 0;border-bottom:1px solid #6f8d9520;padding-bottom:9px}.fuelAlert{color:#ffcd8a!important}
#ordersToggle{display:none}#fuelNotice{position:absolute;z-index:15;bottom:205px;left:50%;transform:translateX(-50%);background:#442e16ed;border:1px solid #e0ad68;color:#ffe0ad;padding:14px 18px;max-width:460px;width:calc(100% - 30px);font-size:12px;line-height:1.5}
body:not(.playing) #commandPanel,body:not(.playing) #ordersToggle{display:none}
body:not(.touch) .mapPanel{top:425px;left:30px;right:auto;width:220px}body:not(.touch) .mapPanel.expanded{top:105px;left:390px;width:440px;z-index:10}
body:not(.touch) #weaponsPanel{top:auto;bottom:215px;right:365px;width:275px;padding:12px}#radio{display:none!important}
body:not(.touch) .touchSteer{left:275px;bottom:225px}body:not(.touch) .touchThrottle{right:360px;bottom:155px}body:not(.touch) .touchAltitude{right:360px;bottom:370px}
body:not(.touch) .actions button{padding:14px 10px;font-size:9px}#auto{background:#b9d6c0;color:#102c30;font-weight:bold;border-color:#b9d6c0}#auto.engaged{background:#244439;color:#bde7c7}
body.touch #ordersToggle{display:block;position:absolute;right:12px;top:119px;z-index:13;width:70px;font-size:9px}
body.touch #commandPanel{display:none;left:12px;right:12px;top:170px;width:auto;padding:15px;max-height:calc(100% - 335px);z-index:12;background:#0c202bf5}
body.touch.ordersOpen #commandPanel{display:block}body.touch #commandPanel label{font-size:9px}body.touch #commandPanel select{font-size:13px}
body.touch .actions{grid-template-columns:2fr 1fr .65fr}body.touch .actions button{font-size:8px;padding:6px}body.touch #auto{font-size:8px}
body.touch #pilotGuide{display:none}body.touch #weaponsPanel{top:280px}
body.touch #fuelNotice{bottom:170px;font-size:11px}body.touch #fleetStatus{margin-top:10px}
@media(max-height:760px) and (min-width:761px){body:not(.touch) .mapPanel{top:400px;width:155px;padding:9px}body:not(.touch) .mapLegend{font-size:6px}body:not(.touch) #commandPanel{top:90px;padding:14px}body:not(.touch) #commandPanel>strong{margin:10px 0}body:not(.touch) .touchAltitude{bottom:355px}body:not(.touch) #mission{max-width:330px}}
@media(orientation:landscape) and (max-height:600px){body.touch #ordersToggle{top:104px;right:12px}body.touch #commandPanel{left:auto;right:90px;top:55px;width:300px;max-height:calc(100% - 140px)}body.touch footer{grid-template-columns:1fr 285px}body.touch #weaponsPanel{top:60px;left:290px;width:270px}body.touch #fuelNotice{bottom:85px;max-width:400px}body.touch #commandPanel label{margin-top:8px}}

@media(max-height:760px) and (min-width:761px){body:not(.touch) .mapPanel{display:none}body:not(.touch) .mapPanel.expanded{display:block;top:90px;left:380px;width:400px}body:not(.touch) #mobileMap{display:block;position:absolute;left:380px;right:auto;top:90px;z-index:11;padding:10px;font-size:10px}body:not(.playing) #mobileMap{display:none}}
body.touch #touchControls{display:none}body.touch.manualControls.playing #touchControls{display:block}body.ordersOpen #touchControls{display:none!important}