.campaign-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.campaign-grid>.campaign-card{--campaign-ink:#fff;--campaign-muted:#e9ece8;position:relative;isolation:isolate;display:block;width:100%;height:140px;min-height:0;overflow:hidden;border:1px solid #dedfd5;border-radius:9px;background:#343a3c;color:var(--campaign-ink)}
.campaign-grid>.campaign-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0b151de6 0%,#0b151da6 45%,#0b151d26 72%,transparent 90%)}
.campaign-grid>.campaign-tone-light{--campaign-ink:#292f2d;--campaign-muted:#5e675e;background:#e9e8df}
.campaign-grid>.campaign-tone-light::after{background:linear-gradient(90deg,#fffcf5c7 0%,#fffcf58c 43%,#fffcf521 68%,transparent 90%)}
.campaign-grid>.campaign-card>.campaign-card-photo,.campaign-grid>.campaign-card>.owned-campaign-image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;min-width:0;overflow:hidden;background:transparent}
.campaign-grid .campaign-card-photo>picture,.campaign-grid .owned-campaign-image>picture{display:block;width:100%;height:100%}
.campaign-grid .campaign-card-photo img,.campaign-grid .owned-campaign-image img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}
.campaign-grid .campaign-art-empty{display:block;width:100%;height:100%;background:radial-gradient(ellipse at 85% 30%,#5e6764,transparent 60%),linear-gradient(120deg,#252f32,#8b9690)}
.campaign-grid .campaign-card-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:3px;width:68%;height:100%;min-width:0;padding:12px 20px;pointer-events:none}
.campaign-grid .campaign-card-labels{display:flex;align-items:center;gap:5px;min-width:0}
.campaign-grid .campaign-card-labels>.badge{font-size:10px;padding:2px 5px;line-height:1.2;white-space:nowrap;color:var(--campaign-ink);background:#ffffff20;border:1px solid #ffffff35}
.campaign-grid .campaign-tone-light .campaign-card-labels>.badge{background:#fff9;border-color:#847a5329}
.campaign-grid .campaign-card-action{position:absolute;top:12px;left:calc(100% / .68 - 64px);white-space:nowrap;font-size:11px;color:var(--campaign-ink);text-shadow:0 1px 6px #0006}
.campaign-grid .campaign-tone-light .campaign-card-action{text-shadow:0 1px 4px #fff9}
.campaign-grid .campaign-card-copy>h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:18px;line-height:1.25;letter-spacing:-.04em;word-break:keep-all;color:var(--campaign-ink)}
.campaign-grid .campaign-card-copy>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.3;color:var(--campaign-muted)}
.campaign-grid .campaign-card-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:var(--campaign-muted);font-size:10px;line-height:1.2}
.campaign-grid .campaign-card-copy>p:empty,.campaign-grid .campaign-card-copy>small:empty{display:none}
.campaign-grid .campaign-card-copy>.campaign-card-period{font-variant-numeric:tabular-nums}
.campaign-grid .campaign-row-hit-area{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}
.campaign-grid .campaign-row-hit-area:focus-visible{outline:2px solid #ffd44e;outline-offset:-3px}
.campaign-grid .campaign-card:has(.campaign-row-hit-area:hover){border-color:#c7ae57}
@media(max-width:760px){
 .campaign-grid{gap:8px}.campaign-grid>.campaign-card{height:112px;border-radius:8px}
 .campaign-grid .campaign-card-photo img,.campaign-grid .owned-campaign-image img{object-position:right center}
 .campaign-grid .campaign-card-copy{width:65%;gap:2px;padding:8px 12px}
 .campaign-grid .campaign-card-copy>h2{font-size:15px;line-height:1.2}
 .campaign-grid .campaign-card-copy>p{font-size:10px;line-height:1.2}
 .campaign-grid .campaign-card-copy>small{font-size:9px;line-height:1.2}
 .campaign-grid .campaign-card-labels>.badge{font-size:8px;padding:2px 4px}
 .campaign-grid .campaign-card-action{top:9px;left:calc(100% / .65 - 45px);font-size:9px}
 .campaign-grid>.campaign-card::after{background:linear-gradient(90deg,#0b151ded 0%,#0b151db0 48%,#0b151d26 78%,transparent)}
 .campaign-grid>.campaign-tone-light::after{background:linear-gradient(90deg,#fffcf5e6 0%,#fffcf5a6 46%,#fffcf526 76%,transparent)}
}