/* =====================================================================
   GANİMET — "Premium Game" Teması
   Modern mobile RPG: charcoal-violet zemin + atomic gold + neon accents
   Override katmanı (style.css'ten SONRA yüklenir)
   ===================================================================== */

/* ── Tema değişkenleri ───────────────────────────────────────────── */
:root {
    /* Telegram WebApp uyumlu temel değişkenler */
    --tg-bg: #0B0918;
    --tg-text: #F5F2FF;
    --tg-hint: #9890B0;
    --tg-link: #FFB627;
    --tg-btn: #FFB627;
    --tg-btn-text: #0B0918;

    /* Yüzey paleti — derin charcoal-violet */
    --bg-primary: #0B0918;
    --bg-secondary: #11091F;
    --bg-card: #1A1430;
    --bg-card-hover: #221A3D;
    --bg-input: #150E2A;
    --bg-elevated: #251D44;
    --bg-glass: rgba(34, 26, 61, 0.65);

    /* Çizgiler */
    --border: #2A2348;
    --border-light: #342B5A;
    --border-strong: #43377A;
    --border-glow: rgba(255, 182, 39, 0.35);

    /* Loot identity — atomic gold (PRIMARY ACCENT) */
    --gold: #FFB627;
    --gold-bright: #FFD24A;
    --gold-deep: #C97D00;
    --gold-soft: rgba(255, 182, 39, 0.14);
    --gold-glow: rgba(255, 182, 39, 0.45);

    /* Aksan = altın (oyun loot identity için) */
    --accent: #FFB627;
    --accent-dark: #C97D00;
    --accent-light: #FFD24A;
    --accent-soft: rgba(255, 182, 39, 0.14);
    --accent-glow: rgba(255, 182, 39, 0.40);

    /* Renk semantiği — vivid neon */
    --success: #5DFF8F;            /* neon lime (avcılık/farming) */
    --success-soft: rgba(93, 255, 143, 0.14);
    --success-deep: #1DB554;
    --info: #00E5FF;               /* electric cyan (balık/info) */
    --info-soft: rgba(0, 229, 255, 0.14);
    --warning: #FF8C00;
    --warning-soft: rgba(255, 140, 0, 0.14);
    --danger: #FF3D5E;             /* crimson (savaş/danger) */
    --danger-soft: rgba(255, 61, 94, 0.14);
    --premium: #FF2D95;            /* magenta (premium/legendary) */
    --premium-soft: rgba(255, 45, 149, 0.14);

    /* Radius */
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 30px;

    /* Glow shadows (oyun feel) */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(255, 255, 255, 0.05) inset;
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55), 0 1px 0 rgba(255, 255, 255, 0.06) inset;
    --shadow-glow: 0 0 0 2px rgba(255, 182, 39, 0.18), 0 8px 24px rgba(255, 182, 39, 0.25);
    --shadow-gold: 0 4px 16px rgba(255, 182, 39, 0.40), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    --shadow-neon: 0 0 20px rgba(0, 229, 255, 0.4);

    /* Tipografi — tek aile: Sora (modern game variable font) */
    --font-display: 'Sora', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Sora', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;
}

/* ── HARD ZORLA: tüm altta yatan dark/light override'ları ezsin ──── */
html, body {
    background-color: var(--bg-primary) !important;
    color: var(--tg-text) !important;
}

body {
    font-family: var(--font-body) !important;
    font-weight: 500;
    color: var(--tg-text);
    /* Çok katmanlı zemin: violet glow + amber glow + ince noise */
    background:
        radial-gradient(ellipse at 20% -10%, rgba(120, 50, 200, 0.22) 0%, transparent 55%),
        radial-gradient(ellipse at 90% 110%, rgba(255, 140, 0, 0.18) 0%, transparent 55%),
        radial-gradient(ellipse at 50% 50%, rgba(40, 20, 80, 0.4) 0%, transparent 80%),
        var(--bg-primary) !important;
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.01em;
}

/* Subtle noise overlay — body üstüne fixed */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    opacity: 0.6;
    mix-blend-mode: overlay;
}

