.playing.svelte-1f6dhms{animation:svelte-1f6dhms-playing 8s ease-in-out infinite}.paused.svelte-1f6dhms{animation:svelte-1f6dhms-paused 8s ease-in-out infinite}@keyframes svelte-1f6dhms-playing{0%{opacity:0}22%{opacity:0}26%{opacity:1}70%{opacity:1}80%{opacity:0}to{opacity:0}}@keyframes svelte-1f6dhms-paused{0%{opacity:1}22%{opacity:1}26%{opacity:0}to{opacity:0}}@keyframes svelte-wpzpor-hand{0%{opacity:0;right:-50px;top:60px}8%{opacity:1;right:-50px;top:60px}18%{right:6px;top:40px;scale:1}20%{scale:.9}24%{scale:1}30%{scale:1}35%{scale:.9}65%{scale:.9}70%{scale:1;opacity:1}80%{opacity:0}to{opacity:0;right:6px;top:40px}}@keyframes svelte-wpzpor-score{0%{opacity:0}70%{opacity:0}80%{opacity:1}to{opacity:1}}@keyframes svelte-wpzpor-blur{0%{filter:blur(14px)}70%{filter:blur(14px)}80%{filter:blur(0)}to{filter:blur(0)}}.blur.svelte-wpzpor{filter:blur(14px);animation:svelte-wpzpor-blur 8s ease-in-out infinite}.overflow.svelte-wpzpor{overflow:hidden;position:relative;border-radius:8px;box-shadow:0 6px 12px #00000080;height:110px;width:110px}@media screen and (max-width: 500px){.overflow.svelte-wpzpor{width:90px;height:88px}}.title.svelte-wpzpor{position:absolute;white-space:nowrap;top:-18px;font-size:11px}@media screen and (max-width: 500px){.title.svelte-wpzpor{top:-14px;font-size:9px}}.artist.svelte-wpzpor{position:absolute;white-space:nowrap;color:#a0bde9;top:-34px;font-size:11px}@media screen and (max-width: 500px){.artist.svelte-wpzpor{top:-27px;font-size:9px}}.card.svelte-wpzpor{position:absolute;display:flex;justify-content:center}.card.svelte-wpzpor .hand:where(.svelte-wpzpor){opacity:0;z-index:200;width:20px;height:20px;position:absolute;right:-80px;top:-10px;color:#fff;animation:svelte-wpzpor-hand 8s ease-in-out infinite}.year.svelte-wpzpor{position:absolute;background-color:var(--border-correct-color);color:#fff;height:28px;line-height:0;bottom:-1px;width:100%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.year.svelte-wpzpor div:where(.svelte-wpzpor){width:12px;display:flex;align-items:center;position:absolute;right:10px}@media screen and (max-width: 500px){.year.svelte-wpzpor{font-size:11px;height:24px}.year.svelte-wpzpor div:where(.svelte-wpzpor){width:10px;right:8px}}.song.svelte-wpzpor{max-width:max-content;width:110px;height:108px}@media screen and (max-width: 500px){.song.svelte-wpzpor{width:90px;height:88px}}.hard.svelte-wpzpor{width:12px;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 500px){.hard.svelte-wpzpor{width:10px}}.firstCard.svelte-wpzpor{opacity:0;animation:svelte-wpzpor-score 8s ease-in-out infinite}.line.svelte-1rvorr5{transform:translateY(10px);background:repeating-linear-gradient(to right,var(--modal-color),var(--modal-color) 6px,#243851 6px,#243851 12px);display:flex;align-items:center;position:absolute;width:110%;height:2px;bottom:80px;z-index:-1}@media screen and (max-width: 500px){.line.svelte-1rvorr5{bottom:76px}}.cards.svelte-1phd8oa{margin-top:40px;width:100%;height:310px;display:flex;justify-content:center;position:relative}@media screen and (max-width: 500px){.cards.svelte-1phd8oa{height:280px}}.cards.svelte-1phd8oa .card1:where(.svelte-1phd8oa){position:absolute;z-index:10;animation:svelte-1phd8oa-card1 8s ease-in-out infinite}@media screen and (max-width: 500px){.cards.svelte-1phd8oa .card1:where(.svelte-1phd8oa){width:72px;animation:svelte-1phd8oa-cardSmall1 8s ease-in-out infinite}}.cards.svelte-1phd8oa .first:where(.svelte-1phd8oa){opacity:0}.cards.svelte-1phd8oa .card2:where(.svelte-1phd8oa){position:absolute;top:184px;animation:svelte-1phd8oa-card2 8s ease-in-out infinite}@media screen and (max-width: 500px){.cards.svelte-1phd8oa .card2:where(.svelte-1phd8oa){width:72px;top:160px;animation:svelte-1phd8oa-cardSmall2 8s ease-in-out infinite}}.cards.svelte-1phd8oa .card3:where(.svelte-1phd8oa){position:absolute;top:184px;animation:svelte-1phd8oa-card3 8s ease-in-out infinite}@media screen and (max-width: 500px){.cards.svelte-1phd8oa .card3:where(.svelte-1phd8oa){width:72px;top:160px;animation:svelte-1phd8oa-cardSmall3 8s ease-in-out infinite}}.cards.svelte-1phd8oa .noteLeft:where(.svelte-1phd8oa){position:absolute;z-index:30;animation:svelte-1phd8oa-noteLeft 8s linear infinite}@media screen and (max-width: 500px){.cards.svelte-1phd8oa .noteLeft:where(.svelte-1phd8oa){animation:svelte-1phd8oa-noteLeftSmall 8s linear infinite}}.cards.svelte-1phd8oa .noteRight:where(.svelte-1phd8oa){position:absolute;z-index:30;animation:svelte-1phd8oa-noteRight 8s linear infinite}@media screen and (max-width: 500px){.cards.svelte-1phd8oa .noteRight:where(.svelte-1phd8oa){animation:svelte-1phd8oa-noteRightSmall 8s linear infinite}}@keyframes svelte-1phd8oa-card1{0%{top:10px;left:38%;opacity:0}5%{opacity:1}40%{top:10px;left:38%}62%{top:184px;left:11%}to{opacity:1;top:184px;left:11%}}@keyframes svelte-1phd8oa-card2{0%{left:25%}50%{left:25%}62%{left:38%}to{left:38%}}@keyframes svelte-1phd8oa-card3{0%{left:52%}50%{left:52%}62%{left:65%}to{left:65%}}@keyframes svelte-1phd8oa-noteLeft{0%{rotate:0;opacity:0;left:180px;top:20px}22%{rotate:0deg;opacity:0;left:180px;top:20px}28%{opacity:1}30%{opacity:1}50%{left:110px;top:-20px;opacity:0;rotate:8deg}to{opacity:0}}@keyframes svelte-1phd8oa-noteLeftSmall{0%{rotate:0;opacity:0;left:120px;top:20px}22%{rotate:0deg;opacity:0;left:120px;top:20px}28%{opacity:1}30%{opacity:1}50%{left:50px;top:-20px;opacity:0;rotate:8deg}to{opacity:0}}@keyframes svelte-1phd8oa-noteRight{0%{rotate:0;opacity:0;right:180px;top:20px}28%{rotate:-4deg;opacity:0;right:180px;top:20px}34%{opacity:1}34%{opacity:1}56%{right:110px;top:-20px;opacity:0;rotate:-16deg}to{opacity:0}}@keyframes svelte-1phd8oa-noteRightSmall{0%{rotate:0;opacity:0;right:120px;top:20px}28%{rotate:-4deg;opacity:0;right:120px;top:20px}34%{opacity:1}34%{opacity:1}56%{right:50px;top:-20px;opacity:0;rotate:-16deg}to{opacity:0}}@keyframes svelte-1phd8oa-cardSmall1{0%{left:50%;transform:translate(-60%);top:24px;opacity:0}5%{opacity:1}40%{left:50%;top:24px}70%{top:160px;left:calc(50% - 100px)}to{opacity:1;top:160px;left:calc(50% - 100px);transform:translate(-60%)}}@keyframes svelte-1phd8oa-cardSmall2{0%{transform:translate(-60%);left:calc(50% - 50px)}50%{left:calc(50% - 50px)}70%{left:50%}to{left:50%;transform:translate(-60%)}}@keyframes svelte-1phd8oa-cardSmall3{0%{transform:translate(-50%);left:calc(50% + 42px)}50%{left:calc(50% + 42px)}70%{left:calc(50% + 92px)}to{left:calc(50% + 92px);transform:translate(-50%)}}.wrapper.svelte-1phd8oa{overflow-x:hidden;overflow-y:auto;display:flex;align-items:center;flex-direction:column;width:100%;height:100%;max-height:80vh}@keyframes svelte-124st88-hand{0%{opacity:0;right:-50px;top:60px}10%{opacity:1;right:-50px;top:60px}25%{right:6px;top:40px;scale:1}35%{scale:.9}70%{scale:.9}75%{scale:1;opacity:1}85%{opacity:0}to{opacity:0;right:6px;top:40px}}@keyframes svelte-124st88-score{0%{opacity:0}75%{opacity:0}85%{opacity:1}to{opacity:1}}.overflow.svelte-124st88{overflow:hidden;position:relative;border-radius:8px;box-shadow:0 6px 12px #00000080;height:136px}@media screen and (max-width: 500px){.overflow.svelte-124st88{height:106px}}.title.svelte-124st88{font-size:16px;position:absolute;white-space:nowrap;top:-20px;font-size:12px}@media screen and (max-width: 500px){.title.svelte-124st88{top:-15px;font-size:10px}}.card.svelte-124st88{position:absolute;display:flex;justify-content:center}.card.svelte-124st88 .hand:where(.svelte-124st88){opacity:0;z-index:200;width:16px;position:absolute;right:-80px;top:-10px;color:#fff;fill:#fff;animation:svelte-124st88-hand 8s ease-in-out infinite}.year.svelte-124st88{position:absolute;background-color:var(--border-correct-color);color:#fff;height:28px;bottom:-1px;width:100%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.year.svelte-124st88 div:where(.svelte-124st88){width:12px;display:flex;align-items:center;position:absolute;right:10px}@media screen and (max-width: 500px){.year.svelte-124st88{font-size:11px;height:24px}.year.svelte-124st88 div:where(.svelte-124st88){width:10px;right:8px}}.movie.svelte-124st88{max-width:max-content;width:90px}@media screen and (max-width: 500px){.movie.svelte-124st88{width:70px}}.hard.svelte-124st88{width:12px;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 500px){.hard.svelte-124st88{width:10px}}.firstCard.svelte-124st88{opacity:0;animation:svelte-124st88-score 8s ease-in-out infinite}.line.svelte-1v4mfo6{transform:translateY(10px);background:repeating-linear-gradient(to right,var(--modal-color),var(--modal-color) 6px,#243851 6px,#243851 12px);display:flex;align-items:center;position:absolute;width:110%;height:2px;bottom:100px;z-index:-1}@media screen and (max-width: 500px){.line.svelte-1v4mfo6{bottom:76px}}.cards.svelte-1h36kr2{width:100%;height:370px;display:flex;justify-content:center;position:relative}@media screen and (max-width: 500px){.cards.svelte-1h36kr2{height:280px}}.cards.svelte-1h36kr2 .card1:where(.svelte-1h36kr2){position:absolute;z-index:10;animation:svelte-1h36kr2-card1 8s ease-in-out infinite}@media screen and (max-width: 500px){.cards.svelte-1h36kr2 .card1:where(.svelte-1h36kr2){width:72px;animation:svelte-1h36kr2-cardSmall1 8s ease-in-out infinite}}.cards.svelte-1h36kr2 .first:where(.svelte-1h36kr2){opacity:0}.cards.svelte-1h36kr2 .card2:where(.svelte-1h36kr2){position:absolute;top:210px;animation:svelte-1h36kr2-card2 8s ease-in-out infinite}@media screen and (max-width: 500px){.cards.svelte-1h36kr2 .card2:where(.svelte-1h36kr2){width:72px;top:160px;animation:svelte-1h36kr2-cardSmall2 8s ease-in-out infinite}}.cards.svelte-1h36kr2 .card3:where(.svelte-1h36kr2){position:absolute;top:210px;animation:svelte-1h36kr2-card3 8s ease-in-out infinite}@media screen and (max-width: 500px){.cards.svelte-1h36kr2 .card3:where(.svelte-1h36kr2){width:72px;top:160px;animation:svelte-1h36kr2-cardSmall3 8s ease-in-out infinite}}@keyframes svelte-1h36kr2-card1{0%{top:32px;left:40%;opacity:0}5%{opacity:1}40%{top:32px;left:40%}70%{top:210px;left:16%}to{opacity:1;top:210px;left:16%}}@keyframes svelte-1h36kr2-card2{0%{left:28%}50%{left:28%}70%{left:40%}to{left:40%}}@keyframes svelte-1h36kr2-card3{0%{left:52%}50%{left:52%}70%{left:64%}to{left:64%}}@keyframes svelte-1h36kr2-cardSmall1{0%{left:50%;transform:translate(-50%);top:24px;opacity:0}5%{opacity:1}40%{left:50%;top:24px}70%{top:160px;left:calc(50% - 80px)}to{opacity:1;top:160px;left:calc(50% - 80px);transform:translate(-50%)}}@keyframes svelte-1h36kr2-cardSmall2{0%{transform:translate(-50%);left:calc(50% - 40px)}50%{left:50%;left:calc(50% - 40px)}70%{left:50%}to{left:50%;transform:translate(-50%)}}@keyframes svelte-1h36kr2-cardSmall3{0%{transform:translate(-50%);left:calc(50% + 40px)}50%{left:calc(50% + 40px)}70%{left:calc(50% + 80px)}to{left:calc(50% + 80px);transform:translate(-50%)}}.wrapper.svelte-1h36kr2{overflow-x:hidden;overflow-y:auto;display:flex;align-items:center;flex-direction:column;width:100%;height:100%;max-height:80vh}.how-to-play.svelte-16vi4nq{width:100%;margin-top:40px}@media (max-width: 700px){.how-to-play.svelte-16vi4nq{margin-top:28px}}.how-to-play-header.svelte-16vi4nq{text-align:center;margin-bottom:20px}.how-to-play-title.svelte-16vi4nq{font-size:1.5rem;font-weight:700;color:var(--title-color);margin-bottom:8px}.how-to-play-subtitle.svelte-16vi4nq{font-size:.95rem;color:var(--icon-color);margin:0 auto 32px;line-height:1.6;max-width:520px}.how-to-play-description.svelte-16vi4nq{font-size:1.2rem;color:var(--icon-color);margin:0 auto;line-height:1.5}.how-to-play-description.svelte-16vi4nq .highlight:where(.svelte-16vi4nq){color:var(--title-color);font-size:1.5rem;font-weight:700}.demo-cards.svelte-16vi4nq{display:flex;gap:16px;width:100%;align-items:center}@media screen and (max-width: 980px){.demo-cards.svelte-16vi4nq{gap:12px;flex-direction:column}}.demo-col.svelte-16vi4nq{display:flex;flex-direction:column;align-items:center;gap:12px}.demo-card.svelte-16vi4nq{width:450px;height:372px;background-color:var(--modal-color);border-radius:16px;border:1px solid var(--card-border-color);overflow:hidden;opacity:.8;transform:scale(.98);transition:opacity .4s ease,transform .4s ease,border-color .4s ease,box-shadow .4s ease}.demo-card.svelte-16vi4nq:hover{opacity:1;transform:scale(1);border-color:var(--blue-color);box-shadow:0 4px 24px #0006,0 0 20px #3b82f626}@media screen and (max-width: 500px){.demo-card.svelte-16vi4nq{width:330px;height:320px}}.landing-page.svelte-94bjsn{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:60px 20px 0;gap:0}@media (max-width: 700px){.landing-page.svelte-94bjsn{padding:30px 20px 0}}.content.svelte-94bjsn{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center}@media (max-width: 700px){.content.svelte-94bjsn{max-width:400px}}.header.svelte-94bjsn{text-align:center;margin-bottom:32px}.logo-row.svelte-94bjsn{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.logo-icon.svelte-94bjsn{height:48px}@media (max-width: 700px){.logo-icon.svelte-94bjsn{height:42px}}.logo-text.svelte-94bjsn{height:40px;width:auto}@media (max-width: 700px){.logo-text.svelte-94bjsn{height:28px}}.subtitle.svelte-94bjsn{font-size:1.05rem;color:var(--icon-color)}.info.svelte-94bjsn{margin:16px auto 24px;text-align:center;color:var(--icon-color);padding:12px;width:fit-content;background-color:var(--modal-color);border-radius:8px;border:1px solid var(--card-border-color)}.error.svelte-94bjsn{margin:16px auto 24px;text-align:center;color:var(--wrong-color);padding:12px;width:fit-content;background-color:var(--dark-blue-color);border-radius:8px;border:1px solid rgba(244,67,54,.3);box-shadow:0 0 16px #f4433626}.actions.svelte-94bjsn{display:flex;flex-direction:row;gap:24px;align-items:stretch;width:100%}@media (max-width: 700px){.actions.svelte-94bjsn{flex-direction:column}}.action-card.svelte-94bjsn{flex:1;background-color:var(--modal-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--card-border-color);box-shadow:0 4px 24px #0000004d,0 0 0 1px #ffffff08;transition:border-color .3s ease,box-shadow .3s ease}.action-card.svelte-94bjsn:hover{border-color:var(--blue-color);box-shadow:0 4px 24px #0000004d,0 0 20px #3b82f626}.action-title.svelte-94bjsn{font-size:1.25rem;font-weight:600;color:var(--white-color)}.action-description.svelte-94bjsn{font-size:.875rem;color:var(--icon-color);margin-bottom:8px}.join-row.svelte-94bjsn{display:flex;gap:8px;align-items:stretch}.code-input.svelte-94bjsn{flex:1;width:100%;padding:12px 16px;border-radius:8px;border:2px solid var(--card-border-color);background-color:var(--background-color);color:var(--white-color);font-size:1.1rem;text-align:center;text-transform:uppercase;letter-spacing:8px;transition:border-color .2s ease,box-shadow .2s ease}.code-input.svelte-94bjsn::placeholder{color:var(--icon-color);opacity:.5;letter-spacing:8px}.code-input.svelte-94bjsn:hover{border-color:var(--blue-color)}.code-input.svelte-94bjsn:focus{outline:none;border-color:var(--blue-color);box-shadow:0 0 12px #3b82f640}.divider.svelte-94bjsn{display:flex;align-items:center;justify-content:center;color:var(--icon-color);font-size:.875rem;flex-direction:column;gap:12px;padding:0 8px}.divider.svelte-94bjsn:before,.divider.svelte-94bjsn:after{content:"";flex:1;width:1px;background-color:var(--card-border-color)}@media (max-width: 700px){.divider.svelte-94bjsn{flex-direction:row;gap:16px;padding:0}.divider.svelte-94bjsn:before,.divider.svelte-94bjsn:after{width:auto;height:1px}}.spinner.svelte-94bjsn{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;margin-right:8px;animation:svelte-94bjsn-spin .8s linear infinite}@keyframes svelte-94bjsn-spin{to{transform:rotate(360deg)}}.solo-section.svelte-94bjsn{width:100%;margin-top:48px;text-align:center}.solo-title.svelte-94bjsn{font-size:1.5rem;font-weight:700;color:var(--title-color);margin-bottom:6px}.solo-subtitle.svelte-94bjsn{font-size:.95rem;color:var(--icon-color);margin-bottom:24px}.solo-cards.svelte-94bjsn{display:flex;gap:20px;justify-content:center}@media (max-width: 700px){.solo-cards.svelte-94bjsn{flex-direction:column;align-items:center}}.solo-card.svelte-94bjsn{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--modal-color);border-radius:12px;border:1px solid var(--card-border-color);text-decoration:none;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.solo-card.svelte-94bjsn:hover{border-color:var(--blue-color);box-shadow:0 4px 24px #0000004d,0 0 20px #3b82f626;transform:translateY(-2px)}.solo-logo-icon.svelte-94bjsn{height:24px}.solo-logo-icon-movie.svelte-94bjsn{height:26px}.solo-logo-text.svelte-94bjsn{height:20px;width:auto}