.card-art-frame{display:block;position:relative;width:100%;aspect-ratio:556/960;background:#f5ecd8;overflow:hidden}
.card-art-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.card-art-frame.is-reversed .card-art-image{transform:rotate(180deg)}
.report-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px 9px;justify-items:center;align-items:start}
.face-card.image-card{width:100%;max-width:130px;height:auto;aspect-ratio:auto;padding:0;border:1px solid #c69c81;border-radius:8px;display:flex;gap:0;background:#fbf0db;overflow:hidden;box-shadow:0 5px 15px #21112c33}
.face-card.image-card:before{content:none}
.image-card .card-name{display:block;width:100%;padding:7px 4px 0;color:#593d43;font-family:var(--serif);font-size:14px;line-height:1.5;text-shadow:none;overflow-wrap:anywhere}
.image-card .reversed{display:block;color:#765565;font-size:13px;line-height:1.5;padding:2px 4px 7px}
.face-card.image-card.big{width:min(210px,75%);max-width:210px;height:auto;margin:10px auto 15px}
.image-card.big .card-name{font-size:17px;padding-top:10px}
.image-card.big .reversed{font-size:14px;padding-bottom:10px}
.draw-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.draw-slot{aspect-ratio:0.5}
.draw-slot.chosen{opacity:1}
.draw-face{padding:0;gap:0;background:#f5ecd8;justify-content:flex-start}
.draw-face .card-art-frame{flex:1;min-height:0;width:100%;aspect-ratio:auto}
.draw-face .draw-card-name{flex:none;display:block;width:100%;min-height:29px;padding:5px 2px;font-size:13px;line-height:1.5;color:#52383d;background:#fff3dc;text-align:center;overflow-wrap:anywhere}
.draw-face .draw-card-position{position:absolute;z-index:2;top:5px;right:4px;padding:2px 5px;border-radius:5px;background:#271a37e8;color:#ffe6be;font-size:13px;line-height:1.4}
.mini-card.mini-card-art{overflow:hidden;background:#f5ecd8;padding:0}
.mini-card-art .card-art-frame{width:100%;height:100%;aspect-ratio:auto}
.record-icon.record-card{width:48px;height:83px;border-radius:6px;background:#f5ecd8;overflow:hidden}
.record-card .card-art-frame{height:100%;aspect-ratio:auto}
.collection-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}
.collect{min-width:0;overflow:hidden;padding:7px 2px;font-size:13px;line-height:1.5}
.collect.have{padding:0;border-color:#c69c8177}
.collect.have>span:last-child{display:block;padding:6px 2px;overflow-wrap:anywhere}
.collect .card-art-frame{border-radius:6px 6px 0 0}
.admin-card-art{display:block;width:100%;max-width:116px;height:200px;margin:0 auto 14px;object-fit:contain;border-radius:7px;background:#f5ecd8;box-shadow:0 4px 16px #0004}
.admin-card-art.edit-preview{width:150px;max-width:100%;height:260px;margin:0 auto 20px}
.share-card-preview{display:block;width:100%;height:auto;border-radius:10px;margin:0 auto 15px}
.share-card-download{display:block;text-align:center}
@supports not (aspect-ratio:1){.card-art-frame{height:0;padding-top:172.66%}.draw-slot{height:170px}.draw-face .card-art-frame,.record-card .card-art-frame,.mini-card-art .card-art-frame{height:100%;padding-top:0}}
@media(max-width:370px){.draw-grid{gap:7px}.draw-slot{aspect-ratio:.46}.draw-face .draw-card-position{top:3px;right:2px;padding:2px 3px}.draw-face .draw-card-name{padding:4px 1px;font-size:13px}.report-cards{gap:10px 7px}.image-card .card-name{font-size:13px}.collection-grid{gap:6px}}