/* Poker C4B gameplay (63 × 88) / M4A Memories. Art remains blank until a matching illustration exists. */
.deck-card,.note-card,.v-dialog-inner{container-type:inline-size;min-width:0}
.deck-card:has(.v-memory),.note-card:has(.v-memory){grid-column:span 2}
.v-grid{align-items:start}
.v-card,.note-card .v-card{position:relative;width:100%;min-height:0;aspect-ratio:63/88;display:flex;flex-direction:column;gap:2cqw;padding:0 4cqw 3cqw;border:1px solid #b7c1b5;border-radius:3cqw;background:#fffdf7;color:#293b33;overflow:hidden;box-shadow:0 3px 8px #0001}
.vc-art{position:relative;flex:0 0 64cqw;min-height:64cqw;margin:0 -4cqw;background:#e5e9df;overflow:hidden}
.vc-art img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;display:block}
.vc-art-pending{background:linear-gradient(145deg,#e7ebe0,#d9dfd2)}
.vc-cost{position:absolute;right:3cqw;top:3cqw;width:10cqw;height:10cqw;border-radius:50%;display:grid;place-items:center;font:700 6cqw/1 system-ui;background:#274c42;color:white;border:2px solid #fff9;box-shadow:0 2px 5px #0004}
.vc-heading{display:flex;align-items:center;gap:2cqw}
.v-card h2,.v-detail h2{font:700 7cqw/1.12 Georgia,serif;letter-spacing:-.08cqw;margin:0;flex:1;min-width:0}
.vc-kind{font:700 2.8cqw/1.3 system-ui;text-transform:uppercase;letter-spacing:.08em;color:#496454}
.vc-body{font:400 4.3cqw/1.45 system-ui;margin:0;color:#293b33;white-space:pre-line}
.vc-credits{display:flex;justify-content:space-between;gap:1cqw;margin-top:auto;padding-top:1cqw;font:400 2.2cqw/1.3 system-ui;color:#657062}
.v-memory{aspect-ratio:88/63;border-color:#b4a8be;gap:1.7cqw;padding:0 3cqw 2cqw}
.v-memory .vc-art{flex:1 0 24cqw;min-height:24cqw;margin:0 -3cqw}
.v-memory .vc-art-pending{background:linear-gradient(145deg,#ece6ef,#ddd3e4)}
.v-memory h2{font-size:4.2cqw}
.v-memory .vc-stats{display:flex;gap:1cqw;margin:0;padding:0;border:0;flex-shrink:0}
.v-memory .vc-stats div{min-width:9cqw;text-align:center}
.v-memory .vc-stats strong{font:700 4.8cqw/1 system-ui;color:#59466f}
.v-memory .vc-stats small{font:400 1.75cqw/1.3 system-ui;color:#59466f;display:block;margin-top:.5cqw}
.v-memory .vc-text{border-top:1px solid #d9d0df;padding-top:1.4cqw}
.v-memory .vc-body{font-size:3cqw}
.v-memory .vc-flavor{font:italic 2.3cqw/1.4 Georgia,serif;margin:1.2cqw 0 0;color:#667062}
.v-memory .vc-credits{font-size:1.8cqw;margin-top:0}
.v-dialog-inner{width:min(100%,640px)}
.v-dialog-inner:has(.v-memory){width:min(100%,850px)}
.compact-grid .v-card{aspect-ratio:auto;min-height:0;padding-top:0}
.compact-grid .vc-art{flex-basis:15cqw;min-height:15cqw}
.compact-grid .vc-text,.compact-grid .vc-credits{display:none}
.compact-grid .vc-stats{display:flex}
@media(max-width:1000px){.deck-card:has(.v-memory),.note-card:has(.v-memory){grid-column:auto}.viewer-mode .deck-card:has(.v-memory){grid-column:span 2}}
@media(max-width:700px){.deck-card:has(.v-memory),.viewer-mode .deck-card:has(.v-memory),.note-card:has(.v-memory){grid-column:auto}.v-memory .vc-body{font-size:3.5cqw}.v-memory .vc-stats small{font-size:2cqw}.v-memory .vc-flavor{font-size:2.7cqw}.v-memory .vc-credits{font-size:2.1cqw}}

.v-memory:has(.vc-long){aspect-ratio:auto}.vc-text,.vc-heading,.vc-kind,.vc-credits{flex-shrink:0}.v-card:has(.vc-long) .vc-art{flex:0 0 30cqw;min-height:30cqw}