#page-content, .app-header, .bottom-nav { position: relative; z-index: 2; }

/* ── HEADER ──────────────────────────────────────────────────────── */
.app-header {
    background: rgba(11, 9, 24, 0.78) !important;
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    border-bottom: 1px solid var(--border) !important;
    padding: 14px 16px !important;
    box-shadow: 0 1px 0 rgba(255, 182, 39, 0.10) inset;
}

/* Header altı altın çizgi */
.app-header::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold) 30%, var(--gold-bright) 50%, var(--gold) 70%, transparent);
    opacity: 0.7;
}

.header-logo {
    font-family: var(--font-display) !important;
    font-weight: 800 !important;
    font-style: normal !important;
    font-size: 22px !important;
    letter-spacing: -0.5px;
    background: linear-gradient(135deg, #FFD24A 0%, #FFB627 50%, #FF7A00 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 30px rgba(255, 182, 39, 0.3);
}

.header-stat {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: 999px !important;
    padding: 6px 12px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.05) inset !important;
    transition: all 0.2s ease;
}
.header-stat:hover {
    border-color: var(--border-glow) !important;
    box-shadow: 0 0 0 2px var(--gold-soft), 0 2px 6px rgba(0,0,0,0.3) !important;
}
.header-stat .val {
    font-family: var(--font-mono) !important;
    font-weight: 600 !important;
    color: var(--gold-bright) !important;
    font-size: 12px !important;
    letter-spacing: -0.3px;
    text-shadow: 0 0 8px rgba(255, 210, 74, 0.4);
}

/* XP bar */
.xp-bar-wrap { height: 3px !important; background: rgba(255, 182, 39, 0.12) !important; }
.xp-bar-fill {
    background: linear-gradient(90deg, #FF7A00, #FFB627 50%, #FFD24A) !important;
    box-shadow: 0 0 10px var(--gold-glow);
}

/* ── HERO / WELCOME CARD — koyu cam, altın çerçeve ──────────────── */
.welcome-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 45, 149, 0.18) 0%, transparent 55%),
        radial-gradient(circle at 0% 100%, rgba(0, 229, 255, 0.14) 0%, transparent 50%),
        linear-gradient(135deg, #1F1640 0%, #15102E 100%) !important;
    border: 1px solid rgba(255, 182, 39, 0.35) !important;
    border-radius: var(--radius-lg) !important;
    padding: 24px 22px !important;
    box-shadow:
        var(--shadow-lg),
        0 0 0 1px rgba(255, 182, 39, 0.08) inset,
        0 -40px 80px rgba(255, 182, 39, 0.06) inset !important;
    position: relative;
    overflow: hidden;
    margin-bottom: 16px !important;
    color: #F5F2FF !important;
}

/* Welcome card üst-sağ altın parıltı */
.welcome-card::after {
    content: '';
    position: absolute;
    top: -50%; right: -30%;
    width: 80%; height: 200%;
    background: radial-gradient(circle, rgba(255, 182, 39, 0.18) 0%, transparent 60%);
    pointer-events: none;
}

/* Welcome card içindeki TÜM yazılar açık renk — garanti contrast */
.welcome-card,
.welcome-card *,
.welcome-card h1, .welcome-card h2, .welcome-card h3,
.welcome-card span, .welcome-card div, .welcome-card p {
    color: #F5F2FF !important;
}

.welcome-card h1, .welcome-card h2,
.welcome-card .welcome-title {
    font-family: var(--font-display) !important;
    font-weight: 800 !important;
    font-size: 26px !important;
    letter-spacing: -0.5px !important;
    text-shadow: 0 2px 16px rgba(0,0,0,0.4);
}

.welcome-card .welcome-balance,
.welcome-card [class*="balance"] {
    font-family: var(--font-mono) !important;
    font-weight: 700 !important;
    color: var(--gold-bright) !important;
    font-size: 32px !important;
    letter-spacing: -1px !important;
    text-shadow: 0 0 24px var(--gold-glow), 0 2px 8px rgba(0,0,0,0.4);
}

