/**
 * Kontrol Merkezi — Orbit üst header (orijinal 860×230, ölçek yok).
 * Alt içerik üst header genişliğine daraltılır (netlik bozulmasın).
 */

#mainMenuOverlay.main-menu-overlay {
    align-items: flex-start !important;
    justify-content: center !important;
    padding-top: 8px;
    box-sizing: border-box;
}

@media (max-width: 1024px), ((max-height: 520px) and (orientation: landscape)) {
    #mainMenuOverlay.main-menu-overlay {
        align-items: center !important;
        justify-content: center !important;
        padding-top: 6px;
    }
}

#mainMenuOverlay .control-panel-container {
    flex-direction: column;
    align-items: stretch;
    width: 860px;
    max-width: min(860px, 96vw);
    height: auto;
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);
    overflow: hidden;
    margin: 0 auto;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#mainMenuOverlay .control-panel-nav,
#mainMenuOverlay .player-info-section {
    display: none !important;
}

#mainMenuOverlay .control-panel-content {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    background: transparent !important;
    width: 100%;
}

#mainMenuOverlay #page-bilgi {
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Alt: sol / sağ eşit genişlik + eşit yükseklik (alt kenar hizalı) */
#mainMenuOverlay .bilgi-ornate-frame {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 0 6px 6px;
    box-sizing: border-box;
}
#mainMenuOverlay .bilgi-ornate-top,
#mainMenuOverlay .bilgi-ornate-bottom {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    display: flex;
    justify-content: center;
    pointer-events: none;
    position: relative;
    z-index: 5;
    overflow: visible;
}
#mainMenuOverlay .bilgi-ornate-top {
    margin-bottom: -2px;
}
#mainMenuOverlay .bilgi-ornate-bottom {
    margin-top: -2px;
}
#mainMenuOverlay .bilgi-ornate-top-img,
#mainMenuOverlay .bilgi-ornate-bottom-img {
    width: 100%;
    max-width: 820px;
    height: auto;
    display: block;
    object-fit: fill;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));
}
#mainMenuOverlay .bilgi-ornate-top-img {
    transform: translateY(1px);
}
#mainMenuOverlay .bilgi-ornate-bottom-img {
    transform: translateY(-1px);
}
#mainMenuOverlay .bilgi-ornate-body {
    position: relative;
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    box-sizing: border-box;
}
#mainMenuOverlay .bilgi-ornate-left,
#mainMenuOverlay .bilgi-ornate-right {
    position: absolute;
    top: -2px;
    bottom: -2px;
    width: 22px;
    pointer-events: none;
    z-index: 4;
    line-height: 0;
    overflow: visible;
}
#mainMenuOverlay .bilgi-ornate-left {
    left: 0;
}
#mainMenuOverlay .bilgi-ornate-right {
    right: 0;
}
#mainMenuOverlay .bilgi-ornate-side-img {
    width: 22px;
    height: 100%;
    display: block;
    object-fit: fill;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));
}

/* Açık arttırma: aynı frame + içerik kenar boşluğu */
#mainMenuOverlay #page-acik-arttirma {
    padding: 0 6px 6px !important;
    margin-top: 0 !important;
}
#mainMenuOverlay .auction-ornate-frame {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
#mainMenuOverlay .auction-ornate-frame .auction-frame {
    max-width: none;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    border-left: none;
    border-right: none;
}
#mainMenuOverlay .auction-ornate-frame .bilgi-ornate-body {
    padding: 0 22px;
}
#mainMenuOverlay .auction-ornate-frame .bilgi-ornate-top {
    margin-bottom: -4px;
}

