/* Gezegen yüzeyi (public/planet.js). Görünüm sohbetin (z 30) altında, uzay HUD'unun üstünde durur. */
#planet-land-btn { position: absolute; top: calc(50% + 110px); left: 50%; transform: translateX(-50%); z-index: 41;
  display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 22px; border: 0; border-radius: 12px;
  background: color-mix(in oklab, var(--color-bg-elevated) 86%, transparent); color: var(--color-fg); font: inherit; font-size: 14px;
  cursor: pointer; box-shadow: 0 0 0 1px color-mix(in oklab, #5ad1ff 60%, transparent), 0 0 24px color-mix(in oklab, #5ad1ff 25%, transparent);
  backdrop-filter: blur(8px); white-space: nowrap; }
#planet-land-btn small { font-size: 11px; color: var(--color-fg-muted); }
#planet-land-btn:hover { box-shadow: 0 0 0 2px #5ad1ff, 0 0 30px color-mix(in oklab, #5ad1ff 40%, transparent); }
#planet-land-btn.hidden { display: none; }

/* Şeffaf katman: yüzey uzay sahnesinin içinde çizilir (bkz. public/planet-curve.js), burada sadece arayüz ve fare var. */
#planet-view { position: absolute; inset: 0; z-index: 29; overflow: hidden; background: transparent; cursor: none; user-select: none; }
#planet-view.hidden { display: none; }
#planet-ui { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }

/* Yüzeydeyken uzaya ait göstergeler gizlenir (sohbet, menüler, paneller kalır). */
#game-screen.on-planet #quickbar-wrap, #game-screen.on-planet #station-prompt, #game-screen.on-planet #warp-status,
#game-screen.on-planet #attacker-banner, #game-screen.on-planet #planet-land-btn, #game-screen.on-planet #safe-badge { display: none !important; }
#game-screen.on-planet #toast { bottom: 200px; }
/* yerdeyken uzay HUD'u (durum paneli, radar, kısayol çubuğu) gizli */
#game-screen.on-planet #hud, #game-screen.on-planet #minimap-wrap { display: none !important; }

#planet-view .pv-top { position: absolute; top: 14px; left: 50%; transform: translateX(-50%); pointer-events: none; }
#planet-view .pv-title { padding: 7px 16px; border-radius: 10px; background: rgb(8 12 20 / 62%); color: #e8f3ff; font-size: 15px; font-weight: 700;
  box-shadow: 0 0 0 1px rgb(255 255 255 / 10%); backdrop-filter: blur(6px); white-space: nowrap; }
#planet-view .pv-title small { font-weight: 400; color: #9fb4c9; font-size: 12px; margin-left: 6px; }

#planet-view .pv-hp { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); width: min(340px, calc(100% - 32px));
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 10px;
  background: rgb(8 12 20 / 66%); color: #e8f3ff; font-size: 12px; box-shadow: 0 0 0 1px rgb(255 255 255 / 10%); pointer-events: none; }
#planet-view .pv-bar { height: 10px; border-radius: 6px; background: rgb(255 255 255 / 10%); overflow: hidden; }
#planet-view .pv-bar i { display: block; height: 100%; width: 100%; background: linear-gradient(90deg, #2fd27a, #8dffb8); transition: width 0.15s; }

#planet-view .pv-gun { position: absolute; right: 16px; bottom: 22px; min-width: 200px; padding: 10px 14px; border-radius: 10px;
  background: rgb(8 12 20 / 66%); color: #e8f3ff; box-shadow: 0 0 0 1px rgb(255 255 255 / 10%); pointer-events: none; }
#planet-view .pv-gun-name { font-weight: 700; font-size: 13px; }
#planet-view .pv-gun-name .plus { color: #ffd27a; }
#planet-view .pv-ammo { font-size: 28px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
#planet-view .pv-ammo span { font-size: 15px; color: #9fb4c9; font-weight: 400; margin-left: 4px; }
#planet-view .pv-reserve { font-size: 12px; color: #9fb4c9; }
#planet-view .pv-reserve i { color: #ffd27a; font-style: normal; }

#planet-view .pv-map { position: absolute; right: 16px; top: 14px; width: 190px; height: 190px; border-radius: 50%; pointer-events: none; box-shadow: 0 6px 22px rgb(0 0 0 / 45%); }

