.game-header{text-align:center;margin-bottom:32px;position:relative}@media (max-width: 768px){.game-header{padding-top:30px}}.header-title-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.header-title{font-size:36px;font-weight:700;color:#f5f5f5;text-decoration:underline;text-decoration-color:#22c55e;text-decoration-thickness:2px;text-underline-offset:16px;padding-bottom:8px}.header-description{color:#9ca3af;margin-bottom:24px;font-size:16px}.header-controls{display:flex;align-items:center;justify-content:center}.help-button{position:absolute;top:0;right:0;padding:8px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.help-button:hover{background-color:#2a2a2a}.help-icon{width:24px;height:24px;color:#9ca3af}.music-icon{width:32px;height:32px;color:#22c55e}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;z-index:50}.dialog-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;z-index:51}.dialog-header{margin-bottom:16px}.dialog-title{font-size:20px;font-weight:600;color:#f5f5f5}.dialog-close{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#9ca3af;transition:background-color .2s ease}.dialog-close:hover{background-color:#2a2a2a}.help-content{color:#d1d5db;font-size:14px;text-align:left}.help-section{margin-bottom:16px}.help-section:last-child{margin-bottom:0}.help-section-title{font-weight:600;margin-bottom:8px;color:#f5f5f5}.help-list{list-style:disc;padding-left:20px}.help-list-item{margin-bottom:4px}.audio-player{text-align:center;margin-bottom:32px}.audio-duration-container{margin-bottom:24px}.audio-duration-text{font-size:18px;font-weight:500;margin-bottom:8px;color:#f5f5f5}.audio-duration-value{color:#22c55e}.audio-progress-container{width:100%;background-color:#292929;border-radius:9999px;height:8px;margin-bottom:24px}.audio-progress-bar{background-color:#6b7280;height:8px;border-radius:9999px;transition:width linear}.audio-progress-animate{animation:progress-fill linear forwards}@keyframes progress-fill{0%{width:0%}to{width:100%}}.audio-controls{display:flex;justify-content:center}.play-button{width:48px;height:48px;background-color:#22c55e;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 25px #0000004d;transition:all .2s ease}.play-button:hover:not(:disabled){background-color:#16a34a;transform:scale(1.05)}.play-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.play-icon{width:20px;height:20px;margin-left:2px}.pause-icon{width:20px;height:20px}.guess-input-container{max-width:448px;margin:0 auto 32px}.guess-form{margin-bottom:16px}.guess-input-wrapper{position:relative;margin-bottom:16px}.guess-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af}.guess-input{width:100%;padding:16px 16px 16px 40px;border:1px solid #333;border-radius:8px;background-color:#0a0a0a;color:#f5f5f5;font-size:16px;transition:all .2s ease}.guess-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.guess-input:disabled{opacity:.5;cursor:not-allowed}.guess-input::-moz-placeholder{color:#9ca3af}.guess-input::placeholder{color:#9ca3af}.guess-buttons-container{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skip-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background-color:#6b7280;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;font-size:14px}.skip-button:hover:not(:disabled){background-color:#4b5563}.skip-button:disabled{opacity:.5;cursor:not-allowed}.skip-icon{width:16px;height:16px}.submit-button{padding:16px 24px;background-color:#059669;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.submit-button:hover:not(:disabled){background-color:#047857}.submit-button:disabled{opacity:.5;cursor:not-allowed}.feedback-container{text-align:center;padding:24px;border-radius:12px;margin-bottom:24px}.feedback-correct{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.feedback-incorrect{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3)}.feedback-skipped{background-color:#6b72801a;border:1px solid rgba(107,114,128,.3)}.feedback-message{font-size:20px;font-weight:600;margin-bottom:16px;color:#f5f5f5}.feedback-answer{font-size:16px;color:#d1d5db;margin-bottom:16px}.feedback-answer-highlight{font-weight:600;color:#22c55e}.feedback-countdown{font-size:14px;color:#9ca3af;margin-bottom:16px}.feedback-next-section{margin-top:16px;margin-bottom:16px}.feedback-next-button{background-color:#1a1a1a;border:1px solid #333;color:#f5f5f5;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.feedback-next-button:hover{background-color:#2a2a2a;border-color:#22c55e}.audio-element{display:none}.progress-indicator{margin-bottom:32px}.progress-attempt-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.progress-attempt-label{font-size:14px;color:#9ca3af}.progress-attempt-count{font-weight:500;color:#f5f5f5}.progress-circles-container{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.progress-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;transition:all .2s ease}.progress-circle-incorrect{background-color:#ef4444;color:#fff}.progress-circle-past{background-color:#6b7280;color:#fff}.progress-circle-current{background-color:#22c55e;color:#fff}.progress-circle-future{background-color:#292929;color:#9ca3af}.progress-durations-container{display:flex;justify-content:center;gap:8px}.progress-duration-label{font-size:12px;color:#9ca3af;width:32px;text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;background-color:#141414;color:#f5f5f5;min-height:100vh}.app-container{min-height:100vh;background-color:#141414}.main-container{max-width:672px;margin:0 auto;padding:32px 16px}.game-card{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;padding:32px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-section{margin-bottom:32px}.card-section:last-child{margin-bottom:0}.genre-indicators{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.genre-indicator{padding:8px 16px;border-radius:20px;background-color:#0a0a0a;border:1px solid #333;color:#9ca3af;font-size:14px;font-weight:500;transition:all .2s ease}.genre-indicator.active{background-color:#22c55e1a;border-color:#22c55e;color:#22c55e}.text-center{text-align:center}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.gap-small{gap:8px}.gap-medium{gap:16px}.gap-large{gap:24px}.margin-bottom-small{margin-bottom:8px}.margin-bottom-medium{margin-bottom:16px}.margin-bottom-large{margin-bottom:24px}.button-base{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;gap:8px}.button-base:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button-primary{background-color:#22c55e;color:#fff}.button-primary:hover:not(:disabled){background-color:#16a34a}.button-secondary{background-color:#6b7280;color:#fff}.button-secondary:hover:not(:disabled){background-color:#4b5563}.button-outline{background-color:#1a1a1a;border:1px solid #333;color:#f5f5f5}.button-outline:hover:not(:disabled){background-color:#2a2a2a}.button-icon{width:40px;height:40px;padding:0;border-radius:50%}.button-large{height:44px;padding:0 32px}.input-base{width:100%;padding:12px 16px;border:1px solid #333;border-radius:8px;background-color:#0a0a0a;color:#f5f5f5;font-size:16px}.input-base:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.input-base:disabled{opacity:.5;cursor:not-allowed}.input-base::-moz-placeholder{color:#6b7280}.input-base::placeholder{color:#6b7280}.input-with-icon{padding-left:44px}.grid-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 768px){.main-container{padding:16px 8px}.game-card{padding:24px}.genre-indicators{gap:8px}.genre-indicator{padding:6px 12px;font-size:12px}}