.vf-combat-board{isolation:isolate;position:relative}.vf-battle-fx{pointer-events:none;z-index:45;contain:layout paint;position:absolute;inset:0;overflow:hidden}.vf-battle-fx>svg{width:100%;height:100%;color:var(--fx-color);fill:none;stroke:currentColor;stroke-width:2px;overflow:visible}.vf-fx-cast{opacity:0;animation:vf-fx-cast var(--fx-duration) ease-out both}.vf-fx-cast ellipse,.vf-fx-cast path{stroke-dasharray:12 5;stroke-width:2px}.vf-fx-counter-ring{stroke:var(--fx-secondary)}.vf-fx-trail{stroke:var(--fx-color);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;animation:vf-fx-trail var(--fx-duration) linear both;filter:drop-shadow(0 0 4px var(--fx-color))}.vf-fx-trail.is-healing{stroke-dasharray:.025 .018;stroke-width:4px}.vf-fx-trajectory{stroke:var(--fx-color);stroke-width:2px;stroke-dasharray:4 8;opacity:0;animation:vf-fx-guide var(--fx-duration) linear both}.vf-fx-flight-lane{transform-origin:0 0;width:0;height:0;position:absolute}.vf-fx-projectile{width:0;height:0;animation:vf-fx-flight var(--fx-duration) linear both;position:absolute;top:0;left:0}.vf-fx-projectile svg{max-width:none;fill:var(--fx-color);stroke:var(--fx-secondary);stroke-width:2px;filter:drop-shadow(0 0 4px #fff8) drop-shadow(0 0 9px var(--fx-color));position:absolute;overflow:visible;transform:translate(-50%,-50%)}.vf-fx-projectile-tail{fill:none;stroke:var(--fx-secondary);stroke-width:3px;stroke-linecap:round}.vf-fx-contact{opacity:0;animation:vf-fx-contact calc(.42s / var(--fx-speed)) ease-out both;transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 5px var(--fx-color))}.vf-fx-contact circle{stroke-width:3px}.vf-fx-split{stroke:var(--fx-secondary);stroke-width:6px;stroke-linecap:round}.vf-fx-shield{fill:color-mix(in srgb,var(--fx-color) 14%,transparent);stroke-width:4px}.outcome-critical{stroke-width:4px}.outcome-dodge{stroke:#d4e8ff;stroke-width:3px}.vf-signature-caption{text-align:center;color:#fff6df;border-block:1px solid color-mix(in srgb,var(--fx-color) 65%,transparent);width:min(70%,480px);animation:vf-signature-caption var(--fx-duration) ease-out both;text-shadow:0 2px 6px #000;background:linear-gradient(90deg,#0000,#080b1dee 17% 83%,#0000);padding:13px 22px;position:absolute;top:43%;left:50%;transform:translate(-50%)}.vf-signature-caption small{color:var(--fx-color);letter-spacing:.24em;font-size:9px;font-weight:800;display:block}.vf-signature-caption strong{margin:5px 0;font-family:Georgia,serif;font-size:clamp(15px,2.5vw,28px);line-height:1.14;display:block}.vf-signature-caption span{color:#c8d5e8;font-size:11px}.is-signature .vf-fx-cast{stroke-width:3px;filter:drop-shadow(0 0 10px var(--fx-color))}.vf-combat-board .vf-battle-card.is-attacking{animation:none}.vf-combat-board .vf-battle-card[data-combat-motion=melee]{z-index:30;transform-origin:50%;animation:.8s cubic-bezier(.2,.85,.26,1) both vf-fx-melee}.vf-combat-board .vf-battle-card[data-combat-motion=ranged],.vf-combat-board .vf-battle-card[data-combat-motion=support]{animation:.8s ease-out both vf-fx-channel}.vf-combat-board .vf-battle-card.is-defending{animation:none}.vf-combat-board .vf-battle-card.is-defending:after{opacity:0;animation:none}.vf-combat-board[data-paused=true] *,.vf-battle-fx.is-paused *{animation-play-state:paused!important}@keyframes vf-fx-flight{0%,10%{opacity:1;transform:translate(0)}60%{opacity:1;transform:translateX(var(--fx-distance))}66%,to{opacity:0;transform:translateX(var(--fx-distance))}}@keyframes vf-fx-guide{0%,54%{opacity:.32}66%,to{opacity:0}}@keyframes vf-fx-trail{0%,10%{opacity:0;stroke-dashoffset:1px}60%{opacity:.85;stroke-dashoffset:0}76%,to{opacity:0;stroke-dashoffset:0}}@keyframes vf-fx-cast{0%{opacity:0}15%{opacity:.9}72%,to{opacity:0}}@keyframes vf-fx-contact{0%{opacity:0;scale:.6}20%{opacity:1;scale:1}to{opacity:0;scale:1.35}}@keyframes vf-fx-melee{0%,to{filter:brightness();transform:translate(0)scale(1)}20%{transform:translate(var(--attack-windup-x),var(--attack-windup-y)) scale(.98);filter:brightness(1.08)}60%,64%{transform:translate(var(--attack-x),var(--attack-y)) scale(1.055);filter:brightness(1.35)}80%{transform:translate(var(--attack-recoil-x),var(--attack-recoil-y)) scale(.985);filter:brightness(1.1)}}@keyframes vf-fx-channel{0%,to{filter:brightness();scale:1}25%{filter:brightness(1.22);scale:1.015}}@keyframes vf-signature-caption{0%{opacity:0;translate:0 8px}18%,70%{opacity:1;translate:0}to{opacity:0;translate:0 -5px}}@media (max-width:600px){.vf-signature-caption{width:86%;padding:9px 12px}.vf-signature-caption small{letter-spacing:.15em;font-size:7px}.vf-signature-caption span{font-size:9px}.vf-fx-trail{stroke-width:2px}}@media (prefers-reduced-motion:reduce){.vf-battle-fx .vf-fx-projectile,.vf-battle-fx .vf-fx-trail{display:none}.vf-battle-fx .vf-fx-trajectory{opacity:.4;animation:none}.vf-battle-fx .vf-fx-cast{opacity:.5;animation:none}.vf-battle-fx .vf-fx-contact{opacity:.8;animation:none;scale:1}.vf-signature-caption{opacity:1;animation:none}.vf-combat-board .vf-battle-card.is-attacking,.vf-combat-board .vf-battle-card[data-combat-motion]{animation:none}}.vf-fx-lab{color:#dbe9f5;background:radial-gradient(at 50% 35%,#1e1c3c,#070d17 70%);min-height:100vh;padding:32px;font-family:Arial,sans-serif}.vf-fx-lab header{max-width:1080px;margin:auto}.vf-fx-lab header small{color:#a4a0ef;letter-spacing:.2em;font-size:10px}.vf-fx-lab h1{color:#fff0ce;margin:10px 0;font:36px Georgia,serif}.vf-fx-lab header p{color:#97abc0;font-size:12px}.vf-fx-lab-controls{flex-wrap:wrap;align-items:end;gap:10px;max-width:1080px;margin:24px auto;display:flex}.vf-fx-lab-controls label{color:#a7c3db;gap:5px;font-size:11px;display:grid}.vf-fx-lab-controls select,.vf-fx-lab-controls button{color:#e8f2ff;background:#101d2f;border:1px solid #46526e;border-radius:7px;min-height:38px;padding:10px;font-size:12px}.vf-fx-lab-signature{flex-basis:100%;max-width:100%}.vf-fx-lab-signature select{width:100%;max-width:100%}.vf-fx-lab-board{background:radial-gradient(#1a21403d,#0000);border:1px solid #323b56;border-radius:20px;width:min(1080px,100%);height:590px;margin:0 auto;overflow:hidden}.vf-fx-lab-card{background:#15132a;border:1px solid #a188d3;border-radius:12px;width:155px;height:225px;position:absolute;overflow:hidden;box-shadow:0 8px 22px #0008}.vf-fx-lab-card img{object-fit:cover}.vf-fx-lab-card strong,.vf-fx-lab-card span{text-align:center;z-index:1;background:#060d1bec;padding:10px;font-size:12px;position:absolute;inset:auto 0 0}.vf-fx-lab-card strong{font-family:Georgia,serif;font-size:14px;bottom:30px}.vf-fx-lab-card span{color:#95edbe}.vf-fx-lab-card.unit-target{top:22px;left:24%}.vf-fx-lab-card.unit-second{top:22px;right:24%}.vf-fx-lab-card.unit-source{bottom:22px;left:calc(50% - 78px)}.vf-fx-lab-veil{text-align:center;color:#8b8eaf;letter-spacing:.7em;border-block:1px solid #797dab38;padding:10px;font-size:10px;position:absolute;top:47%;left:0;right:0}.vf-fx-lab-status{text-align:center;color:#a7c3db;font-size:12px}@media (max-width:600px){.vf-fx-lab{padding:16px}.vf-fx-lab h1{font-size:28px}.vf-fx-lab-board{height:480px}.vf-fx-lab-card{width:112px;height:176px}.vf-fx-lab-card.unit-source{left:calc(50% - 56px)}.vf-fx-lab-card.unit-target{left:9%}.vf-fx-lab-card.unit-second{right:9%}.vf-fx-lab-card strong{font-size:12px}.vf-fx-lab-controls label{flex:1;min-width:110px}.vf-fx-lab-controls select{width:100%}.vf-fx-lab-controls .vf-fx-lab-signature{flex-basis:100%}}.vf-signature-echo{opacity:0;width:200px;height:280px;filter:grayscale(1) sepia(.3) drop-shadow(0 0 12px var(--fx-color));mix-blend-mode:screen;animation:vf-signature-echo var(--fx-duration) ease-out both;background-position:50%;background-size:cover;position:absolute;translate:-50% -60%;-webkit-mask-image:radial-gradient(#000 25%,#0000 69%);mask-image:radial-gradient(#000 25%,#0000 69%)}.vf-signature-caption{z-index:2}@keyframes vf-signature-echo{0%{opacity:0;scale:.8}18%{opacity:.5}65%{opacity:.25;scale:1.45}to{opacity:0;scale:1.65}}@media (prefers-reduced-motion:reduce){.vf-signature-echo{display:none}}.vf-combat-board .vf-battle-card.side-opponent{--fx-strike:12px;--fx-windup:-4px}.vf-combat-board:not(.vf-fx-lab-board) .vf-signature-caption{width:min(90%,calc(440px / var(--vf-battle-scale,1)));padding:calc(10px / var(--vf-battle-scale,1)) calc(16px / var(--vf-battle-scale,1))}.vf-combat-board:not(.vf-fx-lab-board) .vf-signature-caption strong{font-size:calc(clamp(14px,2.5vw,24px) / var(--vf-battle-scale,1))}.vf-combat-board:not(.vf-fx-lab-board) .vf-signature-caption small{font-size:calc(8px / var(--vf-battle-scale,1))}.vf-combat-board:not(.vf-fx-lab-board) .vf-signature-caption span{font-size:calc(10px / var(--vf-battle-scale,1))}.vf-fx-trail{stroke-width:calc(3px * var(--fx-unit-scale,1))}.vf-fx-trail.is-healing{stroke-width:calc(4px * var(--fx-unit-scale,1))}.vf-fx-lab-slot{width:155px;height:225px;position:absolute}.vf-fx-lab-slot .vf-fx-lab-card{width:100%;height:100%;margin:0;position:relative}.vf-fx-lab-slot.unit-target{top:22px;left:24%}.vf-fx-lab-slot.unit-second{top:22px;right:24%}.vf-fx-lab-slot.unit-source{bottom:22px;left:calc(50% - 78px)}@media (max-width:600px){.vf-fx-lab-slot{width:112px;height:176px}.vf-fx-lab-slot.unit-source{left:calc(50% - 56px)}.vf-fx-lab-slot.unit-target{left:9%}.vf-fx-lab-slot.unit-second{right:9%}}.vf-endless-card-state{z-index:6;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:2px;display:flex;position:absolute;top:18%;left:16%;right:16%}.vf-endless-card-state>span{color:#eee0ff;max-width:100%;font-size:clamp(10px,calc(9px / var(--vf-battle-scale,1)),24px);white-space:nowrap;background:#100d20ed;border:1px solid #ab80de;border-radius:4px;padding:2px 5px;font-weight:800;line-height:1.2}.vf-endless-card-state>.is-ward{color:#afffed;border-color:#52d8c4}.vf-projectile-design .vf-projectile-aura{transform-origin:0 0;animation:1.8s linear infinite vf-projectile-orbit}.vf-projectile-design.motion-spin .vf-projectile-core{animation:1.3s linear infinite vf-projectile-orbit}.vf-projectile-design.motion-pulse .vf-projectile-core{animation:.55s ease-in-out infinite alternate vf-projectile-pulse}.vf-projectile-design.motion-flutter .vf-projectile-core{animation:.45s ease-in-out infinite alternate vf-projectile-flutter}.vf-projectile-design.motion-flare .vf-projectile-aura{animation:.3s ease-in-out infinite alternate vf-projectile-pulse}.vf-fx-trail.trail-sparks{stroke-dasharray:.04 .025}.vf-fx-trail.trail-ribbons{stroke-width:calc(5px * var(--fx-unit-scale,1))}.vf-fx-trail.trail-runes{stroke-dasharray:.015 .035 .07 .035}@keyframes vf-projectile-orbit{to{transform:rotate(360deg)}}@keyframes vf-projectile-pulse{0%{opacity:.65;transform:scale(.88)}to{opacity:1;transform:scale(1.06)}}@keyframes vf-projectile-flutter{0%{transform:scaleY(.74)}to{transform:scaleY(1.06)}}@media (prefers-reduced-motion:reduce){.vf-projectile-design *{animation:none!important}}.vf-fx-lab-board[data-layout=horizontal] .vf-fx-lab-slot.unit-source{top:calc(50% - 112.5px);bottom:auto;left:8%}.vf-fx-lab-board[data-layout=horizontal] .vf-fx-lab-slot.unit-target{inset:25px 12% auto auto}.vf-fx-lab-board[data-layout=horizontal] .vf-fx-lab-slot.unit-second{inset:auto 12% 25px auto}.vf-projectile-gallery{border:1px solid #475270;border-radius:14px;max-width:1080px;margin:24px auto;padding:16px}.vf-projectile-gallery summary{cursor:pointer;color:#dbc2ff;font-size:15px}.vf-projectile-gallery>div{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;margin-top:16px;display:grid}.vf-projectile-gallery button{color:#e1e8f5;cursor:pointer;background:#091221;border:1px solid #424459;border-radius:10px;justify-items:center;gap:6px;padding:12px;display:grid}.vf-projectile-gallery svg{width:96px;height:96px;filter:drop-shadow(0 0 7px var(--fx-color));overflow:visible}.vf-projectile-gallery strong{font-size:12px}.vf-projectile-gallery span{color:#a9bacd;font-size:10px}@media (max-width:600px){.vf-fx-lab-board[data-layout=horizontal] .vf-fx-lab-slot.unit-source{top:calc(50% - 88px);left:3%}.vf-fx-lab-board[data-layout=horizontal] .vf-fx-lab-slot.unit-target,.vf-fx-lab-board[data-layout=horizontal] .vf-fx-lab-slot.unit-second{right:3%}}.vf-battle-fx .vf-signature-caption.vf-card-skill-caption{z-index:3;max-width:none;animation:vf-card-skill-caption var(--fx-duration) ease-out both;padding:6px 7px;transform:translate(-50%,-50%);container-type:inline-size}.vf-battle-fx .vf-signature-caption.vf-card-skill-caption small{letter-spacing:.13em;font-size:4.5cqw}.vf-battle-fx .vf-signature-caption.vf-card-skill-caption strong{overflow-wrap:anywhere;margin:4px 0;font-size:8cqw;line-height:1.15}.vf-battle-fx .vf-signature-caption.vf-card-skill-caption span{font-size:5.5cqw;display:block}@keyframes vf-card-skill-caption{0%{opacity:0}14%,82%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.vf-battle-fx .vf-signature-caption.vf-card-skill-caption{opacity:1;animation:none}}