/* CREDITS IN PLACE (js/credits-overlay.js): the credits page in a card over the story, the music still playing. */
#psCredits{position:fixed;inset:0;z-index:60}
#psCredits[hidden]{display:none}
#psCredits .pc-scrim{position:absolute;inset:0;background:rgba(6,4,10,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#psCredits .pc-card{position:absolute;left:50%;top:max(10px,env(safe-area-inset-top));bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(960px,calc(100vw - 20px));
  display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#161320;box-shadow:inset 0 0 0 1px rgba(216,176,106,.4),0 24px 60px rgba(0,0,0,.7);animation:pcUp .25s ease-out}
@keyframes pcUp{from{transform:translateX(-50%) translateY(16px);opacity:0}to{transform:translateX(-50%);opacity:1}}
#psCredits .pc-x{flex:none;align-self:flex-start;margin:10px 12px 0;padding:0 16px;height:40px;border-radius:999px;border:1.5px solid var(--ps-gold,#e0b873);background:rgba(224,184,115,.12);color:#f6efe0;
  font:700 12px var(--ps-sans,sans-serif);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
#psCredits .pc-x:hover{background:rgba(224,184,115,.26)}
/* the credits card reuses .pc-card/.pc-x from character-card.css, whose 44 px round button (absolute in the corner on desktop)
   and two-column grid leaked in: "Back to the story" wrapped one word a line with the focus ring tracing it (2026-10-11).
   Undo every leaked property here. */
#psCredits .pc-card{max-width:none;max-height:none;grid-template-columns:none}
#psCredits .pc-x{position:relative;top:auto;right:auto;float:none;width:auto;min-width:0;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  font-size:12px;line-height:1;z-index:3;outline:none}
#psCredits .pc-x:focus-visible{box-shadow:0 0 0 3px rgba(224,184,115,.45)}
#psCredits .pc-frame{flex:1;width:100%;border:0;background:#161320}
@media (prefers-reduced-motion:reduce){ #psCredits .pc-card{animation:none} }
/* twin: in-game motion switch */ html body.ps-still #psCredits .pc-card{animation:none}