button.prompt-card-inspect{display:inline-block;background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;max-width:100%}
button.prompt-card-inspect:focus-visible{outline:3px solid #e0b85f;outline-offset:4px}
.public-card-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 24px));max-height:72dvh;overflow:auto;background:#20192e;color:#f7eedc;border:2px solid #d9b76a;border-radius:18px;padding:16px;font:14px/1.4 system-ui,sans-serif}
.public-card-dialog::backdrop{background:#0009}
.public-card-dialog h2{font-size:22px;margin:0 0 12px}
.public-card-dialog>img{display:block;max-width:100%;width:auto;height:auto;max-height:40dvh;object-fit:contain;margin:14px auto}
.public-card-dialog>strong{display:block}.public-card-dialog p{white-space:pre-wrap}
.public-discard-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}
.public-discard-gallery figure{margin:0;min-width:0}.public-discard-gallery img{display:block;width:100%;max-height:34dvh;object-fit:contain}
.public-discard-gallery figcaption{font-weight:700;margin-top:6px}.public-discard-gallery p{font-size:12px}
.public-card-close{display:block;margin:0 0 16px;max-width:100%;background:#30243f;color:#f7eedc;border:1px solid #d9b76a;border-radius:9px;padding:9px 20px;font:inherit;cursor:pointer}

/* Tremaine's trapped Heroes use the same artwork as the centered location lock. */
.current-hero-lock{position:absolute;right:3px;bottom:32px;z-index:6;width:26px;height:29px;border:1px solid rgba(242,217,144,.74);border-radius:6px;background:rgba(8,7,13,.8) url("assets/lock-outline.svg") center/20px 22px no-repeat;box-shadow:0 2px 5px rgba(0,0,0,.52);pointer-events:none}
:is(.trapped-hero-art,.current-strength-art){position:relative;display:inline-block;max-width:100%;vertical-align:top}
:is(#modalContent,#boxContent,.public-card-dialog) :is(.trapped-hero-art,.current-strength-art) > span.current-hero-strength{position:absolute;right:3px;bottom:3px;z-index:6;display:grid;place-items:center;box-sizing:border-box;min-width:26px;height:26px;padding:2px;margin:0;border:2px solid #cba868;border-radius:50%;background:#17131f;color:#fff;font:800 16px/1 system-ui,sans-serif;pointer-events:none}
:is(#modalContent,#boxContent,.public-card-dialog) :is(.trapped-hero-art,.current-strength-art) > span.current-hero-lock{margin:0}
:is(#modalContent,#boxContent) .choice-button > span:is(.trapped-hero-art,.current-strength-art){display:inline-block;margin:0}
:is(#modalContent,#boxContent) :is(.trapped-hero-art,.current-strength-art) > .choice-card-art{width:auto;max-width:100%}
#boxContent :is(.trapped-hero-art,.current-strength-art){max-width:100%}
#boxContent .card :is(.trapped-hero-art,.current-strength-art){display:block;width:100%}
.public-card-dialog > :is(.trapped-hero-art,.current-strength-art){display:table;margin:14px auto}
.public-card-dialog > :is(.trapped-hero-art,.current-strength-art) > img{display:block;max-width:100%;width:auto;height:auto;max-height:40dvh;object-fit:contain}