@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesize:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}#app{width:100vw;height:100vh;margin:0;padding:0}.mini-canvas.svelte-k0s4b0{width:100%;height:100%;display:block}.song-selection-wrapper.svelte-1t7tkz9{box-sizing:border-box;background:#0d0614;width:100vw;height:calc(100vh - 80px);display:flex}.main-content.svelte-1t7tkz9{flex-direction:column;flex:1;align-items:center;padding:2rem;display:flex;overflow-y:auto}.preview-sidebar.svelte-1t7tkz9{box-sizing:border-box;background:#07030c;border-left:1px solid #221430;flex-direction:column;width:380px;padding:1.5rem;display:flex;overflow-y:auto}h1.svelte-1t7tkz9{text-shadow:0 0 10px #f05;margin-top:0;margin-bottom:1.5rem;font-size:2.2rem}.loader.svelte-1t7tkz9{color:#f0a;margin-top:4rem;font-size:1.3rem}.collections.svelte-1t7tkz9{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:2rem;display:flex}.collections.svelte-1t7tkz9 button:where(.svelte-1t7tkz9){color:#fff;cursor:pointer;background:#1c0e28;border:1px solid #3d2054;border-radius:6px;padding:.5rem 1rem;font-size:1rem;font-weight:700;transition:all .2s}.collections.svelte-1t7tkz9 button.active:where(.svelte-1t7tkz9){background:#f053;border-color:#f05;box-shadow:0 0 12px #ff00554d}.songs-grid.svelte-1t7tkz9{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem;width:100%;max-width:900px;display:grid}.song-card.svelte-1t7tkz9{cursor:pointer;text-align:left;background-color:#150a21;background-position:50%;background-size:cover;border:1px solid #27143c;border-radius:12px;flex-direction:column;justify-content:center;width:100%;height:110px;padding:1rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.song-card.svelte-1t7tkz9:hover{border-color:#0fa;transform:translateY(-3px)}.song-card.selected.svelte-1t7tkz9{border-color:#f05;box-shadow:0 0 12px #f056}.song-header.svelte-1t7tkz9{align-items:center;gap:.8rem;width:100%;display:flex}.jacket.svelte-1t7tkz9{object-fit:cover;border-radius:6px;width:60px;height:60px;box-shadow:0 4px 8px #00000080}.jacket-placeholder.svelte-1t7tkz9{background:#213;border-radius:6px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex}.song-title-wrapper.svelte-1t7tkz9{overflow:hidden}.song-title-wrapper.svelte-1t7tkz9 h3:where(.svelte-1t7tkz9){text-shadow:0 2px 4px #000c;white-space:nowrap;text-overflow:ellipsis;color:#fff;margin:0;font-size:1.1rem;font-weight:800;overflow:hidden}.meta.svelte-1t7tkz9{color:#aaa;margin:.2rem 0 0;font-size:.8rem}.sidebar-empty.svelte-1t7tkz9{color:#777;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.empty-icon.svelte-1t7tkz9{opacity:.3;margin-bottom:1.5rem;font-size:4rem}.sidebar-content.svelte-1t7tkz9{flex-direction:column;align-items:center;width:100%;display:flex}.sidebar-content.svelte-1t7tkz9 h2:where(.svelte-1t7tkz9){color:#f0a;text-transform:uppercase;letter-spacing:1px;margin-top:0;font-size:1.2rem}.preview-jacket.svelte-1t7tkz9{object-fit:cover;border:2px solid #221430;border-radius:8px;width:140px;height:140px;margin-bottom:.8rem;box-shadow:0 4px 15px #000000b3}.preview-jacket-placeholder.svelte-1t7tkz9{background:#213;border:2px solid #221430;border-radius:8px;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:.8rem;font-size:4rem;display:flex}.preview-title.svelte-1t7tkz9{text-align:center;word-break:break-word;margin:0 0 1rem;font-size:1.4rem;font-weight:900}.mini-game-container.svelte-1t7tkz9{background:#120c1f;border:1px solid #3d2054;border-radius:12px;width:100%;height:180px;margin-bottom:1rem;position:relative;overflow:hidden}.level-select-container.svelte-1t7tkz9{flex-direction:column;width:100%;margin-bottom:1.5rem;display:flex}.level-select-container.svelte-1t7tkz9 h4:where(.svelte-1t7tkz9){color:#aaa;margin:0 0 .5rem;font-size:.95rem}.chart-scroll.svelte-1t7tkz9{background:#0c0614;border:1px solid #1a0e28;border-radius:8px;flex-direction:column;gap:.5rem;max-height:180px;padding:.4rem;display:flex;overflow-y:auto}.chart-option.svelte-1t7tkz9{cursor:pointer;text-align:left;color:#fff;background:#170d22;border:1px solid #29183d;border-radius:6px;justify-content:space-between;align-items:center;padding:.6rem .8rem;transition:all .15s;display:flex}.chart-option.svelte-1t7tkz9:hover{background:#251636;border-color:#f0a}.chart-option.active.svelte-1t7tkz9{background:#ff00551c;border-color:#f05}.chart-type.svelte-1t7tkz9{font-size:.9rem;font-weight:700}.chart-difficulty.svelte-1t7tkz9{text-transform:uppercase;font-size:.9rem;font-weight:900}.action-play-btn.svelte-1t7tkz9{color:#000;cursor:pointer;background:#0fa;border:none;border-radius:8px;width:100%;padding:.8rem;font-size:1.2rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 15px #0fa3}.action-play-btn.svelte-1t7tkz9:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0fa6}.game-wrapper.svelte-1v40tg6{background:#090212;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.overlay.svelte-1v40tg6{z-index:100;color:#fff;background:#0a0514f2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.spinner.svelte-1v40tg6{border:5px solid #ff00551a;border-top-color:#f05;border-radius:50%;width:60px;height:60px;margin-bottom:2rem;animation:1s linear infinite svelte-1v40tg6-spin}@keyframes svelte-1v40tg6-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error.svelte-1v40tg6 h2:where(.svelte-1v40tg6){color:#f36}.exit-btn.svelte-1v40tg6{color:#fff;cursor:pointer;background:#f05;border:none;border-radius:8px;margin-top:2rem;padding:.8rem 2rem;font-size:1.2rem;font-weight:700;transition:transform .1s}.exit-btn.svelte-1v40tg6:hover{transform:scale(1.05)}.exit-btn-top.svelte-1v40tg6{z-index:200;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;padding:.5rem 1rem;position:absolute;top:20px;right:20px}.canvas-container.svelte-1v40tg6{z-index:5;width:100%;height:100%;position:relative}.game-background.svelte-1v40tg6{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg-media.svelte-1v40tg6{object-fit:cover;width:100%;height:100%}.bg-overlay.svelte-1v40tg6{z-index:2;background:#0a0514a6;width:100%;height:100%;position:absolute;top:0;left:0}canvas.svelte-1v40tg6{width:100%;height:100%;display:block}.summary.svelte-1v40tg6 h1:where(.svelte-1v40tg6){background:linear-gradient(90deg,#0fa,#fb0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:3rem;font-size:3.5rem}.stats.svelte-1v40tg6{gap:3rem;margin-bottom:3rem;display:flex}.stat.svelte-1v40tg6{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;min-width:160px;padding:1.5rem 3rem;display:flex}.label.svelte-1v40tg6{color:#aaa;margin-bottom:.5rem;font-size:.9rem}.value.svelte-1v40tg6{font-size:2.5rem;font-weight:900}main.svelte-1n46o8q{color:#fff;background:linear-gradient(135deg,#12002b,#0a0015);width:100vw;height:100vh;font-family:Inter,system-ui,sans-serif;overflow:hidden}.login-screen.svelte-1n46o8q{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.title.svelte-1n46o8q{background:linear-gradient(90deg,#f0a,#0fa);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #ff00aa4d;-webkit-background-clip:text;margin:0;font-size:5rem}.subtitle.svelte-1n46o8q{color:#aaa;margin-bottom:3rem;font-size:1.5rem}.login-options.svelte-1n46o8q{flex-direction:column;gap:1rem;width:300px;display:flex}.login-options.svelte-1n46o8q button:where(.svelte-1n46o8q){color:#fff;cursor:pointer;background:#333;border:none;border-radius:8px;padding:1rem;font-size:1.1rem;transition:background .2s,transform .1s}.login-options.svelte-1n46o8q button:where(.svelte-1n46o8q):hover{background:#444;transform:scale(1.02)}.login-options.svelte-1n46o8q button.anonymous:where(.svelte-1n46o8q){background:0 0;border:2px solid #555}.login-options.svelte-1n46o8q button.anonymous:where(.svelte-1n46o8q):hover{color:#0fa;background:#222;border-color:#0fa}.ui-overlay.svelte-1n46o8q{flex-direction:column;height:100%;display:flex}.settings-bar.svelte-1n46o8q{box-sizing:border-box;background:#000c;border-bottom:1px solid #333;align-items:center;gap:2rem;height:80px;padding:1rem 2rem;display:flex}.setting.svelte-1n46o8q{align-items:center;gap:.5rem;display:flex}input[type=range].svelte-1n46o8q{color:#fff;background:#222;border:1px solid #444;border-radius:4px;padding:.5rem}.back-btn.svelte-1n46o8q{color:#fff;cursor:pointer;background:#f05;border:none;border-radius:4px;margin-left:auto;padding:.5rem 1rem;font-weight:700}.fullscreen-btn.svelte-1n46o8q{color:#0d071c;cursor:pointer;background:#0fa;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:700;transition:background .2s,transform .1s}.fullscreen-btn.svelte-1n46o8q:hover{background:#00dd92;transform:scale(1.02)}