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