/* Klan: market/auction ile aynı ornate (üst-alt 820, yan padding 22) */
#mainMenuOverlay #page-klan {
    padding: 0 6px 6px !important;
    margin-top: 0 !important;
}
#mainMenuOverlay .klan-ornate-frame {
    margin-top: 0 !important;
    padding: 0 !important;
    width: 100%;
    max-width: 860px;
}
#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-body {
    padding: 0 22px !important;
    max-width: 820px !important;
}
#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-top {
    margin-bottom: -4px !important;
}
#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-bottom {
    margin-top: -28px !important;
}
#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-left,
#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-right {
    top: 0 !important;
    bottom: 28px !important;
    overflow: hidden !important;
}
#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-top-img,
#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-bottom-img {
    max-width: 820px !important;
}

/* Yetenek ağacı: aynı frame */
#mainMenuOverlay #page-yetenek-agaci {
    padding: 0 6px 6px !important;
    margin-top: 0 !important;
    display: none;
    align-items: flex-start;
    justify-content: center;
}
#mainMenuOverlay #page-yetenek-agaci.active {
    display: flex !important;
}
#mainMenuOverlay .ya-ornate-frame {
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100%;
}
#mainMenuOverlay .ya-ornate-frame .ya-frame {
    max-width: none;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}
#mainMenuOverlay .ya-ornate-frame .bilgi-ornate-body {
    padding: 0 22px;
}
#mainMenuOverlay .ya-ornate-frame .bilgi-ornate-top {
    margin-bottom: -4px;
}

/* İstatistikler: yetenek ağacı genişliği + frame */
#mainMenuOverlay #page-istatistikler {
    padding: 0 6px 6px !important;
    margin-top: 0 !important;
    display: none;
    align-items: flex-start;
    justify-content: center;
    overflow-x: hidden;
}
#mainMenuOverlay #page-istatistikler.active {
    display: flex !important;
}
#mainMenuOverlay .istatistikler-ornate-frame {
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100%;
    max-width: 860px;
}
#mainMenuOverlay .istatistikler-ornate-frame .bilgi-ornate-body {
    padding: 0 22px;
}
#mainMenuOverlay .istatistikler-ornate-frame .bilgi-ornate-top {
    margin-bottom: -4px;
}
#mainMenuOverlay .istatistikler-ornate-frame .istatistikler-panel {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box;
}
#mainMenuOverlay .istatistikler-ornate-frame .istatistikler-panel-bg {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
}
#mainMenuOverlay .istatistikler-ornate-frame .istatistikler-panel-inner {
    left: 8% !important;
    right: 8% !important;
    width: auto !important;
    top: 4% !important;
    bottom: 6% !important;
    box-sizing: border-box;
    padding: 8px 10px 10px !important;
}

/* Ekipman / Hangar: boşluk kapat + frame */
#mainMenuOverlay #page-ekipman {
    padding: 0 6px 6px !important;
    margin-top: 0 !important;
    display: none;
    align-items: flex-start;
    justify-content: center;
}
#mainMenuOverlay #page-ekipman.active {
    display: flex !important;
}
#mainMenuOverlay .ekipman-ornate-frame {
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100%;
    max-width: 860px;
}
#mainMenuOverlay .ekipman-ornate-frame .bilgi-ornate-body {
    padding: 0 22px;
}
#mainMenuOverlay #page-ayarlar .ps-ornate-frame .bilgi-ornate-body {
    padding: 0;
}

/* Profil (PC): diğer sayfalar gibi header–panel boşluğunu kapat.
   Dar pencerede #mainMenuOverlay .content-page { padding:22px } ezmesin. */
html:not(.mobile-ayarlar-compact) #mainMenuOverlay #page-ayarlar,
html:not(.mobile-ayarlar-compact) #mainMenuOverlay #page-ayarlar.active {
    padding: 0 6px 6px !important;
    margin-top: 0 !important;
}
html:not(.mobile-ayarlar-compact) #mainMenuOverlay .ps-ornate-frame {
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100%;
    max-width: 860px;
}
html:not(.mobile-ayarlar-compact) #mainMenuOverlay .ps-ornate-frame .bilgi-ornate-top {
    margin-bottom: -4px !important;
}
#mainMenuOverlay .ekipman-ornate-frame .bilgi-ornate-top {
    margin-bottom: -4px;
}
#mainMenuOverlay .ekipman-ornate-frame .equipment-container {
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    box-sizing: border-box;
}

