.card-detail-page{background:radial-gradient(circle at 82% 8%,rgba(167,44,53,.10),transparent 28%),#050609;color:#eef2f5}
.detail-shell{max-width:var(--max);margin:0 auto;padding:34px 20px 82px}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#75828e;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.breadcrumb a{color:#aeb9c2;text-decoration:none}.breadcrumb a:hover{color:#fff}
.detail-header{padding:46px 0 28px}
.detail-header h1{max-width:1050px;margin:7px 0 14px;font:900 clamp(3rem,7vw,6.5rem)/.9 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.035em}
.detail-header>p:last-child{max-width:820px;margin:0;color:#9facb7;font-size:1.04rem;line-height:1.65}
.card-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card-face{margin:0;border:1px solid var(--line);background:#0b1017}
.image-stage{min-height:520px;padding:22px;display:grid;place-items:center;background:linear-gradient(145deg,#101821,#06090d)}
.image-stage img{display:block;width:100%;height:100%;max-height:760px;object-fit:contain}
.card-face figcaption{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}
.card-face figcaption strong{font:900 1.1rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.card-face figcaption span{color:#8996a1;font-size:.7rem;text-align:right}
.card-information{display:grid;grid-template-columns:.7fr 1.3fr;gap:34px;margin-top:26px;padding:28px;border:1px solid var(--line);background:#0a0f15}
.card-information h2{margin:7px 0 0;font:900 2.3rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line)}
.facts div{padding:16px;background:#0d141d}.facts dt{color:#77848f;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.facts dd{margin:7px 0 0;color:#edf2f5;font-weight:800;overflow-wrap:anywhere}
.record-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:20px}
.record-nav a{min-height:44px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--line);background:#0b1017;color:#dbe2e8;text-decoration:none;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.record-nav .all-cards{justify-content:center}.record-nav #nextCard{justify-self:end}.record-nav a:hover{border-color:#a72c35}
.loading-card,.error-card{margin-top:46px;padding:30px;border:1px solid var(--line);background:#0b1017;color:#aeb9c2}.error-card h1{margin:0 0 10px;color:#fff;font:900 2.6rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.error-card a{color:#fff}
@media(max-width:850px){.card-visuals,.card-information{grid-template-columns:1fr}.image-stage{min-height:420px}.facts{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.detail-shell{padding-left:12px;padding-right:12px}.detail-header{padding-top:32px}.card-visuals{gap:10px}.image-stage{min-height:360px;padding:12px}.card-face figcaption{align-items:flex-start;flex-direction:column}.card-face figcaption span{text-align:left}.card-information{padding:18px}.facts{grid-template-columns:1fr}.record-nav{grid-template-columns:1fr 1fr}.record-nav .all-cards{grid-column:1/-1;grid-row:1}.record-nav #nextCard{justify-self:stretch;justify-content:flex-end}}

.scan-pending-detail{margin:0;text-align:center;max-width:15ch;line-height:1.55;font-size:1rem;font-weight:750;color:#bfd0dc}
.image-stage:has(.scan-pending-detail:not([hidden])){background:linear-gradient(145deg,#101c29,#0b141e);border:1px dashed rgba(151,174,194,.45);display:grid;place-items:center;padding:1rem}