*{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-cb2a401a]{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-cb2a401a]{text-align:center}.avatar-section p[data-v-cb2a401a]{font-size:.9rem;color:#888;margin-bottom:.5rem}.avatars[data-v-cb2a401a]{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.avatars button[data-v-cb2a401a]{font-size:1.5rem;padding:.5rem;background:#1a1a2e;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.avatars button[data-v-cb2a401a]:hover{background:#16213e}.avatars button.selected[data-v-cb2a401a]{border-color:#1db954;background:#16213e}.title[data-v-cb2a401a]{font-size:3rem;background:linear-gradient(135deg,#1db954,#1ed760);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:speaker-beat-cb2a401a .6s cubic-bezier(.17,.89,.32,1.49) infinite;display:inline-block}@keyframes speaker-beat-cb2a401a{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-cb2a401a]{color:#888;font-size:1.1rem}.form-section[data-v-cb2a401a]{width:100%;max-width:300px}.actions[data-v-cb2a401a]{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:300px}.code-input[data-v-cb2a401a]{text-align:center;text-transform:uppercase;font-size:1.5rem;letter-spacing:.3rem}.code-input[data-v-cb2a401a]::placeholder{font-size:.9rem;letter-spacing:normal;text-transform:none}.error[data-v-cb2a401a]{color:#e74c3c;font-size:.9rem}.stats[data-v-cb2a401a]{margin-top:2rem;font-size:.85rem;color:#555;display:flex;gap:.75rem;align-items:center}.dot[data-v-cb2a401a]{color:#333}.footer[data-v-cb2a401a]{font-size:.75rem;color:#444;margin-top:-1rem;display:flex;gap:.5rem;align-items:center}.session[data-v-e8c79ef6]{flex:1;display:flex;flex-direction:column}.room-sticky-code[data-v-e8c79ef6]{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-e8c79ef6]{color:#1db954;font-family:monospace;font-size:.9rem}.lobby[data-v-e8c79ef6]{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:2rem}.code[data-v-e8c79ef6]{color:#1db954;font-family:monospace;font-size:1.5rem;letter-spacing:.2rem}.players[data-v-e8c79ef6]{width:100%;max-width:400px}.players ul[data-v-e8c79ef6]{list-style:none;margin-top:.5rem}.players li[data-v-e8c79ef6]{padding:.5rem 1rem;background:#16213e;border-radius:8px;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.player-main[data-v-e8c79ef6]{display:flex;align-items:center;gap:.75rem}.avatar[data-v-e8c79ef6]{font-size:1.2rem}.players li.host[data-v-e8c79ef6]{border-left:3px solid #1db954}.badge[data-v-e8c79ef6]{background:#1db954;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase}.config[data-v-e8c79ef6]{width:100%;max-width:400px}.config label[data-v-e8c79ef6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem}.config input[type=number][data-v-e8c79ef6]{width:80px;text-align:center}.config input[type=text][data-v-e8c79ef6]{flex:1;min-width:120px}.config select[data-v-e8c79ef6]{flex:1;min-width:160px;padding:.4rem;background:#1a1a2e;color:#eee;border:1px solid #333;border-radius:6px}.theme-display[data-v-e8c79ef6]{color:#888;font-size:.9rem}.start-btn[data-v-e8c79ef6]{font-size:1.2rem;padding:1rem 2rem}.waiting[data-v-e8c79ef6]{color:#888;font-style:italic}.hint[data-v-e8c79ef6]{color:#888;font-size:.85rem}.share[data-v-e8c79ef6]{color:#666;font-size:.9rem;margin-top:auto;padding-bottom:1rem}.error[data-v-e8c79ef6]{color:#e74c3c;background:#e74c3c22;padding:.75rem 1rem;border-radius:8px;width:100%;max-width:400px;text-align:center}.game[data-v-e8c79ef6]{flex:1;display:flex;flex-direction:column;gap:1rem}.header[data-v-e8c79ef6]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;color:#888}.timer[data-v-e8c79ef6]{background:#1db954;color:#fff;padding:.3rem .8rem;border-radius:20px;font-weight:700;font-size:1.1rem}.music-indicator[data-v-e8c79ef6]{text-align:center;padding:1.5rem;color:#888}.music-indicator.playing[data-v-e8c79ef6]{color:#1db954}.pulse[data-v-e8c79ef6]{width:60px;height:60px;border-radius:50%;background:#1db95433;margin:0 auto 1rem}.music-indicator.playing .pulse[data-v-e8c79ef6]{animation:pulse-e8c79ef6 1.5s ease-in-out infinite;background:#1db95466}@keyframes pulse-e8c79ef6{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.question-card[data-v-e8c79ef6]{background:#16213e;border-radius:12px;padding:1.5rem}.question-card h3[data-v-e8c79ef6]{margin-bottom:1rem;font-size:1.2rem}.choices[data-v-e8c79ef6]{display:flex;flex-direction:column;gap:.5rem}.choice-btn[data-v-e8c79ef6]{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-e8c79ef6]{border-color:#1db954;background:#1db95422}.choice-btn.disabled[data-v-e8c79ef6]{opacity:.6}.text-answer[data-v-e8c79ef6]{display:flex;gap:.5rem}.text-answer input[data-v-e8c79ef6]{flex:1}.answered-msg[data-v-e8c79ef6]{color:#1db954;margin-top:.75rem;font-size:.9rem}.track-reveal[data-v-e8c79ef6]{display:flex;gap:1rem;align-items:center;background:#16213e;border-radius:12px;padding:1rem;margin-bottom:1rem}.album-art[data-v-e8c79ef6]{width:80px;height:80px;border-radius:8px;object-fit:cover}.correct-answer[data-v-e8c79ef6]{color:#1db954;margin-bottom:1rem;font-size:1.1rem}.round-scores[data-v-e8c79ef6]{display:flex;flex-direction:column;gap:.4rem}.score-row[data-v-e8c79ef6]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#16213e;border-radius:8px}.score-row.correct[data-v-e8c79ef6]{border-left:3px solid #1db954}.player-info[data-v-e8c79ef6]{display:flex;flex-direction:column;gap:.1rem}.player-name[data-v-e8c79ef6]{font-weight:600;font-size:.95rem}.player-ans[data-v-e8c79ef6]{font-size:.8rem;font-style:italic}.ans-correct[data-v-e8c79ef6]{color:#1db954}.ans-wrong[data-v-e8c79ef6]{color:#e74c3c}.player-score[data-v-e8c79ef6]{font-weight:700;color:#888}.score-row.correct .player-score[data-v-e8c79ef6]{color:#1db954}.score-display[data-v-e8c79ef6]{display:flex;align-items:center;gap:.5rem}.pts-gained[data-v-e8c79ef6]{background:#1db95422;color:#1db954;font-size:.75rem;padding:.1rem .4rem;border-radius:4px;font-weight:700;animation:slideIn-e8c79ef6 .3s ease-out}@keyframes slideIn-e8c79ef6{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}.scoreboard[data-v-e8c79ef6]{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-e8c79ef6]{display:flex;align-items:center;gap:.4rem}.score-avatar[data-v-e8c79ef6]{font-size:1.1rem}.avatar-small[data-v-e8c79ef6]{font-size:1rem;margin-right:.3rem}.avatar-podium[data-v-e8c79ef6]{font-size:3rem;margin-bottom:.5rem}.list-move[data-v-e8c79ef6]{transition:transform .6s ease}.score-view[data-v-e8c79ef6]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:2rem}.score-view h1[data-v-e8c79ef6]{font-size:2rem;background:linear-gradient(135deg,#1db954,#1ed760);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.podium[data-v-e8c79ef6]{display:flex;gap:1rem;align-items:flex-end;justify-content:center;width:100%}.podium-item[data-v-e8c79ef6]{display:flex;flex-direction:column;align-items:center;background:#16213e;border-radius:12px;padding:1.5rem 1rem;min-width:100px}.place-1[data-v-e8c79ef6]{order:2;border:2px solid #ffd700;transform:scale(1.1)}.place-2[data-v-e8c79ef6]{order:1;border:2px solid #c0c0c0}.place-3[data-v-e8c79ef6]{order:3;border:2px solid #cd7f32}.rank[data-v-e8c79ef6]{font-size:2rem;font-weight:900}.place-1 .rank[data-v-e8c79ef6]{color:gold}.place-2 .rank[data-v-e8c79ef6]{color:silver}.place-3 .rank[data-v-e8c79ef6]{color:#cd7f32}.name[data-v-e8c79ef6]{font-size:1.1rem;font-weight:600;margin:.5rem 0}.pts[data-v-e8c79ef6]{color:#1db954;font-weight:700}.full-ranking[data-v-e8c79ef6]{width:100%;max-width:400px}.rank-row[data-v-e8c79ef6]{display:flex;justify-content:space-between;padding:.5rem 1rem;background:#16213e;border-radius:8px;margin-bottom:.4rem}.end-actions[data-v-e8c79ef6]{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:300px;margin-top:1rem}.waiting-msg[data-v-e8c79ef6]{color:#888;font-style:italic;text-align:center}.secondary[data-v-e8c79ef6]{background:transparent;color:#888;border:1px solid #444;padding:.75rem 1rem;border-radius:8px;cursor:pointer}.secondary[data-v-e8c79ef6]:hover{color:#eee;border-color:#666}