/* Two aisles (HUNTERS, WEAPON FINISHES), weapon picker under the 3D preview, Legendary gold scene. docs/SHOP.md */
.aisle-tabs{display:flex;gap:12px;margin-bottom:6px}
.aisle-tabs button{display:flex;align-items:center;gap:10px;padding:14px 22px;border:1px solid #33483c;border-radius:5px 5px 0 0;border-bottom:0;background:#12251d;color:var(--sage-300);font:19px var(--display);letter-spacing:.02em;text-transform:uppercase;cursor:pointer}
.aisle-tabs button:hover{color:var(--cream);background:#1a3328}
.aisle-tabs button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--ink-950);box-shadow:0 4px 0 var(--gold-deep)}
.aisle-tabs span{font:700 12px var(--body);background:#0b18144d;padding:2px 8px;border-radius:4px}
.aisle-tabs button:focus-visible,.weapon-list button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.stage-column{display:flex;flex-direction:column;gap:14px;min-width:0}
#stage-description{max-width:40ch;line-height:1.35;margin-top:6px}
.weapon-picker p{margin:0 0 9px;font-size:13px;letter-spacing:.04em;color:var(--sage-300)}
.weapon-list{display:flex;flex-wrap:wrap;gap:6px}
.weapon-list button{min-height:36px;padding:7px 11px;border:1px solid #3a5045;border-radius:4px;background:#12251d;color:var(--cream);font:700 13px var(--body);letter-spacing:.03em;cursor:pointer;white-space:nowrap}
.weapon-list button:hover{border-color:var(--sage-400);background:#1a3328}
.weapon-list button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--ink-950)}

/* Weapons are thin and often dark (KILN GLASS, CIRCUIT): a soft halo keeps them readable on every scene. */
.skin-card[data-category="weapon-finish"] .skin-preview img,.cart-item[data-category="weapon-finish"] img{filter:drop-shadow(0 0 7px #fff5d64d) drop-shadow(0 2px 3px #0009)}

/* Legendary: the crystal cave turned to gold, glow and rays (no dedicated capture). */
.skin-card[data-rarity="legendary"] .skin-preview,.supply-stage[data-rarity="legendary"]{
  --skin-scene:repeating-conic-gradient(from 8deg at 50% 46%,#fff1c414 0 5deg,transparent 5deg 17deg),radial-gradient(ellipse at 50% 46%,#ffd98a70,#c98a1b26 38%,transparent 66%),linear-gradient(#e0a93c,#e0a93c),url('../assets/shop/scene-crystal.png');
  background-blend-mode:normal,screen,screen,color,normal;
}
.skin-card[data-rarity="legendary"]{border-top-color:var(--gold);box-shadow:inset 0 1px 0 #ffe59a40}
.supply-stage[data-rarity="legendary"]{box-shadow:0 0 0 1px #ffc94a55,0 0 40px #ffc94a1f}

@media(max-width:760px){
  .supply-nav nav{gap:14px;font-size:13px;flex-wrap:wrap}
  .aisle-tabs{gap:8px}
  .aisle-tabs button{flex:1;justify-content:center;padding:12px 8px;font-size:14px;gap:6px}
  .aisle-tabs span{font-size:11px;padding:1px 6px}
  .weapon-list{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin}
  .weapon-list button{scroll-snap-align:start;min-height:40px}
  #stage-description{font-size:13px}
}