/* Skins de bubble y de ficha (galaxy, tormenta, fuego, neón). GENERADO por scripts/skins/hacer-skins.mjs: se retoca allí.
   Todo va en capas de background + box-shadow sobre el propio elemento: sin ::before/::after, filter, opacity ni transform. */

.bb-bubble--galaxy {
    color: #fff;
    text-shadow: 0 1px 1px #080420e6, 0 0 4px #080420cc;
    background-color: #2a1a5e;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='4' viewBox='0 0 60 4'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop offset='0' stop-color='%237fb8ff' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23cfeaff' stop-opacity='.7'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0,2L57,.9L57,3.1Z'/%3E%3Ccircle cx='57.5' cy='2' r='1.7' fill='%23fff'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='139' height='5' viewBox='0 0 139 5' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath stroke='%23fff' stroke-width='1.7' d='M107.9 3.3h.1M123.9 1.8h.1M109.8 1.5h.1M17.8 2.4h.1'/%3E%3Cpath stroke='%23ffd6f6' stroke-width='1.5' stroke-opacity='0.9' d='M12.5 2.8h.1M2.7 2.4h.1'/%3E%3Cpath stroke='%23bdf2ff' stroke-width='1.5' stroke-opacity='0.9' d='M107 1.5h.1M63.7 3.9h.1M100.2 1.6h.1'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='173' height='6' viewBox='0 0 173 6' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath stroke='%23fff' stroke-width='1.7' d='M107.9 2.1h.1M88.9 1.2h.1M7.6 3.2h.1M78.6 2.4h.1'/%3E%3Cpath stroke='%23ffd6f6' stroke-width='1.5' stroke-opacity='0.9' d='M38.5 1.5h.1M129.8 4.2h.1M55.8 3.1h.1'/%3E%3Cpath stroke='%23bdf2ff' stroke-width='1.5' stroke-opacity='0.9' d='M101.1 2.8h.1M41.7 3h.1M119.7 1.2h.1'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='43' viewBox='0 0 101 43'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath stroke='%23b9a8ff' stroke-width='1.2' stroke-opacity='0.4' d='M76.7 20.7h.1M67.7 22.6h.1M37.3 30.8h.1M1.4 20.6h.1M37.8 22.8h.1'/%3E%3Cpath stroke='%238fc6ff' stroke-width='1.1' stroke-opacity='0.36' d='M16.7 11.6h.1M20 4.1h.1'/%3E%3Cpath stroke='%23e3a8ff' stroke-width='1' stroke-opacity='0.32' d='M4.4 19.7h.1M48.2 33.8h.1M32.9 29.5h.1M54.5 1h.1M31.5 39.8h.1M42.6 30.5h.1M60.8 29.1h.1M58.9 24.9h.1M41.8 20h.1'/%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(closest-side, #ff46cd9e, #c83cff47 48%, #7828ff00),
        radial-gradient(closest-side, #32e1ff8c, #3c82ff3d 50%, #2850ff00),
        linear-gradient(100deg, #3f1e96 0%, #26165e 45%, #121a52 100%);
    background-repeat: no-repeat, repeat-x, repeat-x, repeat, no-repeat, no-repeat, no-repeat;
    background-position: -300px 1px, 0 0, 0 100%, 0 0, calc(10% - 68px) 50%, calc(90% + 60px) 50%, 0 0;
    background-size: 60px 4px, 139px max(0px, 33px - 100%), 173px max(0px, 34px - 100%), 101px 43px, 170px 320%, 150px 300%, 100% 100%;
    box-shadow: inset 0 0 0 1px #c8afff8c, inset 0 0 8px #7850ff8c, 0 0 6px #8c5affa6;
    animation: bbSkinGalaxyBubblePos 36s steps(1) infinite, bbSkinGalaxyBubbleHalo 7s steps(105) infinite;
}
@keyframes bbSkinGalaxyBubblePos {
    0% { animation-timing-function: steps(149); background-position: -300px 1px,0 0,0 100%,0 0,calc(10% - 68px) 50%,calc(90% + 60px) 50%,0 0; }
    13.7963% { background-position: -300px 1px,-38px 0,-24px 100%,-14px 0,calc(19.4% - 52px) 50%,calc(81.7% + 48px) 50%,0 0; }
    13.8889% { animation-timing-function: steps(24); background-position: -70px 1px,-39px 0,-24px 100%,-14px 0,calc(19.4% - 52px) 50%,calc(81.7% + 48px) 50%,0 0; }
    16.1111% { background-position: calc(100% + 70px) 1px,-45px 0,-28px 100%,-16px 0,calc(21% - 49px) 50%,calc(80.3% + 46px) 50%,0 0; }
    16.2037% { animation-timing-function: steps(365); background-position: -300px 1px,-45px 0,-28px 100%,-16px 0,calc(21% - 49px) 50%,calc(80.3% + 45px) 50%,0 0; }
    50% { animation-timing-function: steps(89); background-position: -300px 1px,-139px 0,-86px 100%,-50px 0,calc(44% - 10.2px) 50%,calc(60% + 15px) 50%,0 0; }
    58.2407% { background-position: -300px 1px,-162px 0,-101px 100%,-59px 0,calc(38.4% - 20px) 50%,calc(64.9% + 22px) 50%,0 0; }
    58.3333% { animation-timing-function: steps(21); background-position: -70px calc(100% - 1px),-162px 0,-101px 100%,-59px 0,calc(38.3% - 20px) 50%,calc(65% + 22px) 50%,0 0; }
    60.2778% { background-position: calc(100% + 70px) calc(100% - 1px),-168px 0,-104px 100%,-61px 0,calc(37% - 22px) 50%,calc(66.2% + 24px) 50%,0 0; }
    60.3704% { animation-timing-function: steps(428); background-position: -300px 1px,-168px 0,-104px 100%,-61px 0,calc(36.9% - 22px) 50%,calc(66.2% + 24px) 50%,0 0; }
    100% { background-position: -300px 1px,-278px 0,-173px 100%,-101px 0,calc(10% - 68px) 50%,calc(90% + 60px) 50%,0 0; }
}
@keyframes bbSkinGalaxyBubbleHalo {
    0% { box-shadow: inset 0 0 0 1px #c8afff8c, inset 0 0 8px #7850ff8c, 0 0 6px #8c5affa6; }
    50% { box-shadow: inset 0 0 0 1px #a5e4ffa6, inset 0 0 9px #3caaff80, 0 0 7px #46afffb3; }
    100% { box-shadow: inset 0 0 0 1px #c8afff8c, inset 0 0 8px #7850ff8c, 0 0 6px #8c5affa6; }
}

.bb-bubble--tormenta {
    color: #fff;
    text-shadow: 0 1px 1px #060a18e6, 0 0 4px #060a18cc;
    background-color: #2c3e63;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='300' viewBox='0 0 500 300' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='h'%3E%3Cstop offset='0' stop-color='%236f9cff' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23dcebff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%236f9cff' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cpath id='r' d='M246.5,0L238,52L256.2,60L231.9,122L252.1,130L224.8,196L243,203L218,298L222,298L249,203L231.2,196L259.9,130L240.1,122L265.8,60L248,52L257.5,0ZM233.4,122L211.6,150L221.7,157L202,196L206,196L226.3,157L216.4,150L238.6,122Z' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/defs%3E%3Crect width='500' height='300' fill='url(%23h)'/%3E%3Cuse href='%23r' fill='none' stroke='%235b9bff' stroke-opacity='.45' stroke-width='5.5'/%3E%3Cuse href='%23r' fill='none' stroke='%23cfe6ff' stroke-opacity='.9' stroke-width='2.6'/%3E%3Cuse href='%23r' fill='%23fff'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='300' viewBox='0 0 500 300' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='h'%3E%3Cstop offset='0' stop-color='%236f9cff' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23dcebff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%236f9cff' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cpath id='r' d='M235,0L249.4,44L235.6,56L261.2,114L245.3,124L267,190L255.1,198L264,298L268,298L260.9,198L273,190L252.7,124L268.8,114L244.4,56L258.6,44L245,0ZM262.6,114L285.8,142L277.8,150L295,184L299,184L282.2,150L290.2,142L267.4,114Z' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/defs%3E%3Crect width='500' height='300' fill='url(%23h)'/%3E%3Cuse href='%23r' fill='none' stroke='%235b9bff' stroke-opacity='.45' stroke-width='5.5'/%3E%3Cuse href='%23r' fill='none' stroke='%23cfe6ff' stroke-opacity='.9' stroke-width='2.6'/%3E%3Cuse href='%23r' fill='%23fff'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='54' viewBox='0 0 36 54'%3E%3Cpath d='M26.6,15.4l-2.5,7.6M31.1,29l-2.5,7.6M28.1,6.1l-2.5,7.6' stroke='%23cfe3ff' stroke-opacity='0.2' stroke-width='0.8' stroke-linecap='round' fill='none'/%3E%3Cpath d='M12.5,24.9l-2.5,7.6M19.2,16.9l-2.5,7.6' stroke='%23cfe3ff' stroke-opacity='0.36' stroke-width='0.8' stroke-linecap='round' fill='none'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118' height='11' viewBox='0 0 118 11'%3E%3Cg%3E%3Cg fill='%235270ab'%3E%3Ccircle cx='1.5' cy='2.9' r='5.3'/%3E%3Ccircle cx='119.5' cy='2.9' r='5.3'/%3E%3Ccircle cx='22.6' cy='1.2' r='4.5'/%3E%3Ccircle cx='41.8' cy='3.7' r='4'/%3E%3Ccircle cx='56.7' cy='2.1' r='4.5'/%3E%3Ccircle cx='61.1' cy='2.3' r='4.1'/%3E%3Ccircle cx='82.7' cy='2.4' r='6'/%3E%3Ccircle cx='92.3' cy='3.8' r='5'/%3E%3Ccircle cx='107.9' cy='3.6' r='6.4'/%3E%3C/g%3E%3Cg fill='%230f1629'%3E%3Crect width='118' height='2.8'/%3E%3Ccircle cx='1.5' cy='2.4' r='5.3'/%3E%3Ccircle cx='119.5' cy='2.4' r='5.3'/%3E%3Ccircle cx='22.6' cy='0.7' r='4.5'/%3E%3Ccircle cx='41.8' cy='3.2' r='4'/%3E%3Ccircle cx='56.7' cy='1.6' r='4.5'/%3E%3Ccircle cx='61.1' cy='1.8' r='4.1'/%3E%3Ccircle cx='82.7' cy='1.9' r='6'/%3E%3Ccircle cx='92.3' cy='3.3' r='5'/%3E%3Ccircle cx='107.9' cy='3.1' r='6.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(180deg, #17203a 0%, #2c3e63 60%, #415a8d 100%);
    background-repeat: no-repeat, no-repeat, repeat, repeat-x, no-repeat;
    background-position: -400px 0, -400px 0, 0 0, 0 -2px, 0 0;
    background-size: 135px 100%, 135px 100%, 36px 54px, 118px 11px, 100% 100%;
    box-shadow: inset 0 0 0 1px #a5c3f573, inset 0 0 0 60px #c8e1ff00, 0 0 5px #5078c880;
    animation: bbSkinTormentaBubblePos 13s steps(1) infinite, bbSkinTormentaBubbleLuz 13s steps(1) infinite;
}
@keyframes bbSkinTormentaBubblePos {
    0% { animation-timing-function: steps(35); background-position: -400px 0,-400px 0,0 0,0 -2px,0 0; }
    8.9744% { background-position: -400px 0,-400px 0,-61px 184px,-21px -2px,0 0; }
    9.2308% { background-position: calc(26% - 32px) 0,-400px 0,-63px 189px,-22px -2px,0 0; }
    9.4872% { background-position: calc(26% - 32px) 0,-400px 0,-65px 195px,-22px -2px,0 0; }
    9.7436% { background-position: -400px 0,-400px 0,-67px 200px,-23px -2px,0 0; }
    10% { animation-timing-function: steps(3); background-position: calc(26% - 32px) 0,-400px 0,-68px 205px,-24px -2px,0 0; }
    10.7692% { background-position: calc(26% - 32px) 0,-400px 0,-74px 221px,-25px -2px,0 0; }
    11.0256% { animation-timing-function: steps(103); background-position: -400px 0,-400px 0,-75px 226px,-26px -2px,0 0; }
    37.4359% { background-position: -400px 0,-400px 0,-256px 768px,-88px -2px,0 0; }
    37.6923% { background-position: -400px 0,calc(72% + 30px) 0,-258px 773px,-89px -2px,0 0; }
    37.9487% { background-position: -400px 0,calc(72% + 30px) 0,-260px 779px,-90px -2px,0 0; }
    38.2051% { background-position: -400px 0,-400px 0,-261px 784px,-90px -2px,0 0; }
    38.4615% { background-position: -400px 0,calc(72% + 30px) 0,-263px 789px,-91px -2px,0 0; }
    38.7179% { background-position: -400px 0,calc(72% + 30px) 0,-265px 794px,-91px -2px,0 0; }
    38.9744% { background-position: -400px 0,-400px 0,-267px 800px,-92px -2px,0 0; }
    39.2308% { animation-timing-function: steps(4); background-position: -400px 0,calc(72% + 30px) 0,-268px 805px,-93px -2px,0 0; }
    40.2564% { background-position: -400px 0,calc(72% + 30px) 0,-275px 826px,-95px -2px,0 0; }
    40.5128% { animation-timing-function: steps(123); background-position: -400px 0,-400px 0,-277px 831px,-96px -2px,0 0; }
    72.0513% { background-position: -400px 0,-400px 0,-493px 1478px,-170px -2px,0 0; }
    72.3077% { background-position: calc(56% + 8.1px) 0,-400px 0,-495px 1484px,-171px -2px,0 0; }
    72.5641% { background-position: calc(56% + 8.1px) 0,-400px 0,-496px 1489px,-171px -2px,0 0; }
    72.8205% { background-position: -400px 0,-400px 0,-498px 1494px,-172px -2px,0 0; }
    73.0769% { background-position: -400px 0,-400px 0,-500px 1500px,-172px -2px,0 0; }
    73.3333% { animation-timing-function: steps(2); background-position: calc(56% + 8.1px) 0,-400px 0,-502px 1505px,-173px -2px,0 0; }
    73.8462% { background-position: calc(56% + 8.1px) 0,-400px 0,-505px 1515px,-174px -2px,0 0; }
    74.1026% { animation-timing-function: steps(101); background-position: -400px 0,-400px 0,-507px 1521px,-175px -2px,0 0; }
    100% { background-position: -400px 0,-400px 0,-684px 2052px,-236px -2px,0 0; }
}
@keyframes bbSkinTormentaBubbleLuz {
    0% { box-shadow: inset 0 0 0 1px #a5c3f573, inset 0 0 0 60px #c8e1ff00, 0 0 5px #5078c880; }
    8.9744% { box-shadow: inset 0 0 0 1px #a5c3f573, inset 0 0 0 60px #c8e1ff00, 0 0 5px #5078c880; }
    9.2308% { box-shadow: inset 0 0 0 1px #f0f7fff2, inset 0 0 0 60px #c8e1ff24, 0 0 9px 1px #afd4fff2; }
    11.0256% { animation-timing-function: steps(12); box-shadow: inset 0 0 0 1px #f0f7fff2, inset 0 0 0 60px #c8e1ff24, 0 0 9px 1px #afd4fff2; }
    14.1026% { box-shadow: inset 0 0 0 1px #a5c3f573, inset 0 0 0 60px #c8e1ff00, 0 0 5px #5078c880; }
    37.4359% { box-shadow: inset 0 0 0 1px #a5c3f573, inset 0 0 0 60px #c8e1ff00, 0 0 5px #5078c880; }
    37.6923% { box-shadow: inset 0 0 0 1px #f0f7fff2, inset 0 0 0 60px #c8e1ff24, 0 0 9px 1px #afd4fff2; }
    40.5128% { animation-timing-function: steps(12); box-shadow: inset 0 0 0 1px #f0f7fff2, inset 0 0 0 60px #c8e1ff24, 0 0 9px 1px #afd4fff2; }
    43.5897% { box-shadow: inset 0 0 0 1px #a5c3f573, inset 0 0 0 60px #c8e1ff00, 0 0 5px #5078c880; }
    72.0513% { box-shadow: inset 0 0 0 1px #a5c3f573, inset 0 0 0 60px #c8e1ff00, 0 0 5px #5078c880; }
    72.3077% { box-shadow: inset 0 0 0 1px #f0f7fff2, inset 0 0 0 60px #c8e1ff24, 0 0 9px 1px #afd4fff2; }
    74.1026% { animation-timing-function: steps(12); box-shadow: inset 0 0 0 1px #f0f7fff2, inset 0 0 0 60px #c8e1ff24, 0 0 9px 1px #afd4fff2; }
    77.1795% { box-shadow: inset 0 0 0 1px #a5c3f573, inset 0 0 0 60px #c8e1ff00, 0 0 5px #5078c880; }
    100% { box-shadow: inset 0 0 0 1px #a5c3f573, inset 0 0 0 60px #c8e1ff00, 0 0 5px #5078c880; }
}

.bb-bubble--fuego {
    color: #fff;
    text-shadow: 0 1px 1px #280400f2, 0 0 4px #280400d9;
    background-color: #7a1f10;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='71' height='53' viewBox='0 0 71 53'%3E%3Cdefs%3E%3CradialGradient id='b'%3E%3Cstop offset='0' stop-color='%23ffc56b' stop-opacity='.75'/%3E%3Cstop offset='1' stop-color='%23ff6a1a' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='15.6' cy='43.4' r='2.4' fill='url(%23b)' opacity='0.8'/%3E%3Ccircle cx='12.4' cy='41.5' r='3.2' fill='url(%23b)' opacity='0.6'/%3E%3Ccircle cx='50.5' cy='35.8' r='2' fill='url(%23b)' opacity='0.85'/%3E%3Ccircle cx='20' cy='46.4' r='2.8' fill='url(%23b)' opacity='0.7'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='100' viewBox='0 0 38 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff2a8' stop-opacity='0'/%3E%3Cstop offset='0.18' stop-color='%23ffd54a' stop-opacity='0.95'/%3E%3Cstop offset='0.6' stop-color='%23ffb62e'/%3E%3Cstop offset='1' stop-color='%23ff9a1f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0,100V72.8C0.3,47 3.5,47 2.7,21.2C7.4,38.1 13.3,33.3 13.9,81.7C14.1,40.9 17.5,40.9 16.7,0C21.2,19.6 26.5,14 27.1,69.9C27.5,30.3 30.6,34.2 34.3,20.4C33.6,46.6 37.8,46.6 38,72.8V100Z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='100' viewBox='0 0 58 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffb02e' stop-opacity='0'/%3E%3Cstop offset='0.14' stop-color='%23ff8a1c' stop-opacity='0.92'/%3E%3Cstop offset='0.55' stop-color='%23ff6a12'/%3E%3Cstop offset='1' stop-color='%23f2500c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0,100V79.2C0.4,47.8 4.7,47.8 3.6,16.4C10,33 18.1,28.3 18.8,75.8C19.6,15.2 26.1,21.2 32.6,0C31.4,36.1 37.6,36.1 37.9,72.3C38.8,52 44.4,54 51.2,46.9C50,63.1 57.6,63.1 58,79.2V100Z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='100' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ff5a14' stop-opacity='0'/%3E%3Cstop offset='0.16' stop-color='%23e23a10' stop-opacity='0.9'/%3E%3Cstop offset='0.6' stop-color='%23c22a0c'/%3E%3Cstop offset='1' stop-color='%23a01f08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0,100V76.4C0.8,28.7 7.1,33.4 14,16.7C12.8,47.6 19.9,47.6 20.3,78.5C20.7,39.2 26.7,39.2 25.4,0C32.6,24.5 40.6,17.5 41.4,87.6C41.8,53.7 46.3,53.7 45.2,19.8C51.7,38.7 60,33.3 60.7,87.1C61.7,36.5 71.2,41.5 79.2,23.8C77.8,50.1 83.5,50.1 84,76.4V100Z'/%3E%3C/svg%3E"),
        linear-gradient(180deg, #1c0504 0%, #4e0f07 50%, #96260f 100%);
    background-repeat: repeat, repeat-x, repeat-x, repeat-x, no-repeat;
    background-position: 0 0, 0 calc(100% + 0.9px), 0 calc(100% + 1.9px), 0 calc(100% + 1.6px), 0 0;
    background-size: 71px 53px, 38px max(0px, 37px - 100%), 58px 14px, 84px 21px, 100% 100%;
    box-shadow: inset 0 0 0 1px #ffa04680, inset 0 -6px 8px -3px #ffc846b3, 0 0 6px #ff6914b3;
    animation: bbSkinFuegoBubblePos 8s steps(15) infinite, bbSkinFuegoBubbleHalo 2.3s steps(7) infinite;
}
@keyframes bbSkinFuegoBubblePos {
    0% { background-position: 0 0,0 calc(100% + 0.9px),0 calc(100% + 1.9px),0 calc(100% + 1.6px),0 0; }
    6.25% { background-position: 4.4px -9.9px,-14px calc(100% + 1.2px),10.9px calc(100% + 0.7px),-10.5px calc(100% + 2.2px),0 0; }
    12.5% { background-position: 8.9px -20px,-28px calc(100% + 0.9px),22px calc(100% + 3.1px),-21px calc(100% + 2.3px),0 0; }
    18.75% { background-position: 13px -30px,-43px calc(100% + 2.8px),33px calc(100% + 2.8px),-31px calc(100% + 4.8px),0 0; }
    25% { background-position: 18px -40px,-57px calc(100% + 1.6px),44px calc(100% + 2px),-42px calc(100% + 1.9px),0 0; }
    31.25% { background-position: 22px -50px,-71px calc(100% + 1.4px),54px calc(100% + 1.3px),-52px calc(100% + 2px),0 0; }
    37.5% { background-position: 27px -60px,-85px calc(100% + 0.7px),65px calc(100% + 1.1px),-63px calc(100% + 1.3px),0 0; }
    43.75% { background-position: 31px -70px,-100px calc(100% + 1.2px),76px calc(100% + 2.3px),-73px calc(100% + 2.8px),0 0; }
    50% { background-position: 36px -79px,-114px calc(100% + 2px),87px calc(100% + 2.9px),-84px calc(100% + 3.7px),0 0; }
    56.25% { background-position: 40px -89px,-128px calc(100% + 2.3px),98px calc(100% + 2.9px),-94px calc(100% + 3.3px),0 0; }
    62.5% { background-position: 44px -99px,-142px calc(100% + 1.5px),109px calc(100% + 0.7px),-105px calc(100% + 1.7px),0 0; }
    68.75% { background-position: 49px -109px,-157px calc(100% + 0.6px),120px calc(100% + 1.8px),-115px calc(100% + 1.1px),0 0; }
    75% { background-position: 53px -119px,-171px calc(100% + 1.5px),131px calc(100% + 1.2px),-126px calc(100% + 2.9px),0 0; }
    81.25% { background-position: 58px -129px,-185px calc(100% + 1.1px),141px calc(100% + 3.1px),-136px calc(100% + 2.6px),0 0; }
    87.5% { background-position: 62px -139px,-199px calc(100% + 2.9px),152px calc(100% + 3px),-147px calc(100% + 4.7px),0 0; }
    93.75% { background-position: 67px -149px,-214px calc(100% + 1.4px),163px calc(100% + 1px),-157px calc(100% + 1.4px),0 0; }
    100% { background-position: 71px -159px,-228px calc(100% + 0.9px),174px calc(100% + 1.9px),-168px calc(100% + 1.6px),0 0; }
}
@keyframes bbSkinFuegoBubbleHalo {
    0% { animation-timing-function: steps(10); box-shadow: inset 0 0 0 1px #ffa04680, inset 0 -6px 8px -3px #ffc846b3, 0 0 6px #ff6914b3; }
    14.4928% { animation-timing-function: steps(9); box-shadow: inset 0 0 0 1px #ffc36e99, inset 0 -8px 10px -3px #ffd45acc, 0 0 8px 1px #ff7819cc; }
    27.5362% { animation-timing-function: steps(9); box-shadow: inset 0 0 0 1px #ffa04680, inset 0 -6px 8px -3px #ffc846b3, 0 0 6px #ff6914b3; }
    40.5797% { animation-timing-function: steps(8); box-shadow: inset 0 0 0 1px #ff8c3c66, inset 0 -4px 6px -3px #ffb43c8c, 0 0 4px #ff64148c; }
    52.1739% { box-shadow: inset 0 0 0 1px #ffc36e99, inset 0 -8px 10px -3px #ffd45acc, 0 0 8px 1px #ff7819cc; }
    62.3188% { animation-timing-function: steps(11); box-shadow: inset 0 0 0 1px #ff8c3c66, inset 0 -4px 6px -3px #ffb43c8c, 0 0 4px #ff64148c; }
    78.2609% { box-shadow: inset 0 0 0 1px #ffa04680, inset 0 -6px 8px -3px #ffc846b3, 0 0 6px #ff6914b3; }
    88.4058% { animation-timing-function: steps(8); box-shadow: inset 0 0 0 1px #ffc36e99, inset 0 -8px 10px -3px #ffd45acc, 0 0 8px 1px #ff7819cc; }
    100% { box-shadow: inset 0 0 0 1px #ffa04680, inset 0 -6px 8px -3px #ffc846b3, 0 0 6px #ff6914b3; }
}

.bb-bubble--neon {
    color: #fff;
    text-shadow: 0 1px 1px #060014f2, 0 0 4px #060014d9;
    background-color: #1b1035;
    background-image:
        linear-gradient(108deg, #ffffff00 18%, #78f0ff4d 42%, #ffffff80 50%, #ff6ee64d 58%, #ffffff00 82%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M.5,0V14' stroke='%233fe9ff' stroke-opacity='0.17'/%3E%3Cpath d='M0,.5H14' stroke='%23ff4fd8' stroke-opacity='0.17'/%3E%3C/svg%3E"),
        radial-gradient(closest-side, #ff28c899, #ff28c800),
        radial-gradient(closest-side, #28e4ff8c, #28e4ff00),
        linear-gradient(90deg, #1d0b38 0%, #0d0720 50%, #0a1233 100%);
    background-repeat: no-repeat, repeat, no-repeat, no-repeat, no-repeat;
    background-position: -300px 0, 0 0, calc(4% - 78px) 50%, calc(96% + 78px) 50%, 0 0;
    background-size: 110px 100%, 14px 14px, 170px 320%, 170px 320%, 100% 100%;
    box-shadow: inset 0 0 0 1.5px #ff78e8ff, inset 0 0 9px 1px #ff28c8b3, 0 0 7px 1px #ff28c8e6;
    animation: bbSkinNeonBubblePos 11s steps(1) infinite, bbSkinNeonBubbleHalo 5.2s steps(1) infinite;
}
@keyframes bbSkinNeonBubblePos {
    0% { animation-timing-function: steps(47); background-position: -300px 0,0 0,calc(4% - 78px) 50%,calc(96% + 78px) 50%,0 0; }
    14.2424% { background-position: -300px 0,-8px 4px,calc(11.4% - 66px) 50%,calc(88.6% + 66px) 50%,0 0; }
    14.5455% { animation-timing-function: steps(27); background-position: -120px 0,-8.1px 4.1px,calc(11.6% - 65px) 50%,calc(88.4% + 65px) 50%,0 0; }
    22.7273% { background-position: calc(100% + 120px) 0,-13px 6.4px,calc(15.8% - 58px) 50%,calc(84.2% + 58px) 50%,0 0; }
    23.0303% { animation-timing-function: steps(89); background-position: -300px 0,-13px 6.4px,calc(16% - 58px) 50%,calc(84% + 58px) 50%,0 0; }
    50% { animation-timing-function: steps(122); background-position: -300px 0,-28px 14px,calc(30% - 34px) 50%,calc(70% + 34px) 50%,0 0; }
    86.9697% { background-position: -300px 0,-49px 24px,calc(10.8% - 67px) 50%,calc(89.2% + 67px) 50%,0 0; }
    87.2727% { animation-timing-function: steps(24); background-position: -120px 0,-49px 24px,calc(10.6% - 67px) 50%,calc(89.4% + 67px) 50%,0 0; }
    94.5455% { background-position: calc(100% + 120px) 0,-53px 26px,calc(6.8% - 73px) 50%,calc(93.2% + 73px) 50%,0 0; }
    94.8485% { animation-timing-function: steps(17); background-position: -300px 0,-53px 27px,calc(6.7% - 74px) 50%,calc(93.3% + 74px) 50%,0 0; }
    100% { background-position: -300px 0,-56px 28px,calc(4% - 78px) 50%,calc(96% + 78px) 50%,0 0; }
}
@keyframes bbSkinNeonBubbleHalo {
    0% { box-shadow: inset 0 0 0 1.5px #ff78e8ff, inset 0 0 9px 1px #ff28c8b3, 0 0 7px 1px #ff28c8e6; }
    17.3077% { box-shadow: inset 0 0 0 1.5px #ff78e8ff, inset 0 0 9px 1px #ff28c8b3, 0 0 7px 1px #ff28c8e6; }
    17.9487% { box-shadow: inset 0 0 0 1.5px #ff78e859, inset 0 0 9px 1px #ff28c83d, 0 0 7px 1px #ff28c852; }
    18.5897% { box-shadow: inset 0 0 0 1.5px #ff78e8ff, inset 0 0 9px 1px #ff28c8b3, 0 0 7px 1px #ff28c8e6; }
    19.2308% { animation-timing-function: steps(2); box-shadow: inset 0 0 0 1.5px #ff78e880, inset 0 0 9px 1px #ff28c859, 0 0 7px 1px #ff28c873; }
    20.5128% { animation-timing-function: steps(21); box-shadow: inset 0 0 0 1.5px #ff78e8ff, inset 0 0 9px 1px #ff28c8b3, 0 0 7px 1px #ff28c8e6; }
    33.9744% { animation-timing-function: steps(22); box-shadow: inset 0 0 0 1.5px #be96fff2, inset 0 0 9px 1px #9650ffa8, 0 0 7px 1px #9650ffd9; }
    48.0769% { box-shadow: inset 0 0 0 1.5px #82f2ffff, inset 0 0 9px 1px #28e1ffb3, 0 0 7px 1px #28e1ffe6; }
    67.3077% { box-shadow: inset 0 0 0 1.5px #82f2ffff, inset 0 0 9px 1px #28e1ffb3, 0 0 7px 1px #28e1ffe6; }
    67.9487% { box-shadow: inset 0 0 0 1.5px #82f2ff66, inset 0 0 9px 1px #28e1ff47, 0 0 7px 1px #28e1ff5c; }
    68.5897% { animation-timing-function: steps(24); box-shadow: inset 0 0 0 1.5px #82f2ffff, inset 0 0 9px 1px #28e1ffb3, 0 0 7px 1px #28e1ffe6; }
    83.9744% { animation-timing-function: steps(25); box-shadow: inset 0 0 0 1.5px #be96fff2, inset 0 0 9px 1px #9650ffa8, 0 0 7px 1px #9650ffd9; }
    100% { box-shadow: inset 0 0 0 1.5px #ff78e8ff, inset 0 0 9px 1px #ff28c8b3, 0 0 7px 1px #ff28c8e6; }
}

.bb-ficha--galaxy {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='30' viewBox='0 0 96 30'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='0' y1='2' x2='90' y2='24'%3E%3Cstop offset='0' stop-color='%237fb8ff' stop-opacity='0'/%3E%3Cstop offset='.65' stop-color='%23bfe4ff' stop-opacity='.65'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0,1.6L90,22.2L90,25.8Z'/%3E%3Ccircle cx='90' cy='24' r='5' fill='%23bfe4ff' opacity='.35'/%3E%3Ccircle cx='90' cy='24' r='2.4' fill='%23fff'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7' fill='%238fe6ff' opacity='.28'/%3E%3Cpath fill='%23fff' d='M12,1Q12,12 23,12Q12,12 12,23Q12,12 1,12Q12,12 12,1Z'/%3E%3Ccircle cx='12' cy='12' r='2.4' fill='%23fff'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7' fill='%23ff9cf0' opacity='.28'/%3E%3Cpath fill='%23fff' d='M12,1Q12,12 23,12Q12,12 12,23Q12,12 1,12Q12,12 12,1Z'/%3E%3Ccircle cx='12' cy='12' r='2.4' fill='%23fff'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='263' height='199' viewBox='0 0 263 199'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath stroke='%23fff' stroke-width='2.6' d='M139.4 120.7h.1M47.8 55.5h.1M156.8 114.5h.1'/%3E%3Cpath stroke='%23d5dcff' stroke-width='2.1' stroke-opacity='0.9' d='M139.3 120.8h.1M223 107h.1M126.3 167.1h.1M175.9 135.2h.1M99.4 115.7h.1M221.3 159.6h.1'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M85.4,117.8Q85.4,122.8 90.4,122.8Q85.4,122.8 85.4,127.8Q85.4,122.8 80.4,122.8Q85.4,122.8 85.4,117.8Z'/%3E%3Ccircle cx='85.4' cy='122.8' r='1.1' fill='%23fff'/%3E%3Cpath fill='%23fff' d='M18.3,141.5Q18.3,145.5 22.3,145.5Q18.3,145.5 18.3,149.5Q18.3,145.5 14.3,145.5Q18.3,145.5 18.3,141.5Z'/%3E%3Ccircle cx='18.3' cy='145.5' r='0.9' fill='%23fff'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='191' height='233' viewBox='0 0 191 233'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath stroke='%23fff' stroke-width='1.8' stroke-opacity='0.9' d='M13.8 147h.1M135 49.2h.1M187.3 195h.1M161 54.1h.1M149.1 37.2h.1'/%3E%3Cpath stroke='%23d5dcff' stroke-width='1.5' stroke-opacity='0.8' d='M62.1 50.4h.1M141.2 13.6h.1M124.9 228.9h.1M56.2 12.9h.1'/%3E%3Cpath stroke='%23ffd6f6' stroke-width='1.5' stroke-opacity='0.8' d='M181.4 192h.1M71.1 118.5h.1M41.9 72.7h.1M170.5 221.1h.1M101.2 174.6h.1'/%3E%3Cpath stroke='%23bdf2ff' stroke-width='1.3' stroke-opacity='0.75' d='M145.8 208h.1M123.1 188.7h.1M123.1 74.4h.1M39.3 92h.1M31.2 158.2h.1M147.8 1.8h.1'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='127' height='163' viewBox='0 0 127 163'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath stroke='%23fff' stroke-width='1.1' stroke-opacity='0.6' d='M121.2 104h.1M94.3 150.5h.1M95.4 51.1h.1M39.4 144.8h.1M15.2 13.8h.1M41.7 138.3h.1M117 116h.1M5.5 43.9h.1'/%3E%3Cpath stroke='%23c9c4ff' stroke-width='1.2' stroke-opacity='0.5' d='M126 4.9h.1M76 129.2h.1M95.1 18.2h.1M20.2 107.3h.1M60.2 94.3h.1M16.9 147.4h.1M88.3 51.8h.1M52.3 127.9h.1M124.6 100.5h.1M62.4 19.3h.1M34.8 62.8h.1M26.3 69.9h.1'/%3E%3Cpath stroke='%23a9d8ff' stroke-width='1' stroke-opacity='0.5' d='M25.4 95.8h.1M121.6 37.3h.1M45.8 58.8h.1M16.6 36.4h.1M22.8 35.9h.1M3.3 92.3h.1M114.4 8.7h.1M62.5 50.7h.1M60.9 55.2h.1M101 147.7h.1'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3CradialGradient id='p' cx='.34' cy='.3' r='.85'%3E%3Cstop offset='0' stop-color='%23ffc4f3'/%3E%3Cstop offset='.45' stop-color='%23c466ff'/%3E%3Cstop offset='1' stop-color='%233a1b8e'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform='rotate(-22 20 20)' fill='none' stroke-linecap='round'%3E%3Cpath d='M2,20A18,5.4 0 0 1 38,20' stroke='%237fe9ff' stroke-opacity='.45' stroke-width='2'/%3E%3Ccircle cx='20' cy='20' r='10.5' fill='url(%23p)'/%3E%3Cpath d='M2,20A18,5.4 0 0 0 38,20' stroke='%239ff0ff' stroke-width='2.2'/%3E%3Cpath d='M5,21.2A15,4 0 0 0 35,21.2' stroke='%23fff' stroke-opacity='.55' stroke-width='.8'/%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(closest-side, #ff46cd9e, #c83cff47 48%, #7828ff00),
        radial-gradient(closest-side, #32e1ff8c, #3c82ff3d 50%, #2850ff00),
        linear-gradient(155deg, #45209e 0%, #2a1a5e 34%, #150b38 68%, #0b1440 100%);
    background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: -300px 0, 84% 136px, 22% 96px, 0 0, 40px 0, 0 0, 64px 98px, calc(14% - 119px) calc(10% - 114px), calc(86% + 110px) calc(90% + 130px), 0 0;
    background-size: 96px 30px, 20px 20px, 14px 14px, 263px 199px, 191px 233px, 127px 163px, 36px 36px, 330px 285px, 305px 325px, 100% 100%;
    box-shadow: inset 0 0 0 1px #cdb4ff66, inset 0 0 22px #7846ff8c, 0 0 12px 1px #8755ff99;
    animation: bbSkinGalaxyFichaPos 48s steps(1) infinite, bbSkinGalaxyFichaTam 9s steps(16) infinite, bbSkinGalaxyFichaHalo 8s steps(120) infinite;
}
@keyframes bbSkinGalaxyFichaPos {
    0% { animation-timing-function: steps(149); background-position: -300px 0,84% 136px,22% 96px,0 0,40px 0,0 0,64px 98px,calc(14% - 119px) calc(10% - 114px),calc(86% + 110px) calc(90% + 130px),0 0; }
    10.3472% { background-position: -300px 0,84% 136px,22% 96px,-82px 21px,0.5px 0,-13px 0,64px 98px,calc(20.6% - 97px) calc(14.1% - 102px),calc(80.2% + 92px) calc(85% + 114px),0 0; }
    10.4167% { animation-timing-function: steps(27); background-position: -110px 6%,84% 136px,22% 96px,-82px 21px,0.2px 0,-13px 0,64px 98px,calc(20.7% - 97px) calc(14.2% - 102px),calc(80.2% + 92px) calc(85% + 114px),0 0; }
    12.2917% { background-position: calc(100% + 110px) calc(6% + 70px),84% 136px,22% 96px,-97px 24px,-7px 0,-16px 0,64px 98px,calc(21.9% - 93px) calc(14.9% - 100px),calc(79.1% + 89px) calc(84.1% + 111px),0 0; }
    12.3611% { animation-timing-function: steps(542); background-position: -300px 0,84% 136px,22% 96px,-98px 25px,-7.2px 0,-16px 0,64px 98px,calc(21.9% - 93px) calc(14.9% - 100px),calc(79.1% + 89px) calc(84.1% + 111px),0 0; }
    50% { animation-timing-function: steps(149); background-position: -300px 0,84% 136px,22% 96px,-394px 100px,-151px 0,-63px 0,64px 98px,calc(46% - 13px) calc(30% - 57px),calc(58% + 24px) calc(66% + 52px),0 0; }
    60.3472% { background-position: -300px 0,84% 136px,22% 96px,-476px 120px,-191px 0,-77px 0,64px 98px,calc(39.4% - 35px) calc(25.9% - 69px),calc(63.8% + 42px) calc(71% + 68px),0 0; }
    60.4167% { animation-timing-function: steps(27); background-position: -110px 42%,84% 136px,22% 96px,-477px 120px,-191px 0,-77px 0,64px 98px,calc(39.3% - 35px) calc(25.8% - 69px),calc(63.8% + 42px) calc(71% + 68px),0 0; }
    62.2917% { background-position: calc(100% + 110px) calc(42% + 70px),84% 136px,22% 96px,-491px 124px,-198px 0,-79px 0,64px 98px,calc(38.1% - 39px) calc(25.1% - 71px),calc(64.9% + 45px) calc(71.9% + 71px),0 0; }
    62.3611% { animation-timing-function: steps(542); background-position: -300px 0,84% 136px,22% 96px,-492px 124px,-198px 0,-79px 0,64px 98px,calc(38.1% - 39px) calc(25.1% - 71px),calc(64.9% + 46px) calc(71.9% + 71px),0 0; }
    100% { background-position: -300px 0,84% 136px,22% 96px,-789px 199px,-342px 0,-127px 0,64px 98px,calc(14% - 119px) calc(10% - 114px),calc(86% + 110px) calc(90% + 130px),0 0; }
}
@keyframes bbSkinGalaxyFichaTam {
    0% { animation-timing-function: steps(24); background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,330px 285px,305px 325px,100% 100%; }
    8.8889% { animation-timing-function: steps(10); background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,344px 297px,293px 313px,100% 100%; }
    12.5926% { animation-timing-function: steps(5); background-size: 96px 30px,22px 22px,0 0,263px 199px,191px 233px,127px 163px,36px 36px,350px 302px,288px 308px,100% 100%; }
    14.4444% { background-size: 96px 30px,22px 22px,0 0,263px 199px,191px 233px,127px 163px,36px 36px,353px 305px,285px 305px,100% 100%; }
    20.3704% { animation-timing-function: steps(13); background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,362px 313px,277px 297px,100% 100%; }
    25.1852% { animation-timing-function: steps(19); background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,370px 320px,270px 290px,100% 100%; }
    32.2222% { animation-timing-function: steps(10); background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,359px 310px,280px 300px,100% 100%; }
    35.9259% { animation-timing-function: steps(5); background-size: 96px 30px,0 0,16px 16px,263px 199px,191px 233px,127px 163px,36px 36px,353px 305px,285px 305px,100% 100%; }
    37.7778% { background-size: 96px 30px,0 0,16px 16px,263px 199px,191px 233px,127px 163px,36px 36px,350px 302px,288px 308px,100% 100%; }
    43.7037% { animation-timing-function: steps(17); background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,340px 294px,296px 316px,100% 100%; }
    50% { animation-timing-function: steps(21); background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,330px 285px,305px 325px,100% 100%; }
    57.7778% { animation-timing-function: steps(10); background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,318px 274px,316px 336px,100% 100%; }
    61.4815% { animation-timing-function: steps(5); background-size: 96px 30px,18px 18px,0 0,263px 199px,191px 233px,127px 163px,36px 36px,312px 269px,321px 341px,100% 100%; }
    63.3333% { background-size: 96px 30px,18px 18px,0 0,263px 199px,191px 233px,127px 163px,36px 36px,309px 266px,324px 344px,100% 100%; }
    69.2593% { background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,299px 258px,332px 352px,100% 100%; }
    75.1852% { background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,290px 250px,340px 360px,100% 100%; }
    81.1111% { animation-timing-function: steps(10); background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,300px 258px,332px 352px,100% 100%; }
    84.8148% { animation-timing-function: steps(5); background-size: 96px 30px,0 0,18px 18px,263px 199px,191px 233px,127px 163px,36px 36px,306px 264px,326px 346px,100% 100%; }
    86.6667% { background-size: 96px 30px,0 0,18px 18px,263px 199px,191px 233px,127px 163px,36px 36px,309px 266px,324px 344px,100% 100%; }
    92.5926% { animation-timing-function: steps(20); background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,318px 275px,315px 335px,100% 100%; }
    100% { background-size: 96px 30px,0 0,0 0,263px 199px,191px 233px,127px 163px,36px 36px,330px 285px,305px 325px,100% 100%; }
}
@keyframes bbSkinGalaxyFichaHalo {
    0% { box-shadow: inset 0 0 0 1px #cdb4ff66, inset 0 0 22px #7846ff8c, 0 0 12px 1px #8755ff99; }
    50% { box-shadow: inset 0 0 0 1px #a0e4ff80, inset 0 0 28px #28a0ff80, 0 0 17px 2px #3cafffb3; }
    100% { box-shadow: inset 0 0 0 1px #cdb4ff66, inset 0 0 22px #7846ff8c, 0 0 12px 1px #8755ff99; }
}

.bb-ficha--tormenta {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='h' cy='.42'%3E%3Cstop offset='0' stop-color='%23dcebff' stop-opacity='.78'/%3E%3Cstop offset='.45' stop-color='%238fb8ff' stop-opacity='.34'/%3E%3Cstop offset='1' stop-color='%236f9cff' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cpath id='r' d='M146.5,0L138.2,52L156.4,60L132.3,122L152.6,130L125.5,196L143.7,203L119,298L121,298L148.3,203L130.5,196L159.4,130L139.7,122L165.6,60L147.8,52L157.5,0ZM133.4,122L112,150L122.2,157L103,196L105,196L125.8,157L116,150L138.6,122Z' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/defs%3E%3Crect width='300' height='300' fill='url(%23h)'/%3E%3Cuse href='%23r' fill='none' stroke='%235b9bff' stroke-opacity='.45' stroke-width='7'/%3E%3Cuse href='%23r' fill='none' stroke='%23cfe6ff' stroke-opacity='.9' stroke-width='3'/%3E%3Cuse href='%23r' fill='%23fff'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='h' cy='.42'%3E%3Cstop offset='0' stop-color='%23dcebff' stop-opacity='.78'/%3E%3Cstop offset='.45' stop-color='%238fb8ff' stop-opacity='.34'/%3E%3Cstop offset='1' stop-color='%236f9cff' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cpath id='r' d='M135,0L149.6,44L135.8,56L161.5,114L145.8,124L167.6,190L155.8,198L165,298L167,298L160.2,198L172.4,190L152.2,124L168.5,114L144.2,56L158.4,44L145,0ZM162.6,114L186.2,142L178.4,150L196,184L198,184L181.6,150L189.8,142L167.4,114Z' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/defs%3E%3Crect width='300' height='300' fill='url(%23h)'/%3E%3Cuse href='%23r' fill='none' stroke='%235b9bff' stroke-opacity='.45' stroke-width='7'/%3E%3Cuse href='%23r' fill='none' stroke='%23cfe6ff' stroke-opacity='.9' stroke-width='3'/%3E%3Cuse href='%23r' fill='%23fff'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='h' cy='.42'%3E%3Cstop offset='0' stop-color='%23dcebff' stop-opacity='.78'/%3E%3Cstop offset='.45' stop-color='%238fb8ff' stop-opacity='.34'/%3E%3Cstop offset='1' stop-color='%236f9cff' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cpath id='r' d='M144.5,0L140.2,38L153.5,48L144.4,96L151.6,96L162.5,48L149.8,38L155.5,0ZM144.4,96L124.9,134L137.1,142L113.9,204L125,211L105,290L107,290L129,211L118.1,204L142.9,142L131.1,134L151.6,96ZM144.6,96L164,130L154.2,140L179.9,200L170,208L192,298L194,298L174,208L184.1,200L159.8,140L170,130L151.4,96Z' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/defs%3E%3Crect width='300' height='300' fill='url(%23h)'/%3E%3Cuse href='%23r' fill='none' stroke='%235b9bff' stroke-opacity='.45' stroke-width='7'/%3E%3Cuse href='%23r' fill='none' stroke='%23cfe6ff' stroke-opacity='.9' stroke-width='3'/%3E%3Cuse href='%23r' fill='%23fff'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='160' viewBox='0 0 80 160'%3E%3Cpath d='M6.9,9.8l-5.1,15.2M44.1,58.9l-5.1,15.2M46.4,105.2l-5.1,15.2M61.8,75l-5.1,15.2M27.4,77.4l-5.1,15.2M24.1,126.4l-5.1,15.2M17.3,42.6l-5.1,15.2' stroke='%23cfe3ff' stroke-opacity='0.26' stroke-width='1' stroke-linecap='round' fill='none'/%3E%3Cpath d='M77.3,100.8l-5.1,15.2M40.1,35.3l-5.1,15.2M24.9,23.3l-5.1,15.2M20.4,53.6l-5.1,15.2M27.7,140.7l-5.1,15.2M20,21.5l-5.1,15.2' stroke='%23cfe3ff' stroke-opacity='0.52' stroke-width='1' stroke-linecap='round' fill='none'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='56' viewBox='0 0 260 56'%3E%3Cg%3E%3Cg fill='%235270ab'%3E%3Ccircle cx='10.6' cy='12.1' r='23.3'/%3E%3Ccircle cx='270.6' cy='12.1' r='23.3'/%3E%3Ccircle cx='37.2' cy='17.2' r='15.7'/%3E%3Ccircle cx='83.2' cy='19.3' r='15.7'/%3E%3Ccircle cx='107.3' cy='14.7' r='21.2'/%3E%3Ccircle cx='138.7' cy='17.6' r='21.6'/%3E%3Ccircle cx='157.1' cy='16.9' r='21.7'/%3E%3Ccircle cx='197.7' cy='25.7' r='21.6'/%3E%3Ccircle cx='213.2' cy='22.2' r='19.2'/%3E%3Ccircle cx='251.4' cy='17.6' r='17.4'/%3E%3Ccircle cx='-8.6' cy='17.6' r='17.4'/%3E%3C/g%3E%3Cg fill='%230f1629'%3E%3Crect width='260' height='16.8'/%3E%3Ccircle cx='10.6' cy='9.6' r='23.3'/%3E%3Ccircle cx='270.6' cy='9.6' r='23.3'/%3E%3Ccircle cx='37.2' cy='14.7' r='15.7'/%3E%3Ccircle cx='83.2' cy='16.7' r='15.7'/%3E%3Ccircle cx='107.3' cy='12.2' r='21.2'/%3E%3Ccircle cx='138.7' cy='15.1' r='21.6'/%3E%3Ccircle cx='157.1' cy='14.4' r='21.7'/%3E%3Ccircle cx='197.7' cy='23.2' r='21.6'/%3E%3Ccircle cx='213.2' cy='19.7' r='19.2'/%3E%3Ccircle cx='251.4' cy='15.1' r='17.4'/%3E%3Ccircle cx='-8.6' cy='15.1' r='17.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='110' viewBox='0 0 340 110'%3E%3Cg opacity='0.9'%3E%3Cg fill='%233b5288'%3E%3Ccircle cx='33.2' cy='24.1' r='29.6'/%3E%3Ccircle cx='71.4' cy='46.9' r='40.8'/%3E%3Ccircle cx='120.5' cy='23.6' r='30.7'/%3E%3Ccircle cx='155.5' cy='42.7' r='37.4'/%3E%3Ccircle cx='206.1' cy='30.1' r='31.1'/%3E%3Ccircle cx='238.6' cy='33.5' r='39.1'/%3E%3Ccircle cx='289.8' cy='54.3' r='35.6'/%3E%3Ccircle cx='331.5' cy='26.1' r='34.2'/%3E%3Ccircle cx='-8.5' cy='26.1' r='34.2'/%3E%3C/g%3E%3Cg fill='%231c2a4a'%3E%3Crect width='340' height='44'/%3E%3Ccircle cx='33.2' cy='19.1' r='29.6'/%3E%3Ccircle cx='71.4' cy='42' r='40.8'/%3E%3Ccircle cx='120.5' cy='18.7' r='30.7'/%3E%3Ccircle cx='155.5' cy='37.7' r='37.4'/%3E%3Ccircle cx='206.1' cy='25.2' r='31.1'/%3E%3Ccircle cx='238.6' cy='28.5' r='39.1'/%3E%3Ccircle cx='289.8' cy='49.4' r='35.6'/%3E%3Ccircle cx='331.5' cy='21.1' r='34.2'/%3E%3Ccircle cx='-8.5' cy='21.1' r='34.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(180deg, #131b30 0%, #233355 40%, #2c3e63 62%, #4d6cab 100%);
    background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat-x, repeat-x, no-repeat;
    background-position: calc(30% - 44px) -3px, calc(85% + 61px) -3px, calc(40% - 32px) -3px, 0 0, 0 -8px, 90px -10px, 0 0;
    background-size: 222px 64%, 0 0, 0 0, 80px 160px, 260px 56px, 340px 110px, 100% 100%;
    box-shadow: inset 0 0 0 1px #a0bef052, inset 0 0 0 260px #c8e1ff00, 0 0 9px #466ebe73;
    animation: bbSkinTormentaFichaPos 24s steps(360) infinite, bbSkinTormentaFichaTam 10.7s steps(1) infinite, bbSkinTormentaFichaLuz 10.7s steps(1) infinite;
}
@keyframes bbSkinTormentaFichaPos {
    0% { background-position: calc(12% - 84px) -3px,calc(85% + 61px) -3px,calc(40% - 32px) -3px,0 0,0 -8px,90px -10px,0 0; }
    50% { background-position: 50% -3px,50% -3px,calc(90% + 130px) -3px,-1680px 5040px,-390px -8px,-80px -10px,0 0; }
    100% { background-position: calc(88% + 84px) -3px,calc(15% - 61px) -3px,calc(40% - 32px) -3px,-3360px 10080px,-780px -8px,-250px -10px,0 0; }
}
@keyframes bbSkinTormentaFichaTam {
    0% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    10.9034% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    11.215% { background-size: 222px 64%,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    11.5265% { background-size: 222px 64%,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    11.838% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    12.1495% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    12.4611% { background-size: 222px 64%,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    13.3956% { background-size: 222px 64%,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    13.7072% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    45.4829% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    45.7944% { background-size: 0 0,0 0,324px 58%,80px 160px,260px 56px,340px 110px,100% 100%; }
    46.1059% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    46.4174% { background-size: 0 0,0 0,324px 58%,80px 160px,260px 56px,340px 110px,100% 100%; }
    46.729% { background-size: 0 0,0 0,324px 58%,80px 160px,260px 56px,340px 110px,100% 100%; }
    47.0405% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    47.352% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    47.6636% { background-size: 0 0,0 0,324px 58%,80px 160px,260px 56px,340px 110px,100% 100%; }
    48.9097% { background-size: 0 0,0 0,324px 58%,80px 160px,260px 56px,340px 110px,100% 100%; }
    49.2212% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    75.3894% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    75.7009% { background-size: 0 0,174px 80%,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    76.0125% { background-size: 0 0,174px 80%,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    76.324% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    76.6355% { background-size: 0 0,174px 80%,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    77.5701% { background-size: 0 0,174px 80%,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    77.8816% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
    100% { background-size: 0 0,0 0,0 0,80px 160px,260px 56px,340px 110px,100% 100%; }
}
@keyframes bbSkinTormentaFichaLuz {
    0% { box-shadow: inset 0 0 0 1px #a0bef052, inset 0 0 0 260px #c8e1ff00, 0 0 9px #466ebe73; }
    10.9034% { box-shadow: inset 0 0 0 1px #a0bef052, inset 0 0 0 260px #c8e1ff00, 0 0 9px #466ebe73; }
    11.215% { box-shadow: inset 0 0 0 1px #f0f7fff2, inset 0 0 0 260px #c8e1ff33, 0 0 22px 3px #afd4fff2; }
    13.7072% { animation-timing-function: steps(13); box-shadow: inset 0 0 0 1px #f0f7fff2, inset 0 0 0 260px #c8e1ff33, 0 0 22px 3px #afd4fff2; }
    17.757% { box-shadow: inset 0 0 0 1px #a0bef052, inset 0 0 0 260px #c8e1ff00, 0 0 9px #466ebe73; }
    45.4829% { box-shadow: inset 0 0 0 1px #a0bef052, inset 0 0 0 260px #c8e1ff00, 0 0 9px #466ebe73; }
    45.7944% { box-shadow: inset 0 0 0 1px #f0f7fff2, inset 0 0 0 260px #c8e1ff33, 0 0 22px 3px #afd4fff2; }
    49.2212% { animation-timing-function: steps(13); box-shadow: inset 0 0 0 1px #f0f7fff2, inset 0 0 0 260px #c8e1ff33, 0 0 22px 3px #afd4fff2; }
    53.271% { box-shadow: inset 0 0 0 1px #a0bef052, inset 0 0 0 260px #c8e1ff00, 0 0 9px #466ebe73; }
    75.3894% { box-shadow: inset 0 0 0 1px #a0bef052, inset 0 0 0 260px #c8e1ff00, 0 0 9px #466ebe73; }
    75.7009% { box-shadow: inset 0 0 0 1px #f0f7fff2, inset 0 0 0 260px #c8e1ff33, 0 0 22px 3px #afd4fff2; }
    77.8816% { animation-timing-function: steps(13); box-shadow: inset 0 0 0 1px #f0f7fff2, inset 0 0 0 260px #c8e1ff33, 0 0 22px 3px #afd4fff2; }
    81.9315% { box-shadow: inset 0 0 0 1px #a0bef052, inset 0 0 0 260px #c8e1ff00, 0 0 9px #466ebe73; }
    100% { box-shadow: inset 0 0 0 1px #a0bef052, inset 0 0 0 260px #c8e1ff00, 0 0 9px #466ebe73; }
}

.bb-ficha--fuego {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='97' height='173' viewBox='0 0 97 173'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath stroke='%23ff7a1a' stroke-width='6.8' stroke-opacity='0.2' d='M29.6 16.5h.1M55.6 159.3h.1M17.6 6.3h.1M65.9 109.6h.1M53.4 125.5h.1M6.7 157.1h.1M33.1 89h.1'/%3E%3Cpath stroke='%23ffd98a' stroke-width='2.4' d='M29.6 16.5h.1M53.4 125.5h.1'/%3E%3Cpath stroke='%23ffab4a' stroke-width='2' stroke-opacity='0.9' d='M55.6 159.3h.1M6.7 157.1h.1'/%3E%3Cpath stroke='%23fff3c4' stroke-width='1.6' d='M17.6 6.3h.1M33.1 89h.1'/%3E%3Cpath stroke='%23ff7a2e' stroke-width='2.8' stroke-opacity='0.85' d='M65.9 109.6h.1'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='151' height='229' viewBox='0 0 151 229'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath stroke='%23ff7a1a' stroke-width='6.8' stroke-opacity='0.2' d='M100.1 188.7h.1M111.2 14.8h.1M63.6 80.4h.1M14.8 209.9h.1M120.2 150.6h.1M49.8 165.4h.1M85.9 97.2h.1M106.8 14.5h.1'/%3E%3Cpath stroke='%23ffd98a' stroke-width='2.4' d='M100.1 188.7h.1M120.2 150.6h.1'/%3E%3Cpath stroke='%23ffab4a' stroke-width='2' stroke-opacity='0.9' d='M111.2 14.8h.1M49.8 165.4h.1'/%3E%3Cpath stroke='%23fff3c4' stroke-width='1.6' d='M63.6 80.4h.1M85.9 97.2h.1'/%3E%3Cpath stroke='%23ff7a2e' stroke-width='2.8' stroke-opacity='0.85' d='M14.8 209.9h.1M106.8 14.5h.1'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='100' viewBox='0 0 96 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff2a8' stop-opacity='0'/%3E%3Cstop offset='0.18' stop-color='%23ffd54a' stop-opacity='0.95'/%3E%3Cstop offset='0.6' stop-color='%23ffb62e'/%3E%3Cstop offset='1' stop-color='%23ff9a1f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0,100V81.7C0.5,47.7 7.2,47.7 5.7,13.8C14.6,29.5 25.2,25 26.3,69.9C27.3,14 36.9,19.6 45.4,0C43.9,40.5 50.8,40.5 51.3,81C51.6,65.2 57.4,65.2 56.3,49.4C62.2,59.1 67.9,56.3 68.6,83.8C69.2,49 76.3,49 74.6,14.1C83.9,33.1 94.9,27.7 96,81.7V100Z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='100' viewBox='0 0 150 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffb02e' stop-opacity='0'/%3E%3Cstop offset='0.14' stop-color='%23ff8a1c' stop-opacity='0.92'/%3E%3Cstop offset='0.55' stop-color='%23ff6a12'/%3E%3Cstop offset='1' stop-color='%23f2500c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0,100V75.8C1.5,15.2 16.8,21.2 29.2,0C27,36.1 35.8,36.1 36.5,72.3C37.3,52.1 46.9,52.1 44.6,31.9C57.2,44.7 72.1,41 73.6,77.4C74.4,63.4 87.1,63.4 84.8,49.5C98.1,58.8 111.1,56.1 112.7,82.8C114.2,39.5 125,43.9 137.7,28.7C135.5,52.3 149.3,52.3 150,75.8V100ZM40.2,18.9C42.8,22.9 42.8,26.9 40.2,26.9C37.6,26.9 37.6,22.9 40.2,18.9Z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='100' viewBox='0 0 184 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ff5a14' stop-opacity='0'/%3E%3Cstop offset='0.16' stop-color='%23e23a10' stop-opacity='0.9'/%3E%3Cstop offset='0.6' stop-color='%23c22a0c'/%3E%3Cstop offset='1' stop-color='%23a01f08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0,100V76.4C1.8,25.1 15.6,30.2 30.7,12.3C28,45.4 43.6,45.4 44.4,78.5C45.4,39.2 58.4,39.2 55.7,0C71.4,24.5 88.9,17.5 90.8,87.6C91.6,51.1 101.5,51.1 99,14.5C113.3,34.9 131.3,29 133,87.1C135.1,31.4 156,37 173.4,17.5C170.3,46.9 183,46.9 184,76.4V100ZM93.9,2C96.9,6 96.9,10 93.9,10C90.9,10 90.9,6 93.9,2ZM179.5,4.5C183.1,8.5 183.1,12.5 179.5,12.5C175.9,12.5 175.9,8.5 179.5,4.5Z'/%3E%3C/svg%3E"),
        radial-gradient(farthest-side at 50% 100%, #ffd860d9, #ff7a1873 42%, #ff3c0000),
        linear-gradient(180deg, #170403 0%, #3a0a05 28%, #7a1909 58%, #c2371b 84%, #ff8a1f 100%);
    background-repeat: repeat, repeat, repeat-x, repeat-x, repeat-x, no-repeat, no-repeat;
    background-position: 0 0, 0 0, 0 calc(100% + 2.5px), 30px calc(100% + 6.3px), 0 calc(100% + 9.5px), 50% 100%, 0 0;
    background-size: 97px 173px, 151px 229px, 96px 26%, 150px 42%, 184px calc(100% - 94px), 190% 49%, 100% 100%;
    box-shadow: inset 0 0 0 1px #ffaa5073, inset 0 -20px 28px -10px #ffbe3cbf, 0 0 12px 1px #ff6e14bf, 0 6px 22px -4px #ff50008c;
    animation: bbSkinFuegoFichaPos 8s steps(15) infinite, bbSkinFuegoFichaTam 4.6s steps(34) infinite, bbSkinFuegoFichaHalo 3.1s steps(10) infinite;
}
@keyframes bbSkinFuegoFichaPos {
    0% { background-position: 0 0,0 0,0 calc(100% + 2.5px),30px calc(100% + 6.3px),0 calc(100% + 9.5px),50% 100%,0 0; }
    6.25% { background-position: 6.1px -10.8px,-9.4px -14px,-12px calc(100% + 3.3px),39px calc(100% + 2.3px),-11.5px calc(100% + 13px),50% 100%,0 0; }
    12.5% { background-position: 12px -22px,-19px -29px,-24px calc(100% + 2.4px),49px calc(100% + 10.1px),-23px calc(100% + 14px),50% 100%,0 0; }
    18.75% { background-position: 18px -32px,-28px -43px,-36px calc(100% + 7.4px),58px calc(100% + 9.2px),-34px calc(100% + 29px),50% 100%,0 0; }
    25% { background-position: 24px -43px,-38px -57px,-48px calc(100% + 4.3px),68px calc(100% + 6.4px),-46px calc(100% + 11.2px),50% 100%,0 0; }
    31.25% { background-position: 30px -54px,-47px -72px,-60px calc(100% + 3.7px),77px calc(100% + 4.2px),-57px calc(100% + 11.7px),50% 100%,0 0; }
    37.5% { background-position: 36px -65px,-57px -86px,-72px calc(100% + 1.9px),86px calc(100% + 3.7px),-69px calc(100% + 7.8px),50% 100%,0 0; }
    43.75% { background-position: 42px -76px,-66px -100px,-84px calc(100% + 3.3px),96px calc(100% + 7.6px),-80px calc(100% + 17px),50% 100%,0 0; }
    50% { background-position: 49px -86px,-75px -114px,-96px calc(100% + 5.3px),105px calc(100% + 9.3px),-92px calc(100% + 22px),50% 100%,0 0; }
    56.25% { background-position: 55px -97px,-85px -129px,-108px calc(100% + 6.1px),114px calc(100% + 9.3px),-103px calc(100% + 20px),50% 100%,0 0; }
    62.5% { background-position: 61px -108px,-94px -143px,-120px calc(100% + 4px),124px calc(100% + 2.3px),-115px calc(100% + 10.2px),50% 100%,0 0; }
    68.75% { background-position: 67px -119px,-104px -157px,-132px calc(100% + 1.5px),133px calc(100% + 6px),-126px calc(100% + 6.7px),50% 100%,0 0; }
    75% { background-position: 73px -130px,-113px -172px,-144px calc(100% + 3.9px),143px calc(100% + 4px),-138px calc(100% + 17px),50% 100%,0 0; }
    81.25% { background-position: 79px -141px,-123px -186px,-156px calc(100% + 3px),152px calc(100% + 10.2px),-149px calc(100% + 15px),50% 100%,0 0; }
    87.5% { background-position: 85px -151px,-132px -200px,-168px calc(100% + 7.7px),161px calc(100% + 9.9px),-161px calc(100% + 28px),50% 100%,0 0; }
    93.75% { background-position: 91px -162px,-142px -215px,-180px calc(100% + 3.8px),171px calc(100% + 3.2px),-172px calc(100% + 8.2px),50% 100%,0 0; }
    100% { background-position: 97px -173px,-151px -229px,-192px calc(100% + 2.5px),180px calc(100% + 6.3px),-184px calc(100% + 9.5px),50% 100%,0 0; }
}
@keyframes bbSkinFuegoFichaTam {
    0% { animation-timing-function: steps(35); background-size: 97px 173px,151px 229px,96px 26%,150px 42%,184px calc(100% - 94px),190% 49%,100% 100%; }
    25.3623% { background-size: 97px 173px,151px 229px,96px 26%,150px 42%,184px calc(100% - 94px),210% 56%,100% 100%; }
    50% { background-size: 97px 173px,151px 229px,96px 26%,150px 42%,184px calc(100% - 94px),190% 49%,100% 100%; }
    74.6377% { animation-timing-function: steps(35); background-size: 97px 173px,151px 229px,96px 26%,150px 42%,184px calc(100% - 94px),170% 42%,100% 100%; }
    100% { background-size: 97px 173px,151px 229px,96px 26%,150px 42%,184px calc(100% - 94px),190% 49%,100% 100%; }
}
@keyframes bbSkinFuegoFichaHalo {
    0% { animation-timing-function: steps(13); box-shadow: inset 0 0 0 1px #ffaa5073, inset 0 -20px 28px -10px #ffbe3cbf, 0 0 12px 1px #ff6e14bf, 0 6px 22px -4px #ff50008c; }
    13.9785% { animation-timing-function: steps(12); box-shadow: inset 0 0 0 1px #ffc86e8c, inset 0 -26px 34px -10px #ffcd50d9, 0 0 16px 2px #ff7d19d9, 0 8px 28px -4px #ff5a00a6; }
    26.8817% { animation-timing-function: steps(13); box-shadow: inset 0 0 0 1px #ffaa5073, inset 0 -20px 28px -10px #ffbe3cbf, 0 0 12px 1px #ff6e14bf, 0 6px 22px -4px #ff50008c; }
    40.8602% { box-shadow: inset 0 0 0 1px #ff963c59, inset 0 -14px 22px -10px #ffaa3299, 0 0 8px 0 #ff641499, 0 4px 16px -4px #ff500066; }
    51.6129% { animation-timing-function: steps(11); box-shadow: inset 0 0 0 1px #ffc86e8c, inset 0 -26px 34px -10px #ffcd50d9, 0 0 16px 2px #ff7d19d9, 0 8px 28px -4px #ff5a00a6; }
    63.4409% { animation-timing-function: steps(14); box-shadow: inset 0 0 0 1px #ff963c59, inset 0 -14px 22px -10px #ffaa3299, 0 0 8px 0 #ff641499, 0 4px 16px -4px #ff500066; }
    78.4946% { box-shadow: inset 0 0 0 1px #ffaa5073, inset 0 -20px 28px -10px #ffbe3cbf, 0 0 12px 1px #ff6e14bf, 0 6px 22px -4px #ff50008c; }
    89.2473% { box-shadow: inset 0 0 0 1px #ffc86e8c, inset 0 -26px 34px -10px #ffcd50d9, 0 0 16px 2px #ff7d19d9, 0 8px 28px -4px #ff5a00a6; }
    100% { box-shadow: inset 0 0 0 1px #ffaa5073, inset 0 -20px 28px -10px #ffbe3cbf, 0 0 12px 1px #ff6e14bf, 0 6px 22px -4px #ff50008c; }
}

.bb-ficha--neon {
    background-image:
        linear-gradient(112deg, #ffffff00 44%, #78f0ff5c 48.5%, #ffffffb3 50%, #ff6ee65c 51.5%, #ffffff00 56%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' viewBox='0 0 170 170'%3E%3Cdefs%3E%3Cg id='s' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='%23ff7ae2' d='M34,16L58,56L10,56Z' transform='rotate(-12 34 40)'/%3E%3Ccircle stroke='%237df0ff' cx='126' cy='38' r='17'/%3E%3Cpath stroke='%23fff48a' d='M12,112l13,-13l13,13l13,-13l13,13'/%3E%3Cpath stroke='%23c9a6ff' d='M118,96v30M103,111h30' transform='rotate(18 118 111)'/%3E%3Cpath stroke='%237df0ff' d='M70,150q9,-14 18,0t18,0t18,0'/%3E%3Ccircle stroke='%23ff7ae2' cx='24' cy='150' r='6'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23s' stroke-width='7' opacity='.22'/%3E%3Cuse href='%23s' stroke-width='2'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M.5,0V26' stroke='%233fe9ff' stroke-opacity='0.2'/%3E%3Cpath d='M0,.5H26' stroke='%23ff4fd8' stroke-opacity='0.2'/%3E%3C/svg%3E"),
        radial-gradient(closest-side, #ff28c899, #ff28c800),
        radial-gradient(closest-side, #28e4ff8c, #28e4ff00),
        linear-gradient(180deg, #1a0c36 0%, #0c0719 50%, #1b1035 100%);
    background-repeat: no-repeat, repeat, repeat, no-repeat, no-repeat, no-repeat;
    background-position: 100% 0, 20px 78px, 0 0, calc(12% - 106px) calc(10% - 102px), calc(88% + 106px) calc(90% + 102px), 0 0;
    background-size: 300% 100%, 170px 170px, 26px 26px, 280px 255px, 280px 255px, 100% 100%;
    box-shadow: inset 0 0 0 2px #ff78e8ff, inset 0 0 16px 2px #ff28c8b3, 0 0 10px 1px #ff28c8e6, 0 0 26px 4px #ff28c873;
    animation: bbSkinNeonFichaPos 18s steps(1) infinite, bbSkinNeonFichaTam 7s steps(52) infinite, bbSkinNeonFichaHalo 6.4s steps(1) infinite;
}
@keyframes bbSkinNeonFichaPos {
    0% { animation-timing-function: steps(59); background-position: 100% 0,20px 78px,0 0,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    10.9259% { background-position: 100% 0,1.4px 97px,8.5px 17px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    11.1111% { animation-timing-function: steps(33); background-position: 100% 0,1.1px 97px,8.7px 17px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    17.2222% { background-position: 0 0,-9.3px 107px,13px 27px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    17.4074% { animation-timing-function: steps(190); background-position: 100% 0,-9.6px 108px,14px 27px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    52.5926% { background-position: 100% 0,-69px 167px,41px 82px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    52.7778% { animation-timing-function: steps(30); background-position: 100% 0,-70px 168px,41px 82px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    58.3333% { background-position: 0 0,-79px 177px,46px 91px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    58.5185% { animation-timing-function: steps(61); background-position: 100% 0,-79px 177px,46px 91px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    69.8148% { background-position: 100% 0,-99px 197px,54px 109px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    70% { animation-timing-function: steps(24); background-position: 100% 0,-99px 197px,55px 109px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    74.4444% { background-position: 0 0,-107px 205px,58px 116px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    74.6296% { animation-timing-function: steps(137); background-position: 100% 0,-107px 205px,58px 116px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
    100% { background-position: 100% 0,-150px 248px,78px 156px,calc(12% - 106px) calc(10% - 102px),calc(88% + 106px) calc(90% + 102px),0 0; }
}
@keyframes bbSkinNeonFichaTam {
    0% { animation-timing-function: steps(53); background-size: 300% 100%,170px 170px,26px 26px,280px 255px,280px 255px,100% 100%; }
    25.2381% { background-size: 300% 100%,170px 170px,26px 26px,330px 300px,230px 210px,100% 100%; }
    50% { animation-timing-function: steps(53); background-size: 300% 100%,170px 170px,26px 26px,280px 255px,280px 255px,100% 100%; }
    75.2381% { background-size: 300% 100%,170px 170px,26px 26px,230px 210px,330px 300px,100% 100%; }
    100% { background-size: 300% 100%,170px 170px,26px 26px,280px 255px,280px 255px,100% 100%; }
}
@keyframes bbSkinNeonFichaHalo {
    0% { box-shadow: inset 0 0 0 2px #ff78e8ff, inset 0 0 16px 2px #ff28c8b3, 0 0 10px 1px #ff28c8e6, 0 0 26px 4px #ff28c873; }
    17.1875% { box-shadow: inset 0 0 0 2px #ff78e8ff, inset 0 0 16px 2px #ff28c8b3, 0 0 10px 1px #ff28c8e6, 0 0 26px 4px #ff28c873; }
    17.7083% { box-shadow: inset 0 0 0 2px #ff78e859, inset 0 0 16px 2px #ff28c83d, 0 0 10px 1px #ff28c852, 0 0 26px 4px #ff28c829; }
    18.2292% { animation-timing-function: steps(2); box-shadow: inset 0 0 0 2px #ff78e8ff, inset 0 0 16px 2px #ff28c8b3, 0 0 10px 1px #ff28c8e6, 0 0 26px 4px #ff28c873; }
    19.2708% { animation-timing-function: steps(2); box-shadow: inset 0 0 0 2px #ff78e880, inset 0 0 16px 2px #ff28c859, 0 0 10px 1px #ff28c873, 0 0 26px 4px #ff28c83b; }
    20.3125% { animation-timing-function: steps(26); box-shadow: inset 0 0 0 2px #ff78e8ff, inset 0 0 16px 2px #ff28c8b3, 0 0 10px 1px #ff28c8e6, 0 0 26px 4px #ff28c873; }
    33.8542% { animation-timing-function: steps(27); box-shadow: inset 0 0 0 2px #be96fff2, inset 0 0 16px 2px #9650ffa8, 0 0 10px 1px #9650ffd9, 0 0 26px 4px #9650ff6e; }
    47.9167% { box-shadow: inset 0 0 0 2px #82f2ffff, inset 0 0 16px 2px #28e1ffb3, 0 0 10px 1px #28e1ffe6, 0 0 26px 4px #28e1ff73; }
    67.1875% { box-shadow: inset 0 0 0 2px #82f2ffff, inset 0 0 16px 2px #28e1ffb3, 0 0 10px 1px #28e1ffe6, 0 0 26px 4px #28e1ff73; }
    67.7083% { animation-timing-function: steps(2); box-shadow: inset 0 0 0 2px #82f2ff66, inset 0 0 16px 2px #28e1ff47, 0 0 10px 1px #28e1ff5c, 0 0 26px 4px #28e1ff2e; }
    68.75% { animation-timing-function: steps(29); box-shadow: inset 0 0 0 2px #82f2ffff, inset 0 0 16px 2px #28e1ffb3, 0 0 10px 1px #28e1ffe6, 0 0 26px 4px #28e1ff73; }
    83.8542% { animation-timing-function: steps(31); box-shadow: inset 0 0 0 2px #be96fff2, inset 0 0 16px 2px #9650ffa8, 0 0 10px 1px #9650ffd9, 0 0 26px 4px #9650ff6e; }
    100% { box-shadow: inset 0 0 0 2px #ff78e8ff, inset 0 0 16px 2px #ff28c8b3, 0 0 10px 1px #ff28c8e6, 0 0 26px 4px #ff28c873; }
}

@media (prefers-reduced-motion: reduce) {
    .bb-bubble--galaxy,
    .bb-bubble--tormenta,
    .bb-bubble--fuego,
    .bb-bubble--neon,
    .bb-ficha--galaxy,
    .bb-ficha--tormenta,
    .bb-ficha--fuego,
    .bb-ficha--neon { animation: none; }
}