/* V35: readable revealed copy, inset character navigation and photo-only zoom. */
body.psq-character-detail > nav{
  width:calc(100% - 32px);max-width:1000px;margin-inline:auto;
  padding:clamp(16px,2vw,24px) 0;gap:20px;
}
body.psq-character-detail > nav .navgroup{gap:clamp(12px,2vw,24px);}
/* Product copy remains above a sufficiently dark local scrim. */
.shelf .piece :is(.frame,.pframe),:is(.psq-cabinet,.psq-planets) .lb-img{overflow:hidden;}
.shelf .piece :is(.frame,.pframe) img,:is(.psq-cabinet,.psq-planets) .lb-img img{
  transform:scale(1);transform-origin:center;transition:transform .65s cubic-bezier(.22,1,.36,1);
}
@media(hover:hover) and (pointer:fine){
  .shelf .piece:is(:hover,:focus-within) :is(.frame,.pframe) img,
  :is(.psq-cabinet,.psq-planets) .lb-img:hover img{transform:scale(1.04)!important;}
}
/* Readable character preview caption without dimming every idle card. */
@media(min-width:641px) and (hover:hover) and (pointer:fine){
  .deck .card.cinematic .back{
    background:linear-gradient(180deg,transparent 30%,rgba(9,10,12,.5) 55%,rgba(9,10,12,.92) 100%);
  }
  .deck .card.cinematic .back :is(.pname,.cta){color:#fff!important;text-shadow:0 1px 6px #000;}
  .deck .card.cinematic .back .idx{color:#f0d49e;}
}
body.psq-character-detail .scene-copy :is(.scene-title,.scene-line){color:#fff;text-shadow:0 2px 8px #000;}
@media(prefers-reduced-motion:reduce){
 .shelf .piece:is(:hover,:focus-within) :is(.frame,.pframe) img,
 :is(.psq-cabinet,.psq-planets) .lb-img:hover img,
 .shelf .piece :is(.frame,.pframe) img,:is(.psq-cabinet,.psq-planets) .lb-img img{transition:none!important;transform:none!important;}
}

/* Match the supplied V34 product reference on desktop and touch. */
.shelf .piece::after{
 inset:36% 0 0;
 background:linear-gradient(180deg,transparent,rgba(10,11,13,.78));
}