*{margin:0;padding:0;box-sizing:border-box}.wolf-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#002a38;overflow:hidden;transition:background .6s ease}.wolf-container.moon-visible{background:#0a0a0a}a.wolf-circle{text-decoration:none;color:inherit}.wolf-circle{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:clamp(18rem,50vw,36rem);height:clamp(18rem,50vw,36rem);border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 0 0 rgba(0,150,200,0);transition:box-shadow .4s ease}.moon-bg{position:absolute;inset:-12%;background:url(/moon.png) 50%/cover no-repeat;border-radius:50%;opacity:0;transition:opacity .6s ease;pointer-events:none}.wolf-circle.moon-visible .moon-bg{opacity:1}.wolf-circle:hover{animation:wolfGlow 1.5s ease-in-out infinite}.wolf-emoji{position:relative;z-index:1;font-size:clamp(8rem,30vw,20rem);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:wolfFadeIn .8s ease-out}@keyframes wolfFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes wolfGlow{0%,to{box-shadow:0 0 30px rgba(0,150,200,.3),0 0 60px rgba(0,150,200,.15)}50%{box-shadow:0 0 50px rgba(0,150,200,.6),0 0 100px rgba(0,150,200,.3)}}