*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;-webkit-font-smoothing:antialiased;background:#080f2d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow-x:hidden}
:root{--z-background:0;--z-scenery:1;--z-perched-bird:3;--z-content:4;--z-navigation:100;--z-flying-bird:9999}.bird{width:44px;height:44px;z-index:var(--z-flying-bird);pointer-events:none;will-change:transform;visibility:hidden;position:fixed;top:0;left:0;transform:translate(-200px,-200px)}.bird.bird--ready{visibility:visible}.bird__inner{transform-origin:bottom;width:100%;height:100%}.bird__art{filter:drop-shadow(0 6px 8px #00000059);transform-origin:bottom;width:100%;height:100%;display:block}.bird__wing{transform-origin:60% 55%}.bird[data-state=flying] .bird__wing,.bird[data-state=takingOff] .bird__wing,.bird[data-state=landing] .bird__wing{animation:60ms ease-in-out infinite bird-flap}.bird[data-state=takingOff] .bird__art{animation:.36s ease-out bird-takeoff}.bird[data-state=perched] .bird__art{animation:3.2s ease-in-out infinite bird-breathe}.bird[data-state=perched] .bird__wing{animation:none}@keyframes bird-flap{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(-40deg)translateY(-2px)}}@keyframes bird-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(.5px)scale(1.02)}}@keyframes bird-takeoff{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-3px)scale(1.08,.94)}to{transform:translateY(0)scale(1)}}.bird__sprite-frame{image-rendering:pixelated}.bird-perch{pointer-events:none;width:2px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.demo-scene{width:min(680px,90vw);height:0;z-index:var(--z-scenery);margin:0 auto 3.5rem;position:relative}.demo-cable{background:#1e3c9666;border-radius:2px;height:2px;position:absolute;top:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.bird__wing,.bird__art{animation:none!important}}.bird-debug{z-index:calc(var(--z-flying-bird) + 1);pointer-events:none;position:fixed;inset:0}.bird-debug__hud{white-space:pre;color:#d7ffe0;background:#000000b8;border:1px solid #2f7d43;border-radius:6px;padding:8px 10px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:fixed;top:8px;left:8px}.bird-debug__target{background:#ff3b6b;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0;box-shadow:0 0 0 3px #ff3b6b40}.bird-debug__bbox{box-sizing:border-box;border:1px dashed #39d353;position:fixed;top:0;left:0}.bird-debug__perch{box-sizing:border-box;border:2px solid #39d353;border-radius:3px;position:fixed;top:0;left:0}