.app-wrapper{display:flex;justify-content:center;min-height:100vh;gap:20px;padding:20px}.app{display:flex;flex-direction:column;min-height:100vh;max-width:700px;width:100%;flex:1}.header{text-align:center;padding:20px 0;border-bottom:1px solid var(--border-color);margin-bottom:30px}.header h1{font-size:2.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:10px}.header p{font-size:.9rem;color:#888}.practice-badge{display:inline-block;background:var(--warning-color);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;margin-top:10px}.game-container{flex:1;display:flex;flex-direction:column;gap:30px}.lyric-section{text-align:center;padding:40px 20px;background:var(--secondary-bg);border-radius:12px;border:2px solid var(--border-color);min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:20px}.lyric-display{font-size:2rem;font-weight:500;letter-spacing:.15em;font-family:Courier New,monospace;line-height:1.5;color:var(--text-color)}.reveal-progress{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.progress-bar{flex:1;max-width:300px;height:8px;background:var(--letter-bg);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--warning-color);transition:width .3s ease}.progress-text{font-size:.85rem;color:#888}.guess-section{display:flex;flex-direction:column;gap:15px}.input-wrapper{display:flex;gap:10px;align-items:flex-start}.autocomplete-container{flex:1;position:relative}.guess-input{flex:1;padding:15px;font-size:1.1rem;background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);outline:none;transition:border-color .2s}.guess-input:focus{border-color:#565758}.guess-input:disabled{opacity:.5;cursor:not-allowed}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--secondary-bg);border:2px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;max-height:250px;overflow-y:auto;z-index:100;box-shadow:0 4px 6px #0000004d}.suggestion-item{padding:12px 15px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}.suggestion-item:hover{background:var(--hover-color)}.suggestion-item:last-child{border-bottom:none}.suggestion-title{font-weight:500;color:var(--text-color)}.suggestion-artist{font-size:.85rem;color:#888;margin-left:10px}.button{padding:15px 25px;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--correct-color);color:#fff}.button-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.button-secondary{background:var(--secondary-bg);color:var(--text-color);border:2px solid var(--border-color)}.button-secondary:hover:not(:disabled){background:var(--hover-color)}.button-skip{background:var(--warning-color);color:#fff}.button-skip:hover:not(:disabled){opacity:.9}.button-giveup{background:var(--wrong-color);color:#fff}.button-giveup:hover:not(:disabled){opacity:.9}.button-group{display:flex;gap:10px}.message{padding:15px;border-radius:8px;text-align:center;font-weight:500;animation:slideIn .3s}.message-error{background:#dc262633;border:1px solid var(--wrong-color);color:#fca5a5}.message-success{background:#538d4e33;border:1px solid var(--correct-color);color:#86efac}.message-info{background:#b59f3b33;border:1px solid var(--warning-color);color:#fde047}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stats-section{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:20px;background:var(--secondary-bg);border-radius:8px;border:1px solid var(--border-color)}.stat{text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--correct-color)}.stat-label{font-size:.85rem;color:#888;margin-top:5px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s}.modal-content{background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:16px;padding:40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;color:#888;font-size:2rem;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:var(--text-color)}.modal-title{font-size:2.5rem;margin-bottom:30px;text-align:center}.modal-title.won{color:var(--correct-color)}.modal-title.lost{color:var(--wrong-color)}.modal-body{display:flex;flex-direction:column;gap:20px}.song-info{text-align:center;padding:20px;background:var(--letter-bg);border-radius:8px}.song-title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:10px}.song-artist{color:#888;font-size:1.1rem}.full-lyric{font-style:italic;color:#aaa;font-size:1rem;text-align:center;padding:15px;background:var(--letter-bg);border-radius:8px}.result-text{text-align:center;font-size:1.1rem;padding:15px;border-radius:8px}.result-text.success{color:var(--correct-color);background:#538d4e1a}.result-text.failed{color:var(--wrong-color);background:#dc26261a}.share-section{display:flex;flex-direction:column;gap:15px;padding:20px;background:var(--letter-bg);border-radius:8px}.button-share{background:var(--correct-color);color:#fff;padding:15px 30px;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.button-share:hover{opacity:.9;transform:translateY(-2px)}.share-preview{background:var(--bg-color);padding:15px;border-radius:8px;font-family:monospace;font-size:1.2rem;line-height:1.6;text-align:center;white-space:pre-wrap;border:1px solid var(--border-color)}.comeback-text{text-align:center;color:#888;font-size:.95rem;margin-top:10px}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.modal-actions .button{flex:1;max-width:250px}.instructions{padding:20px;background:var(--secondary-bg);border-radius:8px;border:1px solid var(--border-color);font-size:.9rem;color:#aaa;line-height:1.6}.instructions h3{color:var(--text-color);margin-bottom:10px;font-size:1rem}.instructions ul{list-style-position:inside;margin-left:10px}.instructions li{margin:5px 0}.practice-button{margin-top:20px;width:100%}@media(max-width:600px){.app{padding:10px}.header h1{font-size:1.8rem}.lyric-display{font-size:1.3rem;letter-spacing:.1em}.input-wrapper,.button-group{flex-direction:column}.stats-section{grid-template-columns:1fr}.modal-content{padding:30px 20px;width:95%}.modal-title{font-size:2rem}.song-title{font-size:1.2rem}.share-preview{font-size:1rem}}.sidebar-ad{display:none;width:160px;position:sticky;top:20px;height:fit-content}.sidebar-left{order:1}.sidebar-right{order:3}.app{order:2}@media(min-width:1200px){.sidebar-ad{display:block}}.footer-ad{margin-top:40px;padding:20px 0;border-top:1px solid var(--border-color);display:flex;justify-content:center;min-height:100px}.footer-ad .adsbygoogle{max-width:100%}:root{--bg-color: #121213;--text-color: #ffffff;--border-color: #3a3a3c;--correct-color: #538d4e;--warning-color: #b59f3b;--wrong-color: #dc2626;--secondary-bg: #1a1a1b;--hover-color: #2a2a2b;--letter-bg: #2d2d2f}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}