/* Fine vector detail and restrained light; all motion is clocked by JS. */
#battleArena .signature-canvas{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
#battleArena .signature-canvas path{vector-effect:non-scaling-stroke}
#battleArena .signature-canvas :is(.gryphon-trail,.gryphon-talon,.kelpie-current,.sphinx-ray,.mummy-thread,.mummy-bandage){stroke-dasharray:1;stroke-dashoffset:1;fill:none}
#battleArena .signature-mark{position:absolute;display:block;box-sizing:border-box;pointer-events:none;will-change:transform,opacity;color:var(--fx-color);border:0;background:none}
#battleArena .signature-mark>svg{width:100%;height:100%;display:block;overflow:visible}
#battleArena .sig-core{stroke-width:1.8;fill:none}#battleArena .sig-fine{stroke-width:.8;opacity:.72;fill:none}#battleArena .sig-light{fill:#fff0be;stroke:#fff0be;stroke-width:.7}#battleArena .sig-ribbon{fill:#c8b486aa;stroke:#ebdfbc;stroke-width:.9}
#battleArena .signature-contact{width:76px;height:70px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--fx-color) 45%,transparent),transparent 68%)}
#battleArena .signature-gold-glint{width:94px;height:2px;background:linear-gradient(90deg,transparent,#f4d99b55 25%,#fff5d0 50%,#f4d99b55 75%,transparent);box-shadow:0 0 6px #f1d58c55}
#battleArena .dragon-throat{width:32px;height:32px;border:1px solid #ffdda999;border-radius:50%;background:radial-gradient(circle,#fff1c566,#ff9b3a22 45%,transparent 70%);box-shadow:inset 0 0 8px #f8b86155,0 0 15px #faad5133}
#battleArena .dragon-ember{width:4px;height:4px;border-radius:50%;background:#fff0b5;box-shadow:0 0 5px #ff8b42}
#battleArena .dragon-flare{width:68px;height:52px;border-radius:50%;background:radial-gradient(ellipse,#fff1c555,#ed974a44 22%,#b6532922 48%,transparent 72%)}
#battleArena .dragon-cinder{width:8px;height:23px;border-radius:85% 15% 70% 30%;background:linear-gradient(#fff1b2,#f6ae52aa 36%,#c75c2022 75%,transparent)}
#battleArena .mandrake-root{width:40px;height:40px;border:1px solid #b6d58b88;border-radius:43% 57% 51% 49%;box-shadow:inset 0 0 10px #88b66e33}
#battleArena .mandrake-dizzy{width:64px;height:50px;color:#c5dca6}
#battleArena .gryphon-wings{width:60px;height:27px;display:flex;gap:8px}
#battleArena .gryphon-wings span{width:26px;height:23px;background:linear-gradient(145deg,#fff0c7aa,#9fb8bc66);clip-path:polygon(100% 70%,0 0,14% 65%,32% 47%,36% 83%,56% 66%,70% 100%)}
#battleArena .gryphon-wings span:last-child{transform:scaleX(-1)}
#battleArena .gryphon-flight{width:46px;height:33px}
#battleArena .sig-wing{fill:#c3cbbad9;stroke:#fff0c4;stroke-width:.8}
#battleArena .sig-wing-core{fill:#f4e8c5;stroke:#c6ac75;stroke-width:.7}
#battleArena .sig-feathers{fill:none;stroke:#6c858777;stroke-width:.8}
#battleArena .kelpie-pool{width:66px;height:26px;border:1px solid #a6dfd5bb;border-radius:50%;box-shadow:inset 0 0 10px #65b9cf22}
#battleArena .kelpie-pool:after{content:"";position:absolute;inset:4px 9px;border:1px solid #a6e5d566;border-radius:50%}
#battleArena .kelpie-tether{width:61px;height:76px;color:#a6e2d3}
#battleArena .kelpie-tether .sig-core{stroke-width:1.9}
#battleArena .sphinx-seal{width:73px;height:73px;color:#e5c787}
#battleArena .sphinx-seal .sig-core{stroke-width:1.1;opacity:.78}
#battleArena .sphinx-seal .sig-ticks{stroke-width:1.3;opacity:.9}
#battleArena .sphinx-seal :is(.sig-orbit,.sig-counter){transform-origin:40px 40px}
#battleArena .sphinx-rune{width:9px;height:9px;border:1px solid #f1d99f;background:#e6d1a011}
#battleArena .mummy-knot{width:62px;height:62px;color:#e2d4af}
#battleArena .scarab-arrival{width:72px;height:72px;color:#ddc58d;z-index:2}
#battleArena .scarab-wing{transform-origin:40px 40px}
#battleArena .scarab-arrival .sig-ribbon{fill:#7e9d86bb;stroke:#ddc78e}
#battleArena .sig-legs{fill:none;stroke:#c4ad75;stroke-width:1.1}
#battleArena .sig-jade{fill:#365c53;stroke:#e0c88d;stroke-width:1.2}
#battleArena .scarab-dust{width:67px;height:42px;border:1px solid #ccb98077;border-radius:50%;background:radial-gradient(ellipse,#cbb77e22,transparent 65%)}
@media(prefers-reduced-motion:reduce){#battleArena .signature-canvas,#battleArena .signature-mark{display:none!important}}

/* Imp: copper charge snatch, jade gift. Deathhound: ivory soul and carved fangs. */
#battleArena .signature-canvas :is(.imp-charge-trace,.hound-soul-trace){fill:none;stroke-dasharray:1;stroke-dashoffset:1}
#battleArena .imp-knot{width:49px;height:49px;color:#e1b68e}
#battleArena .imp-drained{width:58px;height:58px}
#battleArena .imp-gift{width:55px;height:55px}
#battleArena .imp-charge{width:17px;height:5px;border-radius:90% 25% 25% 90%;background:linear-gradient(90deg,transparent,var(--fx-color) 65%,#fff5d9);box-shadow:3px 0 7px color-mix(in srgb,var(--fx-color) 45%,transparent)}
#battleArena .imp-charge:after{content:"";position:absolute;right:0;top:1px;width:3px;height:3px;border-radius:50%;background:#fff3d4}
#battleArena .hound-soul-trace{stroke:#c6b1e3;stroke-width:.85}
#battleArena .hound-soul{width:24px;height:7px;border-radius:90% 35% 35% 90%;background:linear-gradient(90deg,transparent,#b8a0d288 40%,#eee4f2 88%,#fff7e1);box-shadow:2px 0 7px #cbb7e433}
#battleArena .hound-soul:after{content:"";position:absolute;right:2px;top:2px;width:3px;height:3px;border-radius:50%;background:#fff6df}
#battleArena .hound-jaw{width:53px;height:42px;color:#e3d6bd;z-index:2}
#battleArena .hound-jaw .sig-core{stroke-width:1.4}
#battleArena .hound-awaken{width:68px;height:56px;border-radius:50%;background:radial-gradient(ellipse,#dac8ed55,transparent 68%)}
/* v217: pearl healing, localized storm light and physical ivory fangs. */
#battleArena .signature-canvas :is(.unicorn-ribbon,.thunderbird-bolt,.thunderbird-fork,.lycan-trail,.lycan-claw){stroke-dasharray:1;stroke-dashoffset:1;fill:none}
#battleArena .unicorn-horn{width:48px;height:64px;color:#ede1b9}
#battleArena .unicorn-horn .sig-core{stroke-width:1.1}
#battleArena .unicorn-spark{width:15px;height:5px;border-radius:90% 30% 30% 90%;background:linear-gradient(90deg,transparent,#a8d4c499,#fff5cf);box-shadow:2px 0 6px #e6edcb44}
#battleArena .unicorn-renewal{width:64px;height:78px;color:#cde8d3}
#battleArena .unicorn-renewal .sig-core{stroke-width:1.3}
#battleArena .unicorn-helix path{stroke-dasharray:1;stroke-dashoffset:inherit}
#battleArena .unicorn-purge{width:3px;height:8px;clip-path:polygon(0 0,100% 25%,70% 100%,20% 75%);background:#e1e0cf99}
#battleArena .thunderbird-charge{width:70px;height:59px;color:#b0d9e2}
#battleArena .storm-feathers{transform-origin:40px 40px}
#battleArena .thunderbird-impact{width:74px;height:72px;color:#d1e4df}
#battleArena .thunderbird-impact .sig-core{stroke-width:1.5}
#battleArena .thunderbird-afterglow{width:72px;height:64px;border-radius:50%;background:radial-gradient(ellipse,#cae3df55,transparent 66%)}
#battleArena .lycan-coil{width:53px;height:49px;color:#c6b69a}
#battleArena .lycan-coil .sig-core{stroke-width:1.2}
#battleArena .lycan-rush{width:32px;height:8px;background:linear-gradient(90deg,transparent,#b2a18b77,#ece0c4);clip-path:polygon(0 40%,90% 0,100% 45%,90% 100%,0 60%)}
#battleArena .lycan-bite{width:68px;height:66px;color:#e5d6ba}
#battleArena .lycan-fang{fill:#d8c6a326;stroke:#eddec0;stroke-width:1.3}
#battleArena .lycan-pressure{width:65px;height:47px;border-radius:50%;background:radial-gradient(ellipse,#ba886933,transparent 65%)}
/* v218: bronze petrification, ember wings and coiling deep-water linework. */
#battleArena .signature-canvas :is(.gorgon-ray,.phoenix-trail,.kraken-tentacle){fill:none;stroke-dasharray:1;stroke-dashoffset:1}
#battleArena .gorgon-eye{width:53px;height:30px;color:#b6c4a1}
#battleArena .gorgon-stone{width:62px;height:66px;color:#b8b59e}
#battleArena .stone-wash{fill:#9caa9855;stroke:#d4cfb488;stroke-width:.6}
#battleArena .stone-cracks path{stroke-width:.9;stroke-dasharray:1;stroke-dashoffset:inherit}
#battleArena .gorgon-falter{width:56px;height:53px;color:#b5bd9f}
#battleArena .phoenix-plume{width:59px;height:58px;color:#e9bd86}
#battleArena .phoenix-ember{width:22px;height:6px;border-radius:90% 20% 20% 90%;background:linear-gradient(90deg,transparent,#e69b5faa,#fff0be)}
#battleArena .phoenix-bloom{width:64px;height:55px;border-radius:50%;background:radial-gradient(ellipse,#ffdc9b55,#dd905833 40%,transparent 70%)}
#battleArena .phoenix-ash{width:4px;height:10px;background:linear-gradient(#ffe1a8,#bca28655);border-radius:80% 20%}
#battleArena .phoenix-reborn{width:79px;height:76px;color:#f2c68b;z-index:3}
#battleArena :is(.rebirth-left,.rebirth-right){transform-origin:40px 50px}
#battleArena .kraken-coil{width:55px;height:44px;color:#9dcaba}
#battleArena :is(.kraken-grasp,.kraken-strike){width:69px;height:72px;color:#add2c3}
#battleArena .kraken-grasp .sig-core{stroke-width:2.3}
#battleArena .kraken-strike .sig-core{stroke-width:1.4}
#battleArena .kraken-line path{stroke-dasharray:1;stroke-dashoffset:inherit}
/* v219: branching roots, a spectral veil, and two distinct foxfire deceptions. */
#battleArena .signature-canvas :is(.leshy-root,.leshy-rootlet,.banshee-voice,.kitsune-foxfire){fill:none;stroke-dasharray:1;stroke-dashoffset:1}
#battleArena .leshy-rootsource{width:54px;height:51px;color:#b7bd8c}
#battleArena .leshy-leaves{width:64px;height:70px;color:#b9d39e}
#battleArena .leshy-leaf{transform-origin:40px 47px}
#battleArena .leshy-leaf path{fill:#9cb98844;stroke:#d0ddb2;stroke-width:.9}
#battleArena .leshy-bark{width:58px;height:63px;color:#c0bb92}
#battleArena .banshee-shroud{width:47px;height:57px;color:#c4c7dd}
#battleArena .banshee-echo{width:58px;height:78px;color:#c7c9e3}
#battleArena .banshee-wash{fill:#bbc0d82b;stroke:#d5d3e9aa;stroke-width:.65}
#battleArena .banshee-void{fill:#14213077;stroke:#c8c4da66;stroke-width:.5}
#battleArena .kitsune-tails{width:62px;height:59px;color:#dbbba1}
#battleArena :is(.kitsune-exchange,.kitsune-confusion){width:65px;height:62px;color:#e1c6a9}
#battleArena .kitsune-double{width:56px;height:56px;border:1px solid var(--fx-color);border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--fx-color) 20%,transparent);z-index:4;background:#14232b}
#battleArena .kitsune-double .arena-art{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;border-radius:50%;display:block}
#battleArena .kitsune-double small{position:absolute;left:50%;top:100%;transform:translateX(-50%);white-space:nowrap;font:10px Georgia,serif;color:#f0e3c9;text-shadow:0 1px 3px #08121b}
/* v220: three hound impressions, a living leaf ward and a gilded aerial strike. */
#battleArena .signature-canvas :is(.cerberus-trace,.dryad-thread,.garuda-arc){fill:none;stroke-dasharray:1;stroke-dashoffset:1}
#battleArena .cerberus-crown{width:65px;height:51px;color:#c8aa8c}
#battleArena .cerberus-bite{width:76px;height:67px;color:#d9bba0}
#battleArena .cerberus-arrival{width:58px;height:58px;color:#dcc4a3}
#battleArena .cerberus-fang{fill:#bb967326;stroke:#ecd5b5;stroke-width:1.15}
#battleArena .cerberus-guard{width:59px;height:64px;color:#c7b493}
#battleArena .cerberus-pressure{width:69px;height:52px;border-radius:50%;background:radial-gradient(ellipse,#be875833,transparent 67%)}
#battleArena :is(.dryad-canopy,.dryad-fall){width:56px;height:62px;color:#bdcfad}
#battleArena .dryad-fall{color:#dbcea8}
#battleArena :is(.dryad-ward,.dryad-renewal){width:65px;height:73px;color:#bfdac2}
#battleArena .dryad-renewal{color:#d9d8ae}
#battleArena .dryad-leaf{transform-origin:40px 40px}
#battleArena .dryad-leaf path,#battleArena path.dryad-leaf{fill:#a8c4a333;stroke:currentColor;stroke-width:.9}
#battleArena .dryad-mote{width:23px;height:17px;color:var(--fx-color)}
#battleArena .garuda-wings{width:68px;height:65px;color:#e3d4ab}
#battleArena :is(.garuda-left,.garuda-right){transform-origin:40px 52px}
#battleArena .garuda-flight{width:39px;height:29px;color:#f0e2ba}
#battleArena .garuda-feather{fill:#d6c7a42b;stroke:#efdfb9;stroke-width:.8}
#battleArena .garuda-veil{width:63px;height:53px;color:#e4d7b7}
#battleArena .garuda-impact{width:72px;height:69px;color:#e9dab3}
#battleArena .garuda-impact .sig-core{stroke-width:1.35}
#battleArena .garuda-pressure{width:71px;height:53px;border-radius:50%;background:radial-gradient(ellipse,#ebe0c144,transparent 65%)}

/* v221: fine fire, horn and ice signatures, bounded to portrait size. */
#battleArena .salamander-flame{width:48px;height:67px;color:#edba86;filter:drop-shadow(0 0 3px #e2835830)}
#battleArena .salamander-flame .flame-tongue{transform-origin:40px 65px}
#battleArena .salamander-flame .sig-core{fill:#ce765021;stroke-width:1.2}
#battleArena .salamander-trail{stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 2px #d7835230)}
#battleArena .minotaur-horns{width:66px;height:65px;color:#e0c89b}
#battleArena :is(.horn-left,.horn-right){transform-origin:40px 58px}
#battleArena .minotaur-fracture{width:77px;height:73px;color:#cbb997}
#battleArena .stone-shard{transform-origin:40px 40px}
#battleArena .minotaur-track{stroke-dasharray:1;stroke-dashoffset:1}
#battleArena .yeti-frost{width:65px;height:65px;color:#c4e3e9;filter:drop-shadow(0 0 3px #c3e8ef25)}
#battleArena .frost-lattice{transform-origin:40px 40px}
#battleArena .yeti-wave{filter:drop-shadow(0 0 2px #b5dce422)}

/* v222 — authored remaining roster motifs, clock-driven and portrait-local. */
#battleArena .signature-mark[data-creature]{width:64px;height:68px;filter:drop-shadow(0 0 2px color-mix(in srgb,currentColor 18%,transparent))}
#battleArena .signature-mark[data-creature] .sig-core{stroke-width:1.1;fill:none}
#battleArena .legend-linework{transform-origin:40px 40px}
#battleArena .signature-mark.legend-mote{width:27px;height:31px;opacity:.85}
#battleArena .legend-thread{stroke-dasharray:1;stroke-dashoffset:1}
#battleArena .legend-thread-bind{stroke-dasharray:.035 .025}
#battleArena :is(.legend-evasion,.legend-meter){width:73px;height:73px}
#battleArena .signature-mark.legend-source{width:53px;height:57px}
#battleArena .signature-mark.legend-farewell{width:61px;height:67px;filter:none}
#battleArena :is(.legend-winter-antlers,.legend-hymn-wings,.legend-skybreaker){width:75px}
#battleArena :is(.legend-tide-song,.legend-serpent-tide,.legend-sacred-current,.legend-windward-silk){width:76px;height:61px}
#battleArena :is(.legend-trickster-web,.legend-false-opening){width:70px;height:70px}
#battleArena .legend-breath-seal{width:52px;height:73px}
#battleArena .legend-blood-curse{width:73px;height:68px}
#battleArena .legend-renewal .sig-core{stroke-width:1.05}
#battleArena .legend-ward .sig-core{stroke-width:1.25}
#battleArena .legend-strike .sig-core{stroke-width:1.4}
/* v224: hand-drawn leaves, prismatic arcs, water and wind on the shared clock. */
#battleArena .signature-mark.whimsy-flight{width:21px;height:25px}
#battleArena .signature-mark.whimsy-leaf{width:22px;height:19px}
#battleArena .signature-mark.whimsy-feather{width:22px;height:29px}
#battleArena .signature-mark.whimsy-drop{width:13px;height:19px}
#battleArena .whimsy-flight svg,#battleArena .whimsy-fall svg{stroke-width:1.6}
#battleArena .whimsy-fill{fill:currentColor;fill-opacity:.48;stroke-width:1.25}
#battleArena .signature-mark.whimsy-gust,#battleArena .signature-mark.whimsy-spiral,#battleArena .signature-mark.whimsy-ripple{width:88px;height:78px}
#battleArena .signature-mark.whimsy-ripple{height:56px}
#battleArena .whimsy-gust svg,#battleArena .whimsy-spiral svg,#battleArena .whimsy-ripple svg{stroke-width:1.15}
#battleArena .signature-mark.whimsy-rainbow{width:88px;height:77px;filter:drop-shadow(0 0 2px #e9ddd018)}
#battleArena .signature-mark.whimsy-star{width:15px;height:15px}
#battleArena .whimsy-wind-trace{stroke-dasharray:1;stroke-dashoffset:1}
#battleArena .whimsy-coiled-thread{stroke-width:1.25}