/* Kopanel overrides for Pubzi theme */

/* Theme tokens ? admin override via --ko-* / --theme */
.ko-pubzi-body {
  --ko-accent: #CDB385;
  --ko-accent-rgb: 205, 179, 133;
  --ko-accent-text: #111111;
  --ko-btn-hover: #E4C99A;
  --ko-btn-hover-rgb: 228, 201, 154;
  --ko-bg: #0B0E13;
  --ko-surface: #161C28;
  --ko-text: #FFFFFF;
  --ko-text-muted: #ABABAB;
  --ko-border: rgba(255, 255, 255, 0.2);
  --ko-font-size: 15px;
  --theme: var(--ko-accent);
}

html {
    overflow-y: auto !important;
    scroll-behavior: smooth;
}

body.ko-pubzi-body {
    background: var(--ko-bg, #0B0E13) !important;
    background-image: none !important;
    font-family: inherit;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-height: 100vh;
    cursor: auto;
    color: var(--ko-text-muted, #ABABAB);
}
html.ko-cur-knight body.ko-pubzi-body,
body.ko-pubzi-body.ko-cur-knight {
    cursor: var(--ko-cur-normal, auto) !important;
}

body.ko-pubzi-body.ko-home-has-bg {
    background: #0B0E13 !important;
}

.ko-home-bg-layer {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100vw;
    min-height: 100dvh;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background: #0B0E13;
}

.ko-home-bg-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    display: block;
    border: 0;
    object-fit: cover;
    object-position: center center;
    transform: none;
    background: none !important;
}

.ko-home-bg-overlay {
    position: absolute;
    inset: 0;
    /* Ortay? okunakl? tut, kenar karakterleri g�r�ns�n */
    background:
        radial-gradient(ellipse 55% 70% at 50% 45%, rgba(11,14,19,0.55) 0%, rgba(11,14,19,0.18) 55%, rgba(11,14,19,0.08) 100%),
        linear-gradient(180deg, rgba(11,14,19,0.28) 0%, rgba(11,14,19,0.22) 40%, rgba(11,14,19,0.72) 100%);
}

body.ko-home-has-bg .ko-notice-top,
body.ko-home-has-bg .ko-site-header,
body.ko-home-has-bg .ko-main,
body.ko-home-has-bg .ko-footer {
    position: relative;
    z-index: 1;
}

/* �st men�den arka plan g�r�ns�n */
body.ko-home-has-bg .ko-notice-top {
    background: linear-gradient(90deg, rgba(var(--ko-accent-rgb),0.16), rgba(11,14,19,0.22)) !important;
    border-bottom-color: rgba(255,255,255,0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
body.ko-home-has-bg .header-2.header-3.ko-site-header,
body.ko-site-has-bg .header-2.header-3.ko-site-header {
    background: linear-gradient(180deg, rgba(11,14,19,0.42) 0%, rgba(11,14,19,0.28) 100%) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    box-shadow: none;
}
body.ko-home-has-bg .header-2.header-3.ko-site-header.sticky,
body.ko-site-has-bg .header-2.header-3.ko-site-header.sticky {
    background: rgba(11,14,19,0.55) !important;
}

body.ko-home-has-bg .ko-home-slider-section {
    background: transparent;
    padding-top: 28px;
}

body.ko-home-has-bg .ko-server-dashboard {
    background: transparent;
}

/* Market sayfalar?nda da admin arkaplan? g�r�ns�n */
body.ko-site-has-bg .ko-market-page,
body.ko-site-has-bg .ko-home-market,
body.ko-site-has-bg .ko-listing-detail-page {
    background: transparent;
    position: relative;
    z-index: 1;
}
body.ko-site-has-bg .ko-market-page > .container,
body.ko-site-has-bg .ko-listing-detail-page > .container {
    position: relative;
    z-index: 1;
}

/* Detay kart? ? okunakl? opak panel */
body.ko-site-has-bg .ko-listing-detail-card {
    background:
        radial-gradient(ellipse at 50% 0%, rgba(201,162,39,.14), transparent 55%),
        linear-gradient(165deg, rgba(14,18,28,.97), rgba(8,10,14,.98));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Site arkaplan? aktifken auth/profil kendi bg?sini kapat?r ? tek tam ekran g�rsel */
body.ko-site-has-bg .ko-auth-hero-bg {
    display: none !important;
}
body.ko-site-has-bg .ko-auth-hero,
body.ko-site-has-bg .ko-auth-hero-overlay,
body.ko-site-has-bg .ko-auth-content-section,
body.ko-site-has-bg .ko-content-section,
body.ko-site-has-bg .gt-team-section {
    background: transparent !important;
    background-color: transparent !important;
}
body.ko-site-has-bg .ko-auth-hero-overlay {
    background: linear-gradient(180deg, rgba(11,14,19,0.18) 0%, transparent 32%, transparent 72%, rgba(11,14,19,0.38) 100%) !important;
}
body.ko-site-has-bg .ko-auth-content-section .ko-page-inner,
body.ko-site-has-bg .ko-page-inner:has(.ko-auth-wrap) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
}
/* Breadcrumb / sayfa üstü — site arkaplanından ayrı katman */
body.ko-site-has-bg .ko-breadcrumb.gt-breadcrumb-wrapper:not(.ko-breadcrumb-plain) {
    background-color: #0b0e13 !important;
    position: relative;
    z-index: 2;
}
body.ko-site-has-bg .ko-breadcrumb.gt-breadcrumb-wrapper::before {
    display: none;
}
body.ko-site-has-bg .ko-breadcrumb.ko-breadcrumb-dragon::before,
.ko-breadcrumb.ko-breadcrumb-dragon::before {
    display: none;
}
/* Sadece i�erik katman? ? shape'leri relative yapma (y�ksekli?i patlat?r) */
body.ko-site-has-bg .ko-breadcrumb > .container,
body.ko-site-has-bg .ko-breadcrumb .gt-page-heading {
    position: relative;
    z-index: 2;
}
body.ko-site-has-bg .ko-breadcrumb .gt-left-shape,
body.ko-site-has-bg .ko-breadcrumb .gt-right-shape,
body.ko-site-has-bg .ko-breadcrumb .gt-blur-shape {
    z-index: 1;
}
body.ko-site-has-bg .ko-page-inner,
body.ko-site-has-bg .ko-user-panel-wrap {
    position: relative;
    z-index: 1;
}

/* Site arkaplan? a�?kken i�erik bloklar? opak olsun (okunabilirlik) */
body.ko-site-has-bg {
    --ko-surface: #12161f;
    --ko-surface-2: #161c28;
}
body.ko-site-has-bg .ko-page-inner {
    background:
        linear-gradient(165deg, rgba(14, 18, 26, 0.97), rgba(9, 11, 16, 0.98)) !important;
    border-color: rgba(var(--ko-accent-rgb), 0.22) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
body.ko-site-has-bg .ko-guide-card,
body.ko-site-has-bg .ko-guide-table-wrap,
body.ko-site-has-bg .ko-guide-list,
body.ko-site-has-bg .ko-guide-scroll-tile,
body.ko-site-has-bg .ko-guide-empty,
body.ko-site-has-bg .ko-upg-closed {
    background: rgba(12, 16, 24, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}
body.ko-site-has-bg .ko-guide-toolbar input[type="search"],
body.ko-site-has-bg .ko-guide-toolbar input[type="text"],
body.ko-site-has-bg .ko-guide-toolbar select,
body.ko-site-has-bg .ko-guide-tabs a,
body.ko-site-has-bg .ko-guide-tabs button {
    background: rgba(14, 18, 26, 0.96) !important;
}
body.ko-site-has-bg .ko-guide-tabs a.is-active,
body.ko-site-has-bg .ko-guide-tabs button.is-active {
    background: var(--ko-accent, #CDB385) !important;
    color: #111 !important;
    border-color: transparent !important;
}
body.ko-site-has-bg .ko-panel-box,
body.ko-site-has-bg .ko-user-info-card,
body.ko-site-has-bg .ko-user-menu-card,
body.ko-site-has-bg .ko-clan-card,
body.ko-site-has-bg .ko-rank-card,
body.ko-site-has-bg .ko-download-card,
body.ko-site-has-bg .ko-blog-card,
body.ko-site-has-bg .ko-news-card {
    background: rgba(12, 16, 24, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
body.ko-site-has-bg .ko-content-section {
    position: relative;
    z-index: 1;
}
body.ko-home-has-bg .header-2.header-3.ko-site-header,
body.ko-site-has-bg .header-2.header-3.ko-site-header {
    background: linear-gradient(180deg, rgba(11,14,19,0.88) 0%, rgba(11,14,19,0.78) 100%) !important;
}
body.ko-home-has-bg .header-2.header-3.ko-site-header.sticky,
body.ko-site-has-bg .header-2.header-3.ko-site-header.sticky {
    background: rgba(11,14,19,0.94) !important;
}
body.ko-home-has-bg .ko-notice-top {
    background: linear-gradient(90deg, rgba(var(--ko-accent-rgb),0.2), rgba(11,14,19,0.85)) !important;
}
/* Kenar karakterler g�r�ns�n, orta i�erik koyu kals?n */
body.ko-site-has-bg .ko-home-bg-overlay,
body.ko-home-has-bg .ko-home-bg-overlay {
    background:
        radial-gradient(ellipse 52% 64% at 50% 42%, rgba(8,10,14,0.55) 0%, rgba(8,10,14,0.18) 58%, rgba(8,10,14,0.04) 100%),
        linear-gradient(180deg, rgba(8,10,14,0.28) 0%, rgba(8,10,14,0.16) 38%, rgba(8,10,14,0.62) 100%) !important;
}

.ko-pubzi-body section {
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
}

.ko-site-chrome {
    position: relative;
    z-index: 1000;
}

.ko-pubzi-body header#header-sticky {
    width: 100% !important;
    height: calc(var(--ko-logo-h, 58px) + 36px) !important;
    min-height: calc(var(--ko-logo-h, 58px) + 36px) !important;
    max-height: calc(var(--ko-logo-h, 58px) + 36px) !important;
    margin: 0 auto !important;
    float: none !important;
    box-sizing: border-box;
}

.ko-pubzi-body footer.ko-footer {
    position: relative !important;
    width: 100% !important;
    clear: both;
}

.ko-pubzi-body .preloader {
    display: none !important;
}

/* Admin kontrollü site loading — eski preloader’dan bağımsız */
.ko-site-loader {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
}

.ko-pubzi-body .header-2.header-3.ko-site-header,
.ko-pubzi-body .header-2.header-3.ko-site-header.sticky {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 999;
    background: rgba(8, 10, 14, 0.94);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(var(--ko-accent-rgb), 0.14);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
    animation: none !important;
    -webkit-animation: none !important;
    transition: background-color .2s ease, box-shadow .2s ease !important;
    overflow: visible !important;
}

.ko-pubzi-body .ko-header-main {
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 18px;
    padding: 10px 0 !important;
}

.ko-pubzi-body .header-main .logo,
.ko-pubzi-body .ko-logo-block {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.ko-pubzi-body .ko-header-actions {
    flex-shrink: 0;
    z-index: 2;
}

.ko-pubzi-body .ko-logo-link {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    line-height: 1.1;
    text-decoration: none;
}

.ko-pubzi-body .ko-logo-shell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    isolation: isolate;
    padding: 6px 12px;
    border-radius: 16px;
    background:
        radial-gradient(ellipse at 50% 42%, rgba(255, 228, 176, 0.2) 0%, rgba(28, 22, 14, 0.35) 52%, rgba(8, 8, 10, 0.72) 100%),
        linear-gradient(165deg, rgba(var(--ko-accent-rgb), 0.28), rgba(10, 9, 8, 0.94));
    border: 1px solid rgba(var(--ko-accent-rgb), 0.58);
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.45),
        0 0 22px rgba(var(--ko-accent-rgb), 0.32),
        0 10px 22px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 236, 196, 0.28);
}

.ko-pubzi-body .ko-logo-shell.is-plain {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.ko-pubzi-body .ko-logo-shell.is-smoke::before,
.ko-pubzi-body .ko-logo-shell.is-smoke::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 70%;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(18px);
    opacity: .45;
    transform: translateX(-50%);
    background:
        radial-gradient(circle, rgba(var(--ko-accent-rgb),0.34) 0%, rgba(var(--ko-accent-rgb),0.14) 35%, rgba(var(--ko-accent-rgb),0.02) 68%, transparent 78%);
    animation: koLogoSmoke 4.4s ease-out infinite;
    animation-play-state: paused;
}
html.ko-ready .ko-pubzi-body .ko-logo-shell.is-smoke::before,
html.ko-ready .ko-pubzi-body .ko-logo-shell.is-smoke::after {
    animation-play-state: running;
}

.ko-pubzi-body .ko-logo-shell.is-smoke::after {
    width: 86px;
    height: 86px;
    margin-left: 22px;
    opacity: .28;
    animation-delay: 2.1s;
}

@keyframes koLogoSmoke {
    0% {
        transform: translateX(-50%) translateY(12px) scale(.72);
        opacity: 0;
    }
    18% {
        opacity: .4;
    }
    100% {
        transform: translateX(-50%) translateY(-58px) scale(1.5);
        opacity: 0;
    }
}

.ko-pubzi-body .ko-logo-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ko-pubzi-body .ko-logo-meta strong {
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .3px;
    white-space: nowrap;
}

.ko-pubzi-body .ko-logo-meta small {
    color: #8a8f98;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.ko-pubzi-body .ko-site-logo {
    position: relative;
    z-index: 1;
    width: auto !important;
    height: var(--ko-logo-h, 58px) !important;
    max-width: var(--ko-logo-w, 228px) !important;
    object-fit: contain;
    display: block;
    filter:
        drop-shadow(0 0 10px rgba(var(--ko-accent-rgb), 0.55))
        drop-shadow(0 2px 6px rgba(0, 0, 0, 0.65))
        brightness(1.14)
        contrast(1.1);
    transition: filter 0.2s ease;
}

.ko-pubzi-body .ko-logo-link:hover .ko-logo-shell:not(.is-plain) {
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.45),
        0 0 28px rgba(var(--ko-accent-rgb), 0.48),
        0 10px 22px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 236, 196, 0.35);
}

.ko-pubzi-body .ko-logo-link:hover .ko-site-logo {
    filter:
        drop-shadow(0 0 14px rgba(var(--ko-accent-rgb), 0.7))
        drop-shadow(0 2px 6px rgba(0, 0, 0, 0.65))
        brightness(1.2)
        contrast(1.12);
}

.ko-pubzi-body .header-main .logo .header-logo img,
.ko-pubzi-body .header-2 .header-main .logo .header-logo img,
.ko-pubzi-body .offcanvas__wrapper .offcanvas__content .offcanvas__logo img,
.ko-pubzi-body .offcanvas__logo .ko-site-logo {
    width: auto !important;
    max-width: var(--ko-logo-w, 228px) !important;
    height: var(--ko-logo-h, 58px) !important;
}

.ko-pubzi-body .ko-site-logo--compact,
.ko-pubzi-body .ko-site-logo--standard,
.ko-pubzi-body .ko-site-logo--wide,
.ko-pubzi-body .ko-site-logo--custom {
    height: var(--ko-logo-h, 58px) !important;
    max-width: var(--ko-logo-w, 228px) !important;
}

.ko-pubzi-body .ko-header-nav {
    min-width: 0;
    display: flex;
    justify-content: center;
}

.ko-pubzi-body .ko-header-nav .main-menu nav > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 0;
    padding: 0;
}

.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li {
    margin: 0 !important;
    display: block;
}

.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li > a i,
.ko-pubzi-body .ko-header-nav .submenu li a i {
    margin-right: 0;
    font-size: 12px;
    opacity: 0.92;
    width: 18px;
    min-width: 18px;
    flex-shrink: 0;
    text-align: center;
}

.ko-pubzi-body .header-main .main-menu ul li .submenu {
    min-width: 250px;
    padding: 10px 0 !important;
    top: 100% !important;
    transform: translateY(6px) !important;
}

/* Hover boşluğu + güvenilir açılma (hover / focus / is-open) */
.ko-pubzi-body .header-main .main-menu ul > li.has-dropdown {
    position: relative;
}
.ko-pubzi-body .header-main .main-menu ul > li.has-dropdown > .submenu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -16px;
    height: 16px;
}
.ko-pubzi-body .header-main .main-menu ul > li.has-dropdown:hover > .submenu,
.ko-pubzi-body .header-main .main-menu ul > li.has-dropdown:focus-within > .submenu,
.ko-pubzi-body .header-main .main-menu ul > li.has-dropdown.is-open > .submenu {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}
.ko-pubzi-body .header-2.header-3.ko-site-header,
.ko-pubzi-body .mega-menu-wrapper,
.ko-pubzi-body .ko-header-main,
.ko-pubzi-body .ko-header-nav,
.ko-pubzi-body .ko-header-nav .main-menu,
.ko-pubzi-body .ko-header-nav .main-menu nav,
.ko-pubzi-body .ko-header-nav .main-menu nav > ul {
    overflow: visible !important;
}

.ko-pubzi-body .header-main .main-menu ul li .submenu li a,
.ko-pubzi-body .ko-header-nav .submenu li a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px;
    width: 100%;
    padding: 10px 18px !important;
    line-height: 1.35 !important;
    white-space: nowrap;
    font-size: 13px !important;
    letter-spacing: 0.02em;
}

.ko-pubzi-body .header-main .main-menu ul li .submenu li:hover > a {
    margin-left: 0 !important;
}

.ko-pubzi-body .header-main .main-menu ul li .submenu li a::before {
    display: none !important;
}

.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li > a {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px !important;
    border-radius: 10px;
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: .6px;
    color: #c8ccd4 !important;
    transition: background .15s, color .15s, transform .15s;
}

.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li.active > a,
.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li > a:hover {
    background: rgba(var(--ko-accent-rgb),0.12);
    color: var(--ko-accent) !important;
}

.ko-pubzi-body .ko-header-nav .submenu {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(var(--ko-accent-rgb),0.15);
    background: rgba(11,14,19,0.98) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.45);
}

.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li.ko-nav-market-tl > a {
    gap: 7px;
    padding: 6px 10px !important;
    border-radius: 999px;
    border: 1px solid rgba(201, 162, 39, 0.4);
    background: rgba(201, 162, 39, 0.12);
    color: #f2e6c2 !important;
}
.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li.ko-nav-market-tl > a:hover {
    border-color: rgba(201, 162, 39, 0.7);
    background: rgba(201, 162, 39, 0.2);
    color: #fff !important;
}
.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li.ko-nav-market-notif > a {
    gap: 7px;
    padding: 6px 10px !important;
    border-radius: 999px;
    border: 1px solid rgba(201, 162, 39, 0.35);
    background: rgba(201, 162, 39, 0.08);
    color: #f2e6c2 !important;
    position: relative;
}
.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li.ko-nav-market-notif > a:hover,
.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li.ko-nav-market-notif > a.active {
    border-color: rgba(201, 162, 39, 0.7);
    background: rgba(201, 162, 39, 0.18);
    color: #fff !important;
}
.ko-pubzi-body .ko-nav-notif-badge {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: linear-gradient(135deg, #e8c547, #b8922a);
    color: #1a1408;
    font-size: 10px;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
    display: inline-block;
}
.ko-pubzi-body .ko-nav-notif-badge[hidden] {
    display: none !important;
}
.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li.ko-nav-profile-has-notif > a {
    color: #f0d878 !important;
    font-weight: 700;
}
.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li.ko-nav-profile-has-notif > a #koNavProfileLabel {
    color: #f0d878;
}
.ko-pubzi-body .ko-nav-market-tl-label {
    font-size: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
    opacity: .9;
}
.ko-pubzi-body .ko-nav-market-tl strong {
    font-size: 12px;
    font-weight: 800;
    color: #d4b44a;
    white-space: nowrap;
}
@media (max-width: 1199px) {
    .ko-pubzi-body .ko-nav-market-tl-label { display: none; }
}

.ko-pubzi-body .ko-header-actions {
    gap: 12px;
}

.ko-pubzi-body .header-main .header-right .header-right-icon {
    gap: 14px !important;
}

.ko-pubzi-body .header-main .header-right .header-button {
    display: flex;
    align-items: center;
}

.ko-pubzi-body .ko-header-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid var(--ko-accent);
    background: var(--ko-accent);
    color: #0B0E13 !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 4px 14px rgba(var(--ko-accent-rgb), 0.22);
    transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.ko-pubzi-body .ko-header-cta::before,
.ko-pubzi-body .ko-header-cta::after {
    display: none !important;
    content: none !important;
}

.ko-pubzi-body .ko-header-cta i {
    font-size: 13px;
    flex-shrink: 0;
}

