.card.evolution{background-color:transparent!important;background-image:url('assets/evolutions/card-designs.jpg')!important;background-size:400% 100%!important;background-repeat:no-repeat!important;border:0!important;border-radius:0!important;color:#f2fff7!important;min-height:244px;padding:24px 14px 25px!important;clip-path:polygon(50% 2%,64% 6%,91% 13%,97% 14%,97% 88%,92% 93%,63% 97%,50% 100%,37% 97%,8% 93%,3% 88%,3% 14%,9% 13%,36% 6%);text-shadow:0 1px 3px #001e18}
.card.evolution.evo-stage-0{background-position:0 0!important}.card.evolution.evo-stage-1{background-position:33.333% 0!important}.card.evolution.evo-stage-2{background-position:66.666% 0!important}.card.evolution.evo-stage-3{background-position:100% 0!important;color:#fff4b0!important}
.card.evolution .rating{color:inherit!important;line-height:1}.card.evolution .era-tag{font-size:8px;top:30px;right:12px;background:#001f1aa0;color:#d8ffe9}.card.evolution .face{height:64px}.card.evolution .face svg{height:64px}.card.evolution .name{font-size:17px;margin-top:3px}.card.evolution .club{color:#d5eade}.card.evolution .stats{border-color:#a4fbd870;color:inherit}.card.evolution .rarity-label{font-size:7px;margin-top:2px}.evo-card-label{font-size:7px;font-weight:800;letter-spacing:.4px;color:#a2ffdf;margin-top:4px}.evo-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;margin-bottom:30px}.evo-entry{display:flex;gap:18px;align-items:center}.evo-entry .card{flex-shrink:0}.evo-entry h3{margin-top:0}.evo-entry progress{width:100%;accent-color:#3ce7b0}.evo-entry .btn{padding:9px 12px;margin:3px 3px 0 0}.evo-table{padding:20px;background:#132b24;border:1px solid #386657;border-radius:12px;margin:24px 0}.evo-table summary{cursor:pointer;font-size:20px;font-weight:700;color:#a2ffdf}.evo-table-scroll{overflow:auto;max-height:460px;margin-top:20px}.evo-table th{position:sticky;top:0;background:#173c30}.evo-result h3{margin-top:18px}.discipline-yellow{color:#ffe16b}.discipline-red{color:#ff8c8c}
@media(max-width:480px){.evo-roster{grid-template-columns:1fr}.evo-entry{padding:12px;gap:10px}.evo-entry .card{width:125px}.evo-entry p{font-size:11px}.evo-entry .btn{font-size:11px;padding:8px}.evo-entry h3{font-size:15px}}

.gallery-token{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:4px}

/* Evolution artwork replaces every original promotion layer. */
.card.evolution::before,.card.evolution::after{content:none!important;display:none!important;background:none!important}
.card.evolution .rarity-label{display:none!important}
.card.evolution .evo-card-label{position:relative;z-index:1}
.moments-star>svg{display:block;width:100%;height:100%}

/* Center the four original shield designs within their sprite cells. */
.card.evolution{margin-inline:auto;align-self:center;background-origin:border-box!important}
.card.evolution.evo-stage-0{background-position:-.694444% 50%!important}.card.evolution.evo-stage-1{background-position:31.354167% 50%!important}.card.evolution.evo-stage-2{background-position:64.756944% 50%!important}.card.evolution.evo-stage-3{background-position:99.722222% 50%!important}
.card.evolution .face,.card.evolution .name,.card.evolution .club,.card.evolution .evo-card-label{text-align:center;width:100%}.card.evolution .face{margin-inline:auto;justify-content:center}.card.evolution .stats{width:100%}
.evo-entry{min-width:0;justify-content:center}.evo-entry>.card{margin:0;align-self:center}.evo-entry>div{flex:1;min-width:0}.ut-tile:not(.evo-entry):has(>.card.evolution){display:flex;flex-direction:column;align-items:center}
@media(max-width:480px){.evo-entry{flex-direction:column;align-items:center;text-align:center;gap:16px}.evo-entry>.card{width:145px;margin-inline:auto}.evo-entry>div{width:100%}.card.evolution{max-width:100%}}
/* Original purple star isolated from the original sprite, without the mode crest. */
.moments-star{clip-path:none}.crest-card-emblem .crest-moments-star{display:inline-block;width:96px;height:96px}.crest-card-emblem .crest-star-large{width:112px;height:112px}

.evo-roster{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))}
/* Keep portrait proportions: the card must not inherit the details column's flex growth. */
.card.evolution{box-sizing:border-box;width:170px!important;height:272px;min-height:272px;max-height:272px;flex:0 0 170px!important;padding:51px 25px 27px!important;overflow:hidden;clip-path:polygon(50% 8%,72% 12%,90% 18%,90% 84%,85% 90%,50% 96%,15% 90%,10% 84%,10% 18%,28% 12%);background-origin:border-box!important;isolation:isolate}
.evo-entry{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:center;justify-content:initial;padding:22px;overflow:hidden}
.evo-entry>.card.evolution{width:170px!important;max-width:170px!important;min-width:170px;margin:0!important;justify-self:center;align-self:center}
.evo-entry>div:not(.card){min-width:0;width:100%;flex:1}.evo-entry h3{line-height:1.3;margin-bottom:12px}.evo-entry p{line-height:1.6;overflow-wrap:anywhere}.evo-entry progress{display:block;height:12px;border-radius:8px;overflow:hidden}
.card.evolution .rating{font-size:27px;line-height:1;margin:0}.card.evolution .pos{font-size:9px;line-height:1.3;white-space:normal}.card.evolution .country-flag{width:14px;height:10px}.card.evolution .era-tag{top:52px;right:22px;font-size:7px;max-width:65px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.card.evolution .face{height:46px;margin:2px auto}.card.evolution .face svg{height:46px}.card.evolution .name{font-size:14px;line-height:1.15;min-height:28px;margin:1px 0;overflow-wrap:anywhere}.card.evolution .club{font-size:8px;line-height:1.2;min-height:20px}.card.evolution .club-badge{width:18px;height:20px;object-fit:contain}.card.evolution .evo-card-label{font-size:6px;line-height:1.2;margin-top:3px}.card.evolution .stats{font-size:9px;line-height:1.3;padding-top:4px;margin-top:4px}.card.evolution .gallery-card-points{font-size:7px}
@media(max-width:600px){.evo-roster{grid-template-columns:minmax(0,1fr)}.evo-entry{grid-template-columns:minmax(0,1fr);text-align:center;gap:10px;padding:16px}.evo-entry>div:not(.card){text-align:left}.evo-entry h3{font-size:17px}.evo-entry p{font-size:13px}.evo-entry>.card.evolution{width:170px!important}.evo-entry .btn{font-size:12px}}

.card.evolution>div[style*="font-size:9px"]{font-size:7px!important;margin-top:2px!important;line-height:1.2;text-align:center}
/* Keep squad slots compact while using the same clean crop. */
.ut-lineup-slot .card.evolution{width:138px!important;max-width:100%!important;min-width:0;min-height:260px;height:260px;max-height:260px;flex:none!important;padding:48px 20px 25px!important}.ut-lineup-slot .card.evolution .name{font-size:12px}.ut-lineup-slot .card.evolution .era-tag{top:50px;right:18px;font-size:6px}.ut-lineup-slot .card.evolution .club{font-size:7px}
.card.evolution{padding-top:47px!important}.card.evolution .pos{height:24px;max-height:24px;overflow:hidden}.card.evolution .name{height:30px;max-height:30px;min-height:30px;overflow:hidden}.card.evolution .club{height:24px;max-height:24px;overflow:hidden}