.welcome-energy-badge {
    background: rgba(245, 242, 255, 0.12) !important;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(245, 242, 255, 0.20) !important;
    border-radius: 999px !important;
    padding: 4px 12px !important;
    color: #F5F2FF !important;
}
.welcome-energy-badge.low {
    background: rgba(255, 61, 94, 0.30) !important;
    border-color: rgba(255, 61, 94, 0.5) !important;
}
.welcome-energy-badge.full {
    background: rgba(93, 255, 143, 0.25) !important;
    border-color: rgba(93, 255, 143, 0.5) !important;
}

/* Quest banner — aynı dna */
.quest-banner {
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 182, 39, 0.18) 0%, transparent 60%),
        linear-gradient(135deg, #1F1640 0%, #15102E 100%) !important;
    border: 1px solid var(--border-light) !important;
    box-shadow: var(--shadow-md) !important;
    color: #F5F2FF !important;
}

/* ── KART SİSTEMİ ──────────────────────────────────────────────── */
.stat-mini, .stat-pill, .menu-item-mini, .action-btn-mini,
.action-card, .menu-item, .leaderboard-item, .shop-item,
.quest-item, .achievement-item, .market-item, .bank-card,
.craft-item, .farm-item, .creature-card, .friend-item,
[class*="-card"]:not(.welcome-card):not(.quest-banner):not(.kumar-game-card) {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    box-shadow: var(--shadow-sm) !important;
    border-radius: var(--radius-md) !important;
    color: var(--tg-text);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── HOME: STAT ŞERİDİ ─────────────────────────────────────────── */
#page-content {
    padding: 16px 14px 100px !important;
    max-width: 600px;
    margin: 0 auto;
}

.stats-row-compact {
    gap: 8px !important;
    margin-bottom: 16px !important;
}

.stat-mini {
    flex: 1;
    gap: 8px !important;
    padding: 12px 12px !important;
    border-radius: var(--radius-md) !important;
    min-height: 56px;
    align-items: center !important;
    overflow: hidden;
    position: relative;
}

/* Stat yan çubuğu daha kalın + glow */
.stat-mini::before {
    width: 4px !important;
    border-radius: 0 3px 3px 0 !important;
    box-shadow: 0 0 12px currentColor;
}
.stat-mini.gold::before { background: var(--gold) !important; color: var(--gold); }
.stat-mini.purple::before { background: var(--premium) !important; color: var(--premium); }
.stat-mini.green::before { background: var(--success) !important; color: var(--success); }

.stat-mini-icon svg { width: 18px !important; height: 18px !important; }
.stat-mini.gold .stat-mini-icon svg { color: var(--gold-bright) !important; filter: drop-shadow(0 0 4px var(--gold-glow)); }
.stat-mini.purple .stat-mini-icon svg { color: var(--premium) !important; filter: drop-shadow(0 0 4px rgba(255,45,149,0.5)); }
.stat-mini.green .stat-mini-icon svg { color: var(--success) !important; filter: drop-shadow(0 0 4px rgba(93,255,143,0.5)); }

.stat-mini-val {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--tg-text) !important;
    font-family: var(--font-mono);
    letter-spacing: -0.3px;
}
.stat-mini-lbl {
    font-size: 9px !important;
    font-weight: 600 !important;
    color: var(--tg-hint) !important;
    margin-top: 2px !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
}

/* ── BÖLÜM BAŞLIKLARI ──────────────────────────────────────────── */
.section-title-mini, .menu-group-title {
    font-family: var(--font-display) !important;
    font-style: normal !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--tg-text) !important;
    text-transform: uppercase !important;
    letter-spacing: 1.4px !important;
    margin: 18px 4px 10px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    position: relative;
    opacity: 0.95;
}

.section-title-mini::before,
.menu-group-title::before {
    content: '';
    width: 3px;
    height: 14px;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--gold-bright), var(--gold-deep));
    box-shadow: 0 0 8px var(--gold-glow);
}

.menu-group-title svg { display: none; }
.section-title-mini:first-of-type,
.menu-group-title:first-of-type { margin-top: 8px !important; }

