/**
 * DarkOrbit game.xml — resolution id="0" (820×600) VARSAYILAN hizalama
 * Oyuncu kaydı / örnek ekran görüntüsü değil; XML patterns.
 *
 * minimizedIconSlots x="25" y="200" + zigzag iconXPos/iconYPos
 * USER 265,3 | SHIP 424,3 | CHAT 5,426 | MINIMAP 562,400
 * topMenu: help 165,7 | settings 200,7 | logout 271,6
 * menuButtons: comb01 std/hover/selected | gap="3"
 */

:root {
  --do-base-w: 820;
  --do-base-h: 600;
  /* Sol HUD ile aynı arka çerçeve (beyaz kenarlı petek) */
  --do-comb-std: url('img/Darkorbit/actionMenu/82_comb02_selected.png.png');
  --do-comb-hover: url('img/Darkorbit/actionMenu/83_comb02_hover.png.png');
  --do-comb-selected: url('img/Darkorbit/actionMenu/85_comb01_selected.png.png');
  --do-hex-w: 34px;
  --do-hex-h: 39px;
  --do-icon-w: 24px;
  --do-icon-h: 24px;
  --do-menu-gap: 3px;
  /* window1 9-slice (XML title_map chrome) — zoom ile JS ölçekler */
  --mm-l: 40px;
  --mm-r: 79px;
  --mm-t: 36px;
  --mm-b: 22px;
  --mm-bot-lift: 0px;
  --mm-title-overlap: 14px;
  /* title coords + hatch inset — harita ile çerçeve arası dar */
  --mm-kararti: 20px;
  --mm-hatch-x: 10px;
  --mm-hatch-l: 22px;
  --mm-hatch-r: 10px;
  --mm-hatch-y: 5px;
  --mm-hatch-top: 0px;
}

/*
 * Mobil HUD — PC @media (min-width:901px) bloğuna dokunma.
 * game-ui-layer zaten 1920×1080 ölçeklenir; PC’nin 820×600 yüzde
 * koordinatları mobilde ortada/minimap altında kayboluyordu.
 * Sol: kompakt 1-2-1-2 zigzag. Skor: sol üst, pencere içinde.
 * Sağ üst: viewport’ta minimap’ın soluna (fixed).
 */
html.mobile-ayarlar-compact .game-ui-layer .top-left-buttons {
  top: 8px !important;
  left: max(4px, env(safe-area-inset-left)) !important;
  right: auto !important;
  bottom: auto !important;
  width: 260px !important;
  height: 360px !important;
  min-width: 260px !important;
  min-height: 360px !important;
  display: block !important;
  gap: 0 !important;
  transform: scale(0.9) !important;
  transform-origin: top left !important;
  pointer-events: none;
  z-index: 30;
  overflow: visible !important;
}

html.mobile-ayarlar-compact .game-ui-layer .top-left-buttons .do-hud-icon-rail {
  position: absolute !important;
  left: 17px !important;
  top: 0 !important;
  width: 70px !important;
  height: 340px !important;
  pointer-events: none;
  overflow: visible !important;
}

html.mobile-ayarlar-compact .game-ui-layer .top-left-buttons .do-hud-icon-rail > .info-button:not(.top-left-mobile-tab-toggle) {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: var(--do-hex-w) !important;
  height: var(--do-hex-h) !important;
  min-width: var(--do-hex-w) !important;
  min-height: var(--do-hex-h) !important;
  margin: 0 !important;
  transform: translate(var(--do-slot-tx, 0px), var(--do-slot-ty, 0px)) !important;
  pointer-events: auto;
  visibility: visible !important;
  opacity: 1 !important;
}

html.mobile-ayarlar-compact .game-ui-layer .top-left-buttons .do-hud-icon-rail > .top-left-mobile-tab-toggle {
  position: absolute !important;
  left: 52px !important;
  top: 2px !important;
  margin: 0 !important;
  transform: none !important;
  pointer-events: auto;
  z-index: 4;
}

