/* playarchy — in-article official screenshot gallery + lightbox */
.pa-shots{margin:34px 0 36px;padding:14px;background:linear-gradient(180deg,var(--color-surface-2),var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.pa-shots-grid{display:grid;gap:10px;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.pa-shots-grid.pa-shots-1{grid-template-columns:1fr;grid-template-rows:auto}
.pa-shots-grid.pa-shots-2{grid-template-columns:1fr 1fr;grid-template-rows:auto}
.pa-shots-grid .pa-shot:first-child{grid-row:1 / span 2}
.pa-shots-1 .pa-shot:first-child,.pa-shots-2 .pa-shot:first-child{grid-row:auto}
.pa-shot{position:relative;display:block;overflow:hidden;border-radius:var(--radius);background:#06101f;aspect-ratio:16/9;min-height:0}
.pa-shots-grid .pa-shot:first-child{aspect-ratio:auto}
.pa-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s ease;filter:saturate(1.05)}
.pa-shot:hover img{transform:scale(1.06);filter:saturate(1.2) brightness(1.06)}
.pa-shot::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);background:linear-gradient(180deg,transparent 55%,rgba(10,22,40,.55));pointer-events:none}
.pa-shot-zoom{position:absolute;right:10px;bottom:10px;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,107,26,.92);opacity:0;transform:translateY(6px);transition:var(--tr)}
.pa-shot:hover .pa-shot-zoom,.pa-shot:focus-visible .pa-shot-zoom{opacity:1;transform:none}
.pa-shots figcaption{display:flex;align-items:center;gap:7px;margin:12px 4px 0;font-size:.82rem;color:var(--color-text-dim);letter-spacing:.02em}
.pa-shots figcaption svg{color:var(--color-primary)}
@media (max-width:640px){
  .pa-shots{padding:10px}
  .pa-shots-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .pa-shots-grid .pa-shot:first-child{grid-column:1 / -1;grid-row:auto;aspect-ratio:16/9}
}
/* Lightbox */
.pa-lb{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(4,10,20,.92);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s ease}
.pa-lb.open{opacity:1;pointer-events:auto}
.pa-lb img{max-width:92vw;max-height:84vh;border-radius:var(--radius);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.pa-lb button{position:absolute;border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.08);width:46px;height:46px;border-radius:50%;font-size:22px;line-height:1;display:grid;place-items:center;transition:var(--tr)}
.pa-lb button:hover{background:var(--color-primary)}
.pa-lb .lb-x{top:18px;right:18px}
.pa-lb .lb-p{left:18px;top:50%;transform:translateY(-50%)}
.pa-lb .lb-n{right:18px;top:50%;transform:translateY(-50%)}
.pa-lb .lb-c{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:var(--color-text-muted);font-size:.85rem}
/* Featured cover: keep official artwork crisp and on-brand */
.article-hero{position:relative}
.article-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(10,22,40,.35))}