:root{--fight-gold:color-mix(in oklch,var(--secondary)70%,var(--primary)30%);--fight-primary-strong:color-mix(in oklch,var(--primary)80%,black);--fight-accent-strong:color-mix(in oklch,var(--accent)80%,black);--fight-destructive-strong:color-mix(in oklch,var(--destructive)80%,black)}.battle-grid{background-image:repeating-linear-gradient(0deg,color-mix(in oklch,var(--primary)5%,transparent)0px,transparent 2px,transparent 4px,color-mix(in oklch,var(--primary)5%,transparent)6px),repeating-linear-gradient(90deg,color-mix(in oklch,var(--destructive)5%,transparent)0px,transparent 2px,transparent 4px,color-mix(in oklch,var(--destructive)5%,transparent)6px);animation:20s linear infinite battleShift}@keyframes battleShift{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.energy-particles{background-image:radial-gradient(circle,var(--primary)1px,transparent 1px),radial-gradient(circle,var(--destructive)1px,transparent 1px),radial-gradient(circle,var(--accent)1px,transparent 1px);opacity:.15;background-position:0 0,40px 40px,80px 80px;background-size:80px 80px,120px 120px,160px 160px;animation:60s linear infinite particleDrift}@keyframes particleDrift{0%{transform:translate(0)rotate(0)}to{transform:translate(100px,-100px)rotate(360deg)}}.fight-badge{background:linear-gradient(135deg,color-mix(in oklch,var(--primary)20%,transparent),color-mix(in oklch,var(--destructive)20%,transparent));border:3px solid;border-image:linear-gradient(45deg,var(--primary),var(--destructive))1;box-shadow:0 0 30px color-mix(in oklch,var(--primary)30%,transparent),inset 0 0 30px color-mix(in oklch,var(--primary)10%,transparent);padding:.75rem 2.5rem;animation:2s ease-in-out infinite badgeIntense;position:relative}@keyframes badgeIntense{0%,to{box-shadow:0 0 30px color-mix(in oklch,var(--primary)30%,transparent),inset 0 0 30px color-mix(in oklch,var(--primary)10%,transparent)}50%{box-shadow:0 0 50px color-mix(in oklch,var(--destructive)50%,transparent),inset 0 0 50px color-mix(in oklch,var(--destructive)20%,transparent)}}.fight-badge:before,.fight-badge:after{content:"";background:var(--destructive);width:12px;height:12px;animation:2s ease-in-out infinite cornerPulse;position:absolute}.fight-badge:before{top:-4px;left:-4px}.fight-badge:after{bottom:-4px;right:-4px}@keyframes cornerPulse{0%,to{transform:scale(1);box-shadow:0 0 10px}50%{transform:scale(1.2);box-shadow:0 0 20px}}.tarot-card-container{perspective:1000px}.tarot-card{box-shadow:0 10px 30px #00000080,inset 0 0 20px color-mix(in oklch,var(--fight-gold)10%,transparent);border-radius:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.tarot-card:hover{box-shadow:0 20px 40px #0009,0 0 40px color-mix(in oklch,var(--fight-gold)40%,transparent),inset 0 0 30px color-mix(in oklch,var(--fight-gold)20%,transparent);transform:translateY(-12px)rotateY(5deg)}.tarot-card:before{content:"";background:radial-gradient(circle,color-mix(in oklch,var(--fight-gold)30%,transparent),transparent 70%);opacity:0;pointer-events:none;width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.tarot-card:hover:before{opacity:1;animation:3s ease-in-out infinite cardGlow}@keyframes cardGlow{0%,to{transform:translate(0)scale(1)}50%{transform:translate(10px,-10px)scale(1.1)}}.tarot-card-image{background:linear-gradient(135deg,color-mix(in oklch,var(--accent)10%,transparent),color-mix(in oklch,var(--primary)10%,transparent));flex-direction:column;justify-content:center;align-items:center;display:flex}.tarot-card-image img{object-fit:cover;transition:transform .4s;overflow:hidden;aspect-ratio:1/2!important}.tarot-card:hover .tarot-card-image img{transform:scale(1.05)}.tarot-card-content{background:color-mix(in oklch,var(--background)90%,transparent)}.path-option{background:color-mix(in oklch,var(--card)50%,transparent);border-left:3px solid color-mix(in oklch,var(--primary)30%,transparent);border-radius:4px;padding:1rem;transition:all .3s}.path-option:hover{background:color-mix(in oklch,var(--card)80%,transparent);border-left-color:var(--primary);transform:translate(4px)}.path-divider{background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--fight-gold)50%,transparent),transparent);height:2px;margin:1rem 0}.quest-button{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-family:Pixelify Sans,sans-serif;font-size:.875rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #0000004d}.quest-button:active{transform:translateY(2px);box-shadow:0 2px #0000004d}.button-glow{opacity:.3;z-index:0;background:linear-gradient(135deg,currentColor,#0000);position:absolute;inset:0}.button-text,.button-icon{z-index:1;position:relative}.button-icon{transition:transform .3s}.quest-button:hover .button-icon{transform:translate(4px)}.quest-button.creator{background:var(--primary);color:var(--background)}.quest-button.creator:hover{background:var(--fight-primary-strong);box-shadow:0 4px 0 0 #0000004d,0 0 20px color-mix(in oklch,var(--primary)50%,transparent)}.quest-button.partner{background:var(--accent);color:var(--background)}.quest-button.partner:hover{background:var(--fight-accent-strong);box-shadow:0 4px 0 0 #0000004d,0 0 20px color-mix(in oklch,var(--accent)50%,transparent)}.quest-button.sponsor{background:var(--destructive);color:var(--foreground)}.quest-button.sponsor:hover{background:var(--fight-destructive-strong);box-shadow:0 4px 0 0 #0000004d,0 0 20px color-mix(in oklch,var(--destructive)50%,transparent)}.quest-button.sponsor-alt{color:var(--destructive);border:2px solid var(--destructive);box-shadow:none;background:0 0}.quest-button.sponsor-alt:hover{background:color-mix(in oklch,var(--destructive)10%,transparent);border-color:var(--destructive);box-shadow:0 0 20px color-mix(in oklch,var(--destructive)30%,transparent)}.quest-button.sponsor-alt:active{transform:translateY(0)}.contact-section{margin-top:4rem}.contact-box{background:color-mix(in oklch,var(--card)80%,transparent);border:3px solid var(--primary);max-width:600px;box-shadow:0 0 30px color-mix(in oklch,var(--primary)20%,transparent),inset 0 0 30px color-mix(in oklch,var(--primary)5%,transparent);border-radius:8px;margin:0 auto;padding:3rem 2rem;position:relative}.contact-box:before,.contact-box:after{content:"";background:var(--primary);width:10px;height:10px;box-shadow:0 0 15px var(--primary);position:absolute}.contact-box:before{top:-2px;left:-2px}.contact-box:after{bottom:-2px;right:-2px}.quest-button.contact{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--background)}.quest-button.contact:hover{background:linear-gradient(135deg,var(--accent),var(--primary));box-shadow:0 4px 0 0 #0000004d,0 0 30px color-mix(in oklch,var(--primary)50%,transparent)}@media (max-width:768px){.tarot-card{border-radius:12px}.tarot-card-content{padding:1rem}.tarot-card:hover{transform:translateY(-8px)}.quest-button{padding:.75rem 1rem;font-size:.75rem}.contact-box{padding:2rem 1.5rem}}@media (max-width:480px){.fight-badge{padding:.5rem 1.5rem;font-size:.875rem}.tarot-card-content h3{font-size:1.25rem}.path-option{padding:.75rem}.quest-button{padding:.625rem .875rem;font-size:.7rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:.8s ease-out forwards fadeInUp}
.circuit-pattern{background-image:repeating-linear-gradient(0deg,color-mix(in oklch,var(--accent)3%,transparent)0px,transparent 1px,transparent 2px,color-mix(in oklch,var(--accent)3%,transparent)3px),repeating-linear-gradient(90deg,color-mix(in oklch,var(--accent)3%,transparent)0px,transparent 1px,transparent 2px,color-mix(in oklch,var(--accent)3%,transparent)3px),repeating-linear-gradient(45deg,color-mix(in oklch,var(--destructive)3%,transparent)0px,transparent 1px,transparent 2px,color-mix(in oklch,var(--destructive)3%,transparent)3px);animation:30s linear infinite circuitFlow}@keyframes circuitFlow{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.power-up-glow{background:radial-gradient(circle,color-mix(in oklch,var(--accent)30%,transparent),transparent 70%);filter:blur(60px);width:300px;height:300px;animation:4s ease-in-out infinite powerPulse}@keyframes powerPulse{0%,to{opacity:.3;transform:translate(-50%)scale(1)}50%{opacity:.5;transform:translate(-50%)scale(1.2)}}.power-up-badge{background:linear-gradient(135deg,color-mix(in oklch,var(--accent)20%,transparent),color-mix(in oklch,var(--destructive)20%,transparent));border:2px solid;border-image:linear-gradient(90deg,var(--accent),var(--destructive))1;align-items:center;gap:1rem;padding:.75rem 2rem;display:inline-flex;position:relative;overflow:hidden}.power-up-badge:before{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;animation:3s linear infinite badgeShine;position:absolute;top:-50%;left:-50%}@keyframes badgeShine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.badge-icon{font-size:1.25rem;animation:2s ease-in-out infinite iconBounce}.badge-icon:first-child{animation-delay:0s}.badge-icon:last-child{animation-delay:.5s}@keyframes iconBounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.1)}}.badge-text{text-transform:uppercase;letter-spacing:.1em;color:var(--foreground);font-family:Pixelify Sans,sans-serif;font-size:.875rem;font-weight:600}.pixel-frame{background:linear-gradient(135deg,var(--primary),var(--accent),var(--destructive));padding:3px;animation:6s linear infinite frameRotate;position:relative}.pixel-frame-border{background:linear-gradient(var(--color-background),var(--color-accent))padding-box,linear-gradient(135deg,var(--primary),var(--accent),var(--destructive),var(--primary))border-box;background-size:200% 200%;border:2px solid #0000;border-radius:8px;animation:4s ease-in-out infinite borderRotate}@keyframes borderRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes frameRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.pixel-frame-content{background:var(--card);padding:2rem}.feature-card{background:color-mix(in oklch,var(--background)60%,transparent);border:2px solid color-mix(in oklch,var(--accent)30%,transparent);padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(135deg,color-mix(in oklch,var(--accent)10%,transparent),color-mix(in oklch,var(--destructive)10%,transparent));opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:var(--accent);box-shadow:0 8px 16px color-mix(in oklch,var(--accent)20%,transparent);transform:translateY(-4px)}.feature-icon{filter:drop-shadow(0 0 10px color-mix(in oklch,var(--accent)50%,transparent));margin-bottom:1rem;font-size:2.5rem;animation:3s ease-in-out infinite iconFloat}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.feature-title{color:var(--accent);margin-bottom:.5rem;font-family:Pixelify Sans,sans-serif;font-size:1.25rem;font-weight:600}.feature-description{color:var(--muted-foreground);font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.6}.section-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.header-line{background:linear-gradient(90deg,transparent,var(--primary),transparent);flex:1;height:2px}.header-text{white-space:nowrap}.terminal-mockup{background:var(--background);border:3px solid var(--accent);box-shadow:0 0 30px color-mix(in oklch,var(--accent)30%,transparent),inset 0 0 30px color-mix(in oklch,var(--accent)5%,transparent);border-radius:8px;overflow:hidden}.terminal-header{background:var(--card);border-bottom:2px solid var(--accent);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.terminal-buttons{gap:.5rem;display:flex}.terminal-button{background:currentColor;border-radius:50%;width:12px;height:12px;box-shadow:0 0 5px}.terminal-button.red{color:#ff006e}.terminal-button.yellow{color:#fbbf24}.terminal-button.green{color:#00ff9f}.terminal-title{color:var(--muted-foreground);text-align:center;flex:1;font-family:JetBrains Mono,monospace;font-size:.875rem}.terminal-body{min-height:400px;padding:2rem;position:relative}.mock-project-card{background:color-mix(in oklch,var(--card)80%,transparent);border:2px solid color-mix(in oklch,var(--primary)30%,transparent);filter:blur(2px);opacity:.6;padding:1.5rem}.mock-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.mock-avatar{background:color-mix(in oklch,var(--accent)20%,transparent);border:2px solid var(--accent);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.mock-info{flex:1}.mock-name{color:var(--foreground);margin-bottom:.25rem;font-family:Pixelify Sans,sans-serif;font-size:1rem;font-weight:600}.mock-domain{color:var(--primary);font-family:JetBrains Mono,monospace;font-size:.75rem}.mock-status{background:color-mix(in oklch,var(--primary)20%,transparent);border:1px solid var(--primary);color:var(--primary);padding:.25rem .75rem;font-family:Pixelify Sans,sans-serif;font-size:.75rem;animation:2s ease-in-out infinite statusBlink}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}.mock-progress-section{margin-bottom:1.5rem}.mock-stats{justify-content:space-around;margin-bottom:1rem;display:flex}.mock-stat{text-align:center}.mock-stat-value{margin-bottom:.25rem;font-family:Pixelify Sans,sans-serif;font-size:1.25rem;font-weight:700}.mock-stat-label{color:var(--muted-foreground);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.75rem}.mock-progress-bar{background:color-mix(in oklch,var(--card)80%,transparent);border:2px solid var(--primary);height:2rem;position:relative;overflow:hidden}.mock-progress-fill{background:linear-gradient(90deg,var(--primary),var(--accent));justify-content:center;align-items:center;height:100%;transition:width 1s ease-out;display:flex;position:relative}.progress-text{color:var(--background);font-family:Pixelify Sans,sans-serif;font-size:.875rem;font-weight:700}.mock-description{border-left:3px solid var(--accent);background:#0000004d;margin-bottom:1.5rem;padding:1rem}.mock-actions{gap:.75rem;display:flex}.mock-button{cursor:not-allowed;text-transform:uppercase;letter-spacing:.05em;border:2px solid;flex:1;padding:.75rem 1.5rem;font-family:Pixelify Sans,sans-serif;font-size:.875rem;transition:all .3s}.mock-button.primary{background:var(--primary);border-color:var(--primary);color:var(--background)}.mock-button.secondary{border-color:var(--accent);color:var(--accent);background:0 0}.coming-soon-overlay{text-align:center;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.coming-soon-badge{background:color-mix(in oklch,var(--background)95%,transparent);border:3px solid var(--destructive);box-shadow:0 0 30px color-mix(in oklch,var(--destructive)50%,transparent),inset 0 0 30px color-mix(in oklch,var(--destructive)10%,transparent);padding:2rem 3rem;position:relative}.badge-shimmer{background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--destructive)30%,transparent),transparent);width:100%;height:100%;animation:2s ease-in-out infinite shimmerMove;position:absolute;top:0;left:-100%}@keyframes shimmerMove{0%{left:-100%}to{left:100%}}.pixel-button-secondary{color:var(--accent);border:3px solid var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-family:Pixelify Sans,sans-serif;font-size:1.125rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.pixel-button-secondary:after{content:"";background:var(--accent);z-index:-1;width:0;height:100%;transition:width .3s;position:absolute;top:0;left:0}.pixel-button-secondary:hover:after{width:100%}.pixel-button-secondary:hover{color:var(--background);box-shadow:0 0 20px color-mix(in oklch,var(--accent)50%,transparent);transform:translateY(-2px)}.info-banner{background:color-mix(in oklch,var(--accent)10%,transparent);border:2px solid var(--accent);border-left:4px solid var(--accent);align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.info-icon{flex-shrink:0;font-size:1.5rem}.info-text{color:var(--foreground);font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.6}.info-text strong{color:var(--accent);font-weight:600}@media (max-width:640px){.terminal-body{min-height:300px;padding:1rem}.mock-project-card{padding:1rem}.mock-stats{flex-direction:column;gap:.5rem}.mock-stat{justify-content:space-between;align-items:center;display:flex}.mock-stat-value{font-size:1rem}.mock-actions{flex-direction:column}.coming-soon-badge{padding:1.5rem 2rem}.coming-soon-badge .font-pixel{font-size:1.5rem}}
: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(--glow-primary)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 var(--warning))}50%{filter:drop-shadow(0 0 15px var(--warning))drop-shadow(0 0 20px var(--warning))}}.animate-shimmer{animation:200s linear infinite shimmer,20s linear infinite glow}.max-glow{color:var(--warning);text-shadow:0 0 10px var(--warning),0 0 20px color-mix(in oklch,var(--warning)85%,black),0 0 30px color-mix(in oklch,var(--warning)70%,black);animation:2s ease-in-out 3s infinite backwards maxPulse;display:inline-block}@keyframes maxPulse{0%,to{text-shadow:0 0 10px var(--warning),0 0 20px color-mix(in oklch,var(--warning)85%,black),0 0 30px color-mix(in oklch,var(--warning)70%,black);transform:scale(1)}50%{text-shadow:0 0 15px var(--warning),0 0 30px var(--warning),0 0 45px color-mix(in oklch,var(--warning)85%,black),0 0 60px color-mix(in oklch,var(--warning)70%,black);transform:scale(1.25)}}