/* ---------- support: the aircraft on the bar with the day's sorties as pips, the tray of missions under it (a note on paper,
   as the funds' breakdown is), and the button a phone gets among its touch tools ---------- */
#supStat{background:none;border:0;padding:4px 2px;color:inherit;font:inherit;cursor:pointer;outline-offset:3px}
#supStat[hidden]{display:none}
#supStat .ico{width:20px;height:20px}
#supStat:hover .ico .f,#supStat[aria-expanded="true"] .ico .f{fill:var(--paper)}
.supPips{display:flex;gap:3px;align-items:center}
.supPips i{display:block;width:7px;height:11px;border:1px solid rgba(234,226,204,.55);border-radius:1px;background:transparent}
.supPips i.on{background:#e9dcb8;border-color:#e9dcb8;box-shadow:0 1px 0 rgba(0,0,0,.6)}
@media (max-width:720px),(max-height:500px){ #supStat{display:none} } /* a phone's bar has no room: the Support button among the touch tools instead */
#supTool[hidden]{display:none}
#supTool{display:flex;align-items:center;justify-content:center;gap:5px}
#supTool .supN{font:700 11px/1 var(--f-ui);font-style:normal;min-width:15px;height:15px;line-height:15px;border-radius:1px;background:#2d2416;color:#f1e7cd;text-align:center}
#supTray{position:absolute;top:calc(var(--bar-h) + 6px);z-index:21;width:340px;max-width:calc(100% - 16px);max-height:calc(100% - var(--bar-h) - var(--wm-h, 40px) - 24px);overflow:auto;overscroll-behavior:contain;padding:10px 12px 11px;display:flex;flex-direction:column;gap:5px}
#supTray[hidden]{display:none}
#supTray .supHead{display:flex;flex-direction:column;gap:3px;margin-bottom:3px;padding-bottom:6px;border-bottom:1px dotted var(--hair-2)}
#supTray .supHead b{font:400 22px/1 var(--f-display);letter-spacing:.06em;color:#9c2f1c}
#supTray .supHead span{font:500 11.5px/1.3 var(--f-ui);color:var(--paper-faint)}
#supTray .rec .btn{grid-row:1/4}
#supTray .rec.off b{color:var(--paper-dim)}
#supTray .rec small.why{color:var(--bad);font-weight:600}
#supTray .note{margin:4px 0 0;font:500 11.5px/1.4 var(--f-ui);color:var(--paper-dim)}
@media (pointer:coarse){ #supTray .hideTouch{display:none} }
@media (max-width:720px){ #supTray{left:max(8px,env(safe-area-inset-left,0px))!important;right:max(8px,env(safe-area-inset-right,0px));width:auto;max-height:calc(100% - var(--bar-h) - var(--wm-h, 40px) - 60px)} }
:root.replaying #supTray{display:none!important}