/* ── CARD LIGHTBOX (click-to-zoom) ── */
.card-lightbox{
  /* above the judge-popup (960) + deal-popup (970): examine opens FROM both
     (Chairman 8/2: click a Judge's Table card → popup); confirms (1000) stay on top */
  position:fixed;inset:0;z-index:975;
  background:rgba(4,3,12,.72);backdrop-filter:blur(7px);
  display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px 16px;
  animation:clIn .18s ease-out;
}
@keyframes clIn{from{opacity:0;}to{opacity:1;}}
.cl-inner{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:100%;margin:auto;flex:none;}
.cl-card{
  /* size set inline by the fit() in openCardLightbox (scales to the window) */
  display:flex;align-items:flex-start;justify-content:flex-start;
}
/* zoom lives on the wrapper; holo's rotateX/Y stays on .card-wrap inside it,
   so hovering tilts the card without resetting its scale. */
.cl-scale{transform-origin:top left;cursor:zoom-in;}
/* bigger, clearer text on the zoomed card (board hides body text; here it's the point) */
.cl-card .card-title{font-size:21px !important;}
.cl-card .card-excerpt{font-size:16px !important;line-height:1.5 !important;color:rgba(234,230,216,.92) !important;font-style:normal !important;}
.cl-card .card-dates{font-size:11px !important;}
.cl-bar{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;
  max-width:100%;background:rgba(17,24,32,.96);
  border:.5px solid #52616b;border-radius:10px;padding:10px 20px;
  backdrop-filter:blur(6px);
}
.cl-credit{text-align:center;margin-top:7px;}
.cl-credit a{font-family:'Spectral',serif;font-size:12px;font-style:italic;color:#c4cdd2;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;}
.cl-credit a:hover{color:var(--gold);}
/* provenance — how an EARNED card was won (first Daily victory etc.) */
.cl-prov{font-family:'Spectral',serif;font-size:11.5px;font-style:italic;color:var(--gold);margin-bottom:3px;}
.cl-wiki,.cl-forge{
  font-family:'Cinzel',serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;min-height:44px;display:inline-flex;align-items:center;
  color:#dcc98d;text-decoration:none;border-bottom:.5px solid #dcc98d;padding-bottom:1px;
}
.cl-wiki:hover,.cl-forge:hover{opacity:.8;}
.cl-claim{
  background:linear-gradient(135deg,#c9b97a,#a89048);border:none;border-radius:7px;
  padding:8px 18px;color:#06040c;font-family:'Cinzel',serif;font-size:11px;letter-spacing:2px;min-height:44px;
  cursor:pointer;text-transform:uppercase;
}
.cl-claim:hover{opacity:.9;}
.cl-claim:disabled{opacity:.5;cursor:default;}
.cl-use{min-height:44px;}
.cl-status{font:italic 14px/1.5 'Spectral',serif;color:#c4cdd2;}
.cl-status a{color:#dcc98d;}
.card-lightbox .cl-close{position:fixed;top:10px;right:12px;min-width:44px;min-height:44px;background:#111820;border:1px solid #52616b;border-radius:50%;color:#fff;font:24px/1 sans-serif;cursor:pointer;}
.card-lightbox a:focus-visible,.card-lightbox button:focus-visible{outline:2px solid var(--gold,#c9b97a);outline-offset:3px;}
.card-lightbox .cl-offer{min-height:44px;color:#dcc98d;border-color:#dcc98d;}
/* Phone action bars wrap beneath the card instead of extending offscreen. */
@media(max-width:640px){
  .card-lightbox{padding:16px 12px;}
  .cl-inner{gap:10px;}
  .cl-bar{gap:8px 14px;padding:8px 12px;}
  .cl-status{flex-basis:100%;text-align:center;}
  .cl-card .card-title{font-size:21px !important;}
}