#game-wrapper { text-align: center; padding: 80px 20px 40px; }
#game-wrapper h1 { color: #2c3e50; margin-bottom: 20px; }
.dark-mode #game-wrapper h1 { color: #ecf0f1; }
#game-info { display: flex; justify-content: center; align-items: center; gap: 30px; margin-bottom: 20px; flex-wrap: wrap; }
.info-item { font-size: 18px; font-weight: bold; color: #2c3e50; }
.dark-mode .info-item { color: #ecf0f1; }
.info-item span { color: #3498db; }
#start-btn { padding: 10px 20px; font-size: 16px; background: #2ecc71; color: white; border: none; border-radius: 5px; cursor: pointer; }
#test-area { width: 100%; max-width: 500px; height: 300px; margin: 0 auto 20px; background: #ecf0f1; border-radius: 15px; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; color: #2c3e50; cursor: pointer; transition: all 0.3s; }
.dark-mode #test-area { background: #34495e; color: #ecf0f1; }
#test-area.waiting { background: #e74c3c; }
#test-area.ready { background: #2ecc71; }
#test-area.result { background: #3498db; color: white; }
#results h3 { color: #2c3e50; margin-bottom: 10px; }
.dark-mode #results h3 { color: #ecf0f1; }
#history { max-height: 150px; overflow-y: auto; }
.history-item { padding: 8px; background: #f8f9fa; margin-bottom: 5px; border-radius: 5px; }
.dark-mode .history-item { background: #34495e; }