.pixel-window-chrome{background:var(--lofi-dark-card);border:4px solid #000;position:relative;box-shadow:4px 4px #000}.pixel-window-title-bar{background:linear-gradient(#8b5cf6 0%,#7c3aed 100%);border-bottom:4px solid #000;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.pixel-window-controls{gap:.5rem;display:flex}.pixel-window-control-btn{cursor:pointer;border:2px solid #000;width:16px;height:16px;transition:transform .1s}.pixel-window-control-btn:active{transform:translate(1px,1px)}.retro-button{cursor:pointer;border:4px solid #000;transition:all .1s;position:relative}.retro-button:active{transform:translate(2px,2px);box-shadow:2px 2px #000!important}.retro-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pixel-border{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border:4px solid #000}.pixel-border-thin{image-rendering:pixelated;border:2px solid #000}.crt-scanlines{position:relative;overflow:hidden}.crt-scanlines:before{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#0000000d 0,#0000 1px 2px,#0000000d 3px);position:absolute;inset:0}.pixel-text{image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;font-family:"Press Start 2P",cursive}.glitch-hover{transition:all .2s;position:relative}.glitch-hover:hover{animation:.3s ease-in-out glitch}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.pixel-gradient-purple{background:linear-gradient(135deg,var(--theme-primary)0%,var(--theme-secondary)100%)}.pixel-gradient-cyan{background:linear-gradient(135deg,var(--theme-accent)0%,var(--theme-primary)100%)}.pixel-gradient-dark{background:linear-gradient(#0f0420 0%,#1a0b2e 50%,#2d1b4e 100%)}.pixel-gradient-theme{background:linear-gradient(180deg,var(--theme-bg-from)0%,var(--theme-bg-via-1)25%,var(--theme-bg-via-2)50%,var(--theme-bg-to)100%)}.star-field{position:relative;overflow:hidden}.star-field:before,.star-field:after{content:"";background:#fff;border-radius:50%;width:2px;height:2px;animation:3s ease-in-out infinite twinkle;position:absolute}.star-field:before{animation-delay:0s;top:20%;left:30%}.star-field:after{animation-delay:1.5s;top:60%;left:70%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.pixel-spinner{border:4px solid #8b5cf64d;border-top-color:#8b5cf6;border-radius:0;width:40px;height:40px;animation:1s steps(8,end) infinite pixel-spin}@keyframes pixel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-pulse{animation:2s ease-in-out infinite pulse-badge}@keyframes pulse-badge{0%,to{box-shadow:0 0 #ec4899b3}50%{box-shadow:0 0 0 8px #ec489900}}.pixel-hover-lift{transition:transform .2s,box-shadow .2s}.pixel-hover-lift:hover{transform:translateY(-2px);box-shadow:6px 6px #000}.pixel-input{color:#fff;background:#1a0b2e;border:4px solid #000;padding:.75rem 1rem;font-family:Inter,sans-serif;transition:box-shadow .2s}.pixel-input:focus{border-color:#06b6d4;outline:none;box-shadow:0 0 0 4px #06b6d480}.achievement-shine{position:relative;overflow:hidden}.achievement-shine:after{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite shine;position:absolute;top:-50%;left:-50%}@keyframes shine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.status-online{background:#22c55e;border:2px solid #000;width:12px;height:12px;animation:2s ease-in-out infinite pulse-online;position:relative}@keyframes pulse-online{0%,to{opacity:1}50%{opacity:.6}}.status-offline{background:#6b7280;border:2px solid #000;width:12px;height:12px}.pixel-toast{border:4px solid #000;animation:.3s ease-out toast-slide-in;box-shadow:4px 4px #000}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.pixel-divider{background:repeating-linear-gradient(90deg,#000 0 8px,#0000 8px 16px);height:4px}.pixel-image{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.text-shadow-pixel{text-shadow:2px 2px #000}.text-shadow-pixel-lg{text-shadow:4px 4px #000}.animated-border{background:linear-gradient(45deg,#8b5cf6,#ec4899,#06b6d4,#8b5cf6) 0 0/300% 300%;animation:3s infinite gradient-border;position:relative}@keyframes gradient-border{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.particle-float{animation:ease-in-out infinite float-particle}@keyframes float-particle{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(10px,-20px)rotate(90deg)}50%{transform:translate(-5px,-40px)rotate(180deg)}75%{transform:translate(-15px,-20px)rotate(270deg)}}.particle-square{background:var(--particle-color)}.particle-triangle{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:8px solid var(--particle-color);background:0 0!important;width:0!important;height:0!important}.particle-circle{background:var(--particle-color);border-radius:50%}@keyframes blink{0%,to{opacity:.6}50%{opacity:.1}}.animate-blink{animation:3s ease-in-out infinite blink}.star-twinkle{animation:ease-in-out infinite star-twinkle}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.pixel-card-float{transition:all .3s;transform:translateZ(10px);box-shadow:4px 4px #000,0 8px 32px #8b5cf633}.pixel-card-glow-hover{transition:all .3s}.pixel-card-glow-hover:hover{box-shadow:6px 6px 0px 0px #000,0 0 40px var(--theme-glow-primary,#8b5cf699),0 0 20px var(--theme-glow-accent,#ec48994d);transform:translateY(-2px)}.neon-glow{box-shadow:0 0 10px var(--theme-glow-primary,#8b5cf680);transition:box-shadow .3s}.neon-glow:hover{box-shadow:0 0 20px var(--theme-glow-primary,#8b5cf6cc),0 0 40px var(--theme-glow-accent,#ec489966)}.pixel-button-glow{transition:all .2s;position:relative}.pixel-button-glow:hover{box-shadow:4px 4px 0px 0px #000,0 0 20px var(--theme-accent,#06b6d499);border-color:var(--theme-accent,#06b6d4)}.pixel-button-glow:active{box-shadow:2px 2px 0px 0px #000,0 0 15px var(--theme-accent,#06b6d466)}.moon{background:radial-gradient(circle at 30% 30%,#fffef5 0%,var(--theme-moon-color,#fffacd)50%,#f5e6b8 100%);border-radius:50%;animation:10s ease-in-out infinite moon-glow;position:absolute;box-shadow:0 0 40px 20px #fffacd4d,0 0 80px 40px #fffacd26,inset -8px -8px 20px #c8b48c4d}@keyframes moon-glow{0%,to{box-shadow:0 0 40px 20px #fffacd4d,0 0 80px 40px #fffacd26,inset -8px -8px 20px #c8b48c4d}50%{box-shadow:0 0 50px 25px #fffacd66,0 0 100px 50px #fffacd33,inset -8px -8px 20px #c8b48c4d}}.cloud{background:var(--theme-cloud-color,#ffffff2e);filter:blur(8px);border-radius:50%;animation:linear infinite cloud-drift;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:60%;height:80%;top:-30%;left:15%}.cloud:after{width:70%;height:70%;top:-20%;right:10%}@keyframes cloud-drift{0%{transform:translate(-150%)}to{transform:translate(calc(100vw + 150%))}}.cloud-1{width:200px;height:60px;animation-duration:120s;top:8%}.cloud-2{width:160px;height:50px;animation-duration:100s;animation-delay:-40s;top:15%}.cloud-3{width:240px;height:70px;animation-duration:140s;animation-delay:-80s;top:5%}.cloud-4{width:180px;height:55px;animation-duration:110s;animation-delay:-20s;top:20%}.cloud-5{width:140px;height:45px;animation-duration:90s;animation-delay:-60s;top:12%}.shooting-star{opacity:0;background:linear-gradient(45deg,#fff,#0000);border-radius:50%;width:4px;height:4px;animation:1s ease-out forwards shooting-star-fall;position:absolute}.shooting-star:before{content:"";transform-origin:100%;background:linear-gradient(90deg,#fffc,#fff6,#0000);width:80px;height:2px;position:absolute;top:1px;right:0;transform:rotate(-45deg)}@keyframes shooting-star-fall{0%{opacity:1;transform:translate(0)rotate(-45deg)}to{opacity:0;transform:translate(300px,300px)rotate(-45deg)}}