/* ── PRIMARY ACTION KARTLARI (Avla/Balık/Maden/Topla) ──────────── */
.actions-grid-compact {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
}

.action-btn-mini {
    padding: 14px 6px !important;
    gap: 8px !important;
    border-radius: var(--radius-md) !important;
    min-height: 92px;
    justify-content: center !important;
    background: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-secondary) 100%) !important;
    border: 1px solid var(--border-light) !important;
    box-shadow: var(--shadow-sm), 0 1px 0 rgba(255,255,255,0.03) inset !important;
    position: relative;
    overflow: hidden;
}
.action-btn-mini:active:not(.loading) { transform: scale(0.95) !important; }

/* Eylem rengi vurgu — üst border + alt glow */
.action-btn-mini.action-hunt,
.action-btn-mini.action-fish,
.action-btn-mini.action-mine,
.action-btn-mini.action-collect {
    border-left: none !important;
    border-top: 2px solid currentColor !important;
}
.action-btn-mini.action-hunt { color: var(--success) !important; box-shadow: 0 -1px 0 var(--success) inset, 0 4px 16px rgba(93,255,143,0.10) !important; }
.action-btn-mini.action-fish { color: var(--info) !important; box-shadow: 0 -1px 0 var(--info) inset, 0 4px 16px rgba(0,229,255,0.10) !important; }
.action-btn-mini.action-mine { color: var(--gold) !important; box-shadow: 0 -1px 0 var(--gold) inset, 0 4px 16px var(--gold-soft) !important; }
.action-btn-mini.action-collect { color: var(--premium) !important; box-shadow: 0 -1px 0 var(--premium) inset, 0 4px 16px rgba(255,45,149,0.10) !important; }

