:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.game-landing[data-v-8c7cbdd6]{max-width:800px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero-section[data-v-8c7cbdd6]{text-align:center;margin-bottom:3rem}.game-title[data-v-8c7cbdd6]{font-size:3rem;margin-bottom:1rem;color:#2c3e50;font-weight:700}.game-description[data-v-8c7cbdd6]{font-size:1.2rem;color:#fff;line-height:1.6}.action-section[data-v-8c7cbdd6]{display:flex;flex-direction:column;gap:2rem}.action-card[data-v-8c7cbdd6]{background:#f8f9fa;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.action-card h2[data-v-8c7cbdd6]{color:#2c3e50;margin-bottom:.5rem}.action-card p[data-v-8c7cbdd6]{color:#7f8c8d;margin-bottom:1.5rem}.input-group[data-v-8c7cbdd6]{display:flex;flex-direction:column;gap:1rem}.party-input[data-v-8c7cbdd6]{padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s}.party-input[data-v-8c7cbdd6]:focus{outline:none;border-color:#3498db}.party-input[data-v-8c7cbdd6]:disabled{background-color:#f8f9fa;opacity:.6}.btn[data-v-8c7cbdd6]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px}.btn[data-v-8c7cbdd6]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-8c7cbdd6]{background-color:#3498db;color:#fff}.btn-primary[data-v-8c7cbdd6]:hover:not(:disabled){background-color:#2980b9}.btn-secondary[data-v-8c7cbdd6]{background-color:#95a5a6;color:#fff}.btn-secondary[data-v-8c7cbdd6]:hover:not(:disabled){background-color:#7f8c8d}.btn-success[data-v-8c7cbdd6]{background-color:#27ae60;color:#fff}.btn-success[data-v-8c7cbdd6]:hover:not(:disabled){background-color:#229954}.spotify-logo[data-v-8c7cbdd6]{font-size:1.3rem}.divider[data-v-8c7cbdd6]{text-align:center;position:relative;margin:1rem 0}.divider[data-v-8c7cbdd6]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#bdc3c7}.divider span[data-v-8c7cbdd6]{background-color:#fff;padding:0 1rem;color:#7f8c8d;font-weight:700}.message[data-v-8c7cbdd6]{padding:1rem;border-radius:8px;margin:1rem 0;text-align:center;font-weight:700}.message.success[data-v-8c7cbdd6]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-8c7cbdd6]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.party-details[data-v-8c7cbdd6]{background:#e8f5e8;padding:2rem;border-radius:12px;margin-top:2rem;border:2px solid #27ae60}.party-header[data-v-8c7cbdd6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.party-header h3[data-v-8c7cbdd6]{color:#27ae60;margin:0}.btn-leave[data-v-8c7cbdd6]{background-color:#e74c3c;color:#fff;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.btn-leave[data-v-8c7cbdd6]:hover{background-color:#c0392b;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.party-info[data-v-8c7cbdd6]{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem}.party-info p[data-v-8c7cbdd6]{margin:.5rem 0;color:#2c3e50}.players-list h4[data-v-8c7cbdd6]{color:#27ae60;margin-bottom:.5rem}.players-list ul[data-v-8c7cbdd6]{list-style:none;padding:0}.player-item[data-v-8c7cbdd6]{background:#fff;padding:.5rem 1rem;margin:.25rem 0;border-radius:6px;border-left:4px solid #3498db}.you-label[data-v-8c7cbdd6]{color:#3498db;font-size:.9rem;font-weight:400}.next-steps[data-v-8c7cbdd6]{text-align:center;margin-top:1.5rem}.next-steps p[data-v-8c7cbdd6]{margin-bottom:1rem;color:#27ae60}.playlist-selection[data-v-8c7cbdd6]{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border:2px solid #3498db}.playlist-selection h4[data-v-8c7cbdd6]{color:#2c3e50;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.playlist-hint[data-v-8c7cbdd6]{color:#7f8c8d;font-size:.9rem;margin-bottom:1rem}.playlist-dropdown-container[data-v-8c7cbdd6]{display:flex;flex-direction:column;gap:1rem}.playlist-dropdown[data-v-8c7cbdd6]{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;background-color:#fff;cursor:pointer;transition:border-color .3s;font-family:inherit}.playlist-dropdown[data-v-8c7cbdd6]:hover{border-color:#3498db}.playlist-dropdown[data-v-8c7cbdd6]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.custom-playlist-input-container[data-v-8c7cbdd6]{animation:slideDown-8c7cbdd6 .3s ease-out}@keyframes slideDown-8c7cbdd6{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-playlist-input[data-v-8c7cbdd6]{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem}.custom-playlist-input[data-v-8c7cbdd6]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.playlist-info[data-v-8c7cbdd6]{background:#f8f9fa;padding:1rem;border-radius:6px;border-left:4px solid #3498db}.playlist-description[data-v-8c7cbdd6]{color:#7f8c8d;font-size:.9rem;margin:0;line-height:1.5}.playlist-error[data-v-8c7cbdd6]{color:#e74c3c;font-size:.9rem;margin-top:.5rem;font-weight:700}.spotify-banner[data-v-8c7cbdd6]{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 12px #1db9544d}.banner-content[data-v-8c7cbdd6]{display:flex;align-items:center;gap:1rem}.spotify-icon[data-v-8c7cbdd6]{font-size:2.5rem}.banner-text[data-v-8c7cbdd6]{flex:1}.banner-text strong[data-v-8c7cbdd6]{font-size:1.2rem;display:block;margin-bottom:.25rem}.banner-text p[data-v-8c7cbdd6]{margin:0;font-size:.95rem;opacity:.95}.btn-spotify[data-v-8c7cbdd6]{background:#fff;color:#1db954;padding:.75rem 1.5rem;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;font-size:1rem;white-space:nowrap}.btn-spotify[data-v-8c7cbdd6]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-spotify-small[data-v-8c7cbdd6]{background:#1db954;color:#fff;padding:.5rem 1rem;border:none;border-radius:25px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s}.btn-spotify-small[data-v-8c7cbdd6]:hover{background:#1ed760;transform:translateY(-1px)}.spotify-step[data-v-8c7cbdd6]{background:#f0f9ff;padding:1rem;border-radius:8px;margin-bottom:1rem;border:2px dashed #3498db}.spotify-prompt[data-v-8c7cbdd6]{text-align:center}.spotify-prompt-text[data-v-8c7cbdd6]{color:#2c3e50;margin-bottom:.75rem;font-size:.95rem}.skip-text[data-v-8c7cbdd6]{color:#7f8c8d;font-size:.85rem;margin-top:.5rem;margin-bottom:0}.spotify-connected[data-v-8c7cbdd6]{text-align:center;color:#27ae60}.success-text[data-v-8c7cbdd6]{font-weight:700;margin-bottom:.25rem;font-size:1.1rem}.connected-user[data-v-8c7cbdd6]{color:#7f8c8d;font-size:.9rem;margin:0}.party-host-note[data-v-8c7cbdd6]{background:#fff3cd;color:#856404;padding:.75rem;border-radius:6px;margin-top:1rem;font-size:.9rem;border:1px solid #ffeaa7}.join-note[data-v-8c7cbdd6]{background:#e3f2fd;color:#1976d2;padding:.75rem;border-radius:6px;margin-top:1rem;font-size:.9rem;border:1px solid #bbdefb}.party-code-highlight[data-v-8c7cbdd6]{background:#fff3cd;color:#856404;padding:.25rem .75rem;border-radius:6px;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;letter-spacing:2px}.dj-status[data-v-8c7cbdd6]{background:#d4edda;color:#155724;padding:.5rem;border-radius:6px;font-weight:700;margin-top:.5rem}.dj-warning[data-v-8c7cbdd6]{background:#fff3cd;color:#856404;padding:.5rem;border-radius:6px;font-weight:700;margin-top:.5rem}.host-label[data-v-8c7cbdd6]{background:gold;color:#856404;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;margin-left:.5rem}.share-code[data-v-8c7cbdd6]{background:#fff3cd;color:#856404;padding:1rem;border-radius:8px;border:2px solid #ffeaa7;font-size:1.05rem}.post-create-spotify[data-v-8c7cbdd6]{background:#f0f9ff;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border:2px dashed #1db954;text-align:center}.waiting-message[data-v-8c7cbdd6]{background:#e3f2fd;padding:2rem;border-radius:8px;text-align:center;border:2px dashed #3498db}.waiting-message p[data-v-8c7cbdd6]{color:#1976d2;font-size:1.1rem;font-weight:700;margin:0}@media(min-width:768px){.input-group[data-v-8c7cbdd6]{flex-direction:row;align-items:end}.party-input[data-v-8c7cbdd6]{flex:1}.btn[data-v-8c7cbdd6]{white-space:nowrap}.playlist-options[data-v-8c7cbdd6]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.party-header[data-v-8c7cbdd6]{flex-direction:column;align-items:stretch}.btn-leave[data-v-8c7cbdd6]{width:100%}}.song-card[data-v-11f450ef]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:1.5rem;box-shadow:0 8px 16px #0003;transition:all .3s ease;position:relative;overflow:hidden;min-width:280px;max-width:320px;color:#fff}.song-card.draggable[data-v-11f450ef]{cursor:grab}.song-card.draggable[data-v-11f450ef]:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0000004d}.song-card.dragging[data-v-11f450ef]{opacity:.5;cursor:grabbing;transform:rotate(5deg)}.song-card.new-card[data-v-11f450ef]{background:linear-gradient(135deg,#f093fb,#f5576c);animation:pulse-11f450ef 2s infinite}@keyframes pulse-11f450ef{0%,to{box-shadow:0 8px 16px #f5576c66}50%{box-shadow:0 8px 24px #f5576c99}}.song-card.correct[data-v-11f450ef]{background:linear-gradient(135deg,#11998e,#38ef7d);animation:successPulse-11f450ef .6s ease-out}@keyframes successPulse-11f450ef{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.song-card.incorrect[data-v-11f450ef]{background:linear-gradient(135deg,#ee0979,#ff6a00);animation:shake-11f450ef .5s ease-out}@keyframes shake-11f450ef{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.card-header[data-v-11f450ef]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.music-icon[data-v-11f450ef]{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.position-badge[data-v-11f450ef]{background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.25rem .75rem;border-radius:20px;font-weight:700;font-size:.9rem}.card-content[data-v-11f450ef]{text-align:center}.song-name[data-v-11f450ef]{font-size:1.4rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.3}.artist-name[data-v-11f450ef]{font-size:1.1rem;margin:0 0 1rem;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.release-year[data-v-11f450ef]{display:flex;justify-content:center;align-items:center;gap:.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;font-weight:700;margin-top:1rem}.year-label[data-v-11f450ef]{opacity:.8;font-size:.9rem}.year-value[data-v-11f450ef]{font-size:1.2rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.result-overlay[data-v-11f450ef]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;animation:fadeIn-11f450ef .3s ease-out}@keyframes fadeIn-11f450ef{0%{opacity:0}to{opacity:1}}.correct-result[data-v-11f450ef],.incorrect-result[data-v-11f450ef]{text-align:center}.result-icon[data-v-11f450ef]{font-size:4rem;margin-bottom:.5rem;animation:bounce-11f450ef .6s ease-out}@keyframes bounce-11f450ef{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.result-text[data-v-11f450ef]{font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.song-card.compact[data-v-11f450ef]{min-width:280px;max-width:320px;padding:.5rem .75rem;min-height:auto;display:flex;flex-direction:row;align-items:center;gap:.5rem}.song-card.compact .card-header[data-v-11f450ef]{margin-bottom:0;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:45px;flex-shrink:0}.song-card.compact .music-icon[data-v-11f450ef]{font-size:1.3rem;line-height:1}.song-card.compact .position-badge[data-v-11f450ef]{padding:.1rem .35rem;font-size:.65rem;line-height:1}.song-card.compact .card-content[data-v-11f450ef]{flex:1;text-align:left;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.15rem .5rem;align-items:center;min-width:0;overflow:hidden}.song-card.compact .song-name[data-v-11f450ef]{grid-column:1 / 2;grid-row:1 / 2;font-size:.8rem;font-weight:600;margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-card.compact .artist-name[data-v-11f450ef]{grid-column:1 / 2;grid-row:2 / 3;font-size:.7rem;font-weight:400;margin:0;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-card.compact .release-year[data-v-11f450ef]{grid-column:2 / 3;grid-row:1 / 3;padding:.3rem .6rem;margin:0;font-size:.75rem;align-self:center;flex-shrink:0;white-space:nowrap}.song-card.compact .year-value[data-v-11f450ef]{font-size:.9rem;font-weight:700}.song-card.compact[data-v-11f450ef]:hover{transform:translateY(-2px)}@media(max-width:768px){.song-card[data-v-11f450ef]{min-width:240px;max-width:280px;padding:1rem}.song-name[data-v-11f450ef]{font-size:1.2rem}.artist-name[data-v-11f450ef]{font-size:1rem}.song-card.compact[data-v-11f450ef]{min-width:240px;max-width:280px;padding:.4rem .6rem;gap:.4rem}.song-card.compact .card-header[data-v-11f450ef]{min-width:40px}.song-card.compact .music-icon[data-v-11f450ef]{font-size:1.1rem}.song-card.compact .position-badge[data-v-11f450ef]{font-size:.6rem;padding:.1rem .3rem}.song-card.compact .card-content[data-v-11f450ef]{gap:.1rem .4rem}.song-card.compact .song-name[data-v-11f450ef]{font-size:.75rem}.song-card.compact .artist-name[data-v-11f450ef]{font-size:.65rem}.song-card.compact .release-year[data-v-11f450ef]{padding:.25rem .5rem;font-size:.7rem}.song-card.compact .year-value[data-v-11f450ef]{font-size:.85rem}}.timeline-container[data-v-86b67691]{background:#f8f9fa;padding:2rem;border-radius:12px;margin:2rem 0}.timeline-title[data-v-86b67691]{color:#2c3e50;margin:0 0 .5rem;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.timeline-hint[data-v-86b67691]{color:#7f8c8d;margin:0 0 1.5rem;font-size:.95rem}.timeline[data-v-86b67691]{display:flex;flex-direction:column;gap:.5rem;align-items:center}.drop-zone[data-v-86b67691]{width:100%;max-width:320px;height:40px;border:2px dashed #bdc3c7;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.drop-zone-active[data-v-86b67691]{border-color:#3498db;background:#3498db1a;border-width:3px;height:60px;animation:dropZonePulse-86b67691 1s infinite}@keyframes dropZonePulse-86b67691{0%,to{background:#3498db1a}50%{background:#3498db33}}.drop-indicator[data-v-86b67691]{color:#7f8c8d;font-size:.8rem;text-align:center;pointer-events:none}.drop-zone-active .drop-indicator[data-v-86b67691]{color:#3498db;font-weight:700;font-size:.9rem}.empty-timeline[data-v-86b67691]{text-align:center;padding:3rem 2rem;color:#7f8c8d;background:#fff;border-radius:12px;border:2px dashed #e9ecef;min-width:280px;max-width:320px;width:100%;cursor:pointer;transition:all .3s ease;touch-action:none;-webkit-user-select:none;user-select:none}.empty-timeline.drop-zone-active[data-v-86b67691]{border-color:#3498db;border-width:3px;background:#3498db1a;transform:scale(1.05);animation:dropZonePulse-86b67691 1s infinite}.empty-icon[data-v-86b67691]{font-size:3rem;margin:0 0 .5rem}.empty-message[data-v-86b67691]{font-size:1.2rem;font-weight:700;margin:.5rem 0;color:#2c3e50}.empty-hint[data-v-86b67691]{font-size:.9rem;opacity:.7;margin:.5rem 0 0}.empty-timeline.drop-zone-active .empty-message[data-v-86b67691],.empty-timeline.drop-zone-active .empty-hint[data-v-86b67691]{color:#3498db}@media(max-width:768px){.timeline-container[data-v-86b67691]{padding:1rem}.drop-zone[data-v-86b67691]{max-width:280px}.empty-timeline[data-v-86b67691]{padding:2rem 1rem}}.modal-overlay[data-v-5d3e3414]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-5d3e3414 .3s ease-out;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes fadeIn-5d3e3414{0%{opacity:0}to{opacity:1}}.confirmation-dialog[data-v-5d3e3414]{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp-5d3e3414 .3s ease-out;margin:auto;max-height:calc(100vh - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes slideUp-5d3e3414{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header[data-v-5d3e3414]{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.dialog-header h3[data-v-5d3e3414]{color:#2c3e50;margin:0;font-size:1.5rem}.dialog-content[data-v-5d3e3414]{margin-bottom:2rem}.confirmation-question[data-v-5d3e3414]{color:#2c3e50;font-size:1.1rem;text-align:center;margin-bottom:1.5rem;line-height:1.5}.confirmation-question strong[data-v-5d3e3414]{color:#3498db}.placement-preview[data-v-5d3e3414]{background:#f8f9fa;padding:1.5rem;border-radius:12px;border:2px solid #e9ecef}.preview-item[data-v-5d3e3414]{display:flex;align-items:center;gap:1rem;padding:.75rem;margin:.5rem 0;background:#fff;border-radius:8px;border:1px solid #e9ecef}.current-placement[data-v-5d3e3414]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;font-weight:700;animation:pulse-5d3e3414 2s infinite}.first-song[data-v-5d3e3414]{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;font-weight:700;justify-content:center}@keyframes pulse-5d3e3414{0%,to{box-shadow:0 0 #f5576c66}50%{box-shadow:0 0 0 8px #f5576c00}}.preview-label[data-v-5d3e3414]{font-weight:700;color:#7f8c8d;min-width:100px}.current-placement .preview-label[data-v-5d3e3414],.first-song .preview-label[data-v-5d3e3414]{color:#fff}.preview-song[data-v-5d3e3414]{flex:1;color:#2c3e50;overflow:hidden;text-overflow:ellipsis}.current-placement .preview-song[data-v-5d3e3414]{color:#fff}.highlight[data-v-5d3e3414]{text-decoration:underline}.dialog-actions[data-v-5d3e3414]{display:flex;gap:1rem;justify-content:center}.btn[data-v-5d3e3414]{padding:1rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;min-height:56px;touch-action:manipulation}.btn-cancel[data-v-5d3e3414]{background-color:#95a5a6;color:#fff}.btn-cancel[data-v-5d3e3414]:hover{background-color:#7f8c8d;transform:translateY(-2px)}.btn-cancel[data-v-5d3e3414]:active{transform:translateY(0)}.btn-confirm[data-v-5d3e3414]{background-color:#27ae60;color:#fff}.btn-confirm[data-v-5d3e3414]:hover{background-color:#229954;transform:translateY(-2px)}.btn-confirm[data-v-5d3e3414]:active{transform:translateY(0)}@media(max-width:768px){.confirmation-dialog[data-v-5d3e3414]{padding:1.5rem 1rem;border-radius:12px}.dialog-header h3[data-v-5d3e3414]{font-size:1.25rem}.confirmation-question[data-v-5d3e3414]{font-size:1rem}.placement-preview[data-v-5d3e3414]{padding:1rem}.preview-item[data-v-5d3e3414]{padding:.6rem;gap:.75rem}.preview-label[data-v-5d3e3414]{min-width:80px;font-size:.9rem}.preview-song[data-v-5d3e3414]{font-size:.9rem}.dialog-actions[data-v-5d3e3414]{flex-direction:column;gap:.75rem}.btn[data-v-5d3e3414]{width:100%;padding:.875rem 1.25rem}}@media(max-width:360px){.preview-label[data-v-5d3e3414]{min-width:70px;font-size:.85rem}.preview-song[data-v-5d3e3414]{font-size:.85rem}}.result-modal-overlay[data-v-6b1ffbe4]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.result-modal[data-v-6b1ffbe4]{background:#fff;border-radius:20px;max-width:600px;width:100%;box-shadow:0 20px 60px #00000080;animation:resultAppear-6b1ffbe4 .5s ease-out;position:relative;margin:auto;max-height:calc(100vh - 2rem);display:flex;flex-direction:column}.result-content[data-v-6b1ffbe4]{padding:3rem;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes resultAppear-6b1ffbe4{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.result-modal.correct[data-v-6b1ffbe4]{border:4px solid #27ae60}.result-modal.incorrect[data-v-6b1ffbe4]{border:4px solid #e74c3c}.result-animation[data-v-6b1ffbe4]{text-align:center;margin-bottom:2rem;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.success-animation[data-v-6b1ffbe4],.failure-animation[data-v-6b1ffbe4]{width:100%}.confetti[data-v-6b1ffbe4]{position:absolute;font-size:2rem;animation:confettiFall-6b1ffbe4 3s ease-out infinite;pointer-events:none}.confetti[data-v-6b1ffbe4]:nth-child(1){left:10%;animation-delay:0s}.confetti[data-v-6b1ffbe4]:nth-child(2){left:30%;animation-delay:.3s}.confetti[data-v-6b1ffbe4]:nth-child(3){left:50%;animation-delay:.6s}.confetti[data-v-6b1ffbe4]:nth-child(4){left:70%;animation-delay:.9s}.confetti[data-v-6b1ffbe4]:nth-child(5){left:90%;animation-delay:1.2s}@keyframes confettiFall-6b1ffbe4{0%{top:-20px;opacity:1;transform:rotate(0)}to{top:100%;opacity:0;transform:rotate(360deg)}}.result-icon[data-v-6b1ffbe4]{font-size:6rem;margin-bottom:1rem;animation:iconBounce-6b1ffbe4 .6s ease-out}@keyframes iconBounce-6b1ffbe4{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.result-icon.success[data-v-6b1ffbe4]{animation:iconBounce-6b1ffbe4 .6s ease-out,spin-6b1ffbe4 2s linear infinite}@keyframes spin-6b1ffbe4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-icon.failure[data-v-6b1ffbe4]{animation:shake-6b1ffbe4 .5s ease-out}@keyframes shake-6b1ffbe4{0%,to{transform:translate(0)}25%{transform:translate(-20px)}75%{transform:translate(20px)}}.result-title[data-v-6b1ffbe4]{font-size:2.5rem;margin:0 0 1rem;font-weight:700}.correct .result-title[data-v-6b1ffbe4]{color:#27ae60;text-shadow:2px 2px 4px rgba(39,174,96,.3)}.incorrect .result-title[data-v-6b1ffbe4]{color:#e74c3c;text-shadow:2px 2px 4px rgba(231,76,60,.3)}.result-message[data-v-6b1ffbe4]{font-size:1.2rem;color:#2c3e50;margin:0}.correct-answer[data-v-6b1ffbe4]{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.correct-answer h3[data-v-6b1ffbe4]{color:#2c3e50;margin:0 0 1rem;text-align:center}.answer-list[data-v-6b1ffbe4]{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:.5rem}.answer-list[data-v-6b1ffbe4]::-webkit-scrollbar{width:8px}.answer-list[data-v-6b1ffbe4]::-webkit-scrollbar-track{background:#e9ecef;border-radius:4px}.answer-list[data-v-6b1ffbe4]::-webkit-scrollbar-thumb{background:#3498db;border-radius:4px}.answer-item[data-v-6b1ffbe4]{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#fff;border-radius:8px;border:2px solid #e9ecef;transition:all .3s;flex-shrink:0}.answer-item.user-guess[data-v-6b1ffbe4]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-color:#f5576c;font-weight:700;transform:scale(1.05)}.answer-position[data-v-6b1ffbe4]{font-weight:700;color:#3498db;min-width:40px;flex-shrink:0}.user-guess .answer-position[data-v-6b1ffbe4]{color:#fff}.answer-song[data-v-6b1ffbe4]{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.answer-year[data-v-6b1ffbe4]{font-weight:700;color:#27ae60;min-width:60px;text-align:right;flex-shrink:0}.user-guess .answer-year[data-v-6b1ffbe4]{color:#fff}.guess-marker[data-v-6b1ffbe4]{font-size:.9rem;opacity:.9;flex-shrink:0}.result-actions[data-v-6b1ffbe4]{text-align:center;position:sticky;bottom:0;background:#fff;padding-top:1rem;margin-top:auto}.btn-next[data-v-6b1ffbe4]{padding:1rem 2rem;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;width:100%;min-height:60px;touch-action:manipulation}.correct .btn-next[data-v-6b1ffbe4]{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.incorrect .btn-next[data-v-6b1ffbe4]{background:linear-gradient(135deg,#ee0979,#ff6a00);color:#fff}.btn-next[data-v-6b1ffbe4]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.btn-next[data-v-6b1ffbe4]:active{transform:translateY(0)}@media(max-width:768px){.result-modal[data-v-6b1ffbe4]{border-radius:12px;width:calc(100% - 1rem);max-height:calc(100vh - 1rem)}.result-content[data-v-6b1ffbe4]{padding:1.5rem 1rem}.result-animation[data-v-6b1ffbe4]{min-height:150px}.result-icon[data-v-6b1ffbe4]{font-size:3.5rem}.result-title[data-v-6b1ffbe4]{font-size:1.75rem}.result-message[data-v-6b1ffbe4]{font-size:1rem}.correct-answer[data-v-6b1ffbe4]{padding:1rem}.answer-list[data-v-6b1ffbe4]{max-height:250px}.answer-item[data-v-6b1ffbe4]{padding:.5rem .75rem;gap:.5rem}.answer-position[data-v-6b1ffbe4]{min-width:35px;font-size:.9rem}.answer-song[data-v-6b1ffbe4]{font-size:.9rem}.answer-year[data-v-6b1ffbe4]{min-width:50px;font-size:.9rem}.guess-marker[data-v-6b1ffbe4]{display:none}.btn-next[data-v-6b1ffbe4]{font-size:1rem;padding:.875rem 1.5rem}@media(min-width:400px){.guess-marker[data-v-6b1ffbe4]{display:inline;font-size:.85rem}}}@media(max-width:360px){.answer-item[data-v-6b1ffbe4]{flex-wrap:wrap}.answer-song[data-v-6b1ffbe4]{width:100%;order:1;margin-bottom:.25rem}.answer-position[data-v-6b1ffbe4]{order:2}.answer-year[data-v-6b1ffbe4]{order:3}}.game-screen[data-v-b83d64f2]{max-width:1200px;margin:0 auto;padding:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game-header[data-v-b83d64f2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.game-title[data-v-b83d64f2]{font-size:2rem;color:#2c3e50;margin:0}.party-info[data-v-b83d64f2]{display:flex;align-items:center;gap:1rem}.party-name[data-v-b83d64f2]{font-size:1.2rem;font-weight:700;color:#7f8c8d}.current-turn[data-v-b83d64f2]{text-align:center;margin-bottom:2rem;padding:1.5rem;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.current-turn h2[data-v-b83d64f2]{margin:0 0 .5rem;font-size:1.8rem}.turn-indicator[data-v-b83d64f2]{font-size:2rem;margin:.5rem 0}.my-turn[data-v-b83d64f2]{animation:pulse-b83d64f2 2s infinite}@keyframes pulse-b83d64f2{0%,to{opacity:1}50%{opacity:.7}}.players-section[data-v-b83d64f2]{margin-bottom:2rem}.players-section h3[data-v-b83d64f2]{color:#2c3e50;margin-bottom:1rem}.players-grid[data-v-b83d64f2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.player-card[data-v-b83d64f2]{background:#f8f9fa;padding:1rem;border-radius:8px;border:2px solid #e9ecef;transition:all .3s}.player-card.current-player[data-v-b83d64f2]{border-color:#3498db;background:#e3f2fd}.player-card.winner[data-v-b83d64f2]{border-color:#27ae60;background:#e8f5e8}.player-name[data-v-b83d64f2]{font-weight:700;color:#2c3e50;margin-bottom:.5rem}.you-label[data-v-b83d64f2]{color:#3498db;font-size:.9rem}.player-score[data-v-b83d64f2]{color:#7f8c8d}.winner-badge[data-v-b83d64f2]{color:#27ae60;font-weight:700;margin-top:.5rem}.game-actions[data-v-b83d64f2]{background:#f8f9fa;padding:2rem;border-radius:12px;margin-bottom:2rem}.game-actions h3[data-v-b83d64f2]{color:#2c3e50;margin-bottom:1rem}.action-buttons[data-v-b83d64f2]{display:flex;gap:1rem;margin:1.5rem 0}.drag-card-container[data-v-b83d64f2]{background:#fff;padding:2rem;border-radius:12px;margin:2rem 0;border:2px solid #3498db;text-align:center}.drag-card-container h4[data-v-b83d64f2]{color:#2c3e50;margin-bottom:1rem}.drag-card-container .song-card[data-v-b83d64f2]{margin:1rem auto;touch-action:none;-webkit-user-select:none;user-select:none}.audio-preview[data-v-b83d64f2]{background:#f8f9fa;padding:1rem;border-radius:8px;margin:1rem 0;border:1px solid #e9ecef}.audio-controls[data-v-b83d64f2]{display:flex;align-items:center;gap:1rem}.btn-audio[data-v-b83d64f2]{background:#1db954;color:#fff;padding:.75rem 1rem;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.btn-audio[data-v-b83d64f2]:hover:not(:disabled){background:#1ed760;transform:translateY(-1px)}.btn-audio[data-v-b83d64f2]:disabled{opacity:.6;cursor:not-allowed}.audio-progress[data-v-b83d64f2]{flex:1;display:flex;align-items:center;gap:1rem}.progress-bar[data-v-b83d64f2]{flex:1;height:4px;background:#e9ecef;border-radius:2px;overflow:hidden}.progress-fill[data-v-b83d64f2]{height:100%;background:#1db954;transition:width .1s linear}.time-display[data-v-b83d64f2]{font-size:.8rem;color:#7f8c8d;font-family:monospace;min-width:80px}.audio-error[data-v-b83d64f2]{background:#f8d7da;padding:1rem;border-radius:8px;border:1px solid #f5c6cb;text-align:center;margin:1rem 0}.audio-error p[data-v-b83d64f2]{color:#721c24;margin:.5rem 0}.error-details[data-v-b83d64f2]{font-size:.9rem;opacity:.8}.no-preview[data-v-b83d64f2]{background:#fff3cd;padding:1rem;border-radius:8px;border:1px solid #ffeaa7;text-align:center;margin:1rem 0}.no-preview p[data-v-b83d64f2]{color:#856404;margin:.5rem 0}.hint[data-v-b83d64f2]{font-size:.9rem;opacity:.8}.placement-instruction[data-v-b83d64f2]{margin:1rem 0;font-weight:500;font-size:1.1rem;color:#2c3e50}.timeline-placeholder[data-v-b83d64f2]{background:#f0f0f0;padding:2rem;border-radius:8px;text-align:center;color:#7f8c8d}.waiting-turn[data-v-b83d64f2]{text-align:center;background:#fff3cd;padding:2rem;border-radius:12px;border:1px solid #ffeaa7;color:#856404}.game-finished[data-v-b83d64f2]{text-align:center;background:#d4edda;padding:2rem;border-radius:12px;border:1px solid #c3e6cb;color:#155724}.winner-announcement[data-v-b83d64f2]{margin:1.5rem 0}.loading[data-v-b83d64f2]{text-align:center;padding:2rem;font-size:1.2rem;color:#7f8c8d}.btn[data-v-b83d64f2]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px}.btn[data-v-b83d64f2]:disabled{opacity:.6;cursor:not-allowed}.btn-small[data-v-b83d64f2]{padding:.5rem 1rem;font-size:.9rem}.btn-primary[data-v-b83d64f2]{background-color:#3498db;color:#fff}.btn-primary[data-v-b83d64f2]:hover:not(:disabled){background-color:#2980b9}.btn-secondary[data-v-b83d64f2]{background-color:#95a5a6;color:#fff}.btn-secondary[data-v-b83d64f2]:hover:not(:disabled){background-color:#7f8c8d}.btn-outline[data-v-b83d64f2]{background-color:transparent;color:#3498db;border:2px solid #3498db}.btn-outline[data-v-b83d64f2]:hover:not(:disabled){background-color:#3498db;color:#fff}.message[data-v-b83d64f2]{padding:1rem;border-radius:8px;margin:1rem 0;text-align:center;font-weight:700}.message.success[data-v-b83d64f2]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-b83d64f2]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.spotify-auth-banner[data-v-b83d64f2]{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;padding:1rem;margin-bottom:1rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.spotify-warning-banner[data-v-b83d64f2]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:1rem;margin-bottom:1rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.banner-content[data-v-b83d64f2]{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto}.spotify-icon[data-v-b83d64f2],.warning-icon[data-v-b83d64f2]{font-size:2rem}.banner-text[data-v-b83d64f2]{flex:1}.banner-text strong[data-v-b83d64f2]{font-size:1.1rem;display:block;margin-bottom:.25rem}.banner-text p[data-v-b83d64f2]{margin:0;font-size:.9rem;opacity:.9}.btn-spotify[data-v-b83d64f2]{background:#fff;color:#1db954;padding:.75rem 1.5rem;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;font-size:1rem}.btn-spotify[data-v-b83d64f2]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.spotify-logo[data-v-b83d64f2]{font-size:1.2rem}@media(max-width:768px){.game-header[data-v-b83d64f2]{flex-direction:column;gap:1rem}.action-buttons[data-v-b83d64f2]{flex-direction:column}.players-grid[data-v-b83d64f2]{grid-template-columns:1fr}.audio-controls[data-v-b83d64f2]{flex-direction:column;align-items:stretch;gap:.5rem}.audio-progress[data-v-b83d64f2]{flex-direction:column;gap:.5rem}}.spotify-callback[data-v-1b769d5d]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading[data-v-1b769d5d],.error[data-v-1b769d5d],.success[data-v-1b769d5d]{text-align:center;max-width:400px}.spinner[data-v-1b769d5d]{width:50px;height:50px;margin:0 auto 1rem;border:4px solid #f3f3f3;border-top:4px solid #1db954;border-radius:50%;animation:spin-1b769d5d 1s linear infinite}@keyframes spin-1b769d5d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p[data-v-1b769d5d]{font-size:1.2rem;color:#666}.error[data-v-1b769d5d]{background:#fff3cd;padding:2rem;border-radius:12px;border:2px solid #ffc107}.error h2[data-v-1b769d5d]{color:#856404;margin-bottom:1rem}.error p[data-v-1b769d5d]{color:#856404;margin-bottom:1.5rem}.success[data-v-1b769d5d]{background:#d4edda;padding:2rem;border-radius:12px;border:2px solid #28a745}.success h2[data-v-1b769d5d]{color:#155724;margin-bottom:1rem}.success p[data-v-1b769d5d]{color:#155724}.btn[data-v-1b769d5d]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.btn-primary[data-v-1b769d5d]{background-color:#1db954;color:#fff}.btn-primary[data-v-1b769d5d]:hover{background-color:#1ed760;transform:translateY(-2px)}#app[data-v-ac05d473]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:1rem;transition:all .3s ease}#app.game-mode[data-v-ac05d473]{background:#f5f6fa;align-items:flex-start;padding:0;display:block}