/* Uzay gemisi: sol/sağ kenara yasla, orta genişlesin */
#mainMenuOverlay #page-ekipman .equipment-content {
    padding: 0 !important;
}
#mainMenuOverlay #page-ekipman .ship-customization-container {
    gap: 0 !important;
    width: 100%;
}
#mainMenuOverlay #page-ekipman .equipment-top-bar-row {
    gap: 0 !important;
}
#mainMenuOverlay #page-ekipman .ship-display-panel {
    width: 200px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    padding: 10px 6px 8px !important;
}
#mainMenuOverlay #page-ekipman .equipment-top-bar-spacer {
    width: 0 !important;
    min-width: 0 !important;
    display: none !important;
}
#mainMenuOverlay #page-ekipman .inventory-panel {
    width: 220px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    padding: 6px !important;
    gap: 6px !important;
}
#mainMenuOverlay #page-ekipman .inventory-config-bar {
    width: 220px !important;
}
#mainMenuOverlay #page-ekipman .equipment-slots-panel {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
}
#mainMenuOverlay #page-ekipman .ship-preview {
    height: 260px !important;
    margin-bottom: 10px !important;
}
#mainMenuOverlay #page-ekipman .inventory-slots-grid {
    grid-template-columns: repeat(4, minmax(40px, 1fr)) !important;
    gap: 3px !important;
    padding: 4px !important;
}
#mainMenuOverlay #page-ekipman .inventory-slot-item {
    min-width: 0 !important;
}
#mainMenuOverlay #page-ekipman .inventory-title {
    font-size: 11px !important;
    margin-bottom: 6px !important;
}

#mainMenuOverlay .bilgi-seref-layout {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    margin-top: 0 !important;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    /* Yanlar sol/sağ frame (22px); üst-alt boşluk yok — içerik frame’e yaslı */
    padding: 0 22px 0 22px;
    justify-content: flex-start;
}

/* Bilgi: frame ile içerik arası ekstra boşluk olmasın */
#mainMenuOverlay #page-bilgi .bilgi-ornate-frame {
    padding: 0 !important;
}
#mainMenuOverlay #page-bilgi .bilgi-ornate-top {
    margin-bottom: -4px;
}
#mainMenuOverlay #page-bilgi .bilgi-ornate-bottom {
    margin-top: -4px;
}

/* Sağ biraz dar — sol daha geniş */
#mainMenuOverlay .bilgi-right-panel {
    flex: 0 0 44% !important;
    width: 44% !important;
    max-width: 44% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    gap: 10px !important;
    align-self: stretch !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Sol, aradaki boşluğu doldurarak genişler */
#mainMenuOverlay .bilgi-ranking-panel {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-right: 0 !important;
    padding: 10px !important;
    border-radius: 8px;
    align-self: stretch !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

#mainMenuOverlay .bilgi-pilot-license,
#mainMenuOverlay .bilgi-logbook {
    padding: 10px !important;
    border-radius: 8px;
}

#mainMenuOverlay .bilgi-logbook {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Tablo: sabit yükseklik + scroll (joystick / scrollbar ile tüm liste) */
#mainMenuOverlay .bilgi-ranking-table-wrap {
    flex: 1 1 auto !important;
    height: 440px !important;
    min-height: 280px !important;
    max-height: 440px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#mainMenuOverlay .bilgi-logbook-content {
    flex: 0 1 auto !important;
    min-height: 0 !important;
    margin-bottom: 6px !important;
}

#mainMenuOverlay .yildizlar-salonu-list {
    row-gap: 8px !important;
    padding: 6px 4px 2px !important;
}

#mainMenuOverlay .bilgi-logbook-btn {
    margin-top: auto !important;
}

#mainMenuOverlay .bilgi-section-head {
    margin-bottom: 10px !important;
}

