/* Kerajaan Kaisar — r5-f.css: perbaikan susulan Ronde 5 (laporan user
   2026-11-09 15:04-15:11 WIB + temuan verifikasi browser live).
   Muat di index.html SETELAH r4-c.css. */

/* --- 1. Tombol keluar mode jalan/drone (#kkCamExitTop, dibuat
   city3d-kamera.js) + tombol Masuk interior (#kkInteriorEnter, dibuat
   sim-interior.js): posisi TIDAK lagi inline (dulu bottom 230px/300px
   inline) supaya bisa dipindah di HP. Desktop tidak berubah. --- */
#kkCamExitTop{position:fixed;left:50%;bottom:230px;transform:translateX(-50%)}
#kkInteriorEnter{position:fixed;left:50%;bottom:300px;transform:translateX(-50%)}

/* --- 2. Joystick bulat ala Roblox (#kkWalkJoy, dibuat city3d-kamera.js):
   alas 120px + kenop 52px, KIRI BAWAH sejati selama Mode Jalan Kaki:
   left:16px;bottom:16px di SEMUA ukuran layar (R5-H: dulu bottom
   300px desktop / 170px HP / 150px landscape — di layar landscape HP
   yang tingginya ~400px itu jatuh di TENGAH vertikal. Offset tinggi
   itu peninggalan saat feed kiri masih tampil dan bar jalan masih di
   bottom:84px; sejak R5-G feed disembunyikan di mode jalan dan bar
   jalan turun ke bottom:16px, alasan offset itu sudah tidak ada). --- */
#kkWalkJoy{position:fixed;left:16px;bottom:16px;width:120px;height:120px;border-radius:50%;background:rgba(20,9,11,.45);border:2px solid rgba(212,175,55,.65);z-index:12;display:none;touch-action:none;user-select:none;-webkit-user-select:none}
.kk-joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(212,175,55,.92);border:2px solid #241203;box-shadow:0 4px 14px rgba(0,0,0,.5);pointer-events:none}

/* --- 3. Petunjuk putar HP (bila kunci landscape gagal, mis. iPhone
   Safari). Pill kecil di bawah tombol Masuk, bisa ditutup (×). --- */
#kkLandscapeHint{position:fixed;top:170px;left:50%;transform:translateX(-50%);z-index:46;max-width:calc(100vw - 32px);align-items:center;gap:10px;background:rgba(20,9,11,.92);border:1px solid #d4af37;border-radius:999px;color:#f3e9d2;font:600 13px sans-serif;padding:10px 8px 10px 16px;box-shadow:0 6px 20px rgba(0,0,0,.6)}
#kkLandscapeHint .kk-hint-close{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid #d4af37;background:transparent;color:#f3e9d2;font-size:18px;line-height:1;cursor:pointer}

/* --- 4. HP (<=480px): tombol keluar + Masuk pindah ke ATAS layar.
   Bar jalan kaki HP itu panel BESAR dan TINGGI, jadi bottom 230px/300px
   jatuh DI TENGAH panel dan menutupi tombol arah (bug laporan user).
   Mode jalan/drone aktif: sembunyikan sementara pil/chip/lonceng/feed
   supaya panel kontrol tidak menutupinya (pola Opsi A). --- */
@media (max-width:480px){
  #kkCamExitTop{top:64px;bottom:auto}
  #kkInteriorEnter{top:120px;bottom:auto}
  /* Stat dibuka (tombol i): pill menutupi bar atas — geser tombol ke
     bawah panel stat (pola yang sama seperti #kkToolsBtn). */
  body.kk-stats-open #kkCamExitTop{top:calc(58px + 34vh + 10px)}
  body.kk-stats-open #kkInteriorEnter{top:calc(58px + 34vh + 58px)}
  #kkWalkJoy{bottom:16px}
  /* Toast jangan menutupi bar jalan kaki (toast HP di bottom 84px, sama
     dengan bar — z-index 60 menutupi tombol Keluar; saat mode jalan/
     drone aktif, toast naik ke atas bar + joystick). */
  body.kk-cam-mode .toast{bottom:300px!important}
  body.kk-cam-mode #sosialOnlineChip,
  body.kk-cam-mode #btnInteraksiQuest,
  body.kk-cam-mode #notifFeedShow,
  body.kk-cam-mode #notifFeedHide,
  body.kk-cam-mode #notifFeed,
  body.kk-cam-mode #btnNotifToggle{display:none!important}
}

/* --- 5. Layar pendek / HP landscape (tinggi <=500px): tombol Masuk di
   bawah tombol keluar; pil/chip ikut disembunyikan saat mode jalan/
   drone aktif. Joystick TETAP bottom:16px (kiri bawah sejati, R5-H). --- */
@media (max-height:500px){
  #kkWalkJoy{bottom:16px}
  #kkInteriorEnter{top:170px;bottom:auto}
  /* Toast naik di atas bar jalan kaki (landscape: bar di bottom 84-150,
     toast di bottom 170). */
  body.kk-cam-mode .toast{bottom:170px!important}
  body.kk-cam-mode #sosialOnlineChip,
  body.kk-cam-mode #btnInteraksiQuest,
  body.kk-cam-mode #notifFeedShow,
  body.kk-cam-mode #notifFeedHide,
  body.kk-cam-mode #notifFeed,
  body.kk-cam-mode #btnNotifToggle{display:none!important}
}