.rank-flair{animation:glowPulse 2s ease-in-out infinite;border-radius:6px;display:inline-block;font-weight:700;padding:2px 6px;text-shadow:0 0 6px #ffffff4d;white-space:nowrap}.rank-flair--1{background:linear-gradient(45deg,gold,orange);box-shadow:0 0 10px gold;color:#000}.rank-flair--2{background:linear-gradient(45deg,silver,#e0e0e0);box-shadow:0 0 8px silver;color:#333}.rank-flair--3{background:linear-gradient(45deg,#cd7f32,#8d6e63);box-shadow:0 0 6px #cd7f32;color:#fff}.rank-flair--top10{background:linear-gradient(90deg,#7e57c2,#ba68c8);color:#fff}.rank-flair--top15{background:linear-gradient(90deg,#5c6bc0,#64b5f6);color:#fff}.rank-flair--rest{background:#9e9e9e;color:#fff}@keyframes glowPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.cinematic-frame:before{animation:cinematicFadeIn .9s ease-out,vignettePulse 6s ease-in-out infinite alternate;background:radial-gradient(circle at center,#0000 65%,#0006 90%,#000000a6 100%),linear-gradient(180deg,#ffd7640d,#0000 30%,#0000 70%,#ffd7640d);border-radius:inherit;box-shadow:inset 0 0 100px #ffffff14,inset 0 0 140px #ffd7640f;content:"";inset:0;pointer-events:none;position:absolute;z-index:999}@keyframes cinematicFadeIn{0%{opacity:0}to{opacity:1}}@keyframes vignettePulse{0%{box-shadow:inset 0 0 90px #ffffff0d,inset 0 0 120px #ffd7640a}to{box-shadow:inset 0 0 120px #ffffff17,inset 0 0 160px #ffd76414}}