/* ANML KNDM brand gradient: the neon mesh, and the ping-pong color relay (150 ms between glows). Every page links this file. */
@property --c0{syntax:'<color>';inherits:true;initial-value:#FF2BE6}
@property --c1{syntax:'<color>';inherits:true;initial-value:#7A2BFF}
@property --c2{syntax:'<color>';inherits:true;initial-value:#2BF0FF}
@property --c3{syntax:'<color>';inherits:true;initial-value:#3BFF9A}
@property --c4{syntax:'<color>';inherits:true;initial-value:#B8FF3B}
@property --c5{syntax:'<color>';inherits:true;initial-value:#FFF02B}
@property --c6{syntax:'<color>';inherits:true;initial-value:#FF7A8A}
@keyframes pp0{0.00%{--c0:#FF2BE6}16.67%{--c0:#7A2BFF}33.33%{--c0:#2BF0FF}50.00%{--c0:#3BFF9A}66.67%{--c0:#2BF0FF}83.33%{--c0:#7A2BFF}100.00%{--c0:#FF2BE6}}
@keyframes pp1{0.00%{--c1:#7A2BFF}16.67%{--c1:#2BF0FF}33.33%{--c1:#3BFF9A}50.00%{--c1:#B8FF3B}66.67%{--c1:#3BFF9A}83.33%{--c1:#2BF0FF}100.00%{--c1:#7A2BFF}}
@keyframes pp2{0.00%{--c2:#2BF0FF}16.67%{--c2:#3BFF9A}33.33%{--c2:#B8FF3B}50.00%{--c2:#FFF02B}66.67%{--c2:#B8FF3B}83.33%{--c2:#3BFF9A}100.00%{--c2:#2BF0FF}}
@keyframes pp3{0.00%{--c3:#3BFF9A}16.67%{--c3:#B8FF3B}33.33%{--c3:#FFF02B}50.00%{--c3:#FF7A8A}66.67%{--c3:#FFF02B}83.33%{--c3:#B8FF3B}100.00%{--c3:#3BFF9A}}
@keyframes pp4{0.00%{--c4:#B8FF3B}16.67%{--c4:#FFF02B}33.33%{--c4:#FF7A8A}50.00%{--c4:#FF2BE6}66.67%{--c4:#FF7A8A}83.33%{--c4:#FFF02B}100.00%{--c4:#B8FF3B}}
@keyframes pp5{0.00%{--c5:#FFF02B}16.67%{--c5:#FF7A8A}33.33%{--c5:#FF2BE6}50.00%{--c5:#7A2BFF}66.67%{--c5:#FF2BE6}83.33%{--c5:#FF7A8A}100.00%{--c5:#FFF02B}}
@keyframes pp6{0.00%{--c6:#FF7A8A}16.67%{--c6:#FF2BE6}33.33%{--c6:#7A2BFF}50.00%{--c6:#2BF0FF}66.67%{--c6:#7A2BFF}83.33%{--c6:#FF2BE6}100.00%{--c6:#FF7A8A}}
:root{--mesh:radial-gradient(ellipse 70% 120% at 75% 0%,var(--c0,#FF2BE6),transparent),radial-gradient(ellipse 60% 110% at 100% 30%,var(--c1,#7A2BFF),transparent),radial-gradient(ellipse 70% 120% at 100% 100%,var(--c2,#2BF0FF),transparent),radial-gradient(ellipse 60% 90% at 55% 95%,var(--c3,#3BFF9A),transparent),radial-gradient(ellipse 60% 100% at 0% 0%,var(--c6,#FF7A8A),transparent),radial-gradient(ellipse 60% 100% at 0% 80%,var(--c5,#FFF02B),transparent),radial-gradient(ellipse 40% 80% at 38% 50%,var(--c4,#B8FF3B),transparent),linear-gradient(var(--c5,#FFF02B),var(--c5,#FFF02B));--ppanim:pp0 7s linear infinite 0ms backwards,pp1 7s linear infinite 150ms backwards,pp2 7s linear infinite 300ms backwards,pp3 7s linear infinite 450ms backwards,pp4 7s linear infinite 600ms backwards,pp5 7s linear infinite 750ms backwards,pp6 7s linear infinite 900ms backwards}
.btn,.chip,.nav-basket,.nav-basket svg,.nav-fp,.wm,.lk-r,.nav-a.on::after,.nav-basket.on::after,.sbars i.on,.don-bar i,.meter span,.rmodal::before,.nmodal::before,#edge,.dots button[aria-current="true"] i,.grad-t,.e404,.th::after,.dclose::after,.szo:not(.so)::after,.szo input:checked+span,a.ncard::after,.soc::after,.reel::after,.chip::after,.mapsel-w::after,.link-arrow,.rlink,.lnk,.nstay,.qa a,.fine a,.csrc a,.srcs a,.legal a,.reel-go,.back,.tl,.hs-c a,.hs-c button,.insl,.ul{--mesh:radial-gradient(ellipse 70% 120% at 75% 0%,var(--c0,#FF2BE6),transparent),radial-gradient(ellipse 60% 110% at 100% 30%,var(--c1,#7A2BFF),transparent),radial-gradient(ellipse 70% 120% at 100% 100%,var(--c2,#2BF0FF),transparent),radial-gradient(ellipse 60% 90% at 55% 95%,var(--c3,#3BFF9A),transparent),radial-gradient(ellipse 60% 100% at 0% 0%,var(--c6,#FF7A8A),transparent),radial-gradient(ellipse 60% 100% at 0% 80%,var(--c5,#FFF02B),transparent),radial-gradient(ellipse 40% 80% at 38% 50%,var(--c4,#B8FF3B),transparent),linear-gradient(var(--c5,#FFF02B),var(--c5,#FFF02B));animation:pp0 7s linear infinite 0ms backwards,pp1 7s linear infinite 150ms backwards,pp2 7s linear infinite 300ms backwards,pp3 7s linear infinite 450ms backwards,pp4 7s linear infinite 600ms backwards,pp5 7s linear infinite 750ms backwards,pp6 7s linear infinite 900ms backwards}
@media (prefers-reduced-motion: reduce){.btn,.chip,.nav-basket,.nav-basket svg,.nav-fp,.wm,.lk-r,.nav-a.on::after,.nav-basket.on::after,.sbars i.on,.don-bar i,.meter span,.rmodal::before,.nmodal::before,#edge,.dots button[aria-current="true"] i,.grad-t,.e404,.th::after,.dclose::after,.szo:not(.so)::after,.szo input:checked+span,a.ncard::after,.soc::after,.reel::after,.chip::after,.mapsel-w::after,.link-arrow,.rlink,.lnk,.nstay,.qa a,.fine a,.csrc a,.srcs a,.legal a,.reel-go,.back,.tl,.hs-c a,.hs-c button,.insl,.ul{animation:none}}
/* big numbers are one color and still */
.stat-n.grad-t,.imp-n.grad-t,.don-n.grad-t{background:none;-webkit-text-fill-color:#FFF02B;color:#FFF02B;animation:none}

/* the notice before a link leaves the site */
.lvveil{position:fixed;left:0;top:0;right:0;bottom:0;z-index:2147482500;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(7,7,10,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}
.lvveil.open{opacity:1;visibility:visible;transition:opacity .22s ease}
.lvmodal{position:relative;width:min(460px,100%);padding:clamp(26px,4vw,36px);background:#07070a;border:1px solid rgba(247,245,246,.18);border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.55);transform:translateY(10px);transition:transform .22s ease;text-align:left}
.lvveil.open .lvmodal{transform:none}
.lvmodal::before{content:'';position:absolute;left:-1px;top:-1px;right:-1px;height:3px;border-radius:4px 4px 0 0;background:var(--mesh)}
.lvmodal h2{margin:0;font-family:'Chakra Petch',system-ui,sans-serif;font-weight:700;font-size:clamp(24px,3vw,30px);line-height:1.15;color:#F7F5F6}
.lvmodal p{margin:14px 0 0;font-size:16px;line-height:1.6;color:rgba(247,245,246,.88)}
.lvact{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:26px}
.lvact .btn{width:auto;flex:1 1 200px}
.lvstay{appearance:none;-webkit-appearance:none;background:none;border:0;border-bottom:1px solid rgba(247,245,246,.4);border-radius:0;padding:0;min-height:44px;color:#F7F5F6;font-family:'Chakra Petch',system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.lvstay:hover{border-bottom-color:#FFF02B}
@media (prefers-reduced-motion: reduce){.lvveil,.lvmodal{transition:none !important}}

/* text links: the same 2px flowing rainbow underline as the selected item in the header menu (hover keeps the yellow) */
.ul{border-bottom:2px solid transparent;background-image:var(--mesh);background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%;background-origin:border-box}
.ul:hover{border-bottom-color:#FFF02B}

/* rainbow-border buttons: on hover / keyboard focus the rainbow fills the button; text is brand black (no single colour holds 60% contrast across the whole gradient) */
.btn:not([disabled]):not(.btn-ghost):not([href*="founders-pack"]):not(.buybtn):hover,.btn:not([disabled]):not(.btn-ghost):not([href*="founders-pack"]):not(.buybtn):focus-visible{color:#07070a;background:var(--mesh) border-box;background-origin:border-box;background-repeat:no-repeat}

/* header: the Founders Pack button, in the same flowing rainbow as the buy buttons */
.nav-fp{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-left:10px;padding:0 18px;border:2px solid transparent;border-radius:8px;font-family:'Chakra Petch',system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#07070a;background:var(--mesh);background-origin:border-box;background-clip:border-box;transition:transform .2s ease,box-shadow .25s ease,color .2s ease}
.nav-fp:hover,.nav-fp:focus-visible,.nav-fp.on{color:#07070a;background-image:linear-gradient(#F7F5F6,#F7F5F6),var(--mesh);background-size:100% 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-origin:border-box;background-clip:padding-box,border-box}
.nav-fp:hover,.nav-fp:focus-visible{transform:translateY(-1px);box-shadow:0 0 14px 2px rgba(122,43,255,.45),0 0 28px 6px rgba(43,240,255,.25)}
@media (max-width: 640px){.nav-fp{position:absolute;right:20px;top:10px;margin:0;min-height:38px;padding:0 12px;font-size:12px;letter-spacing:.06em}}
@media (prefers-reduced-motion: reduce){.nav-fp{animation:none !important;transition:none}}

/* skip to content: hidden until reached with the keyboard */
.skip{position:absolute;left:-9999px;top:8px;z-index:9999;padding:10px 16px;background:#07070a;color:#F7F5F6;border:1px solid #FFF02B;border-radius:2px;font-family:'Chakra Petch',system-ui,sans-serif;font-weight:600;font-size:14px;text-decoration:none}
.skip:focus{left:16px}
main:focus{outline:none}