.ha{position:relative;width:100%;aspect-ratio:1/var(--ha-ar,1.4088);--px:0;--py:0;perspective:1200px;transform-style:flat;--ha-sepia:.28;--ha-bright:.88;--ha-sat:.82;--ha-glow:.5;--ha-grain:.14}.ha img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none}.ha-base,.ha-orbit,.ha-plate,.ha-sphere{filter:sepia(var(--ha-sepia)) brightness(var(--ha-bright)) saturate(var(--ha-sat))}.ha img{transform:rotateY(calc(var(--px) * 2.2deg)) rotateX(calc(var(--py) * -1.6deg));transform-origin:50% 64%;will-change:transform}.ha:before{inset:-18% -12% -8%;z-index:-1;background:radial-gradient(ellipse 42% 34% at 50% 40%,color-mix(in srgb,var(--gold) 30%,transparent) 0,color-mix(in srgb,var(--gold) 10%,transparent) 34%,transparent 62%);opacity:var(--ha-glow);-webkit-mask:radial-gradient(ellipse 50% 50% at 50% 42%,#000 40%,transparent 78%);mask:radial-gradient(ellipse 50% 50% at 50% 42%,#000 40%,transparent 78%)}.ha:after,.ha:before{content:"";position:absolute;pointer-events:none}.ha:after{inset:0;z-index:9;opacity:var(--ha-grain);mix-blend-mode:soft-light;-webkit-mask:radial-gradient(ellipse 66% 60% at 50% 46%,#000 34%,transparent 88%);mask:radial-gradient(ellipse 66% 60% at 50% 46%,#000 34%,transparent 88%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}.ha-cards{z-index:1;filter:sepia(var(--ha-sepia)) brightness(var(--ha-bright)) saturate(var(--ha-sat)) drop-shadow(0 18px 30px rgba(0,0,0,.55));transform-origin:50% 100%;translate:calc(var(--px) * -3px) calc(var(--py) * -2px + var(--fy, 0px));transform:rotateY(calc(var(--px) * 2.2deg + var(--ry, 0deg))) rotateX(calc(var(--py) * -1.6deg));--amp:-10px;--swing:1.2deg;--flip:5deg;animation:ha-bob 11s ease-in-out infinite,ha-sway 13s ease-in-out infinite,ha-flip 17s ease-in-out infinite;animation-delay:-2.9s,-3.7s,-5.3s}.ha-cards,.ha-sphere{rotate:var(--sp,0deg)}.ha-sphere{z-index:5;translate:calc(var(--px) * -9px) calc(var(--py) * -6px + var(--fy, 0px));--amp:-13px;--swing:1.6deg;animation:ha-bob 9s ease-in-out infinite,ha-sway 17s ease-in-out infinite}.ha-plate{z-index:4;translate:calc(var(--px) * -6px) calc(var(--py) * -4px + var(--fy, 0px));rotate:var(--sp,0deg);--amp:-7px;--swing:-1.1deg;animation:ha-bob 11s ease-in-out infinite,ha-sway 19s ease-in-out infinite;animation-delay:-3.8s,-6.2s}.ha-base{z-index:2;translate:calc(var(--px) * -4px) calc(var(--py) * -2px + var(--fy, 0px));--amp:-2px;animation:ha-bob 15s ease-in-out infinite;animation-delay:-5s}img.ha-orbit{z-index:0;inset:10.2% auto auto 50%;width:86%;height:auto;margin-left:-43%;transform-origin:50% 50%;opacity:var(--tw,1);translate:calc(var(--px) * -1.5px) calc(var(--py) * -1px);animation:ha-spin 240s linear infinite,ha-breathe 13s ease-in-out infinite;pointer-events:none}.ha-dust{position:absolute;inset:0;z-index:6;pointer-events:none}.ha-dust span{position:absolute;width:var(--sz,2px);aspect-ratio:1;border-radius:50%;background:var(--gold);box-shadow:0 0 6px 1px color-mix(in srgb,var(--gold) 55%,transparent);opacity:0;animation:ha-dust var(--dur,11s) ease-in-out infinite;animation-delay:var(--delay,0s)}@property --fy{syntax:"<length>";initial-value:0;inherits:false}@property --sp{syntax:"<angle>";initial-value:0deg;inherits:false}@property --ry{syntax:"<angle>";initial-value:0deg;inherits:false}@property --tw{syntax:"<number>";initial-value:1;inherits:false}@keyframes ha-bob{0%,to{--fy:0px}50%{--fy:var(--amp,-10px)}}@keyframes ha-sway{0%,to{--sp:calc(var(--swing, 1deg) * -1)}50%{--sp:var(--swing,1deg)}}@keyframes ha-flip{0%,to{--ry:calc(var(--flip, 6deg) * -.6)}50%{--ry:var(--flip,6deg)}}@keyframes ha-spin{to{rotate:1turn}}@keyframes ha-breathe{0%,to{--tw:.68}50%{--tw:1}}@keyframes ha-dust{0%{transform:translateY(0);opacity:0}18%{opacity:1}82%{opacity:1}to{transform:translateY(-46px);opacity:0}}@media (prefers-reduced-motion:reduce){.ha-base,.ha-cards,.ha-dust,.ha-orbit,.ha-plate,.ha-sphere{animation:none!important}}@media (max-width:860px){.ha-cards{filter:sepia(var(--ha-sepia)) brightness(var(--ha-bright)) saturate(var(--ha-sat)) drop-shadow(0 10px 18px rgba(0,0,0,.5))}}