/* The black member card (the Founding Members pass, the Muck Club hero): its own sheet so any page can show it
   (Shaun, 2026-10-29: "we should reuse that cool black card on the muck club hero too"). Moved from
   assets/promotions/campaign.css; sizes its text to its own width (container-type). */
.black-member-card{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.586;border-radius:17px;padding:7%;color:#d6d3c9;background:linear-gradient(115deg,#303234 0%,#161719 27%,#090a0b 59%,#202224 100%);border:1px solid #646466;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -2px 2px #000,0 18px 32px #0008;margin-bottom:28px;container-type:inline-size}
.black-member-card:before{content:"";position:absolute;inset:1px;border-radius:16px;z-index:-1;opacity:.25;background:repeating-linear-gradient(0deg,transparent 0 2px,#ffffff0b 2px 3px);pointer-events:none}
.black-member-card:after{content:"";position:absolute;width:90%;aspect-ratio:1;right:-40%;top:-5%;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 15px #ffffff03,0 0 0 30px #ffffff03,0 0 0 45px #ffffff03;z-index:-1}
.black-card-brand{display:flex;align-items:center;justify-content:space-between}
.black-card-brand img{width:30%;height:auto}
.black-card-brand>span{text-align:right;font-size:2.5cqw;letter-spacing:.18em;line-height:1.8;color:#bbb9b1}
.black-card-brand b{font-weight:500;font-size:2cqw;color:#858582}
.black-card-crew{display:block;margin-top:24%;font-size:2.3cqw;letter-spacing:.25em;color:#a29c8a}
.black-card-title{font-size:4.2cqw;letter-spacing:.12em;margin-top:2%;text-shadow:0 1px #000,0 -1px #ffffff30}
.black-card-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:9%;gap:10px}
.black-card-label{font-size:1.9cqw;letter-spacing:.17em;color:#90908b;display:block;margin-bottom:5px}
.black-member-card .vip-name{font-size:4cqw;font-weight:500;letter-spacing:.03em;margin:0;color:#dfded7;line-height:1.2;max-width:23ch}
.black-member-card .pass-number{font-size:5cqw;letter-spacing:.02em;margin:0;line-height:1;color:#c9bd98;white-space:nowrap}
.black-card-bottom>div:last-child{text-align:right}