/* UI-only vertical-space improvement for Phantasm's map workspace.
   Preserve DOM and drag target, shrink the large title and deletion dock. */
.app .workspace > .workspace-head{
  min-height:0;
  padding:7px 14px;
  gap:8px;
}
.workspace > .workspace-head #mapBreadcrumb{
  font-size:9px;
  line-height:1.15;
  letter-spacing:1.2px;
}
.workspace > .workspace-head #mapHeading{
  font-size:17px;
  line-height:1.12;
  margin:3px 0 2px;
}
.workspace > .workspace-head #playSubtitle{
  font-size:10px;
  line-height:1.25;
}
.workspace > .workspace-head .field{
  gap:3px;
  margin-bottom:0;
}
.workspace > .workspace-head .field label{
  font-size:10px;
  line-height:1.1;
}
.workspace > .workspace-head .field select{
  min-height:34px;
  padding:7px 9px;
  font-size:12px;
}
.workspace > .workspace-head .mode-toggle button{
  padding:7px 11px;
}
.workspace-head > .phantasm-panel-toggle{
  min-height:32px;
  padding:6px 9px;
}

/* Short Hardpoint P1–P5 selector: same compact treatment as title and trash.
   The selector is injected by enhancements.js after page load, so stronger
   selectors intentionally override its existing dynamically injected CSS. */
.workspace #hardpointHillBar:not([hidden]){
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:9px;
  min-height:43px;
  padding:4px 12px;
}
.workspace #hardpointHillBar .hill-caption{
  font-size:9px;
  line-height:1.2;
  letter-spacing:.8px;
  white-space:nowrap;
}
.workspace #hardpointHillButtons{
  display:flex;
  flex:0 0 auto;
  flex-wrap:nowrap;
  gap:4px;
}
.workspace #hardpointHillButtons button{
  min-height:32px;
  padding:5px 11px;
  border-radius:6px;
  font-size:11px;
  line-height:1.1;
}
.workspace #hardpointHillBar .hill-help{
  min-width:0;
  flex:1 1 auto;
  font-size:10px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media (max-width:850px){
  .workspace #hardpointHillBar:not([hidden]){gap:7px;padding:5px 9px}
  .workspace #hardpointHillButtons button{padding:5px 8px}
  .workspace #hardpointHillBar .hill-help{display:none}
}
@media (max-width:430px){
  .workspace #hardpointHillBar .hill-caption{font-size:8px}
  .workspace #hardpointHillButtons{gap:3px}
  .workspace #hardpointHillButtons button{min-height:31px;padding:5px 7px;font-size:10px}
}

/* marker-trash.js owns the delete behavior; these stronger selectors only
   change the size of the drag destination and its surrounding dock. */
.workspace #phantasmMapControls{
  min-height:49px;
  gap:10px;
  padding:4px 15px;
}
.workspace #phantasmMarkerTrash{
  flex:0 0 125px;
  min-height:38px;
  padding:5px 8px;
  border-radius:8px;
  font-size:10px;
  line-height:1.15;
}
.workspace #phantasmMapControlsHint{
  font-size:10px;
  line-height:1.3;
}
/* Route editing has multiple controls: let the dock become taller rather
   than clipping its buttons or making a drag-delete target too small. */
.workspace #phantasmMapControls:has(#friendlyRouteHUD:not([hidden])){
  min-height:74px;
  padding:6px 15px;
}
.workspace .canvas-shell{
  padding:14px;
}
@media (max-width:1050px){
  .app .workspace > .workspace-head{
    flex-wrap:wrap;
    column-gap:10px;
    row-gap:6px;
  }
}
@media (max-width:700px){
  .app .workspace > .workspace-head{padding:7px 10px}
  .workspace #phantasmMapControls{padding:5px 9px;gap:7px}
  .workspace #phantasmMarkerTrash{flex-basis:110px;min-height:38px}
  .workspace #phantasmMapControls:has(#friendlyRouteHUD:not([hidden])){padding:6px 9px}
  .workspace .canvas-shell{padding:8px}
}