/* Adjustable flight speed, with room for precise and regional movement. */
.bottom-zone{width:min(1050px,calc(100% - 60px))}
.flight-console{flex-wrap:wrap;gap:12px 18px}
.speed-control{flex:1 1 270px;min-width:250px}
.speed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.speed-head>label{font-size:11px;font-weight:600;color:#526d5d;letter-spacing:.5px}
.speed-entry{display:flex;align-items:center;gap:6px;color:#6a8071;font-size:10px}
#speed-number{width:78px;height:29px;padding:3px 6px;border:1px solid #cbdacd;border-radius:7px;background:#f8fbf5;color:#27583f;text-align:right;font-size:16px;font-weight:550;font-variant-numeric:tabular-nums}
.speed-range-row{display:flex;align-items:center;gap:9px}
.speed-range-row button{width:26px;height:26px;flex:none;display:grid;place-items:center;background:#e7efe4;border:1px solid #d8e3d3;border-radius:7px;color:#3f714d;font-size:18px;line-height:1}
.speed-range-row button:hover{background:#d9e9d7}
#speed-slider{flex:1;width:100%;min-width:0;height:7px;margin:8px 0;touch-action:none;accent-color:#37774e}
.speed-help{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0 9px;font-size:9px;color:#7a8b79;line-height:1.5}
#speed-boost{white-space:nowrap;color:#58744f}
#speed-boost.boosting{color:#a36127;font-weight:650}
.speed-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.speed-buttons button{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 5px;border:1px solid #dce5d7;border-radius:7px;background:#f0f5eb;color:#62785c;font-size:10px;white-space:nowrap}
.speed-buttons button small{font-size:9px;font-variant-numeric:tabular-nums;opacity:.85}
.speed-buttons button.active{background:#2e654b;color:#fff;border-color:#2e654b}
.minimap{bottom:var(--flight-hud-clearance,230px)}
.toast{bottom:var(--flight-hud-clearance,230px)}
@media(min-width:581px){.destinations{max-height:calc(100dvh - var(--flight-hud-clearance,230px) - 135px)}}
@media(max-width:800px){.bottom-zone{width:calc(100% - 32px)}.flight-console{gap:10px 12px}.speed-control{flex-basis:250px}.speed-help{font-size:8px}}
@media(max-width:580px){
  .bottom-zone{width:calc(100% - 24px)}
  .flight-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;padding:12px}
  .flight-console>.readout{grid-column:1;grid-row:1}
  .flight-console>.altitude-control{grid-column:2;grid-row:1;width:auto;min-width:0}
  .flight-console>.speed-control{grid-column:1/-1;grid-row:2;min-width:0;width:100%}
  .flight-console>.view-turn-control{grid-column:1;grid-row:3;min-width:0}
  .flight-console>.home-btn{grid-column:2;grid-row:3;min-width:0;width:100%;align-self:end;height:34px}
  .view-turn-control button{font-size:10px;padding:7px 5px}
  .speed-head{margin-bottom:4px}
  .speed-help{margin:3px 0 6px;font-size:9px}
  .speed-buttons button{padding:6px;font-size:11px}
  .destinations{bottom:var(--flight-hud-clearance,350px)}
  .minimap,.mobile-flight{bottom:calc(var(--flight-hud-clearance,350px) + var(--flight-destinations-height,64px) + 12px)}
}