:root{--hacc-primary-strong:color-mix(in oklch,var(--primary)80%,black)}.grid-bg-subtle{background-image:linear-gradient(color-mix(in oklch,var(--primary)5%,transparent)1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--primary)5%,transparent)1px,transparent 1px);background-size:40px 40px;animation:20s linear infinite gridScroll}@keyframes gridScroll{0%{background-position:0 0}to{background-position:40px 40px}}.pixel-particles{background-image:radial-gradient(circle,var(--primary)1px,transparent 1px),radial-gradient(circle,var(--destructive)1px,transparent 1px);opacity:.5;background-position:0 0,40px 40px;background-size:50px 50px,80px 80px;animation:30s linear infinite particleFloat;position:absolute;inset:0}@keyframes particleFloat{0%{transform:translateY(0)}to{transform:translateY(-50px)}}.pixel-badge{text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 10px color-mix(in oklch,var(--primary)30%,transparent),inset 0 0 10px color-mix(in oklch,var(--primary)10%,transparent);animation:2s ease-in-out infinite badgePulse;display:inline-block}@keyframes badgePulse{0%,to{box-shadow:0 0 10px color-mix(in oklch,var(--primary)30%,transparent),inset 0 0 10px color-mix(in oklch,var(--primary)10%,transparent)}50%{box-shadow:0 0 20px color-mix(in oklch,var(--primary)50%,transparent),inset 0 0 20px color-mix(in oklch,var(--primary)20%,transparent)}}.glitch-text-subtle{text-shadow:1px 1px 0 var(--primary),-1px -1px 0 var(--destructive);animation:4s ease-in-out infinite glitchSubtle}@keyframes glitchSubtle{0%,95%,to{text-shadow:1px 1px 0 var(--primary),-1px -1px 0 var(--destructive)}97%{text-shadow:-1px 1px 0 var(--primary),1px -1px 0 var(--destructive)}}.stat-box{background:color-mix(in oklch,var(--card)80%,transparent);border:2px solid var(--primary);box-shadow:0 4px 0 0 color-mix(in oklch,var(--primary)30%,transparent);transition:all .3s}.stat-box:hover{box-shadow:0 6px 0 0 color-mix(in oklch,var(--primary)50%,transparent);transform:translateY(-2px)}.stat-box:before{content:"";background:linear-gradient(45deg,var(--primary),var(--accent),var(--destructive),var(--primary));z-index:-1;opacity:0;background-size:300% 300%;transition:opacity .3s;animation:3s infinite borderGlow;position:absolute;inset:-2px}.stat-box:hover:before{opacity:.5}@keyframes borderGlow{0%,to{background-position:0%}50%{background-position:100%}}.stat-label{text-transform:uppercase;letter-spacing:.05em}.stat-value{color:var(--foreground);font-weight:700}.level-card{border:2px solid color-mix(in oklch,var(--primary)30%,transparent);border-left:4px solid var(--primary);cursor:pointer;opacity:0;transition:all .3s;animation:.6s ease-out forwards fadeInUp}.level-card:before{content:"";background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--primary)10%,transparent),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.level-card:hover:before{left:100%}.level-card:hover{background:color-mix(in oklch,var(--card)90%,transparent);border-color:var(--primary);box-shadow:-4px 4px 0 0 color-mix(in oklch,var(--primary)20%,transparent);transform:translate(4px)}.level-header{gap:1rem}.level-number{color:var(--primary);background:color-mix(in oklch,var(--primary)10%,transparent);border:2px solid var(--primary);box-shadow:0 0 10px color-mix(in oklch,var(--primary)30%,transparent);font-weight:700}.level-title{font-weight:600}.level-icon{color:var(--primary);transition:transform .3s}.level-card:hover .level-icon{transform:translate(4px)}.level-details{animation:.3s ease-out expandDown}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.pixel-divider{background:linear-gradient(90deg,transparent,var(--primary),transparent);height:2px;margin-bottom:1rem;animation:2s ease-in-out infinite dividerPulse}@keyframes dividerPulse{0%,to{opacity:.5}50%{opacity:1}}.game-ui-box{border:3px solid var(--primary);box-shadow:0 0 20px color-mix(in oklch,var(--primary)20%,transparent),inset 0 0 20px color-mix(in oklch,var(--primary)5%,transparent);position:relative}.game-ui-box:before,.game-ui-box:after{content:"";background:var(--primary);width:10px;height:10px;box-shadow:0 0 10px color-mix(in oklch,var(--primary)50%,transparent);position:absolute}.game-ui-box:before{top:-2px;left:-2px}.game-ui-box:after{bottom:-2px;right:-2px}.pixel-button-primary{background:var(--primary);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 0 0 var(--hacc-primary-strong),0 8px 20px color-mix(in oklch,var(--primary)30%,transparent);gap:.5rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative}.pixel-button-primary:hover{box-shadow:0 6px 0 0 var(--hacc-primary-strong),0 12px 30px color-mix(in oklch,var(--primary)50%,transparent);transform:translateY(-2px)}.pixel-button-primary:active{box-shadow:0 2px 0 0 var(--hacc-primary-strong),0 4px 10px color-mix(in oklch,var(--primary)30%,transparent);transform:translateY(2px)}.pixel-button-primary:before{content:"";background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--foreground)40%,transparent),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.pixel-button-primary:hover:before{left:100%}.button-decoration{animation:1s ease-in-out infinite bounceRight}@keyframes bounceRight{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.xp-bar{border:2px solid var(--primary);width:100%;height:2.5rem;position:relative;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,var(--primary),var(--accent));height:100%;box-shadow:0 0 20px color-mix(in oklch,var(--primary)50%,transparent);justify-content:center;align-items:center;animation:2s ease-out xpFill;display:flex;position:relative}@keyframes xpFill{0%{width:0!important}}.xp-bar-fill:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--foreground)30%,transparent),transparent);width:100%;height:100%;animation:2s ease-in-out infinite xpShimmer;position:absolute;top:0;left:-100%}@keyframes xpShimmer{0%{left:-100%}to{left:100%}}.xp-text{color:var(--background);text-transform:uppercase;letter-spacing:.1em;font-weight:700}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.cursor{animation:1s step-end infinite blink-cursor}@media (max-width:640px){.level-number{min-width:2.5rem;height:2.5rem;font-size:1.25rem}.level-title{font-size:.875rem}.level-description{font-size:.75rem}.stat-box{min-width:100px;padding:.75rem 1rem}.stat-value{font-size:1.25rem}}@keyframes shimmer{0%{transform:translate(0%)}to{transform:translate(1%)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px #fef08a)}50%{filter:drop-shadow(0 0 15px #fef08a)drop-shadow(0 0 20px #fde047)}}.animate-shimmer{animation:200s linear infinite shimmer,20s linear infinite glow}.max-glow{color:#fbbf24;text-shadow:0 0 10px #fbbf24,0 0 20px #f59e0b,0 0 30px #d97706;animation:2s ease-in-out 3s infinite backwards maxPulse;display:inline-block}@keyframes maxPulse{0%,to{text-shadow:0 0 10px #fbbf24,0 0 20px #f59e0b,0 0 30px #d97706;transform:scale(1)}50%{text-shadow:0 0 15px #fde047,0 0 30px #fbbf24,0 0 45px #f59e0b,0 0 60px #d97706;transform:scale(1.25)}}