.nouns-to-pic-container {width: 100%; padding: 15px; box-sizing: border-box; background: #f5f5f5; height: 100%; display: flex; flex-direction: column; gap: 20px; overflow: hidden;}
.stats-bar {display: flex; justify-content: space-around; background: white; padding: 12px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); font-size: 14px; flex-shrink: 0;}
.mobile-stats {flex-direction: column; gap: 8px;}
.stat-row {display: flex; justify-content: space-around; width: 100%;}
.stat-item {text-align: center;}
.stat-label {display: block; font-size: 11px; color: #666; line-height: 1.2;}
.images-grid {display: grid; gap: 12px; justify-content: center; align-content: center; flex-grow: 1; overflow: hidden;}
.pc-grid {grid-template-columns: repeat(3, auto); grid-template-rows: repeat(2, auto); justify-items: center; align-items: center;}
.mobile-grid {grid-template-columns: repeat(2, auto); grid-template-rows: repeat(3, auto); justify-items: center; align-items: center;}
.image-slot {background: #e8e8e8; border-radius: 8px; width: 180px; height: 180px; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; transition: background 0.2s;}
.image-slot img {width: 90%; height: 90%; object-fit: contain; display: none;}
.image-slot:hover {background: #e0e0e0;}
.word-panel {background: white; padding: 18px; border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background 0.3s; flex-shrink: 0;}
.word-panel:hover {background: #f8f8f8;}
.word-text {font-size: 32px; font-weight: bold; color: #333; text-align: center; line-height: 1.3;}
.image-slot.correct {background: #c8e6c9; border: 3px solid #4CAF50; box-shadow: 0 0 15px rgba(76, 175, 80, 0.6);}
.image-slot.wrong {background: #ffcdd2; border: 3px solid #f44336; box-shadow: 0 0 15px rgba(244, 67, 54, 0.6);}
.image-slot.highlight {background: #fff9c4; border: 3px solid #ffc107; box-shadow: 0 0 15px rgba(255, 193, 7, 0.8);}
.sound-icon {font-size: 20px; margin-left: 8px; opacity: 0.7; cursor: pointer;}
.sound-icon:hover {opacity: 1; transform: scale(1.2);}
.slot-text {font-size: 16px; color: #555; text-align: center; padding: 10px;}

.game-result-container {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box;}
.game-result {background: white; padding: 30px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.15); max-width: 500px; width: 100%; text-align: center;}
.result-stats {margin: 20px 0; font-size: 18px; line-height: 1.8;}
.result-stats strong {color: #4CAF50; font-size: 22px;}
.result-stats div {margin: 8px 0;}