html.mobile-ayarlar-compact .game-ui-layer .top-left-buttons.mobile-buttons-collapsed .do-hud-icon-rail > .info-button:not(.top-left-mobile-tab-toggle) {
  display: none !important;
}

html.mobile-ayarlar-compact .game-ui-layer .top-left-buttons .chat-toast-stack {
  position: absolute !important;
  left: 78px !important;
  top: 200px !important;
  width: 180px;
  pointer-events: none;
}

html.mobile-ayarlar-compact .game-ui-layer .top-left-buttons .capture-score-window,
html.mobile-ayarlar-compact .game-ui-layer .top-left-buttons .spaceball-score-window,
html.mobile-ayarlar-compact .game-ui-layer .top-left-buttons .konvoy-score-window {
  position: absolute !important;
  left: 78px !important;
  top: 0 !important;
  margin-left: 0 !important;
  width: fit-content;
  max-width: 180px;
  pointer-events: auto;
  /* Skor overlay’lerini pencere kutusuna bağla; sol grup scale(0.9) ile birlikte %10 küçülür */
  transform: translateZ(0) !important;
  transform-origin: top left !important;
  isolation: isolate;
  z-index: 2;
  overflow: visible !important;
}

/* Sağ üst küme: mobilde game-container’da (scale dışı), minimap ile aynı köşe, z-index altta = arkada */
html.mobile-ayarlar-compact .game-container > .do-top-cluster {
  position: absolute !important;
  top: calc(4px + env(safe-area-inset-top)) !important;
  right: max(4px, env(safe-area-inset-right)) !important;
  left: auto !important;
  width: 151px !important;
  height: 110px !important;
  z-index: 70; /* minimap/ana sayfa 75 — logo arkada; buton sırası sola taşar */
  transform: scale(0.9) !important;
  transform-origin: top right !important;
  pointer-events: none;
  overflow: visible !important;
}

html.mobile-ayarlar-compact .game-container > .do-top-cluster .do-sticky-nav {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 151px !important;
  height: 54px !important;
  pointer-events: none;
  z-index: 1;
}

html.mobile-ayarlar-compact .game-container > .do-top-cluster .do-sticky-nav-bg {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 151px !important;
  height: 54px !important;
  display: block !important;
  image-rendering: auto;
  pointer-events: none;
}

html.mobile-ayarlar-compact .game-container > .do-top-cluster .do-sticky-nav-logo {
  position: absolute !important;
  right: -6px !important;
  top: -7px !important;
  width: 135px !important;
  height: 48px !important;
  display: block !important;
  object-fit: contain;
  z-index: 2;
  pointer-events: none;
}

/* PC sırası değil: yardım sabit; üstüne ticaret, onun üstüne çıkış (hafif sola) */
html.mobile-ayarlar-compact .game-container > .do-top-cluster .do-top-float {
  --hex-w: 34px;
  --hex-h: 39px;
  position: absolute !important;
  left: -48px !important;
  top: -8px !important;
  width: 90px !important;
  height: 120px !important;
  z-index: 3;
  pointer-events: none;
  overflow: visible !important;
}

html.mobile-ayarlar-compact .game-container > .do-top-cluster .do-top-float-btn {
  position: absolute !important;
  top: 0 !important;
  width: var(--hex-w) !important;
  height: var(--hex-h) !important;
  min-width: var(--hex-w) !important;
  min-height: var(--hex-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer;
  pointer-events: auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: visible;
  isolation: isolate;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Yardım: mevcut yerde (minimap solu alt sıra) */
html.mobile-ayarlar-compact .game-container > .do-top-cluster #helpTopButton {
  left: 48px !important;
  top: 54px !important;
}

/* Ticaret: yardımın hemen üstü, az sola */
html.mobile-ayarlar-compact .game-container > .do-top-cluster #topMenuTradeBtn {
  left: 32px !important;
  top: 27px !important;
}

