.portrait-ring-rank1{box-shadow:0 0 0 2px var(--background), 0 0 0 5px var(--primary), 0 0 0 7px var(--background), 0 0 0 10px var(--warning), 0 0 24px 8px color-mix(in srgb, var(--primary) 60%, transparent);animation:3.2s ease-in-out infinite alternate portrait-ring-rank1}@keyframes portrait-ring-rank1{to{box-shadow:0 0 0 2px var(--background), 0 0 0 5px var(--warning), 0 0 0 7px var(--background), 0 0 0 10px var(--primary), 0 0 32px 11px color-mix(in srgb, var(--warning) 55%, transparent)}}.portrait-ring-rank2{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--rose), 0 0 0 6px var(--background), 0 0 0 7px var(--primary), 0 0 14px 3px color-mix(in srgb, var(--rose) 45%, transparent);animation:4.5s ease-in-out infinite alternate portrait-ring-rank2}@keyframes portrait-ring-rank2{to{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--rose), 0 0 0 6px var(--background), 0 0 0 7px var(--primary), 0 0 20px 5px color-mix(in srgb, var(--rose) 55%, transparent)}}.portrait-ring-rank3{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--primary);outline:2px dotted var(--primary);outline-offset:5px}.portrait-ring-lantern{box-shadow:0 0 0 2px var(--primary), 0 0 10px 2px color-mix(in srgb, var(--primary) 40%, transparent);animation:2.6s ease-in-out infinite alternate portrait-ring-lantern}@keyframes portrait-ring-lantern{to{box-shadow:0 0 0 2px var(--primary), 0 0 18px 5px color-mix(in srgb, var(--primary) 60%, transparent)}}.portrait-ring-rosewood{box-shadow:0 0 0 2px var(--rose), 0 0 0 3px var(--background), 0 0 0 5px var(--rose-deep)}.portrait-ring-inkwell{box-shadow:0 0 0 3px var(--background), 0 0 0 4px var(--foreground)}@media (prefers-reduced-motion:reduce){.portrait-ring-rank1,.portrait-ring-rank2,.portrait-ring-lantern{animation:none}}