/* Общие стили */
body {
    font-family: 'Courier New', Courier, monospace;
    background-color: #0d1117;
    color: #e0e0e0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.container {
    text-align: center;
    padding: 30px;
    border-radius: 16px;
    background-color: #1a1f28;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

h1 {
    color: #61dafb; /* Цвет подсветки VS Code */
    margin-bottom: 20px;
}

.status-bar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

#round-info, #timer-display {
    padding: 10px 20px;
    border-radius: 999px; /* Полная окружность */
    font-weight: bold;
}
#round-info { background-color: #3a414d; }
#timer-display { background-color: #2f353f; }

.game-area {
    margin-bottom: 25px;
}

.target {
    font-size: 3rem;
    margin-bottom: 20px;
    letter-spacing: 4px;
    color: #98c379; /* Зеленый синтаксиса */
}

#user-input {
    width: 80%;
    max-width: 600px;
    padding: 15px;
    font-size: 1.5rem;
    border: none;
    border-radius: 8px;
    background-color: #282c34;
    color: white;
    outline: none;
}
#user-input:focus {
    box-shadow: 0 0 0 3px rgba(97, 218, 255, 0.5);
}

.message {
    font-size: 2rem;
    margin-bottom: 20px;
}
.message.success { color: #61dafb; }
.message.error { color: #ff6e6e; }

.reset-btn {
     background-color: #61dafb;
     color: #0d1117 !important;
     border: none;
     padding: 12px 35px;
     border-radius: 25px;
     cursor: pointer;
     font-size: 1.2rem;
     transition: background-color 0.3s ease;
 }
.reset-btn.hidden { display: none; }
.reset-btn:hover {
     background-color: #2a9d8f;
 }