*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}#app{max-width:600px;margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:opacity .2s}button:hover{opacity:.85}button.primary{background:#1db954;color:#fff}button.secondary{background:#333;color:#fff}input{border:2px solid #333;border-radius:8px;padding:.75rem 1rem;font-size:1rem;background:#16213e;color:#eee;width:100%}input:focus{outline:none;border-color:#1db954}.home[data-v-ff4bc3ec]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;min-height:100%}.avatar-section[data-v-ff4bc3ec]{text-align:center}.avatar-section p[data-v-ff4bc3ec]{font-size:.9rem;color:#888;margin-bottom:.5rem}.avatars[data-v-ff4bc3ec]{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.avatars button[data-v-ff4bc3ec]{font-size:1.5rem;padding:.5rem;background:#1a1a2e;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.avatars button[data-v-ff4bc3ec]:hover{background:#16213e}.avatars button.selected[data-v-ff4bc3ec]{border-color:#1db954;background:#16213e}.title[data-v-ff4bc3ec]{font-size:3rem;background:linear-gradient(135deg,#1db954,#1ed760);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:speaker-beat-ff4bc3ec .6s cubic-bezier(.17,.89,.32,1.49) infinite;display:inline-block}@keyframes speaker-beat-ff4bc3ec{0%,90%,to{transform:scale(1);filter:drop-shadow(0 0 0px rgba(29,185,84,0))}10%{transform:scale(1.15);filter:drop-shadow(0 0 20px rgba(29,185,84,.6))}20%{transform:scale(1.05)}}.subtitle[data-v-ff4bc3ec]{color:#888;font-size:1.1rem}.form-section[data-v-ff4bc3ec]{width:100%;max-width:300px}.actions[data-v-ff4bc3ec]{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:300px}.code-input[data-v-ff4bc3ec]{text-align:center;text-transform:uppercase;font-size:1.5rem;letter-spacing:.3rem}.code-input[data-v-ff4bc3ec]::placeholder{font-size:.9rem;letter-spacing:normal;text-transform:none}.error[data-v-ff4bc3ec]{color:#e74c3c;font-size:.9rem}.public-rooms[data-v-ff4bc3ec]{width:100%;max-width:400px;margin-top:1rem}.public-rooms h3[data-v-ff4bc3ec]{font-size:1.1rem;color:#1db954;margin-bottom:1rem;text-align:center}.rooms-list[data-v-ff4bc3ec]{display:flex;flex-direction:column;gap:.75rem}.room-card[data-v-ff4bc3ec]{background:#16213e;padding:1rem;border-radius:12px;border:1px solid #333;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:1rem;position:relative}.room-card[data-v-ff4bc3ec]:hover{border-color:#1db954;transform:translateY(-2px);background:#1a1a2e}.room-info[data-v-ff4bc3ec]{display:flex;flex-direction:column;align-items:center;min-width:70px;border-right:1px solid #333;padding-right:.75rem}.room-code[data-v-ff4bc3ec]{font-family:monospace;font-weight:700;color:#1db954;font-size:1.2rem}.room-players[data-v-ff4bc3ec]{font-size:.8rem;color:#888}.room-details[data-v-ff4bc3ec]{flex:1;display:flex;flex-direction:column;gap:.25rem}.room-theme[data-v-ff4bc3ec]{font-weight:600;font-size:.95rem}.room-state[data-v-ff4bc3ec]{font-size:.75rem;padding:.1rem .4rem;border-radius:4px;width:fit-content;background:#333}.room-state.lobby[data-v-ff4bc3ec]{color:#1db954;background:#1db95422}.room-state.playing[data-v-ff4bc3ec],.room-state.round_results[data-v-ff4bc3ec]{color:#f1c40f;background:#f1c40f22}.join-btn[data-v-ff4bc3ec]{background:#1db954;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:700;opacity:0;transition:opacity .2s}.room-card:hover .join-btn[data-v-ff4bc3ec]{opacity:1}.stats[data-v-ff4bc3ec]{margin-top:2rem;font-size:.85rem;color:#555;display:flex;gap:.75rem;align-items:center}.dot[data-v-ff4bc3ec]{color:#333}.footer[data-v-ff4bc3ec]{font-size:.75rem;color:#444;margin-top:-1rem;display:flex;gap:.5rem;align-items:center}.session[data-v-5581869d]{flex:1;display:flex;flex-direction:column}.room-sticky-code[data-v-5581869d]{position:absolute;top:.5rem;right:1rem;font-size:.8rem;color:#888;background:#16213e88;padding:.2rem .6rem;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.room-sticky-code strong[data-v-5581869d]{color:#1db954;font-family:monospace;font-size:.9rem}.lobby[data-v-5581869d]{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:2rem}.code[data-v-5581869d]{color:#1db954;font-family:monospace;font-size:1.5rem;letter-spacing:.2rem}.players[data-v-5581869d]{width:100%;max-width:400px}.players ul[data-v-5581869d]{list-style:none;margin-top:.5rem}.players li[data-v-5581869d]{padding:.5rem 1rem;background:#16213e;border-radius:8px;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.player-main[data-v-5581869d]{display:flex;align-items:center;gap:.75rem}.avatar[data-v-5581869d]{font-size:1.2rem}.players li.host[data-v-5581869d]{border-left:3px solid #1db954}.badge[data-v-5581869d]{background:#1db954;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase}.config[data-v-5581869d]{width:100%;max-width:400px;background:#16213e66;padding:1.25rem;border-radius:12px;border:1px solid #1db95433}.config h3[data-v-5581869d]{margin-bottom:1rem;font-size:1.1rem;color:#1db954;border-bottom:1px solid #1db95422;padding-bottom:.5rem}.config-field[data-v-5581869d]{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.config-field label[data-v-5581869d]{font-size:.85rem;color:#888;font-weight:600;display:flex;align-items:center;gap:.5rem}.config-field .label-text[data-v-5581869d]{font-size:1rem;color:#eee}.theme-field .label-text[data-v-5581869d]{font-size:1.1rem;color:#1db954;font-weight:700}.config-grid[data-v-5581869d]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.config-grid .config-field[data-v-5581869d]{margin-bottom:0}.config-grid label[data-v-5581869d]{font-size:.7rem;justify-content:center}.config input[type=number][data-v-5581869d],.config select[data-v-5581869d],.config input[type=text][data-v-5581869d]{width:100%;padding:.6rem;background:#1a1a2e;color:#eee;border:1px solid #333;border-radius:8px;font-size:.95rem}.config input[data-v-5581869d]:focus,.config select[data-v-5581869d]:focus{border-color:#1db954;outline:none}.public-field[data-v-5581869d]{margin-bottom:1.5rem}.toggle[data-v-5581869d]{display:flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input[data-v-5581869d]{display:none}.slider[data-v-5581869d]{position:relative;width:44px;height:22px;background:#333;border-radius:20px;transition:.3s}.slider[data-v-5581869d]:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.3s}.toggle input:checked+.slider[data-v-5581869d]{background:#1db954}.toggle input:checked+.slider[data-v-5581869d]:before{transform:translate(22px)}.toggle .label-text[data-v-5581869d]{font-size:1rem;color:#eee;font-weight:600}.theme-display[data-v-5581869d]{color:#888;font-size:.9rem}.start-btn[data-v-5581869d]{font-size:1.2rem;padding:1rem 2rem}.waiting[data-v-5581869d]{color:#888;font-style:italic}.hint[data-v-5581869d]{color:#888;font-size:.85rem}.share[data-v-5581869d]{color:#666;font-size:.9rem;margin-top:auto;padding-bottom:1rem}.error[data-v-5581869d]{color:#e74c3c;background:#e74c3c22;padding:.75rem 1rem;border-radius:8px;width:100%;max-width:400px;text-align:center}.game[data-v-5581869d]{flex:1;display:flex;flex-direction:column;gap:1rem}.header[data-v-5581869d]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;color:#888}.timer[data-v-5581869d]{background:#1db954;color:#fff;padding:.3rem .8rem;border-radius:20px;font-weight:700;font-size:1.1rem}.music-indicator[data-v-5581869d]{text-align:center;padding:1.5rem;color:#888}.music-indicator.playing[data-v-5581869d]{color:#1db954}.pulse[data-v-5581869d]{width:60px;height:60px;border-radius:50%;background:#1db95433;margin:0 auto 1rem}.music-indicator.playing .pulse[data-v-5581869d]{animation:pulse-5581869d 1.5s ease-in-out infinite;background:#1db95466}@keyframes pulse-5581869d{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.question-card[data-v-5581869d]{background:#16213e;border-radius:12px;padding:1.5rem}.question-card h3[data-v-5581869d]{margin-bottom:1rem;font-size:1.2rem}.choices[data-v-5581869d]{display:flex;flex-direction:column;gap:.5rem}.choice-btn[data-v-5581869d]{background:#1a1a2e;color:#eee;padding:.75rem 1rem;border:2px solid #333;border-radius:8px;text-align:left;font-size:1rem}.choice-btn.selected[data-v-5581869d]{border-color:#1db954;background:#1db95422}.choice-btn.disabled[data-v-5581869d]{opacity:.6}.text-answer[data-v-5581869d]{display:flex;gap:.5rem}.text-answer input[data-v-5581869d]{flex:1}.answered-msg[data-v-5581869d]{color:#1db954;margin-top:.75rem;font-size:.9rem}.track-reveal[data-v-5581869d]{display:flex;gap:1rem;align-items:center;background:#16213e;border-radius:12px;padding:1rem;margin-bottom:1rem}.album-art[data-v-5581869d]{width:80px;height:80px;border-radius:8px;object-fit:cover}.correct-answer[data-v-5581869d]{color:#1db954;margin-bottom:1rem;font-size:1.1rem}.round-scores[data-v-5581869d]{display:flex;flex-direction:column;gap:.4rem}.score-row[data-v-5581869d]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#16213e;border-radius:8px}.score-row.correct[data-v-5581869d]{border-left:3px solid #1db954}.player-info[data-v-5581869d]{display:flex;flex-direction:column;gap:.1rem}.player-name[data-v-5581869d]{font-weight:600;font-size:.95rem}.player-ans[data-v-5581869d]{font-size:.8rem;font-style:italic}.ans-correct[data-v-5581869d]{color:#1db954}.ans-wrong[data-v-5581869d]{color:#e74c3c}.player-score[data-v-5581869d]{font-weight:700;color:#888}.score-row.correct .player-score[data-v-5581869d]{color:#1db954}.score-display[data-v-5581869d]{display:flex;align-items:center;gap:.5rem}.pts-gained[data-v-5581869d]{background:#1db95422;color:#1db954;font-size:.75rem;padding:.1rem .4rem;border-radius:4px;font-weight:700;animation:slideIn-5581869d .3s ease-out}@keyframes slideIn-5581869d{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}.scoreboard[data-v-5581869d]{margin-top:auto;display:flex;gap:1rem;justify-content:center;padding:.75rem;background:#16213e;border-radius:8px;font-size:.85rem;color:#888;flex-wrap:wrap}.score-item[data-v-5581869d]{display:flex;align-items:center;gap:.4rem}.score-avatar[data-v-5581869d]{font-size:1.1rem}.avatar-small[data-v-5581869d]{font-size:1rem;margin-right:.3rem}.avatar-podium[data-v-5581869d]{font-size:3rem;margin-bottom:.5rem}.list-move[data-v-5581869d]{transition:transform .6s ease}.score-view[data-v-5581869d]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:2rem}.score-view h1[data-v-5581869d]{font-size:2rem;background:linear-gradient(135deg,#1db954,#1ed760);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.podium[data-v-5581869d]{display:flex;gap:1rem;align-items:flex-end;justify-content:center;width:100%}.podium-item[data-v-5581869d]{display:flex;flex-direction:column;align-items:center;background:#16213e;border-radius:12px;padding:1.5rem 1rem;min-width:100px}.place-1[data-v-5581869d]{order:2;border:2px solid #ffd700;transform:scale(1.1)}.place-2[data-v-5581869d]{order:1;border:2px solid #c0c0c0}.place-3[data-v-5581869d]{order:3;border:2px solid #cd7f32}.rank[data-v-5581869d]{font-size:2rem;font-weight:900}.place-1 .rank[data-v-5581869d]{color:gold}.place-2 .rank[data-v-5581869d]{color:silver}.place-3 .rank[data-v-5581869d]{color:#cd7f32}.name[data-v-5581869d]{font-size:1.1rem;font-weight:600;margin:.5rem 0}.pts[data-v-5581869d]{color:#1db954;font-weight:700}.full-ranking[data-v-5581869d]{width:100%;max-width:400px}.rank-row[data-v-5581869d]{display:flex;justify-content:space-between;padding:.5rem 1rem;background:#16213e;border-radius:8px;margin-bottom:.4rem}.end-actions[data-v-5581869d]{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:300px;margin-top:1rem}.waiting-msg[data-v-5581869d]{color:#888;font-style:italic;text-align:center}.secondary[data-v-5581869d]{background:transparent;color:#888;border:1px solid #444;padding:.75rem 1rem;border-radius:8px;cursor:pointer}.secondary[data-v-5581869d]:hover{color:#eee;border-color:#666}.mute-toggle[data-v-5581869d]{position:absolute;top:.5rem;left:1rem;z-index:101;background:#16213e88;border:1px solid #333;color:#eee;padding:.4rem .6rem;border-radius:8px;cursor:pointer;font-size:1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.mute-toggle[data-v-5581869d]:hover{background:#1db95422;border-color:#1db954}.audio-blocked-hint[data-v-5581869d]{position:fixed;top:0;left:0;right:0;background:#1db954;color:#fff;text-align:center;padding:.75rem;z-index:1000;font-weight:700;cursor:pointer;animation:slideDown-5581869d .3s ease-out;box-shadow:0 4px 12px #0000004d}@keyframes slideDown-5581869d{0%{transform:translateY(-100%)}to{transform:translateY(0)}}