.card-page{padding-block:2.5rem 7rem}
.card-back{display:inline-block;margin-bottom:2rem;color:var(--gold);font:700 .78rem/1.5 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.card-detail{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}
.card-art{min-width:0;padding:10px;background:#1c1a29;border:1px solid #a7997b66;box-shadow:0 28px 75px #0007}
.card-art img{display:block;width:100%;height:auto;max-height:750px;object-fit:contain;object-position:center}
.card-copy{min-width:0}
.card-copy h1{font-size:clamp(3rem,5.2vw,5.7rem);margin:1rem 0 1.2rem}
.card-preset{color:var(--gold);font:700 .69rem/1.5 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.card-summary{max-width:560px;margin-top:2.2rem;font:1.02rem/1.85 Arial,sans-serif;color:#e0d9da}
.card-source-note{margin-top:1.1rem;color:#bcb2bd;font:.75rem/1.6 Arial,sans-serif}
.card-copy .button{margin-top:2.2rem}
.field-preview{margin-top:6rem;padding-top:2rem;border-top:1px solid var(--line)}
.field-preview[hidden]{display:none}
.field-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}
.field-heading h2{margin-top:.65rem}
.field-heading>p{font:.85rem/1.7 Arial,sans-serif;color:var(--muted)}
.field-stage{min-height:320px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center bottom,#393141,#171521 62%,#100f1b);border:1px solid #a7997b55}
.field-sprite{width:min(320px,75vw);background-repeat:no-repeat;image-rendering:auto;filter:drop-shadow(0 10px 18px #000a)}
.field-controls{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.field-controls button{min-height:44px;padding:.55rem 1rem;border:1px solid #a7997b88;background:#181624;color:var(--cream);font:700 .77rem/1.3 Arial,sans-serif;cursor:pointer}
.field-controls button:hover:not(:disabled),.field-controls button[aria-pressed="true"]{background:#3c3243;border-color:var(--gold)}
.field-controls button:disabled{opacity:.55;cursor:default}
@media(max-width:760px){.card-page{padding-block:1.2rem 4.5rem}.card-detail{grid-template-columns:1fr;gap:2.3rem}.card-art{max-width:530px;margin-inline:auto}.card-copy h1{font-size:clamp(2.7rem,10vw,4rem)}.card-summary{margin-top:1.3rem}.field-preview{margin-top:4rem}.field-heading{display:block}.field-heading>p{margin-top:.7rem}.field-stage{min-height:260px}}