/* Çıkış: ticaretin üstü, az daha sola */
html.mobile-ayarlar-compact .game-container > .do-top-cluster #kptButton {
  left: 16px !important;
  top: 0 !important;
}

/* Ayarlar + rafine: mobilde sağ üst kümede yok */
html.mobile-ayarlar-compact .game-container > .do-top-cluster #ayarButton,
html.mobile-ayarlar-compact .game-container > .do-top-cluster #topMenuRefineBtn {
  display: none !important;
}

html.mobile-ayarlar-compact .game-container > .do-top-cluster .do-top-float-btn.do-hex-btn::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 35px;
  margin-left: -16px;
  margin-top: -17.5px;
  background: var(--do-comb-std) center / 32px 35px no-repeat;
  pointer-events: none;
  z-index: 0;
}

html.mobile-ayarlar-compact .game-container > .do-top-cluster .do-top-float-btn.do-hex-btn:hover::before {
  background-image: var(--do-comb-hover);
}

html.mobile-ayarlar-compact .game-container > .do-top-cluster .do-top-float-btn.do-hex-btn.active::before,
html.mobile-ayarlar-compact .game-container > .do-top-cluster .do-top-float-btn.do-hex-btn.active:hover::before {
  background-image: var(--do-comb-selected);
  width: 34px;
  height: 39px;
  margin-left: -17px;
  margin-top: -19.5px;
}

html.mobile-ayarlar-compact .game-container > .do-top-cluster .do-top-float-btn > img {
  position: relative;
  z-index: 1;
  width: var(--do-icon-w) !important;
  height: var(--do-icon-h) !important;
  max-width: var(--do-icon-w) !important;
  max-height: var(--do-icon-h) !important;
  object-fit: contain !important;
  pointer-events: none;
  filter: none !important;
  display: block;
}

html.mobile-ayarlar-compact .game-container > .do-top-cluster #helpTopButton.help-top-btn-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

html.mobile-ayarlar-compact .game-ui-layer .top-right-reklam {
  display: none !important;
}

/* ---- Hex çerçeve + ikon (orijinal px) ---- */
.do-hud-icon-rail > .info-button.do-hex-btn,
.top-right-btn.do-hex-btn {
  position: relative;
  width: var(--do-hex-w);
  height: var(--do-hex-h);
  min-width: var(--do-hex-w);
  min-height: var(--do-hex-h);
  background: transparent !important;
  overflow: visible;
  isolation: isolate;
  box-sizing: border-box;
}

.do-hud-icon-rail > .info-button.do-hex-btn::before,
.top-right-btn.do-hex-btn::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 35px;
  margin-left: -16px;
  margin-top: -17.5px;
  background: var(--do-comb-std) center / 32px 35px no-repeat;
  pointer-events: none;
  z-index: 0;
}

.do-hud-icon-rail > .info-button.do-hex-btn:hover::before,
.top-right-btn.do-hex-btn:hover::before {
  background-image: var(--do-comb-hover);
}

.do-hud-icon-rail > .info-button.do-hex-btn.active::before,
.do-hud-icon-rail > .info-button.do-hex-btn.active:hover::before {
  background-image: var(--do-comb-selected);
  width: 34px;
  height: 39px;
  margin-left: -17px;
  margin-top: -19.5px;
}

.do-hud-icon-rail > .info-button.do-hex-btn > img,
.top-right-btn.do-hex-btn > img {
  position: relative;
  z-index: 1;
  width: var(--do-icon-w) !important;
  height: var(--do-icon-h) !important;
  max-width: var(--do-icon-w) !important;
  max-height: var(--do-icon-h) !important;
  object-fit: contain !important;
  margin: 0;
  display: block;
  filter: none !important;
  box-shadow: none !important;
}

