/* SwankageTCG — genuine current Atrium card frame.
   These CSS declarations are verbatim from the user's uploaded
   assets/css/swankagetcg-atrium.css (base, v959, v960, v1016, v1019).
   The section below is the only adapter to size one real card for Orbital Vault.
   The embedded PHP's actual card artwork is injected into .feature-card
   with .sw-atrium-real-art and is-catalog-card, so illustrative foil/labels are hidden.
*/

/* BEGIN: UNMODIFIED DECLARATIONS FROM USER'S CURRENT ATRIUM CSS */
#sw-atrium .floating-cards{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 5px 12px;min-height:247px;perspective:1000px}
#sw-atrium .flight{position:relative;transform:translateY(var(--baseline));animation:swAtriumFloatcard var(--dur) ease-in-out var(--delay) infinite;filter:drop-shadow(0 16px 16px #0009)}
#sw-atrium .flight-1{z-index:2;margin-right:-9px}
#sw-atrium .flight:hover,#sw-atrium .flight:focus-within{z-index:10;animation-play-state:paused}
#sw-atrium .feature-card{position:relative;width:143px;height:216px;border:2px solid #b3bbc7;border-radius:10px;padding:5px;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;text-align:left;transform:rotate(var(--angle));transition:transform .34s,box-shadow .34s,filter .34s,border-color .34s;background:linear-gradient(135deg,#eef5ff3b,#0a0c19 24%,#0c1423 75%,#fff5);box-shadow:0 0 0 1px rgba(var(--cr),.3) inset,0 4px 20px #000d;will-change:transform}
#sw-atrium .feature-card:hover,#sw-atrium .feature-card:focus-visible{transform:rotate(0deg) translateY(-16px) scale(1.10);border-color:#f8faff;box-shadow:0 0 0 1px #ffffff60,0 0 30px rgba(var(--gr),.45),0 20px 45px #000e}
#sw-atrium .feature-card.selected{border-color:var(--gc);box-shadow:0 0 0 2px rgba(var(--gr),.25),0 0 22px rgba(var(--gr),.32),0 15px 35px #000b}
#sw-atrium .feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(103deg,transparent 30%,#ffffff00 35%,#ffffffe3 45%,#ffe3aa7d 49%,transparent 57%);transform:translateX(-160%);pointer-events:none;transition:transform .65s cubic-bezier(.18,.7,.2,1);mix-blend-mode:screen}
#sw-atrium .feature-card:hover:after,#sw-atrium .feature-card:focus-visible:after{transform:translateX(160%)}
@keyframes swAtriumFloatcard{0%,100%{transform:translateY(var(--baseline)) translateX(0)}23%{transform:translateY(calc(var(--baseline) - 13px)) translateX(3px)}58%{transform:translateY(calc(var(--baseline) + 8px)) translateX(-4px)}80%{transform:translateY(calc(var(--baseline) - 7px)) translateX(2px)}}
#sw-atrium .feature-card{border:0;}
#sw-atrium .feature-card.is-catalog-card .foil,
#sw-atrium .feature-card.is-catalog-card .top-tag,
#sw-atrium .feature-card.is-catalog-card .art-symbol,
#sw-atrium .feature-card.is-catalog-card .art-glow,
#sw-atrium .feature-card.is-catalog-card .inner-frame,
#sw-atrium .feature-card.is-catalog-card .bottom-print{display:none}
#sw-atrium .feature-card .sw-atrium-real-art{position:absolute;z-index:1;display:block;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain;object-position:center;background:#0b101a;border-radius:4px}
#sw-atrium .feature-card.is-catalog-card::after{z-index:3}
#sw-atrium .floating-cards .feature-card {
  box-sizing: border-box;
  width: 143px;
  min-width: 143px;
  max-width: 143px;
  height: 194px;
  min-height: 194px;
  max-height: 194px;
  
}
#sw-atrium .floating-cards .feature-card.is-catalog-card .sw-atrium-real-art {
  inset: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  object-fit: contain;
  object-position: center;
  background: #0b101a;
  border-radius: 4px;
}
#sw-atrium .floating-cards .feature-card.is-catalog-card {
  background: linear-gradient(135deg,
    rgba(255,255,255,.74) 0%,
    rgba(255,255,255,.52) 28%,
    rgba(255,255,255,.22) 72%,
    rgba(255,255,255,.44) 100%);
}
#sw-atrium .floating-cards .feature-card.is-catalog-card .sw-atrium-real-art {
  background: transparent;
}
/* END: UNMODIFIED SOURCE DECLARATIONS */

