/* Six equal frames, one atlas, one backdrop. */
.guide-card.illia,.guide-card.sofia,.guide-card.bear,.guide-card.mykolai,.guide-card.olenka,.guide-card.ai{background:#c5f5f3}
.guide-card .portrait{width:min(100%,280px);height:auto;aspect-ratio:1/1;margin:0 auto;position:relative;overflow:hidden;background:#c5f5f3}
.mini-guide,.hero-icon,.v2-face,.guide-portrait{position:relative;overflow:hidden;background:#c5f5f3!important;transform:none;aspect-ratio:1/1}
.mini-guide,.hero-icon{width:72px!important;height:72px!important;flex:0 0 72px!important;border-radius:14px}
.v2-face{width:84px;height:84px;flex:0 0 84px}
.guide-portrait{display:block;width:180px;height:180px;border:2px solid #173b63;border-radius:22px}
.guide-card .portrait img,.mini-guide img,.hero-icon img,.v2-face img,.ai-game-head .guide-portrait img{width:300%!important;height:200%!important;max-width:none!important;position:absolute!important;object-fit:fill!important;left:var(--sprite-x,0%)!important;top:var(--sprite-y,0%)!important;display:block}
.illia{--sprite-x:0%;--sprite-y:0%}.sofia{--sprite-x:-100%;--sprite-y:0%}.bear{--sprite-x:-200%;--sprite-y:0%}.mykolai{--sprite-x:0%;--sprite-y:-100%}.olenka{--sprite-x:-100%;--sprite-y:-100%}.ai{--sprite-x:-200%;--sprite-y:-100%}
.v2-pair{background:#c5f5f3}.v2-pair img{object-fit:contain;height:auto;width:100%}.sin-buddy{display:flex;align-items:center;gap:18px;padding:17px;background:#f0fff9;border:2px solid #89b6b4;border-radius:18px;margin:22px 0;max-width:520px}.sin-buddy .mini-guide{width:96px!important;height:96px!important;flex-basis:96px!important;border:2px solid #183b63}.sin-buddy p{font:700 15px/1.7 Nunito,sans-serif;color:#24465b;margin:0}.sin-buddy[data-phase=green] .mini-guide{animation:sinStep 1.2s ease-in-out infinite}.sin-buddy[data-phase=yellow] .mini-guide{animation:sinStep 2.4s ease-in-out infinite}.sin-buddy[data-phase=red] .mini-guide{box-shadow:0 0 0 4px #ffc5b4}.paused .sin-buddy .mini-guide{animation-play-state:paused}@keyframes sinStep{50%{transform:translateY(-5px)}}
@media(max-width:760px){.guide-card .portrait{width:min(100%,260px)}.mini-guide,.hero-icon{width:60px!important;height:60px!important;flex-basis:60px!important}.v2-face{width:60px;height:60px;flex-basis:60px}.guide-portrait{width:85px;height:85px;border-radius:16px}.sin-buddy{padding:14px;gap:13px}.sin-buddy .mini-guide{width:78px!important;height:78px!important;flex-basis:78px!important}.sin-buddy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sin-buddy .mini-guide{animation:none!important}}

.guide-card{display:flex;flex-direction:column;align-items:stretch}.guide-card .portrait{flex:0 0 auto}.guide-card .guide-info{flex:1}.mini-guide.sofia,.mini-guide.bear,.hero-icon.sofia,.hero-icon.bear{transform:none}