*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);background-attachment:fixed;color:#fff}#app{width:100%;height:100vh}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid #1a1a2e;outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.5) rgba(0,0,0,.3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff99,#0f86);border-radius:4px;border:1px solid rgba(0,212,255,.3)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00d4ffcc,#0f89);border-color:#00d4ff80}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#00d4ff,#0f8)}::-webkit-scrollbar-corner{background:#0000004d}#app[data-v-ca54ae6d]{min-height:100vh}.rules-section[data-v-4b4d905b]{padding:6rem 2rem;background:#1a1a2e4d}.container[data-v-4b4d905b]{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title[data-v-4b4d905b]{text-align:center;font-size:2.5rem;font-weight:700;margin:0 0 2rem;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rules-grid[data-v-4b4d905b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.rule-card[data-v-4b4d905b]{background:#1a1a2e99;border:2px solid rgba(0,212,255,.2);border-radius:20px;padding:2.5rem 2rem;text-align:center;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rules-section.animated .rule-card[data-v-4b4d905b]{opacity:0;transform:translateY(30px)}.rules-section.animated .rule-card.animate-in[data-v-4b4d905b]{opacity:1;transform:translateY(0)}.rule-card[data-v-4b4d905b]:hover{border-color:#00d4ff80;transform:translateY(-4px);box-shadow:0 8px 30px #00d4ff33}.rule-icon[data-v-4b4d905b]{font-size:3rem;margin-bottom:1.5rem}.rule-card h3[data-v-4b4d905b]{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:#fff}.rule-card p[data-v-4b4d905b]{font-size:1rem;color:#ffffffb3;line-height:1.6;margin:0}.rule-list[data-v-4b4d905b]{text-align:left;list-style:none;padding:0;margin:0}.rule-list li[data-v-4b4d905b]{padding:.5rem 0;color:#ffffffb3;line-height:1.6}.rule-list[data-v-4b4d905b] strong{color:#00d4ff}.rules-section.compact[data-v-4b4d905b]{padding:1.5rem 0 0;background:transparent}.rules-section.compact .container[data-v-4b4d905b]{max-width:100%;padding:0}.rules-section.compact .section-title[data-v-4b4d905b]{font-size:1.5rem;margin-bottom:1.5rem}.rules-section.compact .rules-grid[data-v-4b4d905b]{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.rules-section.compact .rule-card[data-v-4b4d905b]{padding:1.5rem;text-align:left}@media (max-width: 768px){.rules-grid[data-v-4b4d905b]{grid-template-columns:1fr}.section-title[data-v-4b4d905b]{font-size:2rem}}.landing-page[data-v-053ac7d5]{min-height:100vh;width:100%}.container[data-v-053ac7d5]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section[data-v-053ac7d5]{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.hero-section[data-v-053ac7d5]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.1) 0%,transparent 70%);pointer-events:none}.hero-content[data-v-053ac7d5]{text-align:center;max-width:900px;position:relative;z-index:1}.hero-title[data-v-053ac7d5]{margin:0 0 1rem;font-size:5rem;font-weight:900;font-family:Brush Script MT,cursive;background:linear-gradient(90deg,#00d4ff,#0f8,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px;display:flex;align-items:center;justify-content:center;gap:0;filter:drop-shadow(0 4px 12px rgba(0,212,255,.4))}.vinyl-o[data-v-053ac7d5]{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 .1rem;animation:spin-053ac7d5 3s linear infinite;flex-shrink:0}.vinyl-o svg[data-v-053ac7d5]{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes spin-053ac7d5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-subtitle[data-v-053ac7d5]{font-size:1.75rem;color:#ffffffe6;margin:0 0 1rem;font-weight:600;line-height:1.4}.hero-description[data-v-053ac7d5]{font-size:1.125rem;color:#ffffffb3;margin:0 0 3rem;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.hero-note[data-v-053ac7d5]{font-size:1rem;color:#ffffffb3;margin:1rem auto 2rem;max-width:720px;line-height:1.6}.hero-actions[data-v-053ac7d5]{display:flex;margin-top:2rem;justify-content:center;flex-wrap:wrap}.cta-button[data-v-053ac7d5]{padding:1.25rem 3rem;font-size:1.125rem;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 20px #0000004d}.cta-button.primary[data-v-053ac7d5]{background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a}.cta-button.primary[data-v-053ac7d5]:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66}.cta-button.large[data-v-053ac7d5]{padding:1.5rem 4rem;font-size:1.25rem}.cta-button .icon[data-v-053ac7d5]{width:24px;height:24px}.about-section[data-v-053ac7d5]{padding:5rem 2rem;background:#1a1a2e4d;border-top:1px solid rgba(0,212,255,.1);border-bottom:1px solid rgba(0,212,255,.1)}.section-title[data-v-053ac7d5]{text-align:center;font-size:2.5rem;font-weight:700;margin:0 0 2rem;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description[data-v-053ac7d5]{text-align:center;font-size:1.25rem;line-height:1.8;color:#fffc;max-width:800px;margin:0 auto}.how-to-play-section[data-v-053ac7d5]{padding:6rem 2rem;position:relative}.steps-container[data-v-053ac7d5]{display:flex;flex-direction:column;gap:4rem;margin-top:4rem}.step[data-v-053ac7d5]{display:grid;grid-template-columns:80px 1fr 1fr;gap:3rem;align-items:center;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.step.animate-in[data-v-053ac7d5]{opacity:1;transform:translateY(0)}.step[data-v-053ac7d5]:nth-child(1){transition-delay:.1s}.step[data-v-053ac7d5]:nth-child(2){transition-delay:.2s}.step[data-v-053ac7d5]:nth-child(3){transition-delay:.3s}.step[data-v-053ac7d5]:nth-child(4){transition-delay:.4s}.step[data-v-053ac7d5]:nth-child(5){transition-delay:.5s}.step-number[data-v-053ac7d5]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;font-size:2rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00d4ff66;flex-shrink:0}.step-visual[data-v-053ac7d5]{position:relative;max-width:520px;width:100%}.mockup-frame[data-v-053ac7d5]{background:#1a1a2ecc;border:2px solid rgba(0,212,255,.3);border-radius:20px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #0000004d;width:100%;height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.step-content h3[data-v-053ac7d5]{font-size:1.75rem;font-weight:700;margin:0 0 1rem;color:#fff}.step-content p[data-v-053ac7d5]{font-size:1.125rem;color:#ffffffb3;line-height:1.6;margin:0}.step-image[data-v-053ac7d5]{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;display:block}.media-section[data-v-053ac7d5]{padding:6rem 2rem;background:#1a1a2e4d}.video-section-header[data-v-053ac7d5]{text-align:center;margin-bottom:1rem}.video-title[data-v-053ac7d5]{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.video-description[data-v-053ac7d5]{font-size:1.125rem;color:#ffffffb3;margin:0}.ipad-video-container[data-v-053ac7d5]{display:flex;justify-content:center;align-items:center;padding:2.5rem 0}.ipad-frame[data-v-053ac7d5]{position:relative;width:100%;max-width:820px;aspect-ratio:4 / 3;background:linear-gradient(145deg,#3b3c45,#1b1c25 55%,#2a2b35);border-radius:32px;padding:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px #0009,0 0 0 1px #ffffff14,inset 0 0 0 1px #ffffff29;display:flex;align-items:center;justify-content:center}.ipad-frame[data-v-053ac7d5]:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:24px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.ipad-frame[data-v-053ac7d5]:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:28px;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 45%);mix-blend-mode:screen;pointer-events:none;opacity:.6}.ipad-screen[data-v-053ac7d5]{width:100%;height:100%;background:#0a0a0f;border-radius:20px;overflow:hidden;position:relative;box-shadow:inset 0 0 18px #000000e6,0 0 0 1px #ffffff0d;padding:8px;box-sizing:border-box}.demo-video[data-v-053ac7d5]{width:100%;height:100%;object-fit:cover;display:block;border-radius:14px}.ipad-camera[data-v-053ac7d5]{position:absolute;top:6px;left:50%;transform:translate(-50%);width:32px;height:10px;background:linear-gradient(180deg,#1a1a24,#0d0d16);border-radius:999px;box-shadow:0 0 0 1px #ffffff1f,inset 0 1px 2px #0009;z-index:10}.ipad-camera[data-v-053ac7d5]:before{content:"";position:absolute;top:50%;left:6px;width:6px;height:6px;transform:translateY(-50%);background:radial-gradient(circle,#2c2f3f,#0c0f1c 70%);border-radius:50%;box-shadow:0 0 3px #00d4ff80}.ipad-camera[data-v-053ac7d5]:after{content:"";position:absolute;top:50%;right:6px;width:4px;height:4px;transform:translateY(-50%);background:#2a2f3b;border-radius:50%;opacity:.7}.final-cta-section[data-v-053ac7d5]{padding:6rem 2rem;text-align:center}.final-cta-section h2[data-v-053ac7d5]{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-cta-section p[data-v-053ac7d5]{font-size:1.25rem;color:#ffffffb3;margin:0 0 3rem}.legal-footer[data-v-053ac7d5]{padding:2.5rem 0 3rem;border-top:1px solid rgba(255,255,255,.08);background:#0a0a0f80}.legal-footer-inner[data-v-053ac7d5]{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;color:#fff9;font-size:.95rem}.legal-footer-links[data-v-053ac7d5]{display:flex;gap:1.5rem}.legal-footer-links a[data-v-053ac7d5]{color:#ffffffbf;text-decoration:none;font-weight:600}.legal-footer-links a[data-v-053ac7d5]:hover{color:#00d4ff}@media (max-width: 1024px){.step[data-v-053ac7d5]{grid-template-columns:60px 1fr;gap:2rem}.step-visual[data-v-053ac7d5]{grid-column:1 / -1}.step-number[data-v-053ac7d5]{width:60px;height:60px;font-size:1.5rem}}@media (max-width: 768px){.hero-title[data-v-053ac7d5]{font-size:3rem}.vinyl-o[data-v-053ac7d5]{width:2.5rem;height:2.5rem}.hero-subtitle[data-v-053ac7d5]{font-size:1.25rem}.hero-description[data-v-053ac7d5]{font-size:1rem}.cta-button[data-v-053ac7d5]{padding:1rem 2rem;font-size:1rem}.cta-button.large[data-v-053ac7d5]{padding:1.25rem 2.5rem;font-size:1.125rem}.section-title[data-v-053ac7d5]{font-size:2rem}.section-description[data-v-053ac7d5]{font-size:1.125rem}.rules-grid[data-v-053ac7d5],.step[data-v-053ac7d5]{grid-template-columns:1fr}.step-number[data-v-053ac7d5]{margin:0 auto}.step-visual[data-v-053ac7d5],.step-content[data-v-053ac7d5]{grid-column:1}.ipad-frame[data-v-053ac7d5]{max-width:100%;border-radius:26px;padding:12px}.ipad-screen[data-v-053ac7d5]{border-radius:16px}.ipad-camera[data-v-053ac7d5]{width:26px;height:8px;top:6px}.legal-footer-inner[data-v-053ac7d5]{flex-direction:column;align-items:flex-start}.legal-footer-links[data-v-053ac7d5]{flex-direction:column;gap:.75rem}}.login-container[data-v-8cb74a9a]{min-height:100vh;display:flex;align-items:center;justify-content:center;width:100%;padding:2rem}.login-card[data-v-8cb74a9a]{background:#1a1a2ecc;border:2px solid rgba(0,212,255,.2);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px #000c;text-align:center;max-width:450px;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.icon[data-v-8cb74a9a]{color:#00d4ff;margin-bottom:1.5rem;display:flex;justify-content:center;filter:drop-shadow(0 4px 12px rgba(0,212,255,.4))}h2[data-v-8cb74a9a]{margin:0 0 .5rem;font-size:2rem;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;letter-spacing:1px}.subtitle[data-v-8cb74a9a]{color:#ffffffb3;margin:0 0 2.5rem;font-size:1rem;line-height:1.6;font-weight:500}.spotify-btn[data-v-8cb74a9a]{background:#1db954;color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 12px #1db9544d}.spotify-btn[data-v-8cb74a9a]:hover{background:#1ed760;transform:translateY(-2px);box-shadow:0 6px 16px #1db95466}.spotify-btn[data-v-8cb74a9a]:active{transform:translateY(0)}.spotify-icon[data-v-8cb74a9a]{width:24px;height:24px}.note[data-v-8cb74a9a]{margin:1.5rem 0 0;font-size:.9rem;color:#ffffff80;line-height:1.5;font-weight:500}.checking-card[data-v-8cb74a9a]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.spinner[data-v-8cb74a9a]{width:48px;height:48px;border:4px solid rgba(0,212,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin-8cb74a9a 1s linear infinite;margin-bottom:1rem}@keyframes spin-8cb74a9a{to{transform:rotate(360deg)}}.checking-text[data-v-8cb74a9a]{color:#ffffffb3;font-size:1rem;margin:0}.auth-callback[data-v-3018e2f6]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.callback-container[data-v-3018e2f6]{max-width:500px;width:100%;text-align:center}.loading-state[data-v-3018e2f6],.error-state[data-v-3018e2f6]{background:#1a1a2ecc;border:2px solid rgba(0,212,255,.2);border-radius:24px;padding:3rem 2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.spinner[data-v-3018e2f6]{width:64px;height:64px;border:4px solid rgba(0,212,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin-3018e2f6 1s linear infinite;margin:0 auto 2rem}@keyframes spin-3018e2f6{to{transform:rotate(360deg)}}.loading-state h2[data-v-3018e2f6],.error-state h2[data-v-3018e2f6]{margin:0 0 1rem;font-size:1.75rem;color:#fff;font-weight:700}.loading-state p[data-v-3018e2f6]{color:#ffffffb3;font-size:1rem;margin:0}.error-icon[data-v-3018e2f6]{color:#f44;margin-bottom:1.5rem;display:flex;justify-content:center}.error-message[data-v-3018e2f6]{color:#fffc;font-size:1rem;margin:0 0 2rem;line-height:1.6}.retry-button[data-v-3018e2f6]{background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.retry-button[data-v-3018e2f6]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.auth-error[data-v-0eab5207]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.error-container[data-v-0eab5207]{background:#1a1a2ecc;border:2px solid rgba(255,68,68,.3);border-radius:24px;padding:3rem 2.5rem;max-width:500px;width:100%;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.error-icon[data-v-0eab5207]{color:#f44;margin-bottom:1.5rem;display:flex;justify-content:center;filter:drop-shadow(0 4px 12px rgba(255,68,68,.4))}h1[data-v-0eab5207]{margin:0 0 1rem;font-size:2rem;color:#fff;font-weight:700}.error-message[data-v-0eab5207]{color:#fffc;font-size:1.125rem;margin:0 0 2.5rem;line-height:1.6}.actions[data-v-0eab5207]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.primary-button[data-v-0eab5207],.secondary-button[data-v-0eab5207]{padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;border:none}.primary-button[data-v-0eab5207]{background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a}.primary-button[data-v-0eab5207]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.secondary-button[data-v-0eab5207]{background:#1a1a2e99;color:#ffffffe6;border:2px solid rgba(0,212,255,.3)}.secondary-button[data-v-0eab5207]:hover{border-color:#00d4ff;background:#00d4ff1a}.songmaster-logo[data-v-73874989]{margin:0;font-size:var(--songmaster-logo-size, 3.25rem);font-weight:900;font-family:Brush Script MT,cursive;background:linear-gradient(90deg,#00d4ff,#0f8,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px;display:flex;align-items:center;justify-content:center;gap:0;filter:drop-shadow(0 4px 12px rgba(0,212,255,.4))}.vinyl-o[data-v-73874989]{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--songmaster-logo-size, 3.25rem) * .8);height:calc(var(--songmaster-logo-size, 3.25rem) * .8);margin:0 .1rem;animation:spin-73874989 3s linear infinite;flex-shrink:0}.vinyl-o svg[data-v-73874989]{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes spin-73874989{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.legal-page[data-v-3021b1bf]{min-height:100vh;padding:4rem 1.5rem 6rem}.legal-container[data-v-3021b1bf]{max-width:900px;margin:0 auto;background:#0a0a0fb3;border:1px solid rgba(0,212,255,.12);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.legal-logo[data-v-3021b1bf]{display:flex;justify-content:center;width:100%;text-decoration:none;margin-bottom:2rem;--songmaster-logo-size: 3.2rem}.legal-header h1[data-v-3021b1bf]{font-size:2.75rem;margin:0 0 .75rem;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-eyebrow[data-v-3021b1bf]{font-size:.95rem;text-transform:uppercase;letter-spacing:.2rem;color:#fff9;margin:0 0 .75rem}.legal-intro[data-v-3021b1bf]{color:#ffffffbf;font-size:1.1rem;margin-bottom:2.5rem;line-height:1.7}.legal-section[data-v-3021b1bf]{margin-bottom:2rem}.legal-section h2[data-v-3021b1bf]{font-size:1.4rem;margin-bottom:.75rem}.legal-section p[data-v-3021b1bf]{color:#ffffffc7;line-height:1.7;margin-bottom:.4rem}.legal-back[data-v-3021b1bf]{display:inline-flex;margin-top:2rem;color:#00d4ff;text-decoration:none;font-weight:600}.legal-back[data-v-3021b1bf]:hover{color:#0f8}@media (max-width: 720px){.legal-container[data-v-3021b1bf]{padding:2rem}.legal-header h1[data-v-3021b1bf]{font-size:2.2rem}}.legal-page[data-v-9db0a7ee]{min-height:100vh;padding:4rem 1.5rem 6rem}.legal-container[data-v-9db0a7ee]{max-width:900px;margin:0 auto;background:#0a0a0fb3;border:1px solid rgba(0,212,255,.12);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.legal-logo[data-v-9db0a7ee]{display:flex;justify-content:center;width:100%;text-decoration:none;margin-bottom:2rem;--songmaster-logo-size: 3.2rem}.legal-header h1[data-v-9db0a7ee]{font-size:2.75rem;margin:0 0 .75rem;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-eyebrow[data-v-9db0a7ee]{font-size:.95rem;text-transform:uppercase;letter-spacing:.2rem;color:#fff9;margin:0 0 .75rem}.legal-intro[data-v-9db0a7ee]{color:#ffffffbf;font-size:1.1rem;margin-bottom:2.5rem;line-height:1.7}.legal-section[data-v-9db0a7ee]{margin-bottom:2rem}.legal-section h2[data-v-9db0a7ee]{font-size:1.4rem;margin-bottom:.75rem}.legal-section p[data-v-9db0a7ee],.legal-section li[data-v-9db0a7ee]{color:#ffffffc7;line-height:1.7}.legal-section ul[data-v-9db0a7ee]{padding-left:1.2rem;margin:.5rem 0 0}.legal-link[data-v-9db0a7ee]{color:#00d4ff;text-decoration:none}.legal-link[data-v-9db0a7ee]:hover{color:#0f8}.legal-back[data-v-9db0a7ee]{display:inline-flex;margin-top:2rem;color:#00d4ff;text-decoration:none;font-weight:600}.legal-back[data-v-9db0a7ee]:hover{color:#0f8}@media (max-width: 720px){.legal-container[data-v-9db0a7ee]{padding:2rem}.legal-header h1[data-v-9db0a7ee]{font-size:2.2rem}}.legal-page[data-v-25b790de]{min-height:100vh;padding:4rem 1.5rem 6rem}.legal-container[data-v-25b790de]{max-width:900px;margin:0 auto;background:#0a0a0fb3;border:1px solid rgba(0,212,255,.12);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.legal-logo[data-v-25b790de]{display:flex;justify-content:center;width:100%;text-decoration:none;margin-bottom:2rem;--songmaster-logo-size: 3.2rem}.legal-header h1[data-v-25b790de]{font-size:2.5rem;margin:0 0 .75rem;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-eyebrow[data-v-25b790de]{font-size:.95rem;text-transform:uppercase;letter-spacing:.2rem;color:#fff9;margin:0 0 .75rem}.legal-intro[data-v-25b790de]{color:#ffffffbf;font-size:1.05rem;margin-bottom:2.5rem;line-height:1.7}.legal-section[data-v-25b790de]{margin-bottom:2rem}.legal-section h2[data-v-25b790de]{font-size:1.35rem;margin-bottom:.75rem}.legal-section p[data-v-25b790de]{color:#ffffffc7;line-height:1.7;margin-bottom:.5rem}.legal-back[data-v-25b790de]{display:inline-flex;margin-top:2rem;color:#00d4ff;text-decoration:none;font-weight:600}.legal-back[data-v-25b790de]:hover{color:#0f8}@media (max-width: 720px){.legal-container[data-v-25b790de]{padding:2rem}.legal-header h1[data-v-25b790de]{font-size:2.1rem}}.modal-overlay[data-v-ae0525a7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content[data-v-ae0525a7]{background:linear-gradient(135deg,#1a1a2efa,#0f3460fa);border-radius:24px;width:100%;max-width:500px;max-height:calc(100vh - 2rem);box-shadow:0 20px 60px #000c,0 0 80px #00d4ff4d;border:2px solid rgba(0,212,255,.3);display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-ae0525a7]{padding:2rem 2rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(0,212,255,.2);flex-shrink:0}.modal-title[data-v-ae0525a7]{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 4px 12px rgba(0,212,255,.3))}.close-btn[data-v-ae0525a7]{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s}.close-btn[data-v-ae0525a7]:hover{color:#00d4ff;background:#00d4ff1a}.modal-body[data-v-ae0525a7]{padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto;flex:1;min-height:0}.setting-group[data-v-ae0525a7]{display:flex;flex-direction:column;gap:.75rem}.setting-label[data-v-ae0525a7]{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.5px}.stepper[data-v-ae0525a7]{display:flex;align-items:center;gap:1rem;background:#0000004d;padding:.5rem;border-radius:12px;border:2px solid rgba(0,212,255,.2)}.stepper-btn[data-v-ae0525a7]{background:linear-gradient(135deg,#00d4ff33,#0f83);border:2px solid rgba(0,212,255,.3);color:#00d4ff;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.stepper-btn[data-v-ae0525a7]:hover:not(:disabled){background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;transform:scale(1.05);box-shadow:0 4px 12px #00d4ff66}.stepper-btn[data-v-ae0525a7]:disabled{opacity:.3;cursor:not-allowed}.stepper-input[data-v-ae0525a7]{flex:1;background:#0006;border:2px solid rgba(0,212,255,.2);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:1.5rem;font-weight:700;text-align:center;transition:all .3s}.stepper-input[data-v-ae0525a7]:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d}.setting-hint[data-v-ae0525a7]{font-size:.9rem;color:#ffffff80;margin:0;font-style:italic}.toggle-row[data-v-ae0525a7]{display:flex;align-items:center;justify-content:space-between}.toggle[data-v-ae0525a7]{position:relative;width:60px;height:32px;background:#0006;border:2px solid rgba(255,255,255,.2);border-radius:16px;cursor:pointer;transition:all .3s;padding:0}.toggle.active[data-v-ae0525a7]{background:linear-gradient(135deg,#00d4ff,#0f8);border-color:transparent;box-shadow:0 4px 12px #00d4ff66}.toggle-slider[data-v-ae0525a7]{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 2px 8px #0000004d}.toggle.active .toggle-slider[data-v-ae0525a7]{transform:translate(28px);background:#0a0a0a}.modal-footer[data-v-ae0525a7]{padding:1.5rem 2rem 2rem;display:flex;gap:1rem;justify-content:flex-end;border-top:2px solid rgba(0,212,255,.2);flex-shrink:0}.btn[data-v-ae0525a7]{padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;border:none;letter-spacing:.5px}.btn-secondary[data-v-ae0525a7]{background:#ffffff1a;color:#fffc;border:2px solid rgba(255,255,255,.2)}.btn-secondary[data-v-ae0525a7]:hover{background:#ffffff26;color:#fff}.btn-primary[data-v-ae0525a7]{background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;border:none;box-shadow:0 4px 16px #00d4ff4d}.btn-primary[data-v-ae0525a7]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff80}.modal-enter-active[data-v-ae0525a7],.modal-leave-active[data-v-ae0525a7]{transition:opacity .3s}.modal-enter-active .modal-content[data-v-ae0525a7],.modal-leave-active .modal-content[data-v-ae0525a7]{transition:transform .3s}.modal-enter-from[data-v-ae0525a7],.modal-leave-to[data-v-ae0525a7]{opacity:0}.modal-enter-from .modal-content[data-v-ae0525a7],.modal-leave-to .modal-content[data-v-ae0525a7]{transform:scale(.9) translateY(20px)}@media (max-width: 768px){.modal-content[data-v-ae0525a7]{max-width:calc(100% - 2rem)}.modal-header[data-v-ae0525a7]{padding:1.5rem 1.5rem 1rem}.modal-title[data-v-ae0525a7]{font-size:1.5rem}.modal-body[data-v-ae0525a7]{padding:1.5rem}.modal-footer[data-v-ae0525a7]{padding:1rem 1.5rem 1.5rem;flex-direction:column}.btn[data-v-ae0525a7]{width:100%}}.modal-overlay[data-v-7e07a00c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content[data-v-7e07a00c]{background:linear-gradient(135deg,#1a1a2efa,#0f3460fa);border-radius:24px;width:100%;max-width:900px;max-height:90vh;box-shadow:0 20px 60px #000c,0 0 80px #00d4ff4d;border:2px solid rgba(0,212,255,.3);overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-7e07a00c]{padding:2rem 2rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(0,212,255,.2)}.modal-title[data-v-7e07a00c]{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 4px 12px rgba(0,212,255,.3))}.close-btn[data-v-7e07a00c]{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s}.close-btn[data-v-7e07a00c]:hover{color:#00d4ff;background:#00d4ff1a}.modal-body[data-v-7e07a00c]{padding:1.5rem 2rem 2rem;overflow-y:auto}.modal-body[data-v-7e07a00c] .rules-section{padding:0;background:transparent}.modal-body[data-v-7e07a00c] .rules-grid{margin-top:0}.modal-enter-active[data-v-7e07a00c],.modal-leave-active[data-v-7e07a00c]{transition:opacity .3s}.modal-enter-active .modal-content[data-v-7e07a00c],.modal-leave-active .modal-content[data-v-7e07a00c]{transition:transform .3s}.modal-enter-from[data-v-7e07a00c],.modal-leave-to[data-v-7e07a00c]{opacity:0}.modal-enter-from .modal-content[data-v-7e07a00c],.modal-leave-to .modal-content[data-v-7e07a00c]{transform:scale(.95) translateY(20px)}@media (max-width: 768px){.modal-content[data-v-7e07a00c]{max-width:calc(100% - 1rem);max-height:92vh}.modal-header[data-v-7e07a00c]{padding:1.5rem 1.5rem 1rem}.modal-title[data-v-7e07a00c]{font-size:1.5rem}.modal-body[data-v-7e07a00c]{padding:1rem 1.5rem 1.5rem}}.back-button[data-v-bd043ff5]{position:fixed;top:.75rem;left:.75rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#1a1a2ee6;border:2px solid rgba(0,212,255,.3);color:#00d4ff;padding:.625rem;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:0 4px 16px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button[data-v-bd043ff5]:hover{background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;border-color:transparent;transform:translate(-4px);box-shadow:0 8px 24px #00d4ff80}.back-button[data-v-bd043ff5]:active{transform:translate(-2px) scale(.95)}@media (max-height: 768px){.back-button[data-v-bd043ff5]{width:44px;height:44px;top:.5rem;left:.5rem;padding:.5rem}.back-button svg[data-v-bd043ff5]{width:20px;height:20px}}.game-layout[data-v-fafb066f]{min-height:100vh;display:flex;flex-direction:column}.game-header[data-v-fafb066f]{background:#0000004d;color:#fff;padding:1.5rem 2rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;box-shadow:0 4px 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(0,212,255,.2);position:sticky;top:0;z-index:100;text-align:center}.logo[data-v-fafb066f]{margin:0 auto;font-size:2rem;font-weight:900;font-family:Brush Script MT,cursive;background:linear-gradient(90deg,#00d4ff,#0f8,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px;display:flex;align-items:center;gap:0;filter:drop-shadow(0 4px 12px rgba(0,212,255,.4));text-decoration:none;cursor:pointer}.header-left[data-v-fafb066f]{display:flex;align-items:center;justify-content:flex-start}.game-header .back-button[data-v-fafb066f]{position:static}.vinyl-o[data-v-fafb066f]{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin:0 .1rem;animation:spin-fafb066f 3s linear infinite;flex-shrink:0}.vinyl-o svg[data-v-fafb066f]{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.header-actions[data-v-fafb066f]{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.header-actions.floating[data-v-fafb066f]{position:fixed;right:.75rem;top:.75rem;transform:none;z-index:200}.menu-button[data-v-fafb066f]{background:#1a1a2ee6;border:2px solid rgba(0,212,255,.3);color:#00d4ff;padding:.625rem;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-button[data-v-fafb066f]:hover{background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff80;border-color:transparent}.menu-button[data-v-fafb066f]:active{transform:translateY(-1px) scale(.96)}.nav-menu[data-v-fafb066f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn-fafb066f .2s}@keyframes fadeIn-fafb066f{0%{opacity:0}to{opacity:1}}.menu-content[data-v-fafb066f]{background:#1a1a2ef2;width:100%;max-width:400px;padding:2rem;box-shadow:-4px 0 20px #00000080;overflow-y:auto;animation:slideIn-fafb066f .3s}@keyframes slideIn-fafb066f{0%{transform:translate(100%)}to{transform:translate(0)}}.close-button[data-v-fafb066f]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-bottom:2rem}.close-button[data-v-fafb066f]:hover{background:#fff3}.menu-section[data-v-fafb066f]{margin-bottom:2rem}.menu-section h3[data-v-fafb066f]{margin:0 0 1rem;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;font-weight:600}.menu-item[data-v-fafb066f]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;font-size:1rem;font-weight:500;transition:all .2s;margin-bottom:.75rem;cursor:pointer;width:100%;text-align:left}.menu-item[data-v-fafb066f]:hover{background:#00d4ff1a;border-color:#00d4ff4d}.menu-item.router-link-active[data-v-fafb066f]{background:#00d4ff26;border-color:#00d4ff66;color:#00d4ff}.menu-item.quit-game[data-v-fafb066f]{color:#fa0}.menu-item.quit-game[data-v-fafb066f]:hover:not(:disabled){background:#ffaa001a;border-color:#ffaa004d}.menu-item.quit-game[data-v-fafb066f]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-fafb066f]{animation:spin-fafb066f 1s linear infinite}@keyframes spin-fafb066f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-item.logout[data-v-fafb066f]{color:#f44}.menu-item.logout[data-v-fafb066f]:hover{background:#ff44441a;border-color:#ff44444d}.game-content[data-v-fafb066f]{flex:1;display:flex;flex-direction:column}@media (max-height: 768px){.game-header[data-v-fafb066f]{padding:1rem 1.5rem}.logo[data-v-fafb066f]{font-size:1.75rem}.vinyl-o[data-v-fafb066f]{width:1.5rem;height:1.5rem}.header-actions.floating[data-v-fafb066f]{top:.5rem;right:.5rem}.menu-button[data-v-fafb066f]{width:44px;height:44px;padding:.5rem}}@media (max-width: 768px){.header-actions[data-v-fafb066f]{right:1rem}.game-header[data-v-fafb066f]{padding-right:3.5rem}.header-actions.floating[data-v-fafb066f]{top:.75rem;right:.75rem}.menu-button[data-v-fafb066f]{width:48px;height:48px}}.game-settings[data-v-b854c4b0]{max-width:800px;margin:0 auto;padding:3rem 2rem}.settings-container h1[data-v-b854c4b0]{margin:0 0 2rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-section[data-v-b854c4b0]{background:#1a1a2e99;border:2px solid rgba(0,212,255,.2);border-radius:20px;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-section h2[data-v-b854c4b0]{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#fff}.section-description[data-v-b854c4b0]{margin:0 0 1.5rem;color:#ffffffb3;font-size:.95rem;line-height:1.6}.setting-item[data-v-b854c4b0]{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.setting-item[data-v-b854c4b0]:last-child{border-bottom:none}.setting-info label[data-v-b854c4b0]{display:block;font-size:.875rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.setting-info p[data-v-b854c4b0]{margin:0;font-size:1rem;color:#fff}.sessions-list[data-v-b854c4b0]{margin-top:1.5rem}.session-item[data-v-b854c4b0]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:.75rem}.session-info[data-v-b854c4b0]{display:flex;flex-direction:column;gap:.25rem}.session-info strong[data-v-b854c4b0]{color:#fff;font-size:1rem}.session-meta[data-v-b854c4b0]{font-size:.875rem;color:#fff9}.badge[data-v-b854c4b0]{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.current[data-v-b854c4b0]{background:#00d4ff33;color:#00d4ff;border:1px solid rgba(0,212,255,.4)}.action-button[data-v-b854c4b0]{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;border:none;text-decoration:none;display:inline-block}.action-button.secondary[data-v-b854c4b0]{background:#00d4ff1a;color:#00d4ff;border:2px solid rgba(0,212,255,.3)}.action-button.secondary[data-v-b854c4b0]:hover{background:#00d4ff33;border-color:#00d4ff}.action-button.danger[data-v-b854c4b0]{background:#ff44441a;color:#f44;border:2px solid rgba(255,68,68,.3);margin-top:1rem}.action-button.danger[data-v-b854c4b0]:hover{background:#f443;border-color:#f44}.action-button[data-v-b854c4b0]:disabled{opacity:.5;cursor:not-allowed}.danger-zone[data-v-b854c4b0]{border-color:#ff44444d}@media (max-width: 768px){.game-settings[data-v-b854c4b0]{padding:2rem 1rem}.settings-container h1[data-v-b854c4b0]{font-size:2rem}.settings-section[data-v-b854c4b0]{padding:1.5rem}.session-item[data-v-b854c4b0]{flex-direction:column;align-items:flex-start;gap:.75rem}}.mode-selection[data-v-d7020e3b]{width:100%;max-width:800px;padding:2rem 1rem;position:relative;margin:0 auto}.title[data-v-d7020e3b]{text-align:center;font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;filter:drop-shadow(0 4px 12px rgba(0,212,255,.3))}.subtitle[data-v-d7020e3b]{text-align:center;font-size:1.1rem;color:#ffffffb3;margin:0 0 3rem;font-weight:500}.mode-grid[data-v-d7020e3b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:0 auto}.mode-card[data-v-d7020e3b]{border-radius:24px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0009;border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-card-group[data-v-d7020e3b]{background:linear-gradient(135deg,#0f83,#0f346099)}.mode-card-single[data-v-d7020e3b]{background:linear-gradient(135deg,#00d4ff33,#0f346099)}.mode-card-qr[data-v-d7020e3b]{background:linear-gradient(135deg,#1a1a2ecc,#16213ecc)}.mode-card-disabled[data-v-d7020e3b]{opacity:.5;cursor:not-allowed}.mode-card-disabled[data-v-d7020e3b]:hover{transform:none;box-shadow:0 8px 32px #0009}.mobile-only-hint[data-v-d7020e3b]{font-size:.85rem;color:#ffffff80;margin-top:.5rem;font-style:italic}.mode-card[data-v-d7020e3b]:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 16px 48px #00d4ff66,0 0 40px #00d4ff33;border-color:#00d4ff80}.mode-card[data-v-d7020e3b]:active{transform:translateY(-8px) scale(1.01)}.mode-icon[data-v-d7020e3b]{color:#00d4ff;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;height:80px;filter:drop-shadow(0 4px 12px rgba(0,212,255,.4))}.mode-name[data-v-d7020e3b]{font-size:1.8rem;font-weight:900;color:#fff;margin:0 0 .75rem;text-shadow:0 4px 12px rgba(0,0,0,.6);letter-spacing:1px}.mode-description[data-v-d7020e3b]{font-size:1rem;color:#ffffffd9;margin:0;line-height:1.6;text-shadow:0 2px 6px rgba(0,0,0,.4);font-weight:500}@media (max-width: 768px){.title[data-v-d7020e3b]{font-size:2rem}.mode-grid[data-v-d7020e3b]{grid-template-columns:1fr;gap:1.5rem}.mode-card[data-v-d7020e3b]{padding:2rem 1.5rem}}.modal-overlay[data-v-0d9705a7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-0d9705a7]{background:linear-gradient(135deg,#1a1f2e,#252b3d);border:2px solid #00D9FF;border-radius:20px;padding:40px;max-width:600px;max-height:calc(100vh - 40px);width:100%;box-shadow:0 20px 60px #00d9ff4d;overflow-y:auto}h2[data-v-0d9705a7]{color:#00d9ff;font-size:32px;font-weight:700;margin:0 0 16px;text-align:center}.description[data-v-0d9705a7]{color:#a0aec0;font-size:16px;line-height:1.5;margin:0 0 32px;text-align:center}.form-group[data-v-0d9705a7]{margin-bottom:24px}label[data-v-0d9705a7]{display:block;color:#00d9ff;font-size:16px;font-weight:600;margin-bottom:8px}input[data-v-0d9705a7]{width:100%;padding:14px 16px;background:#ffffff0d;border:2px solid rgba(0,217,255,.3);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease;box-sizing:border-box}input[data-v-0d9705a7]:focus{outline:none;border-color:#00d9ff;background:#ffffff14}input[data-v-0d9705a7]:disabled{opacity:.5;cursor:not-allowed}input[data-v-0d9705a7]::placeholder{color:#ffffff4d}.error-text[data-v-0d9705a7]{display:block;color:#f44;font-size:14px;margin-top:6px}.error-message[data-v-0d9705a7]{background:#ff44441a;border:1px solid #FF4444;border-radius:8px;padding:12px 16px;color:#f44;font-size:14px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.error-message .error-text[data-v-0d9705a7]{line-height:1.5}.btn-copy-debug[data-v-0d9705a7]{align-self:flex-start;padding:6px 12px;background:#ff444426;border:1px solid rgba(255,68,68,.4);border-radius:6px;color:#f44;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-copy-debug[data-v-0d9705a7]:hover{background:#ff444440;border-color:#f44}.loading-state[data-v-0d9705a7]{text-align:center;padding:24px 0;margin-bottom:24px}.spinner[data-v-0d9705a7]{width:48px;height:48px;border:4px solid rgba(0,217,255,.1);border-top-color:#00d9ff;border-radius:50%;animation:spin-0d9705a7 1s linear infinite;margin:0 auto 16px}@keyframes spin-0d9705a7{to{transform:rotate(360deg)}}.loading-state p[data-v-0d9705a7]{margin:0}.loading-title[data-v-0d9705a7]{color:#00d9ff;font-size:18px;font-weight:600;margin-bottom:8px}.loading-subtitle[data-v-0d9705a7]{color:#a0aec0;font-size:14px;line-height:1.5}.button-group[data-v-0d9705a7]{display:flex;gap:16px;margin-top:32px}button[data-v-0d9705a7]{flex:1;padding:16px 24px;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-cancel[data-v-0d9705a7]{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.btn-cancel[data-v-0d9705a7]:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.btn-generate[data-v-0d9705a7]{background:linear-gradient(135deg,#00d9ff,#09c);color:#0a0e1a}.btn-generate[data-v-0d9705a7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #00d9ff66}button[data-v-0d9705a7]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width: 600px){.modal-content[data-v-0d9705a7]{padding:24px}h2[data-v-0d9705a7]{font-size:24px}.description[data-v-0d9705a7]{font-size:14px}.button-group[data-v-0d9705a7]{flex-direction:column}}.genre-selection[data-v-324d3bb7]{width:100%;max-width:1000px;padding:2rem 1rem;position:relative;margin:0 auto}.title[data-v-324d3bb7]{text-align:center;font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;filter:drop-shadow(0 4px 12px rgba(0,212,255,.3))}.subtitle[data-v-324d3bb7]{text-align:center;font-size:1.1rem;color:#ffffffb3;margin:0 0 3rem;font-weight:500}@keyframes shimmer-324d3bb7{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-skeleton[data-v-324d3bb7]{border-radius:24px;height:250px;background:linear-gradient(90deg,#1a1a2e66,#1a1a2e99,#1a1a2e66);background-size:1000px 100%;animation:shimmer-324d3bb7 2s infinite linear;border:2px solid rgba(255,255,255,.1)}.genre-grid[data-v-324d3bb7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:0 auto}.genre-card[data-v-324d3bb7]{border-radius:24px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0009;border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.genre-card[data-v-324d3bb7]:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 16px 48px #00d4ff66,0 0 40px #00d4ff33;border-color:#00d4ff80}.genre-card[data-v-324d3bb7]:active{transform:translateY(-8px) scale(1.01)}.genre-icon[data-v-324d3bb7]{color:#fff;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;height:80px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.genre-name[data-v-324d3bb7]{font-size:1.6rem;font-weight:900;color:#fff;margin:0 0 .75rem;text-shadow:0 4px 12px rgba(0,0,0,.6);letter-spacing:1px}.genre-description[data-v-324d3bb7]{font-size:1rem;color:#ffffffd9;margin:0;line-height:1.6;text-shadow:0 2px 6px rgba(0,0,0,.4);font-weight:500}.genre-year-range[data-v-324d3bb7]{font-size:.85rem;color:#fff9;margin:.5rem 0 0;line-height:1.4;text-shadow:0 2px 6px rgba(0,0,0,.4);font-weight:400}.genre-loading[data-v-324d3bb7]{pointer-events:none}.genre-overlay[data-v-324d3bb7]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;justify-content:center;align-items:center;border-radius:16px;z-index:10}@keyframes spin-324d3bb7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.genre-spinner[data-v-324d3bb7]{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin-324d3bb7 1s linear infinite}.custom-card[data-v-324d3bb7]{background:linear-gradient(135deg,#00d9ff26,#0099cc26)!important;border:2px dashed rgba(0,217,255,.5)!important}.custom-card[data-v-324d3bb7]:hover{background:linear-gradient(135deg,#00d9ff40,#0099cc40)!important;border-color:#00d9ffcc!important}.success-toast[data-v-324d3bb7]{position:fixed;top:24px;right:24px;background:linear-gradient(135deg,#00d9ff,#09c);color:#0a0e1a;padding:16px 24px;border-radius:12px;font-weight:700;font-size:16px;box-shadow:0 8px 32px #00d9ff66;z-index:1001;animation:slideIn-324d3bb7 .3s ease-out}@keyframes slideIn-324d3bb7{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.title[data-v-324d3bb7]{font-size:2rem}.genre-grid[data-v-324d3bb7]{grid-template-columns:1fr;gap:1rem}.genre-card[data-v-324d3bb7]{padding:1.5rem}.success-toast[data-v-324d3bb7]{top:16px;right:16px;left:16px;text-align:center}}.game-genres-page[data-v-abd44a67]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.error-message[data-v-abd44a67]{text-align:center;color:#f44;font-size:1.1rem;padding:2rem}.error-message button[data-v-abd44a67]{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00d4ff66}.error-message button[data-v-abd44a67]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff99}.player-setup[data-v-0bf8bf19]{width:100%;max-width:600px;padding:2rem 1rem;position:relative;margin:0 auto}.title[data-v-0bf8bf19]{text-align:center;font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:2rem 0 .5rem;filter:drop-shadow(0 4px 12px rgba(0,212,255,.3))}.subtitle[data-v-0bf8bf19]{text-align:center;font-size:1.1rem;color:#ffffffb3;margin:0 0 2rem;font-weight:500}.input-section[data-v-0bf8bf19]{margin-bottom:2rem}.input-group[data-v-0bf8bf19]{display:flex;gap:1rem}.player-input[data-v-0bf8bf19]{flex:1;padding:1rem 1.25rem;border:2px solid rgba(0,212,255,.3);border-radius:12px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#1a1a2e99;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-input[data-v-0bf8bf19]::placeholder{color:#fff6}.player-input[data-v-0bf8bf19]:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33,0 0 20px #00d4ff4d;background:#1a1a2ecc}.add-btn[data-v-0bf8bf19]{padding:1rem 2rem;background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 16px #00d4ff66}.add-btn[data-v-0bf8bf19]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff99}.error-message[data-v-0bf8bf19]{color:#f44;font-size:.95rem;margin:.75rem 0 0;font-weight:600}.players-list[data-v-0bf8bf19]{margin-bottom:2rem}.list-title[data-v-0bf8bf19]{font-size:1.3rem;font-weight:700;color:#ffffffe6;margin:0 0 1rem;letter-spacing:.5px}.player-cards[data-v-0bf8bf19]{display:flex;flex-direction:column;gap:1rem}.player-card[data-v-0bf8bf19]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#1a1a2e99;border:2px solid rgba(0,212,255,.2);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-card[data-v-0bf8bf19]:hover{transform:translate(8px);box-shadow:0 4px 16px #00d4ff4d;border-color:#00d4ff80}.player-name[data-v-0bf8bf19]{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:.5px}.remove-btn[data-v-0bf8bf19]{background:#f443;border:2px solid rgba(255,68,68,.3);color:#f44;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.remove-btn[data-v-0bf8bf19]:hover{background:#ff44444d;border-color:#f44;transform:scale(1.1)}.continue-btn[data-v-0bf8bf19]{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;border:none;border-radius:16px;font-size:1.1rem;font-weight:900;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00d4ff66;letter-spacing:1px;text-transform:uppercase}.continue-btn[data-v-0bf8bf19]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00d4ff99}.hint[data-v-0bf8bf19]{text-align:center;color:#ffffff80;font-size:1rem;margin:1rem 0 0;font-weight:500}@media (max-width: 768px){.title[data-v-0bf8bf19]{font-size:2rem}.input-group[data-v-0bf8bf19]{flex-direction:column}.add-btn[data-v-0bf8bf19]{width:100%}}.card-container[data-v-bd5fe64d]{perspective:1500px;width:100%;max-width:260px;height:360px}.card[data-v-bd5fe64d]{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);cursor:pointer}.card.flipped[data-v-bd5fe64d]{transform:rotateY(180deg);cursor:default}.card-face[data-v-bd5fe64d]{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #0009,0 0 1px #ffffff1a inset;border:2px solid rgba(255,255,255,.1)}.card-front[data-v-bd5fe64d]{background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;flex-direction:column}.question-mark[data-v-bd5fe64d]{font-size:6rem;font-weight:900;opacity:.95;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 12px rgba(0,212,255,.4))}.hint[data-v-bd5fe64d]{font-size:.85rem;opacity:.7;margin:.5rem 0 0;text-transform:uppercase;letter-spacing:1px;font-weight:500}.reveal-content[data-v-bd5fe64d]{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.reveal-content[data-v-bd5fe64d]:hover{transform:scale(1.02)}.reveal-content:hover .eye-icon[data-v-bd5fe64d]{transform:scale(1.15)}.placed-content[data-v-bd5fe64d]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;padding:2rem 1.5rem;box-sizing:border-box}.placed-content .eye-icon[data-v-bd5fe64d]{cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1)}.placed-content .eye-icon[data-v-bd5fe64d]:hover{transform:scale(1.2)}.placed-content .hint[data-v-bd5fe64d]{cursor:pointer}.placed-content .play-btn[data-v-bd5fe64d]{width:56px;height:56px}.eye-icon[data-v-bd5fe64d]{font-size:4rem;transition:transform .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 12px rgba(0,212,255,.3))}.play-content[data-v-bd5fe64d]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:1rem}.play-btn[data-v-bd5fe64d]{background:linear-gradient(135deg,#00d4ff,#0f8);border:none;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:.5rem;box-shadow:0 8px 24px #00d4ff66}.play-btn[data-v-bd5fe64d]:hover{transform:scale(1.1);box-shadow:0 12px 32px #00d4ff99}.play-btn[data-v-bd5fe64d]:active:not(:disabled){transform:scale(.95)}.play-btn[data-v-bd5fe64d]:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#333,#555);box-shadow:none}@keyframes spin-bd5fe64d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-small[data-v-bd5fe64d]{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top:3px solid white;border-radius:50%;animation:spin-bd5fe64d 1s linear infinite}.card-back[data-v-bd5fe64d]{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;transform:rotateY(180deg);border:3px solid #00d4ff;box-shadow:0 20px 60px #0009,0 0 20px #00d4ff4d}.track-info[data-v-bd5fe64d]{padding:1.5rem;text-align:center;width:100%;display:flex;flex-direction:column;gap:.75rem}.year[data-v-bd5fe64d]{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 12px rgba(0,212,255,.4));letter-spacing:2px}.title[data-v-bd5fe64d]{font-size:1.1rem;font-weight:700;line-height:1.3;text-shadow:2px 2px 8px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff}.artist[data-v-bd5fe64d]{font-size:.95rem;opacity:.85;font-weight:600;text-shadow:1px 1px 4px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#00d4ff}@media (max-height: 900px){.track-info[data-v-bd5fe64d]{padding:1.25rem;gap:.625rem}.year[data-v-bd5fe64d]{font-size:2.75rem}.title[data-v-bd5fe64d]{font-size:1rem;-webkit-line-clamp:2}.artist[data-v-bd5fe64d]{font-size:.9rem}.question-mark[data-v-bd5fe64d]{font-size:5rem}.hint[data-v-bd5fe64d]{font-size:.8rem}.play-btn[data-v-bd5fe64d]{width:60px;height:60px}.placed-content[data-v-bd5fe64d]{padding:1.5rem 1.25rem}.placed-content .play-btn[data-v-bd5fe64d]{width:50px;height:50px}.eye-icon[data-v-bd5fe64d]{font-size:3.5rem}}@media (max-height: 768px){.track-info[data-v-bd5fe64d]{padding:1rem;gap:.5rem}.year[data-v-bd5fe64d]{font-size:2.5rem;letter-spacing:1px}.title[data-v-bd5fe64d]{font-size:.95rem;-webkit-line-clamp:2;line-height:1.2}.artist[data-v-bd5fe64d]{font-size:.85rem}.question-mark[data-v-bd5fe64d]{font-size:4.5rem}.hint[data-v-bd5fe64d]{font-size:.75rem;margin-top:.25rem}.play-btn[data-v-bd5fe64d]{width:56px;height:56px;margin-top:.25rem}.play-btn svg[data-v-bd5fe64d]{width:26px;height:26px}.placed-content[data-v-bd5fe64d]{padding:1.25rem 1rem}.placed-content .play-btn[data-v-bd5fe64d]{width:48px;height:48px}.placed-content .play-btn svg[data-v-bd5fe64d]{width:22px;height:22px}.eye-icon[data-v-bd5fe64d]{font-size:3rem}.play-content[data-v-bd5fe64d]{gap:.75rem}.spinner-small[data-v-bd5fe64d]{width:28px;height:28px;border-width:2px}}@media (max-width: 768px){.card-container[data-v-bd5fe64d]{max-width:280px;height:400px}.question-mark[data-v-bd5fe64d]{font-size:7rem}.hint[data-v-bd5fe64d]{font-size:.95rem}.year[data-v-bd5fe64d]{font-size:3.5rem}.title[data-v-bd5fe64d]{font-size:1.3rem}.artist[data-v-bd5fe64d]{font-size:1.05rem}}body.in-single-player-game .game-header{position:fixed;top:0;left:0;right:0;height:0;background:transparent;border:none;box-shadow:none;padding:0;overflow:visible;z-index:200}body.in-single-player-game .game-header .logo{display:none}body.in-single-player-game .game-header .header-actions{position:fixed;top:.75rem;right:.75rem}.single-player-game-page[data-v-13cd0bcc]{width:100%;min-height:100vh;padding:2rem 1rem}.loading-container[data-v-13cd0bcc]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-spinner[data-v-13cd0bcc]{width:60px;height:60px;border:4px solid rgba(0,212,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin-13cd0bcc 1s linear infinite}@keyframes spin-13cd0bcc{to{transform:rotate(360deg)}}.loading-container p[data-v-13cd0bcc]{color:#fffc;font-size:1.1rem;font-weight:500}.error-container[data-v-13cd0bcc]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;padding:2rem}.error-message[data-v-13cd0bcc]{color:#f44;font-size:1.1rem;text-align:center;max-width:500px}.error-button[data-v-13cd0bcc]{padding:.75rem 1.5rem;background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00d4ff66}.error-button[data-v-13cd0bcc]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff99}.game-container[data-v-13cd0bcc]{max-width:900px;margin:0 auto;position:relative}.game-header[data-v-13cd0bcc]{display:flex;justify-content:space-between;align-items:center;margin:3rem 0 2rem}.genre-title[data-v-13cd0bcc]{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 4px 12px rgba(0,212,255,.3))}.track-counter[data-v-13cd0bcc]{font-size:1.2rem;font-weight:700;color:#ffffffb3;padding:.5rem 1rem;background:#1a1a2e99;border:2px solid rgba(0,212,255,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-banner[data-v-13cd0bcc]{padding:1rem;background:#f443;border:2px solid rgba(255,68,68,.3);border-radius:12px;color:#f44;margin-bottom:2rem;text-align:center;font-weight:600}.game-content[data-v-13cd0bcc]{display:flex;flex-direction:column;gap:2rem}.navigation-buttons[data-v-13cd0bcc]{display:flex;gap:1rem;justify-content:center}.nav-button[data-v-13cd0bcc]{padding:1rem 2rem;background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00d4ff66;display:flex;align-items:center;gap:.5rem}.nav-button[data-v-13cd0bcc]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff99}.nav-button[data-v-13cd0bcc]:disabled{opacity:.3;cursor:not-allowed;background:#ffffff1a}@media (max-width: 768px){.single-player-game-page[data-v-13cd0bcc]{padding:1rem}.game-header[data-v-13cd0bcc]{flex-direction:column;gap:1rem;margin:2rem 0 1.5rem}.genre-title[data-v-13cd0bcc]{font-size:1.5rem}.navigation-buttons[data-v-13cd0bcc]{flex-direction:column}.nav-button[data-v-13cd0bcc]{width:100%;justify-content:center}}.victory-overlay[data-v-5df48e05]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.confetti-container[data-v-5df48e05]{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.confetti[data-v-5df48e05]{position:absolute;top:-20px;animation:confettiFall-5df48e05 linear infinite;border-radius:2px;opacity:.9}@keyframes confettiFall-5df48e05{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.victory-content[data-v-5df48e05]{position:relative;text-align:center;padding:3rem;max-width:600px;width:100%;background:linear-gradient(135deg,#1a1a2ef2,#0f3460f2);border-radius:32px;box-shadow:0 30px 80px #000000e6,0 0 100px #00d4ff66;border:3px solid rgba(0,212,255,.4);animation:victorySlideIn-5df48e05 .6s cubic-bezier(.4,0,.2,1)}@keyframes victorySlideIn-5df48e05{0%{opacity:0;transform:scale(.8) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.trophy-icon[data-v-5df48e05]{display:flex;justify-content:center;margin-bottom:2rem;animation:trophyBounce-5df48e05 2s ease-in-out infinite}.trophy-icon svg[data-v-5df48e05]{color:#00d4ff;filter:drop-shadow(0 8px 24px rgba(0,212,255,.6))}@keyframes trophyBounce-5df48e05{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.victory-title[data-v-5df48e05]{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#0f8,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;filter:drop-shadow(0 8px 24px rgba(0,212,255,.5));letter-spacing:2px;animation:titlePulse-5df48e05 2s ease-in-out infinite}@keyframes titlePulse-5df48e05{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.victory-subtitle[data-v-5df48e05]{font-size:1.5rem;color:#ffffffe6;margin:0 0 3rem;font-weight:600;text-shadow:0 4px 12px rgba(0,0,0,.6)}.victory-actions[data-v-5df48e05]{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.victory-btn[data-v-5df48e05]{padding:1rem 2rem;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;display:flex;align-items:center;gap:.75rem;letter-spacing:.5px;box-shadow:0 8px 24px #0009}.victory-btn svg[data-v-5df48e05]{width:20px;height:20px}.victory-btn-secondary[data-v-5df48e05]{background:#ffffff1a;color:#ffffffe6;border:2px solid rgba(255,255,255,.3)}.victory-btn-secondary[data-v-5df48e05]:hover{background:#fff3;color:#fff;transform:translateY(-4px);box-shadow:0 12px 32px #000c}.victory-btn-primary[data-v-5df48e05]{background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;box-shadow:0 8px 32px #00d4ff80}.victory-btn-primary[data-v-5df48e05]:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #00d4ffb3}.victory-enter-active[data-v-5df48e05],.victory-leave-active[data-v-5df48e05]{transition:opacity .4s}.victory-enter-from[data-v-5df48e05],.victory-leave-to[data-v-5df48e05]{opacity:0}@media (max-height: 768px){.victory-content[data-v-5df48e05]{padding:1.5rem 2rem;max-width:500px}.trophy-icon[data-v-5df48e05]{margin-bottom:1rem}.trophy-icon svg[data-v-5df48e05]{width:70px;height:70px}.victory-title[data-v-5df48e05]{font-size:2.25rem;margin-bottom:.75rem}.victory-subtitle[data-v-5df48e05]{font-size:1.1rem;margin-bottom:1.5rem}.victory-actions[data-v-5df48e05]{gap:1rem}.victory-btn[data-v-5df48e05]{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 768px){.victory-content[data-v-5df48e05]{padding:2rem 1.5rem;margin:1rem}.trophy-icon svg[data-v-5df48e05]{width:80px;height:80px}.victory-title[data-v-5df48e05]{font-size:2.5rem}.victory-subtitle[data-v-5df48e05]{font-size:1.2rem;margin-bottom:2rem}.victory-actions[data-v-5df48e05]{flex-direction:column;gap:1rem}.victory-btn[data-v-5df48e05]{width:100%;justify-content:center;padding:1rem 1.5rem}}@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape){.victory-content[data-v-5df48e05]{padding:2rem}.trophy-icon[data-v-5df48e05]{margin-bottom:1rem}.trophy-icon svg[data-v-5df48e05]{width:80px;height:80px}.victory-title[data-v-5df48e05]{font-size:2.5rem}.victory-subtitle[data-v-5df48e05]{font-size:1.2rem;margin-bottom:2rem}}.challenge-indicator[data-v-2fe23e1b]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1500;pointer-events:none}.challenge-indicator--inline[data-v-2fe23e1b]{position:relative;top:auto;left:auto;transform:none;z-index:10;width:100%;display:flex;justify-content:center;margin-top:.25rem;margin-bottom:-1.5rem}.challenge-indicator--inline .indicator-content[data-v-2fe23e1b]{padding:.6rem 1.25rem;font-size:.9rem;box-shadow:0 8px 32px #ffaa0080,0 0 40px #ffaa004d}.indicator-content[data-v-2fe23e1b]{display:flex;align-items:center;gap:1rem;padding:1.5rem 2.5rem;background:linear-gradient(135deg,#ffaa00f2,#ff8800f2);border-radius:16px;box-shadow:0 12px 48px #fa09,0 0 60px #fa06;border:3px solid rgba(255,255,255,.3);animation:pulse-2fe23e1b 2s ease-in-out infinite}.indicator-content svg[data-v-2fe23e1b]{color:#0a0a0a;flex-shrink:0}.indicator-text[data-v-2fe23e1b]{font-size:1.2rem;font-weight:900;color:#0a0a0a;letter-spacing:.5px;text-shadow:0 2px 4px rgba(255,255,255,.3)}@keyframes pulse-2fe23e1b{0%,to{transform:scale(1);box-shadow:0 12px 48px #fa09,0 0 60px #fa06}50%{transform:scale(1.05);box-shadow:0 16px 64px #fa0c,0 0 80px #fa09}}.fade-enter-active[data-v-2fe23e1b],.fade-leave-active[data-v-2fe23e1b]{transition:opacity .4s}.fade-enter-from[data-v-2fe23e1b],.fade-leave-to[data-v-2fe23e1b]{opacity:0}@media (max-height: 768px){.indicator-content[data-v-2fe23e1b]{padding:1rem 1.5rem;gap:.75rem}.indicator-content svg[data-v-2fe23e1b]{width:20px;height:20px}.indicator-text[data-v-2fe23e1b]{font-size:.95rem}}@media (max-width: 768px){.indicator-content[data-v-2fe23e1b]{padding:1.25rem 1.75rem;flex-direction:column;text-align:center;gap:.75rem;max-width:calc(100vw - 2rem)}.indicator-text[data-v-2fe23e1b]{font-size:1rem}}@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape){.indicator-content[data-v-2fe23e1b]{padding:1rem 2rem}.indicator-text[data-v-2fe23e1b]{font-size:1rem}}.modal-overlay[data-v-4549f98c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content[data-v-4549f98c]{background:linear-gradient(135deg,#1a1a2efa,#0f3460fa);border-radius:24px;width:100%;max-width:500px;max-height:calc(100vh - 2rem);box-shadow:0 20px 60px #000c,0 0 80px #00d4ff4d;border:2px solid rgba(0,212,255,.3);display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-4549f98c]{padding:2rem 2rem 1rem;border-bottom:2px solid rgba(0,212,255,.2);flex-shrink:0}.modal-title[data-v-4549f98c]{font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 4px 12px rgba(0,212,255,.3));text-align:center}.modal-body[data-v-4549f98c]{padding:2rem;overflow-y:auto;flex:1;min-height:0}.player-options[data-v-4549f98c]{display:flex;flex-direction:column;gap:1rem}.player-option[data-v-4549f98c]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#0000004d;border:2px solid rgba(0,212,255,.2);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.player-option[data-v-4549f98c]:hover{border-color:#00d4ff80;background:#00d4ff1a;transform:translate(4px)}.player-option.selected[data-v-4549f98c]{border-color:#00d4ff;background:#00d4ff26;box-shadow:0 0 20px #00d4ff4d}.player-radio[data-v-4549f98c]{position:absolute;opacity:0;pointer-events:none}.player-info[data-v-4549f98c]{display:flex;flex-direction:column;gap:.25rem;flex:1}.player-name[data-v-4549f98c]{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.5px}.player-chips[data-v-4549f98c]{font-size:.9rem;color:#fff9;font-weight:500}.radio-indicator[data-v-4549f98c]{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-radius:50%;position:relative;transition:all .3s;flex-shrink:0}.player-option.selected .radio-indicator[data-v-4549f98c]{border-color:#00d4ff;background:#00d4ff;box-shadow:0 0 12px #00d4ff80}.player-option.selected .radio-indicator[data-v-4549f98c]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#0a0a0a;border-radius:50%}.player-option.disabled[data-v-4549f98c]{opacity:.5;cursor:not-allowed;pointer-events:none}.self-badge[data-v-4549f98c]{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;font-size:.75rem;font-weight:900;border-radius:6px;letter-spacing:.5px}.self-hint[data-v-4549f98c]{font-size:.85rem;color:#0f8c;font-weight:500;font-style:italic}.disabled-hint[data-v-4549f98c]{font-size:.85rem;color:#ff6464cc;font-weight:500;font-style:italic}.modal-footer[data-v-4549f98c]{padding:1.5rem 2rem 2rem;display:flex;gap:1rem;justify-content:flex-end;border-top:2px solid rgba(0,212,255,.2);flex-shrink:0}.btn[data-v-4549f98c]{padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;border:none;letter-spacing:.5px}.btn-secondary[data-v-4549f98c]{background:#ffffff1a;color:#fffc;border:2px solid rgba(255,255,255,.2)}.btn-secondary[data-v-4549f98c]:hover{background:#ffffff26;color:#fff}.btn-primary[data-v-4549f98c]{background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;border:none;box-shadow:0 4px 16px #00d4ff4d}.btn-primary[data-v-4549f98c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff80}.btn-primary[data-v-4549f98c]:disabled{opacity:.5;cursor:not-allowed}.modal-enter-active[data-v-4549f98c],.modal-leave-active[data-v-4549f98c]{transition:opacity .3s}.modal-enter-active .modal-content[data-v-4549f98c],.modal-leave-active .modal-content[data-v-4549f98c]{transition:transform .3s}.modal-enter-from[data-v-4549f98c],.modal-leave-to[data-v-4549f98c]{opacity:0}.modal-enter-from .modal-content[data-v-4549f98c],.modal-leave-to .modal-content[data-v-4549f98c]{transform:scale(.9) translateY(20px)}@media (max-height: 768px){.modal-content[data-v-4549f98c]{max-width:450px}.modal-header[data-v-4549f98c]{padding:1.25rem 1.5rem .75rem}.modal-title[data-v-4549f98c]{font-size:1.3rem}.modal-body[data-v-4549f98c]{padding:1.25rem 1.5rem}.player-options[data-v-4549f98c]{gap:.75rem}.player-option[data-v-4549f98c]{padding:1rem 1.25rem}.player-name[data-v-4549f98c]{font-size:1rem}.player-chips[data-v-4549f98c]{font-size:.85rem}.modal-footer[data-v-4549f98c]{padding:1rem 1.5rem 1.25rem}.btn[data-v-4549f98c]{padding:.75rem 1.5rem;font-size:.95rem}}@media (max-width: 768px){.modal-content[data-v-4549f98c]{max-width:calc(100% - 2rem)}.modal-header[data-v-4549f98c]{padding:1.5rem 1.5rem 1rem}.modal-title[data-v-4549f98c]{font-size:1.25rem}.modal-body[data-v-4549f98c]{padding:1.5rem}.modal-footer[data-v-4549f98c]{padding:1rem 1.5rem 1.5rem;flex-direction:column}.btn[data-v-4549f98c]{width:100%}}.poker-chip[data-v-ffdce22b]{width:20px;height:20px;border-radius:50%;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.poker-chip.active[data-v-ffdce22b]{background:linear-gradient(135deg,#fa0,#f80);box-shadow:0 2px 8px #fa09,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d}.poker-chip.inactive[data-v-ffdce22b]{background:linear-gradient(135deg,#6464644d,#5050504d);box-shadow:0 1px 4px #0000004d,inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #0003}.poker-chip.clickable[data-v-ffdce22b]{cursor:pointer}.poker-chip.clickable[data-v-ffdce22b]:hover{transform:scale(1.2)}.poker-chip.active.clickable[data-v-ffdce22b]:hover{box-shadow:0 4px 16px #fa0c,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000004d}.poker-chip.inactive.clickable[data-v-ffdce22b]:hover{background:linear-gradient(135deg,#78787880,#64646480);box-shadow:0 2px 8px #fa06,inset 0 1px 2px #fff3,inset 0 -1px 2px #0003}.chip-inner[data-v-ffdce22b]{width:100%;height:100%;position:relative;border-radius:50%;overflow:hidden}.chip-segments[data-v-ffdce22b]{position:absolute;width:100%;height:100%;top:0;left:0}.segment[data-v-ffdce22b]{position:absolute;width:2px;height:50%;left:50%;top:0;transform-origin:bottom center;background:#fff3}.poker-chip.active .segment[data-v-ffdce22b]{background:#ffffff4d}.chip-center[data-v-ffdce22b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;border-radius:50%;background:#00000026;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 3px #0000004d}.chip-initial[data-v-ffdce22b]{font-size:.65rem;font-weight:900;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.poker-chip.inactive .chip-initial[data-v-ffdce22b]{color:#ffffff4d}.multiplayer-game[data-v-e3a87241]{width:100%;max-width:100%;min-height:100vh;padding:1rem .75rem;position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:0 auto}.drag-image[data-v-e3a87241]{position:absolute;left:-9999px;width:260px;height:360px;background:linear-gradient(135deg,#1a1a2e,#0f3460);border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #0009;border:2px solid rgba(255,255,255,.1)}.drag-image-content[data-v-e3a87241]{font-size:6rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-section[data-v-e3a87241]{display:flex;flex-direction:column;align-items:center;gap:1rem;justify-self:center}.current-card[data-v-e3a87241]{width:260px;cursor:grab;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:relative}.current-card[data-v-e3a87241]:active{cursor:grabbing}.current-card[draggable=true][data-v-e3a87241]:hover{transform:translateY(-8px) scale(1.02)}.current-card.disabled-card[data-v-e3a87241]{cursor:not-allowed;opacity:.5}.current-card.disabled-card[data-v-e3a87241]:hover{transform:none}.current-card-logo[data-v-e3a87241]{position:absolute;top:1.2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:.15rem;pointer-events:none;z-index:2;width:100%}.current-card-logo .logo-letter[data-v-e3a87241],.current-card-logo .logo-tail[data-v-e3a87241]{font-family:Brush Script MT,cursive;font-size:clamp(1.4rem,1.1rem + 1vw,2rem);font-weight:900;background:linear-gradient(90deg,#00d4ff,#0f8,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15rem;filter:drop-shadow(0 4px 14px rgba(0,212,255,.5));text-shadow:none;line-height:1}.current-card-logo .logo-letter[data-v-e3a87241]{margin-right:.1rem}.current-card-logo .logo-tail[data-v-e3a87241]{margin-left:-.1rem}.current-card-logo .logo-vinyl[data-v-e3a87241]{width:1.65rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center;animation:logoSpin-e3a87241 3s linear infinite;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.current-card-logo .logo-vinyl svg[data-v-e3a87241]{width:100%;height:100%}@keyframes logoSpin-e3a87241{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-button[data-v-e3a87241]{position:fixed;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.5rem;background:#1a1a2ee6;border:2px solid rgba(0,212,255,.3);color:#00d4ff;padding:.625rem;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-weight:600;width:48px;height:48px;box-shadow:0 4px 16px #0009;z-index:100;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-button[data-v-e3a87241]:hover{background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff80;border-color:transparent}.menu-button[data-v-e3a87241]:active{transform:translateY(-1px) scale(.96)}.row-1-card-area[data-v-e3a87241]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding-top:.5rem;scroll-margin-top:1rem}.card-players-layout[data-v-e3a87241]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(1rem,3vw,2.5rem);width:100%}.players-panel[data-v-e3a87241]{display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-width:120px;max-width:180px}.players-left[data-v-e3a87241]{align-items:flex-end}.players-right[data-v-e3a87241]{align-items:flex-start}.player-score[data-v-e3a87241]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#1a1a2e99;border:2px solid rgba(255,255,255,.1);border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content}.player-info-section[data-v-e3a87241]{display:flex;flex-direction:column;gap:.25rem}.challenge-chips-container[data-v-e3a87241]{display:flex;gap:.25rem;align-items:center}.player-score.active[data-v-e3a87241]{background:linear-gradient(135deg,#00d4ff33,#0f83);border:3px solid #00d4ff;color:#fff;transform:scale(1.12);box-shadow:0 8px 32px #00d4ff80,0 0 40px #00d4ff4d;animation:pulseGlow-e3a87241 2s ease-in-out infinite}@keyframes pulseGlow-e3a87241{0%,to{box-shadow:0 8px 32px #00d4ff80,0 0 40px #00d4ff4d}50%{box-shadow:0 8px 40px #00d4ffb3,0 0 60px #00d4ff80}}.player-name[data-v-e3a87241]{font-weight:700;font-size:.95rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.player-score.active .player-name[data-v-e3a87241]{color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.5)}.score[data-v-e3a87241]{font-weight:900;font-size:1.3rem;padding:.25rem .625rem;background:#00d4ff33;border-radius:8px;color:#00d4ff;min-width:36px;text-align:center}.player-score.active .score[data-v-e3a87241]{background:#00ff884d;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.row-2-timeline[data-v-e3a87241]{overflow-x:auto;overflow-y:visible;padding:1rem 0;width:100%;background:#0003;border-radius:20px;border:1px solid rgba(255,255,255,.05);margin-top:.5rem;scroll-margin-top:1rem;position:relative;z-index:1}.row-2-timeline[data-v-e3a87241]::-webkit-scrollbar{height:12px}.row-2-timeline[data-v-e3a87241]::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.row-2-timeline[data-v-e3a87241]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#0f8);border-radius:10px}.row-2-timeline[data-v-e3a87241]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0f8,#00d4ff)}.timeline[data-v-e3a87241]{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:340px;padding:1rem;min-width:100%;width:max-content;position:relative}.timeline[data-v-e3a87241]:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.3) 10%,rgba(0,212,255,.6) 50%,rgba(0,212,255,.3) 90%,transparent 100%);z-index:0;pointer-events:none}.drop-zone[data-v-e3a87241]{width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;border:3px dashed rgba(0,212,255,.3);border-radius:12px;background:#1a1a2e66;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;flex-shrink:0;z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.drop-zone[data-v-e3a87241]:hover{border-color:#00d4ff;background:#00d4ff1a;transform:scale(1.1);box-shadow:0 0 20px #00d4ff4d}.drop-zone.drag-over[data-v-e3a87241]{border-color:#0f8;background:#00ff8826;transform:scale(1.15);box-shadow:0 0 30px #00ff8880;animation:dropZonePulse-e3a87241 .8s ease-in-out infinite}@keyframes dropZonePulse-e3a87241{0%,to{transform:scale(1.15)}50%{transform:scale(1.2)}}.drop-zone.has-placed-card[data-v-e3a87241]{border:none;background:transparent;width:260px;min-height:360px}.drop-zone.challenge-clickable[data-v-e3a87241]{cursor:pointer;border-color:#fa0;background:#ffaa001a}.drop-zone.challenge-clickable[data-v-e3a87241]:hover{border-color:#fa0;background:#fa03;transform:scale(1.2);box-shadow:0 0 30px #ffaa0080}.drop-placeholder[data-v-e3a87241]{font-size:2rem;color:#00d4ff80;font-weight:900;text-shadow:0 0 10px rgba(0,212,255,.3)}.placed-card-preview[data-v-e3a87241]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);animation:cardSlideIn-e3a87241 .4s cubic-bezier(.4,0,.2,1)}@keyframes cardSlideIn-e3a87241{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.placed-card-preview[draggable=true][data-v-e3a87241]{cursor:grab}.placed-card-preview[draggable=true][data-v-e3a87241]:active{cursor:grabbing}.placed-card-preview[draggable=true][data-v-e3a87241]:hover{transform:scale(1.05)}.placed-card-preview .card-container[data-v-e3a87241]{width:260px;height:360px;max-width:260px}.card-feedback-overlay[data-v-e3a87241]{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;pointer-events:none;animation:feedbackFadeIn-e3a87241 .4s;border:5px solid;z-index:100}.card-feedback-overlay.correct[data-v-e3a87241]{border-color:#0f8;box-shadow:0 0 40px #0f89,inset 0 0 40px #0f83;animation:correctPulse-e3a87241 .6s ease-out}.card-feedback-overlay.incorrect[data-v-e3a87241]{border-color:#f44;box-shadow:0 0 40px #f449,inset 0 0 40px #f443;animation:incorrectShake-e3a87241 .6s ease-out}@keyframes feedbackFadeIn-e3a87241{0%{opacity:0}to{opacity:1}}@keyframes correctPulse-e3a87241{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes incorrectShake-e3a87241{0%,to{transform:translate(0)}25%{transform:translate(-15px) rotate(-2deg)}75%{transform:translate(15px) rotate(2deg)}}.timeline-card[data-v-e3a87241]{flex-shrink:0;width:260px;height:360px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}.timeline-card[data-v-e3a87241]:hover{transform:scale(1.03) translateY(-5px);z-index:3}.timeline-card.challenge-clickable[data-v-e3a87241]{cursor:pointer;border:3px solid #ffaa00;border-radius:24px;box-shadow:0 0 30px #fa06}.timeline-card.challenge-clickable[data-v-e3a87241]:hover{box-shadow:0 0 40px #fa09}.timeline-card.has-stacked-card[data-v-e3a87241]{width:460px}.challenge-chips-on-space[data-v-e3a87241],.challenge-chips-on-card[data-v-e3a87241]{position:absolute;top:-12px;right:-12px;display:flex;gap:.25rem;z-index:10}.challenge-chip[data-v-e3a87241]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#fa0,#f80);color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #fa09;animation:chipPulse-e3a87241 1.5s ease-in-out infinite}@keyframes chipPulse-e3a87241{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.challenge-results-overlay[data-v-e3a87241]{position:fixed;top:15%;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.challenge-results-content[data-v-e3a87241]{background:linear-gradient(135deg,#1a1a2efa,#0f3460fa);padding:2rem 2.5rem;border-radius:24px;box-shadow:0 20px 60px #000000e6,0 0 80px #fa06;border:3px solid rgba(255,170,0,.4);min-width:400px}.results-title[data-v-e3a87241]{font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#fa0,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1.5rem;text-align:center;filter:drop-shadow(0 4px 12px rgba(255,170,0,.4))}.results-list[data-v-e3a87241]{display:flex;flex-direction:column;gap:1rem}.result-item[data-v-e3a87241]{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;border:2px solid;transition:all .3s}.result-item.correct[data-v-e3a87241]{background:#00ff881a;border-color:#0f8;box-shadow:0 4px 16px #00ff884d}.result-item.incorrect[data-v-e3a87241]{background:#ff44441a;border-color:#f44;box-shadow:0 4px 16px #ff44444d}.result-player[data-v-e3a87241]{font-size:1.1rem;font-weight:700;color:#fff;flex:1}.result-status[data-v-e3a87241]{font-size:1rem;font-weight:700}.result-item.correct .result-status[data-v-e3a87241]{color:#0f8}.result-item.incorrect .result-status[data-v-e3a87241]{color:#f44}.result-chips[data-v-e3a87241]{font-size:.9rem;color:#fff9}.refill-toast[data-v-e3a87241]{position:fixed;top:6rem;left:50%;transform:translate(-50%);z-index:2000;background:linear-gradient(135deg,#00d4fff2,#00ff88f2);color:#0a0a0a;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;box-shadow:0 8px 32px #00d4ff80;border:2px solid rgba(255,255,255,.3);letter-spacing:.5px}.fade-enter-active[data-v-e3a87241],.fade-leave-active[data-v-e3a87241]{transition:opacity .4s}.fade-enter-from[data-v-e3a87241],.fade-leave-to[data-v-e3a87241]{opacity:0}.timeline-card .card-container[data-v-e3a87241]{width:260px;height:360px;max-width:260px}.stacked-card[data-v-e3a87241]{position:absolute;left:200px;top:0;width:260px;height:360px;z-index:10;cursor:grab;transition:transform .3s cubic-bezier(.4,0,.2,1);animation:cardSlideIn-e3a87241 .4s cubic-bezier(.4,0,.2,1)}.stacked-card[draggable=true][data-v-e3a87241]:hover{transform:scale(1.05) translateY(-5px);z-index:11}.stacked-card[draggable=true][data-v-e3a87241]:active{cursor:grabbing}.stacked-card .card-container[data-v-e3a87241]{width:260px;height:360px;max-width:260px}.play-error[data-v-e3a87241]{color:#f44;font-size:1rem;text-align:center;margin:.5rem 0;padding:1rem 1.5rem;background:#ff444426;border:2px solid rgba(255,68,68,.3);border-radius:12px;max-width:400px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}@media (max-height: 900px){.multiplayer-game[data-v-e3a87241]{padding:.75rem .5rem;gap:1rem}.row-1-card-area[data-v-e3a87241]{padding-top:.25rem}.card-players-layout[data-v-e3a87241]{gap:clamp(.75rem,2vw,1.5rem)}.player-score[data-v-e3a87241]{padding:.5rem .625rem}.player-name[data-v-e3a87241]{font-size:.875rem}.score[data-v-e3a87241]{font-size:1.15rem;padding:.25rem .5rem}.current-card[data-v-e3a87241]{width:220px}.row-2-timeline[data-v-e3a87241]{padding:.75rem 0;margin-top:.25rem}.timeline[data-v-e3a87241]{min-height:300px;padding:.75rem;gap:.75rem}.drop-zone[data-v-e3a87241]{width:44px;min-height:44px}.drop-zone.has-placed-card[data-v-e3a87241]{width:220px;min-height:300px}.timeline-card[data-v-e3a87241]{width:220px;height:300px}.timeline-card.has-stacked-card[data-v-e3a87241]{width:400px}.stacked-card[data-v-e3a87241]{left:180px;width:220px;height:300px}.placed-card-preview .card-container[data-v-e3a87241],.timeline-card .card-container[data-v-e3a87241],.stacked-card .card-container[data-v-e3a87241]{width:220px;height:300px;max-width:220px}.menu-button[data-v-e3a87241]{width:44px;height:44px;top:.5rem;right:.5rem}.challenge-results-content[data-v-e3a87241]{padding:1.5rem 2rem;min-width:350px}.results-title[data-v-e3a87241]{font-size:1.5rem;margin-bottom:1rem}.refill-toast[data-v-e3a87241]{top:4rem;padding:.875rem 1.5rem;font-size:.95rem}}@media (max-height: 768px){.multiplayer-game[data-v-e3a87241]{padding:.5rem;gap:.5rem}.row-1-card-area[data-v-e3a87241]{padding-top:0}.card-players-layout[data-v-e3a87241]{gap:clamp(.5rem,1.5vw,1rem)}.players-panel[data-v-e3a87241]{gap:.4rem;min-width:90px;max-width:140px}.players-left[data-v-e3a87241],.players-right[data-v-e3a87241]{align-items:flex-end}.players-right[data-v-e3a87241]{align-items:flex-start}.player-score[data-v-e3a87241]{padding:.3rem .4rem;gap:.3rem}.player-score.active[data-v-e3a87241]{transform:scale(1.06)}.player-name[data-v-e3a87241]{font-size:.7rem}.score[data-v-e3a87241]{font-size:.9rem;padding:.15rem .35rem;min-width:26px}.challenge-chips-container[data-v-e3a87241]{gap:.1rem}.current-card[data-v-e3a87241]{width:160px}.row-2-timeline[data-v-e3a87241]{padding:.5rem 0;margin-top:0}.timeline[data-v-e3a87241]{min-height:220px;padding:.5rem;gap:.4rem}.drop-zone[data-v-e3a87241]{width:32px;min-height:32px}.drop-zone.has-placed-card[data-v-e3a87241]{width:160px;min-height:220px}.timeline-card[data-v-e3a87241]{width:160px;height:220px}.timeline-card.has-stacked-card[data-v-e3a87241]{width:290px}.stacked-card[data-v-e3a87241]{left:130px;width:160px;height:220px}.placed-card-preview .card-container[data-v-e3a87241],.timeline-card .card-container[data-v-e3a87241],.stacked-card .card-container[data-v-e3a87241]{width:160px;height:220px;max-width:160px}.menu-button[data-v-e3a87241]{width:40px;height:40px;padding:.5rem}.menu-button svg[data-v-e3a87241]{width:18px;height:18px}.challenge-results-content[data-v-e3a87241]{padding:1.25rem 1.5rem;min-width:320px}.results-title[data-v-e3a87241]{font-size:1.3rem;margin-bottom:.875rem}.results-list[data-v-e3a87241]{gap:.75rem}.result-item[data-v-e3a87241]{padding:.75rem 1rem}.result-player[data-v-e3a87241]{font-size:.95rem}.result-status[data-v-e3a87241]{font-size:.9rem}.refill-toast[data-v-e3a87241]{top:3.5rem;padding:.75rem 1.25rem;font-size:.9rem}.card-section[data-v-e3a87241]{gap:.5rem}.play-error[data-v-e3a87241]{padding:.75rem 1rem;font-size:.9rem}}@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape){.multiplayer-game[data-v-e3a87241]{padding:.75rem 1rem;gap:.75rem}.row-1-card-area[data-v-e3a87241]{padding-top:.25rem}.card-players-layout[data-v-e3a87241]{gap:clamp(1rem,2.5vw,2rem)}.players-panel[data-v-e3a87241]{gap:.625rem}.player-score[data-v-e3a87241]{padding:.5rem .75rem}.player-name[data-v-e3a87241]{font-size:.85rem}.score[data-v-e3a87241]{font-size:1.15rem}.row-2-timeline[data-v-e3a87241]{padding:.5rem 0}.timeline[data-v-e3a87241]{min-height:320px;gap:.75rem}.current-card[data-v-e3a87241]{width:220px}.timeline-card[data-v-e3a87241]{width:220px;height:300px}.drop-zone.has-placed-card[data-v-e3a87241]{width:220px;min-height:300px}.placed-card-preview .card-container[data-v-e3a87241],.timeline-card .card-container[data-v-e3a87241],.stacked-card .card-container[data-v-e3a87241]{width:220px;height:300px;max-width:220px}.stacked-card[data-v-e3a87241]{left:180px;width:220px;height:300px}.timeline-card.has-stacked-card[data-v-e3a87241]{width:400px}}@media (max-width: 768px) and (orientation: portrait){.multiplayer-game[data-v-e3a87241]{padding:1rem .5rem;gap:1rem}.row-1-card-area[data-v-e3a87241]{padding-top:.5rem}.card-players-layout[data-v-e3a87241]{flex-direction:column;gap:1rem}.players-panel[data-v-e3a87241]{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:100%;gap:.5rem;min-width:unset}.players-left[data-v-e3a87241],.players-right[data-v-e3a87241]{align-items:center}.players-left[data-v-e3a87241]{order:-1}.card-section[data-v-e3a87241]{order:0}.players-right[data-v-e3a87241]{order:1}.player-score[data-v-e3a87241]{padding:.5rem .75rem}.player-name[data-v-e3a87241]{font-size:.85rem}.score[data-v-e3a87241]{font-size:1.1rem}.menu-button[data-v-e3a87241]{width:48px;height:48px;top:1rem;right:1rem}.current-card[data-v-e3a87241]{width:240px}.row-2-timeline[data-v-e3a87241]{padding:.5rem 0}.timeline[data-v-e3a87241]{gap:.75rem;min-height:360px;padding:1.5rem 1rem}.drop-zone[data-v-e3a87241]{width:40px;min-height:40px}.drop-zone.has-placed-card[data-v-e3a87241]{width:240px;min-height:340px}.timeline-card[data-v-e3a87241]{width:240px;height:340px}.timeline-card.has-stacked-card[data-v-e3a87241]{width:420px}.stacked-card[data-v-e3a87241]{left:180px;width:240px;height:340px}.placed-card-preview .card-container[data-v-e3a87241],.timeline-card .card-container[data-v-e3a87241],.stacked-card .card-container[data-v-e3a87241]{width:240px;height:340px;max-width:240px}.challenge-results-content[data-v-e3a87241]{min-width:auto;max-width:calc(100vw - 2rem);padding:1.5rem}.results-title[data-v-e3a87241]{font-size:1.3rem}.result-item[data-v-e3a87241]{flex-wrap:wrap;padding:.875rem 1rem}.result-player[data-v-e3a87241]{font-size:1rem}}.multiplayer-game-page[data-v-aa7674c3]{width:100%;height:100%}.loading-container[data-v-aa7674c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-spinner[data-v-aa7674c3]{width:60px;height:60px;border:4px solid rgba(0,212,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin-aa7674c3 1s linear infinite}@keyframes spin-aa7674c3{to{transform:rotate(360deg)}}.loading-container p[data-v-aa7674c3]{color:#fffc;font-size:1.1rem;font-weight:500}.error-container[data-v-aa7674c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;padding:2rem}.error-message[data-v-aa7674c3]{color:#f44;font-size:1.1rem;text-align:center;max-width:500px}.error-button[data-v-aa7674c3]{padding:.75rem 1.5rem;background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0a0a;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00d4ff66}.error-button[data-v-aa7674c3]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff99}.qr-scanner-view[data-v-107bda68]{width:100%;max-width:600px;padding:2rem 1rem;position:relative;margin:0 auto}.scanner-container[data-v-107bda68]{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.title[data-v-107bda68]{text-align:center;font-size:2rem;font-weight:700;color:#1a1a2e;margin:0}.subtitle[data-v-107bda68]{text-align:center;font-size:1rem;color:#666;margin:0}.scanner-wrapper[data-v-107bda68]{width:100%;max-width:500px;position:relative}.video-container[data-v-107bda68]{position:relative;width:100%;aspect-ratio:1;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0003;background:#000}.scanner-video[data-v-107bda68]{width:100%;height:100%;object-fit:cover}.scanner-canvas[data-v-107bda68]{display:none}.scan-overlay[data-v-107bda68]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scan-frame[data-v-107bda68]{width:200px;height:200px;border:3px solid;border-image:linear-gradient(135deg,#00bcd4,#d946a6) 1;border-radius:16px;box-shadow:0 0 0 4000px #0006;animation:pulse-border-107bda68 2s ease-in-out infinite}@keyframes pulse-border-107bda68{0%{border-color:#00bcd4}50%{border-color:#d946a6}to{border-color:#00bcd4}}.test-btn[data-v-107bda68]{width:100%;margin-top:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem;border-radius:15px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.test-btn[data-v-107bda68]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.scanning-indicator[data-v-107bda68]{text-align:center;margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:.75rem}.scanning-indicator p[data-v-107bda68]{margin:0;font-weight:500}.pulse[data-v-107bda68]{width:16px;height:16px;background:#fff;border-radius:50%;animation:pulse-107bda68 1.5s ease-in-out infinite}@keyframes pulse-107bda68{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.error-container[data-v-107bda68]{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.error-message[data-v-107bda68]{background:#ffebee;color:#e53935;padding:1rem;border-radius:10px;text-align:center;font-weight:500}.retry-btn[data-v-107bda68]{width:100%;padding:.75rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 4px 12px #ff98004d}.retry-btn[data-v-107bda68]:hover{transform:translateY(-2px)}.debug-panel[data-v-107bda68]{margin-top:1rem;background:#f5f5f5;border:2px solid #ddd;border-radius:10px;padding:1rem}.debug-panel h3[data-v-107bda68]{margin:0 0 .5rem;font-size:.9rem;color:#666}.debug-messages[data-v-107bda68]{max-height:200px;overflow-y:auto;font-size:.85rem;font-family:monospace}.debug-msg[data-v-107bda68]{padding:.25rem 0;border-bottom:1px solid #e0e0e0;color:#333}.track-info[data-v-107bda68]{width:100%;max-width:500px}.track-playing[data-v-107bda68]{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;gap:1rem}.vinyl-animation[data-v-107bda68]{width:60px;height:60px;flex-shrink:0;animation:spin-107bda68 3s linear infinite}.vinyl-animation svg[data-v-107bda68]{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes spin-107bda68{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.track-details[data-v-107bda68]{flex:1;min-width:0}.track-name[data-v-107bda68]{font-size:1.1rem;font-weight:700;color:#1a1a2e;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist[data-v-107bda68]{font-size:.9rem;color:#666;margin:0}.stop-btn[data-v-107bda68]{background:linear-gradient(135deg,#e53935,#c62828);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #e539354d}.stop-btn[data-v-107bda68]:hover{transform:translateY(-2px)}@media (max-width: 768px){.title[data-v-107bda68]{font-size:1.5rem}.track-playing[data-v-107bda68]{flex-direction:column;text-align:center}}