/* R2700: wspólny podgląd pudełka puzzli dla Pamięciówki i Sprintu.
   Kalibracja względem pudelko-puzzle.webp 1398x2048. Zielone pole obrazu: x=272..1349, y=618..1967. */
.pz-showcase-box{
  --box-screen-left:19.456366%;
  --box-screen-top:30.175781%;
  --box-screen-width:77.110157%;
  --box-screen-height:65.917969%;
  position:absolute;z-index:65;left:50%;top:50%;width:min(44%,340px);aspect-ratio:1398/2048;
  transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 13px 16px rgba(0,0,0,.22));
}
.pz-showcase-box[hidden]{display:none!important}
.pz-showcase-box__art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center;pointer-events:none}
.pz-showcase-box__screen{
  position:absolute;z-index:3;left:var(--box-screen-left);top:var(--box-screen-top);width:var(--box-screen-width);height:var(--box-screen-height);
  overflow:hidden;border:0;border-radius:0;background:#c7ad86;pointer-events:none;
}
.pz-showcase-box__screen img{
  position:absolute!important;left:-4px!important;top:-4px!important;width:calc(100% + 8px)!important;height:calc(100% + 8px)!important;
  max-width:none!important;max-height:none!important;margin:0!important;display:block!important;object-fit:fill!important;object-position:center!important;
  background:#c7ad86!important;color:transparent!important;filter:saturate(.94) contrast(.97) brightness(.98) sepia(.05);user-select:none;-webkit-user-drag:none;
}
.pz-showcase-box__caption{position:absolute;z-index:5;left:50%;bottom:-2px;transform:translate(-50%,100%);white-space:nowrap;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,90,0,.22);background:rgba(255,250,246,.92);color:#733610;box-shadow:0 5px 14px rgba(0,0,0,.08);font:800 8px/1.15 Manrope,sans-serif}
html[data-theme="dark"] .pz-showcase-box__caption{background:rgba(23,27,32,.94);border-color:#634026;color:#ffb187}
@media(max-height:620px) and (orientation:landscape){.pz-showcase-box{width:min(35%,215px)}.pz-showcase-box__caption{display:none}}
@media(max-width:920px) and (orientation:landscape){.pz-showcase-box{width:min(37%,235px)}}
@media(prefers-reduced-motion:reduce){.pz-showcase-box{transition:none!important}}

/* R3170: brak zielonego mignięcia i tekstu alt przed podmianą okładki. */
.pz-showcase-box__screen{background:#c7ad86!important}
.pz-showcase-box__screen img{background:#c7ad86!important;color:transparent!important}
