/* Reset e Estilo Geral (Volta ao visual original) */
body { 
    background: #1a1a1a; 
    color: white; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    display: flex; 
    justify-content: center; 
    margin: 0;
    padding: 20px;
}

#game-container { 
    width: 800px; 
    text-align: center; 
}

.hidden { display: none; }

/* Pista de Corrida (Layout Clássico) */
#track {
    width: 100%; 
    height: 200px; 
    background: #333;
    border-bottom: 5px solid #555; 
    position: relative; 
    overflow: hidden;
    margin-top: 20px;
}

/* O Jogador - Mantendo a lógica de pulo rápido */
#player {
    width: 40px; 
    height: 60px; 
    background: #3498db;
    position: absolute; 
    bottom: 0; 
    left: 80px;
    /* Transição de 0.2s para ser rápido e não "flutuar" */
    transition: bottom 0.2s ease-out; 
}

/* Altura do pulo ajustada para o novo feeling */
.jumping { 
    bottom: 110px !important; 
}

/* Elementos do Cenário */
.obstacle { 
    width: 30px; 
    height: 40px; 
    background: #e74c3c; 
    position: absolute; 
    bottom: 0; 
}

.collectible { 
    width: 20px; 
    height: 20px; 
    background: #f1c40f; 
    position: absolute; 
    bottom: 60px; 
    border-radius: 50%; 
    box-shadow: 0 0 8px #f1c40f;
}

/* UI e Stats (Painel de Cima) */
#stats { 
    display: flex; 
    justify-content: space-between; 
    padding: 15px; 
    background: #222; 
    border-radius: 8px 8px 0 0;
}

#stats b {
    color: #2ecc71;
}

/* Loja de Upgrades (Volta ao estilo de bandejas separadas) */
#shop-screen {
    background: #2c3e50;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
}

.upgrade-item { 
    background: #34495e; 
    margin: 10px 0; 
    padding: 15px; 
    border-radius: 8px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}

.upgrade-item p {
    margin: 0;
    font-weight: bold;
}

/* Botões */
button { 
    padding: 10px 20px; 
    cursor: pointer; 
    border: none; 
    border-radius: 4px; 
    font-weight: bold; 
    transition: transform 0.1s;
}

button:active {
    transform: scale(0.95);
}

#start-btn { 
    width: 100%; 
    font-size: 1.2em; 
    margin-top: 20px; 
    background: #27ae60; 
    color: white; 
}

/* Botões da Loja */
.upgrade-item button {
    background: #f39c12;
    color: white;
}

#controls-hint {
    margin-top: 15px;
    color: #888;
    font-size: 0.9em;
}