.card-portrait {
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    overflow: hidden;
    isolation: isolate;
    border-radius: 7px;
    background: #302340;
    box-shadow: inset 0 0 0 1px #fff1ce30;
    pointer-events: none;
}
.card-portrait-grid { width: 72px; height: 72px; margin-top: 12px; border-radius: 10px; }
.card-portrait-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.card-portrait-cutout { position: absolute; inset: 3% 3% 0; width: 94%; height: 97%; object-fit: contain; object-position: center bottom; }
.card-portrait-fallback { position: absolute; inset: 0; display: grid; place-items: center; font-size: 20px; }
.card-portrait-grid .card-portrait-fallback { font-size: 42px; }