
.lr020e-loadout-panel{margin-top:1.25rem;border:1px solid rgba(255,255,255,.12);background:rgba(6,8,8,.94);padding:clamp(1rem,2.4vw,1.55rem)}
.lr020e-loadout-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}
.lr020e-loadout-head small,.lr020e-loadout-status span{font-size:.64rem;font-weight:800;letter-spacing:.16em;color:rgba(230,234,232,.48)}
.lr020e-loadout-head h3{margin:.3rem 0 0;font-size:clamp(1.2rem,2.6vw,1.8rem);line-height:.96}
.lr020e-loadout-head>b{border:1px solid rgba(255,255,255,.18);padding:.46rem .62rem;font-size:.72rem;letter-spacing:.12em}
.lr020e-loadout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.lr020e-skin-card{appearance:none;text-align:left;border:1px solid rgba(255,255,255,.09);background:#090b0b;color:inherit;padding:0;cursor:pointer;transition:transform 120ms ease,border-color 120ms ease,background 120ms ease}
.lr020e-skin-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.22)}
.lr020e-skin-card.is-selected{border-color:rgba(255,255,255,.42);background:#0d1010}
.lr020e-skin-visual{position:relative;display:block;height:11rem;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.2))}
.lr020e-skin-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.035) 46%,transparent 70%)}
.lr020e-head-shape{position:absolute;left:50%;top:1.15rem;width:3rem;height:3rem;transform:translateX(-50%);border-radius:38% 38% 46% 46%;background:#2a2d2c;border:1px solid rgba(255,255,255,.12)}
.lr020e-body-shape{position:absolute;left:50%;top:3.75rem;width:5.9rem;height:6.3rem;transform:translateX(-50%);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:#202322;border:1px solid rgba(255,255,255,.09)}
.lr020e-gear-shape{position:absolute;left:50%;top:5.05rem;width:4.4rem;height:2.2rem;transform:translateX(-50%);border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.28)}
.lr020e-skin-copy{display:block;padding:.85rem}
.lr020e-skin-copy small{display:block;font-size:.56rem;font-weight:800;letter-spacing:.12em;color:rgba(230,234,232,.42)}
.lr020e-skin-copy strong{display:block;margin:.32rem 0 .42rem;font-size:1rem;letter-spacing:.05em}
.lr020e-skin-copy>span{display:block;min-height:3.9em;font-size:.68rem;line-height:1.4;color:rgba(230,234,232,.58)}
.lr020e-skin-copy em{display:block;margin-top:.65rem;font-style:normal;font-size:.54rem;font-weight:800;letter-spacing:.1em;color:rgba(230,234,232,.38)}
[data-skin-visual="service"] .lr020e-body-shape{background:linear-gradient(180deg,#5b5c58,#242625)}
[data-skin-visual="service"] .lr020e-gear-shape{border-color:rgba(220,220,210,.25)}
[data-skin-visual="hazard"] .lr020e-body-shape{background:linear-gradient(180deg,#24221c,#0f1110)}
[data-skin-visual="hazard"] .lr020e-gear-shape{border-color:rgba(195,145,55,.55);box-shadow:inset 0 -4px rgba(195,145,55,.14)}
[data-skin-visual="control"] .lr020e-body-shape{background:linear-gradient(180deg,#384143,#171a1a)}
[data-skin-visual="control"] .lr020e-gear-shape{border-color:rgba(85,170,180,.45);box-shadow:inset 0 -4px rgba(85,170,180,.1)}
[data-skin-visual="salvage"] .lr020e-body-shape{background:linear-gradient(180deg,#4b4139,#211f1c)}
[data-skin-visual="salvage"] .lr020e-gear-shape{border-color:rgba(125,95,135,.45);box-shadow:inset 0 -4px rgba(125,95,135,.1)}
.lr020e-loadout-contract,.lr020e-loadout-status{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}
.lr020e-loadout-contract b{font-size:.72rem;letter-spacing:.08em}
.lr020e-loadout-contract span{max-width:44rem;text-align:right;font-size:.69rem;line-height:1.45;color:rgba(230,234,232,.55)}
.lr020e-loadout-status b{font-size:.69rem;letter-spacing:.1em}
.lr020e-loadout-disabled{margin-top:1rem;border:1px solid rgba(255,255,255,.08);padding:.68rem;text-align:center;font-size:.61rem;font-weight:800;letter-spacing:.11em;color:rgba(230,234,232,.38)}
@media(max-width:900px){.lr020e-loadout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.lr020e-loadout-head{align-items:flex-start;flex-direction:column}.lr020e-loadout-grid{grid-template-columns:1fr}.lr020e-loadout-contract{display:block}.lr020e-loadout-contract span{display:block;margin-top:.4rem;text-align:left}}