#mainMenuOverlay .bilgi-tabs {
    gap: 6px;
    margin-bottom: 8px;
    flex-shrink: 0;
}

#mainMenuOverlay .bilgi-tab {
    padding: 6px 8px !important;
    font-size: 11px !important;
}

/* —— Header: orijinal 860×230, stretch/scale YOK —— */
#ugOrbitHeader.header_standard {
    position: relative;
    width: 860px;
    max-width: 100%;
    height: 230px;
    margin: 0 auto;
    flex-shrink: 0;
    overflow: hidden;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url('do_img/global/header/buttons/header_background_02.png') no-repeat top center;
    background-size: 860px 230px;
    box-sizing: content-box;
}

#ugOrbitHeader .ug-orbit-header-stage {
    position: relative;
    width: 860px;
    height: 230px;
    margin: 0;
    transform: none !important;
    box-sizing: content-box;
}

#ugOrbitHeader .ug-orbit-header-stage *,
#ugOrbitHeader .ug-orbit-header-stage *::before,
#ugOrbitHeader .ug-orbit-header-stage *::after {
    box-sizing: content-box;
}

/* Masaüstü dar pencere: sadece header stage orantılı küçült (mobilde panel --cp-scale kullanır) */
@media (max-width: 860px) {
    #mainMenuOverlay:not(.main-menu-overlay--scaled) .control-panel-container {
        width: 96vw;
        max-width: 96vw;
    }
    #mainMenuOverlay:not(.main-menu-overlay--scaled) #ugOrbitHeader.header_standard {
        width: 100%;
        height: calc(230 * 96vw / 860);
        background-size: 100% 100%;
    }
    #mainMenuOverlay:not(.main-menu-overlay--scaled) #ugOrbitHeader .ug-orbit-header-stage {
        position: absolute;
        top: 0;
        left: 0;
        transform-origin: top left;
        transform: scale(var(--ug-hdr-scale, 1)) !important;
    }
    /* Masaüstü dar pencere (ölçeksiz overlay): sağ kolon alta düşsün.
       Mobilde overlay 860px + --cp-scale; wrap olursa PC yan yana düzen bozulur. */
    #mainMenuOverlay:not(.main-menu-overlay--scaled) .bilgi-seref-layout {
        flex-wrap: wrap !important;
        justify-content: stretch;
    }
    #mainMenuOverlay:not(.main-menu-overlay--scaled) .bilgi-right-panel {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }
}
#ugOrbitHeader #header_logo {
    position: absolute;
    top: 38px;
    left: 275px;
    z-index: 3;
    width: 310px;
    height: 100px;
    display: block;
    margin: 0;
    padding: 0;
    background: none !important;
    border: none;
    text-decoration: none;
}
#ugOrbitHeader #header_logo img {
    display: block;
    width: 272px;
    height: 96px;
    margin: 4px auto 0;
    object-fit: contain;
    pointer-events: none;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Top stats bar */
#ugOrbitHeader #header_top_bar {
    position: relative;
    z-index: 4;
    height: 15px;
    margin: 0 50px;
    overflow: hidden;
}
#ugOrbitHeader .header_top_item {
    height: 14px;
    font-size: 9px;
    font-weight: bold;
    color: #546b77;
    float: left;
    width: 110px;
    padding-top: 1px;
}
#ugOrbitHeader .header_top_item .header_item_wrapper {
    display: inline-block;
    height: 14px;
}
#ugOrbitHeader .header_top_item img {
    display: block;
    float: left;
}
#ugOrbitHeader .header_top_item span {
    display: block;
    float: left;
    height: 13px;
    margin: 0 0 0 2px;
    color: #7a9aab;
    line-height: 13px;
}
#ugOrbitHeader #header_top_id { margin-left: 20px; }
#ugOrbitHeader #header_top_level { margin-left: 28px; width: 80px; }
#ugOrbitHeader #header_top_hnr { float: right; margin-right: 10px; }
#ugOrbitHeader #header_top_exp { float: right; margin-right: 40px; width: 85px; }
#ugOrbitHeader #header_top_exp .header_item_wrapper { width: 100px; overflow: hidden; }
#ugOrbitHeader #header_top_exp .header_item_wrapper span { width: 80px; overflow: hidden; }

