.activity-flags{position:fixed;left:max(0px,env(safe-area-inset-left));top:calc(90px + env(safe-area-inset-top));z-index:45;display:flex;flex-direction:column;gap:7px;max-height:calc(100dvh - 170px);overflow-y:auto;scrollbar-width:none;padding:3px 8px 8px 0;pointer-events:none}
/* Keep the anchor's hit box stationary; only its non-interactive artwork waves. */
.activity-flags[hidden]{display:none}.activity-flag{pointer-events:auto;position:relative;isolation:isolate;display:flex;align-items:center;gap:5px;min-height:44px;max-width:122px;padding:8px 16px 8px 13px;color:#6b2949;text-decoration:none;font:600 13px/1.4 system-ui,sans-serif;touch-action:manipulation}
.activity-flag::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,#e77eab,#ffa6cb 44%,#f18bb6 80%,#ffd1e4);clip-path:polygon(0 0,100% 5%,90% 50%,100% 95%,0 100%);transform-origin:left center;animation:lion-flag-wave 2.8s ease-in-out infinite;border-left:3px solid #bf8b63;filter:drop-shadow(0 2px 2px #54233326)}
.activity-flag span{overflow-wrap:anywhere}.activity-flag i{font-style:normal;font-size:10px;color:#fff}.activity-flag:nth-child(even)::before{background:linear-gradient(100deg,#f3a9c7,#ffd8e8 45%,#f3accb);animation-delay:-1.2s}.activity-flag:focus-visible{outline:3px solid #a9386b;outline-offset:3px}
body:not([data-lion-page=home]):not([data-lion-page=portfolio]) .activity-flags,body.lion-activity-open .activity-flags{display:none}
@keyframes lion-flag-wave{0%,100%{transform:perspective(260px) rotateY(-8deg) skewY(1deg)}50%{transform:perspective(260px) rotateY(9deg) skewY(-2deg)}}
@media(max-width:520px){.activity-flags{top:calc(76px + env(safe-area-inset-top))}.activity-flag{max-width:106px;min-height:40px;font-size:12px;padding:7px 14px 7px 8px}}
@media(prefers-reduced-motion:reduce){.activity-flag::before{animation:none}}