/* Artwork belongs to the card face. Its height comes from the full rules text. */
.na-page [data-card-type="biotech"]{--card-tint:48 5 14;--card-accent:#ffbbc7;--card-art-position:30% center}
.na-page [data-card-type="security"]{--card-tint:5 22 52;--card-accent:#aedaff;--card-art-position:25% center}
.na-page [data-card-type="construction"]{--card-tint:6 36 24;--card-accent:#b2efcb}
.na-page [data-card-type="labor"]{--card-tint:30 10 49;--card-accent:#ddc0ff;--card-art-position:30% center}
.na-page [data-card-type="media"]{--card-tint:42 28 3;--card-accent:#ffe0a0}
.na-page [data-card-type="emergency"]{--card-tint:54 20 5;--card-accent:#ffc29f}
.na-page .na-art-card[data-card-type]{
 --card-scrim-start:rgb(var(--card-tint) / .68);--card-scrim-end:rgb(var(--card-tint) / .56);
 --card-band:rgb(var(--card-tint) / .7);--card-footer:rgb(var(--card-tint) / .64);
}
.na-page .na-main .na-art-card,
.na-page .na-main .na-art-card:hover:not(:disabled),
.na-page .na-main .na-art-card:is(:hover,.selected,.selected-offer,.is-selected,[aria-pressed="true"]){
 background:linear-gradient(110deg,var(--card-scrim-start,#071016e8),var(--card-scrim-end,#071016b8)),var(--card-art) var(--card-art-position,center)/cover;
 color:#f4f5ec;text-shadow:0 1px 2px #000c,0 0 8px #0006;
}
.na-page .na-art-card:is(.selected,.selected-offer,.is-selected,[aria-pressed="true"]){border-color:var(--na-pink);box-shadow:inset 0 0 0 1px var(--na-pink)}
.na-page .na-card{min-height:0;border-color:#718079;box-shadow:0 2px 6px #0004}
.na-page .na-card h4{color:#f4f5ec;margin:12px 13px 7px;font-size:18px;line-height:1.25}
.na-page .na-card .na-card-text{color:#e1e8e1;font-size:14px;line-height:1.5;margin:0 13px 14px}
.na-page .na-card .na-card-band{background:var(--card-band,#07101680);color:var(--card-accent,#e7eedf);border-left:4px solid var(--type-color);font-size:10px;min-height:25px;padding:5px 12px}
.na-page .na-card .na-source{color:#b8c8ba}
.na-page .na-card .na-card-foot{background:var(--card-footer,#08131188);border-color:#a6b1ac55;color:#e0e9d6;padding:9px 12px;min-height:0}
.na-page .na-card:is(.selected,.selected-offer) .na-card-foot{background:var(--card-footer,#34432bb8);color:#f4f7dd}
.na-page .na-card :is(.na-support,.na-card-selection,.na-offer-selection){color:#e0eccb}
.na-page .na-card .na-offer-copy{color:#c6d4c8}
.na-page .na-card .na-card-foot button{min-height:44px;background:#24352a;border-color:#718566}
.na-page .na-card.na-selectable:focus-visible{outline:3px solid #fff;outline-offset:3px}
.na-page .na-offers-compact .na-offer-choice h4{margin:0;font-size:14px;line-height:1.35}
.na-page .na-offers-compact .na-offer-choice{min-height:48px}
.na-page .na-composer-card span,.na-page .na-support-offer-effect{color:#e1e8e1}
.na-page .na-support-offer-corp{color:#c4d2c8}
.na-page .na-support-offer-rule{color:#d3dfc7;border-color:#71877988}
.na-page .na-composer-card small{color:var(--card-accent,#d5e4ad)}
.na-page .na-support-offer.is-blocked{filter:saturate(.3)}

/* Prize, owned asset and theft choices share the same complete portrait face. */
.na-page .na-asset.na-asset-illustrated{
 position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;
 grid-template-columns:none;padding:0;background:#0b1619;border:1px solid #718079;
 border-left:3px solid var(--na-pink);color:#f4f5ec;box-shadow:0 2px 6px #0004;
}
.na-page .na-asset-illustrated .na-asset-art{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 32%;background:none}
.na-page .na-asset-illustrated::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,#071016ed,#071016b5)}
.na-page .na-asset-illustrated .na-asset-copy{min-width:0;padding:14px 16px;text-shadow:0 1px 2px #0008}
.na-page .na-asset-illustrated .na-asset-head h4{font-size:19px;line-height:1.2;color:#f4f5ec}
.na-page .na-asset-illustrated .na-asset-title{display:block;font-size:12px;margin:4px 0;color:#c8d8bd!important}
.na-page .na-asset-illustrated .na-asset-timing{font-size:11px;line-height:1.4;margin:8px 0 5px;color:#d7e4b9!important}
.na-page .na-asset-illustrated .na-source{color:#c0cdbf}
.na-page .na-asset-illustrated .na-asset-text{margin:0;font-size:14px;line-height:1.5;color:#e5ebe1!important}
.na-page .na-asset-illustrated .na-card-foot{padding:0;margin:12px 0 0;border:0;background:none}
.na-page .na-asset-illustrated.exhausted{opacity:1;border-color:#738075}
.na-page .na-asset-illustrated.exhausted .na-asset-art{filter:saturate(.25)}
.na-page .na-asset-illustrated .na-asset-flag{display:inline-block;align-self:start;padding:3px 6px;background:#412b18;color:#ffce95!important}
.na-page .na-asset-choice .na-asset-choice-owner{color:#d1dec5;font-size:11px}
.na-page :is(.na-investment,.na-event,.na-rival).na-art-card{min-height:0;padding:16px}
.na-page :is(.na-investment,.na-event).na-art-card h4{font-size:20px;line-height:1.2}
.na-page :is(.na-investment,.na-event,.na-rival).na-art-card p{color:#e1e8e1}
.na-page .na-art-card .na-mini-label,.na-page .na-art-card>.na-source{color:#c7d5b2}

/* Keep the portrait frames while putting the opening identities over their city. */
.na-page .na-identity-card{display:flex;align-items:flex-end;min-height:168px;isolation:isolate}
.na-page .na-identity-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.na-page .na-identity-card::after{content:"";position:absolute;inset:0;background:linear-gradient(#07101655,#071016f2);z-index:-1}
.na-page .na-identity-head{width:100%;padding:14px 12px;text-shadow:0 1px 2px #000}
.na-page .na-identity-head p{color:#d1d9cb}
.na-page .na-rival-spotlight{isolation:isolate;overflow:hidden;background:#0b1619;color:#f4f5ec}
.na-page .na-rival-spotlight .na-rival-portrait{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 24%}
.na-page .na-rival-spotlight::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#071016dd,#071016a8);pointer-events:none}
.na-page .na-rival-band{background:#07101685;color:#dbe6ce}
.na-page .na-rival-copy{padding:18px;text-shadow:0 1px 2px #0008}
.na-page .na-rival-copy h3{font-size:25px}
.na-page .na-rival-copy p{color:#e3e9df}
.na-page .na-rival-score{color:#dbe7bf;border-color:#92a57977}
.na-page .na-corp-sheet{isolation:isolate;padding-top:14px}
.na-page .na-corp-scene-large{position:absolute;inset:0 0 auto;z-index:-1;width:100%;height:270px;margin:0;opacity:.25;mask-image:linear-gradient(#000,#0009 65%,transparent)}

@media(max-width:600px){
 .na-page .na-card h4{font-size:17px}
 .na-page .na-card .na-card-text{font-size:14px}
 .na-page .na-asset-illustrated .na-asset-copy{padding:12px}
 .na-page .na-asset-illustrated .na-asset-head h4{font-size:18px}
 .na-page .na-identity-card{min-height:150px}
}