.ko-pubzi-body .ko-header-cta:hover {
    background: var(--ko-btn-hover, #E4C99A);
    border-color: var(--ko-btn-hover, #E4C99A);
    color: var(--ko-accent-text, #0B0E13) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(var(--ko-btn-hover-rgb, var(--ko-accent-rgb)), 0.28);
}

.ko-pubzi-body .ko-header-cta:active {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(var(--ko-accent-rgb), 0.18);
}

@media (max-width: 1199px) {
    .ko-pubzi-body .header-main .header-right .header-right-icon .header-button {
        display: flex !important;
    }

    .ko-pubzi-body .ko-header-cta span {
        display: none;
    }

    .ko-pubzi-body .ko-header-cta {
        width: 40px;
        padding: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .ko-pubzi-body .ko-header-cta {
        padding: 0 14px;
        font-size: 11px;
    }
}

.ko-pubzi-body .ko-header-online {
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    color: var(--ko-accent);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.ko-pubzi-body .ko-header-online i {
    font-size: 8px;
    color: #5ecf73;
}

.ko-pubzi-body .header__hamburger .sidebar__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ko-accent);
    font-size: 20px;
    cursor: pointer;
}

.ko-pubzi-body .header__hamburger .sidebar__toggle img {
    display: none;
}

/* Eski Pubzi sarı halka / mouseCursor / smoke trail — her durumda kapalı */
.ko-pubzi-body .mouseCursor,
.ko-pubzi-body .custom-cursor,
.ko-pubzi-body .cursor-inner,
.ko-pubzi-body .cursor-outer,
.ko-pubzi-body .smoke,
html .custom-cursor,
html .mouseCursor,
html .cursor-inner,
html .cursor-outer,
html .smoke,
body .smoke,
.smoke {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    animation: none !important;
    filter: none !important;
}

/* Top notice marquee */
.ko-notice-top {
    background: linear-gradient(90deg, rgba(var(--ko-accent-rgb),0.12), rgba(var(--ko-accent-rgb),0.04));
    border-bottom: 1px solid rgba(var(--ko-accent-rgb), 0.15);
    padding: 8px 0;
    position: relative;
    z-index: 1000;
    min-height: 42px;
    box-sizing: border-box;
}

.ko-notice-top-inner {
    display: flex;
    align-items: center;
    gap: 16px;
    overflow: hidden;
}

.ko-notice-label {
    flex: 0 0 auto;
    color: var(--ko-notice-label-color, #0B0E13);
    background: var(--ko-notice-label-bg, var(--ko-accent));
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 6px 12px;
    border-radius: 4px;
    text-transform: uppercase;
    white-space: nowrap;
}

.ko-notice-label i {
    margin-right: 6px;
}

.ko-notice-marquee {
    flex: 1;
    overflow: hidden;
    min-width: 0;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.ko-notice-track {
    display: inline-flex;
    gap: 80px;
    white-space: nowrap;
    animation: koNoticeMarquee var(--ko-notice-speed, 28s) linear infinite;
    color: var(--ko-notice-text, var(--ko-accent));
    font-size: 14px;
    font-weight: 600;
    will-change: transform;
}

.ko-notice-track span {
    display: inline-block;
}

@keyframes koNoticeMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Server dashboard */
.ko-server-dashboard {
    padding-top: 24px !important;
    padding-bottom: 8px !important;
}

.ko-server-panel {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 18px;
}

.ko-server-grid {
    display: grid;
    grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.ko-server-hero {
    display: flex;
    flex-direction: column;
    background: linear-gradient(160deg, rgba(var(--ko-accent-rgb),0.07), rgba(255,255,255,0.02));
    border: 1px solid rgba(var(--ko-accent-rgb),0.16);
    border-radius: 14px;
    padding: 20px 22px;
    height: auto;
    align-self: start;
}

.ko-server-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ko-accent);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.ko-server-title {
    color: #fff;
    font-size: 26px;
    margin: 0 0 6px;
    line-height: 1.15;
}

.ko-server-title span { color: var(--ko-accent); }

.ko-server-sub {
    color: #8a8a8a;
    margin: 0 0 18px;
    font-size: 13px;
    line-height: 1.45;
}

.ko-server-online-big {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
}

.ko-server-online-big strong {
    color: var(--ko-accent);
    font-size: 42px;
    line-height: 1;
    font-weight: 800;
}

.ko-server-online-big span {
    color: #777;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 6px;
}

.ko-server-nation-bars {
    margin-top: 12px;
    padding-top: 0;
}

.ko-nation-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #ccc;
}

.ko-nation-label i { margin-right: 6px; }
.ko-nation-label .ko-nation-ico,
.ko-side-nation-label .ko-nation-ico {
    margin-right: 6px;
}
.ko-karus-label { color: #ff7b7b; }
.ko-human-label { color: #7bb3ff; }
.ko-nation-val { font-weight: 700; color: #fff; }

.ko-nation-track {
    height: 5px;
    background: rgba(255,255,255,0.08);
    border-radius: 999px;
    overflow: hidden;
    margin-top: 6px;
}

.ko-nation-fill {
    height: 100%;
    border-radius: 999px;
    transition: width .4s ease;
}

.ko-karus-fill { background: linear-gradient(90deg, #c0392b, #ff6b6b); }
.ko-human-fill { background: linear-gradient(90deg, #2980b9, #6b9fff); }

.ko-server-side {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.ko-status-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-content: start;
}

/* Minimal server panel — artık kullanılmıyor; geriye dönük */
.ko-server-panel--minimal {
    padding: 0;
    background: transparent;
    border: none;
}

.ko-server-minimal {
    background: linear-gradient(165deg, rgba(var(--ko-accent-rgb),0.06) 0%, rgba(255,255,255,0.02) 42%, rgba(255,255,255,0.01) 100%);
    border: 1px solid rgba(var(--ko-accent-rgb),0.14);
    border-radius: 18px;
    padding: 22px 24px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.22);
}

.ko-server-minimal-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    margin-bottom: 18px;
}

.ko-server-minimal-brand {
    flex: 1;
    min-width: 220px;
}

.ko-server-minimal-brand .ko-server-title {
    font-size: 28px;
    margin-bottom: 4px;
}

.ko-server-minimal-brand .ko-server-sub {
    margin-bottom: 0;
}

.ko-server-minimal-online {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    flex-shrink: 0;
}

.ko-server-minimal-online strong {
    color: var(--ko-accent);
    font-size: 48px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -1px;
}

.ko-server-minimal-online span {
    color: #777;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 6px;
}

.ko-server-minimal-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(160px, 0.8fr) minmax(160px, 0.8fr);
    gap: 12px;
    margin-bottom: 16px;
}

.ko-mini-stat {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 18px 20px;
    min-height: 96px;
}

.ko-mini-stat--nations {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

.ko-mini-stat--accent {
    border-color: rgba(var(--ko-accent-rgb),0.22);
    background: rgba(var(--ko-accent-rgb),0.05);
}

.ko-mini-stat-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--ko-accent-rgb),0.1);
    color: var(--ko-accent);
    font-size: 18px;
    flex-shrink: 0;
}

.ko-mini-stat--accent .ko-mini-stat-icon {
    background: rgba(var(--ko-accent-rgb),0.16);
}

.ko-mini-stat-body {
    min-width: 0;
}

.ko-mini-stat-label {
    display: block;
    color: #777;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 6px;
}

.ko-mini-stat-value {
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
}

.ko-mini-stat--accent .ko-mini-stat-value {
    color: var(--ko-accent);
}

.ko-mini-nation {
    width: 100%;
}

.ko-dash-actions--minimal {
    margin-top: 4px;
}

.ko-status-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 14px 16px;
    min-height: 82px;
    position: relative;
}

.ko-status-card.is-online { border-color: rgba(76, 175, 80, 0.28); }
.ko-status-card.is-offline { border-color: rgba(244, 67, 54, 0.28); }
.ko-status-card.is-accent { border-color: rgba(var(--ko-accent-rgb),0.22); }

.ko-status-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--ko-accent-rgb),0.1);
    color: var(--ko-accent);
    font-size: 18px;
    flex-shrink: 0;
}

.ko-status-card.is-online .ko-status-icon {
    background: rgba(76,175,80,0.14);
    color: #4caf50;
}

.ko-status-card.is-offline .ko-status-icon {
    background: rgba(244,67,54,0.14);
    color: #f44336;
}

.ko-status-body {
    min-width: 0;
    flex: 1;
}

.ko-status-label {
    display: block;
    color: #777;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ko-status-value {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.ko-status-card.is-online .ko-status-value { color: #4caf50; }
.ko-status-card.is-offline .ko-status-value { color: #f44336; }
.ko-status-card.is-accent .ko-status-value { color: var(--ko-accent); }

.ko-status-dot {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4caf50;
    box-shadow: 0 0 8px rgba(76,175,80,0.7);
}

.ko-status-card.is-offline .ko-status-dot {
    background: #f44336;
    box-shadow: 0 0 8px rgba(244,67,54,0.7);
}

.ko-dash-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.ko-dash-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid rgba(var(--ko-accent-rgb),0.35);
    background: rgba(255,255,255,0.03);
    color: var(--ko-accent);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    text-decoration: none;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.ko-dash-btn i {
    font-size: 14px;
    flex-shrink: 0;
}

.ko-dash-btn span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ko-dash-btn:hover {
    background: rgba(var(--ko-accent-rgb),0.1);
    border-color: rgba(var(--ko-accent-rgb),0.55);
    color: #fff;
}

.ko-dash-btn.is-primary {
    background: var(--ko-accent);
    border-color: var(--ko-accent);
    color: var(--ko-accent-text, #0B0E13);
}

.ko-dash-btn.is-primary:hover {
    background: var(--ko-btn-hover, #E4C99A);
    border-color: var(--ko-btn-hover, #E4C99A);
    color: var(--ko-accent-text, #0B0E13);
}

@media (max-width: 1199px) {
    .ko-pubzi-body header#header-sticky {
        overflow: hidden !important;
    }

    .ko-pubzi-body .ko-header-main {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
    }

    .ko-pubzi-body .ko-site-header .ko-header-nav,
    .ko-pubzi-body header#header-sticky #mobile-menu {
        display: none !important;
        position: absolute !important;
        left: -9999px !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .ko-pubzi-body .ko-logo-block,
    .ko-pubzi-body .header-main .logo {
        max-width: 100%;
        overflow: hidden;
    }

    .ko-pubzi-body .ko-logo-shell {
        padding: 3px 8px;
        max-width: 100%;
    }

    .ko-pubzi-body .ko-logo-shell.is-smoke::before,
    .ko-pubzi-body .ko-logo-shell.is-smoke::after {
        display: none;
    }

    .ko-pubzi-body .ko-site-logo,
    .ko-pubzi-body .ko-site-logo--compact,
    .ko-pubzi-body .ko-site-logo--standard,
    .ko-pubzi-body .ko-site-logo--wide,
    .ko-pubzi-body .ko-site-logo--custom,
    .ko-pubzi-body .header-main .logo .header-logo img,
    .ko-pubzi-body .header-2 .header-main .logo .header-logo img,
    .ko-pubzi-body .offcanvas__logo .ko-site-logo {
        width: auto !important;
        height: auto !important;
        max-height: var(--ko-logo-h, 58px) !important;
        max-width: 100% !important;
    }
}

@media (max-width: 991px) {
    .ko-pubzi-body .ko-logo-meta {
        display: none;
    }

    .ko-server-minimal-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .ko-server-minimal-online {
        align-items: flex-start;
        text-align: left;
    }

    .ko-server-minimal-online strong {
        font-size: 40px;
    }

    .ko-server-minimal-grid {
        grid-template-columns: 1fr;
    }

    .ko-server-grid {
        grid-template-columns: 1fr;
    }

    .ko-server-title {
        font-size: 24px;
    }

    .ko-server-online-big strong {
        font-size: 36px;
    }
}

@media (max-width: 575px) {
    .ko-server-panel {
        padding: 14px;
    }

    .ko-status-grid {
        grid-template-columns: 1fr;
    }

    .ko-dash-actions {
        grid-template-columns: 1fr;
    }
}

/* Anasayfa sağ sidebar (homeko.world tarzı) */
.ko-home-shell-wrap {
    padding-top: 8px;
    padding-bottom: 0;
}

.ko-home-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
    gap: 20px;
    align-items: start;
}

.ko-home-main {
    min-width: 0;
}

.ko-home-main .container {
    max-width: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.ko-home-main-inner {
    width: 100%;
}

.ko-home-sidebar {
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: sticky;
    top: 88px;
    align-self: start;
}

.ko-side-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 16px 18px;
}

.ko-side-card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.ko-side-card-accent {
    width: 3px;
    height: 18px;
    border-radius: 999px;
    background: var(--ko-accent);
    flex-shrink: 0;
}

.ko-side-card-head h3 {
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ko-side-card-head h3 i {
    color: var(--ko-accent);
    font-size: 12px;
}

.ko-side-online {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.ko-side-online strong {
    color: #4caf50;
    font-size: 36px;
    line-height: 1;
    font-weight: 800;
}

.ko-side-online span {
    color: #888;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 4px;
}

.ko-side-nations {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ko-side-nation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #ccc;
}

.ko-side-nation--karus .ko-side-nation-label { color: #ff7b7b; }
.ko-side-nation--human .ko-side-nation-label { color: #7bb3ff; }

.ko-side-nation-label i { margin-right: 5px; }
.ko-side-nation-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.ko-nation-label {
    display: inline-flex;
    align-items: center;
}

.ko-nation-ico {
    width: 18px;
    height: 18px;
    object-fit: contain;
    image-rendering: pixelated;
    vertical-align: middle;
    flex-shrink: 0;
    mix-blend-mode: screen;
}

.ko-side-nation-pct {
    font-weight: 700;
    color: #fff;
}

.ko-side-nation-track {
    height: 4px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 6px;
}

.ko-side-card--status {
    padding: 14px 16px;
}

.ko-side-card--status.is-online { border-color: rgba(76, 175, 80, 0.28); }
.ko-side-card--status.is-offline { border-color: rgba(244, 67, 54, 0.28); }

.ko-side-status-row {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    padding-right: 18px;
}

.ko-side-status-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--ko-accent-rgb), 0.1);
    color: var(--ko-accent);
    flex-shrink: 0;
}

.ko-side-card--status.is-online .ko-side-status-icon {
    background: rgba(76, 175, 80, 0.14);
    color: #4caf50;
}

.ko-side-card--status.is-offline .ko-side-status-icon {
    background: rgba(244, 67, 54, 0.14);
    color: #f44336;
}

.ko-side-status-label {
    display: block;
    color: #777;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.ko-side-status-row strong {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.ko-side-card--status.is-online .ko-side-status-row strong { color: #4caf50; }
.ko-side-card--status.is-offline .ko-side-status-row strong { color: #f44336; }

.ko-side-card--status .ko-status-dot {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.ko-side-mini-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.ko-side-mini-grid.is-single {
    grid-template-columns: 1fr;
}

.ko-side-mini-label {
    display: block;
    color: #777;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.ko-side-mini-label i {
    margin-right: 4px;
    color: var(--ko-accent);
}

.ko-side-mini strong {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}

.ko-side-mini strong.is-accent {
    color: var(--ko-accent);
}

.ko-side-empty {
    margin: 0;
    color: #777;
    font-size: 13px;
}

.ko-side-kings {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ko-side-kings li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #ddd;
}

.ko-side-king-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ko-side-card--actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    background: transparent;
    border: none;
    padding-left: 0;
    padding-right: 0;
}

.ko-side-card--actions .ko-dash-btn {
    width: 100%;
    min-height: 44px;
    justify-content: flex-start;
    padding-left: 18px;
}

.ko-side-card--social .ko-social-links-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ko-side-card--social .ko-social-link-btn {
    width: 100%;
    min-height: 42px;
    padding: 11px 14px;
    font-size: 13px;
    border-radius: 10px;
}
.ko-side-card--social .ko-social-sidebar-widget {
    width: 100%;
}
.ko-side-card--social .ko-social-sidebar-widget > a,
.ko-side-card--social .ko-social-sidebar-widget > .ko-social-card {
    display: block;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}
.ko-side-card--social .ko-social-kc-hero {
    display: flex;
    flex-direction: column;
    gap: 0;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(var(--ko-accent-rgb, 212, 175, 55), 0.28);
}
.ko-side-card--social .ko-social-kc-hero-visual {
    height: 250px;
}
.ko-side-card--social .ko-social-kc-hero-content {
    padding: 10px 12px 12px;
}
.ko-side-card--social .ko-social-kc-hero-content h3 {
    font-size: 14px;
    margin: 4px 0;
}
.ko-side-card--social .ko-social-kc-hero-content p {
    font-size: 11px;
    margin: 0 0 8px;
    line-height: 1.35;
}
.ko-side-card--social .ko-social-kc-badge {
    font-size: 10px;
}
.ko-side-card--social .ko-social-kc-btn {
    font-size: 12px;
    padding: 6px 10px;
}

@media (max-width: 1199px) {
    .ko-home-shell {
        grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
        gap: 16px;
    }
}

@media (max-width: 991px) {
    .ko-home-shell {
        grid-template-columns: 1fr;
    }

    .ko-home-sidebar {
        position: static;
        order: -1;
    }

    .ko-side-card--server {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        align-items: center;
    }

    .ko-side-card--server .ko-side-card-head {
        grid-column: 1 / -1;
        margin-bottom: 0;
    }

    .ko-side-card--actions {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
    }

    .ko-side-card--actions .ko-dash-btn {
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
        padding-left: 12px;
    }
}

@media (max-width: 575px) {
    .ko-side-card--server {
        grid-template-columns: 1fr;
    }

    .ko-side-mini-grid {
        grid-template-columns: 1fr;
    }

    .ko-side-card--actions .ko-dash-btn {
        flex: 1 1 100%;
    }
}

@media (max-width: 767px) {
    .ko-notice-label {
        font-size: 10px;
        padding: 5px 8px;
    }

    .ko-notice-track {
        font-size: 12px;
    }
}

.theme-btn.style-2 {
    background: linear-gradient(90deg, var(--ko-accent) 0%, #8e6b37 100%) !important;
    border: 0 !important;
    color: var(--ko-accent-text, #111) !important;
}

.theme-btn.style-2:hover {
    background: linear-gradient(90deg, var(--ko-accent) 0%, #8e6b37 100%) !important;
    filter: brightness(1.06);
    color: var(--ko-accent-text, #111) !important;
}


.ko-pubzi-body #orta,
.ko-pubzi-body .genel-orta,
.ko-pubzi-body .genel-ust,
.ko-pubzi-body .genel-alt,
.ko-pubzi-body header:not(#header-sticky) {
    display: none !important;
}

.ko-hero-text .wave-text {
    color: #fff;
}

.ko-hero-text .wave-text span {
    color: var(--ko-accent);
}

.ko-slider-caption {
    margin-top: 10px;
    color: var(--ko-accent);
    font-size: 14px;
}

.ko-pubzi-body .block {
    margin-top: 24px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(var(--ko-accent-rgb),0.12);
    border-radius: 12px;
    padding: 20px;
}

.ko-pubzi-body .block-title h2 {
    color: var(--ko-accent);
    font-size: 18px;
}

.ko-pubzi-body .block table {
    width: 100%;
    color: #ccc;
    margin-top: 12px;
}

.ko-pubzi-body .block table td {
    padding: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}


.ko-main {
    min-height: 50vh;
    position: relative;
    z-index: 1;
}

.ko-online-bar {
    background: rgba(var(--ko-accent-rgb), 0.08);
    border-bottom: 1px solid rgba(var(--ko-accent-rgb), 0.15);
    padding: 10px 0;
}

.ko-notice {
    color: var(--ko-accent);
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ko-online-stats {
    font-size: 13px;
    color: #fff;
}

.ko-stat {
    margin-left: 12px;
}

.ko-stat strong {
    color: var(--ko-accent);
}

.ko-karus strong { color: #ff6b6b; }
.ko-human strong { color: #6b9fff; }

.ko-online-progress {
    display: flex;
    height: 4px;
    background: rgba(255,255,255,0.08);
    border-radius: 2px;
    overflow: hidden;
}

.ko-bar-karus { background: #c0392b; transition: width .3s; }
.ko-bar-human { background: #2980b9; transition: width .3s; }

.ko-breadcrumb.gt-breadcrumb-wrapper {
    margin-top: 0 !important;
    background-color: #0B0E13;
    background-image: none;
    overflow: hidden;
    z-index: 2;
    min-height: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border: none !important;
    box-shadow: none !important;
    outline: none;
}

.ko-breadcrumb .gt-left-shape,
.ko-breadcrumb .gt-right-shape,
.ko-breadcrumb .gt-blur-shape {
    display: none !important;
}

.ko-breadcrumb > .container {
    width: 100%;
    position: relative;
    z-index: 2;
}
.ko-breadcrumb .gt-page-heading {
    padding: 16px 0 !important;
}
.ko-breadcrumb .gt-page-heading h1 {
    font-size: clamp(1.45rem, 2.6vw, 2.15rem) !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.8);
}
.ko-breadcrumb .gt-page-heading .gt-breadcrumb-items {
    margin-top: 10px !important;
    text-shadow: 0 1px 8px rgba(0,0,0,.75);
}

/* Görsel yok (admin Kaldır): sade koyu şerit, site arkaplanını buraya basma */
.ko-breadcrumb.ko-breadcrumb-plain {
    background: #0b0e13 !important;
    background-image: none !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
}
body.ko-site-has-bg .ko-breadcrumb.ko-breadcrumb-plain {
    background: #0b0e13 !important;
    background-image: none !important;
}

/* Çerçevesiz tam genişlik banner — görsel oranı korunur, kırpılmaz */
.ko-breadcrumb.ko-breadcrumb-bleed {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    line-height: 0;
    background: #0b0e13 !important;
    background-image: none !important;
    overflow: hidden;
}
.ko-breadcrumb.ko-breadcrumb-bleed .ko-bc-art {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: center center;
    pointer-events: none;
}
.ko-breadcrumb.ko-breadcrumb-bleed .ko-bc-scrim {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(8,6,5,0.12) 0%, rgba(8,6,5,0.22) 50%, rgba(11,14,19,0.78) 100%);
}
body.ko-site-has-bg .ko-breadcrumb.ko-breadcrumb-bleed > .container,
.ko-breadcrumb.ko-breadcrumb-bleed > .container {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    z-index: 2;
    pointer-events: none;
}
.ko-breadcrumb.ko-breadcrumb-bleed > .container a,
.ko-breadcrumb.ko-breadcrumb-bleed > .container .gt-page-heading {
    pointer-events: auto;
}

.ko-breadcrumb .gt-page-heading h1 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.ko-breadcrumb .gt-breadcrumb-items li.color,
.ko-breadcrumb .gt-breadcrumb-items a:hover,
.ko-breadcrumb .gt-breadcrumb-items i {
    color: var(--ko-accent) !important;
}

.ko-content-section .section-title h2 {
    color: #fff;
    font-size: 22px;
}

.ko-content-section .section-title h2 i {
    color: var(--ko-accent);
    margin-right: 8px;
}

.ko-page-inner {
    background: rgba(12, 16, 24, 0.94);
    border: 1px solid rgba(var(--ko-accent-rgb),0.12);
    border-radius: 12px;
    padding: 24px;
}
.ko-page-inner:has(.ko-ud-prem) {
    position: relative;
    overflow: hidden;
}

.ko-ud-prem {
    position: absolute;
    top: 0;
    left: 0;
    width: 148px;
    height: 148px;
    overflow: hidden;
    pointer-events: none;
    z-index: 6;
}
.ko-ud-prem-band {
    position: absolute;
    top: 26px;
    left: -46px;
    width: 216px;
    padding: 8px 10px 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    text-align: center;
    transform: rotate(-45deg);
    background: linear-gradient(180deg, #F0E0B4 0%, var(--ko-accent, #CDB385) 42%, #8A6A32 100%);
    color: #FFF8E8;
    box-shadow:
        0 8px 18px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.45);
    letter-spacing: .03em;
}
.ko-ud-prem-band::before,
.ko-ud-prem-band::after {
    content: "";
    position: absolute;
    bottom: -7px;
    width: 8px;
    height: 8px;
    background: #5c4520;
}
.ko-ud-prem-band::before { left: 6px; }
.ko-ud-prem-band::after { right: 6px; }
.ko-ud-prem-band strong {
    font-size: 13px;
    font-weight: 900;
    line-height: 1.12;
    text-transform: uppercase;
    color: #FFFDF6;
    text-shadow:
        0 1px 0 rgba(0,0,0,.55),
        0 2px 3px rgba(0,0,0,.55),
        0 0 1px rgba(0,0,0,.9);
}
.ko-ud-prem-band em {
    font-style: normal;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #FFFDF6;
    text-shadow:
        0 1px 0 rgba(0,0,0,.55),
        0 2px 3px rgba(0,0,0,.55);
}
.ko-ud-prem--bronze .ko-ud-prem-band {
    background: linear-gradient(180deg, #E2B48A 0%, #C4844A 48%, #7A4A22 100%);
}
.ko-ud-prem--silver .ko-ud-prem-band {
    background: linear-gradient(180deg, #F3F4F6 0%, #C5CCD4 48%, #7B8490 100%);
}
.ko-ud-prem--silver .ko-ud-prem-band::before,
.ko-ud-prem--silver .ko-ud-prem-band::after { background: #4d5560; }
.ko-ud-prem--platinum .ko-ud-prem-band {
    background: linear-gradient(180deg, #F7F3E8 0%, #D9D0B8 42%, #9A9178 100%);
}
.ko-ud-prem--exp .ko-ud-prem-band {
    background: linear-gradient(180deg, #FFE08A 0%, #E8A020 42%, #9A5A08 100%);
}
@media (max-width: 767px) {
    .ko-ud-prem {
        width: 118px;
        height: 118px;
    }
    .ko-ud-prem-band {
        top: 22px;
        left: -52px;
        width: 180px;
        padding: 6px 6px 7px;
    }
    .ko-ud-prem-band strong {
        font-size: 11px;
    }
    .ko-ud-prem-band em {
        font-size: 12px;
    }
}

.con_rank {
    width: 100%;
    overflow-x: auto;
}

table.tb_ranking {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 14px;
    color: #e8e8e8;
    border: 1px solid rgba(var(--ko-accent-rgb),0.15);
    border-radius: 8px;
    overflow: hidden;
}

table.tb_ranking tr { height: 38px; }

table.tb_ranking tr.head2 th,
table.tb_ranking tr.head th {
    background: linear-gradient(180deg, rgba(var(--ko-accent-rgb),0.18) 0%, rgba(var(--ko-accent-rgb),0.06) 100%);
    color: var(--ko-accent);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    padding: 12px 8px;
    border-bottom: 1px solid rgba(var(--ko-accent-rgb),0.2);
}

table.tb_ranking tbody tr {
    border-bottom: 1px solid rgba(255,255,255,0.05);
    transition: background .2s;
}

table.tb_ranking tbody tr:nth-child(odd) {
    background: rgba(255,255,255,0.02);
}

table.tb_ranking tbody tr:hover {
    background: rgba(var(--ko-accent-rgb),0.06);
}

table.tb_ranking tbody td {
    padding: 8px;
}

table.tb_ranking tbody tr a,
table.tb_ranking tbody td a {
    color: var(--ko-accent);
    text-decoration: none;
    font-weight: 600;
}

table.tb_ranking tbody tr a:hover,
table.tb_ranking tbody td a:hover {
    color: #fff;
    text-decoration: underline;
}

.top10-nick { color: var(--ko-accent) !important; }
.ko-rank-irk-jop {
    white-space: nowrap;
    vertical-align: middle;
}
.ko-rank-irk-jop .ko-badges {
    gap: 3px;
}
/* Kullanıcı Adı / nick — dikey orta, sola yaslı (tüm sıralama tabloları) */
table.tb_ranking th.ko-rank-nick-head,
table.tb_ranking td.ko-rank-nick-cell {
    text-align: left;
    vertical-align: middle;
}
.ko-rank-nick-cell {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    flex-wrap: nowrap;
    max-width: 100%;
    text-align: left;
}
.ko-rank-nick-cell .ko-badges {
    flex-shrink: 0;
    gap: 3px;
}
.ko-rank-nick-cell .top10-nick,
.ko-rank-nick-cell a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Clan lider / asistan ? nick alt?nda renkli �izgi */
a.ko-nick-clan-leader,
.top10-nick.ko-nick-clan-leader,
.ko-clan-nick .ko-nick-clan-leader {
    border-bottom: 2px solid #22c55e !important;
    padding-bottom: 1px;
    text-decoration: none !important;
    box-shadow: none;
}
a.ko-nick-clan-assistant,
.top10-nick.ko-nick-clan-assistant,
.ko-clan-nick .ko-nick-clan-assistant {
    border-bottom: 2px solid #a855f7 !important;
    padding-bottom: 1px;
    text-decoration: none !important;
}

.ko-hero-section {
    padding: 40px 0 20px;
}

/* ?? Ana Sayfa Slider (sade) ?? */
.ko-home-slider-section {
    padding: 18px 0 6px;
    background: #0B0E13;
}

.ko-home-slider-box {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(var(--ko-accent-rgb),0.16);
    box-shadow: 0 12px 40px rgba(0,0,0,0.35);
    background: #0a0c10;
}

.ko-slide-fx {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 4;
    opacity: 0;
}

.ko-home-slider-box.is-pulsing-fire .ko-slide-fx {
    animation: koSlideFireFlash 1.05s ease-out forwards;
    background:
        radial-gradient(circle at 30% 110%, rgba(255, 120, 20, 0.55) 0%, transparent 52%),
        radial-gradient(circle at 78% 120%, rgba(255, 40, 0, 0.42) 0%, transparent 48%),
        linear-gradient(180deg, transparent 35%, rgba(255, 90, 0, 0.28) 100%);
    mix-blend-mode: screen;
}

.ko-home-slider-box.is-pulsing-blast .ko-slide-fx {
    animation: koSlideBlastFlash 0.95s ease-out forwards;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.55) 0%, rgba(255, 210, 80, 0.28) 28%, transparent 62%),
        radial-gradient(circle at 50% 50%, rgba(255, 80, 20, 0.25) 0%, transparent 70%);
    mix-blend-mode: screen;
}

@keyframes koSlideFireFlash {
    0% { opacity: 0; transform: scale(1.02); filter: brightness(1.1) saturate(1.2); }
    35% { opacity: 1; transform: scale(1.06); filter: brightness(1.35) saturate(1.55); }
    100% { opacity: 0; transform: scale(1); filter: brightness(1) saturate(1); }
}

.ko-home-slider-box.is-pulsing-cover .ko-slide-fx {
    animation: koSlideCoverFlash 0.9s ease-out forwards;
    background:
        linear-gradient(105deg, transparent 20%, rgba(255,255,255,0.18) 48%, transparent 72%),
        radial-gradient(circle at 50% 50%, rgba(var(--ko-accent-rgb), 0.22), transparent 65%);
    mix-blend-mode: screen;
}
.ko-home-slider-box.is-pulsing-cube .ko-slide-fx {
    animation: koSlideCubeFlash 0.95s ease-out forwards;
    background: linear-gradient(135deg, rgba(255,255,255,0.18), transparent 55%, rgba(0,0,0,0.25));
    mix-blend-mode: soft-light;
}
@keyframes koSlideCoverFlash {
    0% { opacity: 0; transform: perspective(600px) rotateY(-18deg) scale(0.96); }
    40% { opacity: 0.9; transform: perspective(600px) rotateY(0deg) scale(1.02); }
    100% { opacity: 0; transform: perspective(600px) rotateY(8deg) scale(1); }
}
@keyframes koSlideCubeFlash {
    0% { opacity: 0; transform: perspective(700px) rotateY(40deg); }
    45% { opacity: 0.85; transform: perspective(700px) rotateY(0deg); }
    100% { opacity: 0; transform: none; }
}

.ko-home-slider-box.is-fx-cube .ko-home-slider-swiper,
.ko-home-slider-box.is-fx-coverflow .ko-home-slider-swiper {
    overflow: hidden;
}

.ko-home-slider-box.is-fx-fire .ko-slide-img,
.ko-home-slider-box.is-fx-blast .ko-slide-img {
    transform-origin: center center;
}

.ko-home-slider-swiper {
    width: 100%;
    height: clamp(200px, 28vw, 320px);
}

.ko-home-slider-swiper .swiper-wrapper {
    height: 100%;
}

.ko-home-slider-swiper .swiper-slide {
    height: 100%;
}

.ko-slide-card {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #0a0c10;
}

.ko-slide-card::before {
    content: none;
}

.ko-slide-fallback {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #1a2332 0%, #0B0E13 100%);
}

.ko-slide-fallback-1 {
    background: linear-gradient(135deg, #152018 0%, #0B0E13 55%, #1a2332 100%);
}

/* Sabit çerçeve içine tam sığdır — boşluk yok, taşma yok */
.ko-slide-img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: fill;
    object-position: center center;
    opacity: 1;
}

.ko-slide-card.has-link {
    cursor: pointer;
}

.ko-slide-hit {
    position: absolute;
    inset: 0;
    z-index: 3;
}

.ko-slide-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 14px 20px;
    background: linear-gradient(0deg, rgba(11,14,19,0.92) 0%, rgba(11,14,19,0.55) 70%, transparent 100%);
    border-top: 1px solid rgba(var(--ko-accent-rgb),0.12);
}

.ko-slide-text {
    margin: 0;
    max-width: 900px;
    font-size: clamp(15px, 2.2vw, 20px);
    font-weight: 700;
    line-height: 1.35;
    color: #fff;
}

.ko-slide-pagination {
    bottom: 10px !important;
    z-index: 6;
}

.ko-slide-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255,255,255,0.45);
    opacity: 1;
}

.ko-slide-pagination .swiper-pagination-bullet-active {
    background: var(--ko-accent);
    transform: scale(1.15);
}

.ko-manset-section {
    padding: 10px 0 0;
}

.ko-manset-section.is-below {
    padding: 12px 0 4px;
}

.ko-manset-section.is-above {
    padding: 8px 0 10px;
}

.ko-manset-wrap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
}

.ko-slide-event {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px 20px;
    width: 100%;
    padding: 12px 20px 12px 22px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(16, 18, 26, 0.92), rgba(8, 10, 16, 0.88));
    border: 1px solid rgba(205, 179, 133, 0.42);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(8px);
}

.ko-manset-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    flex: 1 1 280px;
}

.ko-slide-event-prefix {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0.95;
    line-height: 1;
}

.ko-slide-event-prefix i {
    font-size: 13px;
}

.ko-slide-event-title {
    font-size: clamp(18px, 2.35vw, 26px);
    font-weight: 800;
    letter-spacing: 0.015em;
    line-height: 1.12;
    text-transform: uppercase;
}

.ko-manset-meter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-width: 168px;
    flex: 0 0 188px;
}

.ko-manset-bar {
    height: 10px;
    border-radius: 99px;
    overflow: hidden;
    background: var(--manset-remain, #E11D48);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
}

.ko-manset-bar-fill {
    display: block;
    height: 100%;
    width: 0;
    border-radius: inherit;
    background: var(--manset-fill, #CDB385);
    box-shadow: 0 0 10px color-mix(in srgb, var(--manset-fill, #CDB385) 55%, transparent);
    transition: width 0.4s ease;
}

.ko-manset-pct {
    display: flex;
    align-items: baseline;
    gap: 6px;
    color: #cdb385;
    white-space: nowrap;
    line-height: 1;
}

.ko-manset-pct strong {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #f5e6c8;
    font-variant-numeric: tabular-nums;
}

.ko-manset-pct em {
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #cdb385;
}

.ko-slide-event-badge {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.ko-slide-event-date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px 4px 4px;
    border-radius: 10px;
    background: rgba(205, 179, 133, 0.12);
    border: 1px solid rgba(205, 179, 133, 0.55);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}

.ko-manset-cal-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(180deg, #e8d5a8, #cdb385);
    color: #1a140c;
    font-size: 15px;
    box-shadow: 0 2px 8px rgba(205, 179, 133, 0.35);
}

.ko-manset-cal-text {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #f5e6c8;
    font-variant-numeric: tabular-nums;
}

.ko-slide-cd {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.ko-slide-cd-cell {
    min-width: 42px;
    padding: 4px 6px 5px;
    border-radius: 8px;
    text-align: center;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(205, 179, 133, 0.4);
}

.ko-slide-cd-cell strong {
    display: block;
    color: #f5e6c8;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.ko-slide-cd-cell small {
    display: block;
    margin-top: 1px;
    color: #cdb385;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.ko-home-slider-section + .ko-manset-section,
.ko-manset-section + .ko-home-slider-section {
    /* spacing handled by section padding */
}

.ko-home-slider-section + .ko-server-dashboard {
    padding-top: 1rem !important;
}

@media (max-width: 767px) {
    .ko-home-slider-swiper {
        height: 190px;
    }

    .ko-slide-bar {
        padding: 10px 14px;
    }

    .ko-slide-text {
        font-size: 14px;
    }

    .ko-slide-event {
        border-radius: 16px;
        padding: 10px 12px;
        gap: 8px 10px;
    }

    .ko-manset-copy {
        flex: 1 1 100%;
    }

    .ko-slide-event-prefix {
        font-size: 11px;
    }

    .ko-slide-event-title {
        font-size: 16px;
        white-space: normal;
    }

    .ko-manset-meter {
        width: 100%;
        flex: 1 1 100%;
    }

    .ko-manset-pct strong {
        font-size: 20px;
    }

    .ko-manset-pct em {
        font-size: 12px;
    }

    .ko-slide-event-date {
        padding: 3px 10px 3px 3px;
    }

    .ko-manset-cal-ico {
        width: 28px;
        height: 28px;
        font-size: 13px;
    }

    .ko-manset-cal-text {
        font-size: 13px;
    }

    .ko-slide-cd {
        margin-left: 0;
        width: 100%;
        justify-content: space-between;
    }

    .ko-slide-cd-cell {
        min-width: 0;
        flex: 1;
        padding: 3px 4px 4px;
    }

    .ko-slide-cd-cell strong {
        font-size: 13px;
    }
}

.ko-hero-slider .swiper-slide img {
    width: 100%;
    border-radius: 12px;
    max-height: 420px;
    object-fit: cover;
}

.ko-cash-banner {
    display: block;
    margin: 24px auto;
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(var(--ko-accent-rgb),0.2);
}

.ko-cash-banner img {
    width: 100%;
    height: auto;
    display: block;
}

.ko-panel-box {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(var(--ko-accent-rgb),0.12);
    border-radius: 12px;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

.ko-panel-head {
    background: linear-gradient(90deg, rgba(var(--ko-accent-rgb),0.15), transparent);
    padding: 14px 18px;
    border-bottom: 1px solid rgba(var(--ko-accent-rgb),0.12);
}

.ko-panel-head h3 {
    margin: 0;
    color: var(--ko-accent);
    font-size: 16px;
    text-transform: uppercase;
}

.ko-panel-head h3 i {
    margin-right: 8px;
}

.ko-panel-body {
    padding: 12px;
}

.ko-mini-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #ddd;
}

.ko-mini-table th {
    color: var(--ko-accent);
    font-size: 11px;
    text-transform: uppercase;
    padding: 8px 6px;
    border-bottom: 1px solid rgba(var(--ko-accent-rgb),0.15);
}

.ko-mini-table td {
    padding: 7px 6px;
    border-bottom: 1px solid rgba(255,255,255,0.04);
}

.ko-mini-table th.ko-rank-nick-head,
.ko-mini-table td.ko-rank-nick-cell {
    text-align: left;
    vertical-align: middle;
}

.ko-mini-table tr:hover td {
    background: rgba(var(--ko-accent-rgb),0.04);
}

.ko-news-table {
    width: 100%;
    border-collapse: collapse;
}

.ko-news-table th {
    color: var(--ko-accent);
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid rgba(var(--ko-accent-rgb),0.15);
    font-size: 12px;
    text-transform: uppercase;
}

.ko-news-table th.ko-news-views-col,
.ko-news-table td.ko-news-views-col {
    text-align: right;
    white-space: nowrap;
    width: 1%;
}

.ko-news-views {
    color: #8a8f98;
    font-variant-numeric: tabular-nums;
}

.ko-news-views i {
    margin-right: 6px;
    color: var(--ko-accent);
    opacity: 0.85;
}

.ko-news-table td {
    padding: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    color: #ccc;
    font-size: 13px;
}

.ko-news-table a {
    color: #fff;
    text-decoration: none;
}

.ko-news-table a:hover {
    color: var(--ko-accent);
}

/* Anasayfa Son Haberler — sol liste + sağ büyük görsel */
.ko-home-news-box {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(var(--ko-accent-rgb),0.12);
    border-radius: 12px;
    overflow: hidden;
}

.ko-home-news-head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px 12px;
}

.ko-home-news-head h3 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.ko-home-news-head h3::before {
    content: "";
    width: 3px;
    height: 16px;
    border-radius: 999px;
    background: var(--ko-accent);
}

.ko-home-news-head::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(255,255,255,0.08);
}

.ko-home-news-head .ko-panel-more {
    flex-shrink: 0;
}

.ko-home-news-split {
    display: grid;
    grid-template-columns: minmax(260px, 38%) minmax(0, 1fr);
    align-items: stretch;
    min-height: 0;
    overflow-anchor: none;
    --ko-news-row: 84px;
    --ko-news-visible: 4;
    height: calc(var(--ko-news-row) * var(--ko-news-visible));
}

.ko-home-news-list-wrap {
    position: relative;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    border-right: 1px solid rgba(255,255,255,0.06);
}

.ko-home-news-list {
    display: flex;
    flex-direction: column;
    position: absolute;
    inset: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    overflow-anchor: none;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--ko-accent-rgb), 0.65) rgba(255,255,255,0.06);
}

.ko-home-news-list::-webkit-scrollbar {
    width: 7px;
}

.ko-home-news-list::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.04);
}

.ko-home-news-list::-webkit-scrollbar-thumb {
    background: rgba(var(--ko-accent-rgb), 0.55);
    border-radius: 99px;
}

.ko-home-news-list::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--ko-accent-rgb), 0.85);
}

.ko-home-news-item {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin: 6px 10px;
    padding: 8px 10px;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    background: rgba(255,255,255,0.03);
    transition: background .18s ease, border-color .18s ease;
}

.ko-home-news-item:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.ko-home-news-item:hover {
    background: rgba(255,255,255,0.06);
    border-color: rgba(var(--ko-accent-rgb),0.28);
}

.ko-home-news-item.is-active {
    background: rgba(var(--ko-accent-rgb), 0.12);
    border-color: rgba(var(--ko-accent-rgb), 0.55);
    box-shadow: inset 3px 0 0 var(--ko-accent);
}

.ko-home-news-thumb {
    display: block;
    width: 86px;
    height: 48px;
    border-radius: 6px;
    overflow: hidden;
    background: #0a0d12;
    flex-shrink: 0;
}

.ko-home-news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

.ko-home-news-item-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ko-home-news-item-body strong {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ko-home-news-item-body em {
    color: #c8c8c8;
    font-style: normal;
    font-size: 12px;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ko-home-news-item-body small {
    color: var(--ko-accent);
    font-size: 11px;
    font-weight: 700;
}

.ko-home-news-item-body small i {
    margin-right: 4px;
}

.ko-home-news-item.is-active .ko-home-news-item-body strong {
    color: #fff;
}

.ko-home-news-item.is-active .ko-home-news-item-body em {
    color: #ddd;
}

.ko-home-news-item.is-active .ko-home-news-item-body small {
    color: var(--ko-accent);
}

.ko-home-news-stage {
    min-width: 0;
    background: #0a0d12;
}

.ko-home-news-hero {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.ko-home-news-hero-media {
    position: relative;
    display: block;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #0a0d12;
}

.ko-home-news-hero-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

.ko-home-news-hero:hover .ko-home-news-hero-img {
    transform: none;
}

.ko-home-news-hero-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    padding: 5px 10px;
    border-radius: 4px;
    background: rgba(0,0,0,0.72);
    border: 1px solid rgba(var(--ko-accent-rgb),0.45);
    color: var(--ko-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.ko-home-news-hero-caption {
    display: block;
    padding: 12px 16px;
    background: rgba(8,10,14,0.96);
    border-top: 1px solid rgba(255,255,255,0.06);
}

.ko-home-news-hero-title {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: 0.2px;
}

.ko-home-news-box .ko-blog-empty {
    padding: 22px 18px;
}

@media (max-width: 991px) {
    .ko-home-news-split {
        grid-template-columns: 1fr;
        height: auto;
    }

    .ko-home-news-list-wrap {
        position: relative;
        height: calc(var(--ko-news-row) * var(--ko-news-visible));
        border-right: 0;
        border-top: 1px solid rgba(255,255,255,0.06);
        order: 2;
    }

    .ko-home-news-list {
        position: absolute;
        inset: 0;
        max-height: none;
        order: unset;
        border-right: 0;
    }

    .ko-home-news-stage {
        order: 1;
    }

    .ko-home-news-hero-media {
        aspect-ratio: 16 / 9;
        flex: none;
        min-height: 180px;
    }
}

.ko-panel-head-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ko-panel-more {
    color: var(--ko-accent);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.4px;
}

.ko-panel-more:hover {
    color: #fff;
}

.ko-news-link {
    display: block;
}

.ko-news-link strong {
    display: block;
    color: #fff;
    margin-bottom: 4px;
}

.ko-news-link span {
    display: block;
    color: #8a8f98;
    font-size: 12px;
    line-height: 1.4;
}

.ko-news-row:hover td {
    background: rgba(var(--ko-accent-rgb),0.04);
}

/* Blog / News hub */
.ko-news-hub {
    margin-top: 4px;
}

.ko-news-layout,
.ko-news-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: start;
}

.ko-news-filter-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(var(--ko-accent-rgb),0.06);
    border: 1px solid rgba(var(--ko-accent-rgb),0.18);
    color: #ccc;
    font-size: 14px;
}

.ko-news-filter-clear {
    color: var(--ko-accent);
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
}

.ko-news-featured {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 0;
    margin-bottom: 22px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(var(--ko-accent-rgb),0.16);
    background: rgba(255,255,255,0.03);
}

.ko-news-featured-media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #0a0d12;
}

.ko-news-featured-media img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform .35s ease;
}

.ko-news-featured-media:hover img {
    transform: scale(1.04);
}

.ko-news-featured-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ko-news-featured-title {
    margin: 10px 0 12px;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.2;
}

.ko-news-featured-title a {
    color: #fff;
    text-decoration: none;
}

.ko-news-featured-title a:hover {
    color: var(--ko-accent);
}

.ko-news-featured-excerpt {
    color: #aaa;
    line-height: 1.7;
    margin: 0 0 14px;
}

.ko-news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 18px;
}

.ko-news-card {
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
    height: 100%;
}

.ko-news-card-media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.ko-news-card-media img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform .35s ease;
}

.ko-news-card-media:hover img {
    transform: scale(1.05);
}

.ko-news-card-type {
    position: absolute;
    left: 12px;
    top: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(0,0,0,0.65);
    backdrop-filter: blur(4px);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--ko-accent);
}

.ko-news-card-body {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.ko-news-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    align-items: center;
    color: #8a8f98;
    font-size: 12px;
    margin-bottom: 10px;
}

.ko-news-card-meta i {
    margin-right: 4px;
}

.ko-news-card-title {
    margin: 0 0 8px;
    font-size: 19px;
    line-height: 1.35;
}

.ko-news-card-title a {
    color: #fff;
    text-decoration: none;
}

.ko-news-card-title a:hover {
    color: var(--ko-accent);
}

.ko-news-card-excerpt {
    color: #aaa;
    font-size: 14px;
    line-height: 1.65;
    margin: 0 0 12px;
    flex: 1;
}

.ko-news-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.ko-news-tags--cloud {
    margin-bottom: 0;
}

.ko-news-tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(var(--ko-accent-rgb),0.22);
    background: rgba(var(--ko-accent-rgb),0.06);
    color: var(--ko-accent);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.ko-news-tag:hover {
    background: rgba(var(--ko-accent-rgb),0.14);
    color: #fff;
}

.ko-news-readmore {
    color: var(--ko-accent);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    margin-top: auto;
}

.ko-news-readmore:hover {
    color: #fff;
}

.ko-news-sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ko-news-side-box {
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    background: rgba(255,255,255,0.03);
    padding: 16px;
}

.ko-news-side-box h3 {
    margin: 0 0 14px;
    font-size: 16px;
    color: #fff;
}

.ko-news-side-box h3 i {
    color: var(--ko-accent);
    margin-right: 8px;
}

.ko-news-side-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ko-news-side-item {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    text-decoration: none;
    padding: 8px;
    border-radius: 10px;
    transition: background .2s ease;
}

.ko-news-side-item:hover {
    background: rgba(var(--ko-accent-rgb),0.06);
}

.ko-news-side-thumb {
    display: block;
    width: 80px;
    height: 45px;
    border-radius: 8px;
    overflow: hidden;
    background: #0a0d12;
}

.ko-news-side-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.ko-news-side-text strong {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    margin-bottom: 4px;
}

.ko-news-side-text small {
    color: #8a8f98;
    font-size: 11px;
}

.ko-news-detail {
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    overflow: hidden;
    background: rgba(255,255,255,0.03);
}

.ko-news-detail-hero {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #0a0d12;
}

.ko-news-detail-hero img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform .35s ease;
}

.ko-news-detail-hero:hover img {
    transform: scale(1.04);
}

.ko-news-detail-head {
    padding: 24px 28px 0;
}

.ko-news-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    align-items: center;
    color: #8a8f98;
    font-size: 13px;
    margin-bottom: 12px;
}

.ko-news-detail-title {
    margin: 0 0 12px;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.15;
    color: #fff;
}

.ko-news-detail-lead {
    margin: 0;
    padding: 18px 28px;
    color: var(--ko-accent);
    font-size: 18px;
    line-height: 1.65;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.ko-news-detail-tts {
    padding: 12px 28px 0;
}

.ko-tts-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 8px;
    padding: 10px 14px;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    border: 1px solid rgba(255,255,255,.1);
}
.ko-tts-bar.is-active {
    border-color: rgba(var(--ko-accent-rgb, 205, 179, 133), .45);
    box-shadow: 0 0 0 1px rgba(var(--ko-accent-rgb, 205, 179, 133), .12);
}
.ko-tts-bar.is-playing .ko-tts-btn--listen span { color: var(--ko-accent); }
.ko-tts-controls { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ko-tts-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 .65rem;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.28);
    color: #e8e8e8;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}
.ko-tts-btn:hover:not(:disabled) { border-color: rgba(var(--ko-accent-rgb, 205, 179, 133), .45); color: #fff; }
.ko-tts-btn:disabled { opacity: .35; cursor: not-allowed; }
.ko-tts-btn--listen {
    background: linear-gradient(180deg, rgba(var(--ko-accent-rgb, 205, 179, 133), .22), rgba(var(--ko-accent-rgb, 205, 179, 133), .08));
    border-color: rgba(var(--ko-accent-rgb, 205, 179, 133), .35);
    padding-right: .85rem;
}
.ko-tts-sliders { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-left: auto; }
.ko-tts-slider {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .85;
    min-width: 120px;
}
.ko-tts-slider input[type=range] { width: 92px; accent-color: var(--ko-accent); cursor: pointer; }
@media (max-width: 640px) {
    .ko-tts-bar { flex-direction: column; align-items: stretch; }
    .ko-tts-sliders { margin-left: 0; width: 100%; justify-content: space-between; }
}

.ko-news-detail-body {
    padding: 24px 28px;
    color: #ddd;
    font-size: 16px;
    line-height: 1.85;
}

.ko-rich-content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 14px 0;
    display: block;
}

.ko-rich-content a {
    color: var(--ko-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ko-rich-content a:hover {
    color: #d8ff4d;
}

.ko-rich-content blockquote {
    margin: 16px 0;
    padding: 14px 18px;
    border-left: 3px solid rgba(var(--ko-accent-rgb),0.55);
    background: rgba(255,255,255,0.03);
    border-radius: 0 10px 10px 0;
    color: #ccc;
}

.ko-rich-content pre,
.ko-rich-content code {
    background: rgba(0,0,0,0.35);
    border-radius: 8px;
    font-family: Consolas, Monaco, monospace;
}

.ko-rich-content pre {
    padding: 14px 16px;
    overflow-x: auto;
    margin: 14px 0;
}

.ko-rich-content code {
    padding: 2px 6px;
    font-size: 0.92em;
}

.ko-rich-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
}

.ko-rich-content th,
.ko-rich-content td {
    border: 1px solid rgba(255,255,255,0.1);
    padding: 10px 12px;
    text-align: left;
}

.ko-rich-content th {
    background: rgba(var(--ko-accent-rgb),0.08);
    color: var(--ko-accent);
}

.ko-rich-content ul,
.ko-rich-content ol {
    margin: 0 0 14px;
    padding-left: 24px;
}

.ko-rich-content h2,
.ko-rich-content h3,
.ko-rich-content h4 {
    color: #fff;
    margin: 22px 0 10px;
    line-height: 1.3;
}

.ko-news-detail-foot {
    padding: 0 28px 24px;
}

.ko-blog-empty {
    padding: 40px;
    text-align: center;
    color: #8a8f98;
    border: 1px dashed rgba(var(--ko-accent-rgb),0.2);
    border-radius: 12px;
}

.ko-blog-type {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--ko-accent);
}

@media (max-width: 991px) {
    .ko-news-layout,
    .ko-news-detail-layout {
        grid-template-columns: 1fr;
    }

    .ko-news-featured {
        grid-template-columns: 1fr;
    }

    .ko-news-featured-media {
        min-height: 0;
    }
}

@media (max-width: 575px) {
    .ko-news-detail-head,
    .ko-news-detail-body,
    .ko-news-detail-foot {
        padding-left: 18px;
        padding-right: 18px;
    }

    .ko-news-detail-lead {
        padding-left: 18px;
        padding-right: 18px;
    }
}

.ko-form-box label {
    display: block;
    color: var(--ko-accent);
    margin: 12px 0 6px;
    font-size: 13px;
    text-transform: uppercase;
}

.ko-form-box input[type="text"],
.ko-form-box input[type="password"],
.ko-form-box input[type="email"],
.ko-form-box select,
.ko-form-box textarea {
    width: 100%;
    max-width: 400px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(var(--ko-accent-rgb),0.2);
    border-radius: 6px;
    padding: 10px 14px;
    color: #fff;
}

.ko-form-box .submit-button,
.ko-form-box button[type="submit"] {
    background: var(--ko-accent);
    color: #0B0E13;
    border: none;
    padding: 12px 28px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 16px;
    text-transform: uppercase;
}

.ko-form-box .submit-button:hover,
.ko-form-box button[type="submit"]:hover {
    background: #fff;
}

.ko-form-box .submit-buttonx {
    display: inline-block;
    margin-top: 12px;
    color: var(--ko-accent);
}

.ko-auth-hero-head--page {
    padding: 40px 0 28px;
}

.ko-auth-hero--page + .ko-content-section {
    margin-top: -8px;
    padding-top: 0 !important;
    background: transparent;
}

.ko-auth-hero--page + .ko-content-section .section-title {
    margin-top: 8px;
}

.ko-auth-hero--panel .ko-user-panel-wrap,
.ko-auth-hero--login .ko-update-info-wrap {
    max-width: 980px;
    margin: 0 auto;
}

.ko-auth-hero--panel .ko-user-hero,
.ko-auth-hero--panel .ko-user-info-card,
.ko-auth-hero--panel .ko-user-menu-card {
    backdrop-filter: blur(10px);
    background: linear-gradient(160deg, rgba(10,13,18,0.96), rgba(8,10,14,0.97));
}

.ko-auth-hero--panel .ko-user-hero {
    background: linear-gradient(135deg, rgba(var(--ko-accent-rgb),0.12), rgba(8,10,14,0.96));
    border-color: rgba(var(--ko-accent-rgb),0.22);
}

.ko-auth-hero--panel .ko-user-panel-wrap {
    background: linear-gradient(160deg, rgba(10,13,18,0.96), rgba(8,10,14,0.97));
    border-radius: 16px;
    box-shadow: 0 18px 48px rgba(0,0,0,.42);
}

.ko-auth-hero--panel .ko-user-info-card {
    border-color: rgba(255,255,255,0.1);
}

.ko-auth-hero--panel .ko-user-menu-card {
    border-color: rgba(255,255,255,0.08);
}

.ko-auth-hero--panel .ko-user-menu-card:hover {
    border-color: rgba(var(--ko-accent-rgb),0.28);
    background: rgba(var(--ko-accent-rgb),0.06);
}

.ko-auth-hero--panel .ko-update-info-card,
.ko-auth-hero--login .ko-auth-card {
    backdrop-filter: blur(8px);
    background: linear-gradient(160deg, rgba(18,22,28,0.92), rgba(11,14,19,0.88));
    border-color: rgba(var(--ko-accent-rgb),0.22);
    box-shadow: 0 24px 60px rgba(0,0,0,0.45);
}

/* Auth hero background (Kay?t / Giri?) */
.ko-auth-hero {
    position: relative;
    overflow: hidden;
    margin-top: -1px;
}

.ko-auth-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center 22%;
    background-repeat: no-repeat;
    transform: scale(1.01);
}

.ko-auth-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(11,14,19,0.55) 0%, rgba(11,14,19,0.82) 45%, rgba(11,14,19,0.95) 100%),
        radial-gradient(ellipse at 50% 20%, rgba(var(--ko-accent-rgb),0.12) 0%, transparent 55%);
    pointer-events: none;
}

.ko-auth-hero-inner {
    position: relative;
    z-index: 1;
}

.ko-auth-hero-head {
    padding: 48px 0 28px;
    text-align: center;
}

.ko-auth-hero-head h1 {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(32px, 5vw, 46px);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 4px 24px rgba(0,0,0,0.6);
}

.ko-auth-hero-bc {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    color: #888;
    font-size: 14px;
}

.ko-auth-hero-bc a {
    color: var(--ko-accent);
    text-decoration: none;
}

.ko-auth-hero-bc a:hover {
    color: #fff;
}

.ko-auth-hero-bc li:last-child {
    color: #fff;
    font-weight: 600;
}

.ko-auth-content-section {
    padding: 0 0 56px !important;
    background: transparent !important;
}

.ko-auth-content-section .ko-page-inner {
    padding: 0;
    background: transparent;
    border: none;
}

.ko-auth-hero .ko-auth-wrap {
    max-width: 980px;
}

.ko-auth-hero .ko-auth-card {
    backdrop-filter: blur(8px);
    background: linear-gradient(160deg, rgba(18,22,28,0.92), rgba(11,14,19,0.88));
    border-color: rgba(var(--ko-accent-rgb),0.22);
    box-shadow: 0 24px 60px rgba(0,0,0,0.45);
}

/* Auth / Register forms */
.ko-content-section:has(.ko-auth-wrap) .section-title {
    display: none;
}

.ko-breadcrumb:has(+ .ko-content-section .ko-auth-wrap) {
    background: transparent !important;
    min-height: auto !important;
    padding: 32px 0 8px !important;
}

.ko-breadcrumb:has(+ .ko-content-section .ko-auth-wrap) .gt-left-shape,
.ko-breadcrumb:has(+ .ko-content-section .ko-auth-wrap) .gt-right-shape,
.ko-breadcrumb:has(+ .ko-content-section .ko-auth-wrap) .gt-blur-shape {
    display: none !important;
}

.ko-breadcrumb:has(+ .ko-content-section .ko-auth-wrap) .gt-page-heading h1 {
    font-size: 32px;
}

.ko-content-section .ko-page-inner:has(.ko-auth-wrap) {
    padding: 0;
    background: transparent;
    border: none;
}

.ko-auth-wrap {
    max-width: 960px;
    margin: 0 auto;
}

.ko-auth-card {
    background: linear-gradient(160deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
    border: 1px solid rgba(var(--ko-accent-rgb),0.15);
    border-radius: 18px;
    padding: 28px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
}

.ko-auth-head {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(var(--ko-accent-rgb),0.12);
}

.ko-auth-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: rgba(var(--ko-accent-rgb),0.12);
    color: var(--ko-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.ko-auth-head h3 {
    margin: 0 0 4px;
    color: #fff;
    font-size: 24px;
}

.ko-auth-head p {
    margin: 0;
    color: #888;
    font-size: 14px;
}

.ko-reg-dist{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin:0 0 22px;
}
.ko-reg-dist-box{
    background:rgba(12,12,14,.72);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    padding:12px 14px 14px;
}
.ko-reg-dist-title{
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.6px;
    text-transform:uppercase;
    margin:0 0 10px;
}
.ko-reg-dist-bar{
    display:flex;
    width:100%;
    min-height:36px;
    overflow:hidden;
    border-radius:18px;
    background:#1a1a1e;
}
.ko-reg-dist-seg{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:0;
    padding:4px 8px;
    color:#fff;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
}
.ko-reg-dist-seg em{
    font-style:normal;
    text-shadow:0 1px 2px #000;
}
.ko-reg-dist-seg .ko-badges{
    flex-shrink:0;
}
.ko-reg-dist-seg.is-human{background:#2563eb;}
.ko-reg-dist-seg.is-karus{background:#c24141;}
.ko-reg-dist-seg.is-warrior{background:#c24141;}
.ko-reg-dist-seg.is-rogue{background:#4b5563;}
.ko-reg-dist-seg.is-mage{background:#1e3a8a;}
.ko-reg-dist-seg.is-priest{background:#166534;}
.ko-reg-dist-seg.is-empty{
    background:#2a2a30;
    color:#aaa;
    font-weight:600;
}
@media (max-width:700px){
    .ko-reg-dist-bar.is-jobs{flex-wrap:wrap;border-radius:12px;min-height:0;}
    .ko-reg-dist-bar.is-jobs .ko-reg-dist-seg{
        flex:1 1 46%!important;
        min-height:34px;
        border-radius:0;
    }
}

.ko-form-section {
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px;
    padding: 20px;
    height: 100%;
}

.ko-form-section h4 {
    color: var(--ko-accent);
    font-size: 15px;
    margin: 0 0 18px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.ko-form-section h4 i {
    margin-right: 8px;
}

.ko-form-field {
    margin-bottom: 16px;
}

.ko-form-field:last-child {
    margin-bottom: 0;
}

.ko-form-field label {
    display: block;
    color: #bbb;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 8px;
}

.ko-form-hint {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12px;
    color: #999;
    margin-bottom: 8px;
    line-height: 1.4;
}

.ko-form-hint-warn {
    color: #ffb74d;
    background: rgba(255,183,77,0.08);
    border: 1px solid rgba(255,183,77,0.18);
    border-radius: 8px;
    padding: 8px 10px;
}

.ko-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.ko-input-wrap > i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    font-size: 14px;
    pointer-events: none;
    z-index: 1;
    transition: color .2s;
}

.ko-auth-form input[type="text"],
.ko-auth-form input[type="password"],
.ko-auth-form input[type="email"],
.ko-auth-form select {
    width: 100%;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 12px 14px 12px 42px;
    color: #fff !important;
    font-size: 14px;
    transition: border-color .2s, box-shadow .2s, background .2s;
    appearance: none;
    -webkit-appearance: none;
}

.ko-auth-form select {
    cursor: pointer;
    padding-right: 36px;
}

.ko-auth-form textarea {
    width: 100%;
    min-height: 96px;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 12px 14px 12px 42px;
    color: #fff !important;
    font-size: 14px;
    resize: vertical;
    outline: none;
    line-height: 1.45;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
.ko-auth-form textarea::placeholder { color: #666; }
.ko-auth-form textarea:focus {
    border-color: rgba(var(--ko-accent-rgb),0.55);
    box-shadow: 0 0 0 3px rgba(var(--ko-accent-rgb),0.12);
    background: rgba(var(--ko-accent-rgb),0.04) !important;
}

.ko-textarea-wrap {
    align-items: stretch;
}
.ko-textarea-wrap > i {
    top: 14px !important;
    left: 14px;
    transform: none !important;
    margin: 0;
}
.ko-auth-form .ko-textarea-wrap textarea {
    padding-left: 42px;
    text-indent: 0;
}

.ko-select-wrap::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 14px;
    color: #666;
    pointer-events: none;
    font-size: 11px;
}

.ko-auth-form input::placeholder {
    color: #666;
}

.ko-auth-form input:focus,
.ko-auth-form select:focus {
    outline: none;
    border-color: rgba(var(--ko-accent-rgb),0.55);
    box-shadow: 0 0 0 3px rgba(var(--ko-accent-rgb),0.12);
    background: rgba(var(--ko-accent-rgb),0.04) !important;
}

.ko-auth-form input:focus + i,
.ko-input-wrap:focus-within > i {
    color: var(--ko-accent);
}

.ko-auth-form input:-webkit-autofill,
.ko-auth-form input:-webkit-autofill:hover,
.ko-auth-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px #1a1d24 inset !important;
    box-shadow: 0 0 0 1000px #1a1d24 inset !important;
    border: 1px solid rgba(var(--ko-accent-rgb),0.35) !important;
    transition: background-color 9999s ease-out;
}

.ko-auth-form select option {
    background: #1a1d24;
    color: #fff;
}

.ko-form-alert {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 20px;
    font-size: 14px;
}

.ko-form-alert ul {
    margin: 0;
    padding-left: 18px;
}

.ko-form-alert-error {
    background: rgba(244,67,54,0.1);
    border: 1px solid rgba(244,67,54,0.25);
    color: #ff8a80;
}

.ko-form-alert-success {
    background: rgba(76,175,80,0.1);
    border: 1px solid rgba(76,175,80,0.25);
    color: #81c784;
}

.ko-form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,0.06);
    margin-top: 4px;
}

.ko-captcha-wrap {
    flex: 1;
    min-width: 280px;
    padding: 12px 14px 14px;
    border-radius: 12px;
    background: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.06);
    border: 1px solid rgba(var(--ko-accent-rgb, 205, 179, 133), 0.22);
}

.ko-btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--ko-accent);
    color: #0B0E13;
    border: none;
    border-radius: 10px;
    padding: 14px 32px;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    cursor: pointer;
    transition: background .2s, transform .2s, box-shadow .2s;
    min-width: 200px;
}

.ko-btn-submit:hover {
    background: #fff;
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(var(--ko-accent-rgb),0.25);
}

.ko-auth-footer {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.06);
    text-align: center;
    color: #888;
    font-size: 14px;
}

.ko-auth-footer a {
    color: var(--ko-accent);
    font-weight: 700;
    text-decoration: none;
}

.ko-auth-footer a:hover {
    color: #fff;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .ko-auth-card {
        padding: 18px;
    }

    .ko-form-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ko-btn-submit {
        width: 100%;
    }
}

.ko-login-card {
    max-width: 480px;
    margin: 0 auto;
}

.ko-form-actions-stack {
    flex-direction: column;
    align-items: stretch;
}

.ko-form-actions-stack .ko-btn-submit {
    width: 100%;
}

.ko-update-info-wrap {
    max-width: 980px;
    margin: 0 auto;
}

.ko-account-page-wrap {
    max-width: 720px;
    margin: 0 auto;
}

.ko-account-page-card {
    backdrop-filter: blur(8px);
    background: linear-gradient(160deg, rgba(18,22,28,0.92), rgba(11,14,19,0.88));
    border-color: rgba(var(--ko-accent-rgb),0.22);
    box-shadow: 0 24px 60px rgba(0,0,0,0.45);
}

.ko-account-page-card .ko-form-section {
    margin-bottom: 0;
}

.ko-account-back {
    margin-top: 18px;
}

.ko-account-redirect {
    text-align: center;
    padding: 28px 16px 8px;
}

.ko-account-redirect-icon {
    color: var(--ko-accent);
    font-size: 42px;
    margin-bottom: 10px;
}

.ko-account-redirect-count {
    color: var(--ko-accent);
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 10px;
}

.ko-account-redirect p {
    margin: 0;
    color: #aaa;
    font-size: 15px;
}

.ko-account-success {
    text-align: center;
}

.ko-account-success-title {
    color: var(--ko-accent);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px;
    line-height: 1.4;
}

.ko-account-success-sub {
    color: var(--ko-accent);
    font-size: 16px;
    margin: 0 0 4px;
}

.ko-account-success-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
    padding-top: 8px;
}

.ko-account-success-images img {
    max-width: 180px;
    height: auto;
    opacity: 0.95;
}

.ko-auth-form input[readonly] {
    opacity: 0.75;
    cursor: not-allowed;
}

.ko-update-info-card .ko-update-info-notice {
    margin-bottom: 20px;
}

.ko-profile-flash {
    margin-bottom: 16px;
}

.ko-content-section .section-title.style-3 h2 {
    text-transform: none;
    letter-spacing: 0;
}

.ko-auth-footer-split {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
}

.ko-auth-footer-split a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.ko-captcha-wrap {
    flex: 1;
    min-width: 280px;
    padding: 12px 14px 14px;
    border-radius: 12px;
    background: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.06);
    border: 1px solid rgba(var(--ko-accent-rgb, 205, 179, 133), 0.22);
}

