/* Extend the existing loadout layout, colors and game artwork. */
/* Reserve the same header and built-in-skill rows in every primary crew card.
   The shared rule applies to both server-rendered and interactive crew grids. */
.loadoutStandaloneV2 .crew-card:not(.crew-bonus-card){display:grid;grid-template-rows:46px 24px minmax(0,1fr);row-gap:8px}
.loadoutStandaloneV2 .crew-card:not(.crew-bonus-card)>.crew-member-top{grid-row:1;margin:0;min-width:0}
.loadoutStandaloneV2 .crew-card:not(.crew-bonus-card)>.builtin-perk{grid-row:2;margin:0;min-height:24px}
.loadoutStandaloneV2 .crew-card:not(.crew-bonus-card)>.crew-chain{grid-row:3;grid-auto-rows:minmax(0,1fr)}
.loadoutStandaloneV2 .crew-card:not(.crew-bonus-card) .perk-slot{height:100%}
.thresholds-panel{padding:16px 22px!important;margin-top:14px}.thresholds-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.threshold-cell{display:flex;flex-direction:column;padding:4px 12px;border-right:1px solid #bcc6b1;gap:4px}.threshold-cell:last-child{border-right:0}.threshold-cell>span{font-weight:700;font-size:13px}.threshold-cell strong{font-size:29px;line-height:1.2;color:#193c35}.threshold-cell small{font-size:11px;color:#64746a}.threshold-cell.featured strong{color:#668318}.threshold-cell.mastery strong{color:#8b6827}.threshold-source{margin-top:12px;padding-top:9px;border-top:1px solid #c5cbbd;display:flex;justify-content:space-between;font-size:11px;color:#68766d}.threshold-source details{position:relative}.threshold-source details p{position:absolute;right:0;z-index:5;width:280px;max-width:80vw;padding:12px;background:#f1efe2;border:1px solid #bac4ac;border-radius:8px;box-shadow:0 3px 14px #101d1d33}.build-tabs{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important}.source-stat-note{font-size:12px;line-height:1.5;margin:12px 0;color:#62705f}.source-stat-note a{font-weight:700;color:#667f25}.source-usage-badge{display:inline-block;color:#60791e;background:#dce4c8;border:1px solid #b5c396;border-radius:4px;padding:2px 5px;font-size:11px;margin:3px}.source-note-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.source-note-toolbar>strong{font-size:14px}.source-stat-note+ .section-top{margin-top:10px}.catalog-build-labels:empty{display:none}.catalog-top-status{font-size:11px}.equipment-with-directive:has(.directive-card:empty){grid-template-columns:1fr}
@media(max-width:760px){.thresholds-grid{grid-template-columns:repeat(3,1fr);gap:12px 0}.threshold-cell{padding:4px 9px}.threshold-cell:nth-child(3){border-right:0}.threshold-cell strong{font-size:25px}.thresholds-panel{padding:14px 12px!important}.build-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.source-note-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.threshold-cell>span{font-size:11px}.threshold-cell small{font-size:10px}.threshold-cell strong{font-size:22px}}

.threshold-cell>span{display:flex;align-items:center;gap:6px;min-height:28px}.threshold-cell>span img{width:28px;height:28px;object-fit:contain}
.threshold-cell{min-width:0}.threshold-cell>span{flex-wrap:wrap;overflow-wrap:anywhere}.threshold-cell small{overflow-wrap:anywhere}.threshold-cell>span img{flex-shrink:0}
@media(max-width:900px){html body.loadoutStandaloneV2.fhSidebarLayout:not(.fhMenuOpen) .approvedTopbar .approvedNav{transform:translateX(-270px)!important}html body.loadoutStandaloneV2.fhSidebarLayout.fhMenuOpen .approvedTopbar .approvedNav{transform:translateX(0)!important}}

.wg-region-bar{display:flex;align-items:center;gap:12px;padding:12px 22px!important;margin-top:14px}.wg-region-bar label{font-weight:700}.wg-region-bar select{padding:7px 14px;border:1px solid #b7c5a0;border-radius:6px;background:#eeefde;color:#193c35;font:inherit}.wg-region-bar p{margin:0;font-size:12px;color:#62705f}.loadout-search-guide h2{font-size:22px}.loadout-search-guide>p{color:#62705f;font-size:13px;line-height:1.6}.loadout-search-guide details{border-top:1px solid #c5cbbd;padding:12px 0}.loadout-search-guide summary{cursor:pointer;font-weight:700;font-size:14px}.loadout-search-guide details p{font-size:13px;line-height:1.7;margin:10px 0 0}.loadout-search-guide a{color:#60791e}.loadout-search-guide .regional-value{display:inline-block;margin:4px 16px 4px 0}.loadout-search-guide .source-date{font-size:11px;color:#68766d}
@media(max-width:760px){.wg-region-bar{flex-wrap:wrap;padding:12px!important}.wg-region-bar p{flex-basis:100%}.loadout-search-guide h2{font-size:19px}}