/* The episode's #vault button as the vault's chrome safe dial (design A), still: load after player.css.
   Markup as the players have it: <button id="vault"><span class="ic"><i></i></span><b>1</b></button>
   Clickable once it shows: #vault.on { pointer-events: auto } (the players' CSS keeps pointer-events: none). */
#vault { padding: 0; gap: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; transition: none; }
#vault.on { pointer-events: auto; cursor: pointer; }
#vault .ic { position: relative; width: 40px; height: 40px; border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, #0d0b12 0 30%, transparent 31%),
    repeating-conic-gradient(from 0deg, rgba(0,0,0,.55) 0 2deg, transparent 2deg 15deg),
    conic-gradient(from 30deg, #f7f8fb, #8a92a6, #ffffff, #5d6478, #e8ebf3, #8a92a6, #f7f8fb);
  box-shadow: 0 0 0 1.5px rgba(255,255,255,.7), 0 4px 12px rgba(0,0,0,.6), 0 0 18px rgba(255,46,147,.35); }
#vault .ic i { position: absolute; left: 50%; top: 2px; width: 2px; height: 7px; margin-left: -1px; border-radius: 1px; background: #ff2e93; box-shadow: 0 0 6px #ff2e93; transform: none; }
#vault b { position: absolute; left: 0; top: 0; width: 40px; height: 40px; display: grid; place-items: center; font: 900 14px/1 "Anybody", "Arial Narrow", sans-serif; font-stretch: 75%; color: #ff5fa8; text-shadow: 0 0 8px #ff2e93; }
#vault.bump .ic { animation: none; }
/* optional note beside it when a card lands: <span class="vnote"><b>+1 IN YOUR VAULT</b><span>PLUSH No.19 · N</span></span> inside #vault */
#vault .vnote { position: absolute; left: 47px; top: 2px; display: flex; flex-direction: column; gap: 3px; padding: 6px 9px; border-radius: 8px; white-space: nowrap; background: rgba(12,8,18,.72); box-shadow: inset 0 0 0 1px rgba(255,95,168,.55); }
#vault .vnote b { position: static; width: auto; height: auto; display: block; font: 900 11px/1 "Anybody", sans-serif; letter-spacing: .14em; color: #ff5fa8; text-shadow: none; }
#vault .vnote span { font: 700 10px/1 "Courier Prime", monospace; letter-spacing: .08em; color: rgba(255,255,255,.85); }