.ko-captcha-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 10px;
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--ko-accent) !important;
    color: var(--ko-accent-text, #111) !important;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 1.3;
    box-shadow: 0 2px 8px rgba(var(--ko-accent-rgb, 205, 179, 133), 0.28);
}

.ko-captcha-image-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.ko-captcha-img {
    border-radius: 8px;
    border: 1px solid rgba(var(--ko-accent-rgb), 0.35);
    background: #111;
}

.ko-captcha-refresh {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(var(--ko-accent-rgb), 0.35);
    background: rgba(var(--ko-accent-rgb), 0.12);
    color: var(--ko-accent);
    cursor: pointer;
}

.ko-captcha-refresh:hover {
    background: var(--ko-accent);
    color: var(--ko-accent-text, #111);
}

.ko-captcha-input {
    margin-top: 0;
}

.ko-captcha-input input[name="captcha_code"],
.ko-captcha-wrap input[name="captcha_code"] {
    width: 100%;
    box-sizing: border-box;
    background: #0d1420 !important;
    background-color: #0d1420 !important;
    color: #f2efe6 !important;
    -webkit-text-fill-color: #f2efe6 !important;
    caret-color: var(--ko-accent) !important;
    border: 1px solid rgba(var(--ko-accent-rgb), 0.35);
    border-radius: 8px;
    padding: 12px 14px 12px 42px;
    font-size: 15px;
    font-weight: 600;
}
.ko-captcha-input input[name="captcha_code"]::placeholder,
.ko-captcha-wrap input[name="captcha_code"]::placeholder {
    color: rgba(232, 228, 217, 0.45) !important;
    -webkit-text-fill-color: rgba(232, 228, 217, 0.45) !important;
    opacity: 1;
}
.ko-input-wrap.ko-captcha-input {
    background: #0d1420;
    border-radius: 8px;
}
.ko-input-wrap.ko-captcha-input > i {
    color: var(--ko-accent);
}

.ko-pubzi-body .tooltip .tooltip-inner,
.ko-pubzi-body .tooltip-inner {
    background: var(--ko-accent) !important;
    color: var(--ko-accent-text, #111) !important;
}
.ko-pubzi-body .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.ko-pubzi-body .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--ko-accent) !important;
}
.ko-pubzi-body .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.ko-pubzi-body .bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--ko-accent) !important;
}

.ko-user-panel-wrap {
    max-width: 980px;
}

.ko-profile-sell-banner {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    padding: 16px 18px;
    border-radius: 14px;
    text-decoration: none;
    border: 1px solid rgba(201, 162, 39, 0.35);
    background: linear-gradient(120deg, rgba(201, 162, 39, 0.16), rgba(255, 255, 255, 0.03));
    color: #f2e6c2;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.ko-profile-sell-banner:hover {
    transform: translateY(-2px);
    border-color: rgba(201, 162, 39, 0.7);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
    color: #fff;
}
.ko-profile-sell-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(201, 162, 39, 0.18);
    color: #c9a227;
    font-size: 18px;
    flex-shrink: 0;
}
.ko-profile-sell-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.ko-profile-sell-text strong {
    font-size: 15px;
    font-weight: 800;
    color: #f5ebc8;
}
.ko-profile-sell-text small {
    color: #aeb7c4;
    font-size: 12px;
}
.ko-profile-sell-banner > .fa-arrow-right {
    color: #c9a227;
}

.ko-profile-top-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
    margin: 0 0 16px;
}
.ko-profile-top-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(145deg, rgba(18, 24, 36, 0.95), rgba(12, 16, 22, 0.98));
    transition: transform .18s ease, border-color .18s ease;
}
.ko-profile-top-card:hover {
    transform: translateY(-2px);
    border-color: rgba(201, 162, 39, 0.5);
    color: inherit;
}
.ko-profile-top-epin {
    border-color: rgba(74, 222, 128, 0.28);
    background: linear-gradient(145deg, rgba(20, 36, 28, 0.95), rgba(12, 16, 22, 0.98));
}
.ko-profile-top-kc {
    border-color: rgba(201, 162, 39, 0.35);
    background: linear-gradient(145deg, rgba(36, 28, 14, 0.95), rgba(12, 16, 22, 0.98));
}
.ko-profile-top-msg {
    border-color: rgba(96, 165, 250, 0.32);
    background: linear-gradient(145deg, rgba(16, 28, 44, 0.95), rgba(12, 16, 22, 0.98));
}
.ko-profile-top-notif {
    border-color: rgba(251, 191, 36, 0.32);
    background: linear-gradient(145deg, rgba(40, 32, 14, 0.95), rgba(12, 16, 22, 0.98));
}
.ko-profile-top-ico {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 16px;
}
.ko-profile-top-epin .ko-profile-top-ico {
    background: rgba(74, 222, 128, 0.14);
    color: #86efac;
}
.ko-profile-top-kc .ko-profile-top-ico {
    background: rgba(201, 162, 39, 0.18);
    color: #e8c547;
}
.ko-profile-top-msg .ko-profile-top-ico {
    background: rgba(96, 165, 250, 0.16);
    color: #93c5fd;
}
.ko-profile-top-notif .ko-profile-top-ico {
    background: rgba(251, 191, 36, 0.16);
    color: #fcd34d;
}
.ko-profile-top-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ko-profile-top-text strong {
    font-size: 14px;
    font-weight: 800;
    color: #f2e6c2;
}
.ko-profile-top-text small {
    font-size: 12px;
    color: #aeb7c4;
}
.ko-profile-top-card > .fa-chevron-right,
.ko-profile-top-card > .fa-external-link-alt {
    color: rgba(201, 162, 39, 0.75);
    font-size: 13px;
}

.ko-user-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid rgba(var(--ko-accent-rgb),0.18);
    background: linear-gradient(135deg, rgba(var(--ko-accent-rgb),0.08), rgba(255,255,255,0.02));
    margin-bottom: 18px;
}

.ko-user-hero-main {
    display: flex;
    align-items: center;
    gap: 16px;
}