/* Eylem ikon kutuları */
.action-icon-mini {
    width: 44px !important;
    height: 44px !important;
    border-radius: 13px !important;
    box-shadow: 0 4px 12px -2px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.15) inset !important;
}
.action-icon-mini svg { width: 22px !important; height: 22px !important; color: #fff !important; }

.action-text-mini {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--tg-text) !important;
    text-transform: capitalize !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

/* ── HOME: MENU GRID ──────────────────────────────────────────── */
.menu-grid-compact {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    background: var(--bg-card) !important;
    padding: 14px 10px !important;
    border-radius: var(--radius-lg) !important;
    border: 1px solid var(--border) !important;
    box-shadow: var(--shadow-sm) !important;
    margin-bottom: 6px;
}

.menu-item-mini {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 8px 4px !important;
    gap: 8px !important;
    border-radius: var(--radius-sm) !important;
    min-height: 72px;
    justify-content: center !important;
    transition: background 0.15s ease, transform 0.15s ease;
}
.menu-item-mini:active {
    background: var(--bg-elevated) !important;
    transform: scale(0.94) !important;
    border: none !important;
}

.menu-icon-mini {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    margin-bottom: 4px !important;
    box-shadow: 0 4px 12px -3px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.15) inset !important;
}
.menu-icon-mini svg { width: 22px !important; height: 22px !important; color: #fff !important; }

.menu-lbl-mini {
    font-size: 10px !important;
    color: var(--tg-text) !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    opacity: 0.85;
}

.menu-group { margin-bottom: 14px !important; }

/* ── BUTONLAR (genel) ─────────────────────────────────────────── */
button, .btn {
    font-family: var(--font-body) !important;
    font-weight: 600 !important;
    letter-spacing: -0.005em;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.18s ease;
    color: var(--tg-text);
}

button:not(.nav-btn):not(.action-btn-mini):not(.menu-item-mini):not(.header-stat) {
    min-height: 44px;
    padding: 12px 18px;
    border-radius: var(--radius-md);
    font-size: 14px;
    cursor: pointer;
}

/* Primary CTA — atomic gold */
.btn-primary, .primary-btn,
button[class*="primary"]:not([class*="secondary"]),
button[class*="confirm"]:not([class*="cancel"]) {
    background: linear-gradient(135deg, #FFD24A 0%, #FFB627 50%, #FF8C00 100%) !important;
    color: #0B0918 !important;
    border: none !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.45) inset, 0 4px 14px rgba(255,182,39,0.40) !important;
    border-radius: var(--radius-md) !important;
    font-weight: 800 !important;
}
.btn-primary:active, .primary-btn:active { transform: translateY(1px); }

/* Secondary — koyu cam */
.btn-secondary, .secondary-btn,
button[class*="secondary"] {
    background: var(--bg-elevated) !important;
    color: var(--tg-text) !important;
    border: 1px solid var(--border-light) !important;
    box-shadow: var(--shadow-sm) !important;
}

/* Danger — crimson */
.btn-danger, button[class*="danger"], button[class*="cancel"], button[class*="delete"] {
    background: linear-gradient(135deg, #FF5A75 0%, #FF3D5E 60%, #C82743 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.20) inset, 0 4px 14px rgba(255,61,94,0.35) !important;
}

/* ── ALT NAVİGASYON ──────────────────────────────────────────────
   ÖNEMLİ: Orijinal style.css'in layout/positioning'ini KORU.
   Sadece renk + cosmetic glow değiştir.
   ──────────────────────────────────────────────────────────────── */
.bottom-nav {
    background: rgba(11, 9, 24, 0.94) !important;
    border-top: 1px solid var(--border) !important;
    box-shadow: 0 -1px 0 rgba(255, 182, 39, 0.12) inset, 0 -8px 24px rgba(0, 0, 0, 0.5);
}

/* Aktif renk amber */
.nav-btn.active { color: var(--gold-bright) !important; }
.nav-btn.active .lc-nav { color: var(--gold-bright) !important; filter: drop-shadow(0 0 6px var(--gold-glow)); }
.nav-btn.active .nav-label { color: var(--gold-bright) !important; }

/* Aktif gösterge çubuğu rengini amber yap (orijinal ::after kullanılıyor) */
.nav-btn.active::after {
    background: linear-gradient(90deg, var(--gold-deep), var(--gold-bright), var(--gold-deep)) !important;
    box-shadow: 0 0 8px var(--gold-glow);
}

/* Orta home butonu — sadece RENK değiştir (boyut/pozisyon orijinal) */
.nav-home .lc-nav {
    background: linear-gradient(135deg, #FFD24A 0%, #FFB627 50%, #FF8C00 100%) !important;
    color: #0B0918 !important;
    box-shadow:
        0 -2px 14px rgba(255, 182, 39, 0.55),
        0 0 0 3px var(--bg-primary),
        0 1px 0 rgba(255, 255, 255, 0.35) inset !important;
}
.nav-home.active .lc-nav { color: #0B0918 !important; filter: none !important; }
/* Home aktif olduğunda alt çubuk gösterme (zaten kabarcık halinde) */
.nav-home.active::after { display: none !important; }

/* ── ENERJİ BARLAR ───────────────────────────────────────────── */
.energy-bar-fill {
    background: linear-gradient(90deg, var(--gold-deep), var(--gold), var(--gold-bright)) !important;
    box-shadow: 0 0 10px var(--gold-glow);
}
.energy-bar-fill.low { background: linear-gradient(90deg, #C82743, var(--danger), #FF5A75) !important; box-shadow: 0 0 10px rgba(255,61,94,0.4); }
.energy-bar-fill.full { background: linear-gradient(90deg, var(--success-deep), var(--success), #A0FFB8) !important; box-shadow: 0 0 10px rgba(93,255,143,0.5); }

/* ── MODAL / DIALOG ──────────────────────────────────────────── */
.modal, .modal-content, .dialog, .popup-content,
[class*="modal-card"], [class*="dialog-card"] {
    background: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-secondary) 100%) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-lg), 0 0 0 1px rgba(255, 182, 39, 0.10) inset !important;
    color: var(--tg-text) !important;
}
.modal-overlay, .dialog-overlay, [class*="overlay"] {
    background: rgba(5, 3, 12, 0.75) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* ── INPUT / FORM ─────────────────────────────────────────── */
input, textarea, select {
    font-family: var(--font-body) !important;
    background: var(--bg-input) !important;
    color: var(--tg-text) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-sm) !important;
    padding: 12px 14px !important;
    transition: all 0.18s ease;
}
input:focus, textarea:focus, select:focus {
    outline: none !important;
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 3px var(--gold-soft), 0 0 12px var(--gold-glow) !important;
}
input::placeholder, textarea::placeholder { color: var(--tg-hint); }

/* ── LİDERLİK ────────────────────────────────────────────────── */
.leaderboard-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px !important;
    margin-bottom: 8px;
    background: var(--bg-card) !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--border) !important;
}
.leaderboard-rank {
    font-family: var(--font-display) !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    width: 36px;
    text-align: center;
    color: var(--tg-hint);
}
.leaderboard-item:nth-child(1) .leaderboard-rank { color: var(--gold-bright) !important; text-shadow: 0 0 12px var(--gold-glow); }
.leaderboard-item:nth-child(2) .leaderboard-rank { color: #C0C0E0 !important; text-shadow: 0 0 8px rgba(192,192,224,0.4); }
.leaderboard-item:nth-child(3) .leaderboard-rank { color: #E18A4A !important; text-shadow: 0 0 8px rgba(225,138,74,0.4); }

/* ── KUMAR / OYUN KARTLARI ──────────────────────────────────── */
.kumar-game-card {
    background: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-secondary) 100%) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-md) !important;
    transition: all 0.2s ease;
}
.kumar-game-card:active {
    transform: translateY(2px);
    box-shadow: var(--shadow-sm) !important;
    border-color: var(--gold) !important;
}
.kumar-game-icon {
    box-shadow: 0 8px 18px -4px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.15) inset !important;
}

/* ── SAVAŞ EKRANI (eski koyu purple varsa daha rich yap) ───── */
[class*="war-bg"], [class*="battle-bg"], .war-screen {
    background: linear-gradient(160deg, #1F0830 0%, #2A0A45 40%, #350F58 70%, #1A0628 100%) !important;
    color: #F5F2FF !important;
}

/* ── BAŞLIKLAR ──────────────────────────────────────────────── */
h1, h2, h3, .page-title, .section-title {
    font-family: var(--font-display) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: var(--tg-text) !important;
}
h1 { font-size: 28px !important; }
h2 { font-size: 22px !important; }
h3 { font-size: 18px !important; }

.page-title {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 18px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--border) !important;
    position: relative;
    font-size: 26px !important;
    font-weight: 800 !important;
}
.page-title::after {
    content: '';
    position: absolute;
    left: 0; bottom: -1px;
    width: 64px;
    height: 3px;
    background: linear-gradient(90deg, var(--gold-bright), var(--gold-deep));
    border-radius: 3px;
    box-shadow: 0 0 12px var(--gold-glow);
}

/* ── PARA / SAYI VURGU ─────────────────────────────────────── */
.balance, .money, .coin-value,
[class*="balance"]:not(.welcome-balance),
[class*="-money"], [class*="-coin-amount"] {
    font-family: var(--font-mono) !important;
    font-weight: 600 !important;
    color: var(--gold-bright) !important;
    letter-spacing: -0.02em;
}

/* ── BADGE'LER ─────────────────────────────────────────────── */
.badge:not(#notif-badge):not([id^="nav-badge"]) {
    background: var(--gold-soft) !important;
    color: var(--gold-bright) !important;
    border: 1px solid rgba(255, 182, 39, 0.3) !important;
    border-radius: 999px !important;
    padding: 3px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    font-family: var(--font-body) !important;
    text-shadow: 0 0 6px var(--gold-glow);
}
.badge.success { background: var(--success-soft) !important; color: var(--success) !important; border-color: rgba(93,255,143,0.3) !important; }
.badge.danger { background: var(--danger-soft) !important; color: var(--danger) !important; border-color: rgba(255,61,94,0.3) !important; }
.badge.warning { background: var(--warning-soft) !important; color: var(--warning) !important; border-color: rgba(255,140,0,0.3) !important; }

/* ── TOAST ─────────────────────────────────────────────────── */
#toast-container .toast, .toast {
    background: linear-gradient(180deg, var(--bg-card), var(--bg-secondary)) !important;
    color: var(--tg-text) !important;
    border: 1px solid var(--border-glow) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-lg), 0 0 24px var(--gold-soft) !important;
    font-family: var(--font-body) !important;
    font-weight: 600 !important;
    padding: 14px 18px !important;
}
.toast.success { border-color: rgba(93,255,143,0.5) !important; box-shadow: var(--shadow-lg), 0 0 24px rgba(93,255,143,0.20) !important; }
.toast.error { border-color: rgba(255,61,94,0.5) !important; box-shadow: var(--shadow-lg), 0 0 24px rgba(255,61,94,0.20) !important; }

