/* Full-width, click-safe, container-aware layout shared with the Catch Index. */
.fgi-index{position:relative!important;z-index:2147482990!important;isolation:isolate;container:islanders-index / inline-size;display:block!important;width:100%!important;max-width:100%!important;margin-inline:0!important;padding-inline:clamp(10px,2vw,28px);overflow-x:clip!important;box-sizing:border-box!important;pointer-events:auto!important;transform:translateZ(0)}
.fgi-index.fgi-body-mounted{clear:both;width:100%!important;max-width:100vw!important;margin-inline:0!important;overflow-x:clip!important;box-sizing:border-box!important;pointer-events:auto!important}
/* Full-bleed fallback for themes that keep shortcode content in a narrow column. */
body.fgii-index-page{overflow-x:clip!important}
.fgi-index:not(.fgi-body-mounted){width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
body.fgii-index-page>.fgi-index.fgi-body-mounted{width:100%!important;max-width:none!important;margin:0!important}
.fgi-index,.fgi-index *{min-width:0}
.fgi-index>.fgi-hero,.fgi-index>.fgi-tools,.fgi-index>.fgi-count,.fgi-index>.fgi-group,.fgi-index>.fgi-empty,.fgi-grid,.fgi-card,.fgi-card-button,.fgi-panel{width:100%;max-width:100%;box-sizing:border-box}
.fgi-name,.fgi-name strong,.fgi-name small,.fgi-stat,.fgi-stat strong,.fgi-profile-preview{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.fgi-rarity{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.fgi-grid{grid-template-columns:1fr}
.fgi-tools{grid-template-columns:1fr}
.fgi-card-button{grid-template-columns:70px minmax(0,1fr) 28px;gap:9px}
.fgi-image{width:70px;max-width:100%}
.fgi-rarity{grid-column:2;justify-self:start}
.fgi-plus{grid-column:3;grid-row:1/3}
.fgi-card.is-open{grid-column:1/-1}
.fgi-panel{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}

@container islanders-index (min-width:720px){
  .fgi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fgi-tools{grid-template-columns:minmax(220px,1fr) minmax(150px,220px)}
  .fgi-card-button{grid-template-columns:78px minmax(0,1fr) 28px}
  .fgi-image{width:78px}
}

@container islanders-index (min-width:1140px){
  .fgi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fgi-card-button{grid-template-columns:84px minmax(0,1fr) 30px}
  .fgi-image{width:84px}
}

.fgi-profile-console{width:min(1100px,calc(100% - 24px));max-width:100%;grid-template-columns:minmax(180px,clamp(220px,28vw,320px)) minmax(0,1fr);gap:clamp(10px,2vw,20px);padding:clamp(10px,1.5vw,18px)}
.fgi-profile-image{max-height:clamp(180px,32vh,320px)}
.fgi-profile-photo{max-height:clamp(180px,32vh,320px)!important}
.fgi-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.fgi-profile-notes{width:min(1100px,calc(100% - 24px))}
@media(max-width:900px){.fgi-profile-console{grid-template-columns:minmax(150px,240px) minmax(0,1fr)}.fgi-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.fgi-index{padding-inline:10px}.fgi-group{padding:9px}.fgi-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.fgi-profile-console{width:calc(100% - 12px);grid-template-columns:minmax(100px,32vw) minmax(0,1fr);gap:8px;padding:8px}.fgi-profile-image,.fgi-profile-photo{max-height:min(32vw,160px)!important}.fgi-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}}
@media(max-width:400px){.fgi-card-button{grid-template-columns:62px minmax(0,1fr) 26px;padding:8px}.fgi-image{width:62px}.fgi-panel{grid-template-columns:1fr}.fgi-profile-console{grid-template-columns:90px minmax(0,1fr)}.fgi-profile-image,.fgi-profile-photo{max-height:90px!important}}

.fgi-hero,.fgi-tools,.fgi-count,.fgi-group,.fgi-grid,.fgi-card,.fgi-card-button,.fgi-panel,.fgi-tools label,.fgi-tools input,.fgi-tools select,.fgi-profile-link{position:relative;pointer-events:auto!important}
.fgi-hero,.fgi-tools,.fgi-count,.fgi-group,.fgi-grid{z-index:10}
.fgi-card{z-index:20}
.fgi-card-button,.fgi-panel,.fgi-tools label,.fgi-tools input,.fgi-tools select,.fgi-profile-link{z-index:30;touch-action:manipulation}
.fgi-card-button:before{content:none!important;display:none!important;pointer-events:none!important}