.ko-user-avatar {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: rgba(var(--ko-accent-rgb),0.12);
    color: var(--ko-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}

.ko-user-welcome {
    display: block;
    color: #888;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 4px;
}

.ko-user-hero h2 {
    margin: 0 0 4px;
    color: #fff;
    font-size: 28px;
}

.ko-user-hero p {
    margin: 0;
    color: #888;
    font-size: 14px;
}

.ko-user-balances {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 18px;
    align-items: stretch;
    justify-content: flex-end;
}

.ko-balance-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.ko-balance-group-label {
    display: block;
    color: var(--ko-accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-align: center;
}

.ko-user-stats {
    display: flex;
    gap: 12px;
}

.ko-user-stat {
    min-width: 120px;
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(8,10,14,0.72);
    border: 1px solid rgba(255,255,255,0.08);
    text-align: center;
}

a.ko-user-stat-link {
    text-decoration: none;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
a.ko-user-stat-link:hover {
    border-color: rgba(var(--ko-accent-rgb), 0.45);
    background: rgba(var(--ko-accent-rgb), 0.08);
    transform: translateY(-2px);
}

.ko-user-stat strong {
    display: block;
    color: var(--ko-accent);
    font-size: 22px;
    line-height: 1.1;
}

.ko-user-stat span {
    color: #888;
    font-size: 11px;
    text-transform: uppercase;
}

.ko-user-info-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.ko-user-info-card {
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
}

.ko-user-info-label {
    display: block;
    color: #777;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.ko-user-info-label i {
    color: var(--ko-accent);
    margin-right: 6px;
}

.ko-user-info-card strong {
    color: #fff;
    font-size: 14px;
    word-break: break-word;
}

.ko-user-menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.ko-user-menu-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 14px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    text-decoration: none;
    transition: border-color .2s, background .2s, transform .2s;
}

.ko-user-menu-card:hover {
    border-color: rgba(var(--ko-accent-rgb),0.3);
    background: rgba(var(--ko-accent-rgb),0.06);
    transform: translateY(-1px);
}

.ko-user-menu-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(var(--ko-accent-rgb),0.1);
    color: var(--ko-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ko-user-menu-text {
    flex: 1;
    min-width: 0;
}

.ko-user-menu-text strong {
    display: block;
    color: #fff;
    font-size: 15px;
    margin-bottom: 3px;
}

.ko-user-menu-text small {
    color: #888;
    font-size: 12px;
}

.ko-user-menu-arrow {
    color: #666;
    font-size: 12px;
}

.ko-user-logout-row {
    text-align: center;
}

.ko-btn-logout {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 10px;
    border: 1px solid rgba(244,67,54,0.35);
    background: rgba(244,67,54,0.08);
    color: #ff8a80;
    text-decoration: none;
    font-weight: 700;
}

.ko-btn-logout:hover {
    background: rgba(244,67,54,0.16);
    color: #fff;
}

.ko-logout-form {
    margin: 0;
    padding: 0;
    display: inline;
}

.ko-logout-nav-item .ko-logout-form,
.ko-logout-submenu-form {
    display: block;
    width: 100%;
    margin: 0;
}

.ko-logout-submenu-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px;
    width: 100%;
    padding: 10px 18px !important;
    border: 0;
    background: transparent;
    color: #c8ccd4 !important;
    font: inherit;
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.35 !important;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}
.ko-logout-submenu-btn:hover,
.ko-logout-submenu-item:hover .ko-logout-submenu-btn {
    color: var(--ko-accent) !important;
    background: rgba(var(--ko-accent-rgb), 0.1);
}
.ko-logout-submenu-btn i {
    width: 18px;
    min-width: 18px;
    text-align: center;
    opacity: 0.92;
}

.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li.ko-logout-nav-item > .ko-logout-form > .ko-logout-nav-btn {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 10px 14px !important;
    border: none;
    border-radius: 10px;
    background: transparent;
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: .6px;
    color: #c8ccd4 !important;
    cursor: pointer;
    font-family: inherit;
    transition: background .15s, color .15s, transform .15s;
}

.ko-pubzi-body .ko-header-nav .main-menu nav > ul > li.ko-logout-nav-item > .ko-logout-form > .ko-logout-nav-btn:hover {
    background: rgba(var(--ko-accent-rgb),0.12);
    color: var(--ko-accent) !important;
}

.ko-logout-footer-form {
    display: block;
}

.ko-logout-footer-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
    text-decoration: none;
}

.ko-logout-footer-btn:hover {
    color: var(--ko-accent);
}

.ko-logout-forum-form {
    display: inline-block;
}

.ko-logout-forum-form .ko-fbtn {
    cursor: pointer;
}

@media (max-width: 991px) {
    .ko-user-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .ko-user-menu-grid,
    .ko-user-info-grid {
        grid-template-columns: 1fr;
    }

    .ko-user-balances {
        width: 100%;
        justify-content: stretch;
    }

    .ko-balance-group {
        width: 100%;
    }

    .ko-user-stats {
        width: 100%;
    }

    .ko-user-stat {
        flex: 1;
    }

    .ko-auth-footer-split {
        flex-direction: column;
    }
}

.ko-inv-view {
    margin: 0 auto;
}

.inventory_full.ko-inv-view {
    background: none !important;
}

.mrx_tooltip,
.item-tooltip {
    z-index: 99999;
}

body.ko-pkg-modal-open .mrx_tooltip,
body.ko-pkg-modal-open .item-tooltip {
    z-index: 2147483100 !important;
}

.ko-userdetail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

@media (max-width: 991px) {
    .ko-userdetail-grid {
        grid-template-columns: 1fr;
    }
}

/* Kullanıcı detay — masaüstü tam genişlik; mobil inventory ile eşit scroll */
.ko-ud-scroll{
    width:100%;
    max-width:100%;
    overflow-x:visible;
    overflow-y:visible;
}
.ko-ud-scroll-inner{
    width:100%;
    max-width: min(100%, calc(var(--ko-ud-panel-w, 585px) + 440px));
    min-width:0;
    margin:0 auto;
    box-sizing:border-box;
}
.ko-ud-layout{
    display:grid;
    grid-template-columns: minmax(280px, 400px) var(--ko-ud-panel-w, 585px);
    gap: 16px 22px;
    align-items: start;
    justify-content: center;
}
.ko-ud-scroll-inner .ko-ud-frame{
    width:100%;
    box-sizing:border-box;
    margin:0;
}
.ko-ud-inv-stage{
    width: var(--ko-ud-panel-w, 585px);
    max-width: 100%;
    margin: 0;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    justify-self: end;
}
.ko-ud-skin-fd .ko-ud-inv-stage{
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}
.ko-ud-scroll-inner .ko-inv-view{
    width:var(--ko-ud-panel-w,585px) !important;
    max-width:none !important;
    margin:0 auto !important;
    background:transparent !important;
    overflow: visible;
}
.ko-ud-scroll-inner .ko-inv-view .ko-inv-editor{
    margin: 0 auto !important;
}
.ko-ud-detail .ko-ud-frame {
    position: relative;
    margin: 0 0 6px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.ko-ud-detail .ko-ud-stats {
    position: relative;
    z-index: 1;
    width: 100% !important;
    max-width: 100%;
    table-layout: auto;
    box-sizing: border-box;
}
.ko-ud-detail .ko-ud-stats th,
.ko-ud-detail .ko-ud-stats td{
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
    vertical-align: middle;
    padding: 8px 10px;
}

.ko-ud-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 4px;
}
.ko-ud-stat-attrs {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}
.ko-ud-stat-card {
    position: relative;
    min-width: 0;
    padding: 12px 14px 12px 16px;
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.22)),
        rgba(10, 13, 18, .55);
    border: 1px solid rgba(var(--ko-accent-rgb, 205, 179, 133), .22);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 8px 18px rgba(0,0,0,.22);
    overflow: hidden;
}
.ko-ud-stat-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--ko-accent, #CDB385) 0%, rgba(var(--ko-accent-rgb, 205, 179, 133), .15) 100%);
    box-shadow: 0 0 10px rgba(var(--ko-accent-rgb, 205, 179, 133), .35);
}
.ko-ud-stat-label {
    display: block;
    margin: 0 0 6px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ko-accent, #CDB385);
    opacity: .92;
}
.ko-ud-stat-value {
    display: block;
    margin: 0;
    font-size: 1.22rem;
    font-weight: 800;
    line-height: 1.15;
    color: #fff;
    letter-spacing: .01em;
    word-break: break-word;
}
.ko-ud-stat-value-sm {
    font-size: .92rem;
    font-weight: 700;
    color: #e8e8e8;
}
.ko-ud-stat-mini .ko-ud-stat-value {
    font-size: 1.15rem;
}
.ko-ud-stat-card.ko-ud-stat-wide {
    grid-column: 1 / -1;
}

