:root { 
    --bg: #0f172a; 
    --card: #1e293b; 
    --neon: #38bdf8; 
    --gold: #f59e0b; 
    --green: #4ade80;
}

body { 
    margin: 0; 
    background-color: var(--bg); 
    color: #f8fafc; 
    font-family: system-ui, -apple-system, sans-serif; 
    direction: rtl; 
}

.page { 
    width: 100%; 
    max-width: 450px; 
    margin: 0 auto; 
    padding: 15px; 
    box-sizing: border-box; 
}

.hidden { display: none !important; }

/* هدر شیشه‌ای لابی */
.header-profile { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    background: rgba(30, 41, 59, 0.7); 
    backdrop-filter: blur(10px); 
    padding: 12px; 
    border-radius: 14px; 
    border: 1px solid rgba(255,255,255,0.05);
}

.user-meta { display: flex; align-items: center; gap: 10px; }
#user-avatar { border-radius: 50%; width: 40px; height: 40px; border: 2px solid var(--neon); }

.wallet-badge { 
    background: #0284c7; 
    padding: 6px 14px; 
    border-radius: 20px; 
    font-weight: bold; 
}

/* بنر متحرک و نئونی لیگ */
.hero-section { 
    background: linear-gradient(135deg, #1e1b4b, #311042); 
    text-align: center; 
    padding: 20px; 
    border-radius: 16px; 
    margin-top: 15px; 
    border: 1px solid rgba(236, 72, 153, 0.2); 
}

.league-logo { font-size: 40px; }
.countdown-box { background: rgba(0,0,0,0.3); padding: 4px 10px; border-radius: 8px; display: inline-block; font-size: 13px; color: var(--neon); margin-top: 8px; }

/* دکمه ویژه ادمین غول */
.hidden-admin-btn { 
    width: 100%; 
    background: linear-gradient(90deg, #b45309, #d97706); 
    color: white; 
    border: none; 
    padding: 12px; 
    border-radius: 10px; 
    margin-top: 15px; 
    font-weight: bold; 
    cursor: pointer; 
    box-shadow: 0 4px 15px rgba(217,119,6,0.3);
}

.section-title { margin-top: 20px; font-weight: bold; font-size: 15px; color: #94a3b8; }

/* کارت‌های بازی ماژولار */
.games-grid { display: flex; flex-direction: column; gap: 12px; margin-top: 10px; }
.game-card { 
    background: var(--card); 
    padding: 15px; 
    border-radius: 12px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    border-right: 5px solid var(--neon); 
}

.btn-play { background: var(--gold); border: none; padding: 8px 16px; border-radius: 6px; font-weight: bold; cursor: pointer; }

/* استایل پنل مدیریت گرافیکی */
.admin-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; padding-bottom: 8px; }
.admin-header button { background: #475569; color: white; border: none; padding: 6px 12px; border-radius: 6px; cursor: pointer; }
.admin-card { background: #1e293b; padding: 15px; border-radius: 12px; margin-top: 15px; border: 1px solid rgba(255,255,255,0.05); }
.admin-card h4 { margin-top: 0; margin-bottom: 10px; color: var(--neon); }
.admin-card input { width: 100%; padding: 10px; margin-bottom: 10px; background: #0f172a; color: white; border: 1px solid #475569; border-radius: 6px; box-sizing: border-box; }
.admin-card button { width: 100%; background: #2563eb; color: white; border: none; padding: 10px; border-radius: 6px; font-weight: bold; cursor: pointer; }