/* Home / çıkış / yardım — 2. resim gibi üst köşe ışıklarına hizalı */
#ugOrbitHeader #header_second_bar {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 860px;
    height: 71px;
    margin: 0;
    padding: 0;
    pointer-events: none;
}
#ugOrbitHeader #header_button_home,
#ugOrbitHeader #header_button_help,
#ugOrbitHeader #header_button_logout {
    background-image: url('do_img/global/header/global_header_icon_sprite_34x22.png');
    background-repeat: no-repeat;
    width: 34px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: 36px;
    float: none;
    border: none;
    padding: 0;
    margin: 0;
    pointer-events: auto;
}
/* Sol köşe ışığı — Home */
#ugOrbitHeader #header_button_home {
    left: 48px;
    background-position: 0 0;
}
#ugOrbitHeader #header_button_home:hover { background-position: 0 -22px; }
#ugOrbitHeader #header_button_home:active { background-position: 0 -44px; }
/* Sağ köşe: çıkış (sol) + yardım (sağ) */
#ugOrbitHeader #header_button_logout {
    right: 88px;
    left: auto;
    background-position: -102px 0;
}
#ugOrbitHeader #header_button_logout:hover { background-position: -102px -22px; }
#ugOrbitHeader #header_button_logout:active { background-position: -102px -44px; }
#ugOrbitHeader #header_button_help {
    right: 48px;
    left: auto;
    background-position: -68px 0;
}
#ugOrbitHeader #header_button_help:hover { background-position: -68px -22px; }
#ugOrbitHeader #header_button_help:active { background-position: -68px -44px; }

/* Ana buton alanÄ± â€” top bar(15) + gap(6) + second(50) â‰ˆ 71 */
#ugOrbitHeader #header_main {
    position: absolute;
    left: 0;
    top: 71px;
    z-index: 2;
    width: 860px;
    height: 131px;
    padding: 0;
    margin: 0;
}

#ugOrbitHeader #header_main_left,
#ugOrbitHeader #header_main_right,
#ugOrbitHeader #header_main_middle {
    position: absolute;
    top: 0;
    height: 131px;
    margin: 0;
    padding: 0;
    float: none;
}

/* Orbit: padding-left 43 → left cluster starts ~43px */
#ugOrbitHeader #header_main_left {
    left: 43px;
    width: 272px;
}
#ugOrbitHeader #header_main_middle {
    left: 315px;
    width: 231px;
}
#ugOrbitHeader #header_main_right {
    left: 546px;
    width: 272px;
}

/* —— Buton ortak: Orbit content-box; düz Eurostile yazı —— */
#ugOrbitHeader a.header_std_btn,
#ugOrbitHeader a.header_big_btn {
    position: absolute !important;
    display: block !important;
    float: none !important;
    clear: none !important;
    cursor: pointer;
    text-align: center !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    gap: 0 !important;
    align-items: unset !important;
    justify-content: unset !important;
    flex-direction: unset !important;
    line-height: 1 !important;
    white-space: nowrap;
    overflow: visible;
    z-index: 2;
    font-family: 'UgEurostileHea', Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0.04em;
    color: #fff !important;
    text-shadow: none;
}
#ugOrbitHeader a.header_std_btn > img,
#ugOrbitHeader a.header_big_btn > img {
    display: none;
}

/* std: content 124×22 + pad-top 12 + pad-left 5 → dış 129×34 (sprite karesi) */
#ugOrbitHeader a.header_std_btn {
    width: 124px !important;
    height: 22px !important;
    padding: 12px 0 0 5px !important;
    margin: 0 !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    overflow: visible !important;
    box-sizing: content-box !important;
}

