.snow{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;contain:strict}
.snowflake{position:absolute;top:-12px;width:var(--size);height:var(--size);border-radius:50%;background:#fff;opacity:var(--opacity);box-shadow:0 0 3px #ffffff25;animation:snowfall linear infinite;will-change:transform}
.snow.paused .snowflake{animation-play-state:paused}
@keyframes snowfall{0%{transform:translate3d(0,-12px,0)}100%{transform:translate3d(var(--drift),calc(100svh + 24px),0)}}
.discord{transition:background .2s,border-color .2s}.discord:hover{background:#ffffff1b;border-color:#ffffff20}
.online[data-state="online"]{background:#23a55a}
.online[data-state="idle"]{background:#f0b232}
.online[data-state="idle"]:after{content:"";position:absolute;top:-1px;left:-1px;width:11px;height:11px;border-radius:50%;background:#26282c}
.online[data-state="dnd"]{background:#f23f43}
.online[data-state="dnd"]:after{content:"";position:absolute;top:7px;left:3px;width:11px;height:3px;border-radius:3px;background:#26282c}
.online[data-state="offline"],.online[data-state="unknown"]{background:#80848e}
.online[data-state="offline"]:after,.online[data-state="unknown"]:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#26282c}
.clan[hidden],.clan img[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.snow{display:none}}