/* The three user-supplied Hide patterns are the complete visible camo selection.
   Legacy finish definitions and assets remain available to internal game systems. */
.skin-swatch.hide-arctic,
.skin-swatch.hide-forest,
.skin-swatch.hide-desert{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  image-rendering:auto;
  border:1px solid #e8f5ff88;
  box-shadow:inset 0 0 0 1px #08172c44;
}
.skin-swatch.hide-arctic{background-image:url('./textures/arctic-hide-user-v1.jpg')}
.skin-swatch.hide-forest{background-image:url('./textures/forest-hide-user-v1.jpg')}
.skin-swatch.hide-desert{background-image:url('./textures/desert-hide-user-v1.jpg')}
.skin-grid:has(>.skin-card[data-skin="arctichide"]){grid-template-columns:repeat(3,minmax(0,1fr))}
.skin-card:is([data-skin="arctichide"],[data-skin="foresthide"],[data-skin="deserthide"]){min-height:130px}
.skin-card:is([data-skin="arctichide"],[data-skin="foresthide"],[data-skin="deserthide"]) .skin-swatch{height:76px}
.br-locker-camo:is([data-locker-camo="arctichide"],[data-locker-camo="foresthide"],[data-locker-camo="deserthide"]) .skin-swatch{min-height:90px}
@media(max-width:580px){
  .skin-grid:has(>.skin-card[data-skin="arctichide"]){grid-template-columns:repeat(2,minmax(0,1fr))}
  .skin-card:is([data-skin="arctichide"],[data-skin="foresthide"],[data-skin="deserthide"]) .skin-swatch{height:60px}
}