/* ── NOTIF MARQUEE ────────────────────────────────────────── */
.notif-marquee-wrap {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    padding: 8px 12px !important;
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}
.notif-marquee-content { color: var(--tg-text) !important; font-size: 12px !important; opacity: 0.8; }

/* ── TOURNAMENT BANNER ─────────────────────────────────────── */
.tournament-banner-mini {
    background: linear-gradient(135deg, #FFD24A 0%, #FFB627 50%, #FF7A00 100%) !important;
    color: #0B0918 !important;
    border-radius: var(--radius-md) !important;
    padding: 10px 14px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 6px 18px var(--gold-glow), 0 1px 0 rgba(255,255,255,0.4) inset;
    margin-bottom: 14px;
}

/* ── LOADING SPINNER ──────────────────────────────────────── */
.loading-spinner {
    border-color: var(--border) !important;
    border-top-color: var(--gold) !important;
    box-shadow: 0 0 16px var(--gold-glow);
}

/* ── DIVIDER ──────────────────────────────────────────────── */
hr, .divider {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border-strong), transparent);
    margin: 16px 0;
}

/* ── SCROLLBAR ────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold); }

::selection { background: var(--gold-soft); color: var(--gold-bright); }

/* ── İKON RENK NORMALİZASYONU ─────────────────────────────── */
.lc-hdr { color: var(--tg-hint) !important; }
.lc-hdr.lc-gold { color: var(--gold-bright) !important; filter: drop-shadow(0 0 4px var(--gold-glow)); }
.lc-hdr.lc-energy { color: var(--success) !important; }
.lc-hdr.lc-star { color: var(--warning) !important; }
.lc-nav { stroke-width: 2 !important; }

