:root {
    --gold: #fcc201;
    --gold-glow: rgba(252, 194, 1, 0.5);
    --bg-dark: #050a0d;
}

body, html {
    margin: 0; padding: 0; height: 100%;
    background-color: var(--bg-dark);
    font-family: 'Orbitron', sans-serif;
    color: white; overflow: hidden;
}

/* Arka Plan Görseli */
.background-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: url('arkaplan-mistik.jpg') no-repeat center center/cover;
    filter: brightness(0.4); z-index: -1;
}

.game-container {
    height: 100vh; display: flex; flex-direction: column;
    align-items: center; justify-content: space-between; padding: 40px 0;
}

/* Logo Stili */
.logo {
    font-size: 2.5rem; letter-spacing: 4px; text-shadow: 0 0 20px rgba(255,255,255,0.2);
}
.highlight { color: #d42020; text-shadow: 0 0 15px #ff0000; }

/* Karakter Alanı */
.character-section { flex: 1; display: flex; align-items: center; justify-content: center; position: relative; }
.hero-img { max-height: 60vh; filter: drop-shadow(0 0 30px #000); }

/* Eldeki Coin Parlama Efekti */
.glow-coin {
    position: absolute; width: 80px; height: 80px;
    background: var(--gold); border-radius: 50%;
    top: 35%; left: 35%; /* Karakterin eline göre ayarla */
    box-shadow: 0 0 60px 20px var(--gold-glow);
    animation: pulse 2s infinite;
}

/* Buton Tasarımı */
.click-button {
    background: transparent; border: 4px solid var(--gold);
    color: white; font-size: 2rem; font-weight: 900;
    padding: 15px 60px; border-radius: 50px;
    cursor: pointer; transition: 0.3s;
    box-shadow: 0 0 20px var(--gold-glow);
    margin-bottom: 20px;
}
.click-button:hover { background: var(--gold); color: black; }
.click-button:active { transform: scale(0.9); }

/* Sayaç ve Progress Bar */
.counter-wrapper { text-align: center; width: 300px; }
.stats { font-size: 1.5rem; margin-bottom: 10px; }
.progress-bar-bg { width: 100%; height: 8px; background: #111; border-radius: 4px; overflow: hidden; margin-bottom: 5px; }
#progress-bar { width: 0%; height: 100%; background: #00f2ff; box-shadow: 0 0 10px #00f2ff; transition: 0.5s; }
.pi-text { font-size: 0.7rem; color: #888; letter-spacing: 1px; }

@keyframes pulse {
    0% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1); opacity: 0.8; }
}