/* Reuse the three existing feature actions and make room for the customer photo. */
.jin-celebrity-gallery-stats-host .jin-celebrity-gallery.jin-three-feature-cards{grid-template-columns:minmax(0,1.25fr) minmax(0,1.05fr) minmax(140px,.7fr);width:min(1000px,65vw);max-width:1000px;min-width:620px;flex-basis:1000px}
.jin-three-feature-cards #jin-game-console{display:flex;flex-direction:row;gap:10px;padding:6px 12px;border-left:1px solid #e5dff8;align-self:stretch;justify-content:center;min-width:0;color:#503877}
.jin-three-feature-cards #jin-game-console img{display:block;width:48px!important;height:64px!important;object-fit:contain;flex:none}
.jin-three-feature-cards .jin-top-game-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.jin-three-feature-cards .jin-top-game-copy strong{font-size:15px;white-space:nowrap}
.jin-three-feature-cards .jin-top-game-copy>span{font-size:12px;color:#78678c}
#jin-customer-milestone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;min-width:0;padding:12px 4px;text-align:center;color:#21152f}
#jin-customer-milestone h2{margin:0;line-height:1.55;font-size:15px;font-weight:700;word-break:keep-all}
#jin-customer-milestone h2 span,#jin-customer-milestone h2 strong{display:block}
#jin-customer-milestone h2 strong{font-size:22px;color:#6d28d9;letter-spacing:-.6px}
#jin-customer-milestone img{display:block;width:100%;max-width:277px;height:auto;object-fit:contain}
@media(min-width:900px){
.jin-hero-with-game.jin-milestone-host{grid-template-columns:minmax(0,1fr) minmax(0,.75fr) minmax(0,1.7fr) minmax(150px,.95fr) minmax(0,1.25fr)!important;gap:14px!important}
.jin-milestone-host>.max-w-3xl{grid-area:1/1!important;min-width:0}
.jin-milestone-host>.jin-community-trade{display:contents!important}
.jin-milestone-host .jin-community-link{grid-area:1/2!important;min-width:0;width:100%!important}
.jin-milestone-host>#jin-hero-guide-video-card{grid-area:1/3!important;width:100%!important;min-width:0!important;max-width:none!important}
.jin-milestone-host>#jin-customer-milestone{grid-area:1/4!important}
.jin-milestone-host .jin-community-trade>#jin-trade-guide{grid-area:1/5!important;min-width:0;width:100%!important}
}
@media(min-width:768px) and (max-width:899px){
.jin-hero-with-game.jin-milestone-host{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr) 160px!important}
.jin-milestone-host>#jin-customer-milestone{grid-area:1/4!important}
}
@media(max-width:1279px){.jin-celebrity-gallery-stats-host .jin-celebrity-gallery.jin-three-feature-cards{width:100%;min-width:0;max-width:none;flex-basis:100%}}
@media(max-width:767px){
.jin-celebrity-gallery-stats-host .jin-celebrity-gallery.jin-three-feature-cards{grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr) minmax(0,.85fr)}
.jin-three-feature-cards .jin-celebrity-gallery__thumbs{display:none}
.jin-three-feature-cards #jin-worldboss-card{padding:6px;gap:3px;grid-template-columns:minmax(0,1fr)}
.jin-three-feature-cards .jin-worldboss-title{grid-area:auto;font-size:11px}
.jin-three-feature-cards .jin-worldboss-time{grid-area:auto;font-size:14px}
.jin-three-feature-cards .jin-worldboss-detail{grid-area:auto;font-size:9px;white-space:normal}
.jin-three-feature-cards .jin-worldboss-toggle{grid-area:auto;justify-self:start;min-height:28px;font-size:10px}
.jin-three-feature-cards #jin-game-console{padding:6px 3px;gap:2px;flex-direction:column}
.jin-three-feature-cards #jin-game-console img{width:30px!important;height:40px!important}
.jin-three-feature-cards .jin-top-game-copy{gap:1px;align-items:center}
.jin-three-feature-cards .jin-top-game-copy strong{font-size:12px}
.jin-three-feature-cards .jin-top-game-copy>span{font-size:10px}
.jin-hero-with-game.jin-milestone-host{grid-template-columns:minmax(0,1fr) 145px!important}
#jin-customer-milestone{gap:10px;padding:8px 2px}
#jin-customer-milestone h2{font-size:12px}#jin-customer-milestone h2 strong{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.jin-three-feature-cards #jin-game-console{animation:none}}