/* ── LİSTE ELEMANLARI (genel) ────────────────────────────── */
[class*="-item"]:not(.menu-item-mini):not(.nav-btn):not(.leaderboard-item) {
    padding: 14px !important;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 60px;
}

/* ── LİNK ─────────────────────────────────────────────────── */
a { color: var(--gold-bright); text-decoration: none; transition: color 0.15s; }
a:hover { color: var(--gold); text-shadow: 0 0 8px var(--gold-glow); }

/* ── SAYFA GEÇİŞ ──────────────────────────────────────────── */
@keyframes pageIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
.page-enter { animation: pageIn 0.32s cubic-bezier(0.22, 1, 0.36, 1); }

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 380px) {
    .menu-grid-compact, .actions-grid-compact { gap: 7px !important; }
    .menu-icon-mini, .action-icon-mini { width: 40px !important; height: 40px !important; }
    .menu-icon-mini svg, .action-icon-mini svg { width: 20px !important; height: 20px !important; }
}
@media (min-width: 480px) {
    .menu-grid-compact, .actions-grid-compact { gap: 14px !important; }
}

/* ── GENEL TEXT CONTRAST GARANTİSİ ────────────────────────── */
/* Welcome card dışında tüm beyaz yazıları öl */
*:not(.welcome-card):not(.welcome-card *) {
    /* No-op block - sadece spec için kalır */
}

/* Tüm "color: #fff" hardcoded yazıları tema renkleriyle değiştir */
[style*="color:#fff"], [style*="color: #fff"],
[style*="color:#ffffff"], [style*="color: #ffffff"] {
    /* Beyaz yazılar zaten okunur (koyu zemin) — değiştirme */
}