/* Character.swf's copper equipment circles keep their painted rim and aspect. */
/* Overlay all previews in the same grid cell. Their largest content reserves
   the space, so changing the inspected slot never moves the surrounding HUD. */
body[data-view=builder] .arsenal-showcase{display:grid;align-items:start}
body[data-view=builder] .arsenal-inspection-panel{grid-area:1 / 1;min-width:0}
body[data-view=builder] .arsenal-inspection-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}
body[data-view=builder] .arsenal-showcase-image{animation:none}
body[data-view=builder] .arsenal-slot-token{
  width:84px;height:84px;
  background:transparent;
}
body[data-view=builder] .arsenal-slot .arsenal-slot-token{
  background:url('/assets/ui/wardrobe-node.webp') center/contain no-repeat,
    radial-gradient(circle closest-side,#342923 94%,transparent 95%);
}
body[data-view=builder] .arsenal-slot-ring{
  inset:0;background:none;opacity:1;transform:none;
}
body[data-view=builder] .arsenal-slot-ring:after{
  inset:3px;border:1px solid #98763e66;
}
body[data-view=builder] .arsenal-slot.is-equipped .arsenal-slot-ring:after{border-color:transparent}
body[data-view=builder] .arsenal-slot:is(:hover,[aria-pressed=true]) .arsenal-slot-ring{
  opacity:1;transform:none;
}
body[data-view=builder] .arsenal-slot:is(:hover,[aria-pressed=true]) .arsenal-slot-ring:after{
  border-color:#e1b96f;box-shadow:0 0 7px #ad803542;
}
body[data-view=builder] .arsenal-slot[aria-pressed=true] .arsenal-slot-token:before{display:none}
body[data-view=builder] .arsenal-slot-image{
  width:72px;height:72px;object-fit:contain;position:relative;z-index:1;
}
/* Keep the entire item in the circle's inscribed square. Only its artwork
   is clipped; affinity badges, the rim and the hit surface stay outside. */
body[data-view=builder] .arsenal-slot-art{
  position:absolute;inset:4px;z-index:1;display:flex;
  align-items:center;justify-content:center;border-radius:50%;overflow:hidden;
}
body[data-view=builder] .arsenal-slot-art .arsenal-slot-image{
  width:70%;height:70%;object-fit:contain;object-position:center;
}
/* Empty slots retain their game HUD disc and a readable category silhouette. */
body[data-view=builder] .arsenal-slot-token .empty-equipment-art{
  width:64px;height:64px;opacity:.9;
  filter:sepia(.35) brightness(.95) drop-shadow(0 1px 1px #241b1a66);
}
body[data-view=builder] .arsenal-slot-affinities{position:absolute;inset:0;z-index:2;pointer-events:none}
body[data-view=builder] .arsenal-slot-affinities img{
  position:absolute;width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 1px #241b1a80);
  pointer-events:auto;
}
body[data-view=builder] .arsenal-slot-affinities img:nth-child(1){left:0;top:12px}
body[data-view=builder] .arsenal-slot-affinities img:nth-child(2){left:13px;top:0}
body[data-view=builder] .arsenal-slot-affinities img:nth-child(3){left:34px;top:0}
/* The transparent circular hit surface owns pointer interaction. Virtue
   badges stay unclipped; the text is outside the hit surface. */
body[data-view=builder] .arsenal-slot,
body[data-view=builder] .arsenal-slot:is(:hover,[aria-pressed=true],:focus-visible){
  gap:.7rem;padding:.5rem .3rem;background:transparent;border-color:transparent;
  box-shadow:none;outline:none;pointer-events:none;cursor:default;
}
body[data-view=builder] .arsenal-slot *{pointer-events:none}
body[data-view=builder] .arsenal-slot .arsenal-slot-hit{
  position:absolute;inset:0;z-index:3;border-radius:50%;clip-path:circle(50%);
  pointer-events:auto;cursor:pointer;
}
body[data-view=builder] .arsenal-slot:focus-visible .arsenal-slot-ring:after{
  border-color:#f0c264;outline:2px solid #715227;outline-offset:1px;
}
@media(max-width:1100px) and (min-width:761px){
  body[data-view=builder] .arsenal-slot-token{width:72px;height:72px}
  body[data-view=builder] .arsenal-slot-image{width:62px;height:62px}
}
@media(max-width:1100px){
  body[data-view=builder] .arsenal-stage{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:'showcase showcase' 'helm weapon' 'body sidearm' 'legs talisman' 'pact .';
    grid-template-rows:auto repeat(4,minmax(132px,auto));gap:.4rem .55rem;min-height:0;
  }
  body[data-view=builder] .arsenal-showcase{padding:.7rem 0 1rem}
  body[data-view=builder] .arsenal-showcase-art{height:180px}
  body[data-view=builder] .arsenal-orbit{inset:0 5% auto;height:180px}
}
@media(max-width:760px){
  body[data-view=builder] .arsenal-slot-token{width:68px;height:68px}
  body[data-view=builder] .arsenal-slot-image{width:58px;height:58px}
  body[data-view=builder] .arsenal-slot-token .empty-equipment-art{width:52px;height:52px}
  body[data-view=builder] .arsenal-slot,
  body[data-view=builder] .arsenal-slot:is(:hover,[aria-pressed=true],:focus-visible){justify-content:flex-start;padding:.4rem .15rem;gap:.3rem}
  body[data-view=builder] .arsenal-slot-affinities img{width:17px;height:17px}
  body[data-view=builder] .arsenal-slot-affinities img:nth-child(1){top:10px}
  body[data-view=builder] .arsenal-slot-affinities img:nth-child(2){left:11px}
  body[data-view=builder] .arsenal-slot-affinities img:nth-child(3){left:29px}
}