/* Kerajaan Kaisar — r5-g.css: Mode Jalan Kaki / Drone IMERSIF
   (laporan user 2026-11-09 15:39 WIB, screenshot HP landscape Pontianak:
   tombol Keluar ada 2 DAN semua menu masih terlihat di Mode Jalan Kaki,
   mengganggu pemandangan). Muat di index.html SETELAH r5-f.css.
   Mekanisme: city3d-kamera.js memasang body.kk-cam-mode saat masuk
   walk/drone dan melepasnya saat keluar (Esc / tombol Keluar / kembali
   ke peta) — semua yang disembunyikan di sini KEMBALI OTOMATIS saat
   kelas dilepas, tanpa state JS yang bisa nyangkut. */

/* --- 1. Saat mode kamera aktif, sembunyikan SEMUA menu kota: dock
   utama 35 tombol, stat pills, kolom alat kanan, feed Kabar (+ pil
   tampil/sembunyi), lonceng, chip warga online, pil Misi, toast,
   tombol audio (speaker + musik — R5-H: di landscape HP tombol ini
   di left:10px;top:170px dan bertumpuk dengan joystick),
   FAB menu + tombol alat HP (Opsi A), sheet menu/alat + backdrop,
   dan dock kamera (tombol Foto/Jalan/Drone/Kembang Api). Yang TIDAK
   ikut disembunyikan: bar jalan kaki / drone, joystick, tombol
   "Masuk" interior (#kkInteriorEnter), petunjuk landscape, dan bar
   atas kota (nama kota + jam — info kecil di tepi atas). --- */
body.kk-cam-mode #bottomNav,
body.kk-cam-mode #statPills,
body.kk-cam-mode #hud-city .canvas-tools,
body.kk-cam-mode #notifFeed,
body.kk-cam-mode #notifFeedShow,
body.kk-cam-mode #notifFeedHide,
body.kk-cam-mode #btnNotifToggle,
body.kk-cam-mode #sosialOnlineChip,
body.kk-cam-mode #btnInteraksiQuest,
body.kk-cam-mode #toast,
body.kk-cam-mode .toast,
body.kk-cam-mode #audioBtns,
body.kk-cam-mode #kkMenuFab,
body.kk-cam-mode #kkToolsBtn,
body.kk-cam-mode #kkMenuSheet,
body.kk-cam-mode #kkToolsSheet,
body.kk-cam-mode #kkSheetBackdrop,
body.kk-cam-mode #kkCamDock{display:none!important}

/* --- 2. Bar jalan kaki / drone turun ke tepi bawah (dock utama sudah
   hilang, jadi bottom 84px lama menyisakan celah kosong). Joystick
   kini di kiri bawah sejati (left:16px;bottom:16px di r5-f.css, R5-H)
   — sejajar dengan bar. Di layar portrait sempit bar terpusat akan
   bertabrakan dengan joystick, jadi di sana bar pindah ke kanan
   bawah (lihat bagian 4). --- */
body.kk-cam-mode #kkWalkBar,
body.kk-cam-mode #kkDroneBar{bottom:16px!important}

/* --- 3. Khusus Mode Jalan Kaki: panel/kartu ikut disembunyikan.
   Aman: klik warga/fasilitas di mode jalan SUDAH dicegah
   city3d-click.js (handleCityClick3D return bila mode walk), jadi
   tidak ada interaksi yang rusak; panel yang sempat terbuka sebelum
   masuk mode akan kembali otomatis saat keluar mode. Mode Drone
   TIDAK ikut aturan ini — klik warga di drone masih membuka kartu
   warga, jadi panel/kartu tetap berfungsi di sana. --- */
body.kk-cam-walk #sidePanel,
body.kk-cam-walk #chroniclePanel,
body.kk-cam-walk #trafficPanel,
body.kk-cam-walk #citizenCard,
body.kk-cam-walk #followChip{display:none!important}

/* --- 4. Bar drone membungkus di HP sempit supaya tombol "Keluar"
   selalu terlihat tanpa menggeser. Dulu .dock overflow-x: bar drone
   (label + 6 tombol + Keluar, ~516px) meluber di layar 390px dan
   tombol Keluar baru muncul setelah digeser — itulah alasan tombol
   kuning mengambang R3A dibuat. Dengan wrap, tiap mode kini punya
   TEPAT SATU tombol keluar (di barnya sendiri) dan tombol kuning
   mengambang bisa dihapus total (city3d-kamera.js). --- */
@media (max-width:480px){
  #kkDroneBar{flex-wrap:wrap;justify-content:center}
  /* AUDIT-C: bar foto (label + thumbnail + 4 tombol, ~430px) meluber
     di HP portrait 390px — bungkus ke 2 baris supaya semua tombol
     terlihat tanpa menggeser. */
  #kkPhotoBar{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 16px)}
  /* Walk bar ke kanan bawah (R5-H): joystick kini di kiri bawah
     (left:16px;bottom:16px), jadi bar terpusat (~164px, x75-239 di
     layar 390px) akan bersinggungan dengan joystick (x16-136).
     .dock memusatkan lewat left:50% + translateX(-50%), jadi
     ke-kanan-kanan butuh left:auto + transform:none. Di landscape
     (lebar >480px) bar tetap terpusat — tidak bertabrakan. */
  body.kk-cam-mode #kkWalkBar{left:auto;right:16px;transform:none!important}
}

/* --- 5. AUDIT-C: di dalam INTERIOR bangunan, sembunyikan HUD kota
   yang sama seperti mode kamera (dock 35 tombol, stat pills, kolom
   alat, feed Kabar + pil tampil/sembunyi, lonceng, chip online, pil
   Misi, toast, audio, FAB HP + sheet, dock kamera). Yang TIDAK ikut
   disembunyikan: bar atas kota (nama kota + jam, #13), label ruangan
   (#kkInteriorLabel) + tombol keluar interior (#kkInteriorExit).
   Kelas dipasang city3d-interior.js saat enter, dilepas saat exit. --- */
body.kk-interior-mode #bottomNav,
body.kk-interior-mode #statPills,
body.kk-interior-mode #hud-city .canvas-tools,
body.kk-interior-mode #notifFeed,
body.kk-interior-mode #notifFeedShow,
body.kk-interior-mode #notifFeedHide,
body.kk-interior-mode #btnNotifToggle,
body.kk-interior-mode #sosialOnlineChip,
body.kk-interior-mode #btnInteraksiQuest,
body.kk-interior-mode #toast,
body.kk-interior-mode .toast,
body.kk-interior-mode #audioBtns,
body.kk-interior-mode #kkMenuFab,
body.kk-interior-mode #kkToolsBtn,
body.kk-interior-mode #kkMenuSheet,
body.kk-interior-mode #kkToolsSheet,
body.kk-interior-mode #kkSheetBackdrop,
body.kk-interior-mode #kkCamDock{display:none!important}