/* Eski 50px bot/gg/uba/pay kutuları — do-hex ile aynı ölçü */
.do-hud-icon-rail > .info-button.do-hex-btn.bot-button,
.do-hud-icon-rail > .info-button.do-hex-btn.info-button-gg,
.do-hud-icon-rail > .info-button.do-hex-btn.info-button-uba,
.do-hud-icon-rail > .info-button.do-hex-btn.info-button-pay,
.do-hud-icon-rail > .info-button.do-hex-btn.info-button-jackpot,
.do-hud-icon-rail > .info-button.do-hex-btn#fullscreenButton {
  width: var(--do-hex-w) !important;
  height: var(--do-hex-h) !important;
  min-width: var(--do-hex-w) !important;
  min-height: var(--do-hex-h) !important;
  padding: 0 !important;
}

/* UBA: 32×32 */
.do-hud-icon-rail > .info-button.do-hex-btn.info-button-uba > img {
  width: 32px !important;
  height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
}

.do-hud-icon-rail > .info-button.do-hex-btn.info-button-gg > img,
.do-hud-icon-rail > .info-button.do-hex-btn.info-button-pay > img,
.do-hud-icon-rail > .info-button.do-hex-btn.info-button-jackpot > img,
.do-hud-icon-rail > .info-button.do-hex-btn#fullscreenButton > img {
  width: 35px !important;
  height: 32px !important;
  max-width: 35px !important;
  max-height: 32px !important;
}

/* Mobil/flex: pencere açıkken buton kümeden düşer */
.do-hud-icon-rail > .info-button.do-hud-slot-hidden {
  display: none !important;
}

.do-hud-icon-rail > .info-button:not(.do-hex-btn) img {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  filter: none !important;
}

