@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap";.home[data-v-ac6ac188]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden;font-family:Outfit,sans-serif}.background-shapes[data-v-ac6ac188]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shape[data-v-ac6ac188]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float-ac6ac188 8s ease-in-out infinite}.shape-1[data-v-ac6ac188]{width:400px;height:400px;background:#e94560;top:-100px;left:-100px;animation-delay:0s}.shape-2[data-v-ac6ac188]{width:300px;height:300px;background:#00d9ff;top:50%;right:-80px;animation-delay:-2s}.shape-3[data-v-ac6ac188]{width:250px;height:250px;background:#ff6b35;bottom:-50px;left:30%;animation-delay:-4s}.shape-4[data-v-ac6ac188]{width:200px;height:200px;background:#a855f7;top:20%;left:60%;animation-delay:-6s}@keyframes float-ac6ac188{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.content[data-v-ac6ac188]{text-align:center;z-index:10;padding:3rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;max-width:440px;margin:1rem}.logo[data-v-ac6ac188]{margin-bottom:1.5rem}.icon[data-v-ac6ac188]{font-size:4rem;display:block;margin-bottom:.5rem;animation:bounce-ac6ac188 2s ease-in-out infinite}@keyframes bounce-ac6ac188{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}h1[data-v-ac6ac188]{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#fff,#e94560,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-1px}.tagline[data-v-ac6ac188]{color:#fffc;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.tagline strong[data-v-ac6ac188]{color:#00d9ff;font-weight:600}.input-container[data-v-ac6ac188]{display:flex;flex-direction:column;gap:1rem}input[data-v-ac6ac188]{padding:1rem 1.5rem;font-size:1.1rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;outline:none;transition:all .3s ease;font-family:inherit}input[data-v-ac6ac188]::placeholder{color:#ffffff80}input[data-v-ac6ac188]:focus{border-color:#e94560;background:#ffffff26;box-shadow:0 0 20px #e945604d}button[data-v-ac6ac188]{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;background:linear-gradient(135deg,#e94560,#ff6b35);color:#fff;cursor:pointer;transition:all .3s ease;font-family:inherit}button[data-v-ac6ac188]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #e9456066}button[data-v-ac6ac188]:disabled{opacity:.5;cursor:not-allowed}.lobby[data-v-acba2253]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden;font-family:Outfit,sans-serif}.background-shapes[data-v-acba2253]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shape[data-v-acba2253]{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5}.shape-1[data-v-acba2253]{width:500px;height:500px;background:#a855f7;top:-150px;right:-150px}.shape-2[data-v-acba2253]{width:400px;height:400px;background:#00d9ff;bottom:-100px;left:-100px}.content[data-v-acba2253]{text-align:center;z-index:10;padding:3rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;min-width:360px;margin:1rem}.header[data-v-acba2253]{margin-bottom:2.5rem}.wave[data-v-acba2253]{font-size:3rem;display:block;margin-bottom:.5rem;animation:wave-acba2253 1.5s ease-in-out infinite}@keyframes wave-acba2253{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}h2[data-v-acba2253]{font-size:1.8rem;font-weight:600;color:#fff;margin:0}.pseudo[data-v-acba2253]{background:linear-gradient(135deg,#e94560,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.actions[data-v-acba2253]{display:flex;flex-direction:column;gap:1rem}.btn-create[data-v-acba2253],.btn-join[data-v-acba2253]{width:100%;padding:1.2rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-create[data-v-acba2253]{background:linear-gradient(135deg,#e94560,#ff6b35);color:#fff}.btn-create[data-v-acba2253]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #e9456066}.btn-join[data-v-acba2253]{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff}.btn-join[data-v-acba2253]:hover{background:#ffffff26;border-color:#00d9ff}.btn-icon[data-v-acba2253]{font-size:1.3rem}.divider[data-v-acba2253]{display:flex;align-items:center;gap:1rem;color:#fff6;margin:.5rem 0}.divider[data-v-acba2253]:before,.divider[data-v-acba2253]:after{content:"";flex:1;height:1px;background:#fff3}.join-form[data-v-acba2253]{display:flex;gap:.75rem}.join-form input[data-v-acba2253]{flex:1;padding:1rem 1.25rem;font-size:1rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;text-transform:uppercase;letter-spacing:2px;font-weight:600;outline:none;transition:all .3s ease;font-family:inherit}.join-form input[data-v-acba2253]::placeholder{color:#fff6;text-transform:none;letter-spacing:0;font-weight:400}.join-form input[data-v-acba2253]:focus{border-color:#00d9ff;box-shadow:0 0 20px #00d9ff33}.join-form button[data-v-acba2253]{padding:1rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;background:#00d9ff;color:#1a1a2e;cursor:pointer;transition:all .3s ease;font-family:inherit}.join-form button[data-v-acba2253]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #00d9ff66}.join-form button[data-v-acba2253]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.join-form[data-v-acba2253]{flex-direction:column}.join-form button[data-v-acba2253]{width:100%}}.room[data-v-f3bdc49b]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden;font-family:Outfit,sans-serif}.background-shapes[data-v-f3bdc49b]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shape[data-v-f3bdc49b]{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:pulse-f3bdc49b 6s ease-in-out infinite}.shape-1[data-v-f3bdc49b]{width:350px;height:350px;background:#e94560;top:10%;left:10%}.shape-2[data-v-f3bdc49b]{width:300px;height:300px;background:#00d9ff;bottom:10%;right:10%;animation-delay:-2s}.shape-3[data-v-f3bdc49b]{width:250px;height:250px;background:#a855f7;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-4s}@keyframes pulse-f3bdc49b{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.content[data-v-f3bdc49b]{text-align:center;z-index:10;padding:2.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;min-width:400px;margin:1rem}.room-header[data-v-f3bdc49b]{margin-bottom:2rem}h1[data-v-f3bdc49b]{font-size:1.6rem;font-weight:600;color:#fff;margin:0 0 1rem}.room-code[data-v-f3bdc49b]{font-family:JetBrains Mono,monospace;background:linear-gradient(135deg,#00d9ff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:3px}.copy-buttons[data-v-f3bdc49b]{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.copy-btn[data-v-f3bdc49b]{padding:.6rem 1rem;font-size:.85rem;font-weight:500;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s ease;font-family:inherit}.copy-btn[data-v-f3bdc49b]:hover{background:#fff3}.copy-link[data-v-f3bdc49b]{background:#00d9ff26;border:1px solid rgba(0,217,255,.3)}.copy-link[data-v-f3bdc49b]:hover{background:#00d9ff40}.connection-status[data-v-f3bdc49b]{font-size:.8rem;color:#ffffff80}.connection-status.connected[data-v-f3bdc49b]{color:#4ade80}.waiting[data-v-f3bdc49b],.ready[data-v-f3bdc49b]{margin:2rem 0}.ready-icon[data-v-f3bdc49b]{font-size:3rem;display:block;animation:bounce-f3bdc49b 1s ease-in-out infinite}@keyframes bounce-f3bdc49b{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ready p[data-v-f3bdc49b]{color:#4ade80;font-size:1.2rem;font-weight:600;margin-top:.5rem}.loader[data-v-f3bdc49b]{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#00d9ff;border-radius:50%;margin:0 auto 1rem;animation:spin-f3bdc49b 1s linear infinite}@keyframes spin-f3bdc49b{to{transform:rotate(360deg)}}.waiting p[data-v-f3bdc49b]{color:#ffffffb3;margin:.5rem 0}.hint[data-v-f3bdc49b]{font-size:.9rem}.hint strong[data-v-f3bdc49b]{color:#00d9ff;font-family:JetBrains Mono,monospace;letter-spacing:2px}.players[data-v-f3bdc49b]{display:flex;gap:1rem;margin:2rem 0}.player[data-v-f3bdc49b]{flex:1;padding:1.2rem;border-radius:12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease}.player.you[data-v-f3bdc49b]{border-color:#e94560;background:#e945601a}.player.other[data-v-f3bdc49b]{border-color:#00d9ff;background:#00d9ff1a}.player.waiting-player[data-v-f3bdc49b]{border-style:dashed;opacity:.6}.avatar[data-v-f3bdc49b]{font-size:2rem}.name[data-v-f3bdc49b]{color:#fff;font-size:.9rem;font-weight:500}.actions[data-v-f3bdc49b]{display:flex;flex-direction:column;gap:.75rem}.btn-start[data-v-f3bdc49b]{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;background:linear-gradient(135deg,#e94560,#ff6b35);color:#fff;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-start[data-v-f3bdc49b]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #e9456066}.btn-back[data-v-f3bdc49b]{padding:.8rem 1.5rem;font-size:.95rem;font-weight:500;border:none;border-radius:10px;background:#ffffff1a;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-back[data-v-f3bdc49b]:hover{background:#ffffff26;color:#fff}.mode-selector[data-v-f3bdc49b]{margin-top:1.5rem}.waiting-host[data-v-f3bdc49b]{margin-top:1.5rem;padding:1rem;background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);border-radius:12px}.waiting-host p[data-v-f3bdc49b]{color:#00d9ff;margin:0;font-weight:500}.waiting-start-msg[data-v-f3bdc49b]{color:#fff9;font-size:.95rem;margin:0;padding:1rem}.mode-label[data-v-f3bdc49b]{color:#fff9;font-size:.9rem;margin-bottom:.75rem}.modes[data-v-f3bdc49b]{display:flex;gap:.75rem}.mode-btn[data-v-f3bdc49b]{flex:1;padding:1rem;border:2px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff0d;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.3rem}.mode-btn[data-v-f3bdc49b]:hover{border-color:#ffffff4d;background:#ffffff1a}.mode-btn.active[data-v-f3bdc49b]{border-color:#00d9ff;background:#00d9ff26}.mode-icon[data-v-f3bdc49b]{font-size:1.5rem}.mode-name[data-v-f3bdc49b]{color:#fff;font-weight:600;font-size:.95rem}.mode-desc[data-v-f3bdc49b]{color:#ffffff80;font-size:.75rem}@media (max-width: 480px){.modes[data-v-f3bdc49b]{flex-direction:column}}.match-mode[data-v-b7163166]{height:100%}.waiting-start[data-v-b7163166]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff9}.loader[data-v-b7163166]{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#00d9ff;border-radius:50%;animation:spin-b7163166 1s linear infinite;margin-bottom:1rem}@keyframes spin-b7163166{to{transform:rotate(360deg)}}.theme-banner[data-v-b7163166]{text-align:center;padding:1rem;background:linear-gradient(135deg,#e9456033,#a855f733);border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(233,69,96,.3)}.theme-label[data-v-b7163166]{display:block;color:#fff9;font-size:.85rem;margin-bottom:.25rem}.theme-name[data-v-b7163166]{font-size:1.8rem;font-weight:700;color:#fff}.selection-phase[data-v-b7163166]{display:flex;flex-direction:column;gap:1.5rem}.search-bar[data-v-b7163166]{display:flex;gap:.5rem}.search-bar input[data-v-b7163166]{flex:1;padding:.8rem 1rem;font-size:1rem;border:2px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0d;color:#fff;outline:none;font-family:inherit}.search-bar input[data-v-b7163166]:focus{border-color:#00d9ff}.search-bar input[data-v-b7163166]::placeholder{color:#fff6}.search-bar input[data-v-b7163166]:disabled{opacity:.5}.search-bar button[data-v-b7163166]{padding:.8rem 1.2rem;border:none;border-radius:10px;background:#00d9ff;color:#1a1a2e;font-size:1.1rem;cursor:pointer;transition:transform .2s}.search-bar button[data-v-b7163166]:hover:not(:disabled){transform:scale(1.05)}.search-bar button[data-v-b7163166]:disabled{opacity:.5;cursor:not-allowed}.search-results[data-v-b7163166]{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.track-item[data-v-b7163166]{display:flex;align-items:center;gap:.75rem;padding:.6rem;background:#ffffff0d;border-radius:10px;cursor:pointer;transition:all .2s;border:2px solid transparent}.track-item[data-v-b7163166]:hover:not(.disabled){background:#ffffff1a}.track-item.selected[data-v-b7163166]{border-color:#e94560;background:#e9456026}.track-item.disabled[data-v-b7163166]{opacity:.6;cursor:not-allowed}.track-image[data-v-b7163166]{width:45px;height:45px;border-radius:6px;object-fit:cover}.track-info[data-v-b7163166]{flex:1;min-width:0}.track-name[data-v-b7163166]{display:block;color:#fff;font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist[data-v-b7163166]{display:block;color:#ffffff80;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-btn[data-v-b7163166]{width:36px;height:36px;border:none;border-radius:50%;background:#00d9ff33;color:#00d9ff;cursor:pointer;transition:all .2s;font-size:.9rem;flex-shrink:0}.play-btn[data-v-b7163166]:hover:not(.loading){background:#00d9ff4d;transform:scale(1.1)}.play-btn.small[data-v-b7163166]{width:30px;height:30px;font-size:.8rem}.play-btn.loading[data-v-b7163166]{opacity:.7;cursor:wait}.btn-loader[data-v-b7163166]{width:12px;height:12px;border:2px solid rgba(0,217,255,.3);border-top-color:#00d9ff;border-radius:50%;animation:spin-b7163166 .8s linear infinite;display:inline-block}.check[data-v-b7163166]{color:#e94560;font-size:1.2rem;font-weight:700}.selected-section h3[data-v-b7163166]{color:#fff;margin:0 0 1rem;font-size:1rem}.selected-tracks[data-v-b7163166]{display:flex;flex-direction:column;gap:.5rem}.selected-track[data-v-b7163166]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#e945601a;border:1px solid rgba(233,69,96,.3);border-radius:10px}.selected-track.empty[data-v-b7163166]{background:#ffffff08;border:1px dashed rgba(255,255,255,.2)}.track-number[data-v-b7163166]{width:24px;height:24px;background:#e945604d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600;flex-shrink:0}.selected-track.empty .track-number[data-v-b7163166]{background:#ffffff1a}.selected-track img[data-v-b7163166]{width:40px;height:40px;border-radius:6px;flex-shrink:0}.empty-text[data-v-b7163166]{color:#ffffff4d;font-size:.85rem}.remove-btn[data-v-b7163166]{width:28px;height:28px;border:none;border-radius:50%;background:#ffffff1a;color:#fff9;cursor:pointer;transition:all .2s;flex-shrink:0}.remove-btn[data-v-b7163166]:hover{background:#e945604d;color:#e94560}.submit-section[data-v-b7163166]{margin-top:1rem;text-align:center}.btn-submit[data-v-b7163166]{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;background:linear-gradient(135deg,#e94560,#ff6b35);color:#fff;cursor:pointer;transition:all .3s;font-family:inherit}.btn-submit[data-v-b7163166]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #e9456066}.btn-submit[data-v-b7163166]:disabled{opacity:.5;cursor:not-allowed}.btn-skip[data-v-b7163166]{margin-top:.75rem;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#fff9;cursor:pointer;transition:all .3s;font-family:inherit}.btn-skip[data-v-b7163166]:hover{border-color:#fff6;color:#ffffffe6;background:#ffffff1a}.waiting-opponent[data-v-b7163166]{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#ffffffb3;padding:1rem}.mini-loader[data-v-b7163166]{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:#00d9ff;border-radius:50%;animation:spin-b7163166 1s linear infinite}.results-phase[data-v-b7163166]{text-align:center}.results-phase h2[data-v-b7163166]{color:#fff;margin:0 0 1.5rem}.matches-info[data-v-b7163166]{margin-bottom:2rem}.matches-count[data-v-b7163166]{display:inline-block;width:60px;height:60px;line-height:60px;background:linear-gradient(135deg,#e94560,#ff6b35);border-radius:50%;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.matches-label[data-v-b7163166]{display:block;color:#ffffffb3}.results-grid[data-v-b7163166]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;text-align:left;margin-bottom:2rem}.player-results h4[data-v-b7163166]{color:#fff;margin:0 0 1rem;font-size:1rem}.result-track[data-v-b7163166]{display:flex;align-items:center;gap:.75rem;padding:.6rem;background:#ffffff0d;border-radius:8px;margin-bottom:.5rem;border:2px solid transparent}.result-track.match[data-v-b7163166]{border-color:#4ade80;background:#4ade801a}.result-track img[data-v-b7163166]{width:40px;height:40px;border-radius:6px}.match-badge[data-v-b7163166]{font-size:1.2rem}.btn-next[data-v-b7163166]{padding:1rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;background:#00d9ff;color:#1a1a2e;cursor:pointer;transition:all .3s;font-family:inherit}.btn-next[data-v-b7163166]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d9ff4d}.search-results[data-v-b7163166]::-webkit-scrollbar{width:5px}.search-results[data-v-b7163166]::-webkit-scrollbar-track{background:transparent}.search-results[data-v-b7163166]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@media (max-width: 900px){.results-grid[data-v-b7163166]{grid-template-columns:1fr;gap:1rem}}.draw-canvas-container[data-v-f50c8dad]{display:flex;flex-direction:column;height:100%}.canvas-wrapper[data-v-f50c8dad]{flex:1;background:#2a2a3e;border-radius:12px;overflow:hidden;min-height:300px}canvas[data-v-f50c8dad]{width:100%;height:100%;display:block}canvas.drawing[data-v-f50c8dad]{cursor:crosshair}.tools[data-v-f50c8dad]{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff0d;border-radius:10px;margin-top:.75rem}.colors[data-v-f50c8dad]{display:flex;gap:.4rem}.color-btn[data-v-f50c8dad]{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-btn[data-v-f50c8dad]:hover{transform:scale(1.1)}.color-btn.active[data-v-f50c8dad]{border-color:#00d9ff;box-shadow:0 0 10px #00d9ff80}.sizes[data-v-f50c8dad]{display:flex;gap:.4rem;margin-left:auto}.size-btn[data-v-f50c8dad]{width:32px;height:32px;border:none;border-radius:8px;background:#ffffff1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.size-btn span[data-v-f50c8dad]{background:#fff;border-radius:50%}.size-btn[data-v-f50c8dad]:hover{background:#fff3}.size-btn.active[data-v-f50c8dad]{background:#00d9ff4d;border:1px solid #00d9ff}.clear-btn[data-v-f50c8dad]{padding:.5rem 1rem;border:none;border-radius:8px;background:#e9456033;cursor:pointer;font-size:1.1rem;transition:all .2s}.clear-btn[data-v-f50c8dad]:hover{background:#e9456066}.game2-mode[data-v-1dbcd3c2],.select-phase[data-v-1dbcd3c2]{height:100%;display:flex;flex-direction:column}.phase-header[data-v-1dbcd3c2]{text-align:center;margin-bottom:1.5rem}.phase-icon[data-v-1dbcd3c2]{font-size:3rem;display:block;margin-bottom:.5rem}.phase-header h2[data-v-1dbcd3c2]{color:#fff;margin:0 0 .5rem;font-size:1.5rem}.phase-header p[data-v-1dbcd3c2]{color:#fff9;margin:0}.selection-area[data-v-1dbcd3c2]{flex:1;overflow-y:auto}.search-bar[data-v-1dbcd3c2]{display:flex;gap:.5rem;margin-bottom:1rem}.search-bar input[data-v-1dbcd3c2]{flex:1;padding:.8rem 1rem;font-size:1rem;border:2px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0d;color:#fff;outline:none;font-family:inherit}.search-bar input[data-v-1dbcd3c2]:focus{border-color:#00d9ff}.search-bar input[data-v-1dbcd3c2]::placeholder{color:#fff6}.search-bar button[data-v-1dbcd3c2]{padding:.8rem 1.2rem;border:none;border-radius:10px;background:#00d9ff;color:#1a1a2e;font-size:1.1rem;cursor:pointer}.playlists-grid[data-v-1dbcd3c2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.playlist-card[data-v-1dbcd3c2]{background:#ffffff0d;border-radius:12px;padding:.75rem;cursor:pointer;transition:all .2s;text-align:center}.playlist-card[data-v-1dbcd3c2]:hover{background:#ffffff1a;transform:translateY(-2px)}.playlist-card img[data-v-1dbcd3c2]{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:.5rem}.playlist-card .no-image[data-v-1dbcd3c2]{width:100%;aspect-ratio:1;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:.5rem}.playlist-name[data-v-1dbcd3c2]{color:#fff;font-size:.85rem;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-btn[data-v-1dbcd3c2]{background:none;border:none;color:#00d9ff;cursor:pointer;font-size:.9rem;padding:0;margin-bottom:1rem}.track-selection h3[data-v-1dbcd3c2]{color:#fff;margin:0 0 .5rem}.selection-hint[data-v-1dbcd3c2]{color:#fff9;margin:0 0 1rem;font-size:.9rem}.no-tracks[data-v-1dbcd3c2]{color:#ffffff80;text-align:center;padding:2rem}.tracks-list[data-v-1dbcd3c2]{display:flex;flex-direction:column;gap:.5rem}.track-card[data-v-1dbcd3c2]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:10px;cursor:pointer;transition:all .2s}.track-card[data-v-1dbcd3c2]:hover{background:#a855f733;border:1px solid rgba(168,85,247,.3)}.track-card img[data-v-1dbcd3c2]{width:50px;height:50px;border-radius:6px}.track-info[data-v-1dbcd3c2]{flex:1;min-width:0}.track-name[data-v-1dbcd3c2]{display:block;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist[data-v-1dbcd3c2]{display:block;color:#ffffff80;font-size:.85rem}.select-icon[data-v-1dbcd3c2]{color:#a855f7;font-size:1.2rem}.waiting-selection[data-v-1dbcd3c2]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff9}.loader[data-v-1dbcd3c2]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#00d9ff;border-radius:50%;animation:spin-1dbcd3c2 1s linear infinite;margin-bottom:1rem}@keyframes spin-1dbcd3c2{to{transform:rotate(360deg)}}.drawing-phase[data-v-1dbcd3c2],.drawer-view[data-v-1dbcd3c2],.guesser-view[data-v-1dbcd3c2]{height:100%;display:flex;flex-direction:column}.track-to-draw[data-v-1dbcd3c2]{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#a855f733,#e9456033);border-radius:12px;margin-bottom:1rem;border:1px solid rgba(168,85,247,.3)}.track-to-draw img[data-v-1dbcd3c2]{width:60px;height:60px;border-radius:8px}.track-to-draw .label[data-v-1dbcd3c2]{display:block;color:#fff9;font-size:.8rem;margin-bottom:.25rem}.track-to-draw .track-name[data-v-1dbcd3c2]{font-size:1.1rem;font-weight:600}.play-btn[data-v-1dbcd3c2]{width:44px;height:44px;border:none;border-radius:50%;background:#00d9ff33;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.play-btn[data-v-1dbcd3c2]:hover{background:#00d9ff66;transform:scale(1.1)}.play-btn.playing[data-v-1dbcd3c2]{background:#e945604d}.play-btn-big[data-v-1dbcd3c2]{padding:.75rem 1.5rem;border:none;border-radius:25px;background:linear-gradient(135deg,#00d9ff,#a855f7);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:1rem}.play-btn-big[data-v-1dbcd3c2]:hover{transform:scale(1.05);box-shadow:0 0 20px #00d9ff66}.play-btn-big.playing[data-v-1dbcd3c2]{background:linear-gradient(135deg,#e94560,#a855f7)}.guess-header[data-v-1dbcd3c2]{text-align:center;padding:1rem;background:#00d9ff1a;border-radius:12px;margin-bottom:1rem}.guess-header .icon[data-v-1dbcd3c2]{font-size:2rem}.guess-header p[data-v-1dbcd3c2]{color:#00d9ff;margin:.5rem 0 0;font-weight:500}.guess-selection[data-v-1dbcd3c2]{margin-top:1rem}.selection-label[data-v-1dbcd3c2]{color:#fffc;margin-bottom:1rem;font-size:.9rem}.tracks-grid[data-v-1dbcd3c2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;max-height:300px;overflow-y:auto}.track-choice[data-v-1dbcd3c2]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:10px;cursor:pointer;transition:all .2s;border:2px solid transparent}.track-choice[data-v-1dbcd3c2]:hover{background:#a855f733;border-color:#a855f766;transform:translateY(-2px)}.track-choice img[data-v-1dbcd3c2]{width:50px;height:50px;border-radius:6px;flex-shrink:0}.track-choice .track-info[data-v-1dbcd3c2]{flex:1;min-width:0}.track-choice .track-name[data-v-1dbcd3c2]{display:block;color:#fff;font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-choice .track-artist[data-v-1dbcd3c2]{display:block;color:#ffffff80;font-size:.8rem}.play-preview-btn[data-v-1dbcd3c2]{width:36px;height:36px;border:none;border-radius:50%;background:#00d9ff33;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.play-preview-btn[data-v-1dbcd3c2]:hover{background:#00d9ff66;transform:scale(1.1)}.result-phase[data-v-1dbcd3c2]{height:100%;display:flex;align-items:center;justify-content:center}.result-card[data-v-1dbcd3c2]{text-align:center;padding:2rem;background:#ffffff0d;border-radius:20px;border:2px solid rgba(233,69,96,.3)}.result-card.correct[data-v-1dbcd3c2]{border-color:#4ade804d;background:#4ade801a}.result-icon[data-v-1dbcd3c2]{font-size:4rem;display:block;margin-bottom:.5rem}.result-card h2[data-v-1dbcd3c2]{color:#fff;margin:0 0 1.5rem}.track-reveal[data-v-1dbcd3c2]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0003;border-radius:12px;margin-bottom:1rem}.track-reveal img[data-v-1dbcd3c2]{width:60px;height:60px;border-radius:8px}.track-reveal .track-info[data-v-1dbcd3c2]{text-align:left}.track-reveal .track-name[data-v-1dbcd3c2]{font-size:1.1rem}.guess-was[data-v-1dbcd3c2]{color:#fff9;font-style:italic;margin-bottom:1.5rem}.btn-next[data-v-1dbcd3c2]{padding:1rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;background:#00d9ff;color:#1a1a2e;cursor:pointer;font-family:inherit}.loading-selection[data-v-1dbcd3c2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#ffffffb3}.loading-selection p[data-v-1dbcd3c2]{margin-top:1rem;color:#00d9ff}.loading[data-v-1dbcd3c2]{display:flex;justify-content:center;padding:2rem}@media (max-width: 768px){.phase-header[data-v-1dbcd3c2]{margin-bottom:.75rem}.phase-icon[data-v-1dbcd3c2]{font-size:2rem;margin-bottom:.25rem}.phase-header h2[data-v-1dbcd3c2]{font-size:1.1rem;margin:0 0 .25rem}.phase-header p[data-v-1dbcd3c2]{font-size:.85rem}.selection-area[data-v-1dbcd3c2]{flex:1;min-height:0}.playlists-grid[data-v-1dbcd3c2]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.playlist-card img[data-v-1dbcd3c2]{max-width:100px;max-height:100px}.playlist-card .no-image[data-v-1dbcd3c2]{max-width:100px;max-height:100px;font-size:1.8rem}.tracks-grid[data-v-1dbcd3c2]{grid-template-columns:1fr;gap:.5rem;max-height:none}.track-choice[data-v-1dbcd3c2]{padding:.5rem}.track-choice img[data-v-1dbcd3c2]{width:40px;height:40px}.track-choice .track-name[data-v-1dbcd3c2]{font-size:.85rem}.track-choice .track-artist[data-v-1dbcd3c2]{font-size:.75rem}}@media (max-width: 480px){.phase-header[data-v-1dbcd3c2]{margin-bottom:.5rem}.phase-icon[data-v-1dbcd3c2]{font-size:1.5rem}.phase-header h2[data-v-1dbcd3c2]{font-size:1rem}.phase-header p[data-v-1dbcd3c2]{font-size:.8rem}.playlists-grid[data-v-1dbcd3c2]{grid-template-columns:repeat(2,1fr);gap:.5rem}.playlist-card[data-v-1dbcd3c2]{padding:.5rem}.playlist-card img[data-v-1dbcd3c2]{max-width:80px;max-height:80px;margin:0 auto .25rem}.playlist-card .no-image[data-v-1dbcd3c2]{max-width:80px;max-height:80px;margin:0 auto .25rem;font-size:1.5rem}.playlist-name[data-v-1dbcd3c2]{font-size:.75rem}.search-bar[data-v-1dbcd3c2]{margin-bottom:.75rem}.search-bar input[data-v-1dbcd3c2]{padding:.6rem .8rem;font-size:.9rem}.search-bar button[data-v-1dbcd3c2]{padding:.6rem 1rem;font-size:1rem}.track-to-draw[data-v-1dbcd3c2]{padding:.75rem;gap:.75rem}.track-to-draw img[data-v-1dbcd3c2]{width:50px;height:50px}.track-to-draw .track-name[data-v-1dbcd3c2]{font-size:.95rem}.track-to-draw .track-artist[data-v-1dbcd3c2]{font-size:.8rem}.guess-header[data-v-1dbcd3c2]{padding:.75rem}.guess-header .icon[data-v-1dbcd3c2]{font-size:1.5rem}.guess-header p[data-v-1dbcd3c2]{font-size:.9rem}.play-btn[data-v-1dbcd3c2]{width:36px;height:36px;font-size:1rem}.play-preview-btn[data-v-1dbcd3c2]{width:32px;height:32px;font-size:.9rem}}.game[data-v-3c0e75b9]{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden;font-family:Outfit,sans-serif;padding:1rem}.background-shapes[data-v-3c0e75b9]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shape[data-v-3c0e75b9]{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3}.shape-1[data-v-3c0e75b9]{width:400px;height:400px;background:#e94560;top:-100px;left:-100px}.shape-2[data-v-3c0e75b9]{width:350px;height:350px;background:#00d9ff;bottom:-100px;right:-100px}.shape-3[data-v-3c0e75b9]{width:300px;height:300px;background:#a855f7;top:40%;left:50%}.game-container[data-v-3c0e75b9]{position:relative;z-index:10;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 2rem)}.game-header[data-v-3c0e75b9]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.room-info[data-v-3c0e75b9]{display:flex;align-items:center;gap:.5rem}.room-label[data-v-3c0e75b9]{color:#ffffff80;font-size:.85rem}.room-code[data-v-3c0e75b9]{font-family:JetBrains Mono,monospace;color:#00d9ff;font-weight:600;letter-spacing:2px}.mode-badge[data-v-3c0e75b9]{margin-left:.75rem;padding:.3rem .75rem;background:#a855f733;border:1px solid rgba(168,85,247,.3);border-radius:20px;color:#a855f7;font-size:.8rem;font-weight:500}.scores[data-v-3c0e75b9]{display:flex;align-items:center;gap:1rem}.score[data-v-3c0e75b9]{font-weight:600;font-size:.9rem}.score.you[data-v-3c0e75b9]{color:#e94560}.score.other[data-v-3c0e75b9]{color:#00d9ff}.vs[data-v-3c0e75b9]{color:#ffffff4d}.game-content[data-v-3c0e75b9]{flex:1;display:grid;grid-template-columns:1fr 280px;gap:1rem;min-height:0;overflow:hidden}.game-area[data-v-3c0e75b9]{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:1.5rem;overflow-y:auto}.chat-panel[data-v-3c0e75b9]{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.chat-header[data-v-3c0e75b9]{padding:.75rem 1rem;background:#0003;color:#fff;font-weight:600;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.chat-messages[data-v-3c0e75b9]{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.4rem}.no-messages[data-v-3c0e75b9]{color:#fff6;font-size:.8rem;text-align:center;margin:auto}.message[data-v-3c0e75b9]{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .6rem;background:#ffffff0d;border-radius:8px;animation:fadeIn-3c0e75b9 .2s ease}@keyframes fadeIn-3c0e75b9{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message.own[data-v-3c0e75b9]{background:#e9456026;border:1px solid rgba(233,69,96,.2)}.message-author[data-v-3c0e75b9]{font-weight:600;color:#00d9ff;font-size:.7rem}.message.own .message-author[data-v-3c0e75b9]{color:#e94560}.message-content[data-v-3c0e75b9]{color:#fff;font-size:.85rem;word-break:break-word}.chat-input[data-v-3c0e75b9]{display:flex;gap:.4rem;padding:.6rem;background:#0003}.chat-input input[data-v-3c0e75b9]{flex:1;padding:.5rem .7rem;font-size:.85rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0d;color:#fff;outline:none;font-family:inherit}.chat-input input[data-v-3c0e75b9]::placeholder{color:#fff6}.chat-input input[data-v-3c0e75b9]:focus{border-color:#00d9ff}.chat-input button[data-v-3c0e75b9]{padding:.5rem .7rem;border:none;border-radius:6px;background:#00d9ff;color:#1a1a2e;cursor:pointer;transition:all .2s}.chat-input button[data-v-3c0e75b9]:hover:not(:disabled){transform:scale(1.05)}.chat-input button[data-v-3c0e75b9]:disabled{opacity:.5;cursor:not-allowed}.btn-leave[data-v-3c0e75b9]{align-self:flex-start;padding:.5rem .8rem;font-size:.8rem;font-weight:500;border:none;border-radius:6px;background:#ffffff1a;color:#ffffffb3;cursor:pointer;transition:all .2s;font-family:inherit}.btn-leave[data-v-3c0e75b9]:hover{background:#ffffff26;color:#fff}.game-area[data-v-3c0e75b9]::-webkit-scrollbar,.chat-messages[data-v-3c0e75b9]::-webkit-scrollbar{width:5px}.game-area[data-v-3c0e75b9]::-webkit-scrollbar-track,.chat-messages[data-v-3c0e75b9]::-webkit-scrollbar-track{background:transparent}.game-area[data-v-3c0e75b9]::-webkit-scrollbar-thumb,.chat-messages[data-v-3c0e75b9]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@media (max-width: 900px){.game-content[data-v-3c0e75b9]{grid-template-columns:1fr;grid-template-rows:1fr 200px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e}::selection{background:#e94560;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#e94560;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff6b35}