/* Single-card Orbital Vault size/layout adapter (NOT part of Atrium CSS).
   Retains the source frame's exact 4px inset, white-translucent interior,
   card art transparency, borders, shadows, selected glow and hover sweep. */
/* The source --gr/--gc are normally inherited from .world (Pokémon).
   Set those exact inherited values for this standalone Orbital Vault stage. */
#sw-atrium { --gc:#ffb82e; --gr:255,184,46; }
#sw-atrium .float-stage {
  position:relative;
  z-index:3;
  width:min(295px,67%);
  margin-top:-4px;
  animation:none; /* use original .flight animation, not duplicated float */
  overflow:visible;
}
#sw-atrium .floating-cards {
  position:relative;
  width:100%;
  min-height:0;
  display:block;
  padding:0;
  overflow:visible;
}
#sw-atrium .flight {
  display:block;
  width:100%;
  margin:0;
}
#sw-atrium .floating-cards .feature-card {
  display:block;
  width:100%;
  min-width:0;
  max-width:none;
  height:auto;
  min-height:0;
  max-height:none;
  aspect-ratio:143 / 194;
  cursor:zoom-in;
  border:0; /* current Atrium integration override */
  padding:5px; /* original full 4px inset leaves 4px visible gradient frame */
}
#sw-atrium .floating-cards .feature-card.is-catalog-card .sw-atrium-real-art {
  inset:4px;
  width:calc(100% - 8px);
  height:calc(100% - 8px);
  object-fit:contain;
  object-position:center;
  background:transparent;
  border-radius:4px;
}
/* R10: instant pointer parallax with a short hover-entry blend. The parent stage does not rotate,
   so pointer coordinates remain stable while the card responds at full speed.
   Retain original Atrium float animation, metallic frame and light sweep. */
@media (hover:hover) and (pointer:fine) {
  #sw-atrium .float-stage:hover .flight { animation-play-state:paused; }
  #sw-atrium .float-stage:hover .feature-card,
  #sw-atrium .feature-card:focus-visible {
    transform: perspective(850px)
      translate3d(var(--parallax-x, 0px), calc(-16px + var(--parallax-y, 0px)), 0)
      rotateX(var(--parallax-pitch, 0deg)) rotateY(var(--parallax-yaw, 0deg))
      scale(1.095);
    border-color:#f8faff;
    box-shadow:0 0 0 1px #ffffff60,0 0 30px rgba(var(--gr),.45),0 20px 45px #000e;
  }
  /* Once entered, follow the mouse immediately; no 0.34s lag. */
  #sw-atrium .float-stage.is-tracking:not(.is-entering) .feature-card {
    transition:box-shadow .2s ease, filter .2s ease, border-color .2s ease;
  }
  /* The *first* hover pose glides in from the current floating angle/size.
     This prevents the abrupt jump observed in the October 24 user video. */
  #sw-atrium .float-stage.is-entering .feature-card {
    transition:transform .18s cubic-bezier(.20,.78,.30,1),
      box-shadow .18s ease, filter .18s ease, border-color .18s ease;
  }
  /* R11: The original .selected card has a Pokémon-orange perimeter ring.
     Hover's box-shadow previously replaced it with a white shadow, so
     explicitly keep that orange outline during parallax/hover/focus. */
  #sw-atrium .float-stage:hover .feature-card.selected,
  #sw-atrium .feature-card.selected:focus-visible {
    box-shadow:
      0 0 0 2px rgba(var(--gr), .55),
      0 0 30px rgba(var(--gr), .45),
      0 20px 45px #000e;
  }
  #sw-atrium .float-stage:hover .feature-card::after {transform:translateX(160%);}
}
#sw-atrium .feature-card:focus-visible {outline:2px solid #ffbd46;outline-offset:7px}
#sw-atrium .stage-plinth{opacity:.42}
#sw-atrium .holo-rings{opacity:.65}
@media(max-width:850px){#sw-atrium .float-stage{width:min(308px,61%)}}
@media(max-width:550px){#sw-atrium .float-stage{width:min(262px,67%)}}
@media(prefers-reduced-motion:reduce){
  #sw-atrium .flight{animation:none!important;transform:none!important}
  #sw-atrium .feature-card{transition:none!important;transform:none!important}
  #sw-atrium .feature-card::after{transition:none!important}
}