/* big: content 124x39 + pad-top 17 + pad-left 5 → dış 129x56 */
#ugOrbitHeader a.header_big_btn {
    width: 124px !important;
    height: 39px !important;
    padding: 14px 0 0 5px !important;
    margin: 0 !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    white-space: normal;
    line-height: 1.15 !important;
    overflow: visible !important;
    box-sizing: content-box !important;
    font-size: 11px;
}
#ugOrbitHeader a.header_lft_std {
    background-image: url('do_img/global/header/buttons/small_button_left_sprite.png') !important;
    background-position: 0 center !important;
}
#ugOrbitHeader a.header_rgt_std {
    background-image: url('do_img/global/header/buttons/small_button_right_sprite.png') !important;
    background-position: 0 center !important;
}
#ugOrbitHeader a.header_lft_std:hover,
#ugOrbitHeader a.header_rgt_std:hover {
    background-position: -129px center !important;
    color: #fff !important;
}
#ugOrbitHeader a.header_lft_std:active,
#ugOrbitHeader a.header_rgt_std:active,
#ugOrbitHeader a.header_lft_std.header_current,
#ugOrbitHeader a.header_rgt_std.header_current,
#ugOrbitHeader a.header_lft_std.active,
#ugOrbitHeader a.header_rgt_std.active {
    background-position: -387px center !important;
    color: #fff !important;
}

/* AltÄ±n URIDIUM butonu */
#ugOrbitHeader a.header_lft_ps {
    background-image: url('do_img/global/header/buttons/small_button_left_sprite_email.png') !important;
    background-position: -516px 0 !important;
}
#ugOrbitHeader a.header_lft_ps:hover,
#ugOrbitHeader a.header_lft_ps:active,
#ugOrbitHeader a.header_lft_ps.header_current,
#ugOrbitHeader a.header_lft_ps.active {
    background-position: -646px 0 !important;
}

#ugOrbitHeader a.header_lft_big {
    background-image: url('do_img/global/header/buttons/big_button_left_sprite.png') !important;
    background-position: 0 center !important;
}
#ugOrbitHeader a.header_rgt_big {
    background-image: url('do_img/global/header/buttons/big_button_right_sprite.png') !important;
    background-position: 0 center !important;
}
#ugOrbitHeader a.header_lft_big:hover,
#ugOrbitHeader a.header_rgt_big:hover {
    background-position: -129px center !important;
    color: #fff !important;
}
#ugOrbitHeader a.header_lft_big:active,
#ugOrbitHeader a.header_rgt_big:active,
#ugOrbitHeader a.header_lft_big.header_current,
#ugOrbitHeader a.header_rgt_big.header_current,
#ugOrbitHeader a.header_lft_big.active,
#ugOrbitHeader a.header_rgt_big.active {
    background-position: -387px center !important;
    color: #fff !important;
}

/*
 * Sol küme — GELİŞTİRME kaldırıldı, diğerleri sabit kaldı
 */
#ugOrbitHeader #hangar_btn    { left: -1px;  top: 3px; }
#ugOrbitHeader #clan_btn      { left: 8px;   top: 33px; }
#ugOrbitHeader #profile_btn   { left: 136px; top: 62px; }

/* Aktif gemi — HANGAR/KLAN ile logo arası, AÇIK ARTTIRMA üstü (market sol liste PNG) */
#ugOrbitHeader #header_active_ship {
    position: absolute;
    left: 108px;
    top: -36px;
    z-index: 4;
    width: 192px;
    height: 113px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    overflow: visible;
}
#ugOrbitHeader #header_active_ship img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
}

/*
 * Sağ küme — TEKNOLOJİ kaldırıldı, diğerleri sabit kaldı
 */
#ugOrbitHeader #shop_btn  { left: 144px; top: 3px; }
#ugOrbitHeader #trade_btn { left: 135px; top: 33px; }
#ugOrbitHeader #uri_btn   { left: 11px;  top: 34px; }
#ugOrbitHeader #gg_btn    { left: 1px;   top: 62px; }

