/* CuanCapital Experience OS: Royalty & Dynasty Avatar Borders */

.royalty-aw {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96px;
    height: 96px;
    pointer-events: none;
    z-index: 5;
}

.royalty-aw .royalty-ring-svg {
    position: absolute;
    inset: 0;
    width: 96px;
    height: 96px;
    overflow: visible;
}

@keyframes royalty-rot-cw {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes royalty-rot-ccw {
    from { transform: rotate(0deg); }
    to { transform: rotate(-360deg); }
}

@keyframes royalty-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .3; }
}

.royal-kings .outer-ring,
.royal-empress .petal-group,
.royal-dynasty .hex-ring,
.royal-iron .spike-ring,
.royal-conqueror .chain-outer,
.royal-oracle .outer-aurora,
.royal-warlord .claw-ring,
.royal-sovereign .prismatic {
    transform-origin: 48px 48px;
    animation: royalty-rot-cw linear infinite;
}

.royal-empress .orbit,
.royal-noble .shield-ring,
.royal-guard .inner-seg,
.royal-conqueror .chain-inner,
.royal-oracle .inner-aurora,
.royal-warlord .inner-ring,
.royal-sovereign .prismatic-2 {
    transform-origin: 48px 48px;
    animation: royalty-rot-ccw linear infinite;
}

.royal-kings .gem,
.royal-kings .crown-top,
.royal-empress .inner-glow,
.royal-noble .star-dot,
.royal-dynasty .rune,
.royal-iron .flame-dot,
.royal-conqueror .blade-dot,
.royal-oracle .eye-dot,
.royal-warlord .claw-dot,
.royal-sovereign .diamond-dot {
    animation: royalty-pulse ease-in-out infinite;
}

.royal-kings .outer-ring {
    fill: none;
    stroke: #d4af37;
    stroke-width: 2.5;
    stroke-dasharray: 4 3;
    animation-duration: 12s;
}

.royal-kings .inner-ring {
    fill: none;
    stroke: #c0392b;
    stroke-width: 3;
    filter: drop-shadow(0 0 4px #c0392b);
}

.royal-kings .gem { animation-duration: 2s; }
.royal-kings .crown-top { animation-duration: 1.5s; }

.royal-empress .petal-group { animation-duration: 20s; }

.royal-empress .inner-glow {
    fill: none;
    stroke: #e879a0;
    stroke-width: 2.5;
    filter: drop-shadow(0 0 5px #e879a0);
    animation-duration: 2.5s;
}

.royal-empress .orbit {
    fill: none;
    stroke: rgba(232, 121, 160, .3);
    stroke-width: 1;
    stroke-dasharray: 3 4;
    animation-duration: 8s;
}

.royal-noble .shield-ring {
    fill: none;
    stroke: #1e90ff;
    stroke-width: 2;
    stroke-dasharray: 8 4;
    animation-duration: 15s;
}

.royal-noble .solid-ring {
    fill: none;
    stroke: #4169e1;
    stroke-width: 3;
    filter: drop-shadow(0 0 4px #4169e1);
}

.royal-noble .star-dot { animation-duration: 1.8s; }

.royal-guard .outer-seg {
    fill: none;
    stroke: #c0c0c0;
    stroke-width: 3;
    stroke-dasharray: 18 8;
    transform-origin: 48px 48px;
    animation: royalty-rot-cw 8s linear infinite;
}

.royal-guard .inner-seg {
    fill: none;
    stroke: #888;
    stroke-width: 1.5;
    stroke-dasharray: 6 6;
    animation-duration: 5s;
}

.royal-guard .cross-line {
    stroke: rgba(192, 192, 192, .5);
    stroke-width: 1;
    fill: none;
}

.royal-dynasty .hex-ring {
    fill: none;
    stroke: #00c896;
    stroke-width: 2;
    stroke-dasharray: 12 5;
    animation-duration: 18s;
}

.royal-dynasty .solid-jade {
    fill: none;
    stroke: #00a878;
    stroke-width: 3;
    filter: drop-shadow(0 0 5px #00c896);
}

.royal-dynasty .rune { animation-duration: 3s; }

.royal-iron .spike-ring {
    fill: none;
    stroke: #8b0000;
    stroke-width: 2;
    stroke-dasharray: 3 6;
    animation-duration: 6s;
}

.royal-iron .base-ring {
    fill: none;
    stroke: #4a0000;
    stroke-width: 4;
    filter: drop-shadow(0 0 6px #8b0000);
}

.royal-iron .flame-dot { animation-duration: .8s; }

.royal-conqueror .chain-outer {
    fill: none;
    stroke: #cd7f32;
    stroke-width: 2.5;
    stroke-dasharray: 6 3;
    animation-duration: 10s;
}

.royal-conqueror .chain-inner {
    fill: none;
    stroke: #a0522d;
    stroke-width: 2;
    stroke-dasharray: 10 5;
    animation-duration: 7s;
}

.royal-conqueror .blade-dot { animation-duration: 1.4s; }

.royal-oracle .outer-aurora {
    fill: none;
    stroke: #9b59b6;
    stroke-width: 2;
    stroke-dasharray: 200 60;
    animation-duration: 6s;
    filter: drop-shadow(0 0 4px #9b59b6);
}

.royal-oracle .inner-aurora {
    fill: none;
    stroke: #6c3483;
    stroke-width: 3;
    stroke-dasharray: 100 160;
    animation-duration: 4s;
    filter: drop-shadow(0 0 6px #9b59b6);
}

.royal-oracle .eye-dot { animation-duration: 2s; }

.royal-warlord .claw-ring {
    fill: none;
    stroke: #ff8c00;
    stroke-width: 3;
    stroke-dasharray: 22 10;
    animation-duration: 9s;
    filter: drop-shadow(0 0 4px #ff8c00);
}

.royal-warlord .inner-ring {
    fill: none;
    stroke: #cc6600;
    stroke-width: 1.5;
    stroke-dasharray: 5 5;
    animation-duration: 12s;
}

.royal-warlord .claw-dot { animation-duration: 1s; }

.royal-sovereign .prismatic {
    fill: none;
    stroke: rgba(255, 255, 255, .9);
    stroke-width: 2;
    stroke-dasharray: 180 80;
    animation-duration: 5s;
    filter: drop-shadow(0 0 5px #fff);
}

.royal-sovereign .prismatic-2 {
    fill: none;
    stroke: rgba(200, 220, 255, .6);
    stroke-width: 2;
    stroke-dasharray: 80 180;
    animation-duration: 7s;
}

.royal-sovereign .diamond-dot { animation-duration: 1.5s; }