@keyframes relique-rise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes relique-glow { 0%,100% { box-shadow:0 0 0 rgba(69,233,255,0); } 50% { box-shadow:0 0 18px rgba(69,233,255,.42); } }
@keyframes relique-drift { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }

header, .hero, .live-panel, .page > * { animation:relique-rise .65s both; }
.live-panel { animation-delay:.12s; }
.page > :nth-child(2) { animation-delay:.06s; }.page > :nth-child(3) { animation-delay:.12s; }.page > :nth-child(4) { animation-delay:.18s; }.page > :nth-child(5) { animation-delay:.24s; }
.card, .leaderboards article, .player, .pillars article { transition:transform .22s ease, border-color .22s ease, background .22s ease; }
.card:hover, .leaderboards article:hover, .player:hover { transform:translateY(-5px); border-color:rgba(69,233,255,.55); background:#0a2632; }
.pillars article:hover { transform:translateY(-4px); }
.button, .discord-link, .discord, .text-link, .show-more { transition:transform .2s ease, filter .2s ease, color .2s ease; }
.button:hover { transform:translateY(-3px); filter:brightness(1.09); }.discord-link:hover, .discord:hover, .text-link:hover, .show-more:hover { color:var(--acid); transform:translateX(3px); }
.pulse { animation:relique-glow 1.8s infinite; }.logo img, .brand img { animation:relique-drift 4s ease-in-out infinite; }
details { transition:background .2s ease; }details:hover { background:rgba(214,243,75,.035); }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }