.deck-cover-shelf {
  background: #111711;
  color: var(--beige);
  border-block: 1px solid var(--line);
  padding: clamp(42px,5.4vw,90px) 0 clamp(36px,4.4vw,72px);
  scroll-margin-top: 18px;
}
.deck-cover-heading { display:flex; align-items:end; justify-content:space-between; gap:22px; margin-bottom:26px; }
.deck-cover-heading h2 { font-size:clamp(37px,4.5vw,76px); line-height:1.08; letter-spacing:-.05em; margin:0 0 12px; }
.deck-cover-heading h2 .pixel { font-size:.76em; }
.deck-cover-heading p { margin:0; max-width:53ch; font-size:clamp(16px,1.3vw,20px); line-height:1.55; color:#c7bcaa; }
.deck-cover-controls { display:flex; align-items:center; gap:6px; }
.deck-cover-controls[hidden] { display:none; }
.deck-cover-controls button,.cover-inspector button {
  display:inline-grid; place-items:center; background:none; color:var(--beige);
  border:1px solid #7b897570; min-width:44px; min-height:44px; padding:6px 12px; cursor:pointer; font:15px/1.3 var(--mono);
}
.deck-cover-controls button:is(:hover,:focus-visible),.cover-inspector button:is(:hover,:focus-visible) { border-color:var(--green); color:var(--green); }

.deck-cover-controls button:disabled { opacity:.4;cursor:default; }
.deck-cover-track {
  --gutter:max(5vw, calc((100vw - 1530px) / 2));
  display:flex; list-style:none; gap:clamp(14px,1.6vw,24px); padding:4px var(--gutter) 14px;
  margin:0; overflow-x:auto; scroll-snap-type:x proximity; scroll-padding-inline:var(--gutter); scrollbar-width:thin;
  scrollbar-color:#728766 #1b241d; overscroll-behavior-x:contain;
}
.deck-cover-card { flex:0 0 clamp(300px,32vw,490px); min-width:0; scroll-snap-align:start; }
.deck-cover-open { display:block; text-decoration:none; color:inherit; }
.deck-cover-picture { display:grid; place-items:center; width:100%; aspect-ratio:16/9; overflow:hidden; background:#0a0d0b; outline:1px solid #a1ab8a40; outline-offset:-1px; }
.deck-cover-picture img { display:block; width:100%; height:100%; object-fit:contain; }
.deck-cover-open:focus-visible,.deck-cover-track:focus-visible { outline:2px solid var(--green); outline-offset:-2px; }
.deck-cover-caption { display:flex; justify-content:space-between; align-items:start; gap:10px; padding:13px 0 4px; }
.deck-cover-caption strong { display:block; font-size:clamp(20px,1.6vw,27px); line-height:1.2; font-weight:600; letter-spacing:-.035em; }
.deck-cover-caption small { display:block; margin-top:4px; color:var(--muted);font-size:15px;line-height:1.4; }
.deck-cover-number { color:var(--green);font-family:var(--pixel);font-size:15px; }
.cover-inspector {
  position:fixed; inset:0; margin:auto; width:min(1100px,94vw); max-width:100vw; max-height:94vh; max-height:94dvh;
  padding:0; color:var(--beige); background:#0c110d; border:1px solid #83927b77;
}
.cover-inspector::backdrop { background:#050906e8; }
.cover-inspector-bar,.cover-inspector-foot { display:flex; gap:12px; justify-content:space-between; align-items:center; padding:10px clamp(12px,2vw,24px); }
.cover-inspector h2 { margin:0; font:600 clamp(20px,2vw,29px)/1.2 var(--sans); }
.cover-inspector img { display:block; width:100%; height:auto; max-height:calc(92dvh - 155px); object-fit:contain; background:#080b09; }
.cover-inspector-foot p { font-size:15px; line-height:1.4; color:#c7bcaa; margin:0; }
.cover-inspector-foot div { display:flex; gap:6px; }
@media(max-width:700px){
  .deck-cover-heading { display:block; }
  .deck-cover-controls { margin-top:17px; }
  .deck-cover-track { --gutter:22px; }
  .deck-cover-card { flex-basis:min(80vw,420px); }
  .cover-inspector-foot { align-items:start; }
}

.deck-cover-controls button[hidden] { display:none; }

.deck-cover-track.is-looping { scroll-snap-type:none; scroll-behavior:auto; scrollbar-width:none; overflow-anchor:none; }
.deck-cover-track.is-looping::-webkit-scrollbar { display:none; }
.deck-cover-track:not(.is-looping) > [data-copy] { display:none; }