:root{--sky-top:#1a0a2e;--sky-middle:#4a1942;--sky-bottom:#ff6b35;--sky-horizon:#ffc857;--building-dark:#0d0d1a;--building-medium:#1a1a2e;--building-light:#2a2a4a;--food-primary:#22c55e;--food-secondary:#15803d;--potion-primary:#a855f7;--potion-secondary:#7e22ce;--accessory-primary:#f472b6;--accessory-secondary:#db2777;--magic-primary:#6366f1;--magic-secondary:#4338ca;--forge-primary:#f59e0b;--forge-secondary:#d97706;--pet-primary:#4ade80;--pet-secondary:#16a34a;--music-primary:#ff6b9d;--music-secondary:#c084fc;--music-neon:#0ff;--text-primary:#fff;--text-secondary:rgba(255,255,255,0.7);--text-muted:rgba(255,255,255,0.5);--glow-strength:.6}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:'Nunito',sans-serif;background:var(--sky-top)}#header-placeholder{position:relative;z-index:200;background:transparent}.marketplace-header-overlay{position:fixed;top:85px;left:50%;transform:translateX(-50%);text-align:center;z-index:100;pointer-events:none;padding:1rem 2rem;background:linear-gradient(135deg,rgba(26,10,46,0.9),rgba(74,25,66,0.85));border:1px solid rgba(255,107,157,0.3);border-radius:20px;backdrop-filter:blur(10px);box-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 60px rgba(255,107,157,0.15)}.market-title h1{font-family:'Cinzel',serif;font-size:2.2rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,107,157,0.6),0 2px 4px rgba(0,0,0,0.5);margin-bottom:.25rem;letter-spacing:4px}.market-subtitle{color:#fff;font-size:.95rem;font-weight:500;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,0.5)}h1.marketplace-title{font-family:'Cinzel',serif;font-size:2.2rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,107,157,0.6),0 2px 4px rgba(0,0,0,0.5);margin-bottom:.25rem;letter-spacing:4px}p.marketplace-subtitle{color:#fff;font-size:.95rem;font-weight:500;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.market-wallet{display:none}@media(max-width:768px){.marketplace-header-overlay{top:75px;padding:.75rem 1.25rem}.market-title h1{font-size:1.5rem;letter-spacing:2px}.market-subtitle{font-size:.8rem}}.stars-bg{position:fixed;top:0;left:0;width:100vw;height:40%;pointer-events:none;z-index:5}.star{position:absolute;width:2px;height:2px;background:white;border-radius:50%;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.parallax-container{position:fixed;top:72px;left:0;width:100%;height:calc(100% - 72px);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.parallax-container::-webkit-scrollbar{height:8px}.parallax-container::-webkit-scrollbar-track{background:transparent}.parallax-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--food-primary),var(--potion-primary),var(--magic-primary));border-radius:4px}.parallax-world{position:relative;height:100%;min-width:100%}.parallax-layer{position:absolute;top:0;left:0;height:100%;will-change:transform}.sky-layer{width:100%;z-index:1;pointer-events:none}.sunset-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,var(--sky-top) 0,var(--sky-middle) 30%,#8b3a62 50%,var(--sky-bottom) 70%,var(--sky-horizon) 85%,#ffed8a 100%)}.moon{position:absolute;top:8%;right:15%;width:80px;height:80px;background:radial-gradient(circle at 30% 30%,#fffde7,#ffd54f);border-radius:50%;box-shadow:0 0 40px rgba(255,253,231,0.8),0 0 80px rgba(255,213,79,0.4);animation:moonGlow 4s ease-in-out infinite}@keyframes moonGlow{0%,100%{box-shadow:0 0 40px rgba(255,253,231,0.8),0 0 80px rgba(255,213,79,0.4)}50%{box-shadow:0 0 60px rgba(255,253,231,1),0 0 120px rgba(255,213,79,0.6)}}.distant-clouds{position:absolute;top:10%;left:0;width:100%;height:30%;overflow:hidden}.cloud{position:absolute;background:rgba(255,255,255,0.1);border-radius:50px;filter:blur(20px)}.cloud-1{width:200px;height:60px;top:20%;left:10%;animation:cloudDrift 60s linear infinite}.cloud-2{width:300px;height:80px;top:40%;left:40%;animation:cloudDrift 80s linear infinite;animation-delay:-20s}.cloud-3{width:150px;height:50px;top:10%;left:70%;animation:cloudDrift 50s linear infinite;animation-delay:-40s}@keyframes cloudDrift{0%{transform:translateX(-100%)}100%{transform:translateX(100vw)}}.distant-buildings{width:100%;z-index:2;bottom:0;height:40%;pointer-events:none}.distant-building{position:absolute;bottom:0;background:var(--building-dark);opacity:.6}.db-1{width:80px;height:180px;left:5%}.db-2{width:120px;height:220px;left:15%}.db-3{width:60px;height:160px;left:30%}.db-4{width:100px;height:200px;left:50%}.db-5{width:90px;height:170px;left:70%}.distant-building::before{content:'';position:absolute;top:20px;left:10%;width:80%;height:calc(100% - 40px);background:repeating-linear-gradient(to bottom,transparent 0,transparent 20px,rgba(255,200,100,0.1) 20px,rgba(255,200,100,0.1) 25px)}.medium-buildings{width:100%;z-index:3;bottom:0;height:50%;pointer-events:none}.medium-building{position:absolute;bottom:0;background:var(--building-medium)}.mb-1{width:150px;height:280px;left:8%}.mb-2{width:200px;height:320px;left:35%}.mb-3{width:180px;height:260px;left:65%}.medium-building::before{content:'';position:absolute;top:30px;left:10%;width:80%;height:calc(100% - 60px);background:repeating-linear-gradient(to right,transparent 0,transparent 30px,rgba(255,200,100,0.15) 30px,rgba(255,200,100,0.15) 40px),repeating-linear-gradient(to bottom,transparent 0,transparent 40px,rgba(0,0,0,0.3) 40px,rgba(0,0,0,0.3) 50px)}.storefronts-layer{width:100%;z-index:10;bottom:0;height:100%}.street-scene{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;gap:50px;align-items:flex-end;height:450px;padding:0 80px}.storefront{position:relative;cursor:pointer;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 10px 30px rgba(0,0,0,0.5));overflow:visible}.storefront:hover{transform:translateY(-10px) scale(1.02);filter:drop-shadow(0 20px 40px rgba(0,0,0,0.6))}.storefront:hover .shop-sign{animation:signBounce .5s ease}@keyframes signBounce{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.building-structure{position:relative;width:280px;height:350px;background:var(--building-light);border-radius:8px 8px 0 0;overflow:visible}.sign-holder{position:absolute;top:-40px;left:50%;transform:translateX(-50%);z-index:5}.shop-sign{display:flex;align-items:center;gap:10px;padding:12px 24px;background:rgba(0,0,0,0.8);border:3px solid;border-radius:8px;font-family:'Fredoka',sans-serif;font-weight:600;font-size:1.1rem;color:white;white-space:nowrap;transform:rotate(-2deg);box-shadow:0 5px 20px rgba(0,0,0,0.4)}.shop-sign i{font-size:1.4rem}.food-market .shop-sign{border-color:var(--food-primary);box-shadow:0 5px 20px rgba(34,197,94,0.3)}.potion-shop .shop-sign{border-color:var(--potion-primary);box-shadow:0 5px 20px rgba(168,85,247,0.3)}.accessory-shop .shop-sign{border-color:var(--accessory-primary);box-shadow:0 5px 20px rgba(244,114,182,0.3)}.magic-shop .shop-sign{border-color:var(--magic-primary);box-shadow:0 5px 20px rgba(99,102,241,0.3)}.equipment-forge .shop-sign{border-color:var(--forge-primary);box-shadow:0 5px 20px rgba(245,158,11,0.3)}.shop-window{position:absolute;top:60px;left:50%;transform:translateX(-50%);width:180px;height:120px;background:rgba(0,0,0,0.6);border:4px solid rgba(255,255,255,0.2);border-radius:8px;overflow:hidden}.window-glow{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4;animation:windowPulse 3s ease-in-out infinite}@keyframes windowPulse{0%,100%{opacity:.3}50%{opacity:.6}}.food-market .window-glow{background:radial-gradient(ellipse,var(--food-primary),transparent)}.potion-shop .window-glow{background:radial-gradient(ellipse,var(--potion-primary),transparent)}.accessory-shop .window-glow{background:radial-gradient(ellipse,var(--accessory-primary),transparent)}.magic-shop .window-glow{background:radial-gradient(ellipse,var(--magic-primary),transparent)}.equipment-forge .window-glow{background:radial-gradient(ellipse,var(--forge-primary),transparent)}.shop-door{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:140px;background:linear-gradient(to bottom,#4a3728,#2d1f15);border:3px solid #1a1208;border-bottom:0;border-radius:8px 8px 0 0}.door-frame{position:absolute;top:10px;left:10px;right:10px;bottom:0;border:2px solid rgba(255,255,255,0.1);border-bottom:0;border-radius:4px 4px 0 0}.door-light{position:absolute;bottom:0;left:0;width:100%;height:20px;background:linear-gradient(to top,rgba(255,200,100,0.5),transparent)}.shop-awning{position:absolute;top:50px;left:-10px;right:-10px;height:25px;background:repeating-linear-gradient(90deg,var(--food-primary) 0,var(--food-primary) 20px,var(--food-secondary) 20px,var(--food-secondary) 40px);border-radius:0 0 10px 10px;box-shadow:0 5px 15px rgba(0,0,0,0.3)}.purple-awning{background:repeating-linear-gradient(90deg,var(--potion-primary) 0,var(--potion-primary) 20px,var(--potion-secondary) 20px,var(--potion-secondary) 40px)}.pink-awning{background:repeating-linear-gradient(90deg,var(--accessory-primary) 0,var(--accessory-primary) 20px,var(--accessory-secondary) 20px,var(--accessory-secondary) 40px)}.roof{position:absolute;top:-30px;left:-20px;right:-20px;height:40px;background:#4a3728;border-radius:4px}.roof::before{content:'';position:absolute;top:-15px;left:10%;right:10%;height:20px;background:#3d2e20;border-radius:4px}.roof-pointed{clip-path:polygon(0 100%,50% 0,100% 100%);height:60px;top:-50px;background:linear-gradient(to bottom,#6b4c8a,#4a3728)}.roof-elegant{border-radius:20px 20px 4px 4px;background:linear-gradient(to bottom,#c77dab,#8b5a7a)}.roof-tower{height:80px;top:-70px;clip-path:polygon(20% 100%,50% 0,80% 100%);background:linear-gradient(to bottom,#3d3d8a,#2a2a5a)}.roof-industrial{background:#5a5a5a;border-radius:2px}.roof-cozy{background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:8px 8px 4px 4px}.pet-store{--shop-color:var(--pet-primary)}.pet-store .shop-sign{border-color:var(--pet-primary);box-shadow:0 5px 20px rgba(74,222,128,0.3);background:rgba(0,0,0,0.8)}.pet-store .window-glow{background:radial-gradient(ellipse,var(--pet-primary),transparent)}.pet-glow{width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(74,222,128,0.4),transparent);animation:petGlow 3s ease-in-out infinite}.pet-store .building-structure::before{content:'\f5d7';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:-25px;right:25px;font-size:22px;color:rgba(255,255,255,0.9);text-shadow:0 2px 8px rgba(74,222,128,0.6);animation:boneWiggle 2s ease-in-out infinite;z-index:10}@keyframes boneWiggle{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes petGlow{0%,100%{opacity:.5}50%{opacity:1}}.green-glow{background:radial-gradient(ellipse at center,rgba(74,222,128,0.6),transparent 70%)}.green-light{background:rgba(74,222,128,0.3)}.door-friendly{background:linear-gradient(to bottom,#2d5a3a,#1a3a24)}.pet-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}.paw-print{position:absolute;width:24px;height:24px;opacity:0;animation:pawPrint 3s ease-in-out infinite}.paw-print::before{content:'\f1b0';font-family:'Font Awesome 6 Free';font-weight:900;font-size:18px;color:rgba(74,222,128,0.8);text-shadow:0 0 8px rgba(74,222,128,0.5)}.p1{bottom:60px;left:15%;animation-delay:0s}.p2{bottom:100px;left:55%;animation-delay:1s}.p3{bottom:140px;left:35%;animation-delay:2s}.p4{bottom:80px;left:75%;animation-delay:.5s}.p5{bottom:120px;left:25%;animation-delay:1.5s}@keyframes pawPrint{0%{opacity:0;transform:scale(0.5) translateY(20px)}15%{opacity:.9;transform:scale(1) translateY(0)}60%{opacity:.9;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0.8) translateY(-15px)}}.hanging-toy{position:absolute;top:45px;left:50%;transform:translateX(-50%);width:16px;height:30px}.hanging-toy::before{content:'';position:absolute;top:0;left:50%;width:2px;height:16px;background:rgba(255,255,255,0.4);transform:translateX(-50%)}.hanging-toy::after{content:'\f578';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:16px;color:#ffb347;text-shadow:0 0 8px rgba(255,179,71,0.6);animation:toySwing 2.5s ease-in-out infinite}@keyframes toySwing{0%,100%{transform:translateX(-50%) rotate(-8deg)}50%{transform:translateX(-50%) rotate(8deg)}}.tower-top{position:absolute;top:-90px;left:50%;transform:translateX(-50%);z-index:10}.crystal-orb{width:40px;height:40px;background:radial-gradient(circle at 30% 30%,#a0c4ff,#6366f1,#4338ca);border-radius:50%;box-shadow:0 0 20px var(--magic-primary),0 0 40px rgba(99,102,241,0.5);animation:orbPulse 2s ease-in-out infinite}@keyframes orbPulse{0%,100%{box-shadow:0 0 20px var(--magic-primary),0 0 40px rgba(99,102,241,0.5)}50%{box-shadow:0 0 30px var(--magic-primary),0 0 60px rgba(99,102,241,0.8)}}.chimney{position:absolute;top:-80px;right:40px;width:50px;height:60px;background:#4a4a4a;border-radius:4px 4px 0 0}.chimney-smoke{position:absolute;top:-20px;left:50%;transform:translateX(-50%)}.smoke-puff{position:absolute;width:30px;height:30px;background:rgba(100,100,100,0.6);border-radius:50%;filter:blur(8px);animation:smokePuff 3s ease-out infinite}.puff1{animation-delay:0s}.puff2{animation-delay:1s}.puff3{animation-delay:2s}@keyframes smokePuff{0%{transform:translateY(0) scale(1);opacity:.6}100%{transform:translateY(-80px) scale(2);opacity:0}}.shop-info{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.stock-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,0,0,0.7);border-radius:20px;font-weight:600;font-size:.9rem;color:white}.stock-status i{color:var(--food-primary)}.stock-status.sold-out{background:rgba(239,68,68,0.3);border:1px solid rgba(239,68,68,0.5)}.stock-status.sold-out i{color:#ef4444}.restock-timer{font-size:.8rem;color:var(--text-secondary);padding:4px 12px;background:rgba(0,0,0,0.5);border-radius:10px}.shop-smoke{position:absolute;top:-20px;right:20px}.smoke-particle{position:absolute;width:20px;height:20px;background:rgba(255,255,255,0.3);border-radius:50%;filter:blur(5px);animation:smokeRise 4s ease-out infinite}.s1{animation-delay:0s;left:0}.s2{animation-delay:1.3s;left:15px}.s3{animation-delay:2.6s;left:-10px}@keyframes smokeRise{0%{transform:translateY(0) scale(1);opacity:.4}100%{transform:translateY(-60px) scale(1.5);opacity:0}}.magic-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.magic-particle{position:absolute;width:8px;height:8px;background:var(--potion-primary);border-radius:50%;box-shadow:0 0 10px var(--potion-primary);animation:magicFloat 5s ease-in-out infinite}.m1{top:30%;left:20%;animation-delay:0s}.m2{top:50%;left:80%;animation-delay:1.2s}.m3{top:70%;left:40%;animation-delay:2.4s}.m4{top:20%;left:60%;animation-delay:3.6s}@keyframes magicFloat{0%,100%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-30px) scale(1.2);opacity:.4}}.sparkle-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sparkle{position:absolute;width:4px;height:4px;background:white;border-radius:50%;box-shadow:0 0 6px white,0 0 12px var(--accessory-primary);animation:sparkle 2s ease-in-out infinite}.sp1{top:20%;left:30%;animation-delay:0s}.sp2{top:40%;left:70%;animation-delay:.4s}.sp3{top:60%;left:20%;animation-delay:.8s}.sp4{top:30%;left:80%;animation-delay:1.2s}.sp5{top:50%;left:50%;animation-delay:1.6s}@keyframes sparkle{0%,100%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.arcane-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.rune-circle{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:200px;height:200px;border:2px solid rgba(99,102,241,0.3);border-radius:50%;animation:runeRotate 20s linear infinite}.rune-circle::before{content:'';position:absolute;top:10%;left:10%;right:10%;bottom:10%;border:1px solid rgba(99,102,241,0.2);border-radius:50%}@keyframes runeRotate{from{transform:translateX(-50%) rotate(0)}to{transform:translateX(-50%) rotate(360deg)}}.forge-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ember{position:absolute;width:6px;height:6px;background:var(--forge-primary);border-radius:50%;box-shadow:0 0 8px var(--forge-primary);animation:emberFloat 3s ease-out infinite}.e1{bottom:20%;left:30%;animation-delay:0s}.e2{bottom:30%;left:60%;animation-delay:.5s}.e3{bottom:25%;left:45%;animation-delay:1s}.e4{bottom:35%;left:70%;animation-delay:1.5s}.e5{bottom:20%;left:50%;animation-delay:2s}@keyframes emberFloat{0%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-100px) scale(0.5);opacity:0}}.street-layer{width:100%;z-index:5;top:auto;bottom:0;height:120px;pointer-events:none}.cobblestone-street{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,rgba(255,150,80,0.25) 0,rgba(139,58,98,0.15) 15%,#3a3040 30%,#2a2535 100%),repeating-linear-gradient(90deg,transparent 0,transparent 38px,rgba(0,0,0,0.25) 38px,rgba(0,0,0,0.25) 42px),repeating-linear-gradient(0,transparent 0,transparent 18px,rgba(0,0,0,0.2) 18px,rgba(0,0,0,0.2) 22px);box-shadow:inset 0 5px 20px rgba(255,150,80,0.15),inset 0 -5px 15px rgba(0,0,0,0.3)}.street-lamps{position:absolute;bottom:80px;left:0;width:100%}.lamp{position:absolute;width:15px;height:150px;background:#2a2a2a;border-radius:3px}.lamp-1{left:80px}.lamp-2{left:700px}.lamp-3{left:1400px}.lamp::before{content:'';position:absolute;top:-30px;left:-20px;width:55px;height:40px;background:#3d3d3d;border-radius:5px 5px 0 0}.lamp-light{position:absolute;top:-25px;left:-15px;width:45px;height:30px;background:radial-gradient(ellipse,rgba(255,200,100,0.9),rgba(255,200,100,0.3) 70%,transparent);border-radius:50%;animation:lampFlicker 4s ease-in-out infinite}@keyframes lampFlicker{0%,100%{opacity:.8}50%{opacity:1}52%{opacity:.7}54%{opacity:1}}.street-decorations{position:absolute;bottom:80px;left:0;width:100%}.barrel{position:absolute;width:40px;height:50px;background:linear-gradient(to bottom,#6b4c3a,#4a3428);border-radius:5px}.barrel-1{left:200px}.crate{position:absolute;width:35px;height:35px;background:#5a4a3a;border:2px solid #4a3a2a}.crate-1{left:550px}.flower-pot{position:absolute;width:30px;height:25px;background:#8b5a3a;border-radius:0 0 5px 5px}.flower-pot::before{content:'';position:absolute;top:-20px;left:5px;width:20px;height:25px;background:#22c55e;border-radius:50% 50% 0 0}.fp-1{left:400px}.fp-2{left:1100px}.loading-overlay{position:fixed;top:72px;left:0;width:100%;height:calc(100% - 72px);background:var(--sky-top);display:flex;align-items:center;justify-content:center;z-index:500;transition:opacity .5s ease}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center;color:white}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,0.2);border-top-color:var(--food-primary);border-right-color:var(--potion-primary);border-bottom-color:var(--magic-primary);border-left-color:var(--forge-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.storefront.coming-soon{opacity:.6;cursor:default;filter:grayscale(30%)}.storefront.coming-soon .building-structure{background:linear-gradient(180deg,rgba(30,30,50,0.9) 0,rgba(20,20,35,0.95) 100%);border:2px dashed rgba(255,255,255,0.2)}.storefront.coming-soon .shop-sign{background:rgba(50,50,70,0.8);border:2px dashed rgba(255,255,255,0.3);color:rgba(255,255,255,0.6)}.storefront.coming-soon .shop-window{background:rgba(30,30,50,0.8)}.storefront.coming-soon .window-display{display:flex;align-items:center;justify-content:center}.storefront.coming-soon .coming-soon-text{font-size:1rem;font-weight:700;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:2px;text-align:center}.storefront.coming-soon .shop-info{opacity:.5}.storefront.coming-soon:hover{transform:none}.storefront.coming-soon:hover .building-structure{box-shadow:none}.music-store{--shop-color:var(--music-primary)}.music-store .shop-sign{border-color:var(--music-primary);box-shadow:0 5px 20px rgba(255,107,157,0.4),0 0 30px rgba(192,132,252,0.3);background:linear-gradient(135deg,rgba(20,10,30,0.95),rgba(30,15,45,0.9))}.music-store .shop-sign i{color:var(--music-primary);animation:musicPulse 1.5s ease-in-out infinite}@keyframes musicPulse{0%,100%{transform:scale(1);color:var(--music-primary)}50%{transform:scale(1.2);color:var(--music-neon)}}.music-store .window-glow{background:radial-gradient(ellipse,var(--music-primary),var(--music-secondary),transparent)}.music-glow{animation:musicWindowPulse 2s ease-in-out infinite}@keyframes musicWindowPulse{0%,100%{opacity:.4}25%{opacity:.8}50%{opacity:.5}75%{opacity:.9}}.roof-music{background:linear-gradient(180deg,#4a2c6a 0,#3d2a5a 50%,#2d1b4e 100%);border-radius:12px 12px 4px 4px;overflow:visible;border:1px solid rgba(192,132,252,0.3);box-shadow:0 -5px 20px rgba(192,132,252,0.2)}.roof-music::before{content:'';position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:70%;height:22px;background:linear-gradient(135deg,#ff6b9d,#c084fc,#0ff);border-radius:12px 12px 0 0;box-shadow:0 0 25px rgba(255,107,157,0.6),0 -5px 15px rgba(0,255,255,0.3)}.vinyl-decoration{position:absolute;top:-90px;left:50%;transform:translateX(-50%);z-index:10}.vinyl-record{width:70px;height:70px;background:linear-gradient(135deg,#1a1a1a,#333,#1a1a1a);border-radius:50%;position:relative;box-shadow:0 0 20px rgba(0,0,0,0.5),inset 0 0 15px rgba(255,255,255,0.1);animation:vinylSpin 4s linear infinite}.vinyl-record::before{content:'';position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0,transparent 2px,rgba(50,50,50,0.3) 2px,rgba(50,50,50,0.3) 4px)}.vinyl-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25px;height:25px;background:linear-gradient(135deg,var(--music-primary),var(--music-secondary));border-radius:50%;box-shadow:0 0 10px rgba(255,107,157,0.6)}.vinyl-label::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#1a1a1a;border-radius:50%}@keyframes vinylSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.music-visualizer{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%;padding:20px}.music-visualizer .bar{width:12px;background:linear-gradient(to top,var(--music-primary),var(--music-secondary),var(--music-neon));border-radius:4px 4px 0 0;animation:visualizerBounce .8s ease-in-out infinite;box-shadow:0 0 10px rgba(255,107,157,0.5)}.bar1{height:40%;animation-delay:0s}.bar2{height:70%;animation-delay:.1s}.bar3{height:50%;animation-delay:.2s}.bar4{height:90%;animation-delay:.15s}.bar5{height:60%;animation-delay:.25s}.bar6{height:80%;animation-delay:.05s}.bar7{height:45%;animation-delay:.3s}@keyframes visualizerBounce{0%,100%{transform:scaleY(1)}50%{transform:scaleY(0.4)}}.door-music{background:linear-gradient(to bottom,#2d1b4e,#1a0a2e);border-color:rgba(255,107,157,0.3)}.music-light{background:linear-gradient(to top,rgba(255,107,157,0.4),transparent)}.music-awning{left:-10px !important;right:-10px !important;width:auto !important;background:repeating-linear-gradient(90deg,var(--music-primary) 0,var(--music-primary) 20px,var(--music-secondary) 20px,var(--music-secondary) 40px) !important;box-shadow:0 5px 20px rgba(255,107,157,0.4)}.neon-sign{position:absolute;bottom:160px;left:50%;transform:translateX(-50%);z-index:10}.neon-text{font-family:'Fredoka',sans-serif;font-size:.75rem;font-weight:600;color:var(--music-neon);text-shadow:0 0 5px var(--music-neon),0 0 10px var(--music-neon),0 0 20px var(--music-neon),0 0 40px rgba(0,255,255,0.5);animation:neonFlicker 3s ease-in-out infinite;letter-spacing:2px;white-space:nowrap}@keyframes neonFlicker{0%,100%{opacity:1}5%{opacity:.8}10%{opacity:1}15%{opacity:.9}20%{opacity:1}50%{opacity:1}51%{opacity:.7}52%{opacity:1}80%{opacity:1}81%{opacity:.85}82%{opacity:1}}.music-effects{position:absolute;inset:0;pointer-events:none;overflow:visible}.music-note{position:absolute;font-size:1.2rem;color:var(--music-primary);text-shadow:0 0 10px rgba(255,107,157,0.8);opacity:0;animation:musicNoteFloat 4s ease-in-out infinite}.n1{left:10%;bottom:40%;animation-delay:0s}.n2{left:80%;bottom:50%;animation-delay:.8s;color:var(--music-secondary)}.n3{left:30%;bottom:60%;animation-delay:1.6s;color:var(--music-neon)}.n4{left:60%;bottom:45%;animation-delay:2.4s}.n5{left:45%;bottom:55%;animation-delay:3.2s;color:var(--music-secondary)}@keyframes musicNoteFloat{0%{opacity:0;transform:translateY(0) rotate(0) scale(0.5)}20%{opacity:1;transform:translateY(-20px) rotate(10deg) scale(1)}80%{opacity:1;transform:translateY(-60px) rotate(-10deg) scale(1)}100%{opacity:0;transform:translateY(-80px) rotate(0) scale(0.5)}}.headphone-icon{position:absolute;top:35px;right:20px;font-size:1.8rem;color:rgba(255,255,255,0.9);text-shadow:0 0 15px rgba(255,107,157,0.8);animation:headphoneBop 2s ease-in-out infinite;z-index:10}@keyframes headphoneBop{0%,100%{transform:rotate(-5deg) scale(1)}25%{transform:rotate(5deg) scale(1.05)}50%{transform:rotate(-3deg) scale(1)}75%{transform:rotate(3deg) scale(1.02)}}.music-store .building-structure{background:linear-gradient(180deg,#1a0a2e 0,#251040 30%,#1a0a2e 100%);border:2px solid rgba(192,132,252,0.25);box-shadow:0 0 30px rgba(255,107,157,0.2),inset 0 0 60px rgba(192,132,252,0.1);position:relative;overflow:visible}.music-store:hover .building-structure{box-shadow:0 0 50px rgba(255,107,157,0.4),inset 0 0 80px rgba(192,132,252,0.2)}.music-store:hover .vinyl-record{animation-duration:1s}.music-store:hover .neon-text{text-shadow:0 0 10px var(--music-neon),0 0 20px var(--music-neon),0 0 40px var(--music-neon),0 0 80px rgba(0,255,255,0.8)}.music-store .stock-status i{color:var(--music-primary);animation:discSpin 3s linear infinite}@keyframes discSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.window-music{border-color:rgba(255,107,157,0.4);background:rgba(10,5,20,0.9)}.secret-alley{position:relative;width:80px;height:350px;cursor:pointer;margin-left:-20px}.alley-entrance{position:relative;width:100%;height:100%;background:transparent;overflow:hidden;transition:all .5s ease}.alley-shadows{position:absolute;inset:0;background:transparent;pointer-events:none;transition:background .5s ease}.suspicious-eye{position:absolute;top:40%;left:50%;transform:translateX(-50%);width:20px;height:10px;opacity:0;transition:opacity .5s ease}.secret-alley:hover .suspicious-eye{opacity:1}.eye-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:radial-gradient(circle,#9333ea 0,#7c3aed 40%,transparent 70%);border-radius:50%;box-shadow:0 0 8px #9333ea,0 0 16px rgba(147,51,234,0.4);animation:eyeBlink 4s ease-in-out infinite}@keyframes eyeBlink{0%,45%,55%,100%{transform:translate(-50%,-50%) scaleY(1);opacity:1}48%,52%{transform:translate(-50%,-50%) scaleY(0.1);opacity:.3}}.alley-fog{position:absolute;bottom:0;left:0;width:100%;height:60%;pointer-events:none;opacity:0;transition:opacity .5s ease}.secret-alley:hover .alley-fog{opacity:1}.fog-wisp{position:absolute;background:rgba(139,92,246,0.08);border-radius:50%;filter:blur(12px);animation:fogDrift 8s ease-in-out infinite}.f1{width:60px;height:20px;bottom:20%;left:-10px;animation-delay:0s}.f2{width:40px;height:15px;bottom:40%;left:20px;animation-delay:2s}.f3{width:50px;height:15px;bottom:10%;left:5px;animation-delay:4s}@keyframes fogDrift{0%,100%{transform:translateX(-5px) translateY(0);opacity:.3}50%{transform:translateX(5px) translateY(-5px);opacity:.6}}.mysterious-cat{display:none}.secret-hint{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:rgba(147,51,234,0);opacity:0;transition:all .5s ease .2s}.secret-alley:hover .secret-hint{opacity:1;color:rgba(147,51,234,0.6);text-shadow:0 0 8px rgba(147,51,234,0.4);animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.15)}}.secret-alley:hover .alley-entrance{background:radial-gradient(ellipse at center,rgba(147,51,234,0.05) 0,transparent 70%)}.secret-alley:hover .alley-shadows{background:radial-gradient(ellipse at center top,rgba(10,5,20,0.3) 0,transparent 60%)}.secret-alley.entering .alley-entrance{animation:alleyPulse .5s ease-out}@keyframes alleyPulse{0%{transform:scale(1);background:transparent}50%{transform:scale(1.05);background:radial-gradient(ellipse at center,rgba(147,51,234,0.2) 0,transparent 70%)}100%{transform:scale(1);background:transparent}}.secret-entrance-overlay{position:fixed;inset:0;background:rgba(0,0,0,0);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeToBlack 1.5s ease forwards}@keyframes fadeToBlack{0%{background:rgba(0,0,0,0)}30%{background:rgba(10,5,20,0.8)}100%{background:rgba(10,5,20,1)}}.secret-entrance-content{display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:0;animation:revealContent 1s ease .3s forwards}@keyframes revealContent{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}.mysterious-eye-large{width:80px;height:40px;background:linear-gradient(to bottom,#2a1a4a,#1a0a30);border-radius:50%;position:relative;box-shadow:0 0 30px rgba(147,51,234,0.6),0 0 60px rgba(147,51,234,0.3);animation:eyeOpen .8s ease .5s forwards;transform:scaleY(0.1)}@keyframes eyeOpen{0%{transform:scaleY(0.1)}100%{transform:scaleY(1)}}.eye-iris{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:radial-gradient(circle,#c084fc 0,#9333ea 30%,#7c3aed 60%,#5b21b6 100%);border-radius:50%;box-shadow:0 0 20px #9333ea,inset 0 0 10px rgba(0,0,0,0.5)}.eye-iris::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#0a0a12;border-radius:50%}.entrance-text{font-family:'Cinzel',serif;font-size:1.5rem;color:#c084fc;text-shadow:0 0 10px rgba(192,132,252,0.8),0 0 20px rgba(147,51,234,0.5);letter-spacing:4px;opacity:0;animation:textFade .8s ease .8s forwards}@keyframes textFade{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@media(max-width:1600px){.street-scene{gap:40px;padding:0 60px}.building-structure{width:260px;height:320px}}@media(max-width:1400px){.street-scene{gap:35px;padding:0 50px}.building-structure{width:240px;height:300px}}@media(max-width:1200px){.street-scene{gap:30px;padding:0 40px}.building-structure{width:220px;height:280px}}@media(max-width:900px){.parallax-container{top:64px;height:calc(100% - 64px)}.loading-overlay{top:64px;height:calc(100% - 64px)}.marketplace-header-overlay{top:80px}.street-scene{gap:25px;padding:0 30px}.building-structure{width:200px;height:260px}}@media(max-width:600px){.street-scene{gap:20px;padding:0 20px;bottom:50px}.building-structure{width:180px;height:240px}.shop-sign{font-size:.85rem;padding:8px 14px}.shop-info{bottom:-40px}.stock-status{font-size:.75rem;padding:5px 10px}}