@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--color-bg: #0f0f1e;--color-bg-secondary: #1a1a2e;--color-text: #00ff41;--color-text-secondary: #00cc33;--color-accent: #ff00ff;--color-border: #00ff41;--color-shadow: #000000;--spacing-unit: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",monospace;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:12px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel-button{font-family:"Press Start 2P",monospace;font-size:10px;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);background-color:var(--color-bg-secondary);color:var(--color-text);border:3px solid var(--color-border);cursor:pointer;position:relative;text-transform:uppercase;transition:all .1s}.pixel-button:hover{background-color:var(--color-text);color:var(--color-bg);box-shadow:0 0 10px var(--color-text)}.pixel-button:active{transform:translate(2px,2px);box-shadow:none}.pixel-input{font-family:"Press Start 2P",monospace;font-size:10px;padding:calc(var(--spacing-unit) * 1.5);background-color:var(--color-bg-secondary);color:var(--color-text);border:3px solid var(--color-border);width:100%}.pixel-input:focus{outline:none;box-shadow:inset 0 0 10px var(--color-text)}.pixel-card{background-color:var(--color-bg-secondary);border:3px solid var(--color-border);padding:calc(var(--spacing-unit) * 2);position:relative;box-shadow:8px 8px 0 var(--color-shadow)}.pixel-card:hover{box-shadow:8px 8px 0 var(--color-text-secondary);border-color:var(--color-accent)}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 var(--color-accent);clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 var(--color-text-secondary);clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(39px,9999px,94px,0)}20%{clip:rect(55px,9999px,23px,0)}40%{clip:rect(79px,9999px,65px,0)}60%{clip:rect(18px,9999px,100px,0)}80%{clip:rect(29px,9999px,76px,0)}to{clip:rect(62px,9999px,41px,0)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(17px,9999px,94px,0)}40%{clip:rect(29px,9999px,40px,0)}60%{clip:rect(68px,9999px,17px,0)}80%{clip:rect(51px,9999px,94px,0)}to{clip:rect(80px,9999px,42px,0)}}.pixel-spinner{width:48px;height:48px;border:6px solid var(--color-border);border-top:6px solid var(--color-accent);border-radius:0;animation:pixel-spin .8s steps(8) infinite}@keyframes pixel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){body{font-size:11px}.pixel-button{font-size:9px;padding:calc(var(--spacing-unit) * 1.2) calc(var(--spacing-unit) * 2)}.pixel-input{font-size:9px;padding:calc(var(--spacing-unit) * 1.2)}.pixel-card{padding:calc(var(--spacing-unit) * 1.5);box-shadow:4px 4px 0 var(--color-shadow)}.pixel-card:hover{box-shadow:4px 4px 0 var(--color-text-secondary)}}@media(max-width:480px){body{font-size:12px}.pixel-button,.pixel-input{font-size:10px}}.music-player.svelte-1u2yzou{position:fixed;width:240px;padding:0;background-color:var(--color-bg);border:3px solid var(--color-border);box-shadow:0 8px 24px #000c;z-index:9999;cursor:move;-webkit-user-select:none;user-select:none;overflow:hidden}.music-player.dragging.svelte-1u2yzou{opacity:.9;cursor:grabbing}.player-header.svelte-1u2yzou{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 1.5);background:linear-gradient(180deg,rgba(0,255,65,.15) 0%,transparent 100%);border-bottom:2px solid var(--color-border);cursor:grab}.player-header.svelte-1u2yzou:active{cursor:grabbing}.player-title.svelte-1u2yzou{font-size:10px;font-weight:700;color:var(--color-text);letter-spacing:1px;display:flex;align-items:center;gap:4px}.close-btn.svelte-1u2yzou{background:none;border:2px solid var(--color-border);color:var(--color-text);font-size:16px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1;transition:none}.close-btn.svelte-1u2yzou:hover{background-color:var(--color-text);color:var(--color-bg)}.player-controls.svelte-1u2yzou{display:flex;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);align-items:center}.control-btn.svelte-1u2yzou{width:40px;height:40px;border:3px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:none;flex-shrink:0}.control-btn.svelte-1u2yzou:active{transform:scale(.95);transition:none}.control-btn.svelte-1u2yzou:hover{background-color:#00ff4133;box-shadow:0 0 8px #00ff4180;transform:scale(1.05)}.control-btn.playing.svelte-1u2yzou{background-color:#00ff411a;border-color:var(--color-text);animation:svelte-1u2yzou-pulse 2s ease-in-out infinite}@keyframes svelte-1u2yzou-pulse{0%,to{box-shadow:0 0 4px #00ff4180}50%{box-shadow:0 0 12px #00ff41cc}}.track-info.svelte-1u2yzou{flex:1;min-width:0}.track-name.svelte-1u2yzou{font-size:9px;color:var(--color-text);margin-bottom:calc(var(--spacing-unit) / 2);font-weight:700;letter-spacing:.5px}.visualizer.svelte-1u2yzou{display:flex;gap:3px;height:20px;align-items:flex-end}.bar.svelte-1u2yzou{width:4px;background:linear-gradient(180deg,var(--color-text) 0%,var(--color-accent) 100%);border:1px solid var(--color-border);animation:svelte-1u2yzou-bounce .6s ease-in-out infinite}.bar.svelte-1u2yzou:nth-child(1){animation-delay:0s;height:60%}.bar.svelte-1u2yzou:nth-child(2){animation-delay:.1s;height:80%}.bar.svelte-1u2yzou:nth-child(3){animation-delay:.2s;height:100%}.bar.svelte-1u2yzou:nth-child(4){animation-delay:.3s;height:70%}.bar.svelte-1u2yzou:nth-child(5){animation-delay:.4s;height:50%}@keyframes svelte-1u2yzou-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.track-nav.svelte-1u2yzou{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-unit) calc(var(--spacing-unit) * 2);border-top:2px solid var(--color-border);background:linear-gradient(180deg,transparent 0%,rgba(0,255,65,.05) 100%)}.nav-btn.svelte-1u2yzou{width:28px;height:28px;border:2px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:none}.nav-btn.svelte-1u2yzou:active{transform:scale(.95)}.nav-btn.svelte-1u2yzou:hover{background-color:#00ff4133;box-shadow:0 0 8px #00ff4180}.track-indicator.svelte-1u2yzou{font-size:7px;color:var(--color-text-secondary);letter-spacing:.5px}.scanline.svelte-1u2yzou{position:absolute;inset:0;background:linear-gradient(transparent 50%,#0000001a 50%);background-size:100% 4px;pointer-events:none;opacity:.3}.reopen-button.svelte-1u2yzou{position:fixed;bottom:20px;right:20px;width:64px;height:64px;padding:8px;border:3px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9998;transition:none;box-shadow:4px 4px 0 var(--color-shadow)}.reopen-button.svelte-1u2yzou:active{transform:scale(.95)}.reopen-button.svelte-1u2yzou:hover{background-color:var(--color-bg);box-shadow:0 0 16px #00ff4180;transform:scale(1.05);border-color:var(--color-text)}.layout.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column;padding:calc(var(--spacing-unit) * 2);max-width:1400px;margin:0 auto}.header.svelte-12qhfyh{position:relative;text-align:center;margin-bottom:calc(var(--spacing-unit) * 4);padding:calc(var(--spacing-unit) * 3) 0;border-bottom:3px solid var(--color-border)}.back-btn.svelte-12qhfyh{position:absolute;left:0;top:calc(var(--spacing-unit) * 3);display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) / 2);font-size:9px;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);text-decoration:none;transition:all .2s;z-index:10;cursor:pointer;pointer-events:auto}.back-btn.svelte-12qhfyh svg:where(.svelte-12qhfyh){display:block;pointer-events:none}.back-btn.svelte-12qhfyh:hover{transform:translate(-2px)}.header.svelte-12qhfyh h1:where(.svelte-12qhfyh){font-size:32px;margin-bottom:calc(var(--spacing-unit) * 2);text-shadow:4px 4px 0 var(--color-shadow)}.logo-link.svelte-12qhfyh{color:var(--color-text);text-decoration:none;transition:all .2s;cursor:pointer}.logo-link.svelte-12qhfyh:hover{color:var(--color-primary);text-shadow:0 0 20px var(--color-primary),4px 4px 0 var(--color-shadow)}.tagline.svelte-12qhfyh{font-size:10px;color:var(--color-text-secondary)}.main.svelte-12qhfyh{flex:1}.footer.svelte-12qhfyh{text-align:center;padding:calc(var(--spacing-unit) * 3) 0;margin-top:calc(var(--spacing-unit) * 4);border-top:3px solid var(--color-border);font-size:8px;color:var(--color-text-secondary)}.footer.svelte-12qhfyh p:where(.svelte-12qhfyh){margin:calc(var(--spacing-unit) / 2) 0}.footer.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--color-primary);text-decoration:none;transition:all .2s}.footer.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--color-text);text-shadow:0 0 10px var(--color-primary)}@media(max-width:768px){.back-btn.svelte-12qhfyh{font-size:8px;padding:var(--spacing-unit) calc(var(--spacing-unit) * 1.5);top:calc(var(--spacing-unit) * 2)}.back-btn.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:14px;height:14px}.header.svelte-12qhfyh h1:where(.svelte-12qhfyh){font-size:22px}.tagline.svelte-12qhfyh{font-size:9px;line-height:1.8}.layout.svelte-12qhfyh{padding:calc(var(--spacing-unit) * 1.5)}.header.svelte-12qhfyh{margin-bottom:calc(var(--spacing-unit) * 3);padding:calc(var(--spacing-unit) * 2) 0}.footer.svelte-12qhfyh{font-size:9px}}@media(max-width:480px){.header.svelte-12qhfyh h1:where(.svelte-12qhfyh){font-size:18px;margin-bottom:calc(var(--spacing-unit) * 1.5)}.tagline.svelte-12qhfyh{font-size:8px}.footer.svelte-12qhfyh{font-size:8px;padding:calc(var(--spacing-unit) * 2) 0}}