#planet-view .pv-takeoff { position: absolute; left: 50%; bottom: 150px; transform: translateX(-50%); padding: 9px 18px; border: 0; border-radius: 10px;
  background: #1f6fd6; color: #fff; font: inherit; font-weight: 700; cursor: pointer; box-shadow: 0 0 20px rgb(31 111 214 / 50%); }
#planet-view .pv-takeoff:hover { background: #2b82f0; }
#planet-view .pv-takeoff kbd, #planet-view .pv-help kbd { padding: 1px 5px; border-radius: 4px; background: rgb(255 255 255 / 16%); font: inherit; font-size: 11px; }
#planet-view .pv-takeoff.hidden { display: none; }

#planet-view .pv-msg { position: absolute; top: 64px; left: 50%; transform: translateX(-50%); padding: 8px 16px; border-radius: 10px;
  background: rgb(8 12 20 / 75%); color: #e8f3ff; font-size: 14px; pointer-events: none; }
#planet-view .pv-msg.warn { color: #ffd27a; }
#planet-view .pv-msg.kill { color: #8dffb8; }
#planet-view .pv-msg.dead { color: #ff8a7a; }
#planet-view .pv-msg.hidden { display: none; }

#planet-view .pv-dead { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  background: rgb(60 0 0 / 35%); color: #fff; font-size: 14px; pointer-events: none; }
#planet-view .pv-dead b { font-size: 26px; }
#planet-view .pv-dead.hidden { display: none; }

#planet-view .pv-help { position: absolute; left: 50%; bottom: 4px; transform: translateX(-50%); font-size: 11px; color: rgb(232 243 255 / 55%);
  white-space: nowrap; pointer-events: none; }
@media (max-width: 760px) {
  #planet-view .pv-help { display: none; }
  #planet-view .pv-map { width: 120px; height: 120px; }
  #planet-view .pv-gun { bottom: 70px; min-width: 0; }
}

/* İnşa çubuğu (B) */
#planet-view .pv-build { position: absolute; left: 50%; bottom: 66px; transform: translateX(-50%); display: flex; gap: 6px; align-items: stretch;
  max-width: calc(100% - 420px); flex-wrap: wrap; justify-content: center; cursor: default; }
#planet-view .pv-bb { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 8px; align-items: center;
  min-width: 150px; padding: 7px 26px 7px 10px; border: 0; border-radius: 10px; background: rgb(8 12 20 / 72%); color: #e8f3ff; font: inherit; text-align: left;
  cursor: pointer; box-shadow: 0 0 0 1px rgb(255 255 255 / 12%); }
#planet-view .pv-bb:hover { box-shadow: 0 0 0 1px #4fd8ff; }
#planet-view .pv-bb.on { box-shadow: 0 0 0 2px #5cff9a, 0 0 16px rgb(92 255 154 / 30%); }
#planet-view .pv-bb:disabled { opacity: 0.45; cursor: not-allowed; }
#planet-view .pv-bb-ic { grid-row: 1 / 3; font-size: 22px; }
#planet-view .pv-bb b { font-size: 12px; }
#planet-view .pv-bb small { font-size: 11px; color: #9fb4c9; white-space: nowrap; }
#planet-view .pv-bb em { position: absolute; right: 8px; bottom: 6px; font-style: normal; font-size: 11px; color: #9fb4c9; }
#planet-view .pv-bb kbd { position: absolute; right: 6px; top: 5px; padding: 0 4px; border-radius: 4px; background: rgb(255 255 255 / 14%); font: inherit; font-size: 10px; }
#planet-view .pv-bb-x, #planet-view .pv-bb-toggle { border: 0; border-radius: 10px; padding: 0 10px; background: rgb(8 12 20 / 72%); color: #9fb4c9; font: inherit; cursor: pointer;
  box-shadow: 0 0 0 1px rgb(255 255 255 / 12%); }
#planet-view .pv-bb-toggle { padding: 8px 14px; color: #e8f3ff; }
#planet-view .pv-bb-toggle kbd { padding: 0 4px; border-radius: 4px; background: rgb(255 255 255 / 14%); font: inherit; font-size: 10px; }
#planet-view .pv-bb-note { align-self: center; padding: 6px 10px; border-radius: 8px; background: rgb(8 12 20 / 72%); color: #ffd27a; font-size: 12px; }