.do-hud-icon-rail > .info-button,
.do-hud-icon-rail > .info-button:hover,
.do-hud-icon-rail > .info-button:active,
.do-hud-icon-rail > .info-button.active {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.top-right-btn.do-hex-btn:hover img {
  opacity: 1;
  filter: none !important;
}

/* ---- PC: XML resolution id=0 layout ---- */
@media (min-width: 901px) {
  /*
   * minimizedIconSlots: origin (25,200) in 820×600
   * Absolute zigzag per iconXPos / iconYPos
   */
  .game-ui-layer .top-left-buttons {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    display: block;
    pointer-events: none;
    z-index: 30;
  }

  .game-ui-layer .top-left-buttons .do-hud-icon-rail {
    position: absolute;
    left: calc(25 / 820 * 100%);
    top: calc(200 / 600 * 100%);
    width: 70px;
    height: 320px;
    pointer-events: none;
  }

  .game-ui-layer .top-left-buttons .do-hud-icon-rail > .info-button {
    position: absolute !important;
    margin: 0 !important;
    width: var(--do-hex-w);
    height: var(--do-hex-h);
    pointer-events: auto;
    left: 0;
    top: 0;
    transform: translate(var(--do-slot-tx, 0px), var(--do-slot-ty, 0px)) !important;
  }

  .game-ui-layer .do-hud-icon-rail > .info-button.do-hud-slot-hidden {
    display: none !important;
  }

  .game-ui-layer .top-left-buttons .chat-toast-stack {
    position: absolute;
    left: calc(80 / 820 * 100%);
    top: calc(200 / 600 * 100%);
    width: min(280px, 40vw);
    pointer-events: none;
  }

  .game-ui-layer .top-left-buttons .capture-score-window,
  .game-ui-layer .top-left-buttons .spaceball-score-window,
  .game-ui-layer .top-left-buttons .konvoy-score-window {
    position: absolute;
    left: calc(90 / 820 * 100%);
    top: calc(8 / 600 * 100%);
    pointer-events: auto;
  }

  /*
   * Sağ üst küme — kırmızı çizgiler = peteğin ALT kenarı (dışında):
   * sticky_nav üstte; 5 buton altında yatay sıra.
   */
  .game-ui-layer .do-top-cluster {
    position: absolute;
    top: calc(2 / 600 * 100%);
    right: calc(4 / 820 * 100%);
    width: 151px;
    height: 96px;
    z-index: 18;
    pointer-events: none;
  }

  .game-ui-layer .do-sticky-nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 151px;
    height: 54px;
    pointer-events: none;
    z-index: 1;
  }

  .game-ui-layer .do-sticky-nav-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 151px;
    height: 54px;
    display: block;
    image-rendering: auto;
    pointer-events: none;
  }

  .game-ui-layer .do-sticky-nav-logo {
    position: absolute;
    right: -6px;
    top: -7px;
    width: 135px;
    height: 48px;
    display: block;
    object-fit: contain;
    z-index: 2;
    pointer-events: none;
  }

  /* Peteğin hemen altı — hepsi birlikte sola kaydırılabilir (left) */
  .game-ui-layer .do-top-float {
    --hex-w: 34px;
    --hex-h: 39px;
    position: absolute;
    left: -26px;
    top: 46px;
    width: 180px;
    height: 40px;
    z-index: 3;
    pointer-events: none;
  }

  .game-ui-layer .do-top-float-btn,
  .game-ui-layer .do-top-float #kptButton,
  .game-ui-layer .do-top-float #helpTopButton,
  .game-ui-layer .do-top-float #ayarButton,
  .game-ui-layer .do-top-float #topMenuTradeBtn,
  .game-ui-layer .do-top-float #topMenuRefineBtn {
    position: absolute;
    top: 0;
    width: var(--hex-w);
    height: var(--hex-h);
    min-width: var(--hex-w);
    min-height: var(--hex-h);
    margin: 0;
    padding: 0;
    border: none;
    background: transparent !important;
    cursor: pointer;
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: visible;
    isolation: isolate;
    -webkit-appearance: none;
    appearance: none;
    outline: none !important;
    box-shadow: none !important;
    transform: none !important;
  }

  /* Comb arka çerçeve — sol HUD ile aynı */
  .game-ui-layer .do-top-float-btn.do-hex-btn::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 32px;
    height: 35px;
    margin-left: -16px;
    margin-top: -17.5px;
    background: var(--do-comb-std) center / 32px 35px no-repeat;
    pointer-events: none;
    z-index: 0;
  }
  .game-ui-layer .do-top-float-btn.do-hex-btn:hover::before {
    background-image: var(--do-comb-hover);
  }
  .game-ui-layer .do-top-float-btn.do-hex-btn.active::before,
  .game-ui-layer .do-top-float-btn.do-hex-btn.active:hover::before {
    background-image: var(--do-comb-selected);
    width: 34px;
    height: 39px;
    margin-left: -17px;
    margin-top: -19.5px;
  }

  .game-ui-layer .do-top-float-btn > img {
    position: relative;
    z-index: 1;
    width: var(--do-icon-w) !important;
    height: var(--do-icon-h) !important;
    max-width: var(--do-icon-w) !important;
    max-height: var(--do-icon-h) !important;
    object-fit: contain !important;
    pointer-events: none;
    filter: none !important;
    display: block;
  }

  .game-ui-layer .do-top-float-btn:hover > img {
    filter: brightness(1.12) !important;
  }

  #helpTopButton.help-top-btn-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .game-ui-layer .top-right-reklam {
    display: none !important;
  }

  .chat-window.do-hud-anchored {
    left: calc(5 / 820 * 100%) !important;
    top: calc(426 / 600 * 100%) !important;
    bottom: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 300px !important;
    height: 150px !important;
    transform: none !important;
  }

  /* WINDOW_CLASS_MINIMAP: xPos=562 yPos=400 — boyut zoom ile büyür */
  .game-container > #minimapContainer:not(.minimap-mobile-hud) {
    left: calc(562 / 820 * 100%) !important;
    top: calc(400 / 600 * 100%) !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /*
   * Mini harita — game.xml id=3: zoomable=true, resizable YOK.
   * 29/44/35/34/33/28 → resize/chatin pencereleri (resizable="true").
   * Minimap sadece: title 32/31/30 + gövde 25 hatch (180−36=144).
   */
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-shell {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    width: var(--mm-w, 238px) !important;
    height: var(--mm-h, 180px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    /* hatch ::before’da — alt şerit boş (siyah/hatch yok) */
    background: transparent !important;
    box-shadow: none !important;
    clip-path: none !important;
    overflow: hidden !important;
  }

  /* Hatch gövde; üstte clip, altta çok az boş — boşluk kapansın, çerçeve üstte kalır */
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-shell::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: var(--mm-hatch-clip, 12px);
    bottom: var(--mm-hatch-clip-bot, 3px);
    background:
      #0a0c10
      url('img/Darkorbit/window1/25.png') 0 0 / 16px auto repeat;
    z-index: 0;
    pointer-events: none;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-row {
    display: grid;
    grid-template-columns: var(--mm-l, 40px) minmax(0, 1fr) var(--mm-r, 79px);
    width: 100%;
    flex: 0 0 auto;
    height: var(--mm-t, 36px);
    margin: 0;
    padding: 0;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-tl {
    position: relative;
    width: var(--mm-l, 40px);
    height: var(--mm-t, 36px);
    background: url('img/Darkorbit/window1/32.png') left top / 100% 100% no-repeat;
    display: block;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-title-icon-btn {
    position: absolute;
    left: calc(var(--mm-l, 40px) * -1 / 40);
    top: calc(var(--mm-t, 36px) * -1 / 36);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--mm-map-icon-btn, 30px);
    height: var(--mm-map-icon-btn, 30px);
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    z-index: 2;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-title-icon {
    width: var(--mm-map-icon, 26px) !important;
    height: var(--mm-map-icon, 26px) !important;
    object-fit: contain;
    pointer-events: none;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-title {
    color: #e8d9a8 !important;
    font-size: var(--mm-title-font, 12px) !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
    text-shadow: 0 1px 0 #000;
    pointer-events: none;
    text-align: left !important;
    flex: 0 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1;
    transform: scaleX(0.9) translateX(-2px);
    transform-origin: left center;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-t {
    height: var(--mm-t, 36px);
    min-width: 0;
    background: url('img/Darkorbit/window1/31.png') center / auto 100% repeat-x;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 13px 0 0 2px;
    cursor: grab;
    user-select: none;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-tr {
    position: relative;
    width: var(--mm-r, 79px);
    height: var(--mm-t, 36px);
    background: url('img/Darkorbit/window1/30.png') right top / 100% 100% no-repeat;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  /*
   * +/- : 30.png yuvaları — + sola (referans)
   */
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-tr .minimap-zoom-out,
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-tr .minimap-zoom-in {
    position: absolute !important;
    right: auto !important;
    margin: 0 !important;
    width: var(--mm-zoom-btn, 11px) !important;
    height: var(--mm-zoom-btn, 11px) !important;
    min-width: var(--mm-zoom-btn, 11px) !important;
    background-size: var(--mm-zoom-icon, 10px) var(--mm-zoom-icon, 10px) !important;
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-tr .minimap-zoom-out {
    top: calc(var(--mm-t, 36px) * 4 / 36) !important;
    left: calc(var(--mm-r, 79px) * 37 / 79) !important;
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-tr .minimap-zoom-in {
    top: calc(var(--mm-t, 36px) * 4 / 36) !important;
    left: calc(var(--mm-r, 79px) * 55 / 79) !important;
  }

  /* Üst title gövdeye bindir — title altı boşluk hatch ile dolsun */
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-row-top {
    position: relative;
    z-index: 6;
    margin-bottom: calc(-1 * var(--mm-title-overlap, 14px));
  }

  /* style.css .minimap-titlebar mavi çizgi (#1f7ea3) — PC DO chrome’da yok */
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-t.minimap-titlebar,
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-titlebar {
    border-bottom: none !important;
    background-image: url('img/Darkorbit/window1/31.png') !important;
    background-color: transparent !important;
    background-size: auto 100% !important;
    background-repeat: repeat-x !important;
    height: var(--mm-t, 36px) !important;
    padding: 13px 0 0 2px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  /*
   * Yan/alt çerçeve: window1 33 / 28 / 35 / 34 / 63
   * 28 ve 34 basamaklı tek dilim — repeat YAPMA (çoklu basamak = yamuk).
   * Köşe + orta zoom ile ORANTILI ölçeklenmeli; sabit px iken eklem açılır/bozulur.
   */
  /* Alt sıra = üst sıra ile aynı sütunlar (40 | 1fr | 79); alta yaslı */
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-row-bot {
    display: grid !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: var(--mm-bot-lift, 0px);
    height: var(--mm-b, 22px);
    grid-template-columns: var(--mm-l, 40px) minmax(0, 1fr) var(--mm-r, 79px);
    z-index: 6;
    pointer-events: none;
    margin: 0;
    padding: 0;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-bl {
    display: block !important;
    width: var(--mm-l, 40px);
    height: var(--mm-b, 22px);
    background: url('img/Darkorbit/window1/35.png') left bottom / 100% 100% no-repeat;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-b {
    display: block !important;
    height: var(--mm-b, 22px);
    min-width: 0;
    background: url('img/Darkorbit/window1/34.png') left bottom / 100% 100% no-repeat;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-br {
    display: block !important;
    width: var(--mm-r, 79px);
    height: var(--mm-b, 22px);
    background: url('img/Darkorbit/window1/63.png') right bottom / 100% 100% no-repeat;
  }

  /* Yan uçlar alt köşe ile birleşsin */
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-l {
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--mm-l, 40px);
    background: url('img/Darkorbit/window1/33.png') left top / 100% auto repeat-y;
    z-index: 5;
    pointer-events: none;
  }

  /*
   * Sağ ray 28.png — tam boy (görünsün); alt 63 z:6 ile köşede üstte kalır.
   */
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-r {
    display: block !important;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: var(--mm-r, 79px);
    height: auto;
    background: url('img/Darkorbit/window1/28.png') right top / 100% 100% no-repeat;
    z-index: 5;
    pointer-events: none;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-c {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    flex: 0 0 var(--mm-body-h, 144px);
    width: 100%;
    height: var(--mm-body-h, 144px);
    min-height: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
    line-height: 0;
    font-size: 0;
    border: none;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .mm-c::after {
    display: none;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-stage {
    position: relative;
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 2;
  }

  /*
   * Enemy Indicator — harita dışı hatch.
   * Rail: 6 çıta → 5 düşman yuvası. Harita sol çerçeve (21.png) yüksekliğine uzatılır.
   */
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-threat {
    position: absolute;
    left: calc(var(--mm-hatch-l, 22px) - 10px);
    /* minimap-inner köşe 6px — sol dikey çerçeve (21) ile aynı yükseklik */
    top: calc(var(--mm-hatch-top, 0px) + 6px);
    bottom: calc(var(--mm-hatch-y, 5px) + 6px);
    width: 10px;
    height: auto;
    z-index: 5;
    pointer-events: none;
    display: block; /* threat_rail her zaman solda (fill’ler ayrı) */
    overflow: visible;
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-threat.is-active {
    display: block;
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-threat-rail-img {
    display: block;
    width: 10px !important;
    height: 100% !important;
    max-width: 10px !important;
    max-height: none !important;
    object-fit: fill;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-threat-fills {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    height: auto;
    pointer-events: none;
  }
  /* 6 çıta → 5 eşit yuva; sarı çita mavi çıtanın tam önünde (solunda) */
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-threat-seg {
    position: absolute;
    left: -5px;
    display: block;
    width: 5px !important;
    height: calc(20% - 5px) !important;
    max-width: 5px !important;
    max-height: none !important;
    visibility: hidden;
    object-fit: fill;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-threat-seg[data-i="1"] {
    top: calc(80% + 2.5px); /* en alt yuva (ilk düşman) */
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-threat-seg[data-i="2"] {
    top: calc(60% + 2.5px);
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-threat-seg[data-i="3"] {
    top: calc(40% + 2.5px);
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-threat-seg[data-i="4"] {
    top: calc(20% + 2.5px);
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-threat-seg[data-i="5"] {
    top: calc(0% + 2.5px); /* en üst yuva */
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-threat-seg.is-on {
    visibility: visible;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-inner {
    position: relative;
    display: flex !important;
    flex-direction: column;
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    margin:
      var(--mm-hatch-top, 0px)
      var(--mm-hatch-r, 10px)
      var(--mm-hatch-y, 5px)
      var(--mm-hatch-l, 22px) !important;
    padding: 6px;
    flex: 1 1 auto;
    z-index: 2;
    background:
      url('img/Darkorbit/minimap/18.png') top left / 6px 6px no-repeat,
      url('img/Darkorbit/minimap/20.png') top right / 6px 6px no-repeat,
      url('img/Darkorbit/minimap/23.png') bottom left / 6px 6px no-repeat,
      url('img/Darkorbit/minimap/25.png') bottom right / 6px 6px no-repeat,
      url('img/Darkorbit/minimap/19.png') top left 6px / calc(100% - 12px) 2px no-repeat,
      url('img/Darkorbit/minimap/24.png') bottom left 6px / calc(100% - 12px) 2px no-repeat,
      url('img/Darkorbit/minimap/21.png') top 6px left / 2px calc(100% - 12px) no-repeat,
      url('img/Darkorbit/minimap/22.png') top 6px right / 2px calc(100% - 12px) no-repeat,
      #1c1e22;
    overflow: hidden;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-subbar {
    display: none !important;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-map-wrap {
    position: relative;
    display: flex !important;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    line-height: 0;
    overflow: hidden;
  }

  /* Coords — sola kaydırıldı; font zoom ile ölçeklenir */
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-info {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 3;
    flex: 0 0 var(--mm-kararti, 20px);
    height: var(--mm-kararti, 20px);
    width: 100%;
    box-sizing: border-box;
    display: flex !important;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 4px 2px var(--mm-info-pad, 28px) !important;
    background: transparent !important;
    font-size: var(--mm-info-font, 12px) !important;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 2px #000;
    pointer-events: none;
    overflow: hidden;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) #minimapMapName,
  .game-container > #minimapContainer:not(.minimap-mobile-hud) #minimapCoords {
    font-size: var(--mm-info-font, 12px) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1;
    letter-spacing: 0.02em;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-scale-rail,
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-scale-thumb,
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-kararti {
    display: none !important;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-btn {
    width: var(--mm-zoom-btn, 11px) !important;
    height: var(--mm-zoom-btn, 11px) !important;
    min-width: var(--mm-zoom-btn, 11px) !important;
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: var(--mm-zoom-icon, 10px) var(--mm-zoom-icon, 10px) !important;
    color: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
    cursor: pointer;
    padding: 0 !important;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-zoom-in {
    background-image: url('img/Darkorbit/window1/49.png') !important;
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-zoom-in:hover {
    background-image: url('img/Darkorbit/window1/51.png') !important;
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-zoom-out {
    background-image: url('img/Darkorbit/window1/54.png') !important;
  }
  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-zoom-out:hover {
    background-image: url('img/Darkorbit/window1/56.png') !important;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-viewport {
    position: relative;
    flex: 1 1 auto;
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0;
    background: #05080c;
    overflow: hidden;
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) .minimap-viewport::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.45) 100%);
  }

  .game-container > #minimapContainer:not(.minimap-mobile-hud) #minimapCanvas {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #05080c;
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
  }

  .game-ui-layer .ui-container {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    gap: 0;
  }

  .game-ui-layer #statsPanel.do-xml-pos {
    left: calc(265 / 820 * 100%) !important;
    top: calc(3 / 600 * 100%) !important;
    transform: none !important;
  }

  .game-ui-layer #barsPanel.do-xml-pos {
    left: calc(424 / 820 * 100%) !important;
    top: calc(3 / 600 * 100%) !important;
    transform: none !important;
  }
}