.gooey-nav-container{display:inline-block;position:relative}.animated-gradient-text{position:relative;display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}.animated-gradient-text .text-content{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block;background-size:300% 100%}.animated-gradient-text.with-border{padding:2px}.animated-gradient-text .gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;border-radius:inherit}#compass{position:fixed;pointer-events:none;width:80px;height:80px;transform:translate(-50%,-50%) scale(.5);z-index:9999;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:opacity .3s ease;left:50%;top:50%}.compass-body{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#d4a84b,#b8860b,#8b6914,#d4a84b,#f0c860);box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #0000004d,0 0 0 3px #8b6914,0 0 0 5px #d4a84b,0 0 0 6px #5c4a1f}.compass-face{position:absolute;top:6px;left:6px;right:6px;bottom:6px;border-radius:50%;background:linear-gradient(180deg,#fff9e6,#f5edd6,#e8dfc8);box-shadow:inset 0 2px 8px #00000026,inset 0 0 20px #8b69141a}.compass-glass{position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 50%,rgba(0,0,0,.05) 100%);z-index:100}.compass-glass:before{content:"";position:absolute;top:8%;left:15%;width:35%;height:20%;background:linear-gradient(180deg,rgba(255,255,255,.6),transparent);border-radius:50%;transform:rotate(-20deg)}.compass-directions{position:absolute;width:100%;height:100%;top:0;left:0}.direction{position:absolute;font-family:Times New Roman,serif;font-weight:700;font-size:9px;color:#2c1810;text-shadow:0 .5px 0 rgba(255,255,255,.5)}.direction.north{top:10px;left:50%;transform:translate(-50%);color:#8b0000;font-size:11px}.direction.south{bottom:10px;left:50%;transform:translate(-50%)}.direction.east{right:10px;top:50%;transform:translateY(-50%)}.direction.west{left:11px;top:50%;transform:translateY(-50%)}.degree-ring{position:absolute;width:100%;height:100%}.degree-tick{position:absolute;left:50%;top:8px;width:1px;height:4px;background:#4a3c2a;transform-origin:50% 32px}.degree-tick.major{width:1.5px;height:6px;background:#2c1810;transform-origin:50% 32px}.degree-tick.cardinal{width:2px;height:8px;background:#8b0000;transform-origin:50% 32px}.needle-container{position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%)}.compass-needle{position:absolute;width:100%;height:100%;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.needle-north{position:absolute;left:50%;top:5px;transform:translate(-50%)}.needle-north:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:25px solid #cc0000;filter:drop-shadow(0 0 1px rgba(0,0,0,.3))}.needle-north:after{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:25px solid #8b0000;clip-path:polygon(50% 0%,100% 100%,50% 100%)}.needle-south{position:absolute;left:50%;bottom:5px;transform:translate(-50%)}.needle-south:before{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:25px solid #e8e8e8;filter:drop-shadow(0 0 1px rgba(0,0,0,.3))}.needle-south:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:25px solid #1a1a1a;clip-path:polygon(50% 0%,100% 100%,50% 100%)}.compass-center{position:absolute;left:50%;top:50%;width:10px;height:10px;background:linear-gradient(145deg,#f0c860,#8b6914);border-radius:50%;transform:translate(-50%,-50%);z-index:10;box-shadow:inset 0 1px 2px #ffffff80,inset 0 -1px 2px #0000004d,0 1px 3px #0000004d}.compass-center:after{content:"";position:absolute;top:2px;left:2px;width:3px;height:3px;background:#fff6;border-radius:50%}.inner-ring{position:absolute;top:18px;left:18px;right:18px;bottom:18px;border:1px solid rgba(139,105,20,.3);border-radius:50%}.compass-rose{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);opacity:.15}.rose-point{position:absolute;left:50%;top:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:18px solid #4a3c2a;transform-origin:center bottom}