@property --glow-hue{syntax: "<angle>"; initial-value: 120deg; inherits: false;}@property --border-glow-progress{syntax: "<percentage>"; initial-value: 0%; inherits: false;}.hero-badge{animation:badge-glow 3s ease-in-out infinite alternate,badge-hue-breathe 8s ease-in-out infinite}@keyframes badge-hue-breathe{0%{--glow-hue: 45deg;border-color:#ffd7004d}33%{--glow-hue: 35deg;border-color:#ffb40059}66%{--glow-hue: 50deg;border-color:#ffe6644d}to{--glow-hue: 45deg;border-color:#ffd7004d}}@supports (animation-timeline: view()){@keyframes scroll-reveal{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mini-cta,.cta-stats{animation:scroll-reveal linear both;animation-timeline:view(block);animation-range:entry 0% entry 40%}.cta-content{animation:cta-entrance linear both;animation-timeline:view(block);animation-range:entry 0% entry 50%}@keyframes cta-entrance{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hd2d-bg-main{animation:bg-scale-scroll linear both;animation-timeline:view(block);animation-range:entry 0% exit 100%}@keyframes bg-scale-scroll{0%{scale:1.05}50%{scale:1}to{scale:1.05}}}::view-transition-old(root){animation:vt-scene-exit .4s cubic-bezier(.4,0,1,1) forwards}::view-transition-new(root){animation:vt-scene-enter .4s cubic-bezier(0,0,.2,1) .3s both}@keyframes vt-scene-exit{0%{opacity:1;filter:brightness(1)}40%{opacity:.8;filter:brightness(1.3)}to{opacity:0;filter:brightness(2)}}@keyframes vt-scene-enter{0%{opacity:0;filter:brightness(2)}30%{opacity:.3;filter:brightness(1.5)}to{opacity:1;filter:brightness(1)}}.typewriter-active .tw-char{opacity:0;display:inline}.typewriter-active .tw-char.tw-visible{opacity:1}.typewriter-cursor{display:inline;color:var(--theme-accent-primary);font-family:var(--pixel-font);animation:cursor-blink .6s step-end infinite;text-shadow:0 0 8px var(--theme-accent-primary-glow);margin-left:2px}.typewriter-cursor-done{animation:cursor-fade .5s ease-out forwards}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes cursor-fade{0%{opacity:1}to{opacity:0}}.skill-card,.quest-card{cursor:url(/images/ui/cursor-pointer.svg) 1 1,pointer!important}.skill-card.tilt-active,.quest-card.tilt-active{transition:none!important;transform:perspective(600px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-6px) translateZ(8px)!important;box-shadow:0 12px 40px var(--theme-accent-secondary-glow),0 0 30px var(--theme-accent-secondary-soft),inset 0 0 40px var(--theme-accent-secondary-soft)!important;border-color:var(--theme-accent-secondary-border)!important}.skill-card.tilt-active:after,.quest-card.tilt-active:after{opacity:1!important;background:radial-gradient(circle at var(--glare-x, 50%) var(--glare-y, 50%),rgba(255,200,100,.12),transparent 50%)!important}.skill-card:not(.tilt-active),.quest-card:not(.tilt-active){transition:transform .6s cubic-bezier(.2,0,0,1),opacity .4s cubic-bezier(.2,0,0,1),box-shadow .6s ease-out,border-color .6s ease-out!important}@media(prefers-reduced-motion:reduce){.hero-badge{animation:none}.typewriter-active .tw-char{opacity:1}.typewriter-cursor{display:none}.skill-card.tilt-active,.quest-card.tilt-active{transform:none!important;transition:all .4s!important}::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms}}