/* Koloni paneli (C) */
#planet-view .pv-colony { position: absolute; right: 16px; top: 206px; width: min(370px, calc(100% - 32px)); max-height: calc(100% - 330px); overflow: auto;
  padding: 12px 14px; border-radius: 12px; background: rgb(8 12 20 / 86%); color: #e8f3ff; font-size: 13px; cursor: default;
  box-shadow: 0 0 0 1px rgb(255 255 255 / 12%); backdrop-filter: blur(8px); }
#planet-view .pv-colony.hidden { display: none; }
#planet-view .pv-c-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 15px; }
#planet-view .pv-colony button { font: inherit; cursor: pointer; }
#planet-view .pv-c-x { border: 0; background: none; color: #9fb4c9; font-size: 16px; }
#planet-view .pv-c-tabs { display: flex; gap: 4px; margin-bottom: 10px; }
#planet-view .pv-c-tabs button { flex: 1; padding: 6px; border: 0; border-radius: 8px; background: rgb(255 255 255 / 6%); color: #9fb4c9; }
#planet-view .pv-c-tabs button.on { background: rgb(79 216 255 / 18%); color: #e8f3ff; }
#planet-view .pv-c-cap { display: grid; gap: 4px; margin-bottom: 8px; font-size: 12px; color: #9fb4c9; }
#planet-view .pv-c-warn { margin: 6px 0; color: #ffd27a; font-size: 12px; }
#planet-view .pv-c-tab { width: 100%; border-collapse: collapse; font-size: 12px; }
#planet-view .pv-c-tab th { text-align: left; color: #9fb4c9; font-weight: 600; padding: 3px 4px; }
#planet-view .pv-c-tab td { padding: 4px; border-top: 1px solid rgb(255 255 255 / 7%); font-variant-numeric: tabular-nums; }
#planet-view .pv-c-btns { white-space: nowrap; text-align: right; }
#planet-view .pv-c-btns button, #planet-view .pv-c-item button, #planet-view .pv-c-del { padding: 3px 7px; border: 0; border-radius: 6px; background: rgb(79 216 255 / 16%);
  color: #e8f3ff; font-size: 11px; }
