/* V399: enger Polish der vorhandenen Spieloberflaeche.
   Die stabile svh-Buehne, die hellen HUD-Farben und alle Menueformen bleiben. */

/* Die Zoomies-Anzeige erhaelt einen klaren Fertig-Zustand. Ihre echte
   Klassenlogik liegt bereits in game.js (.full / .zooming). */
#hud .zoomwrap{
  border:1px solid rgba(255,255,255,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 9px rgba(16,51,63,.18);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  transition:border-color .18s ease,box-shadow .18s ease;
}
#hud .zoomwrap.full{
  border-color:rgba(255,209,102,.98);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 0 0 2px rgba(255,206,103,.29),0 4px 14px rgba(110,75,30,.27);
}
#hud .zoomwrap.zooming{
  border-color:rgba(117,231,239,.95);
}
#hud .pill{
  text-shadow:0 1px 0 rgba(255,255,255,.38);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

/* Die kleine Hundeleiste zeigt weiterhin nur runde Punkte. Die unsichtbaren
   Tasten sind jetzt 44px gross und lassen sich horizontal schieben. */
#garageView .dogdots{
  position:relative;
  width:min(100%,430px);
  max-width:100%;
  min-height:44px;
  flex:0 0 auto;
  justify-content:flex-start;
  gap:0;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
#garageView .dogdots::-webkit-scrollbar{display:none}
#garageView .dogdots button{
  flex:0 0 44px;
  width:44px;
  height:44px;
  scroll-snap-align:center;
}
#garageView .dogdots button:focus-visible{
  outline:2px solid #8cf2ed;
  outline-offset:-4px;
  border-radius:50%;
}

/* Echte, bisher kaum reagierende Bedienelemente geben kurzes Druckfeedback. */
#mapView .karteNav:active{transform:translateY(2px) scale(.96)}
#mapView .mapregions button:not(:disabled):active{transform:translateY(1px) scale(.96)}
#overView .score-choice-actions button:not(:disabled):active{transform:translateY(1px) scale(.98)}

@media (prefers-reduced-motion:reduce){
  #hud .zoomwrap.full .zoomfill,
  #hud .zoomwrap.full .zoomico,
  #hud .zoomwrap.zooming{animation:none!important}
  #hud .zoomwrap,
  #mapView .karteNav,
  #overView .score-choice-actions button{transition:none!important}
}