/* VIP alanı — logo ile MARKET arası, EKİPMAN üstü */
#ugOrbitHeader #header_vip_slot,
#ugOrbitHeader .header-vip-slot {
    position: absolute;
    left: 14px;
    top: -18px;
    z-index: 5;
    width: 120px;
    height: 52px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    outline: none;
    box-shadow: none;
    filter: none;
    transform: none;
    overflow: visible;
}
#ugOrbitHeader #header_vip_slot.header-vip-slot--buy {
    cursor: pointer;
}
#ugOrbitHeader #header_vip_slot.header-vip-slot--buy:hover {
    filter: brightness(1.12);
}
#ugOrbitHeader #header_vip_slot img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

/* Orbit Eurostile (text.php ile aynı font) */
@font-face {
    font-family: 'UgEurostileHea';
    src: url('2_EurostileTHea.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Orta: BAŞLA — düz yazı, Orbit Eurostile Heavy */
#ugOrbitHeader #ip_placeholder {
    width: 115px;
    height: 16px;
    margin: 12px auto 0;
}
#ugOrbitHeader #header_start_btn {
    position: relative;
    z-index: 2;
    cursor: pointer;
    width: 185px;
    height: 34px;
    margin: 31px auto 0;
    padding: 14px 0 0 5px;
    text-align: center;
    font-family: 'UgEurostileHea', Verdana, sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0.08em;
    color: #fff;
    background: url('do_img/global/header/buttons/button_start_sprite.png') center top no-repeat;
    border: none;
    user-select: none;
    box-sizing: content-box;
}
#ugOrbitHeader #header_start_btn:hover { background-position: center -50px; }
#ugOrbitHeader #header_start_btn:active { background-position: center -100px; }

/* Alt şerit: news + credits/uri */
#ugOrbitHeader #header_bottom {
    position: absolute;
    left: 40px;
    top: 202px;
    z-index: 4;
    width: 775px;
    height: 25px;
    margin: 0;
    padding: 0;
}
#ugOrbitHeader #news_overlay_left,
#ugOrbitHeader #news_overlay_right {
    position: absolute;
    top: -5px;
    z-index: 2;
    pointer-events: none;
    display: block;
}
#ugOrbitHeader #news_overlay_left { left: -15px; }
#ugOrbitHeader #news_overlay_right { left: 398px; }
#ugOrbitHeader #header_news_wrapper {
    float: left;
    width: 468px;
    height: 15px;
    margin: 7px 20px 0 15px;
    white-space: nowrap;
    overflow: hidden;
}
#ugOrbitHeader #header_news_ticker {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10px;
    color: #cae0f7;
    line-height: 15px;
    display: block;
    width: max-content;
    will-change: margin-left;
}
#ugOrbitHeader #header_news_ticker li {
    display: inline-block;
    margin: 0 15px;
    white-space: nowrap;
    vertical-align: top;
}
#ugOrbitHeader .header_money {
    float: left;
    width: 92px;
    height: 15px;
    margin: 7px 0 0 15px;
    padding-left: 20px;
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
}
#ugOrbitHeader #header_credits { color: #bcd3e3; }
#ugOrbitHeader #header_uri { color: #82d1ff; }

#ugOrbitHeader .ug-hdr-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

/* Mobil ana sayfa: En iyi oyuncu + Pilot lisansı PC gibi yan yana (860 panel ölçeği). */
html.mobile-ayarlar-compact #mainMenuOverlay .bilgi-seref-layout {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}
html.mobile-ayarlar-compact #mainMenuOverlay .bilgi-ranking-panel {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
}
html.mobile-ayarlar-compact #mainMenuOverlay .bilgi-right-panel {
    flex: 0 0 44% !important;
    width: 44% !important;
    max-width: 44% !important;
    min-width: 0 !important;
}

