/* Valtiel skins use different geometry, materials and choreography. */
.valtiel-skin-motif {
    --vm-energy: var(--valtiel-rune, var(--valtiel-vfx-rune, #ff8a20));
    --vm-light: var(--valtiel-flare, var(--valtiel-vfx-flare, #ffd9a0));
    display: block; width: 100%; height: 100%; overflow: visible;
    stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round;
}
.valtiel-skin-motif .motif-fill-bone { fill: #f5dba6; }
.valtiel-skin-motif .motif-fill-shade { fill: #ad784b; }
.valtiel-skin-motif .motif-fill-dark { fill: #0a1021; }
.valtiel-skin-motif .motif-fill-steel { fill: #adc9f0; }
.valtiel-skin-motif .motif-fill-light { fill: var(--vm-light); }
.valtiel-skin-motif .motif-fill-energy { fill: var(--vm-energy); }
.valtiel-skin-motif .motif-fill-gold { fill: #efc17b; }
.valtiel-skin-motif .motif-fill-none { fill: none; }
.valtiel-skin-motif .motif-stroke-edge, .valtiel-skin-motif .motif-stroke-light { stroke: var(--vm-light); }
.valtiel-skin-motif .motif-stroke-shade { stroke: #ad784b; }
.valtiel-skin-motif .motif-stroke-gold { stroke: #efc17b; }
.valtiel-skin-ornaments { position: absolute; inset: 0; pointer-events: none; }
.valtiel-skin-ornament { position: absolute; display: block; width: 80px; height: 80px; }
.valtiel-skin-ornament.ornament-0 { left: -20px; top: 12%; rotate: -12deg; }
.valtiel-skin-ornament.ornament-1 { right: -20px; top: 12%; rotate: 12deg; }
.valtiel-skin-ornament.ornament-2 { left: -18px; bottom: 15%; rotate: -20deg; }
.valtiel-skin-ornament.ornament-3 { right: -18px; bottom: 15%; rotate: 20deg; }

.valtiel-prey-picker > .valtiel-skin-ornaments { position: fixed; z-index: 1; opacity: .45; }
.valtiel-prey-picker > .valtiel-skin-ornaments .valtiel-skin-ornament { width: clamp(110px, 18vw, 280px); height: auto; aspect-ratio: 1; animation: valtielSkinRelicFloat 6s ease-in-out infinite alternate; }
.valtiel-prey-picker > .valtiel-skin-ornaments .ornament-0 { left: 1%; top: 8%; }
.valtiel-prey-picker > .valtiel-skin-ornaments .ornament-1 { right: 1%; top: 8%; animation-delay: -2s; }
.valtiel-prey-picker > .valtiel-skin-ornaments .ornament-2 { left: 4%; bottom: 5%; animation-delay: -1s; }
.valtiel-prey-picker > .valtiel-skin-ornaments .ornament-3 { right: 4%; bottom: 5%; animation-delay: -3s; }
.valtiel-prey-skin-crest { position: absolute; left: 50%; top: -30px; translate: -50% 0; width: 132px; height: 132px; opacity: .9; }
.valtiel-prey-header-eye { position: relative; }
.valtiel-prey-header-eye > .valtiel-hunt-eye { position: relative; z-index: 1; }
.valtiel-prey-altar-guardian { position: absolute; top: 24px; width: 45px; height: 58px; animation: valtielSkinRelicFloat 3s ease-in-out infinite alternate; }
.valtiel-prey-altar-guardian.is-left { left: -6px; rotate: -16deg; }
.valtiel-prey-altar-guardian.is-right { right: -6px; rotate: 16deg; animation-delay: -1.5s; }
.valtiel-prey-option-action .valtiel-skin-motif { width: 23px; height: 25px; stroke-width: 1.5; }

.valtiel-prey-picker[data-skin="kokorszaki"] { background: radial-gradient(ellipse at 50% 50%, #71351688, #100903ed 74%); }
.valtiel-prey-picker[data-skin="kokorszaki"] .valtiel-prey-ritual { background: radial-gradient(ellipse at 50% 0, #b54d242f, transparent 70%), linear-gradient(135deg, #39251b, #170f0d 48%, #352016); border-color: #d8ac72; }
.valtiel-prey-picker[data-skin="kokorszaki"] .valtiel-prey-option { background: radial-gradient(circle at 50% 15%, #a04b213b, transparent 55%), linear-gradient(#392519, #1f140e); border-radius: 38px 38px 9px 9px; box-shadow: inset 0 0 0 4px #170f0d, inset 0 0 0 5px #d8ac7233, 0 10px 20px #0005; }
.valtiel-prey-picker[data-skin="kokorszaki"] .valtiel-prey-guide { background: radial-gradient(ellipse at 50% 15%, #6a3c1f55, transparent 70%), #1a110d; }
.valtiel-prey-picker[data-skin="kokorszaki"] .valtiel-prey-option::after { height: 16px; border: 0; background: repeating-linear-gradient(90deg, #e2c994 0 3px, transparent 3px 12px); clip-path: polygon(0 0,100% 0,100% 30%,95% 100%,90% 30%,85% 100%,80% 30%,75% 100%,70% 30%,65% 100%,60% 30%,55% 100%,50% 30%,45% 100%,40% 30%,35% 100%,30% 30%,25% 100%,20% 30%,15% 100%,10% 30%,5% 100%,0 30%); }
.valtiel-prey-picker[data-skin="kokorszaki"] .valtiel-prey-option-portrait::before { border-style: solid; border-width: 2px; border-color: #ddbc81; }
.valtiel-prey-picker[data-skin="kokorszaki"] .valtiel-prey-embers i { width: 6px; height: 17px; background: #e8cda0; box-shadow: none; clip-path: polygon(10% 0,90% 0,70% 70%,35% 100%,25% 70%); }

.valtiel-prey-picker[data-skin="titan"] { background: radial-gradient(ellipse at 50% 30%, #285b806b, #050b19ed 75%); }
.valtiel-prey-picker[data-skin="titan"] .valtiel-prey-ritual { background: radial-gradient(ellipse at 50% 0, #6efefe22, transparent 65%), linear-gradient(135deg, #233552, #0c152b 48%, #253654); border-color: #efc17b; border-top-color: #fdf3e3; box-shadow: 0 24px 80px #000a, 0 0 70px #6efefe26, inset 0 0 0 5px #10182b, inset 0 0 0 6px #efc17b66; }
.valtiel-prey-picker[data-skin="titan"] .valtiel-prey-option { background: radial-gradient(circle at 50% 15%, #6efefe24, transparent 60%), linear-gradient(#263d59, #121c33); border-color: #97b8ee88; box-shadow: inset 0 0 0 4px #101a2e, inset 0 0 0 5px #efc17b55, 0 10px 20px #0005; }
.valtiel-prey-picker[data-skin="titan"] .valtiel-prey-option:hover, .valtiel-prey-picker[data-skin="titan"] .valtiel-prey-option:focus-visible { border-color: #fdf3e3; box-shadow: inset 0 0 0 4px #101a2e, inset 0 0 0 5px #efc17b, 0 0 28px #6efefe40; }
.valtiel-prey-picker[data-skin="titan"] .valtiel-prey-guide { background: radial-gradient(ellipse at 50% 15%, #6efefe1c, transparent 70%), #101b30; border-color: #efc17b66; }
.valtiel-prey-picker[data-skin="titan"] .valtiel-prey-embers i { width: 8px; height: 12px; background: #fdf3e3; box-shadow: 0 0 16px #6efefe; clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%); }
.valtiel-prey-picker[data-skin="titan"] .valtiel-prey-world-sigil { opacity: .35; }
.valtiel-prey-picker[data-skin="titan"] .valtiel-prey-world-sigil b { border-color: #efc17b; border-width: 3px; }
.valtiel-prey-picker[data-skin="titan"] .valtiel-hunt-eye-horns { fill: #223957; stroke: #efc17b; }
.valtiel-prey-picker[data-skin="titan"] .valtiel-hunt-eye-white { fill: #0c1b34; }
.valtiel-prey-picker[data-skin="titan"] .valtiel-prey-altar-plinth { background: radial-gradient(ellipse, #6efefe88, #142b47 70%); border-color: #efc17b; }

.valtiel-prey-brand .valtiel-skin-ornaments { animation: valtielPreyBrandFade 2.2s ease-out both; }
.valtiel-prey-brand .valtiel-skin-ornament { width: 43%; height: auto; aspect-ratio: 1; }
.valtiel-prey-brand-relic { position: absolute; left: 50%; top: 13%; width: 58%; translate: -50% 0; animation: valtielSkinBrandRelic 2.2s ease-out both; }
.valtiel-prey-designation[data-skin="titan"] .valtiel-prey-brand-wash { background: linear-gradient(90deg, transparent, #6efefe33 45%, #fdf3e344 50%, #6efefe33 55%, transparent); border-color: #efc17b; box-shadow: 0 0 45px #6efefe66, inset 0 0 30px #97b8ee44; }
.valtiel-prey-designation[data-skin="titan"] .valtiel-prey-brand-relic { width: 85%; top: -14%; }
.valtiel-prey-designation[data-skin="kokorszaki"] .valtiel-prey-brand-ring { border-color: #f5dba6; border-width: 4px; }
.valtiel-prey-designation[data-skin="kokorszaki"] .valtiel-prey-brand-veins { stroke: #e2c994; stroke-width: 1.2; }
.valtiel-prey-designation[data-skin="titan"] .valtiel-prey-brand-ring.is-inner { border-color: #efc17b; }
.valtiel-prey-designation[data-skin="titan"] .valtiel-prey-brand .ornament-2, .valtiel-prey-designation[data-skin="titan"] .valtiel-prey-brand .ornament-3 { animation: valtielSkinRelicFloat 1.3s ease-in-out infinite alternate; }

.v3-valtiel-ambush-stage .valtiel-skin-ornaments { inset: auto; left: var(--ambush-target-x); top: var(--ambush-avatar-y); width: calc(var(--ambush-avatar-width) * 2); height: calc(var(--ambush-avatar-height) * 1.5); translate: -50% -50%; animation: valtielAmbushAvatar var(--ambush-duration) ease-out both; }
.v3-valtiel-ambush-stage .valtiel-skin-ornament { width: 39%; height: auto; aspect-ratio: 1; }
.v3-valtiel-ambush-stage[data-skin="titan"] .valtiel-ambush-portal { width: calc(var(--ambush-avatar-width) * 1.8); height: calc(var(--ambush-avatar-height) * 1.45); border: 3px double #efc17b; background: radial-gradient(ellipse,#fdf3e333,#6efefe33 35%,#152848b0 60%,transparent 75%); }
.v3-valtiel-ambush-stage[data-skin="kokorszaki"] .valtiel-ambush-portal { border: 4px dashed #f5dba6; background: radial-gradient(ellipse,#40210be8 15%,#c2331f66 55%,transparent 72%); }
.valtiel-ambush-skin-blade { position: absolute; left: 30px; top: -45px; width: 68px; height: 125px; transform: scale(var(--ambush-blade-scale)); transform-origin: center; filter: drop-shadow(0 0 6px var(--valtiel-vfx-rune)); }
.v3-valtiel-ambush-stage[data-skin="titan"] .valtiel-ambush-skin-blade { transform: rotate(180deg) scale(var(--ambush-blade-scale)); width: 78px; left: 25px; filter: drop-shadow(0 0 9px #6efefe); }
@keyframes valtielSkinRelicFloat { from { transform: translateY(-5px) rotate(-3deg); } to { transform: translateY(7px) rotate(3deg); } }
@keyframes valtielSkinBrandRelic { 0% { opacity: 0; transform: translateY(-28px); } 18%,65% { opacity: .9; transform: translateY(0); } 100% { opacity: 0; transform: translateY(15px); } }
@media (max-width: 600px) {
    .valtiel-prey-skin-crest { width: 66px; height: 66px; top: -17px; }
    .valtiel-prey-picker > .valtiel-skin-ornaments { opacity: .23; }
}
@media (prefers-reduced-motion: reduce) {
    .valtiel-skin-ornament, .valtiel-prey-altar-guardian { animation: none !important; }
    .valtiel-prey-designation.is-quiet .valtiel-skin-ornaments, .valtiel-prey-designation.is-quiet .valtiel-prey-brand-relic { animation: valtielPreyBrandFade .9s ease-out both; }
    .v3-valtiel-ambush-stage .valtiel-skin-ornaments { animation-name: valtielAmbushQuietAppear; }
}

/* Elegáns Valtiel: black marble, ivory tailoring and emerald jewellery. */
[data-skin="elegans"] .valtiel-skin-motif {
    --vm-energy: #18d392;
    --vm-light: #FFFFE2;
    filter: drop-shadow(0 0 7px #00FFE44d);
}
[data-skin="elegans"] .valtiel-skin-motif .motif-fill-dark { fill: #10362A; }
[data-skin="elegans"] .valtiel-skin-motif .motif-fill-shade { fill: #27735D; }
[data-skin="elegans"] .valtiel-skin-motif .motif-fill-gold { fill: #e5c27c; }
.valtiel-prey-picker[data-skin="elegans"] {
    background: radial-gradient(ellipse at 50% 25%, #18d39236, #030a08f5 76%);
    color: #FFFFE2;
}
.valtiel-prey-picker[data-skin="elegans"] .valtiel-prey-ritual {
    border-color: #e5c27c;
    border-radius: 5px 5px 18px 18px;
    background: repeating-linear-gradient(125deg, transparent 0 110px, #e5c27c08 111px 112px, transparent 113px 220px),
        radial-gradient(ellipse at 50% 0, #18d39226, transparent 65%), linear-gradient(135deg, #10362A, #050e0b 48%, #13271d);
    box-shadow: 0 24px 80px #000b, 0 0 65px #18d39222, inset 0 0 0 5px #060e0a, inset 0 0 0 6px #e5c27c66;
}
.valtiel-prey-picker[data-skin="elegans"] .valtiel-prey-option {
    border: 1px solid #e5c27c80;
    border-radius: 7px;
    background: radial-gradient(circle at 50% 18%, #18d39235, transparent 55%), linear-gradient(#10362A, #06130f);
    box-shadow: inset 0 0 0 4px #07150f, inset 0 0 0 5px #e5c27c33, 0 10px 22px #0008;
}
.valtiel-prey-picker[data-skin="elegans"] .valtiel-prey-option:hover,
.valtiel-prey-picker[data-skin="elegans"] .valtiel-prey-option:focus-visible {
    border-color: #FFFFE2;
    box-shadow: inset 0 0 0 4px #07150f, inset 0 0 0 5px #e5c27caa, 0 0 28px #00FFE444;
}
.valtiel-prey-picker[data-skin="elegans"] .valtiel-prey-guide { background: radial-gradient(ellipse at 50% 15%, #18d39220, transparent 70%), #071910; border-color: #e5c27c70; }
.valtiel-prey-picker[data-skin="elegans"] .valtiel-prey-option-portrait::before { border: 2px solid #e5c27c; }
.valtiel-prey-picker[data-skin="elegans"] .valtiel-prey-skin-crest { top: -70px; width: 108px; height: 108px; }
.valtiel-prey-picker[data-skin="elegans"] .valtiel-prey-header-eye { margin-top: 32px; }
.valtiel-prey-picker[data-skin="elegans"] .valtiel-prey-embers i { width: 9px; height: 14px; background: #18d392; box-shadow: 0 0 14px #00FFE4; clip-path: polygon(30% 0,70% 0,100% 35%,50% 100%,0 35%); }
.valtiel-prey-picker[data-skin="elegans"] .valtiel-prey-world-sigil b { border: 3px double #e5c27c; transform: rotate(45deg); border-radius: 8px; }
.valtiel-prey-picker[data-skin="elegans"] .valtiel-prey-altar-plinth { background: radial-gradient(ellipse, #18d39277, #10362A 70%); border-color: #e5c27c; }
[data-skin="elegans"] .valtiel-hunt-eye-horns { fill: #10362A; stroke: #e5c27c; }
[data-skin="elegans"] .valtiel-hunt-eye-white { fill: #FFFFE2; }
[data-skin="elegans"] .valtiel-hunt-eye-veins { stroke: #27735D; }
.valtiel-prey-designation[data-skin="elegans"] .valtiel-prey-brand-wash { background: linear-gradient(90deg, transparent, #18d39233 40%, #FFFFE244 50%, #18d39233 60%, transparent); border-color: #e5c27c; box-shadow: 0 0 45px #00FFE444; }
.valtiel-prey-designation[data-skin="elegans"] .valtiel-prey-brand-relic { top: -10%; width: 64%; }
.valtiel-prey-designation[data-skin="elegans"] .valtiel-prey-brand-ring { border-color: #e5c27c; border-style: double; }
.valtiel-prey-designation[data-skin="elegans"] .valtiel-prey-brand-veins { stroke: #18d392; }
.valtiel-prey-frame[data-skin="elegans"] .valtiel-seal-dot { border-color: #e5c27c; border-radius: 2px; transform: rotate(45deg); }
.valtiel-prey-frame[data-skin="elegans"] .valtiel-seal-dot.is-lit { background: #18d392; box-shadow: 0 0 8px #00FFE488, inset 1px 1px 0 #FFFFE2; }
.v3-valtiel-ambush-stage[data-skin="elegans"] .valtiel-ambush-portal { border: 3px double #e5c27c; background: radial-gradient(ellipse, #FFFFE244, #18d39255 30%, #10362Aaa 58%, transparent 74%); }
.v3-valtiel-ambush-stage[data-skin="elegans"] .valtiel-ambush-skin-blade { width: 84px; height: 148px; left: 22px; top: -57px; filter: drop-shadow(0 0 11px #18d392); }
.v3-valtiel-ambush-impact[data-skin="elegans"] .valtiel-ambush-shard { background: #18d392; border: 1px solid #e5c27c; clip-path: polygon(30% 0,70% 0,100% 35%,50% 100%,0 35%); box-shadow: 0 0 8px #00FFE4; }
.v3-valtiel-ambush-impact[data-skin="elegans"] .valtiel-ambush-shock { border-color: #e5c27c; }
.item-tooltip-floating.v3-tooltip-tone-elegans {
    --tooltip-accent: #18d392;
    --tooltip-accent-soft: #18d39233;
    color: #FFFFE2;
    border-color: #e5c27c;
    background: radial-gradient(ellipse at 85% 0, #18d39226, transparent 65%), linear-gradient(135deg, #10362A, #050c09);
    box-shadow: 0 16px 48px #000b, 0 0 24px #18d39222, inset 0 0 0 3px #060e0a, inset 0 0 0 4px #e5c27c33;
}
.v3-tooltip-tone-elegans .v3-tooltip-kicker { color: #e5c27c; }
.v3-tooltip-tone-elegans .v3-tooltip-icon { border-color: #e5c27c; background: #10362A; filter: drop-shadow(0 0 7px #18d39255); }
.v3-tooltip-tone-elegans .item-tooltip-stat { border-color: #27735D; background: #18d3920d; color: #FFFFE2; }
.v3-tooltip-tone-elegans .item-tooltip-stat strong, .v3-tooltip-tone-elegans .item-tooltip-desc strong { color: #18d392; }
.v3-tooltip-tone-elegans .item-tooltip-desc { color: #d4e9d9; }
@media (max-width: 600px) {
    .valtiel-prey-picker[data-skin="elegans"] .valtiel-prey-skin-crest { top: -45px; width: 72px; height: 72px; }
}