.nav{border-radius:100px;padding:6px 12px}@media (min-width:640px){.nav{padding:8px 28px}}.nav ul{gap:16px;margin:0;padding:0;list-style:none;display:flex;position:relative}@media (min-width:640px){.nav ul{gap:48px}}.nav li{cursor:pointer;color:#ffffff80;text-transform:uppercase;letter-spacing:.12em;z-index:2;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:6px 10px;font-size:10px;font-weight:500;transition:color .4s;position:relative}@media (min-width:640px){.nav li{padding:6px 18px;font-size:11px}}.nav li.active{color:#fff}.nav li:not(.active):hover{color:#ffffffe6}.pill{pointer-events:none;background:linear-gradient(135deg,#fff3,#8a2eff33);border-radius:100px;height:26px;transition:left .5s cubic-bezier(.25,.8,.1,1),width .5s cubic-bezier(.25,.8,.1,1);position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 20px #ffffff4d,inset 0 0 10px #ffffff0d}@media (min-width:640px){.pill{height:28px}}.pill.flash{animation:.4s forwards pillFlash}@keyframes pillFlash{0%{background:linear-gradient(135deg,#fff9,#8a2eff99);box-shadow:0 0 50px #ffffffb3,inset 0 0 25px #fff3}to{background:linear-gradient(135deg,#fff3,#8a2eff33);box-shadow:0 0 20px #ffffff4d,inset 0 0 10px #ffffff0d}}.shockwave{pointer-events:none;z-index:1;border:2px solid #ffffffe6;border-radius:50%;animation:.55s cubic-bezier(.2,.6,.4,1) forwards shockwaveOut;position:absolute;transform:translate(-50%,-50%)scale(0)}.shockwave.delay{border-color:#8a2effb3;animation-delay:.1s}@keyframes shockwaveOut{0%{opacity:1;width:10px;height:10px;transform:translate(-50%,-50%)scale(0)}60%{opacity:.6}to{opacity:0;width:220px;height:120px;transform:translate(-50%,-50%)scale(1)}}.spark{pointer-events:none;opacity:0;animation:sparkFly var(--dur) cubic-bezier(.2, 1, .4, 1) var(--delay) forwards;z-index:1;border-radius:50%;position:absolute}@keyframes sparkFly{0%{opacity:1;transform:translate(-50%,-50%)scale(1.4)}70%{opacity:.7}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(0);opacity:0}}.nav li.pop{animation:.3s forwards labelPop}@keyframes labelPop{0%{transform:scale(1)}40%{color:#fff;text-shadow:0 0 16px #fff;transform:scale(1.18)}to{transform:scale(1)}}.flash-overlay{pointer-events:none;z-index:9999;background:#ffffff12;animation:.4s forwards overlayFlash;position:fixed;inset:0}@keyframes overlayFlash{0%{opacity:1}to{opacity:0}}