#planet-view .pv-colony button:disabled { opacity: 0.4; cursor: not-allowed; }
#planet-view .pv-c-sub { margin: 12px 0 6px; font-weight: 700; }
#planet-view .pv-c-item { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; }
#planet-view .pv-c-empty, #planet-view .pv-c-note { color: #9fb4c9; font-size: 12px; line-height: 1.5; margin: 4px 0; }
#planet-view .pv-c-m { position: relative; display: grid; gap: 5px; padding: 8px 10px; margin-bottom: 6px; border-radius: 8px; background: rgb(255 255 255 / 5%); }
#planet-view .pv-c-m.focus { box-shadow: 0 0 0 1px #4fd8ff; }
#planet-view .pv-c-m select { padding: 4px; border-radius: 6px; border: 0; background: rgb(255 255 255 / 10%); color: #e8f3ff; font: inherit; font-size: 12px; }
#planet-view .pv-c-m select option { background: #10151f; }
#planet-view .pv-c-in { font-size: 12px; color: #9fb4c9; }
#planet-view .pv-c-in .no { color: #ff8a7a; }
#planet-view .pv-c-st { font-size: 11px; }
#planet-view .pv-c-st.on { color: #8dffb8; }
#planet-view .pv-c-st.off { color: #ffd27a; }
#planet-view .pv-c-del { position: absolute; right: 8px; top: 7px; background: rgb(255 90 74 / 18%); }
#planet-view .pv-c-info { display: grid; gap: 6px; }
#planet-view .pv-c-danger { justify-self: start; padding: 6px 12px; border: 0; border-radius: 8px; background: rgb(255 90 74 / 22%); color: #ffb0a5; }
#planet-view .pv-c-warnin { color: #ffd27a; }
@media (max-width: 1100px) { #planet-view .pv-build { max-width: calc(100% - 32px); bottom: 110px; } }
#planet-view .pv-c-lvl { font-size: 14px; }
#planet-view .pv-c-perks { margin: 4px 0; padding-left: 18px; color: #c9d8e6; font-size: 12px; line-height: 1.5; }
#planet-view .pv-c-go { justify-self: start; padding: 7px 14px; border: 0; border-radius: 8px; background: #1f6fd6; color: #fff; font-weight: 700; }

/* Yüzeydeyken menü pencereleri (envanter, yönetici, host, ayarlar, profil, pazar…) gezegen görünümünün üstünde açılır;
   sohbetin (30) üstünde, alttaki menü çubuğunun (42) ve bildirimlerin altında. */
#game-screen.on-planet .panel { z-index: 36; }
/* grup takip kutusu (25) ve takas isteği kutusu gezegen görünümünün (29) altında kalmasın */
#game-screen.on-planet #group-hud { z-index: 33; }
#game-screen.on-planet #trade-request-box { z-index: 41; }

/* Uzayda iniş göstergesi (düğme değil — gemiyle gezegene dalınca inilir) */
#planet-land-btn { cursor: pointer; pointer-events: auto; }
#planet-land-btn.busy { box-shadow: 0 0 0 2px #ffd27a, 0 0 24px rgb(255 210 122 / 30%); }
/* Yüzeyde gemi: park et / bin / uzaya kalk düğmeleri ve gemi kalkan-gövde çubuğu */
#planet-view .pv-shipbtns { position: absolute; left: 50%; bottom: 150px; transform: translateX(-50%); display: flex; gap: 8px; }
#planet-view .pv-shipbtns .pv-takeoff { position: static; transform: none; }
#planet-view .pv-shiphp { position: absolute; left: 16px; top: 14px; width: 190px; display: grid; gap: 4px; padding: 8px 10px; border-radius: 10px;
  background: rgb(8 12 20 / 66%); color: #e8f3ff; font-size: 12px; box-shadow: 0 0 0 1px rgb(255 255 255 / 10%); pointer-events: auto; }
#planet-view .pv-shiphp.hidden { display: none; }
#planet-view .pv-shiphp .pv-bar { height: 7px; }
#planet-view .pv-shiphp i.sh { background: linear-gradient(90deg, #3a8cff, #8fd0ff); }
#planet-view .pv-shiphp i.hu { background: linear-gradient(90deg, #ff6a4a, #ffc070); }

#planet-land-btn.ready { box-shadow: 0 0 0 2px #5cff9a, 0 0 24px rgb(92 255 154 / 35%); }

/* Gezegen haritası (N) */
#planet-view .pv-bigmap { position: absolute; inset: 60px 60px 90px; display: grid; grid-template-rows: auto 1fr auto; gap: 6px; padding: 10px 12px;
  border-radius: 12px; background: rgb(8 12 20 / 92%); box-shadow: 0 0 0 1px rgb(255 255 255 / 12%); color: #e8f3ff; cursor: default; z-index: 5; }
#planet-view .pv-bigmap.hidden { display: none; }
#planet-view .pv-bm-head { display: flex; justify-content: space-between; align-items: center; font-size: 15px; }
#planet-view .pv-bm-btns { display: flex; gap: 6px; }
#planet-view .pv-bm-btns button { border: 0; border-radius: 8px; padding: 5px 10px; background: rgb(255 255 255 / 10%); color: #e8f3ff; font: inherit; font-size: 12px; cursor: pointer; }
#planet-view #pv-bm-canvas { width: 100%; height: 100%; min-height: 0; border-radius: 8px; cursor: grab; }
#planet-view .pv-bm-legend { display: flex; flex-wrap: wrap; gap: 12px; font-size: 11px; color: #9fb4c9; }
#planet-view .pv-bm-legend i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 5px; vertical-align: -1px; }

/* Pusula şeridi (Satisfactory tarzı): başlığın altında */
#planet-view .pv-top { display: flex; flex-direction: column; align-items: center; gap: 4px; }
#planet-view .pv-compass { width: min(620px, calc(100vw - 420px)); height: 52px; pointer-events: none; }
@media (max-width: 900px) { #planet-view .pv-compass { width: calc(100vw - 40px); } }

#planet-view .pv-spec { color: #ffd27a; }
#planet-view .pv-rule { font-size: 12px; color: #8dffb8; margin-left: 6px; }