/* Decorative desktop pen: never changes focus, hit targets or the native cursor. */
.eagle-pen-canvas{position:fixed;inset:0;z-index:10000;width:100%;height:100%;pointer-events:none;contain:strict}
.eagle-pen-tip{position:fixed;left:0;top:0;z-index:10001;width:26px;height:26px;pointer-events:none;opacity:0;contain:layout style;will-change:transform;transition:opacity .2s ease}
.eagle-pen-tip::before{content:"";position:absolute;left:10px;top:3px;width:5px;height:20px;transform:rotate(35deg);border:1px solid #88602388;border-radius:80% 80% 30% 30%;background:linear-gradient(90deg,#9a6b27,#fff1bd 44%,#c0954d 70%,#745022);box-shadow:0 0 13px #e2b96c88}
.eagle-pen-tip::after{content:"";position:absolute;left:6px;top:17px;width:8px;height:8px;border-radius:50%;background:#fff3c6;border:1px solid #bd8c3b88;box-shadow:0 0 8px #f2d28a,0 0 20px #d2a44a88;opacity:.95}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .eagle-effects-on .button{translate:var(--pen-mx,0px) var(--pen-my,0px);transition:translate .24s ease,background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}
  .eagle-effects-on .button.eagle-lit{box-shadow:inset 0 0 22px #f3d28b22,0 8px 26px #a57a3020;filter:brightness(1.055)}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.eagle-pen-canvas,.eagle-pen-tip{display:none!important}.button{--pen-mx:0px!important;--pen-my:0px!important}}

/* Ambient atmosphere continues without pointer input, while the active trail responds to movement. */
@media(prefers-reduced-motion:no-preference){
 .opening-hero .hero-scene{animation:energy-breath 12s ease-in-out infinite}
 .opening-hero .hero-visual .orbit{animation:energy-orbit 9s ease-in-out infinite}
 .hero-aurora{animation:energy-aura 8s ease-in-out infinite}
 .button.gold{animation:energy-button 5s ease-in-out infinite}
 .eagle-pen-tip{transition:opacity .5s ease}
}
@keyframes energy-breath{0%,100%{filter:brightness(.9) saturate(.95)}50%{filter:brightness(1.13) saturate(1.12)}}
@keyframes energy-orbit{0%,100%{opacity:.45}50%{opacity:.95}}
@keyframes energy-aura{0%,100%{opacity:1}50%{opacity:.85}}
@keyframes energy-button{0%,100%{box-shadow:0 0 0 0 #d9f87500}50%{box-shadow:0 0 22px 2px #d9f87525}}
.dialog-open .eagle-pen-canvas,.dialog-open .eagle-pen-tip{visibility:hidden}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-aurora,.hero-visual .orbit,.button.gold{animation:none!important}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .button.gold:hover,.button.gold.eagle-lit{animation:none;box-shadow:0 0 28px #d9f87555,0 8px 32px #7dcf9225;filter:brightness(1.08)}
}