/* Skalnor's frame is split at exactly 50%: Nature on the left, Water on the right. */
.dl-art picture { display: contents; }
.dl-card.dl-hybrid-nature-water { background: linear-gradient(90deg,#45ce7d 0%,#2c9657 49.9%,#3f91df 50%,#79ccf1 100%); box-shadow: -3px 0 15px #3ac77d55,3px 0 15px #45a8ef55,0 10px 22px #0007; }
.dl-card.dl-hybrid .dl-card-frame { background: linear-gradient(90deg,#10291e 0 50%,#11283e 50% 100%); box-shadow: none; }
.dl-card.dl-hybrid .dl-card-name { background: linear-gradient(90deg,#216c3a 0 50%,#205986 50% 100%); }
.dl-card.dl-hybrid .dl-card-name strong { white-space: normal; font-size: .76em; }
.dl-card.dl-hybrid .dl-card-body { padding: 2% 6% 17%; }
.dl-card.dl-hybrid .dl-card-body small { font-size: .59em; line-height: 1.14; -webkit-line-clamp: 7; }
.dl-dual-crests { position: absolute; top: 3%; right: 4%; display: flex; gap: .12em; }
.dl-dual-crests .dl-card-crest { position: static; width: 1.15em; height: 1.15em; }
/* The hit target stays transparent: only the oval body and portrait carry the split colors.
   Clipping the whole button would also clip Taunt, armor and the stat badges. */
.dl-unit.dl-unit-hybrid { --fc: #4cbdac; background: transparent; }
.dl-unit.dl-unit-hybrid .dl-unit-body { background: linear-gradient(90deg,#45ce7d 0 50%,#59b5ef 50% 100%); }
.dl-unit.dl-unit-hybrid .dl-art { background: linear-gradient(90deg,#1e7044 0 50%,#225c91 50% 100%); }
.dl-shattered-card { position: fixed; pointer-events: none; z-index: 50; transform-origin: center; }
.dl-shattered-card::after { content: ''; position: absolute; inset: 20% -5%; background: linear-gradient(145deg,transparent 45%,#abf6ff 47%,#fff 49%,transparent 51%); filter: drop-shadow(0 0 7px #3bd3ff); }
.rv-hybrid-offer { margin: 18px 0 34px; border: 1px solid #9bad82; border-top: 4px solid #4e9e9b; border-radius: 12px; overflow: hidden; background: linear-gradient(100deg,#edf5e6 0 49.9%,#e6f2fb 50%); }
.rv-hybrid-offer .rv-evo-showcase { background: radial-gradient(ellipse at center,#6fc9bc2b,transparent 70%); }
.rv-hybrid-offer .rv-evo-copy h2 { color: #173e49; }
.rv-hybrid-offer .rv-evo-copy h2 em { color: #397d6f; }
.rv-hybrid-factions { display: inline-flex; border: 1px solid #81a797; border-radius: 20px; overflow: hidden; margin: 12px 0; font: 800 11px 'DM Sans',sans-serif; }
.rv-hybrid-factions span { padding: 7px 13px; color: #fff; background: #2c7748; }.rv-hybrid-factions span+span { background: #286799; }
.rv-hybrid-animation { padding: 10px 13px; border-left: 3px solid #518d9b; background: #ffffff7a; color: #36586b; font-size: 12px; line-height: 1.6; }
.rv-hybrid-offer .rv-evo-exclusive { background: #1e5363; color: #f0fff7; }
@media(max-width:620px) { .rv-hybrid-offer { background: linear-gradient(90deg,#edf5e6 0 50%,#e6f2fb 50%); }.rv-hybrid-offer .rv-evo-showcase { min-height: 390px; } }