@media (max-width: 991px) {
    .ko-ud-scroll-inner{
        max-width: var(--ko-ud-panel-w, 585px);
    }
    .ko-ud-layout{
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .ko-ud-inv-stage{
        margin: 0 auto;
        justify-self: center;
    }
}
.ko-ud-stat-card .ko-ud-clan,
.ko-ud-stat-card a.ko-ud-clan {
    font-size: inherit;
}

/* Kullanıcı adı — kompakt tek satır: rank | nick | level */
.ko-ud-hero{
    position: relative;
    z-index: 2;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px;
    padding: 8px 12px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 12px;
    background:
        radial-gradient(120% 80% at 50% 0%, rgba(var(--ko-accent-rgb,205,179,133),.22), transparent 58%),
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.22));
    border: 1px solid rgba(var(--ko-accent-rgb,205,179,133),.28);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 10px 28px rgba(0,0,0,.28);
}
.ko-ud-hero-row{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px 12px;
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
}
.ko-ud-hero-badges{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex: 0 0 auto;
}
.ko-ud-hero-badges .ko-badges{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.ko-ud-hero-badges .ko-badge{
    width: 24px;
    height: 24px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(0,0,0,.4);
    border: 1px solid rgba(var(--ko-accent-rgb,205,179,133),.38);
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
    overflow: hidden;
}
.ko-ud-hero-badges .ko-badge img{
    width: 16px;
    height: 16px;
    object-fit: contain;
}
.ko-ud-hero .ko-ud-nick{
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font-size: clamp(1.2rem, 2.2vw, 1.7rem);
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.1;
    color: var(--ko-accent, #e0b050);
    text-shadow: 0 1px 0 rgba(0,0,0,.55), 0 0 18px rgba(var(--ko-accent-rgb,205,179,133),.25);
    word-break: break-word;
    max-width: min(100%, 16ch);
}
.ko-ud-lvl-circle{
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    border-radius: 50%;
    background:
        radial-gradient(circle at 40% 32%, rgba(255,255,255,.18), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--ko-accent,#cdb385) 78%, #fff) 0%, var(--ko-accent,#a88438) 55%, color-mix(in srgb, var(--ko-accent,#7a5e24) 80%, #000) 100%);
    border: 2px solid color-mix(in srgb, var(--ko-accent,#d4b060) 70%, #fff);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.4),
        0 0 0 1px rgba(0,0,0,.45),
        0 4px 12px rgba(0,0,0,.35);
    color: #1a1208;
    line-height: 1;
}
.ko-ud-lvl-circle .ko-ud-lvl{
    font-style: normal;
    font-size: 1.05rem;
    font-weight: 800;
    color: #1a1208;
    text-shadow: 0 1px 0 rgba(255,255,255,.3);
}
.ko-ud-lvl-circle small{
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .8;
}
.ko-ud-detail a.ko-ud-clan,
.ko-ud-detail .ko-ud-clan{
    color: #4ade80 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    font-weight: 800;
}
.ko-ud-detail a.ko-ud-clan:hover{
    color: #86efac !important;
}

/* Mobil: bilgi kutusu tam genişlik; inventory gerektiğinde kaydırılır */
@media (max-width: 767px) {
    .ko-ud-scroll{
        overflow-x:visible;
        width:100%;
        max-width:100%;
    }
    .ko-ud-scroll-inner{
        width:100% !important;
        min-width:0 !important;
        max-width:100%;
        margin:0;
    }
    .ko-ud-layout{
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .ko-ud-inv-stage{
        width:100%;
        margin: 0 auto;
        justify-self: stretch;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
    }
    .ko-ud-scroll-inner .ko-ud-frame{
        width:100% !important;
        max-width:100% !important;
    }
    .ko-ud-detail .ko-ud-stats{
        width:100% !important;
        display:table;
    }
    .ko-ud-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .ko-ud-stat-attrs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .ko-ud-stat-card {
        padding: 10px 12px 10px 14px;
    }
    .ko-ud-stat-value {
        font-size: 1.05rem;
    }
    .ko-ud-stat-value-sm {
        font-size: .82rem;
    }
    .ko-ud-detail .ko-ud-stats th,
    .ko-ud-detail .ko-ud-stats td{
        padding: 6px 8px;
        font-size: 12px;
        white-space: nowrap;
    }
    .ko-ud-hero{
        width:100%;
        box-sizing:border-box;
        padding: 7px 10px;
        margin-bottom: 8px;
    }
    .ko-ud-hero-row{
        gap: 8px;
    }
    .ko-ud-hero .ko-ud-nick{
        font-size: 1.12rem;
        letter-spacing: .03em;
        max-width: 12ch;
    }
    .ko-ud-lvl-circle{
        width: 40px;
        height: 40px;
    }
    .ko-ud-lvl-circle .ko-ud-lvl{
        font-size: .95rem;
    }
    .ko-ud-hero-badges .ko-badge{
        width: 22px;
        height: 22px;
    }
    .ko-ud-scroll-inner .ko-inv-view,
    .ko-ud-scroll-inner .ko-inv-view.ko-inv-half-view,
    .ko-ud-scroll-inner .ko-inv-view.ko-inv-full-view,
    .ko-ud-scroll-inner .ko-inv-view.ko-inv-firedarke-wrap{
        width:100% !important;
        max-width:100% !important;
        margin:10px 0 0 !important;
        overflow-x:auto;
        overflow-y:visible;
        -webkit-overflow-scrolling:touch;
        padding-bottom: 8px;
    }
    .ko-ud-inv-stage{
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
    }
}

/* Firedarke: tema accent’e bağlı çerçeve */
.ko-ud-skin-fd .ko-ud-frame {
    padding: 14px 16px 12px;
    border-radius: 12px;
    background:
        radial-gradient(90% 60% at 50% -10%, rgba(var(--ko-accent-rgb,205,179,133),.2), transparent 50%),
        linear-gradient(180deg, rgba(28,22,12,.88) 0%, rgba(8,7,6,.78) 100%);
    border: 2px solid color-mix(in srgb, var(--ko-accent, #c9a45a) 55%, #3a3018);
    box-shadow:
        0 0 0 1px rgba(0,0,0,.65),
        inset 0 0 0 1px rgba(var(--ko-accent-rgb,205,179,133),.35),
        inset 0 0 36px rgba(0,0,0,.5),
        0 10px 32px rgba(0,0,0,.4);
}
.ko-ud-skin-fd .ko-ud-frame::before,
.ko-ud-skin-fd .ko-ud-frame::after {
    content: "⚙";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    font-size: 15px;
    line-height: 1;
    color: var(--ko-accent, #d4b060);
    text-shadow: 0 0 6px rgba(var(--ko-accent-rgb,205,179,133),.45), 0 1px 1px #000;
    opacity: .95;
}
.ko-ud-skin-fd .ko-ud-frame::before { top: 6px; left: 8px; }
.ko-ud-skin-fd .ko-ud-frame::after { top: 6px; right: 8px; }
.ko-ud-skin-fd .ko-ud-stats {
    border: 1px solid rgba(var(--ko-accent-rgb,205,179,133),.45) !important;
    border-radius: 6px !important;
    background: rgba(6,5,4,.45) !important;
    overflow: visible;
    box-shadow: inset 0 0 0 1px rgba(var(--ko-accent-rgb,205,179,133),.08);
}
.ko-ud-skin-fd .ko-ud-stats th {
    background: linear-gradient(180deg, rgba(var(--ko-accent-rgb,205,179,133),.28) 0%, rgba(80,60,24,.18) 100%) !important;
    color: var(--ko-accent, #e8c878) !important;
    border-bottom: 1px solid rgba(var(--ko-accent-rgb,205,179,133),.35) !important;
    text-shadow: 0 1px 1px #000;
}
.ko-ud-skin-fd .ko-ud-stats td {
    border-bottom: 1px solid rgba(var(--ko-accent-rgb,205,179,133),.16) !important;
    color: #e8e0d0;
}
.ko-ud-skin-fd .ko-ud-stats tbody tr:nth-child(odd) {
    background: rgba(var(--ko-accent-rgb,205,179,133),.05) !important;
}
.ko-ud-skin-fd .ko-ud-stats tbody tr:hover {
    background: rgba(var(--ko-accent-rgb,205,179,133),.12) !important;
}
.ko-ud-skin-fd .ko-ud-nick { color: var(--ko-accent, #e0b050) !important; }
.ko-ud-skin-fd .ko-ud-lvl-circle .ko-ud-lvl { color: #1a1208 !important; }
.ko-ud-skin-fd .ko-ud-hero {
    background:
        radial-gradient(120% 80% at 50% 0%, rgba(var(--ko-accent-rgb,205,179,133),.26), transparent 58%),
        linear-gradient(180deg, rgba(var(--ko-accent-rgb,205,179,133),.18) 0%, rgba(10,8,6,.55) 100%) !important;
    border-color: rgba(var(--ko-accent-rgb,205,179,133),.42) !important;
}
.ko-ud-skin-fd .ko-ud-frame{
    padding: 16px 18px 14px;
}
.ko-ud-skin-fd .ko-ud-frame::before { top: 8px; left: 10px; }
.ko-ud-skin-fd .ko-ud-frame::after { top: 8px; right: 10px; }

/* v2: tema accent’e bağlı klasik panel */
.ko-ud-skin-v2 .ko-ud-frame {
    padding: 8px 10px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(28,24,16,.78) 0%, rgba(10,9,8,.68) 100%);
    border: 1px solid color-mix(in srgb, var(--ko-accent, #8a7038) 50%, #3a3018);
    box-shadow:
        inset 0 0 0 1px rgba(var(--ko-accent-rgb,205,179,133),.22),
        0 6px 20px rgba(0,0,0,.3);
}
.ko-ud-skin-v2 .ko-ud-stats {
    border: 1px solid rgba(var(--ko-accent-rgb,205,179,133),.4) !important;
    border-radius: 4px !important;
    background: rgba(8,7,6,.4) !important;
}
.ko-ud-skin-v2 .ko-ud-stats th {
    background: linear-gradient(180deg, rgba(var(--ko-accent-rgb,205,179,133),.22) 0%, rgba(60,50,28,.12) 100%) !important;
    color: var(--ko-accent, #d4b86a) !important;
    border-bottom: 1px solid rgba(var(--ko-accent-rgb,205,179,133),.28) !important;
}
.ko-ud-skin-v2 .ko-ud-stats td {
    border-bottom: 1px solid rgba(var(--ko-accent-rgb,205,179,133),.12) !important;
}
.ko-ud-skin-v2 .ko-ud-nick { color: var(--ko-accent, #d88f22) !important; }
.ko-ud-skin-v2 .ko-ud-lvl-circle .ko-ud-lvl { color: #1a1208 !important; }
.ko-ud-skin-v2 .ko-ud-hero {
    border-color: rgba(var(--ko-accent-rgb,205,179,133),.35);
}

.ko-ud-skin-plain .ko-ud-nick { color: var(--ko-accent, #d88f22); }
.ko-ud-skin-plain .ko-ud-lvl-circle .ko-ud-lvl { color: #1a1208; }

.ko-user-info table {
    width: 100%;
    color: #ddd;
}

.ko-user-info td {
    padding: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.ko-user-info td:first-child {
    color: var(--ko-accent);
    width: 40%;
}

.ko-offcanvas-online p {
    color: #ccc;
    margin-bottom: 6px;
}

.ko-offcanvas-online strong {
    color: var(--ko-accent);
}

.ko-footer-desc {
    color: #999;
    margin: 12px 0;
}

.ko-footer-social a {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    background: rgba(var(--ko-accent-rgb),0.1);
    color: var(--ko-accent);
    border-radius: 50%;
    margin-right: 8px;
}

.ko-footer .footer-bottom-text {
    text-align: center;
    padding: 20px 0;
    color: #666;
    border-top: 1px solid rgba(255,255,255,0.05);
    margin-top: 30px;
}

/* ?? Modern footer ?? */
footer.ko-footer {
    position: relative !important;
    width: 100% !important;
    clear: both;
    margin-top: 48px;
    padding: 56px 0 0;
    overflow: hidden;
    background:
        radial-gradient(ellipse 80% 60% at 12% 0%, rgba(var(--ko-accent-rgb), 0.12), transparent 55%),
        radial-gradient(ellipse 70% 50% at 88% 100%, rgba(80, 120, 255, 0.08), transparent 50%),
        linear-gradient(180deg, rgba(10, 12, 18, 0.2) 0%, #0a0c12 28%, #080a0e 100%);
    border-top: 1px solid rgba(var(--ko-accent-rgb), 0.16);
}

footer.ko-footer::before {
    content: none !important;
    display: none !important;
}

.ko-footer-glow {
    position: absolute;
    top: 0;
    left: 50%;
    width: min(720px, 90%);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(var(--ko-accent-rgb), 0.85), transparent);
    box-shadow: 0 0 24px rgba(var(--ko-accent-rgb), 0.45);
    pointer-events: none;
}

.ko-footer-top {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.9fr) minmax(0, 0.95fr);
    gap: 36px 48px;
    padding-bottom: 40px;
    align-items: start;
}

.ko-footer-logo {
    display: inline-block;
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-decoration: none;
    color: #fff;
    line-height: 1.1;
    background: linear-gradient(120deg, #fff 20%, var(--ko-accent) 95%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: filter 0.25s ease, transform 0.25s ease;
}

.ko-footer-logo:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    color: #fff;
}

.ko-footer .ko-footer-desc {
    max-width: 340px;
    margin: 14px 0 20px;
    color: #9aa3b5;
    font-size: 14px;
    line-height: 1.65;
    text-transform: none;
    letter-spacing: 0.01em;
}

.ko-footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ko-footer-social a {
    width: 42px;
    height: 42px;
    margin: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--ko-accent);
    font-size: 16px;
    text-decoration: none;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.ko-footer-social a:hover {
    transform: translateY(-3px);
    background: rgba(var(--ko-accent-rgb), 0.16);
    border-color: rgba(var(--ko-accent-rgb), 0.55);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.35);
    color: var(--ko-accent);
}

.ko-footer-tech {
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    max-width: 340px;
}
.ko-footer-tech li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ko-footer-tech-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 6px;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.35);
    overflow: hidden;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.ko-footer-tech-badge:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--ko-accent-rgb), 0.5);
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35);
}
.ko-footer-tech-badge img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.ko-footer-title {
    margin: 0 0 16px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 10px;
}

.ko-footer-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28px;
    height: 2px;
    border-radius: 2px;
    background: var(--ko-accent);
    box-shadow: 0 0 12px rgba(var(--ko-accent-rgb), 0.6);
}

.ko-footer-nav ul,
.ko-footer-account ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.ko-footer-nav a,
.ko-footer-account ul a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #a8b0c0;
    text-decoration: none;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0.01em;
    padding: 6px 0;
    transition: color 0.18s ease, transform 0.18s ease;
}

.ko-footer-nav a i,
.ko-footer-account ul a i {
    font-size: 11px;
    color: rgba(var(--ko-accent-rgb), 0.75);
    transition: transform 0.18s ease;
}

.ko-footer-nav a:hover,
.ko-footer-account ul a:hover {
    color: var(--ko-accent);
    transform: translateX(4px);
}

.ko-footer-nav a:hover i,
.ko-footer-account ul a:hover i {
    transform: translateX(2px);
}

.ko-footer-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
    padding: 12px 18px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ko-accent-text);
    background: linear-gradient(135deg, var(--ko-accent), #8e6b37);
    box-shadow: 0 10px 28px rgba(var(--ko-accent-rgb), 0.28);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.ko-footer-cta:hover {
    color: var(--ko-accent-text);
    transform: translateY(-2px);
    filter: brightness(1.05);
    box-shadow: 0 14px 32px rgba(var(--ko-accent-rgb), 0.38);
}

.ko-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    padding: 18px 0 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.ko-footer-bottom p {
    margin: 0;
    color: #7d8699;
    font-size: 13px;
}

.ko-footer-bottom strong {
    color: #d7dce8;
    font-weight: 700;
}

.ko-footer-credit {
    color: rgba(var(--ko-accent-rgb), 0.75) !important;
    font-weight: 600;
    letter-spacing: 0.03em;
}

@media (max-width: 991px) {
    .ko-footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 32px 28px;
    }

    .ko-footer-brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    footer.ko-footer {
        padding-top: 40px;
        margin-top: 32px;
    }

    .ko-footer-top {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .ko-footer-bottom {
        flex-direction: column;
        text-align: center;
        padding-bottom: 22px;
    }

    .ko-footer-cta {
        width: 100%;
        justify-content: center;
    }
}

/* Homepage welcome strip */
.ko-welcome-box {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(var(--ko-accent-rgb),0.15);
    border-radius: 12px;
    padding: 24px 28px;
}

.ko-welcome-title {
    color: #fff;
    font-size: 28px;
    margin: 0 0 8px;
}

.ko-welcome-title span {
    color: var(--ko-accent);
}

.ko-welcome-desc {
    color: #999;
    margin: 0;
}

.theme-btn.style-2 {
    background: linear-gradient(90deg, var(--ko-accent) 0%, #8e6b37 100%) !important;
    border: 0 !important;
    color: var(--ko-accent-text, #111) !important;
}

.theme-btn.style-2:hover {
    background: linear-gradient(90deg, var(--ko-accent) 0%, #8e6b37 100%) !important;
    filter: brightness(1.06);
    color: var(--ko-accent-text, #111) !important;
}

/* Inventory + tooltip (from default css.css, scoped) */
.mrx_tooltip, .item_tooltip {
    position: fixed;
    z-index: 10000;
    background: linear-gradient(180deg, rgba(16, 16, 16, 0.96), rgba(26, 26, 26, 0.96));
    border: 1px solid #c6a252;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    color: #b8b2a6 !important;
    padding: 10px 12px;
    border-radius: 7px;
    min-width: 200px;
    max-width: 300px;
    pointer-events: none;
    font-family: Verdana, Geneva, Tahoma, "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.3;
}
.mrx_tooltip .item-name,
.mrx_tooltip .item-tooltip .item-name {
    color: #c9a24a;
    font-weight: 600;
    margin-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 4px;
}
.mrx_tooltip .tt-header { display: flex; gap: 8px; align-items: center; margin-bottom: 4px; }
.mrx_tooltip .tt-icon { width: 28px; height: 28px; object-fit: contain; border-radius: 4px; flex-shrink: 0; }
.mrx_tooltip .tt-icon.tt-icon-photo {
    width: 42px; height: 42px; border-radius: 8px; image-rendering: auto;
    background: rgba(0,0,0,.35); border: 1px solid rgba(201,162,39,.35); padding: 2px;
}
.mrx_tooltip .tt-namewrap { display: flex; flex-direction: column; min-width: 0; }
.mrx_tooltip .tt-line.tt-desc {
    display: block; margin-top: 4px; max-width: 220px; line-height: 1.35;
}
.mrx_tooltip .item-type { color: #b8a066; font-size: 11px; margin: 2px 0 0; }
.mrx_tooltip .tt-kind { color: #a8a299; font-size: 11px; margin: 6px 0 8px; }
.mrx_tooltip .item-stats { margin-top: 4px; }
.mrx_tooltip .tt-line {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 2px 0;
    color: #a8a299;
}
.mrx_tooltip .tt-label { color: #8f8a80; }
.mrx_tooltip .tt-value { color: #c5bfb3; font-weight: 600; }
.mrx_tooltip .tt-sep {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    margin: 6px 0;
}

/* Durability progress bar */
.mrx_tooltip .tt-dur { margin: 4px 0 6px; }
.mrx_tooltip .tt-dur-text {
    font-size: 11px;
    color: #e6e1d6;
    margin-bottom: 3px;
}
.mrx_tooltip .tt-dur-rail {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}
.mrx_tooltip .tt-dur-fill {
    height: 100%;
    background: linear-gradient(90deg, #ffb74d, #ffa000);
}

/* Elemental damage + stat bonuses (editor green) ? !important vs theme overrides */
.mrx_tooltip .tt-elemental .tt-label,
.mrx_tooltip .tt-elemental .tt-value,
.mrx_tooltip .tt-bonus .tt-label,
.mrx_tooltip .tt-bonus .tt-value,
.item_tooltip .tt-elemental .tt-label,
.item_tooltip .tt-elemental .tt-value,
.item_tooltip .tt-bonus .tt-label,
.item_tooltip .tt-bonus .tt-value {
    color: #49e66a !important;
}

/* Resistances ? per type colors */
.mrx_tooltip .tt-resist-flame .tt-label,
.mrx_tooltip .tt-resist-flame .tt-value,
.item_tooltip .tt-resist-flame .tt-label,
.item_tooltip .tt-resist-flame .tt-value { color: #ff6b4a !important; }
.mrx_tooltip .tt-resist-glacier .tt-label,
.mrx_tooltip .tt-resist-glacier .tt-value,
.item_tooltip .tt-resist-glacier .tt-label,
.item_tooltip .tt-resist-glacier .tt-value { color: #6ecbff !important; }
.mrx_tooltip .tt-resist-lightning .tt-label,
.mrx_tooltip .tt-resist-lightning .tt-value,
.item_tooltip .tt-resist-lightning .tt-label,
.item_tooltip .tt-resist-lightning .tt-value { color: #ffe066 !important; }
.mrx_tooltip .tt-resist-magic .tt-label,
.mrx_tooltip .tt-resist-magic .tt-value,
.item_tooltip .tt-resist-magic .tt-label,
.item_tooltip .tt-resist-magic .tt-value { color: #c084fc !important; }
.mrx_tooltip .tt-resist-poison .tt-label,
.mrx_tooltip .tt-resist-poison .tt-value,
.item_tooltip .tt-resist-poison .tt-label,
.item_tooltip .tt-resist-poison .tt-value { color: #49e66a !important; }
.mrx_tooltip .tt-resist-curse .tt-label,
.mrx_tooltip .tt-resist-curse .tt-value,
.item_tooltip .tt-resist-curse .tt-label,
.item_tooltip .tt-resist-curse .tt-value { color: #d4a0ff !important; }

.mrx_tooltip .tt-expire .tt-label,
.mrx_tooltip .tt-expire .tt-value,
.item_tooltip .tt-expire .tt-label,
.item_tooltip .tt-expire .tt-value { color: #ffb74d !important; font-weight: 700; }

.mrx_tooltip .item-tooltip.rarity-blue .item-name,
.item_tooltip.rarity-blue .item-name { color: #6ab7ff !important; }
.mrx_tooltip .item-tooltip.rarity-purple .item-name,
.item_tooltip.rarity-purple .item-name { color: #c084fc !important; }
.mrx_tooltip .item-tooltip.rarity-pink .item-name,
.item_tooltip.rarity-pink .item-name { color: #ff78b2 !important; }
.mrx_tooltip .item-tooltip.rarity-unique .item-name,
.item_tooltip.rarity-unique .item-name { color: #dfc68c !important; }
.mrx_tooltip .item-tooltip.rarity-rare .item-name,
.item_tooltip.rarity-rare .item-name { color: #ffd24a !important; }
.mrx_tooltip .item-tooltip.rarity-cospre .item-name,
.item_tooltip.rarity-cospre .item-name { color: #00ffce !important; }
.mrx_tooltip .item-tooltip.rarity-craft .item-name,
.item_tooltip.rarity-craft .item-name { color: #49e66a !important; }

.ko-inv-view {
    position: relative;
    overflow: visible;
    margin: 0 auto;
}

.ko-inv-view .ko-slot img { width: 45px; height: 45px; object-fit: contain; }
.ko-inv-view .ko-slot.filled, .ko-inv-view .ko-slot.filled span { cursor: url(../img/knight6.cur), pointer !important; }
.ko-inv-view .ko-inv-editor > img { width: 585px !important; height: 563px !important; object-fit: none; }
.ko-inv-view .ko-inv-editor.ko-inv-firedarke > img { width: 523px !important; height: 538px !important; object-fit: none; }
.ko-inv-view.ko-inv-firedarke-wrap { width: 523px !important; max-width: 100%; background: transparent !important; }
.ko-inv-view .ko-inv-editor.ko-inv-firedarke {
    overflow: visible !important;
}
.ko-inv-view .ko-inv-editor { background: transparent !important; }
.ko-inv-view .ko-inv-coin-v2 {
    left: 225px !important;
    top: 300px !important;
    width: 128px !important;
    height: 18px !important;
    justify-content: flex-end !important;
    font-size: 11px !important;
}
.ko-inv-view .item_duration,
.ko-inv-editor .item_duration,
.ko-slot .item_duration {
    left: 1px !important;
    right: auto !important;
    bottom: 0 !important;
    text-align: left;
    line-height: 1;
    z-index: 5;
}
.ko-inv-view .ko-inv-coin-firedarke {
    left: 336px !important;
    top: 328px !important;
    width: 170px !important;
    height: 22px !important;
    justify-content: center !important;
    font-size: 12px !important;
    line-height: 22px !important;
    padding: 0 4px !important;
    overflow: visible !important;
}

.ko-inv-view.ko-inv-half-view { width: 390px !important; max-width: 100%; }
.ko-inv-view.ko-inv-half-view .ko-inv-editor > img { width: 390px !important; height: 560px !important; object-fit: fill; }
.ko-inv-view.ko-inv-full-view { width: 585px !important; max-width: 100%; }

.inventory_full.ko-inv-view {
    background: none !important;
    width: auto !important;
    height: auto !important;
    margin-top: 12px !important;
    overflow: visible !important;
}

/* ?? Clan Detail ?? */
.ko-clan-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ko-clan-hero {
    display: flex;
    gap: 20px;
    align-items: stretch;
    padding: 22px 24px;
    border-radius: 14px;
    border: 1px solid rgba(var(--ko-accent-rgb),0.18);
    background: linear-gradient(135deg, rgba(var(--ko-accent-rgb),0.08) 0%, rgba(255,255,255,0.02) 45%, rgba(0,0,0,0.25) 100%);
    box-shadow: 0 12px 40px rgba(0,0,0,0.35);
}

.ko-clan-hero-emblem {
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 16px;
    background: rgba(0,0,0,0.35);
    border: 1px solid rgba(var(--ko-accent-rgb),0.15);
}

.ko-clan-hero-body {
    flex: 1;
    min-width: 0;
}

.ko-clan-hero-top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-bottom: 16px;
}

.ko-clan-name {
    margin: 0;
    font-size: 28px;
    line-height: 1.1;
    color: #fff;
    letter-spacing: 0.5px;
}

.ko-clan-nation-tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--ko-accent);
    background: rgba(var(--ko-accent-rgb),0.1);
    border: 1px solid rgba(var(--ko-accent-rgb),0.25);
}

.ko-clan-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

.ko-clan-stat {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(0,0,0,0.28);
    border: 1px solid rgba(255,255,255,0.06);
}

.ko-clan-stat i {
    color: var(--ko-accent);
    font-size: 16px;
    margin-top: 2px;
}

.ko-clan-stat span {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #8a8f98;
    margin-bottom: 4px;
}

.ko-clan-stat strong {
    display: block;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
}

.ko-clan-stat strong a {
    color: var(--ko-accent);
    text-decoration: none;
}

.ko-clan-stat strong a:hover {
    color: #fff;
}

.ko-clan-online {
    color: #81c784 !important;
}

.ko-clan-assistants {
    margin-top: 14px;
    font-size: 13px;
    color: #8a8f98;
}

.ko-clan-assistants em {
    font-style: normal;
    color: var(--ko-accent);
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: 6px;
    background: rgba(var(--ko-accent-rgb),0.08);
}

.ko-clan-table-wrap {
    border-radius: 12px;
    overflow: hidden;
}

.ko-clan-table .ko-clan-nation-cell {
    white-space: nowrap;
}

.ko-clan-table .ko-clan-nation-cell .nation,
.ko-clan-table .ko-clan-nation-cell .class {
    vertical-align: middle;
    margin: 0 2px;
}

.ko-clan-nick a {
    font-weight: 700;
}

.ko-clan-rank {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.ko-clan-rank-leader {
    color: #ffd54f;
    background: rgba(255,213,79,0.12);
    border: 1px solid rgba(255,213,79,0.35);
}

.ko-clan-rank-assistant {
    color: var(--ko-accent);
    background: rgba(var(--ko-accent-rgb),0.1);
    border: 1px solid rgba(var(--ko-accent-rgb),0.28);
}

.ko-clan-rank-member {
    color: #b0b8c0;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
}

.ko-clan-empty {
    padding: 28px !important;
    color: #8a8f98;
    font-size: 14px;
}

@media (max-width: 767px) {
    .ko-clan-hero {
        flex-direction: column;
        align-items: stretch;
        padding: 16px;
    }

    .ko-clan-hero-emblem {
        width: 72px;
        height: 72px;
        flex-basis: 72px;
        margin: 0 auto;
    }

    .ko-clan-hero-top {
        justify-content: center;
        text-align: center;
    }

    .ko-clan-stats {
        grid-template-columns: 1fr 1fr;
    }

    .ko-clan-name {
        font-size: 22px;
    }

    .ko-clan-assistants {
        justify-content: center;
        text-align: center;
    }

    .ko-clan-table-wrap {
        margin-left: -8px;
        margin-right: -8px;
        padding: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ko-clan-table {
        min-width: 720px;
        font-size: 12px;
    }

    .ko-clan-table .head2 th,
    .ko-clan-table tbody td {
        padding: 8px 6px;
        white-space: nowrap;
    }

    .ko-clan-table .ko-clan-nation-cell .nation,
    .ko-clan-table .ko-clan-nation-cell .class {
        transform: scale(0.85);
        transform-origin: center;
    }

    .ko-page-inner:has(.ko-clan-wrap) {
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .ko-clan-stats {
        grid-template-columns: 1fr;
    }

    .ko-clan-table {
        min-width: 640px;
    }
}

.ko-custom-page {
    padding: 4px 0;
}

.ko-custom-page .ko-rich-content {
    font-size: 15px;
    line-height: 1.7;
}

/* ?? Download Page ?? */
.ko-page-inner:has(.ko-download-hub) {
    background: transparent;
    border: none;
    padding: 0;
}

.ko-download-hub {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ko-download-hero {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px 28px;
    border-radius: 16px;
    border: 1px solid rgba(var(--ko-accent-rgb),0.18);
    background: linear-gradient(135deg, rgba(var(--ko-accent-rgb),0.1), rgba(11,14,19,0.88));
    box-shadow: 0 16px 40px rgba(0,0,0,0.28);
}

.ko-download-hero-icon {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: rgba(var(--ko-accent-rgb),0.14);
    border: 1px solid rgba(var(--ko-accent-rgb),0.28);
    color: var(--ko-accent);
    font-size: 30px;
}

.ko-download-hero-text h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}

.ko-download-hero-text p {
    margin: 0;
    color: #a8b0ba;
    font-size: 14px;
    line-height: 1.6;
    max-width: 720px;
}

.ko-download-empty {
    text-align: center;
    padding: 48px 24px;
    border-radius: 14px;
    border: 1px dashed rgba(var(--ko-accent-rgb),0.22);
    color: #8a8f98;
}

.ko-download-empty i {
    display: block;
    font-size: 34px;
    color: var(--ko-accent);
    margin-bottom: 12px;
}

.ko-download-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 18px;
}

.ko-download-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(160deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
    transition: border-color .2s, transform .2s, box-shadow .2s;
}

.ko-download-card:hover {
    border-color: rgba(var(--ko-accent-rgb),0.24);
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(0,0,0,0.28);
}

.ko-download-card.is-primary {
    border-color: rgba(var(--ko-accent-rgb),0.3);
    background: linear-gradient(160deg, rgba(var(--ko-accent-rgb),0.1), rgba(11,14,19,0.9));
}

.ko-download-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ko-download-card-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--ko-accent);
    background: rgba(var(--ko-accent-rgb),0.12);
    border: 1px solid rgba(var(--ko-accent-rgb),0.24);
}

.ko-download-card-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255,255,255,0.05);
    color: var(--ko-accent);
    font-size: 18px;
}

.ko-download-card-title {
    margin: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
}

.ko-download-card-meta {
    margin: 0;
    color: #8f98a3;
    font-size: 13px;
    line-height: 1.5;
    flex: 1;
}

.ko-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: auto;
    padding: 12px 18px;
    border-radius: 10px;
    border: 1px solid rgba(var(--ko-accent-rgb),0.28);
    background: rgba(var(--ko-accent-rgb),0.08);
    color: var(--ko-accent);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s, color .2s, border-color .2s;
}

.ko-download-btn:hover {
    background: var(--ko-accent);
    color: #0B0E13;
    border-color: var(--ko-accent);
}

.ko-download-btn.is-primary {
    background: var(--ko-accent);
    color: #0B0E13;
    border-color: var(--ko-accent);
}

.ko-download-btn.is-primary:hover {
    background: var(--ko-btn-hover, #E4C99A);
    border-color: var(--ko-btn-hover, #E4C99A);
    color: var(--ko-accent-text, #0B0E13);
}

.ko-download-btn.is-disabled {
    cursor: not-allowed;
    opacity: 0.65;
    background: rgba(255,255,255,0.04);
    color: #8a8f98;
    border-color: rgba(255,255,255,0.1);
}

.ko-download-panels {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 18px;
}

.ko-download-panel {
    padding: 22px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
}

.ko-download-panel-head {
    margin-bottom: 18px;
}

.ko-download-panel-head h3 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.ko-download-panel-head h3 i {
    color: var(--ko-accent);
    margin-right: 8px;
}

.ko-download-panel-head p {
    margin: 0;
    color: #8a8f98;
    font-size: 13px;
}

.ko-download-spec-grid {
    display: grid;
    gap: 12px;
}

.ko-download-spec-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px;
    border-radius: 12px;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.05);
}

.ko-download-spec-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(var(--ko-accent-rgb),0.1);
    color: var(--ko-accent);
    font-size: 16px;
}

.ko-download-spec-body strong {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: 6px;
}

.ko-download-spec-values {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    font-size: 12px;
    color: #a8b0ba;
}

.ko-download-spec-values em {
    font-style: normal;
    color: var(--ko-accent);
    font-weight: 700;
    margin-right: 4px;
}

.ko-download-steps {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 12px;
}

.ko-download-steps li {
    color: #c5ccd4;
    font-size: 14px;
    line-height: 1.55;
    padding-left: 4px;
}

.ko-download-steps li::marker {
    color: var(--ko-accent);
    font-weight: 700;
}

.ko-download-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(var(--ko-accent-rgb),0.08);
    border: 1px solid rgba(var(--ko-accent-rgb),0.18);
    color: #b8c0c8;
    font-size: 13px;
    line-height: 1.5;
}

.ko-download-note i {
    color: var(--ko-accent);
    margin-top: 2px;
}

@media (max-width: 991px) {
    .ko-download-panels {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .ko-download-hero {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }

    .ko-download-grid {
        grid-template-columns: 1fr;
    }
}

/* ?? Social Hub (Anasayfa) ? kompakt ?? */
.ko-social-hub { position: relative; }

.ko-social-hub-head {
    text-align: center;
    margin-bottom: 14px;
}

.ko-social-hub-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(var(--ko-accent-rgb), 0.12);
    color: var(--ko-accent);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.ko-social-hub-title {
    margin: 8px 0 4px;
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    color: #fff;
}

.ko-social-hub-sub {
    margin: 0 auto;
    max-width: 480px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 13px;
}

.ko-social-card {
    background: linear-gradient(180deg, rgba(22, 28, 40, 0.96), rgba(10, 13, 20, 0.98));
    border: 1px solid rgba(var(--ko-accent-rgb), 0.12);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
}

.ko-social-layout {
    display: grid;
    gap: 12px;
    align-items: start;
}

/* Video + yan s�tun ? container geni?li?i */
.ko-social-layout.has-split {
    grid-template-columns: minmax(0, 1.75fr) minmax(280px, 380px);
    width: 100%;
}

.ko-social-layout.media-only {
    grid-template-columns: 1fr;
    width: 100%;
}

.ko-social-layout.aside-only {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 920px;
    margin-inline: auto;
}

.ko-social-layout.aside-only.aside-grid {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 920px;
    margin-inline: auto;
    justify-content: stretch;
}

.ko-social-layout.aside-only.aside-grid > .ko-social-aside {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ko-social-aside {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.ko-social-links-card {
    padding: 0;
}
.ko-social-links-card > .ko-social-card-label {
    margin: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(var(--ko-accent-rgb), 0.14);
}
.ko-social-links-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
}
.ko-social-links-stack .ko-social-link-btn {
    margin: 0;
}

/* Medya yokken: yan yana modern karolar */
.ko-social-links-card.is-solo-grid {
    overflow: hidden;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.32);
}
.ko-social-links-card.is-solo-grid .ko-social-links-stack {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 16px;
}
.ko-social-links-card.is-solo-grid .ko-social-link-btn {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    min-height: 112px;
    padding: 18px 12px;
    border-radius: 14px;
}
.ko-social-links-card.is-solo-grid .ko-social-link-btn i {
    width: auto;
    font-size: 1.55rem;
    opacity: 1;
}
.ko-social-links-card.is-solo-grid .ko-social-link-btn span {
    flex: none;
    font-size: 0.86rem;
    letter-spacing: 0.02em;
}
.ko-social-links-card.is-solo-grid .ko-social-link-btn em {
    display: none;
}
@media (min-width: 860px) {
    .ko-social-links-card.is-solo-grid .ko-social-links-stack {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (max-width: 520px) {
    .ko-social-links-card.is-solo-grid .ko-social-links-stack {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 12px;
    }
    .ko-social-links-card.is-solo-grid .ko-social-link-btn {
        min-height: 96px;
        padding: 14px 8px;
    }
}

.ko-social-link-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 800;
    font-size: 0.95rem;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: 0.15s ease;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
}
.ko-social-link-btn i {
    width: 1.2rem;
    text-align: center;
    font-size: 1.1rem;
}
.ko-social-link-btn span { flex: 1; }
.ko-social-link-btn em {
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 700;
    opacity: 0.88;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.ko-social-link-btn:hover {
    filter: brightness(1.07);
    transform: translateY(-1px);
    color: #fff;
}
.ko-social-link-btn.is-discord { background: linear-gradient(180deg, #7289da, #5865f2); }
.ko-social-link-btn.is-facebook { background: linear-gradient(180deg, #4b8ef5, #1877f2); }
.ko-social-link-btn.is-twitch { background: linear-gradient(180deg, #b98aff, #9146ff); }
.ko-social-link-btn.is-kc { background: linear-gradient(180deg, #fbbf24, #d97706); color: #111; }
.ko-social-link-btn.is-youtube { background: linear-gradient(180deg, #ff5a5a, #cc181e); }
.ko-social-link-btn.is-dailymotion { background: linear-gradient(180deg, #2ea7e0, #0066aa); }
.ko-social-link-btn.is-forum {
    background: linear-gradient(180deg, color-mix(in srgb, var(--ko-accent) 72%, #fff), var(--ko-accent));
    color: #111;
}

.ko-social-pair {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
}

.ko-social-pair > .ko-social-card {
    min-width: 0;
}

.ko-social-pair .ko-social-facebook-body iframe {
    max-width: 100%;
}

.ko-social-pair .ko-social-discord-body iframe {
    min-height: 200px;
    max-height: 240px;
}

.ko-social-media-card { padding: 10px; }

.ko-social-card-label {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: var(--ko-accent);
    font-weight: 700;
    font-size: 12px;
}

.ko-social-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
    padding: 4px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.ko-social-tab {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: rgba(255, 255, 255, 0.78);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    transition: 0.15s ease;
}

.ko-social-tab.is-active,
.ko-social-tab:hover {
    color: #111;
    background: var(--ko-accent);
    border-color: var(--ko-accent);
    box-shadow: 0 4px 12px rgba(var(--ko-accent-rgb), 0.28);
}

.ko-social-media-panel { display: none; }
.ko-social-media-panel.is-active { display: block; }

.ko-video-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 220px;
    padding: 24px 16px;
    text-align: center;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px dashed rgba(var(--ko-accent-rgb), 0.35);
    color: rgba(255, 255, 255, 0.75);
}
.ko-video-empty i {
    font-size: 1.8rem;
    color: var(--ko-accent);
    margin-bottom: 4px;
}
.ko-video-empty strong {
    color: #fff;
    font-size: 0.95rem;
}
.ko-video-empty span {
    font-size: 0.78rem;
    opacity: 0.7;
    max-width: 320px;
    line-height: 1.4;
}

.ko-video-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    overflow: hidden;
    background: #0a0d12;
}

.ko-video-frame iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.ko-video-play {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 160px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.ko-video-play img,
.ko-video-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ko-video-placeholder.is-dailymotion {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: linear-gradient(135deg, #0d47a1, #1565c0);
    color: #fff;
    font-weight: 700;
    font-size: 12px;
}

.ko-video-play-btn {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.28);
}

.ko-video-play-btn i {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--ko-accent-rgb), 0.95);
    color: #111;
    font-size: 15px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

.ko-social-kc-hero {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #fff;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.ko-social-kc-hero-visual {
    width: 100%;
    height: 130px;
    overflow: hidden;
    background: #0a0d12;
    flex-shrink: 0;
    line-height: 0;
}

.ko-social-kc-hero-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.3s ease;
}

.ko-social-kc-hero:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--ko-accent-rgb), 0.32);
}

.ko-social-kc-hero:hover .ko-social-kc-hero-visual img {
    transform: scale(1.03);
}

.ko-social-kc-hero-content {
    padding: 10px 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ko-social-kc-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(var(--ko-accent-rgb), 0.14);
    color: var(--ko-accent);
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.ko-social-kc-hero-content h3 {
    margin: 0;
    font-size: 0.95rem;
}

.ko-social-kc-hero-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 11px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ko-social-kc-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    color: var(--ko-accent);
    font-weight: 700;
    font-size: 12px;
}

.ko-social-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px 0;
}

.ko-social-card-head h3 {
    margin: 0;
    font-size: 13px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
}

.ko-social-card-link {
    color: var(--ko-accent);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.ko-social-discord-body {
    padding: 8px 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    justify-content: center;
}

.ko-social-facebook-body iframe {
    width: 100% !important;
    max-width: 340px;
    height: 130px !important;
    border: 0;
    border-radius: 8px;
    background: #1a1d24;
}

.ko-social-pair .ko-social-facebook-body iframe {
    max-width: 100%;
}

.ko-social-discord-body iframe {
    width: 100%;
    min-height: 220px;
    max-height: 260px;
    border: 0;
    border-radius: 8px;
    background: #1a1d24;
}

.ko-social-twitch-body {
    padding: 8px 10px 10px;
}
.ko-social-twitch-body iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 180px;
    border: 0;
    border-radius: 8px;
    background: #0e0e10;
    display: block;
}

.ko-discord-join-fallback {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    text-decoration: none;
    padding: 12px 10px;
    border-radius: 10px;
    border: 1px solid rgba(88, 101, 242, 0.45);
    background: linear-gradient(180deg, rgba(88, 101, 242, 0.28), rgba(88, 101, 242, 0.12));
    color: #e8eaff;
    transition: transform .15s ease, border-color .15s ease, filter .15s ease;
}
.ko-discord-join-fallback:hover {
    transform: translateY(-1px);
    border-color: rgba(88, 101, 242, 0.8);
    color: #fff;
    filter: brightness(1.05);
}
.ko-discord-join-fallback i { font-size: 1.35rem; color: #7289da; }
.ko-discord-join-fallback strong { font-size: .92rem; }
.ko-discord-join-fallback span { font-size: .72rem; opacity: .75; }
.ko-discord-join-fallback.is-muted {
    border-color: rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    color: rgba(232,228,217,.7);
    cursor: default;
}
.ko-discord-join-fallback.is-muted i { color: rgba(114,137,218,.55); }

.ko-social-forum-card {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.ko-social-forum-card:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--ko-accent-rgb), 0.32);
}

.ko-social-forum-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--ko-accent-rgb), 0.12);
    color: var(--ko-accent);
    font-size: 18px;
    flex-shrink: 0;
}

.ko-social-forum-body h3 {
    margin: 0 0 4px;
    color: #fff;
    font-size: 14px;
}

.ko-social-forum-body p {
    margin: 0 0 6px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
}

.ko-social-forum-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--ko-accent);
    font-weight: 700;
    font-size: 12px;
}

@media (max-width: 991px) {
    .ko-social-layout.has-split {
        grid-template-columns: 1fr;
    }

    .ko-social-aside {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        width: 100%;
        max-width: none;
        justify-self: stretch;
    }

    .ko-social-aside > .ko-social-kc-hero {
        grid-column: 1 / -1;
    }

    .ko-social-pair {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ko-social-aside > .ko-social-forum-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .ko-social-aside,
    .ko-social-pair {
        grid-template-columns: 1fr;
    }

    .ko-social-kc-hero-visual {
        height: 120px;
    }
}

/* ?? Ayl?k Honor Top 3 ?? */
.ko-honor-rank {
    margin: 0 0 22px;
    padding: 14px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(22, 28, 40, 0.96), rgba(10, 13, 20, 0.98));
    border: 1px solid rgba(212, 175, 55, 0.22);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.ko-honor-rank-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 14px;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(212, 175, 55, 0.18);
    color: #f0d78c;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ko-honor-rank-head i {
    color: #d4af37;
}

.ko-honor-rank-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.ko-honor-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    text-decoration: none;
    color: #fff;
    border-radius: 10px;
    background: rgba(8, 10, 16, 0.72);
    border: 1px solid rgba(212, 175, 55, 0.35);
    box-shadow:
        inset 0 0 0 1px rgba(255, 220, 120, 0.08),
        0 6px 16px rgba(0, 0, 0, 0.25);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ko-honor-card:hover {
    transform: translateY(-2px);
    border-color: rgba(212, 175, 55, 0.65);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.35);
    color: #fff;
}

.ko-honor-card--1 {
    border-color: rgba(255, 205, 70, 0.55);
}

.ko-honor-card--2 {
    border-color: rgba(190, 200, 215, 0.45);
}

.ko-honor-card--3 {
    border-color: rgba(205, 140, 70, 0.5);
}

.ko-honor-card-badge {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ko-honor-card-badge img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.ko-honor-card-fallback {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d4af37;
    color: #111;
    font-weight: 800;
    font-size: 20px;
}

.ko-honor-card-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ko-honor-card-meta > div {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-size: 12px;
    line-height: 1.3;
}

.ko-honor-card-meta span {
    color: rgba(255, 255, 255, 0.55);
    flex-shrink: 0;
}

.ko-honor-card-meta span::after {
    content: " :";
}

.ko-honor-card-meta strong {
    color: #fff;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ko-honor-rank-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.ko-honor-rank-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 10px;
    text-decoration: none;
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(212, 175, 55, 0.2);
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.ko-honor-rank-link i {
    color: #d4af37;
}

.ko-honor-rank-link:hover {
    color: var(--ko-accent);
    border-color: rgba(var(--ko-accent-rgb), 0.35);
    background: rgba(var(--ko-accent-rgb), 0.08);
}

.ko-honor-rank-link:hover i {
    color: var(--ko-accent);
}

.ko-rank-job-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
}
.ko-rank-job-tab {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 9px 14px;
    border-radius: 10px;
    border: 1px solid rgba(var(--ko-accent-rgb), 0.28);
    background: rgba(8, 10, 16, 0.72);
    color: #efe4c8;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.ko-rank-job-tab .ko-badges {
    pointer-events: none;
}
.ko-rank-job-tab:hover {
    border-color: rgba(var(--ko-accent-rgb), 0.55);
    background: rgba(var(--ko-accent-rgb), 0.1);
    color: #fff;
    transform: translateY(-1px);
}
.ko-rank-job-tab.is-active {
    background: var(--ko-accent);
    border-color: var(--ko-accent);
    color: var(--ko-accent-text, #111);
    box-shadow: 0 6px 16px rgba(var(--ko-accent-rgb), 0.28);
}
.ko-rank-job-tab.is-active .ko-badge {
    border-color: rgba(0, 0, 0, 0.28);
}
.ko-rank-board.is-loading {
    opacity: 0.45;
    pointer-events: none;
    transition: opacity .18s ease;
}

@media (max-width: 640px) {
    .ko-rank-job-tab {
        flex: 1 1 calc(50% - 8px);
        justify-content: center;
        padding: 8px 10px;
        font-size: 11px;
    }
}

@media (max-width: 991px) {
    .ko-honor-rank-cards {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .ko-honor-rank-links {
        grid-template-columns: 1fr;
    }
}

/* ?? Sticky Facebook ?? */
.ko-fb-sticky {
    position: fixed;
    right: 0;
    top: 42%;
    z-index: 1200;
    display: flex;
    align-items: flex-start;
    transform: translateY(-50%);
}

.ko-fb-sticky-toggle {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 10px;
    border: 0;
    border-radius: 10px 0 0 10px;
    background: #1877f2;
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: -4px 6px 18px rgba(0, 0, 0, 0.35);
}

.ko-fb-sticky-toggle i {
    transform: rotate(180deg);
    font-size: 14px;
}

.ko-fb-sticky-panel {
    width: 340px;
    max-width: calc(100vw - 48px);
    background: #0b0e13;
    border: 1px solid rgba(24, 119, 242, 0.35);
    border-right: 0;
    border-radius: 12px 0 0 12px;
    overflow: hidden;
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.45);
}

.ko-fb-sticky:not(.is-open) .ko-fb-sticky-panel {
    display: none;
}

.ko-fb-sticky-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    background: rgba(24, 119, 242, 0.12);
    color: #fff;
}

.ko-fb-sticky-head strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.ko-fb-sticky-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ko-fb-sticky-open {
    color: #7eb6ff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.ko-fb-sticky-close {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.ko-fb-sticky-body {
    padding: 0;
    background: #fff;
}

.ko-fb-sticky-body iframe {
    display: block;
    width: 100%;
    max-width: 340px;
    height: 500px;
    border: 0;
}

@media (max-width: 640px) {
    .ko-fb-sticky {
        top: auto;
        bottom: 90px;
        transform: none;
    }

    .ko-fb-sticky-panel {
        position: fixed;
        right: 0;
        bottom: 0;
        top: auto;
        width: min(340px, 100vw);
        max-height: 70vh;
        border-radius: 12px 12px 0 0;
    }

    .ko-fb-sticky-body iframe {
        height: min(420px, 55vh);
    }
}

/* ===== WhatsApp Canlı Destek ===== */
.ko-wa-support{
  position:fixed;z-index:1040;display:flex;flex-direction:column;align-items:flex-end;gap:10px;
  bottom:var(--ko-wa-bottom,24px);pointer-events:none
}
.ko-wa-support.is-right{right:var(--ko-wa-side,20px);left:auto;align-items:flex-end}
.ko-wa-support.is-left{left:var(--ko-wa-side,20px);right:auto;align-items:flex-start}
.ko-wa-support a{pointer-events:auto;text-decoration:none}
.ko-wa-bubble{
  display:flex;align-items:center;gap:10px;max-width:280px;
  background:linear-gradient(160deg,#f6e27a,#e8c84a);color:#1a1a1a;
  border-radius:18px;padding:12px 14px 12px 16px;position:relative;
  box-shadow:0 10px 28px rgba(0,0,0,.35);font-family:inherit
}
.ko-wa-bubble::after{
  content:"";position:absolute;bottom:-8px;width:16px;height:16px;
  background:#e8c84a;transform:rotate(45deg);border-radius:2px
}
.ko-wa-support.is-right .ko-wa-bubble::after{right:28px}
.ko-wa-support.is-left .ko-wa-bubble::after{left:28px}
.ko-wa-bubble-deco{
  position:absolute;top:-14px;left:8px;width:28px;height:22px;
  background:#f0d45c;border-radius:10px 10px 4px 10px;opacity:.9;
  box-shadow:10px -6px 0 -2px #e8c84a
}
.ko-wa-bubble-body{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.ko-wa-bubble-body strong{font-size:15px;font-weight:800}
.ko-wa-bubble-body span{font-size:14px;font-weight:700}
.ko-wa-bubble-body em{font-size:12px;font-style:normal;opacity:.75;font-weight:600}
.ko-wa-avatar{
  width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;
  border:2px solid rgba(255,255,255,.85);background:#fff
}
.ko-wa-avatar-ico{
  display:grid;place-items:center;background:#25D366;color:#fff;font-size:22px;border:0
}
.ko-wa-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--ko-wa-color,#25D366);color:#fff!important;
  border-radius:999px;padding:11px 16px;font-weight:800;font-size:13px;
  box-shadow:0 8px 22px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15);
  transition:transform .15s ease,filter .15s ease
}
.ko-wa-btn:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff!important}
.ko-wa-btn i{font-size:18px}
.ko-wa-support.is-button .ko-wa-btn{border-radius:12px}
@media (max-width:576px){
  .ko-wa-bubble{max-width:min(240px,72vw);padding:10px 12px}
  .ko-wa-bubble-body strong{font-size:13px}
  .ko-wa-bubble-body span{font-size:12px}
  .ko-wa-btn span{display:none}
  .ko-wa-btn{padding:12px;border-radius:50%;width:52px;height:52px;justify-content:center}
  .ko-wa-btn i{font-size:24px;margin:0}
}

/* ===== Rehber (Guide) ===== */
.ko-guide {
    color: var(--ko-text, #fff);
}

.ko-guide-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 18px;
}

.ko-guide-toolbar form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 1;
    min-width: 220px;
}

.ko-guide-toolbar input[type="search"],
.ko-guide-toolbar input[type="text"],
.ko-guide-toolbar select {
    flex: 1;
    min-width: 160px;
    background: var(--ko-surface, #161C28);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.2));
    color: var(--ko-text, #fff);
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
}

.ko-guide-toolbar button,
.ko-guide-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: 10px;
    padding: 10px 16px;
    background: var(--ko-accent, #CDB385);
    color: var(--ko-accent-text, #111);
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
}

.ko-guide-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-bottom: 16px;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
}

.ko-guide-tabs a,
.ko-guide-tabs button {
    flex: 0 0 auto;
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.18));
    background: var(--ko-surface, #161C28);
    color: var(--ko-text-muted, #ABABAB);
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.ko-guide-tabs a.is-active,
.ko-guide-tabs button.is-active {
    background: var(--ko-accent, #CDB385) !important;
    color: #111 !important;
    border-color: transparent !important;
    font-weight: 800;
}

/* Upgrade scroll icon picker */
.ko-guide-scroll-picker {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.12));
}

.ko-guide-scroll-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 88px;
    padding: 10px 8px 10px;
    border-radius: 14px;
    text-decoration: none;
    color: var(--ko-text, #fff);
    background: var(--ko-surface, #161C28);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.ko-guide-tip-host {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
    cursor: help;
}

.ko-guide-scroll-tile:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.55);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
    color: var(--ko-text, #fff);
}

.ko-guide-scroll-tile.is-active {
    border-color: var(--ko-accent, #CDB385);
    background: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.12);
    box-shadow: 0 0 0 1px rgba(var(--ko-accent-rgb, 205, 179, 133), 0.35), 0 10px 22px rgba(0, 0, 0, 0.35);
}

.ko-guide-scroll-tile-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.ko-guide-scroll-tile.is-active .ko-guide-scroll-tile-icon {
    border-color: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.45);
    box-shadow: inset 0 0 0 1px rgba(var(--ko-accent-rgb, 205, 179, 133), 0.2);
}

.ko-guide-scroll-tile-icon img {
    width: 42px;
    height: 42px;
    object-fit: contain;
    pointer-events: none;
}

.ko-guide-scroll-tile-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    min-height: 2.4em;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    color: var(--ko-text-muted, #ABABAB);
    font-weight: 650;
}

.ko-guide-scroll-tile.is-active .ko-guide-scroll-tile-name {
    color: var(--ko-accent, #CDB385);
}

@media (max-width: 640px) {
    .ko-guide-scroll-tile {
        width: 76px;
        padding: 8px 6px;
    }
    .ko-guide-scroll-tile-icon {
        width: 46px;
        height: 46px;
    }
    .ko-guide-scroll-tile-icon img {
        width: 36px;
        height: 36px;
    }
}

.ko-guide-empty {
    text-align: center;
    padding: 48px 16px;
    color: var(--ko-text-muted, #ABABAB);
    border: 1px dashed var(--ko-border, rgba(255, 255, 255, 0.2));
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.02);
}

.ko-guide-empty i {
    display: block;
    font-size: 28px;
    margin-bottom: 10px;
    color: var(--ko-accent, #CDB385);
}

.ko-guide-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.12));
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.2);
}

.ko-guide-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 560px;
}

.ko-guide-table th,
.ko-guide-table td {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
}

.ko-guide-table th {
    color: var(--ko-accent, #CDB385);
    font-weight: 700;
    background: rgba(255, 255, 255, 0.03);
    white-space: nowrap;
}

.ko-guide-table tr:hover td {
    background: rgba(255, 255, 255, 0.03);
}

.ko-upg-closed {
    margin: 0 0 20px;
    padding: 12px 14px 14px;
    border-radius: 14px;
    border: 1px solid rgba(var(--ko-accent-rgb, 205, 179, 133), .16);
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.2)),
        rgba(10, 13, 18, .48);
}
.ko-upg-closed-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    color: var(--ko-accent, #CDB385);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.ko-upg-closed-head i {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(127, 29, 29, .35);
    color: #fecaca;
    font-size: 11px;
    letter-spacing: 0;
}
.ko-upg-closed-head em {
    margin-left: auto;
    font-style: normal;
    font-weight: 700;
    color: var(--ko-text-muted, #ABABAB);
    letter-spacing: 0;
    text-transform: none;
    font-size: 12px;
}
.ko-upg-closed-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
    gap: 8px;
}
.ko-upg-closed-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    padding: 11px 12px 12px 16px;
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.22)),
        rgba(8, 10, 14, .55);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    overflow: hidden;
}
.ko-upg-closed-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 3px;
    background: linear-gradient(180deg, #f87171, rgba(127, 29, 29, .2));
}
.ko-upg-closed-grade {
    font-size: 13px;
    font-weight: 800;
    color: #f4f4f5;
    letter-spacing: .03em;
    line-height: 1.2;
}
.ko-upg-closed-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #fecaca;
    background: rgba(127, 29, 29, .38);
    border: 1px solid rgba(248, 113, 113, .28);
}
.ko-upg-closed-status i {
    font-size: 9px;
}
.ko-upg-closed-note {
    margin: 0;
    font-size: 11px;
    line-height: 1.35;
    color: var(--ko-text-muted, #ABABAB);
}
@media (max-width: 575px) {
    .ko-upg-closed-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.ko-guide-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.1);
    cursor: help;
    vertical-align: middle;
}

.ko-guide-chip img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    pointer-events: none;
}

.ko-guide-chip-count {
    position: absolute;
    right: 2px;
    bottom: 1px;
    font-size: 10px;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 1px 2px #000;
}

.ko-guide-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.ko-guide-rate {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 10px;
    align-items: center;
    min-width: 140px;
}

.ko-guide-rate-label {
    grid-column: 1 / -1;
    font-size: 12px;
    color: var(--ko-text-muted, #ABABAB);
}

.ko-guide-rate-track {
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.ko-guide-rate-fill {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--ko-accent, #CDB385), #8e6b37);
}

.ko-guide-rate-pct {
    font-size: 12px;
    font-weight: 700;
    color: var(--ko-accent, #CDB385);
    white-space: nowrap;
}

.ko-guide-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px;
}

.ko-guide-card {
    background: var(--ko-surface, #161C28);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.12));
    border-radius: 14px;
    padding: 14px;
}

.ko-guide-card-h {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.ko-guide-card-h strong {
    display: block;
    font-size: 14px;
    line-height: 1.3;
}

.ko-guide-card-h span {
    font-size: 12px;
    color: var(--ko-text-muted, #ABABAB);
}

.ko-guide-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 420px;
    overflow: auto;
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.12));
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.18);
}

.ko-guide-list a,
.ko-guide-list button {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background: transparent;
    color: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
}

.ko-guide-list a:hover,
.ko-guide-list a.is-active,
.ko-guide-list button:hover,
.ko-guide-list button.is-active {
    background: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.12);
}

.ko-guide-list img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    background: #000;
    border-radius: 6px;
}

.ko-guide-split {
    display: grid;
    grid-template-columns: minmax(220px, 300px) 1fr;
    gap: 16px;
}

@media (max-width: 900px) {
    .ko-guide-split {
        grid-template-columns: 1fr;
    }
}

.ko-guide-meta {
    font-size: 12px;
    color: var(--ko-text-muted, #ABABAB);
}

.ko-guide-online {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #4ade80;
    font-weight: 700;
    font-size: 12px;
}

.ko-guide-online.is-off {
    color: var(--ko-text-muted, #ABABAB);
}

.ko-guide-drop-slots {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
}

.ko-guide-drop-slot {
    background: var(--ko-surface, #161C28);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.1));
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ko-guide-drop-slot.is-group {
    flex: 1 1 260px;
    max-width: 100%;
    min-width: min(260px, 100%);
    border-color: rgba(96, 165, 250, 0.45);
    background: linear-gradient(180deg, rgba(96, 165, 250, 0.08), rgba(0, 0, 0, 0.15));
}

.ko-guide-drop-slot.is-item {
    flex: 0 0 auto;
    width: 118px;
    min-width: 118px;
    align-items: center;
    text-align: center;
    padding: 10px 8px;
}

.ko-guide-drop-slot .slot-n {
    font-size: 11px;
    font-weight: 700;
    color: var(--ko-accent, #CDB385);
    margin-bottom: 0;
}

.ko-guide-drop-slot.is-item .slot-n {
    width: 100%;
}

.ko-guide-group-count {
    margin-top: -4px;
}

.ko-guide-drop-slot .ko-guide-chip-row {
    margin-bottom: 0;
}

.ko-guide-drop-slot.is-item .ko-guide-chip-row.is-single {
    justify-content: center;
    margin: 4px 0;
}

.ko-guide-drop-slot.is-item .ko-guide-chip {
    width: 48px;
    height: 48px;
}

.ko-guide-drop-slot.is-item .ko-guide-chip img {
    width: 42px;
    height: 42px;
}

.ko-guide-drop-slot.is-item .ko-guide-rate {
    width: 100%;
    min-width: 0;
}

.ko-guide-drop-slot.is-item .ko-guide-rate-label {
    display: none;
}

/* Grup "+N · Devamını gör" + ortalanmış modal */
.ko-guide-group-more{
    appearance:none;
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    width:72px;
    min-width:72px;
    height:42px;
    margin:0;
    padding:4px 6px;
    border-radius:8px;
    border:1px solid rgba(205,179,133,.55);
    background:linear-gradient(180deg, rgba(205,179,133,.22), rgba(0,0,0,.4));
    color:#f0e0b8;
    cursor:pointer;
    vertical-align:middle;
    transition:background .12s ease, border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}
.ko-guide-group-more:hover{
    border-color:#cdb385;
    background:linear-gradient(180deg, rgba(205,179,133,.38), rgba(0,0,0,.45));
    box-shadow:0 0 12px rgba(205,179,133,.28);
    transform:translateY(-1px);
}
.ko-guide-group-more-count{
    font-size:.72rem;
    font-weight:800;
    line-height:1;
    color:#ffe345;
    text-shadow:0 1px 2px #000;
}
.ko-guide-group-more-label{
    font-size:.52rem;
    font-weight:700;
    line-height:1.1;
    letter-spacing:.02em;
    text-transform:uppercase;
    color:#ddd0b0;
    white-space:nowrap;
}
html.ko-guide-group-modal-open{
    overflow:hidden;
}
.ko-guide-group-modal{
    position:fixed;
    inset:0;
    z-index:12000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px;
    box-sizing:border-box;
}
.ko-guide-group-modal[hidden]{
    display:none !important;
}
.ko-guide-group-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.72);
    backdrop-filter:blur(3px);
}
.ko-guide-group-modal-dialog{
    position:relative;
    z-index:1;
    width:min(720px,100%);
    max-height:min(82vh,860px);
    display:flex;
    flex-direction:column;
    border-radius:14px;
    border:1px solid rgba(205,179,133,.45);
    background:
      radial-gradient(120% 80% at 50% 0%, rgba(205,179,133,.12), transparent 55%),
      linear-gradient(180deg, #1a222f 0%, #10151e 100%);
    box-shadow:
      0 24px 60px rgba(0,0,0,.55),
      inset 0 0 0 1px rgba(255,255,255,.04);
}
.ko-guide-group-modal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.ko-guide-group-modal-head strong{
    font-size:.95rem;
    font-weight:800;
    color:#f0e0b8;
    letter-spacing:.02em;
}
.ko-guide-group-modal-close{
    appearance:none;
    width:34px;
    height:34px;
    margin:0;
    padding:0;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(0,0,0,.35);
    color:#ddd;
    cursor:pointer;
}
.ko-guide-group-modal-close:hover{
    border-color:rgba(205,179,133,.55);
    color:#cdb385;
}
.ko-guide-group-modal-body{
    padding:16px;
    overflow:auto;
    scrollbar-width:thin;
    scrollbar-color:#cdb385 #16120c;
}
.ko-guide-group-modal-body .ko-guide-chip-row.is-modal{
    gap:8px;
    justify-content:flex-start;
}
.ko-guide-group-modal-body .ko-guide-chip{
    width:48px;
    height:48px;
}
.ko-guide-group-modal-body .ko-guide-chip img{
    width:42px;
    height:42px;
}

.ko-guide-group-tag {
    color: #60a5fa;
}

.ko-guide-group-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.ko-guide-group-head strong {
    font-size: 13px;
    font-weight: 700;
    color: #60a5fa;
    letter-spacing: 0;
}

.ko-guide-group-icon {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Drop guide ? zone / monster layout */
.ko-guide-drop-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 16px;
}

.ko-guide-drop-tools {
    margin-bottom: 16px;
    padding: 12px;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.12));
}

.ko-guide-drop-tools-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.ko-guide-drop-search-wrap {
    position: relative;
    flex: 1;
    min-width: 200px;
}

.ko-guide-drop-search-wrap > i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ko-text-muted, #ABABAB);
    font-size: 13px;
    pointer-events: none;
}

.ko-guide-drop-search-wrap input {
    width: 100%;
    background: var(--ko-surface, #161C28);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.18));
    color: var(--ko-text, #fff);
    border-radius: 10px;
    padding: 11px 14px 11px 36px;
    font-size: 14px;
}

.ko-guide-drop-search-wrap input:focus {
    outline: none;
    border-color: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.65);
    box-shadow: 0 0 0 3px rgba(var(--ko-accent-rgb, 205, 179, 133), 0.12);
}

.ko-guide-drop-search {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 1;
    min-width: 240px;
}

.ko-guide-drop-search input[type="search"] {
    flex: 1;
    min-width: 180px;
    background: var(--ko-surface, #161C28);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.2));
    color: var(--ko-text, #fff);
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
}

.ko-guide-btn-ghost {
    background: transparent;
    color: var(--ko-text, #fff);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.2));
}

.ko-guide-btn-ghost:hover {
    border-color: var(--ko-accent, #CDB385);
    color: var(--ko-accent, #CDB385);
}

.ko-guide-zone-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
}

.ko-guide-zone-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px;
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    background: var(--ko-surface, #161C28);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.12));
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.ko-guide-zone-card:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.55);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
    color: inherit;
}

.ko-guide-zone-id {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: var(--ko-accent, #CDB385);
}

.ko-guide-zone-card strong {
    font-size: 14px;
    line-height: 1.3;
}

.ko-guide-drop-layout {
    display: grid;
    grid-template-columns: minmax(260px, 340px) 1fr;
    gap: 16px;
    align-items: start;
}

@media (max-width: 980px) {
    .ko-guide-drop-layout {
        grid-template-columns: 1fr;
    }
}

.ko-guide-drop-side {
    background: rgba(0, 0, 0, 0.22);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.12));
    border-radius: 14px;
    overflow: hidden;
    min-height: 420px;
    display: flex;
    flex-direction: column;
}

.ko-guide-drop-side-head {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.ko-guide-drop-side-head strong {
    display: block;
    font-size: 14px;
}

.ko-guide-drop-mobs {
    max-height: 620px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.ko-guide-mob-row {
    display: block;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    text-decoration: none;
    color: inherit;
}

.ko-guide-mob-row:hover,
.ko-guide-mob-row.is-active {
    background: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.1);
}

.ko-guide-mob-row.is-boss {
    border-left: 3px solid #4ade80;
}

.ko-guide-mob-row.is-stone {
    border-left: 3px solid #60a5fa;
}

.ko-guide-mob-row.is-normal {
    border-left: 3px solid transparent;
}

.ko-guide-mob-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
}

.ko-guide-mob-top strong {
    font-size: 13px;
    line-height: 1.25;
}

.ko-guide-mtype {
    flex: 0 0 auto;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.04em;
    padding: 2px 6px;
    border-radius: 999px;
}

.ko-guide-mtype.is-boss {
    background: rgba(74, 222, 128, 0.18);
    color: #4ade80;
}

.ko-guide-mtype.is-stone {
    background: rgba(96, 165, 250, 0.18);
    color: #60a5fa;
}

.ko-guide-mtype.is-normal {
    background: rgba(255, 255, 255, 0.08);
    color: var(--ko-text-muted, #ABABAB);
}

.ko-guide-drop-main {
    min-height: 420px;
}

.ko-guide-drop-hero {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 14px;
    border-radius: 14px;
    background: var(--ko-surface, #161C28);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.12));
}

.ko-page-inner:has(.ko-guide) {
    max-width: none;
}

.ko-guide-shozin-list {
    max-height: none;
}

.ko-guide-ex-list {
    max-height: none;
}

.ko-guide-shozin-detail {
    min-height: 320px;
    padding: 16px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.12));
    min-width: 0;
    overflow-x: hidden;
}

.ko-guide-shozin,
.ko-guide-shozin-split,
.ko-guide-shozin-list-col {
    min-width: 0;
}

.ko-shozin-row > div {
    min-width: 0;
}

.ko-shozin-row strong {
    display: block;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ko-shozin-panel .ko-shozin-result {
    margin-bottom: 14px;
    min-width: 0;
}

.ko-shozin-panel .ko-shozin-result > div {
    min-width: 0;
}

.ko-shozin-panel .ko-shozin-result strong {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ko-shozin-reqs {
    margin-top: 16px;
    scroll-margin-top: calc(var(--ko-logo-h, 58px) + 48px);
}

.ko-shozin-reqs-title {
    margin: 0 0 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ko-shozin-req-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
    gap: 8px;
}

.ko-shozin-req-card {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.22)),
        rgba(8, 10, 14, .55);
    border: 1px solid rgba(255,255,255,.08);
}

.ko-shozin-req-body {
    min-width: 0;
    flex: 1;
}

.ko-shozin-req-body strong {
    display: block;
    font-size: 13px;
    line-height: 1.3;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ko-shozin-req-body span {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    color: var(--ko-text-muted, #ABABAB);
}

@media (max-width: 900px) {
    .ko-guide-shozin-detail {
        min-height: 0;
        padding: 12px;
    }
    .ko-shozin-req-grid {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }
}

@media (max-width: 575px) {
    .ko-page-inner:has(.ko-guide-shozin) {
        padding: 12px;
    }
    .ko-guide-shozin-detail .ko-guide-rate {
        min-width: 0;
    }
}

.ko-guide-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--ko-border, rgba(255, 255, 255, 0.1));
}

.ko-guide-pager-nums {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.ko-guide-pager a,
.ko-guide-pager-nav {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 36px;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    font-size: 13px;
    font-weight: 700;
    background: var(--ko-surface, #161C28);
    border: 1px solid var(--ko-border, rgba(255, 255, 255, 0.12));
}

.ko-guide-pager a:hover,
.ko-guide-pager-nav:hover {
    border-color: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.55);
    color: inherit;
}

.ko-guide-pager a.is-active {
    background: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.18);
    border-color: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.65);
    color: var(--ko-accent, #CDB385);
}

.ko-guide-pager-nav.is-disabled {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}

.ko-guide-pager-dots {
    color: var(--ko-text-muted, #ABABAB);
    padding: 0 4px;
}

/* ?? KoDialog: ortalanm?? onay / uyar? ?? */
body.ko-dialog-open {
    overflow: hidden;
}
.ko-dialog-root {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}
.ko-dialog-root.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.ko-dialog-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(4, 6, 10, 0.72);
    backdrop-filter: blur(6px);
}
.ko-dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 400px);
    padding: 1.55rem 1.45rem 1.35rem;
    border-radius: 18px;
    border: 1px solid rgba(201, 162, 39, 0.32);
    background:
        radial-gradient(ellipse at 50% 0%, rgba(201, 162, 39, 0.16), transparent 55%),
        linear-gradient(165deg, rgba(16, 20, 28, 0.98), rgba(8, 10, 14, 0.99));
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
    text-align: center;
    transform: translateY(12px) scale(0.97);
    transition: transform .22s ease;
}
.ko-dialog-root.is-open .ko-dialog {
    transform: none;
}
.ko-dialog-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 0.85rem;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    color: #d4b44a;
    background: rgba(201, 162, 39, 0.12);
    border: 1px solid rgba(201, 162, 39, 0.28);
}
.ko-dialog-root.is-success .ko-dialog-icon {
    color: #9fdf8a;
    background: rgba(80, 160, 90, 0.14);
    border-color: rgba(120, 200, 120, 0.3);
}
.ko-dialog-root.is-error .ko-dialog-icon {
    color: #ff8f8f;
    background: rgba(160, 40, 40, 0.16);
    border-color: rgba(255, 120, 120, 0.28);
}
.ko-dialog-root.is-info .ko-dialog-icon {
    color: #8ec5ff;
    background: rgba(60, 120, 200, 0.14);
    border-color: rgba(100, 160, 230, 0.28);
}
.ko-dialog-title {
    margin: 0 0 0.45rem;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.ko-dialog-msg {
    margin: 0 0 1.25rem;
    color: rgba(232, 228, 217, 0.82);
    font-size: 0.95rem;
    line-height: 1.55;
    white-space: pre-wrap;
}
.ko-dialog-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: center;
}
.ko-dialog-btn {
    min-width: 110px;
    padding: 0.62rem 1.15rem;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05);
    color: #e8e4d9;
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.ko-dialog-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(201, 162, 39, 0.45);
    color: #fff;
}
.ko-dialog-btn.primary {
    background: var(--ko-market-plate-grad, linear-gradient(180deg, #d4b44a, #9a7a1c));
    border-color: transparent;
    color: #14110a;
}
.ko-dialog-btn.primary:hover {
    color: #14110a;
    filter: brightness(1.05);
}
.ko-dialog-btn.ghost {
    background: rgba(255, 255, 255, 0.04);
}
.ko-dialog-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.22);
}

/* KoBalanceGuide — yetersiz Market TL yönlendirme */
.ko-bal-guide-root {
    position: fixed;
    inset: 0;
    z-index: 100050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
}
.ko-bal-guide-root.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.ko-bal-guide-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(4, 6, 10, 0.78);
    backdrop-filter: blur(8px);
}
.ko-bal-guide-card {
    position: relative;
    width: min(520px, 100%);
    max-height: min(92vh, 720px);
    overflow: auto;
    border-radius: 22px;
    border: 1px solid rgba(203, 254, 28, 0.22);
    background:
        radial-gradient(120% 80% at 10% -10%, rgba(203, 254, 28, 0.14), transparent 55%),
        linear-gradient(165deg, #171e2b 0%, #0e131c 55%, #0b1018 100%);
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.45);
    padding: 22px 22px 18px;
    transform: translateY(10px) scale(0.98);
    transition: transform .22s ease;
}
.ko-bal-guide-root.is-open .ko-bal-guide-card {
    transform: none;
}
.ko-bal-guide-x {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.28);
    color: rgba(238, 241, 246, 0.75);
    cursor: pointer;
}
.ko-bal-guide-x:hover { color: #fff; border-color: rgba(203, 254, 28, 0.35); }
.ko-bal-guide-hero {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding-right: 28px;
    margin-bottom: 16px;
}
.ko-bal-guide-ico {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(251, 191, 36, 0.14);
    border: 1px solid rgba(251, 191, 36, 0.35);
    color: #fbbf24;
    font-size: 22px;
}
.ko-bal-guide-hero h3 {
    margin: 0 0 6px;
    font-size: 1.2rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: 0.01em;
}
.ko-bal-guide-lead {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(232, 228, 217, 0.68);
}
.ko-bal-guide-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 16px;
}
@media (max-width: 480px) {
    .ko-bal-guide-stats { grid-template-columns: 1fr; }
}
.ko-bal-stat {
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.28);
    padding: 10px 12px;
}
.ko-bal-stat span {
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(232, 228, 217, 0.5);
    margin-bottom: 4px;
}
.ko-bal-stat strong {
    font-size: 15px;
    font-weight: 900;
    color: #f0ff9a;
}
.ko-bal-stat.warn {
    border-color: rgba(252, 165, 165, 0.28);
    background: rgba(252, 165, 165, 0.08);
}
.ko-bal-stat.warn strong { color: #fca5a5; }
.ko-bal-guide-steps {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    display: grid;
    gap: 10px;
}
.ko-bal-guide-steps li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.03);
}
.ko-bal-guide-steps .n {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    color: #14110a;
    background: #cbfe1c;
}
.ko-bal-guide-steps strong {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 2px;
}
.ko-bal-guide-steps em {
    display: block;
    font-style: normal;
    font-size: 12px;
    line-height: 1.45;
    color: rgba(232, 228, 217, 0.58);
}
.ko-bal-guide-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ko-bal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05);
    color: #eef1f6;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    transition: border-color .15s, background .15s, transform .15s;
}
.ko-bal-btn:hover {
    border-color: rgba(203, 254, 28, 0.4);
    background: rgba(203, 254, 28, 0.08);
    color: #fff;
    transform: translateY(-1px);
}
.ko-bal-btn.primary {
    background: linear-gradient(135deg, #d4fe4a, #cbfe1c);
    border-color: transparent;
    color: #14110a;
}
.ko-bal-btn.primary:hover {
    filter: brightness(1.05);
    color: #14110a;
}
.ko-bal-btn.ghost {
    background: transparent;
    color: rgba(232, 228, 217, 0.65);
}


.ko-pubzi-body .fix-area {
    position: fixed !important;
    inset: auto;
    width: 0 !important;
    height: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
    transform: none !important;
    z-index: 999999;
}
.ko-pubzi-body .offcanvas__info.info-open {
    transform: translateX(0) !important;
}
.ko-pubzi-body .offcanvas__overlay.overlay-open {
    opacity: 0.8 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* ===== Mobil offcanvas menü — koyu tema (mavi mean-bar yok) ===== */
.fix-area .offcanvas__info,
.offcanvas__info {
  background: linear-gradient(180deg, #10161f 0%, #0b0e13 55%, #090c10 100%) !important;
  border-left: 2px solid var(--ko-accent, #CDB385) !important;
  color: #f1f5f9;
}
.offcanvas__wrapper {
  padding: 22px 18px 28px !important;
  background: transparent !important;
}
.offcanvas__content {
  background: transparent !important;
}
.offcanvas__top {
  margin-bottom: 1rem !important;
  padding-bottom: .85rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.ko-pubzi-body .offcanvas__logo,
.ko-pubzi-body .offcanvas__logo.ko-logo-block {
  min-width: 0;
  flex: 1 1 auto;
  max-width: calc(100% - 52px);
  overflow: hidden;
}
.ko-pubzi-body .offcanvas__logo .ko-logo-link,
.ko-pubzi-body .offcanvas__logo .ko-logo-shell {
  max-width: 100%;
}
.ko-pubzi-body .offcanvas__logo .ko-logo-shell {
  padding: 2px 6px;
}
.ko-pubzi-body .offcanvas__logo .ko-logo-shell.is-smoke::before,
.ko-pubzi-body .offcanvas__logo .ko-logo-shell.is-smoke::after {
  display: none;
}
.ko-pubzi-body .offcanvas__wrapper .offcanvas__content .offcanvas__logo img,
.ko-pubzi-body .offcanvas__logo .ko-site-logo,
.ko-pubzi-body .offcanvas__logo .ko-site-logo--compact,
.ko-pubzi-body .offcanvas__logo .ko-site-logo--standard,
.ko-pubzi-body .offcanvas__logo .ko-site-logo--wide,
.ko-pubzi-body .offcanvas__logo .ko-site-logo--custom {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 40px !important;
}
.ko-pubzi-body .offcanvas__close {
  flex: 0 0 auto;
  z-index: 2;
  margin-left: auto;
}
.offcanvas__close button {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: var(--ko-accent, #CDB385) !important;
  color: #111 !important;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
.offcanvas__close button i {
  color: #111 !important;
  font-size: 1rem;
}
.mobile-menu.fix,
.mobile-menu {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.mean-container,
.mean-container .mean-bar,
.mean-container .mean-nav {
  background: transparent !important;
  background-color: transparent !important;
  float: none !important;
  width: 100% !important;
}
/* mean-nav, mean-bar i�inde ? bar'? gizleme (yaz?lar kaybolur); sadece hamburger'? gizle */
.mean-container .mean-bar {
  display: block !important;
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  background-color: transparent !important;
}
.mean-container .mean-nav {
  display: block !important;
  float: none !important;
  margin-top: 0 !important;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.28) !important;
}
.mean-container .mean-nav > ul {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.mean-container .mean-nav ul li {
  float: none !important;
  width: 100% !important;
  border: 0 !important;
  position: relative !important;
}
.mean-container .mean-nav ul li a {
  float: none !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: .85rem 1rem !important;
  margin: 0 !important;
  color: #f8fafc !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-indent: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
  background: transparent !important;
  line-height: 1.35 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.mean-container .mean-nav ul li > a > i {
  display: inline-block !important;
  margin-right: .45rem;
  color: inherit !important;
  font-size: .9rem !important;
  width: auto !important;
  opacity: .95;
}
.mean-container .mean-nav ul li:last-child > a {
  border-bottom: 0 !important;
}
.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li a:focus {
  color: var(--ko-accent, #CDB385) !important;
  background: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.08) !important;
}
.mean-container .mean-nav ul li a.mean-expand {
  width: 44px !important;
  height: 100% !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  top: 0 !important;
  right: 0 !important;
  border: 0 !important;
  color: #cbd5e1 !important;
  background: transparent !important;
  display: grid !important;
  place-items: center !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  color: var(--ko-accent, #CDB385) !important;
  background: rgba(var(--ko-accent-rgb, 205, 179, 133), 0.1) !important;
}
.mean-container .mean-nav ul li a.mean-expand i {
  display: inline-block !important;
  font-size: .95rem !important;
}
.mean-container .mean-nav ul li li a {
  padding-left: 1.35rem !important;
  font-size: .84rem !important;
  font-weight: 600 !important;
  color: #cbd5e1 !important;
  background: rgba(0, 0, 0, 0.22) !important;
  text-transform: none !important;
}
.mean-container a.meanmenu-reveal {
  display: none !important;
}

/* Mobil menü — Çıkış butonu (button; a stilleri uygulanmazdı → siyah/ince kalıyordu) */
.mean-container .mean-nav ul li.ko-logout-nav-item,
.mean-container .mean-nav ul li.ko-logout-submenu-item {
  width: 100% !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  margin-top: .15rem;
}
.mean-container .mean-nav ul li.ko-logout-nav-item .ko-logout-form,
.mean-container .mean-nav ul li.ko-logout-submenu-item .ko-logout-form {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
.mean-container .mean-nav ul li.ko-logout-nav-item .ko-logout-nav-btn,
.mean-container .mean-nav ul li.ko-logout-submenu-item .ko-logout-submenu-btn,
.offcanvas__info .ko-logout-nav-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .55rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: .95rem 1rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(220, 60, 60, 0.12) !important;
  color: #ffb4a8 !important;
  font-size: .98rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  line-height: 1.35 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.mean-container .mean-nav ul li.ko-logout-nav-item .ko-logout-nav-btn i,
.mean-container .mean-nav ul li.ko-logout-submenu-item .ko-logout-submenu-btn i,
.offcanvas__info .ko-logout-nav-btn i {
  color: inherit !important;
  font-size: 1rem !important;
  width: 1.15rem;
  text-align: center;
  opacity: 1 !important;
}
.mean-container .mean-nav ul li.ko-logout-nav-item .ko-logout-nav-btn:hover,
.mean-container .mean-nav ul li.ko-logout-nav-item .ko-logout-nav-btn:focus,
.mean-container .mean-nav ul li.ko-logout-submenu-item .ko-logout-submenu-btn:hover,
.mean-container .mean-nav ul li.ko-logout-submenu-item .ko-logout-submenu-btn:focus,
.offcanvas__info .ko-logout-nav-btn:hover {
  background: rgba(220, 60, 60, 0.22) !important;
  color: #fff !important;
}

/* ===== Rehber · Event Takvimi ===== */
.ko-guide-events { margin-top: 4px; }
.ko-ev-hero {
  display: flex; flex-wrap: wrap; gap: 18px; justify-content: space-between; align-items: flex-end;
  margin: 0 0 16px; padding: 18px 20px; border-radius: 16px;
  background:
    radial-gradient(circle at 12% 0%, rgba(var(--ko-accent-rgb), 0.22), transparent 48%),
    linear-gradient(145deg, rgba(18,22,30,0.95), rgba(11,14,19,0.88));
  border: 1px solid rgba(var(--ko-accent-rgb), 0.22);
}
.ko-ev-hero-kicker {
  display: inline-flex; align-items: center; gap: 8px; margin-bottom: 8px;
  color: var(--ko-accent); font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
}
.ko-ev-hero h2 { margin: 0 0 6px; font-size: clamp(1.35rem, 2.4vw, 1.85rem); color: #fff; }
.ko-ev-hero p { margin: 0; max-width: 44rem; color: rgba(255,255,255,.68); font-size: .92rem; line-height: 1.45; }
.ko-ev-hero-clock {
  min-width: 140px; padding: 12px 14px; border-radius: 12px; text-align: center;
  background: rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.08);
}
.ko-ev-hero-clock span { display: block; font-size: .72rem; opacity: .65; margin-bottom: 4px; }
.ko-ev-hero-clock strong { display: block; font-size: 1.45rem; color: var(--ko-accent); letter-spacing: .04em; }
.ko-ev-tabs { margin-bottom: 14px; }
.ko-ev-tabs .ko-ev-tab {
  appearance: none; -webkit-appearance: none; cursor: pointer; font: inherit;
}
.ko-ev-pane { display: none; }
.ko-ev-pane.is-active { display: block; }
.ko-ev-layout {
  display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .9fr); gap: 16px; align-items: start;
}
.ko-ev-list-pane { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.ko-ev-cards { display: grid; gap: 10px; }
.ko-ev-card[hidden],
.ko-ev-week-day[hidden] { display: none !important; }
.ko-ev-pager {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px;
  padding: 10px 8px; border-radius: 12px;
  background: rgba(16,20,28,.75); border: 1px solid rgba(255,255,255,.08);
}
.ko-ev-pager[hidden] { display: none !important; }
.ko-ev-pager-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 11px; border-radius: 9px; border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04); color: rgba(255,255,255,.85);
  font: inherit; font-size: .82rem; font-weight: 600; cursor: pointer;
  transition: border-color .15s ease, background .15s ease, opacity .15s ease;
}
.ko-ev-pager-btn:hover:not(:disabled) {
  border-color: rgba(var(--ko-accent-rgb), .4); background: rgba(var(--ko-accent-rgb), .1); color: #fff;
}
.ko-ev-pager-btn:disabled { opacity: .35; cursor: default; }
.ko-ev-pager-info {
  min-width: 4.5rem; text-align: center; font-size: .86rem; font-weight: 700;
  color: var(--ko-accent); letter-spacing: .02em;
}
@media (max-width: 520px) {
  .ko-ev-pager-btn span { display: none; }
  .ko-ev-pager-btn { padding: 8px 10px; }
}
.ko-ev-card {
  display: block; width: 100%; text-align: left; cursor: pointer; font: inherit;
  text-decoration: none; color: inherit; padding: 14px 16px; border-radius: 14px;
  background: rgba(16,20,28,.92); border: 1px solid rgba(255,255,255,.08);
  transition: border-color .15s ease, transform .15s ease, background .15s ease;
}
.ko-ev-card:hover { border-color: rgba(var(--ko-accent-rgb), .35); transform: translateY(-1px); color: inherit; }
.ko-ev-card.is-active { border-color: rgba(var(--ko-accent-rgb), .55); background: rgba(var(--ko-accent-rgb), .08); }
.ko-ev-card.is-live { box-shadow: inset 3px 0 0 #22c55e; }
.ko-ev-card-top { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; margin-bottom: 8px; }
.ko-ev-card-when em { display: block; font-style: normal; font-size: 1.2rem; font-weight: 800; color: #fff; }
.ko-ev-card-when span { font-size: .75rem; opacity: .62; }
.ko-ev-card-title { display: block; font-size: 1.02rem; margin: 0 0 6px; color: #fff; }
.ko-ev-card-meta { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 10px; font-size: .78rem; opacity: .7; }
.ko-ev-card-foot { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; }
.ko-ev-card-cd { min-width: 108px; }
.ko-ev-card-cd small { display: block; font-size: .68rem; opacity: .6; text-transform: uppercase; letter-spacing: .04em; }
.ko-ev-card-cd b { font-size: 1.05rem; color: var(--ko-accent); letter-spacing: .03em; }
.ko-ev-card-rewards { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ko-ev-badge {
  display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 999px;
  font-size: .68rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase;
}
.ko-ev-badge.is-live { background: rgba(34,197,94,.18); color: #86efac; border: 1px solid rgba(34,197,94,.35); }
.ko-ev-badge.is-soon { background: rgba(var(--ko-accent-rgb), .14); color: var(--ko-accent); border: 1px solid rgba(var(--ko-accent-rgb), .28); }
.ko-ev-badge.is-ended { background: rgba(255,255,255,.06); color: rgba(255,255,255,.45); border: 1px solid rgba(255,255,255,.08); }
.ko-ev-muted { opacity: .55; font-size: .82rem; }
.ko-ev-detail {
  position: sticky; top: 88px; padding: 16px; border-radius: 16px;
  background: rgba(12,15,22,.96); border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 16px 40px rgba(0,0,0,.28);
}
.ko-ev-detail-head h3 { margin: 8px 0 4px; color: #fff; font-size: 1.2rem; }
.ko-ev-detail-head p { margin: 0; opacity: .65; font-size: .85rem; }
.ko-ev-detail-cd {
  margin: 14px 0; padding: 14px; border-radius: 12px; text-align: center;
  background: linear-gradient(180deg, rgba(var(--ko-accent-rgb), .16), rgba(var(--ko-accent-rgb), .05));
  border: 1px solid rgba(var(--ko-accent-rgb), .28);
}
.ko-ev-detail-cd span { display: block; font-size: .75rem; opacity: .7; margin-bottom: 4px; }
.ko-ev-detail-cd strong { font-size: 1.65rem; color: var(--ko-accent); letter-spacing: .04em; }
.ko-ev-detail-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px;
}
.ko-ev-detail-grid > div {
  padding: 10px; border-radius: 10px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06);
}
.ko-ev-detail-grid em { display: block; font-style: normal; font-size: .7rem; opacity: .55; margin-bottom: 2px; }
.ko-ev-detail-grid b { font-size: .9rem; color: #fff; }
.ko-ev-detail-section h4 {
  margin: 0 0 10px; font-size: .92rem; color: #fff; display: flex; align-items: center; gap: 8px;
}
.ko-ev-detail-section h4 i { color: var(--ko-accent); }
.ko-ev-reward-block {
  margin-bottom: 10px; padding: 12px; border-radius: 12px;
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07);
}
.ko-ev-rank-title {
  display: flex; align-items: center; gap: 8px; margin: 14px 0 8px;
  font-size: .8rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase;
  color: rgba(255,255,255,.72);
}
.ko-ev-rank-title i { color: var(--ko-accent); }
.ko-ev-rank-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-items: start;
}
.ko-ev-rank-card {
  margin-bottom: 0; padding: 8px 8px 10px;
  min-width: 0;
}
.ko-ev-rank-card .ko-ev-reward-h {
  margin-bottom: 6px; justify-content: center; text-align: center;
}
.ko-ev-rank-card .ko-ev-reward-h strong {
  font-size: .72rem; letter-spacing: .02em;
}
.ko-ev-rank-card .ko-ev-loot-row {
  justify-content: center; gap: 6px 8px; margin-top: 0;
}
.ko-ev-loot-row.is-tight { gap: 5px 6px; }
@media (max-width: 1200px) {
  .ko-ev-rank-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .ko-ev-rank-grid { grid-template-columns: 1fr; }
}
.ko-ev-reward-h { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; margin-bottom: 8px; }
.ko-ev-reward-h strong { color: var(--ko-accent); font-size: .84rem; }
.ko-ev-reward-h span { font-size: .75rem; opacity: .6; }
.ko-ev-reward-curr { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.ko-ev-reward-curr span {
  font-size: .72rem; font-weight: 700; padding: 4px 8px; border-radius: 999px;
  background: rgba(var(--ko-accent-rgb), .12); color: rgba(255,255,255,.85);
}
.ko-ev-week { display: grid; gap: 12px; }
.ko-ev-week-day {
  padding: 12px; border-radius: 14px; background: #000; border: none; box-shadow: none;
}
.ko-ev-week-day.is-today { border: none; box-shadow: inset 0 0 0 1px rgba(34,197,94,.35); }
.ko-ev-week-day header {
  display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;
}
.ko-ev-week-day header strong { color: #fff; }
.ko-ev-week-day header span { font-size: .75rem; opacity: .55; }
.ko-ev-week-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; }
.ko-ev-card.is-compact {
  padding: 10px 12px; background: #000; border-color: rgba(255,255,255,.08);
}
.ko-ev-card.is-compact .ko-ev-card-top em { font-size: 1rem; }
.ko-ev-card.is-compact .ko-ev-card-cd,
.ko-ev-pane[data-pane="week"] .ko-ev-card-cd {
  color: #22c55e;
}
.ko-ev-card.is-compact .ko-ev-card-cd b,
.ko-ev-pane[data-pane="week"] .ko-ev-card-cd b {
  color: #22c55e;
}
.ko-ev-loot[data-tooltip] { cursor: help; position: relative; z-index: 2; }
.ko-ev-loot[data-tooltip]:hover { z-index: 5; }
@media (max-width: 980px) {
  .ko-ev-layout { grid-template-columns: 1fr; }
  .ko-ev-detail { position: static; }
}

.ko-ev-rate{
  display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.7rem;font-weight:800;
  background:rgba(var(--ko-accent-rgb),.16);color:var(--ko-accent);border:1px solid rgba(var(--ko-accent-rgb),.28)
}
.ko-ev-item-name{font-size:.78rem;opacity:.78;margin-left:2px}
.ko-ev-reward-h{gap:8px;align-items:center}

.ko-ev-loot-row{
  display:flex;flex-wrap:wrap;gap:12px 14px;align-items:flex-start;margin-top:4px
}
.ko-ev-loot{
  display:flex;flex-direction:column;align-items:center;gap:6px;min-width:56px;max-width:78px
}
.ko-ev-loot.is-compact{min-width:42px;max-width:46px;gap:0}
.ko-ev-loot-icon{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:10px;overflow:hidden;
  background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12)
}
.ko-ev-loot.is-compact .ko-ev-loot-icon{width:40px;height:40px;border-radius:8px}
.ko-ev-loot-icon img{width:38px;height:38px;object-fit:contain;pointer-events:none}
.ko-ev-loot.is-compact .ko-ev-loot-icon img{width:32px;height:32px}
.ko-ev-loot-qty{
  position:absolute;left:2px;bottom:2px;z-index:2;
  min-width:14px;max-width:calc(100% - 4px);padding:1px 4px;border-radius:4px;
  background:#000;color:#fff;font-size:9px;font-weight:800;line-height:1.15;
  letter-spacing:.01em;text-align:center;pointer-events:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.18)
}
.ko-ev-loot.is-compact .ko-ev-loot-qty{font-size:8px;padding:0 3px;left:1px;bottom:1px}
.ko-ev-loot-name{
  display:block;width:100%;text-align:center;font-size:.68rem;font-weight:700;line-height:1.2;
  color:rgba(255,255,255,.82);word-break:break-word
}
.ko-ev-loot-icon.is-cash{
  background:linear-gradient(180deg,rgba(203,254,28,.2),rgba(0,0,0,.5));color:var(--ko-accent);font-weight:800
}
.ko-ev-card-rewards{display:flex;flex-wrap:wrap;gap:6px;align-items:center}

/* —— Rehber: Başlangıç Itemleri —— */
.ko-guide-startitems{position:relative}
.ko-start-hero{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;
  margin-bottom:18px;padding:18px 20px;border-radius:18px;
  background:
    radial-gradient(120% 80% at 0% 0%,rgba(var(--ko-accent-rgb,203,254,28),.14),transparent 55%),
    linear-gradient(165deg,rgba(18,22,30,.92),rgba(8,10,14,.96));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 32px rgba(0,0,0,.28);
}
.ko-start-hero-copy{max-width:540px}
.ko-start-kicker{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;
  font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ko-accent,#CBFE1C);
}
.ko-start-hero-copy h2{
  margin:0 0 8px;font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:-.02em;
}
.ko-start-hero-copy p{
  margin:0;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.62);
}
.ko-start-tabs{margin-bottom:18px}
.ko-start-tab{
  display:inline-flex;align-items:center;gap:8px;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease;
}
.ko-start-tab .ko-start-class-icon{display:inline-flex;align-items:center;line-height:0;flex-shrink:0}
.ko-start-tab .ko-start-class-icon .ko-badges{gap:0}
.ko-start-tab .ko-start-class-icon .ko-badge{width:20px;height:20px}
.ko-start-tab .ko-start-class-icon .class{width:16px;height:16px}
.ko-start-tab .ko-start-class-icon .ko-kurian-icon{
  display:block;width:16px;height:16px;object-fit:contain;
  image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;
}
.ko-start-tab .ko-start-class-icon .ko-badge-kurian{padding:1px}
.ko-start-tab:hover{transform:translateY(-1px)}
.ko-start-tab.is-active{
  box-shadow:0 0 0 1px rgba(var(--ko-accent-rgb,203,254,28),.35),0 8px 20px rgba(0,0,0,.25);
}
.ko-start-stage{
  position:relative;padding:20px 16px 28px;border-radius:20px;
  background:
    linear-gradient(180deg,rgba(14,18,26,.7),rgba(6,8,12,.88));
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.ko-start-pane{display:none;animation:koStartPaneIn .28s ease}
.ko-start-pane.is-active{display:block}
@keyframes koStartPaneIn{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}
.ko-start-inv-frame{
  display:flex;justify-content:center;align-items:flex-start;
  max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
  padding:4px 0 8px;
}
.ko-start-inv-frame .ko-inv-view{margin:0 auto}
@media (max-width:640px){
  .ko-start-hero{padding:14px 14px}
  .ko-start-hero-copy h2{font-size:1.15rem}
}

/* —— Rehber: Paketli İtemler —— */
.ko-guide-packages{position:relative}
.ko-pkg-hero{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;
  margin-bottom:16px;padding:18px 20px;border-radius:18px;
  background:
    radial-gradient(120% 80% at 100% 0%,rgba(var(--ko-accent-rgb,203,254,28),.12),transparent 55%),
    linear-gradient(165deg,rgba(18,22,30,.92),rgba(8,10,14,.96));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 32px rgba(0,0,0,.28);
}
.ko-pkg-hero-copy{max-width:560px}
.ko-pkg-kicker{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;
  font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ko-accent,#CBFE1C);
}
.ko-pkg-hero-copy h2{
  margin:0 0 8px;font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:-.02em;
}
.ko-pkg-hero-copy p{margin:0;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.62)}
.ko-pkg-hero-stat{
  display:flex;flex-direction:column;align-items:flex-end;gap:4px;
  padding:10px 14px;border-radius:12px;
  background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);
}
.ko-pkg-hero-stat span{font-size:.72rem;opacity:.6}
.ko-pkg-hero-stat strong{font-size:.9rem;color:var(--ko-accent,#CBFE1C)}
.ko-pkg-tabs{margin-bottom:16px}
.ko-pkg-tabs a{transition:transform .15s ease,box-shadow .15s ease}
.ko-pkg-tabs a:hover{transform:translateY(-1px)}
.ko-pkg-tabs a.is-active{
  box-shadow:0 0 0 1px rgba(var(--ko-accent-rgb,203,254,28),.35),0 8px 18px rgba(0,0,0,.22);
}
.ko-pkg-list{
  display:grid;gap:14px;
  grid-template-columns:1fr;
}
@media (min-width:1100px){
  .ko-pkg-list{grid-template-columns:1fr 1fr}
}
.ko-pkg-card{
  padding:14px 16px;border-radius:16px;
  background:linear-gradient(180deg,rgba(16,20,28,.92),rgba(6,8,12,.96));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  transition:border-color .15s ease, transform .15s ease;
}
.ko-pkg-card:hover{
  border-color:rgba(var(--ko-accent-rgb,203,254,28),.28);
  transform:translateY(-1px);
}
.ko-pkg-card-body{
  display:flex;align-items:stretch;gap:14px;min-width:0;
}
.ko-pkg-main{
  flex:0 0 auto;width:168px;max-width:42%;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
  padding:10px 8px;border-radius:14px;
  background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);
}
.ko-pkg-main-icon{
  width:64px;height:64px;border-radius:14px;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.55);border:1px solid rgba(var(--ko-accent-rgb,203,254,28),.35);
  box-shadow:0 0 0 1px rgba(0,0,0,.35),0 6px 16px rgba(0,0,0,.35);
  cursor:help;
}
.ko-pkg-main-icon img{width:52px;height:52px;object-fit:contain}
.ko-pkg-origin-ph{color:var(--ko-accent);font-size:1.25rem}
.ko-pkg-main-info{min-width:0;width:100%}
.ko-pkg-main-label{
  display:block;margin-bottom:4px;
  font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ko-accent,#CBFE1C);
}
.ko-pkg-main-info strong{
  display:block;color:#fff;font-size:.88rem;font-weight:800;line-height:1.25;
  word-break:break-word;
}
.ko-pkg-card-meta{
  display:block;margin-top:4px;font-size:.72rem;color:rgba(255,255,255,.5);font-weight:600;
}
.ko-pkg-card-desc{
  margin:8px 0 0;font-size:.74rem;line-height:1.35;color:rgba(255,255,255,.55);
}
.ko-pkg-divider{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  color:var(--ko-accent,#CBFE1C);opacity:.75;font-size:.85rem;padding-top:4px;
}
.ko-pkg-side{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.ko-pkg-rewards-label{
  font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:var(--ko-accent,#CBFE1C);opacity:.9;margin-bottom:8px;
}
.ko-pkg-rewards{
  display:block;
  column-count:3;
  column-gap:10px;
  column-fill:balance;
}
.ko-pkg-loot{
  position:relative;z-index:1;
  display:inline-block;
  width:100%;
  margin:0 0 8px;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  page-break-inside:avoid;
  vertical-align:top;
}
.ko-pkg-loot[data-tooltip]{cursor:help}
.ko-pkg-loot[data-tooltip]:hover{z-index:5}
.ko-pkg-loot-icon{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:10px;overflow:hidden;
  background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12);
}
.ko-pkg-loot-icon img{width:38px;height:38px;object-fit:contain;pointer-events:none}
.ko-pkg-loot-qty{
  position:absolute;left:2px;bottom:2px;z-index:2;
  min-width:14px;max-width:calc(100% - 4px);padding:1px 4px;border-radius:4px;
  background:#000;color:#fff;font-size:9px;font-weight:800;line-height:1.15;
  letter-spacing:.01em;text-align:center;pointer-events:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.18);
}
@media (max-width:720px){
  .ko-pkg-card-body{flex-direction:column;align-items:stretch}
  .ko-pkg-main{width:100%;max-width:none;flex-direction:row;text-align:left;align-items:center}
  .ko-pkg-main-info{text-align:left}
  .ko-pkg-divider{display:none}
  .ko-pkg-rewards{column-count:3}
}
@media (max-width:640px){
  .ko-pkg-hero{padding:14px}
  .ko-pkg-hero-stat{align-items:flex-start;width:100%}
  .ko-pkg-rewards{column-count:2}
}
.ko-pkg-modal .ko-pkg-rewards{column-count:3}

/* Envanter · paketli item: kare kenarında yılan çizgi (kare dönmez) */
@property --ko-pkg-a{
  syntax:'<angle>';
  inherits:false;
  initial-value:0deg;
}
.ko-slot-pkg > span{position:relative;overflow:visible}
.ko-inv-pkg-open{
  position:absolute;inset:0;z-index:4;
  width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;
}
.ko-inv-pkg-ring{
  --ko-pkg-a:0deg;
  position:absolute;inset:0;border-radius:2px;pointer-events:none;box-sizing:border-box;
  padding:2px;
  background:conic-gradient(from var(--ko-pkg-a),
    #fff 0deg,
    #f2d295 55deg,
    #c9a84c 88deg,
    transparent 118deg,
    transparent 360deg
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  animation:koInvPkgSnake 2s linear infinite;
}
@keyframes koInvPkgSnake{
  to{--ko-pkg-a:360deg}
}
.ko-pkg-loot-icon{position:relative;overflow:visible}
.ko-pkg-loot-icon .ko-inv-pkg-open{inset:0;width:100%;height:100%}
.ko-pkg-loot-is-pkg .ko-pkg-loot-icon{overflow:visible}

/* PUS · paketli item açılır pencere */
.ko-pus-pkg-open{
  display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;
  max-width:100%;padding:0;margin:0;border:0;background:transparent;
  color:inherit;text-align:left;cursor:pointer;
}
.ko-pus-pkg-open:hover .ko-pus-pkg-name{color:var(--ko-accent,#CBFE1C)}
.ko-pus-pkg-name{font-weight:700}
.ko-pus-pkg-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-style:normal;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  padding:3px 8px;border-radius:999px;
  color:var(--ko-accent-text,#111);
  background:var(--ko-accent,#CBFE1C);
}
.ko-pus-row-pkg td:first-child{vertical-align:middle}

html.ko-pkg-modal-open,
body.ko-pkg-modal-open{
  overflow:hidden!important;
}
.ko-pkg-modal{
  position:fixed!important;
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  inset:0!important;
  width:100vw!important;height:100vh!important;
  height:100dvh!important;
  z-index:2147483000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:18px;margin:0;box-sizing:border-box;
}
.ko-pkg-modal[hidden]{display:none!important}
.ko-pkg-modal-backdrop{
  position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);
}
.ko-pkg-modal-dialog{
  position:relative;z-index:1;width:min(860px,100%);max-height:min(86vh,760px);
  display:flex;flex-direction:column;overflow:hidden;border-radius:18px;
  background:linear-gradient(165deg,rgba(18,22,30,.98),rgba(8,10,14,.99));
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 24px 60px rgba(0,0,0,.55);
}
.ko-pkg-modal-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);
}
.ko-pkg-modal-kicker{
  display:block;margin-bottom:4px;
  font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ko-accent,#CBFE1C);
}
.ko-pkg-modal-head h3{margin:0;font-size:1.05rem;font-weight:800;color:#fff}
.ko-pkg-modal-x{
  width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);color:#fff;cursor:pointer;
}
.ko-pkg-modal-x:hover{border-color:rgba(var(--ko-accent-rgb,203,254,28),.45);color:var(--ko-accent)}
.ko-pkg-modal-body{padding:16px 18px 20px;overflow:auto}
.ko-pkg-modal-card{
  padding:12px;border-radius:14px;
  background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);
}
.ko-pkg-modal .ko-pkg-main{max-width:190px;width:180px}

/* ===== Rehber · Görevler (sol çerçeveli liste + sağ quest_main) ===== */
.ko-dq-meta{margin-bottom:10px}
.ko-dq-split{
  display:grid;
  grid-template-columns:minmax(200px,250px) minmax(0,520px) minmax(200px,250px);
  gap:10px;
  align-items:start;
  justify-content:center;
}
.ko-dq-side,
.ko-dq-filters{
  min-width:0;
  position:sticky;
  top:12px;
}
.ko-dq-side-frame{
  position:relative;
  padding:10px 8px 8px;
  border-radius:6px;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(201,164,90,.14), transparent 55%),
    linear-gradient(180deg, #1a1610 0%, #0c0a08 100%);
  border:2px solid #9a7a3a;
  box-shadow:
    inset 0 0 0 1px rgba(232,200,120,.35),
    inset 0 0 18px rgba(0,0,0,.55),
    0 6px 16px rgba(0,0,0,.45);
}
.ko-dq-side-frame::before,
.ko-dq-side-frame::after{
  content:"";
  position:absolute;
  width:14px;
  height:14px;
  border:2px solid #d4af5a;
  pointer-events:none;
}
.ko-dq-side-frame::before{
  top:4px; left:4px;
  border-right:0; border-bottom:0;
}
.ko-dq-side-frame::after{
  right:4px; bottom:4px;
  border-left:0; border-top:0;
}
.ko-dq-side-title{
  margin:0 4px 8px;
  padding:6px 8px;
  text-align:center;
  font-family:"Chakra Petch","Segoe UI",sans-serif;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#f0e0b8;
  background:linear-gradient(180deg, rgba(60,48,24,.9), rgba(20,16,10,.95));
  border:1px solid rgba(201,164,90,.55);
  border-radius:4px;
  text-shadow:0 1px 2px #000;
}
.ko-dq-side-scroll{
  display:flex;
  flex-direction:column;
  gap:4px;
  max-height:min(72vh,700px);
  overflow:auto;
  padding:2px 4px 4px 2px;
  scrollbar-width:thin;
  scrollbar-color:#c9a45a #16120c;
}
.ko-dq-side-scroll::-webkit-scrollbar{
  width:8px;
}
.ko-dq-side-scroll::-webkit-scrollbar-track{
  margin:2px 0;
  background:
    linear-gradient(180deg, rgba(40,32,18,.95), rgba(12,10,8,.98));
  border:1px solid rgba(201,164,90,.28);
  border-radius:6px;
  box-shadow:inset 0 0 6px rgba(0,0,0,.55);
}
.ko-dq-side-scroll::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, #e0c070 0%, #b8923e 45%, #6e5420 100%);
  border:1px solid #5a4018;
  border-radius:6px;
  box-shadow:inset 0 1px 0 rgba(255,235,180,.35);
}
.ko-dq-side-scroll::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg, #f0d888 0%, #d4af5a 45%, #8a6a28 100%);
}
.ko-dq-side-scroll::-webkit-scrollbar-corner{
  background:transparent;
}
.ko-dq-side-empty{
  margin:6px 4px 2px;
  padding:10px 8px;
  text-align:center;
  font-size:.68rem;
  font-weight:700;
  color:#c8b48a;
  border:1px dashed rgba(201,164,90,.4);
  border-radius:4px;
  background:rgba(0,0,0,.25);
}
.ko-dq-menu-btn[hidden],
.ko-dq-menu-btn.is-filtered-out{
  display:none !important;
}

/* Sağ filtre paneli */
.ko-dq-filters .ko-dq-side-frame{
  display:flex;
  flex-direction:column;
  min-height:0;
}
.ko-dq-filter-block{
  margin:0 2px 10px;
}
.ko-dq-filter-block.is-zones{
  margin-bottom:0;
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
}
.ko-dq-filter-label{
  margin:0 2px 6px;
  font-family:"Chakra Petch","Segoe UI",sans-serif;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#d4af5a;
  text-shadow:0 1px 2px #000;
}
.ko-dq-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.ko-dq-chip{
  appearance:none;
  margin:0;
  padding:5px 8px;
  border-radius:4px;
  border:1px solid rgba(201,164,90,.35);
  background:rgba(0,0,0,.35);
  color:#ddd0b0;
  font-family:"Chakra Petch","Segoe UI",sans-serif;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.02em;
  cursor:pointer;
  transition:background .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease;
}
.ko-dq-chip i{margin-right:3px;opacity:.9}
.ko-dq-chip:hover{
  border-color:rgba(212,175,90,.65);
  background:rgba(201,164,90,.14);
  color:#f2e6c8;
}
.ko-dq-chip.is-active{
  color:#1a1208;
  border-color:#d4af5a;
  background:linear-gradient(180deg, #e8c878, #b8923e);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 8px rgba(212,175,90,.28);
}
.ko-dq-zone-scroll{
  max-height:min(42vh,420px);
  flex:1;
}
.ko-dq-zone-btn{
  appearance:none;
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:38px;
  margin:0;
  padding:6px 8px;
  text-align:left;
  cursor:pointer;
  color:inherit;
  border-radius:4px;
  border:1px solid rgba(201,164,90,.28);
  background:rgba(0,0,0,.28);
  transition:background .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.ko-dq-zone-btn:hover{
  background:rgba(201,164,90,.12);
  border-color:rgba(212,175,90,.55);
}
.ko-dq-zone-btn.is-active{
  background:rgba(201,164,90,.2);
  border-color:#d4af5a;
  box-shadow:inset 0 0 0 1px rgba(255,220,120,.25),0 0 8px rgba(212,175,90,.25);
}
.ko-dq-zone-name{
  flex:1;
  min-width:0;
  font-size:.66rem;
  font-weight:800;
  line-height:1.2;
  color:#efe4c8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 1px 2px #000;
}
.ko-dq-zone-count{
  flex:0 0 auto;
  margin:0;
  min-width:1.6rem;
  padding:2px 6px;
  text-align:center;
  font-style:normal;
  font-size:.6rem;
  font-weight:800;
  color:#1a1208;
  border-radius:3px;
  border:1px solid rgba(90,64,24,.55);
  background:linear-gradient(180deg, #e0c070, #a88438);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
}
.ko-dq-menu-btn{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:42px;
  padding:5px 8px 5px 6px;
  text-decoration:none;
  color:inherit;
  border-radius:4px;
  border:1px solid rgba(201,164,90,.28);
  background:rgba(0,0,0,.28);
  transition:background .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.ko-dq-menu-btn:hover{
  background:rgba(201,164,90,.12);
  border-color:rgba(212,175,90,.55);
}
.ko-dq-menu-btn.is-active{
  background:rgba(201,164,90,.2);
  border-color:#d4af5a;
  box-shadow:inset 0 0 0 1px rgba(255,220,120,.25),0 0 8px rgba(212,175,90,.25);
}
.ko-dq-menu-icon{
  flex:0 0 32px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:3px;
  border:1px solid rgba(212,175,90,.65);
  background:rgba(0,0,0,.85);
}
.ko-dq-menu-icon > img{
  width:32px;
  height:32px;
  object-fit:contain;
  background:transparent !important;
}
.ko-dq-menu-icon > i{
  color:#e8c878;
  font-size:.85rem;
  text-shadow:0 1px 2px #000;
}
.ko-dq-menu-name{
  flex:1;
  min-width:0;
  margin:0;
  font-size:.68rem;
  font-weight:800;
  line-height:1.2;
  color:#efe4c8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 1px 2px #000;
}

.ko-dq-detail{
  min-width:0;
  display:flex;
  justify-content:flex-start;
}
.ko-dq-panel{
  position:relative;
  width:min(100%,560px);
  aspect-ratio:600 / 769;
  isolation:isolate;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));
}
.ko-dq-panel-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  object-position:center;
  pointer-events:none;
  user-select:none;
  z-index:0;
  background:transparent;
}
.ko-dq-panel-title{
  position:absolute;
  z-index:2;
  left:12%;
  right:14%;
  top:1.8%;
  height:5.2%;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-family:"Chakra Petch","Segoe UI",sans-serif;
  font-size:clamp(.62rem,1.3vw,.84rem);
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#f2e6c8;
  line-height:1.1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
}
.ko-dq-panel-desc {
    position: absolute;
    z-index: 2;
    left: 34%;
    right: 20%;
    top: 11.5%;
    height: 16.8%;
    margin: 0;
    padding: 12px 10px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: clamp(.66rem,1.05vw,.8rem);
    line-height: 1.38;
    color: #1a1208;
    font-weight: 800;
    scrollbar-width: thin;
    scrollbar-color: #a88438 transparent;
}
.ko-dq-panel-desc::-webkit-scrollbar{
  width:6px;
}
.ko-dq-panel-desc::-webkit-scrollbar-track{
  background:transparent;
}
.ko-dq-panel-desc::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, #d4af5a, #7a5a28);
  border-radius:4px;
}
.ko-dq-panel-desc > span{
  display:block;
  width:100%;
  text-align:center;
}
.ko-dq-panel-zone{
  position:absolute;
  z-index:2;
  left:11%;
  right:11%;
  top:32.5%;
  height:4.1%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 6px;
  box-sizing:border-box;
  line-height:1;
  font-family:"Chakra Petch","Segoe UI",sans-serif;
  font-size:clamp(.7rem,1.2vw,.88rem);
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#ffe345;
  text-shadow:0 0 8px rgba(255,214,0,.35),0 1px 2px #000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}
.ko-dq-item[data-tooltip]{
  cursor:help;
}
.ko-dq-item[data-tooltip]:hover{
  z-index:6;
}
.ko-dq-panel-loot{
  position:absolute;
  z-index:2;
  left:8%;
  right:8%;
  top:47%;
  bottom:8%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px 10px;
  overflow:auto;
  padding:4px 2px 6px;
  scrollbar-width:thin;
}
.ko-dq-panel-col{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  align-content:start;
}

/* button_quest.png — Collect/Reward satırları */
.ko-dq-item{
  position:relative;
  width:100%;
  height:48px;
  min-height:48px;
  isolation:isolate;
  overflow:visible;
}
.ko-dq-item-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left center;
  pointer-events:none;
  user-select:none;
  z-index:0;
  background:transparent;
}
.ko-dq-item-icon{
  position:absolute;
  z-index:2;
  left:8%;
  top:50%;
  transform:translateY(-50%);
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  border-radius:3px;
  border:1px solid rgba(212,175,90,.8);
  background:rgba(0,0,0,.92);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.7);
  overflow:hidden;
}
.ko-dq-item-icon > img{
  width:45px;
  height:45px;
  object-fit:contain;
  background:transparent !important;
}
.ko-dq-item-icon > i{
  color:#e8c878;
  font-size:1rem;
  text-shadow:0 1px 2px #000;
}
.ko-dq-item-badge{
  position:absolute;
  left:1px;
  bottom:1px;
  z-index:3;
  margin:0;
  padding:1px 3px;
  font-style:normal;
  font-size:.55rem;
  font-weight:800;
  line-height:1;
  color:#fff;
  background:#000;
  border-radius:2px;
}
.ko-dq-item-meta{
  position:absolute;
  z-index:2;
  left:calc(8% + 48px);
  right:6%;
  top:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  min-width:0;
  line-height:1.1;
  text-align:center;
  pointer-events:none;
}
.ko-dq-item-name{
  display:block;
  width:100%;
  font-size:.68rem;
  font-weight:800;
  color:#ffe345;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-text-stroke:0.6px #000;
  paint-order:stroke fill;
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000,
     0 2px 3px #000,
     0 0 6px rgba(0,0,0,.95);
}
.ko-dq-item-qty{
  display:block;
  width:100%;
  font-size:.58rem;
  font-weight:800;
  color:#fff8a0;
  text-align:center;
  -webkit-text-stroke:0.45px #000;
  paint-order:stroke fill;
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000,
     0 2px 3px #000;
}
.ko-dq-item.is-empty{opacity:.6}
.ko-dq-item.is-empty .ko-dq-item-name{color:#8a7a58}

.ko-dq-panel-loot{
  scrollbar-color:#c9a45a #16120c;
}
.ko-dq-panel-loot::-webkit-scrollbar{
  width:8px;
}
.ko-dq-panel-loot::-webkit-scrollbar-track{
  background:linear-gradient(180deg, rgba(40,32,18,.95), rgba(12,10,8,.98));
  border:1px solid rgba(201,164,90,.28);
  border-radius:6px;
}
.ko-dq-panel-loot::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, #e0c070 0%, #b8923e 45%, #6e5420 100%);
  border:1px solid #5a4018;
  border-radius:6px;
}

@media (max-width:1100px){
  .ko-dq-split{
    grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(180px,220px);
  }
}
@media (max-width:980px){
  .ko-dq-split{
    grid-template-columns:1fr;
    gap:12px;
  }
  .ko-dq-side,
  .ko-dq-filters{position:static}
  .ko-dq-side-scroll{
    max-height:200px;
  }
  .ko-dq-zone-scroll{
    max-height:180px;
  }
  .ko-dq-detail{justify-content:center}
  .ko-dq-panel{width:min(100%,520px)}
}
@media (max-width:560px){
  .ko-dq-panel-loot{grid-template-columns:1fr;gap:6px}
  .ko-dq-panel-title{font-size:.7rem}
  .ko-dq-panel-desc{font-size:.66rem}
  .ko-dq-item{height:52px;min-height:52px}
}

/* Çerez bildirimi */
.ko-cookie-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  padding:16px 28px;
  background:#1b1b1d;
  border-top:2px solid #8a6a3a;
  box-shadow:0 -8px 28px rgba(0,0,0,.45);
  color:#fff;
}
.ko-cookie-bar[hidden]{display:none!important;}
.ko-cookie-bar-text{
  margin:0;
  flex:1 1 280px;
  font-size:15px;
  line-height:1.45;
  color:#f3f3f3;
}
.ko-cookie-bar-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.ko-cookie-btn{
  appearance:none;
  cursor:pointer;
  min-width:108px;
  padding:8px 18px;
  border-radius:8px;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}
.ko-cookie-btn.is-accept{
  border:none;
  background:#c4a35a;
  color:#111;
}
.ko-cookie-btn.is-accept:hover{filter:brightness(1.08);}
.ko-cookie-btn.is-reject{
  background:transparent;
  border:1px solid #9a9a9a;
  color:#e8e8e8;
}
.ko-cookie-btn.is-reject:hover{border-color:#fff;color:#fff;}
body.ko-cookie-open{padding-bottom:88px;}
@media (max-width:640px){
  .ko-cookie-bar{padding:14px 16px;justify-content:center;text-align:center;}
  .ko-cookie-bar-actions{width:100%;justify-content:center;}
  .ko-cookie-btn{flex:1;}
}

/* Çerez bildirimi */
.ko-cookie-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  padding:16px 28px;
  background:#1b1b1d;
  border-top:2px solid #8a6a3a;
  box-shadow:0 -8px 28px rgba(0,0,0,.45);
  color:#fff;
}
.ko-cookie-bar[hidden]{display:none!important;}
.ko-cookie-bar-text{
  margin:0;
  flex:1 1 280px;
  font-size:15px;
  line-height:1.45;
  color:#f3f3f3;
}
.ko-cookie-bar-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.ko-cookie-btn{
  appearance:none;
  cursor:pointer;
  min-width:108px;
  padding:8px 18px;
  border-radius:8px;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}
.ko-cookie-btn.is-accept{
  border:none;
  background:#c4a35a;
  color:#111;
}
.ko-cookie-btn.is-accept:hover{filter:brightness(1.08);}
.ko-cookie-btn.is-reject{
  background:transparent;
  border:1px solid #9a9a9a;
  color:#e8e8e8;
}
.ko-cookie-btn.is-reject:hover{border-color:#fff;color:#fff;}
body.ko-cookie-open{padding-bottom:88px;}
@media (max-width:640px){
  .ko-cookie-bar{padding:14px 16px;justify-content:center;text-align:center;}
  .ko-cookie-bar-actions{width:100%;justify-content:center;}
  .ko-cookie-btn{flex:1;}
}


.ko-gb-home-fallback { margin: 0 auto 18px; }
.ko-gb-card {
    color: var(--ko-accent);
    background:
        radial-gradient(120% 80% at 100% 0%, rgba(var(--ko-accent-rgb), 0.12), transparent 46%),
        linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(8,10,16,0.62) 100%);
    border: 1px solid rgba(var(--ko-accent-rgb), 0.22);
    border-radius: 18px;
    padding: 16px 16px 14px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.32);
}
.ko-gb-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.ko-gb-head h3 { margin:0; color:#fff; font-size:15px; font-weight:800; letter-spacing:0.7px; text-transform:uppercase; }
.ko-gb-ranges { display:inline-flex; gap:4px; background:rgba(0,0,0,0.28); border-radius:999px; padding:3px; }
.ko-gb-ranges button { border:0; background:transparent; color:rgba(255,255,255,0.72); font-size:12px; font-weight:800; padding:5px 10px; border-radius:999px; cursor:pointer; }
.ko-gb-ranges button.is-active { background: var(--ko-accent); color: var(--ko-accent-text, #111); }
.ko-gb-metric { margin-bottom:10px; }
.ko-gb-metric-main { display:flex; flex-direction:column; gap:6px; min-width:0; }
.ko-gb-metric span { color:rgba(255,255,255,0.62); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.45px; }
.ko-gb-metric strong,
.ko-gb-metric em {
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    font-style: normal;
}
.ko-gb-metric strong { color: var(--ko-accent); font-size:30px; font-weight:800; letter-spacing:0.2px; line-height:1; }
.ko-gb-metric strong b,
.ko-gb-metric em b { font-weight:inherit; }
.ko-gb-metric em,
.ko-gb-foot em {
    font-style: normal;
    color: rgba(255,255,255,0.78);
    font-size: 15px;
    font-weight: 800;
}
.ko-gb-ico {
    width: 32px;
    height: 32px;
    object-fit: contain;
    flex-shrink: 0;
    image-rendering: auto;
}
.ko-gb-ico.is-sm { width: 22px; height: 22px; }
.ko-gb-card.is-side .ko-gb-ico { width: 26px; height: 26px; }
.ko-gb-card.is-side .ko-gb-ico.is-sm { width: 18px; height: 18px; }
.ko-gb-chart-box { display:grid; grid-template-columns:36px 1fr; grid-template-rows:auto auto; gap:4px 6px; margin: 2px 0 8px; }
.ko-gb-yaxis { display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; font-size:11px; font-weight:700; color:rgba(255,255,255,.55); padding:2px 0 18px; }
.ko-gb-chart-wrap { position:relative; height:124px; min-width:0; }
.ko-gb-chart { width:100%; height:100%; display:block; overflow:visible; }
.ko-gb-line { fill:none; stroke: var(--ko-accent); stroke-width:2.4; stroke-linejoin:round; stroke-linecap:round; }
.ko-gb-chart circle { fill: var(--ko-accent); stroke:#0b0e13; stroke-width:1.5; cursor:pointer; }
.ko-gb-chart circle.is-peak { fill:#fbbf24; stroke:#fff; stroke-width:2; }
.ko-gb-xaxis { grid-column:2; display:flex; justify-content:space-between; font-size:11px; font-weight:700; color:rgba(255,255,255,.55); }
.ko-gb-tip {
    position:absolute; top:8px; transform:translateX(-50%);
    min-width:110px; padding:7px 9px; border-radius:10px;
    background:rgba(8,10,16,.94); border:1px solid rgba(var(--ko-accent-rgb),.4);
    color:#fff; font-size:12px; line-height:1.25; pointer-events:none; z-index:3;
    box-shadow:0 8px 20px rgba(0,0,0,.35);
}
.ko-gb-tip b { display:block; color:var(--ko-accent); font-size:13px; }
.ko-gb-tip span { display:block; color:#fff; font-weight:700; }
.ko-gb-tip small { color:rgba(255,255,255,.6); }
.ko-gb-tip i { display:inline-block; margin-top:3px; font-style:normal; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#fbbf24; }
.ko-gb-foot {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    align-items: start;
    border-top: 1px solid rgba(255,255,255,0.08);
    padding-top: 8px;
}
.ko-gb-foot > div {
    min-width: 0;
    padding: 0 6px;
    border-right: 1px solid rgba(255,255,255,0.1);
    text-align: center;
}
.ko-gb-foot > div:first-child { padding-left: 0; }
.ko-gb-foot > div:last-child { padding-right: 0; border-right: 0; }
.ko-gb-foot span {
    display: block;
    color: rgba(255,255,255,0.55);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ko-gb-foot-nums {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
    min-width: 0;
}
.ko-gb-foot strong {
    display: block;
    color: var(--ko-accent);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ko-gb-foot strong.is-up { color: #4ade80; }
.ko-gb-foot strong.is-down { color: #f87171; }
.ko-gb-foot em {
    display: block;
    margin-top: 0;
    font-size: 12px;
    line-height: 1.15;
    color: rgba(255,255,255,.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.ko-gb-notes { margin-top:12px; border-top:1px solid rgba(255,255,255,.08); padding-top:10px; }
.ko-gb-notes-title { font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.62); margin-bottom:8px; }
.ko-gb-notes ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; max-height:168px; overflow:auto; }
.ko-gb-notes li { display:grid; grid-template-columns:minmax(0,1.1fr) auto auto; gap:8px; align-items:center; padding:7px 8px; border-radius:10px; background:rgba(255,255,255,.04); }
.ko-gb-notes time { color:rgba(255,255,255,.72); font-size:13px; font-weight:700; }
.ko-gb-notes b { color:var(--ko-accent); font-size:13px; }
.ko-gb-notes span { color:#fff; font-size:13px; font-weight:800; text-align:right; }
.ko-gb-card.is-side .ko-gb-head h3 { font-size:14px; }
.ko-gb-card.is-side .ko-gb-metric span { font-size:12px; }
.ko-gb-card.is-side .ko-gb-metric strong { font-size:26px; }
.ko-gb-card.is-side .ko-gb-metric em { font-size:14px; }
.ko-gb-card.is-side .ko-gb-chart-wrap { height:100px; }
.ko-gb-card.is-side .ko-gb-notes ul { max-height:160px; }
.ko-gb-card.is-side .ko-gb-notes-title { font-size:11px; }
.ko-gb-card.is-side .ko-gb-notes time,
.ko-gb-card.is-side .ko-gb-notes b,
.ko-gb-card.is-side .ko-gb-notes span { font-size:12px; }
.ko-gb-card.is-side .ko-gb-foot span { font-size: 10px; }
.ko-gb-card.is-side .ko-gb-foot strong { font-size: 13px; }
.ko-gb-card.is-side .ko-gb-foot em { font-size: 11px; }
.ko-gb-card.is-side .ko-gb-foot > div { padding: 0 5px; }
@media (max-width: 640px) {
    .ko-gb-head { flex-wrap: wrap; }
    .ko-gb-metric strong { font-size: 24px; }
    .ko-gb-notes li { grid-template-columns: 1fr auto; }
    .ko-gb-notes span { grid-column: 1 / -1; text-align:left; }
}

/* ========== 404 Page ========== */
.ko-404 {
    text-align: center;
    padding: 60px 20px 70px;
    position: relative;
    overflow: hidden;
}
.ko-404-glow {
    position: absolute;
    top: 50%; left: 50%;
    width: 420px; height: 420px;
    transform: translate(-50%, -55%);
    background: radial-gradient(circle, rgba(var(--ko-accent-rgb), .12) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}
.ko-404-icon {
    position: relative; z-index: 1;
    font-size: 56px;
    color: var(--ko-accent, #CDB385);
    margin-bottom: 12px;
    text-shadow: 0 0 40px rgba(var(--ko-accent-rgb), .35);
    animation: ko404pulse 2.4s ease-in-out infinite;
}
@keyframes ko404pulse {
    0%, 100% { opacity: .7; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.08); }
}
.ko-404-code {
    position: relative; z-index: 1;
    font-size: clamp(100px, 18vw, 180px);
    font-weight: 900;
    line-height: 1;
    margin: 0;
    letter-spacing: -.04em;
    background: linear-gradient(180deg, var(--ko-accent, #CDB385) 0%, #8A6A32 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    filter: drop-shadow(0 4px 24px rgba(0,0,0,.5));
}
.ko-404-title {
    position: relative; z-index: 1;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .14em;
    margin: 8px 0 0;
}
.ko-404-desc {
    position: relative; z-index: 1;
    color: rgba(255,255,255,.5);
    font-size: 14px;
    max-width: 440px;
    margin: 14px auto 0;
    line-height: 1.6;
}
.ko-404-actions {
    position: relative; z-index: 1;
    display: flex;
    gap: 14px;
    justify-content: center;
    margin-top: 32px;
    flex-wrap: wrap;
}
.ko-404-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    text-decoration: none;
    transition: all .25s;
}
.ko-404-btn--primary {
    background: linear-gradient(135deg, var(--ko-accent, #CDB385), #8A6A32);
    color: #0C0E14;
    box-shadow: 0 4px 18px rgba(0,0,0,.35);
}
.ko-404-btn--primary:hover {
    filter: brightness(1.15);
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0,0,0,.5);
    color: #0C0E14;
}
.ko-404-btn--ghost {
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.7);
    border: 1px solid rgba(255,255,255,.12);
}
.ko-404-btn--ghost:hover {
    background: rgba(255,255,255,.12);
    color: #fff;
    transform: translateY(-2px);
}
@media (max-width: 575px) {
    .ko-404 { padding: 36px 16px 48px; }
    .ko-404-icon { font-size: 40px; }
    .ko-404-title { font-size: 17px; }
}

/* ========== Offline Overlay ========== */
.ko-offline-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(6, 8, 14, .92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s;
}
.ko-offline-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
}
.ko-offline-icon {
    font-size: 52px;
    color: #f44336;
    margin-bottom: 16px;
    animation: ko404pulse 2s ease-in-out infinite;
}
.ko-offline-title {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin: 0 0 8px;
}
.ko-offline-desc {
    color: rgba(255,255,255,.55);
    font-size: 14px;
    max-width: 360px;
    text-align: center;
    line-height: 1.5;
    margin: 0;
}
.ko-offline-dot {
    display: inline-block;
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #f44336;
    margin-right: 6px;
    animation: koOffBlink 1.2s ease-in-out infinite;
    vertical-align: middle;
}
@keyframes koOffBlink {
    0%, 100% { opacity: .35; }
    50% { opacity: 1; }
}


/* ═══════════════════════════════════════════════════════════
/* ═══════════════════════════════════════════════════════════
   PLAYER LOG WIDGET — Tema rengine bağlı modern tasarım
   Sekme ALTTA, scrollbar SOLDA, arama kutusu üstte
   ═══════════════════════════════════════════════════════════ */
@keyframes ko-playerlog-pulse {
    0%,100% { opacity:1; box-shadow:0 0 0 0 rgba(var(--ko-accent-rgb),.55); }
    50%      { opacity:.65; box-shadow:0 0 0 6px rgba(var(--ko-accent-rgb),0); }
}
@keyframes ko-playerlog-topglow {
    0%,100% { opacity:.4; }
    50%      { opacity:1; }
}
@keyframes ko-playerlog-fadein {
    from { opacity:0; transform:translateY(4px); }
    to   { opacity:1; transform:translateY(0); }
}

.ko-playerlog {
    --ko-playerlog-text: #FFF8E8;
    position: relative;
    display: flex;
    flex-direction: column;
    background: linear-gradient(170deg, rgba(var(--ko-accent-rgb),.06) 0%, rgba(11,14,19,.95) 60%);
    border: 1px solid rgba(var(--ko-accent-rgb),.22);
    border-radius: 16px;
    box-shadow: 0 6px 48px rgba(0,0,0,.5), 0 0 0 1px rgba(var(--ko-accent-rgb),.07);
    overflow: hidden;
}
/* Üstten parlayan canlı şerit */
.ko-playerlog::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(var(--ko-accent-rgb),.5) 25%,
        var(--ko-accent) 50%,
        rgba(var(--ko-accent-rgb),.5) 75%,
        transparent 100%);
    animation: ko-playerlog-topglow 2.6s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
}

/* ── Başlık ───────────────────────────────────────── */
.ko-playerlog-head {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 12px 16px 8px;
    background: linear-gradient(135deg, rgba(var(--ko-accent-rgb),.11), transparent);
}
.ko-playerlog-head-inner {
    display: flex;
    align-items: center;
    gap: 8px;
}
.ko-playerlog-live-dot {
    width: 9px; height: 9px;
    border-radius: 50%;
    background: #e53935;
    flex-shrink: 0;
    box-shadow: 0 0 0 0 rgba(229,57,53,.7);
    animation: ko-playerlog-rec 1.4s ease-in-out infinite;
}
@keyframes ko-playerlog-rec {
    0%   { box-shadow: 0 0 0 0 rgba(229,57,53,.7); }
    50%  { box-shadow: 0 0 0 5px rgba(229,57,53,0); background: #ff7070; }
    100% { box-shadow: 0 0 0 0 rgba(229,57,53,0); }
}
.ko-playerlog-title {
    margin: 0;
    font-size: 13px;
    font-weight: 900;
    color: var(--ko-accent);
    text-transform: uppercase;
    letter-spacing: .08em;
}
.ko-playerlog-sub {
    margin: 0;
    font-size: 11px;
    color: rgba(255,255,255,.40);
    padding-left: 17px;
}

/* ── Arama kutusu ─────────────────────────────────── */
.ko-playerlog-search-wrap {
    position: relative;
    padding: 8px 12px 0;
}
.ko-playerlog-search-icon {
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(var(--ko-accent-rgb),.55);
    font-size: 12px;
    pointer-events: none;
    margin-top: 4px;
}
.ko-playerlog-search {
    width: 100%;
    box-sizing: border-box;
    background: rgba(var(--ko-accent-rgb),.06);
    border: 1px solid rgba(var(--ko-accent-rgb),.20);
    border-radius: 8px;
    color: #fff;
    font-size: 12.5px;
    padding: 6px 10px 6px 28px;
    outline: none;
    transition: border-color .18s;
    appearance: none;
    -webkit-appearance: none;
}
.ko-playerlog-search::placeholder { color: rgba(255,255,255,.35); }
.ko-playerlog-search:focus { border-color: rgba(var(--ko-accent-rgb),.55); }
.ko-playerlog-search::-webkit-search-cancel-button { filter: invert(.5); }

/* ── Log panel (SCROLLBAR SOLDA) ──────────────────── */
/* ── Log panel + akış devam ettir ─────────────────── */
.ko-playerlog-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 6px 0 0;
    position: relative;
}
.ko-playerlog-resume-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    z-index: 24;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s;
}
.ko-playerlog-resume-wrap.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: none;
}
.ko-playerlog-resume {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    pointer-events: all;
    appearance: none;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(180deg, #ef4444 0%, #dc2626 55%, #b91c1c 100%);
    box-shadow:
        0 8px 24px rgba(185, 28, 28, 0.45),
        0 0 0 1px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.ko-playerlog-resume:hover {
    transform: translateY(-1px);
    filter: brightness(1.06);
    box-shadow:
        0 10px 28px rgba(185, 28, 28, 0.55),
        0 0 0 1px rgba(0, 0, 0, 0.25);
}
.ko-playerlog-resume:active {
    transform: translateY(0);
}
.ko-playerlog-resume.is-visible {
    /* wrap visibility drives show; keep for legacy JS that toggles btn class */
}
.ko-playerlog-resume-wrap.is-visible .ko-playerlog-resume {
    animation: ko-playerlog-resume-pulse 2.2s ease-in-out infinite;
}
@keyframes ko-playerlog-resume-pulse {
    0%, 100% { box-shadow: 0 8px 22px rgba(185, 28, 28, 0.4), 0 0 0 1px rgba(0,0,0,.25); }
    50% { box-shadow: 0 10px 30px rgba(239, 68, 68, 0.65), 0 0 0 1px rgba(255,255,255,.12); }
}
/* Merchant buy/sell filter */
.ko-playerlog-merchant-filter {
    display: flex;
    gap: 6px;
    padding: 4px 8px 2px;
    flex-wrap: wrap;
}
.ko-plmf-btn {
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.13);
    color: rgba(255,255,255,.55);
    border-radius: 12px;
    padding: 2px 11px;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s;
    letter-spacing: .03em;
}
.ko-plmf-btn:hover {
    background: rgba(255,255,255,.14);
    color: #fff;
}
.ko-plmf-btn.is-active {
    background: var(--ko-accent, #4caf50);
    border-color: var(--ko-accent, #4caf50);
    color: #fff;
}
.ko-playerlog-panel {
    padding: 0 0 0 6px;
    box-sizing: border-box;
    overflow-y: auto;
    height: min(420px, calc(var(--ko-playerlog-limit, 30) * 32px));
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--ko-accent-rgb),.30) transparent;
    display: flex;
    flex-direction: column;
}
.ko-playerlog-panel::-webkit-scrollbar        { width: 4px; }
.ko-playerlog-panel::-webkit-scrollbar-thumb  { background: rgba(var(--ko-accent-rgb),.32); border-radius: 4px; }
.ko-playerlog-panel::-webkit-scrollbar-track  { background: transparent; }

.ko-playerlog-list {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* ── Log satırı ───────────────────────────────────── */
.ko-playerlog-line {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 5px 6px;
    border-bottom: 1px solid rgba(var(--ko-accent-rgb),.07);
    color: var(--ko-playerlog-text);
    min-height: 30px;
    font-size: 12.5px;
    flex-wrap: wrap;
    animation: ko-playerlog-fadein .25s ease;
}
.ko-playerlog-line:last-child { border-bottom: none; }

.ko-playerlog-empty {
    direction: ltr;
    padding: 20px 10px;
    text-align: center;
    border-radius: 10px;
    background: rgba(var(--ko-accent-rgb),.04);
    border: 1px dashed rgba(var(--ko-accent-rgb),.16);
    color: rgba(255,255,255,.45);
    font-weight: 800;
    font-size: 13px;
    margin: 8px 6px;
}
.ko-playerlog-loading {
    direction: ltr;
    padding: 14px;
    color: rgba(255,255,255,.50);
    font-weight: 800;
    font-size: 13px;
    text-align: center;
}

/* ── Sekmeler ALTTA ───────────────────────────────── */
.ko-playerlog-tabs {
    display: flex;
    gap: 5px;
    padding: 8px 12px;
    flex-wrap: wrap;
    background: rgba(0,0,0,.20);
    border-top: 1px solid rgba(var(--ko-accent-rgb),.10);
}
.ko-playerlog-tabs--top {
    border-top: none;
    border-bottom: 1px solid rgba(var(--ko-accent-rgb),.10);
    order: -1;
    order: 99; /* flexbox ile her zaman en alta */
}
.ko-playerlog-tab {
    appearance: none;
    border: 1px solid rgba(var(--ko-accent-rgb),.18);
    background: rgba(var(--ko-accent-rgb),.05);
    color: rgba(255,255,255,.58);
    border-radius: 8px;
    padding: 5px 12px;
    font-weight: 800;
    font-size: 11.5px;
    cursor: pointer;
    transition: all .18s;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.ko-playerlog-tab:hover {
    transform: translateY(-1px);
    color: var(--ko-accent);
    border-color: rgba(var(--ko-accent-rgb),.40);
    background: rgba(var(--ko-accent-rgb),.11);
}
.ko-playerlog-tab.is-active {
    background: rgba(var(--ko-accent-rgb),.18);
    border-color: rgba(var(--ko-accent-rgb),.58);
    color: var(--ko-accent);
    box-shadow: 0 2px 10px rgba(var(--ko-accent-rgb),.18);
}

/* ── Genel öğeler ─────────────────────────────────── */
.ko-playerlog-charbadges { flex-shrink: 0; display:inline-flex; align-items:center; }
.ko-playerlog-badge-link { display:inline-flex; align-items:center; text-decoration:none; border-radius:4px; transition:opacity .15s; }
.ko-playerlog-badge-link:hover { opacity:.8; }
.ko-playerlog-charbadges .ko-badges { display:inline-flex; align-items:center; gap:2px; }
.ko-playerlog-charbadges .ko-badge { width:20px; height:20px; display:inline-grid; place-items:center; border-radius:3px; background:rgba(0,0,0,.3); flex-shrink:0; }
.ko-playerlog-charbadges .nation, .ko-playerlog-charbadges .class { width:16px; height:16px; }
.ko-playerlog-charbadges .symbol { width:14px; height:14px; }
.ko-playerlog-nick-link { text-decoration:none; color:inherit; border-bottom:1px solid rgba(var(--ko-accent-rgb),.35); transition:color .15s, border-color .15s; }
.ko-playerlog-nick-link:hover { color:var(--ko-accent); border-color:var(--ko-accent); }
.ko-playerlog-itemicon {
    width: 28px; height: 28px;
    object-fit: contain;
    border-radius: 5px;
    background: rgba(var(--ko-accent-rgb),.08);
    border: 1px solid rgba(var(--ko-accent-rgb),.18);
    display: block;
}
.ko-playerlog-itemicon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: help;
    position: relative;
}
.ko-playerlog-itemicon-wrap img { pointer-events: none; }

.ko-playerlog-grade   { font-weight:1000; color:var(--ko-accent); letter-spacing:.02em; }
.ko-playerlog-nick    { font-weight:1000; }
.ko-playerlog-itemchip { display:inline-flex; align-items:center; gap:7px; flex-wrap:wrap; }
.ko-playerlog-itemchip-text { display:inline-flex; align-items:baseline; gap:5px; flex-wrap:wrap; }
.ko-playerlog-upgrade-top { margin-bottom:2px; }
.ko-playerlog-upgrade-msg { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }

/* Upgrade log — new format */
.ko-up-itemname {
    font-weight: 800;
    color: rgba(232,228,217,.9);
    flex-shrink: 1;
    min-width: 0;
}
.ko-up-sep {
    opacity: .3;
    font-weight: 900;
    flex-shrink: 0;
    margin: 0 1px;
}
.ko-up-arrow {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 800;
    color: rgba(232,228,217,.55);
    flex-shrink: 0;
    letter-spacing: .02em;
}
.ko-up-arrow i { font-size: 9px; opacity: .7; }
.ko-up-result {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 900;
    letter-spacing: .03em;
    flex-shrink: 0;
    padding: 1px 7px;
    border-radius: 6px;
}
.ko-up-ok {
    color: #4ade80;
    background: rgba(74,222,128,.1);
    border: 1px solid rgba(74,222,128,.2);
}
.ko-up-ok i { color: #f97316; }
.ko-up-fail {
    color: #f87171;
    background: rgba(248,113,113,.1);
    border: 1px solid rgba(248,113,113,.2);
}
.ko-up-fail i { font-size: 10px; }
.ko-playerlog-dot     { opacity:.50; font-weight:900; }
.ko-playerlog-drop-main { display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap; }
.ko-playerlog-drop-meta { opacity:.65; font-weight:800; font-size:11.5px; }

/* Drop: [badge][nick] 💰 drop aldı [icon][name][count] */
.ko-playerlog-drop-nick  { font-weight:1000; color:var(--ko-accent); flex-shrink:0; }
.ko-playerlog-drop-coin  { font-size:14px; flex-shrink:0; line-height:1; }
.ko-playerlog-drop-verb  { opacity:.70; font-size:11.5px; font-weight:800; flex-shrink:0; }
.ko-playerlog-drop-name  { font-weight:900; display:inline-flex; align-items:baseline; gap:4px; }
.ko-playerlog-drop-count { opacity:.65; font-size:11.5px; font-weight:800; }

/* Kill log */
.ko-playerlog-kill-stars  { color:rgba(var(--ko-accent-rgb),.50); font-weight:1000; }
.ko-playerlog-kill-killer { color:#34D399; font-weight:1000; }
.ko-playerlog-kill-text   { opacity:.80; font-weight:800; }
.ko-playerlog-kill-victim { color:#FB7185; font-weight:1000; }

/* Trade log */
.ko-playerlog-line--trade {
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    row-gap: 6px;
}
.ko-playerlog-trade-side {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 6px;
    min-width: 0;
}
.ko-playerlog-trade-nick  { font-weight:1000; color:var(--ko-accent); flex-shrink:0; }
.ko-playerlog-trade-act {
    font-size: 10.5px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 1px 6px;
    border-radius: 5px;
    flex-shrink: 0;
}
.ko-playerlog-trade-act--gave {
    color: #fbbf24;
    background: rgba(251,191,36,.12);
    border: 1px solid rgba(251,191,36,.28);
}
.ko-playerlog-trade-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 6px 1px 2px;
    border-radius: 6px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
}
.ko-playerlog-trade-item  { font-weight:900; color:#fde68a; }
.ko-playerlog-trade-arrow {
    color: #4ade80;
    font-weight: 1000;
    margin: 0 2px;
    flex-shrink: 0;
}
.ko-playerlog-trade-recv {
    font-weight: 800;
    color: #86efac;
    flex-shrink: 0;
}
.ko-playerlog-trade-recv em {
    font-style: normal;
    font-size: 10.5px;
    font-weight: 900;
    text-transform: uppercase;
    opacity: .85;
    margin-left: 2px;
}
.ko-playerlog-trade-sep {
    opacity: .35;
    font-weight: 900;
    margin: 0 4px;
    flex-shrink: 0;
}
.ko-playerlog-trade-money {
    font-size: 11.5px;
    font-weight: 800;
    color: #4ade80;
    flex-shrink: 0;
}
.ko-playerlog-trade-meta  { opacity:.65; font-size:11.5px; font-weight:800; }
.ko-playerlog-place {
    opacity: .85;
    font-size: 11.5px;
    font-weight: 700;
    color: #FBBF24;
    white-space: nowrap;
}
.ko-playerlog-meta {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin-left: 6px;
    opacity: .72;
    font-size: 11px;
    font-weight: 700;
}
.ko-playerlog-meta-zone { color: #93C5FD; }
.ko-playerlog-meta-time { color: rgba(255,248,232,.78); font-variant-numeric: tabular-nums; }

/* Chat log */
.ko-playerlog-line--chat-general .ko-playerlog-chat-nick {
    color: var(--ko-playerlog-chat-general, var(--ko-accent));
}
.ko-playerlog-line--chat-shout .ko-playerlog-chat-nick,
.ko-playerlog-line--chat-shout .ko-playerlog-chat-msg {
    color: var(--ko-playerlog-chat-shout, #f97316);
}
.ko-playerlog-line--chat-shout .ko-playerlog-chat-colon {
    color: var(--ko-playerlog-chat-shout, #f97316);
    opacity: .7;
}
.ko-playerlog-chat-nick   { font-weight:1000; flex-shrink:0; }
.ko-playerlog-chat-colon  { opacity:.45; margin:0 2px; flex-shrink:0; }
.ko-playerlog-chat-msg    { opacity:.88; word-break:break-word; }
.ko-playerlog-chat-shout-badge {
    background: var(--ko-playerlog-chat-shout, #f97316);
    color: var(--ko-playerlog-chat-shout-text, #fff);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .06em;
    padding: 1px 5px;
    border-radius: 4px;
    flex-shrink: 0;
    margin-right: 4px;
    text-transform: uppercase;
}
.ko-playerlog-chat-general-badge {
    background: var(--ko-playerlog-chat-general, #64748B);
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .06em;
    padding: 1px 5px;
    border-radius: 4px;
    flex-shrink: 0;
    margin-right: 4px;
    text-transform: uppercase;
}
.ko-playerlog-chat-global-badge {
    background: #475569;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .06em;
    padding: 1px 5px;
    border-radius: 4px;
    flex-shrink: 0;
    margin-right: 4px;
    text-transform: uppercase;
}

/* Kullanıcı detay — çanta log paneli */
.ko-ud-baglog {
    margin: 22px 0 8px;
    width: 100%;
    max-width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.1);
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.22));
    box-shadow: 0 12px 32px rgba(0,0,0,.28);
    overflow: hidden;
}
.ko-ud-baglog-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 10px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.ko-ud-baglog-head-main {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ko-ud-baglog-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 900;
    color: var(--ko-accent);
    letter-spacing: .04em;
    text-transform: uppercase;
}
.ko-ud-baglog-title i { margin-right: 6px; opacity: .9; }
.ko-ud-baglog-sub {
    margin: 2px 0 0;
    font-size: .78rem;
    opacity: .65;
    font-weight: 600;
}
.ko-ud-baglog-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    background: rgba(0,0,0,.18);
}
.ko-ud-baglog-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.03);
    color: rgba(255,255,255,.72);
    font-size: .72rem;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .15s, color .15s, background .15s;
}
.ko-ud-baglog-tab i { font-size: .7rem; opacity: .85; }
.ko-ud-baglog-tab:hover {
    border-color: rgba(var(--ko-accent-rgb, 205,179,133), .45);
    color: #fff;
}
.ko-ud-baglog-tab.is-active {
    border-color: rgba(var(--ko-accent-rgb, 205,179,133), .55);
    background: linear-gradient(180deg, rgba(var(--ko-accent-rgb, 205,179,133), .2), rgba(var(--ko-accent-rgb, 205,179,133), .06));
    color: var(--ko-accent);
}
.ko-ud-baglog-body {
    position: relative;
}
.ko-ud-baglog-panel {
    height: min(420px, 55vh);
    overflow: auto;
    padding: 8px 12px 14px;
    color: var(--ko-playerlog-text, #fff8e8);
    scrollbar-width: thin;
}
.ko-ud-baglog-panel .ko-playerlog-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ko-ud-baglog-panel .ko-playerlog-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    padding: 7px 8px;
    border-radius: 8px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.05);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.35;
}
@media (max-width: 720px) {
    .ko-ud-baglog-tab span { display: none; }
    .ko-ud-baglog-tab { min-width: 36px; justify-content: center; padding: 0 8px; }
    .ko-ud-baglog-panel { height: min(360px, 50vh); }
}

/* Mobil APK indirme bandı (giriş yapmış mobil ziyaretçi) */
.ko-mob-apk-bar{
  display:none;
  width:100%;
  background:linear-gradient(180deg,#161c28 0%,#0b0e13 100%);
  border-bottom:2px solid #cdb385;
  box-shadow:0 6px 24px rgba(0,0,0,.35);
}
.ko-mob-apk-bar[hidden]{display:none!important;}
body.ko-mob-apk-open .ko-mob-apk-bar:not([hidden]){display:block;}
@media (max-width:991px){
  body.ko-mob-apk-open .ko-mob-apk-bar:not([hidden]){display:block;}
}
@media (min-width:992px){
  .ko-mob-apk-bar{display:none!important;}
}
.ko-mob-apk-bar-inner{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  max-width:100%;
}
.ko-mob-apk-bar-icon{
  flex:0 0 auto;
  color:#cdb385;
  font-size:18px;
}
.ko-mob-apk-bar-text{
  margin:0;
  flex:1 1 auto;
  font-size:13px;
  line-height:1.35;
  font-weight:600;
  color:#fff;
}
.ko-mob-apk-bar-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  background:#cdb385;
  color:#0b0e13!important;
  font-size:12px;
  font-weight:800;
  text-decoration:none!important;
  white-space:nowrap;
}
.ko-mob-apk-bar-btn:hover{filter:brightness(1.08);}
.ko-mob-apk-bar-close{
  flex:0 0 auto;
  appearance:none;
  border:none;
  background:transparent;
  color:#ababab;
  font-size:22px;
  line-height:1;
  padding:0 4px;
  cursor:pointer;
}
.ko-mob-apk-bar-close:hover{color:#fff;}
@media (max-width:420px){
  .ko-mob-apk-bar-inner{flex-wrap:wrap;padding:10px;}
  .ko-mob-apk-bar-text{flex:1 1 100%;font-size:12px;}
  .ko-mob-apk-bar-btn{flex:1 1 auto;justify-content:center;}
}