/* Sweet Shift Saga v4.1.0.8 — HUD + Map utility controls only. */

/* Gameplay HUD: readable, compact, game-like hierarchy. */
#screen-game.active .future-moves-panel,
#screen-game.active .future-score-stack,
#screen-game.active .future-star-meter,
#screen-game.active .future-goals,
#screen-game.active .future-booster-tray {
  backdrop-filter:none !important;
  border-radius:14px !important;
  box-shadow:0 4px 0 rgba(48,38,67,.07),0 9px 20px rgba(48,38,67,.08) !important;
}
#screen-game.active .future-moves-panel {
  padding:10px !important;
  background:#fff5fb !important;
  border:2px solid #eddae8 !important;
}
#screen-game.active .future-moves-panel > small {
  display:block !important;
  color:#87557d !important;
  font-size:.62rem !important;
  font-weight:1000 !important;
  letter-spacing:.1em !important;
  text-align:center !important;
}
#screen-game.active #moves-left {
  min-height:74px !important;
  display:grid !important;
  place-items:center !important;
  margin-top:4px !important;
  border:2px solid #efd7e7 !important;
  border-radius:13px !important;
  background:#fff !important;
  color:#63345f !important;
  font-size:4.15rem !important;
  line-height:.9 !important;
  font-weight:1000 !important;
}
#screen-game.active .future-action-stack {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:6px !important;
}
#screen-game.active .ss-game-control {
  min-height:50px !important;
  padding:5px 3px !important;
  border-radius:11px !important;
  font-size:.6rem !important;
}
#screen-game.active .future-score-stack {
  padding:9px 10px !important;
  background:#fff !important;
  border:2px solid #e2dfea !important;
}
#screen-game.active .future-star-meter {
  padding:8px 9px !important;
  background:#fffdf0 !important;
  border:2px solid #eee2ae !important;
}
#screen-game.active .saga-objective-hud {
  gap:8px !important;
}
#screen-game.active .future-goal-heading {
  margin:0 0 7px !important;
  padding:7px 9px !important;
  border-radius:10px !important;
  background:#496ca6 !important;
  color:#fff !important;
  text-align:center !important;
  letter-spacing:.09em !important;
}
#screen-game.active .future-goals {
  padding:8px !important;
  background:#f5fbff !important;
  border:2px solid #d7e8f4 !important;
}
#screen-game.active .goal-row {
  min-height:58px !important;
  padding:8px 9px !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid #d9e5ed !important;
  box-shadow:none !important;
}
#screen-game.active .goal-row .goal-icon { width:39px !important;height:39px !important; }
#screen-game.active .future-mission-card {
  padding:8px 9px !important;
  border-radius:12px !important;
  background:#fff9ff !important;
  border:1px dashed #d9c8e3 !important;
  box-shadow:none !important;
}
#screen-game.active .future-booster-tray {
  padding:6px !important;
  gap:5px !important;
  background:#fff !important;
  border:2px solid #e8deef !important;
}
#screen-game.active .ss-booster-control { min-height:52px !important;border-radius:12px !important; }

/* Map utility dock ONLY. The actual World selector and level-map navigation are untouched. */
#screen-map.active .map-tool-grid {
  position:fixed !important;
  z-index:180 !important;
  top:86px !important;
  right:12px !important;
  display:grid !important;
  grid-template-columns:repeat(2,68px) !important;
  gap:7px !important;
  width:auto !important;
  padding:8px !important;
  border:2px solid rgba(255,255,255,.95) !important;
  border-radius:18px !important;
  background:rgba(72,35,77,.68) !important;
  box-shadow:0 10px 24px rgba(48,25,61,.2) !important;
  backdrop-filter:blur(7px) !important;
}
#screen-map.active .map-tool-square {
  position:relative !important;
  width:68px !important;
  min-width:68px !important;
  height:68px !important;
  min-height:68px !important;
  display:grid !important;
  grid-template-rows:32px auto !important;
  place-items:center !important;
  gap:2px !important;
  padding:6px 3px !important;
  border:2px solid rgba(255,255,255,.9) !important;
  border-radius:13px !important;
  color:#fff !important;
  font:inherit !important;
  cursor:pointer !important;
  box-shadow:0 5px 0 rgba(48,26,62,.24),inset 0 2px rgba(255,255,255,.3) !important;
  text-shadow:0 1px rgba(40,20,47,.3) !important;
}
#screen-map.active .map-tool-square:active { transform:translateY(2px) !important;box-shadow:0 3px 0 rgba(48,26,62,.24) !important; }
#screen-map.active .map-tool-icon {
  width:31px !important;height:31px !important;display:grid !important;place-items:center !important;
  border-radius:9px !important;background:rgba(255,255,255,.2) !important;font-size:1rem !important;font-weight:1000 !important;
}
#screen-map.active .map-tool-square strong { font-size:.53rem !important;line-height:1 !important;font-weight:1000 !important;text-align:center !important; }
#screen-map.active .map-tool-square small { position:absolute !important;right:3px !important;top:3px !important;font-size:.35rem !important;background:#fff !important;color:#7b3c90 !important;border-radius:5px !important;padding:1px 3px !important;font-weight:1000 !important; }
#screen-map.active .map-tool-profile { background:linear-gradient(180deg,#8b73ec,#6547bd) !important; }
#screen-map.active .map-tool-challenges { background:linear-gradient(180deg,#57c78b,#23845a) !important; }
#screen-map.active .map-tool-shop { background:linear-gradient(180deg,#f6ad43,#cf6e23) !important; }
#screen-map.active .map-tool-settings { background:linear-gradient(180deg,#7794af,#526879) !important; }
#screen-map.active .map-tool-guide { background:linear-gradient(180deg,#55bce2,#2e79b0) !important; }
#screen-map.active .map-tool-maker { background:linear-gradient(180deg,#e66ab0,#a93d81) !important; }

/* Remove the six utility buttons from the old topbar flow, while keeping currencies exactly there. */
#screen-map.active .map-currency-strip .map-tool-grid { flex:none !important; }

@media (max-width:900px) {
  #screen-map.active .map-tool-grid { top:72px !important;right:8px !important;grid-template-columns:repeat(3,58px) !important;gap:5px !important;padding:6px !important; }
  #screen-map.active .map-tool-square { width:58px !important;min-width:58px !important;height:58px !important;min-height:58px !important;grid-template-rows:27px auto !important; }
  #screen-map.active .map-tool-icon { width:27px !important;height:27px !important; }
  #screen-map.active .map-tool-square strong { font-size:.46rem !important; }
}