/* V3 blood-hunt ritual. Animate the ornaments; keep text/portraits at native size. */
.valtiel-prey-picker {
    --valtiel-red: #d21f2c;
    --valtiel-rune: #ff8a20;
    --valtiel-flare: #ffd9a0;
    position: fixed;
    z-index: 10080;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    overflow: auto;
    isolation: isolate;
    background: radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--valtiel-red) 19%, #09050d) 0, #05030de8 72%);
    font-family: 'Outfit', system-ui, sans-serif;
    color: #f6f3f1;
    color-scheme: dark;
}
.valtiel-prey-picker *, .valtiel-prey-picker *::before, .valtiel-prey-picker *::after { box-sizing: border-box; }
.valtiel-prey-ritual {
    position: relative;
    z-index: 2;
    width: min(1120px, 100%);
    max-height: calc(100dvh - 48px);
    overflow: auto;
    padding: 30px;
    border: 1px solid color-mix(in srgb, var(--valtiel-rune) 65%, #48222c);
    border-top: 3px solid var(--valtiel-rune);
    border-radius: 20px;
    outline: none;
    background: radial-gradient(ellipse at 50% 0, color-mix(in srgb, var(--valtiel-red) 30%, transparent), transparent 65%),
        linear-gradient(135deg, #240a17, #110b17 48%, #250b15);
    box-shadow: 0 24px 80px #000b, 0 0 52px color-mix(in srgb, var(--valtiel-red) 24%, transparent), inset 0 0 0 5px #0c0712, inset 0 0 0 6px #ffffff10;
}
.valtiel-prey-picker-head { position: relative; display: flex; align-items: center; justify-content: center; gap: 24px; padding: 0 50px 24px 0; border-bottom: 1px solid color-mix(in srgb, var(--valtiel-rune) 35%, transparent); }
.valtiel-prey-picker-emblem { width: 52px; height: 52px; flex: 0 0 52px; padding: 5px; border: 1px solid #ffffff20; border-radius: 14px; background: #10121a; object-fit: contain; }
.valtiel-prey-heading-copy { display: grid; gap: 5px; min-width: 0; }
.valtiel-ritual-kicker { color: var(--valtiel-flare); font-size: 11px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.valtiel-prey-picker-head h2 { margin: 0; color: #fff0da; font: 700 36px/1.2 Georgia, serif; letter-spacing: -.025em; }
.valtiel-prey-picker-head p { margin: 0; color: #bcb7c2; font-size: 14px; line-height: 1.5; }
.valtiel-prey-close { position: absolute; top: 26px; right: 26px; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid #ffffff22; border-radius: 10px; background: #24232d; color: #d9d5df; cursor: pointer; }
.valtiel-prey-close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.valtiel-prey-close:hover { background: #34313c; color: #fff; }
.valtiel-prey-close:focus-visible, .valtiel-prey-option:focus-visible { outline: 2px solid var(--valtiel-rune); outline-offset: 3px; }
.valtiel-prey-stage { display: grid; grid-template-columns: minmax(0, 1fr) 236px; gap: 24px; padding: 24px 0; }
.valtiel-prey-targets { min-width: 0; align-self: center; }
.valtiel-prey-section-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; color: #d8d3dd; font-size: 12px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
.valtiel-prey-section-title small { color: #a29ba9; font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.valtiel-prey-picker-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; align-items: stretch; }
.valtiel-prey-option {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    min-width: 0;
    width: 100%;
    padding: 24px 12px 14px;
    border: 1px solid color-mix(in srgb, var(--valtiel-rune) 32%, #261123);
    border-radius: 56px 56px 12px 12px;
    background: radial-gradient(circle at 50% 15%, color-mix(in srgb, var(--valtiel-red) 25%, transparent), transparent 55%), linear-gradient(#281020, #130c19);
    box-shadow: inset 0 0 0 4px #100816, inset 0 0 0 5px #ffffff08, 0 10px 20px #0005;
    color: #f6f3f1;
    font: inherit;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}
.valtiel-prey-option:hover, .valtiel-prey-option:focus-visible, .valtiel-prey-option.is-chosen {
    border-color: var(--valtiel-rune);
    background-color: color-mix(in srgb, var(--valtiel-red) 25%, #1d0a1c);
    box-shadow: inset 0 0 0 4px #100816, inset 0 0 0 5px color-mix(in srgb, var(--valtiel-rune) 40%, transparent), 0 0 22px color-mix(in srgb, var(--valtiel-red) 35%, transparent);
}
.valtiel-prey-option-portrait { position: relative; display: block; width: 88px; height: 88px; flex: 0 0 88px; border: 2px solid color-mix(in srgb, var(--valtiel-rune) 55%, #46313f); border-radius: 50%; background: #10121a; overflow: visible; }
.valtiel-prey-option-avatar { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; border-radius: 50%; }
.valtiel-prey-option:hover .valtiel-prey-option-portrait, .valtiel-prey-option:focus-visible .valtiel-prey-option-portrait, .valtiel-prey-option.is-chosen .valtiel-prey-option-portrait { border-color: var(--valtiel-rune); }
.valtiel-prey-option-body { display: flex; flex-direction: column; align-items: stretch; gap: 7px; min-width: 0; width: 100%; }
.valtiel-prey-option-name { color: #fff; font-size: 17px; font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.valtiel-prey-option-class { color: #b7b0bf; font-size: 12px; line-height: 1.3; }
.valtiel-prey-option-hp { margin-top: 4px; color: #e1dae5; font-size: 12px; font-variant-numeric: tabular-nums; line-height: 1.4; }
.valtiel-prey-option-health { display: block; width: 100%; height: 5px; overflow: hidden; border-radius: 3px; background: #080b12; }
.valtiel-prey-option-health i { display: block; height: 100%; border-radius: inherit; background: var(--valtiel-rune); }
.valtiel-prey-option-tag { min-height: 32px; display: flex; align-items: center; justify-content: center; width: 100%; padding: 5px 3px; border-radius: 6px; background: #ffffff08; color: var(--valtiel-flare); font-size: 11px; font-weight: 500; line-height: 1.3; }
.valtiel-prey-option-action { display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; padding-top: 13px; margin-top: auto; border-top: 1px solid #ffffff10; color: #c6bfce; font-size: 12px; font-weight: 600; }
.valtiel-prey-option-action svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.valtiel-prey-option:hover .valtiel-prey-option-action, .valtiel-prey-option:focus-visible .valtiel-prey-option-action, .valtiel-prey-option.is-chosen .valtiel-prey-option-action { color: var(--valtiel-flare); }
.valtiel-prey-picker.is-resolving .valtiel-prey-option { cursor: default; }
.valtiel-prey-picker.is-resolving .valtiel-prey-close { visibility: hidden; }
.valtiel-prey-guide { display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 20px; border: 1px solid color-mix(in srgb, var(--valtiel-rune) 30%, #331324); border-radius: 14px; background: radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--valtiel-red) 20%, transparent), transparent 70%), #0e0814; }
.valtiel-prey-guide-head { display: flex; align-items: center; gap: 10px; }
.valtiel-prey-guide-head img { display: block; width: 36px; height: 36px; object-fit: contain; }
.valtiel-prey-guide-head strong { font-size: 16px; font-weight: 600; }
.valtiel-prey-guide p { margin: 0; color: #b7b0bf; font-size: 13px; line-height: 1.6; }
.valtiel-prey-tiers { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.valtiel-prey-tiers li { display: flex; align-items: flex-start; gap: 11px; }
.valtiel-prey-tiers svg { flex: 0 0 27px; width: 27px; height: 32px; padding: 5px; border: 1px solid #ffffff20; border-radius: 5px; fill: none; stroke: var(--valtiel-rune); stroke-width: 1.8; stroke-linecap: round; }
.valtiel-prey-tiers span { display: grid; gap: 3px; color: #c6bfce; font-size: 12px; line-height: 1.4; }
.valtiel-prey-tiers strong { color: #f2eef4; font-size: 13px; font-weight: 500; }
.valtiel-prey-preview { display: grid; gap: 6px; margin-top: auto; padding-top: 16px; border-top: 1px solid #ffffff17; }
.valtiel-prey-preview-label { color: #99919f; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.valtiel-prey-preview-name { font-size: 15px; font-weight: 500; }
.valtiel-prey-preview-detail { min-height: 42px; color: var(--valtiel-flare); font-size: 12px; line-height: 1.5; }
.valtiel-ritual-hint { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 16px; border-top: 1px solid #ffffff14; color: #ada5b4; font-size: 12px; line-height: 1.5; }
.valtiel-ritual-hint kbd { padding: 3px 6px; margin-right: 6px; border: 1px solid #ffffff28; border-radius: 4px; color: #ded8e4; font: 11px/1.3 system-ui; }

/* Decorative motion is separate from the readable UI. */
.valtiel-prey-world-sigil { position: fixed; z-index: 0; left: 50%; top: 50%; width: min(1100px, 125vw); aspect-ratio: 1; translate: -50% -50%; pointer-events: none; opacity: .2; }
.valtiel-prey-world-sigil span, .valtiel-prey-world-sigil b, .valtiel-prey-world-sigil i { position: absolute; inset: 0; border: 2px dashed var(--valtiel-rune); border-radius: 50%; animation: valtielHuntOrbit 65s linear infinite; }
.valtiel-prey-world-sigil b { inset: 9%; border-style: solid; border-width: 1px; animation-direction: reverse; }
.valtiel-prey-world-sigil i { inset: 17%; border-radius: 0; border-style: solid; rotate: 45deg; animation-duration: 90s; }
.valtiel-prey-embers { position: fixed; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; }
.valtiel-prey-embers i { position: absolute; left: var(--ember-x); bottom: -20px; width: 3px; height: 14px; border-radius: 50%; background: var(--valtiel-rune); box-shadow: 0 0 9px var(--valtiel-red); animation: valtielHuntEmber var(--ember-time) linear var(--ember-delay) infinite; }
.valtiel-prey-ritual::before, .valtiel-prey-ritual::after { content: ''; position: absolute; pointer-events: none; top: 12px; width: 68px; height: 12px; border-top: 2px solid var(--valtiel-rune); border-bottom: 1px solid var(--valtiel-red); }
.valtiel-prey-ritual::before { left: 15px; border-left: 2px solid var(--valtiel-rune); }
.valtiel-prey-ritual::after { right: 15px; border-right: 2px solid var(--valtiel-rune); }
.valtiel-prey-header-eye { width: 160px; flex: 0 0 160px; color: var(--valtiel-rune); }
.valtiel-hunt-eye { display: block; width: 100%; height: auto; overflow: visible; }
.valtiel-hunt-eye-horns { fill: #170916; stroke: var(--valtiel-rune); stroke-width: 1.4; }
.valtiel-hunt-eye-white { fill: #180712; stroke: var(--valtiel-rune); stroke-width: 2; }
.valtiel-hunt-eye-veins { fill: none; stroke: var(--valtiel-red); stroke-width: 1.5; }
.valtiel-hunt-eye-iris { fill: var(--valtiel-red); stroke: var(--valtiel-flare); stroke-width: 1; }
.valtiel-hunt-eye-rim { fill: none; stroke: var(--valtiel-rune); stroke-width: 4; }
.valtiel-hunt-eye-rays { fill: none; stroke: var(--valtiel-flare); stroke-width: 7; stroke-dasharray: 1.5 4; }
.valtiel-hunt-eye-pupil { fill: #08040f; }
.valtiel-hunt-eye-glint { fill: #fff8e9; }
.valtiel-hunt-eye-brow { fill: none; stroke: var(--valtiel-flare); stroke-width: 1; }
.valtiel-prey-header-eye .valtiel-hunt-eye-lids { transform-origin: 120px 70px; animation: valtielHuntWatch 7s ease-in-out infinite; }
.valtiel-prey-header-eye .valtiel-hunt-eye-iris { animation: valtielHuntIris 3s ease-in-out infinite; }
.valtiel-prey-option-portrait::before { content: ''; position: absolute; inset: -7px; border: 1px dashed var(--valtiel-rune); border-radius: 50%; opacity: .45; pointer-events: none; }
.valtiel-prey-option:hover .valtiel-prey-option-portrait::before, .valtiel-prey-option:focus-visible .valtiel-prey-option-portrait::before { opacity: 1; animation: valtielHuntOrbit 18s linear infinite; }
.valtiel-prey-option::after { content: ''; position: absolute; pointer-events: none; left: 10px; right: 10px; bottom: 8px; height: 10px; border-right: 2px solid var(--valtiel-rune); border-left: 2px solid var(--valtiel-rune); opacity: .5; }
.valtiel-prey-option-gaze { position: absolute; top: 15px; left: 50%; translate: -50% 0; width: 120px; pointer-events: none; opacity: 0; }
.valtiel-prey-option.is-chosen .valtiel-prey-option-gaze { animation: valtielHuntChosenEye .62s ease-out both; }
.valtiel-prey-option.is-chosen { border-color: var(--valtiel-flare); }
.valtiel-prey-option.is-chosen .valtiel-prey-option-portrait::before { border-style: solid; box-shadow: 0 0 18px var(--valtiel-rune); }
.valtiel-prey-guide-head { justify-content: center; color: var(--valtiel-flare); }
.valtiel-prey-altar-art { position: relative; display: grid; place-items: center; height: 108px; isolation: isolate; }
.valtiel-prey-altar-art img { position: relative; z-index: 2; display: block; width: 72px; height: 72px; object-fit: contain; }
.valtiel-prey-altar-orbit { position: absolute; top: 2px; width: 92px; height: 92px; border: 1px dashed var(--valtiel-rune); border-radius: 50%; animation: valtielHuntOrbit 22s linear infinite; }
.valtiel-prey-altar-orbit::before { content: ''; position: absolute; inset: -9px; border: 1px solid var(--valtiel-red); border-radius: 50%; }
.valtiel-prey-altar-plinth { position: absolute; z-index: -1; bottom: 0; width: 170px; height: 27px; border: 1px solid var(--valtiel-rune); border-radius: 50%; background: radial-gradient(ellipse, var(--valtiel-red), #190819 70%); box-shadow: 0 0 22px color-mix(in srgb, var(--valtiel-red) 40%, transparent); }
.valtiel-prey-altar-art::before, .valtiel-prey-altar-art::after { content: ''; position: absolute; bottom: 18px; width: 2px; height: 67px; background: linear-gradient(transparent, var(--valtiel-rune)); }
.valtiel-prey-altar-art::before { left: 20px; }
.valtiel-prey-altar-art::after { right: 20px; }
.valtiel-prey-tiers svg { background: color-mix(in srgb, var(--valtiel-red) 15%, #160a17); border-color: color-mix(in srgb, var(--valtiel-rune) 38%, #160a17); }
@keyframes valtielHuntOrbit { to { transform: rotate(360deg); } }
@keyframes valtielHuntEmber { 0% { opacity: 0; transform: translateY(0); } 15%, 70% { opacity: .65; } 100% { opacity: 0; transform: translate(30px, -90vh); } }
@keyframes valtielHuntWatch { 0%, 43%, 49%, 100% { transform: scaleY(1); } 46% { transform: scaleY(.06); } }
@keyframes valtielHuntIris { 50% { fill: var(--valtiel-rune); } }
@keyframes valtielHuntChosenEye { 0% { opacity: 0; transform: scaleY(.05); } 38%, 100% { opacity: 1; transform: scaleY(1); } }

/* The designation lives over the target's viewport bounds, surviving card redraws. */
.valtiel-prey-designation { position: fixed; z-index: 10070; inset: 0; overflow: hidden; pointer-events: none; }
.valtiel-prey-brand { position: absolute; left: var(--prey-card-x); top: var(--prey-card-y); width: var(--prey-card-width); height: var(--prey-card-height); }
.valtiel-prey-brand-wash { position: absolute; inset: 0; border: 2px solid var(--valtiel-rune); border-radius: 18px; background: radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--valtiel-red) 42%, transparent), transparent 70%); box-shadow: inset 0 0 25px color-mix(in srgb, var(--valtiel-red) 35%, transparent), 0 0 24px color-mix(in srgb, var(--valtiel-red) 30%, transparent); animation: valtielPreyBrandFade 2.2s ease-out both; }
.valtiel-prey-brand-eye { position: absolute; left: 50%; top: 38%; width: 108%; translate: -50% -50%; animation: valtielPreyEyeOpen 2.2s ease-out both; }
.valtiel-prey-brand-eye .valtiel-hunt-eye { filter: drop-shadow(0 0 5px var(--valtiel-red)); }
.valtiel-prey-brand-ring { position: absolute; left: 50%; top: 38%; width: 83%; aspect-ratio: 1; translate: -50% -50%; border: 2px dashed var(--valtiel-rune); border-radius: 50%; animation: valtielPreyBrandRing 1.5s ease-out both; }
.valtiel-prey-brand-ring.is-inner { width: 59%; border: 1px solid var(--valtiel-flare); animation-delay: .14s; animation-direction: normal; }
.valtiel-prey-brand-veins { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: var(--valtiel-rune); stroke-width: .8; stroke-linejoin: round; stroke-dasharray: 160; stroke-dashoffset: 160; animation: valtielPreyBrandVeins 2s ease-out .15s both; }
.valtiel-prey-brand-spark { position: absolute; left: 50%; top: 38%; width: 3px; height: 14px; border-radius: 50%; background: var(--valtiel-flare); box-shadow: 0 0 6px var(--valtiel-red); animation: valtielPreyBrandSpark .9s ease-out calc(.25s + var(--spark-delay)) both; }
.valtiel-prey-brand-label { position: absolute; left: 50%; top: 69%; translate: -50% 0; width: max-content; max-width: 115%; padding: 8px 12px; border: 1px solid var(--valtiel-rune); border-radius: 4px; background: #140812f5; color: var(--valtiel-flare); text-align: center; font: 700 clamp(9px, .8vw, 12px)/1.35 'Outfit', system-ui; letter-spacing: .12em; animation: valtielPreyBrandFade 1.75s ease-out .25s both; }
@keyframes valtielPreyBrandFade { 0% { opacity: 0; } 16%, 65% { opacity: 1; } 100% { opacity: 0; } }
@keyframes valtielPreyEyeOpen { 0% { opacity: 0; transform: scaleY(.03); } 19%, 64% { opacity: 1; transform: scaleY(1); } 85% { opacity: .7; transform: scaleY(1); } 100% { opacity: 0; transform: scaleY(.03); } }
@keyframes valtielPreyBrandRing { 0% { opacity: 0; transform: scale(.25) rotate(-45deg); } 20% { opacity: 1; } 100% { opacity: 0; transform: scale(1.5) rotate(35deg); } }
@keyframes valtielPreyBrandVeins { 0% { opacity: 0; stroke-dashoffset: 160; } 32%, 66% { opacity: .9; stroke-dashoffset: 0; } 100% { opacity: 0; stroke-dashoffset: 0; } }
@keyframes valtielPreyBrandSpark { 0% { opacity: 0; transform: scale(.3); } 12% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--dx), var(--dy)) rotate(var(--spark-angle)); } }
.valtiel-prey-designation.is-quiet .valtiel-prey-brand-eye, .valtiel-prey-designation.is-quiet .valtiel-prey-brand-label, .valtiel-prey-designation.is-quiet .valtiel-prey-brand-wash { animation: valtielPreyBrandFade .9s ease-out both; }
.valtiel-prey-designation.is-quiet .valtiel-prey-brand-ring, .valtiel-prey-designation.is-quiet .valtiel-prey-brand-veins { display: none; }
@media (max-width: 1000px) {
    .valtiel-prey-stage { grid-template-columns: 1fr; }
    .valtiel-prey-guide { display: grid; grid-template-columns: 1fr 1.5fr 1fr; align-items: start; gap: 20px; }
    .valtiel-prey-guide-head { flex-wrap: wrap; }
    .valtiel-prey-altar-art { grid-column: 1; grid-row: 2; }
    .valtiel-prey-guide > p { grid-column: 1; grid-row: 3; }
    .valtiel-prey-tiers { grid-column: 2; grid-row: 1 / 4; }
    .valtiel-prey-preview { grid-column: 3; grid-row: 1 / 4; margin: 0; padding: 0; border: 0; }
}
@media (max-width: 600px) {
    .valtiel-prey-picker { padding: 12px; }
    .valtiel-prey-ritual { max-height: calc(100dvh - 24px); padding: 20px 16px; border-radius: 16px; }
    .valtiel-prey-picker-head { gap: 12px; padding-right: 34px; }
    .valtiel-prey-header-eye { width: 64px; flex-basis: 64px; }
    .valtiel-prey-picker-emblem { width: 40px; height: 40px; flex-basis: 40px; padding: 3px; border-radius: 10px; }
    .valtiel-prey-picker-head h2 { font-size: 23px; }
    .valtiel-prey-picker-head p { font-size: 13px; }
    .valtiel-ritual-kicker { font-size: 10px; letter-spacing: .1em; }
    .valtiel-prey-close { top: 18px; right: 14px; width: 30px; height: 30px; }
    .valtiel-prey-picker-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .valtiel-prey-option { padding: 16px 10px 12px; }
    .valtiel-prey-option-portrait { width: 80px; height: 80px; flex-basis: 80px; }
    .valtiel-prey-guide { display: flex; padding: 16px; gap: 14px; }
    .valtiel-prey-tiers { gap: 10px; }
    .valtiel-prey-preview { padding-top: 14px; border-top: 1px solid #ffffff17; }
    .valtiel-ritual-hint { align-items: flex-start; flex-direction: column; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .valtiel-prey-world-sigil *, .valtiel-prey-embers, .valtiel-prey-header-eye *, .valtiel-prey-altar-orbit,
    .valtiel-prey-option-portrait::before, .valtiel-prey-option-gaze { animation: none !important; }
    .valtiel-prey-embers { display: none; }
    .valtiel-prey-option.is-chosen .valtiel-prey-option-gaze { opacity: 1; }
}