/* Wave Bite – Water Patrol · fix-v100.css
 * v100: HUD-Entzerrung + Desktop-Steuerung + Lucy als Funkfenster am Rand (statt Mittelbox). */

/* Desktop (Maus/Tastatur): keine riesigen Touch-Buttons, Aktionen kompakt unten */
@media (hover: hover) and (pointer: fine) {
  #screen-game .controls { display: none; }
  #screen-game .actions-bar { bottom: 16px; }
}

/* Breite Screens: Fortschrittszeile kollidiert nicht mehr mit Kapitaensschild/Radar */
@media (min-width: 640px) {
  .hud-progress { left: 205px; right: 216px; }
  .navmap { top: 236px; }
}

/* Lucy: kompaktes Funkfenster unten links statt grosser Box in der Bildmitte */
.lucy-callout {
  left: 14px; right: auto; top: auto;
  bottom: calc(176px + env(safe-area-inset-bottom));
  transform: translateY(10px);
  max-width: min(52vw, 350px);
  text-align: left;
  font-size: 12.5px;
}
.lucy-callout.show { transform: none; }
@media (hover: hover) and (pointer: fine) {
  .lucy-callout { bottom: 74px; }
}

/* 3D-Canvas liegt unter dem 2D-Overlay; 2D-Canvas muss durchsichtig bleiben */
#game-canvas-3d { z-index: 0; }
#screen-game #game-canvas { background: transparent; z-index: 1; pointer-events: none; }
#screen-game .game-wrap { background: #0a1626; }

/* Kamera-Button (world3d) Hover-Feedback */
#wb-cam-btn:hover { border-color: rgba(201,162,75,.9); background: rgba(16,40,66,.85); }