.od-catalog-head{margin-bottom:30px}.od-catalog-eyebrow{font:600 10px/1.5 var(--carbon-body);letter-spacing:.18em;color:var(--carbon-muted)}
.od-catalog-head h1{font:700 clamp(34px,4vw,48px)/1.15 var(--carbon-body);letter-spacing:-.035em;margin:16px 0 10px;color:var(--carbon-ink)}
.od-catalog-head p{color:var(--carbon-muted);font-size:14px;line-height:1.6;margin:0}
.od-catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--carbon-line)}
.od-catalog-filters{display:flex;flex-wrap:wrap;gap:8px}.od-catalog-filters button{font:600 12px/1.4 var(--carbon-body);border:1px solid var(--carbon-line);background:transparent;color:var(--carbon-muted);padding:11px 16px;cursor:pointer;border-radius:0}
.od-catalog-filters button[aria-pressed=true]{background:#d9ff43;border-color:#d9ff43;color:#13180e}.od-catalog-filters button:hover{border-color:var(--carbon-ink)}
.od-catalog-count{font-size:11px;color:var(--carbon-muted)}
.od-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.od-catalog-card{position:relative;perspective:1000px;min-width:0;border:1px solid var(--carbon-line);background:var(--carbon-paper,#1c2219)}
.od-catalog-open{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;padding:28px 20px 18px;background:none;border:0;color:var(--carbon-ink);cursor:pointer;font-family:var(--carbon-body);min-width:0}
@media(hover:hover){.od-catalog-open:hover{background:color-mix(in srgb,var(--carbon-ink) 3%,transparent)}}
.od-catalog-card button:focus-visible,.od-catalog-filters button:focus-visible{outline:2px solid #d9ff43;outline-offset:-3px}
.od-catalog-type{font:600 10px/1.5 var(--carbon-body);text-transform:uppercase;letter-spacing:.12em;color:var(--carbon-muted)}
.od-catalog-card h2{font:600 19px/1.3 var(--carbon-body);margin:0;text-align:center;overflow-wrap:anywhere}
.od-catalog-card-meta{margin-top:auto;padding:0 20px 20px;text-align:center;font-size:12px;line-height:1.7;min-height:20px}
.od-catalog-owner{margin:12px 0 0;overflow-wrap:anywhere;color:var(--carbon-ink)}.od-catalog-owner>span:first-child{color:var(--carbon-muted)}
.od-catalog-owned{color:#63dc8b;font-size:12px;line-height:1.5;margin:12px 0 0;font-weight:600}
[data-theme=light] .od-catalog-owned{color:#18753a}
.od-catalog-status{padding:32px 0;color:var(--carbon-muted);font-size:14px;line-height:1.6}
@media(max-width:600px){.od-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.od-catalog-open{padding:20px 10px 14px;gap:10px}.od-catalog-card h2{font-size:15px}.od-catalog-card-meta{padding:0 10px 16px;font-size:11px}.od-catalog-type{font-size:9px;letter-spacing:.05em}.od-catalog-owned{font-size:11px}.od-catalog-filters{gap:6px}.od-catalog-filters button{padding:10px 12px;font-size:11px}}

.od-catalog-tournament{font-size:11px;line-height:1.6;color:var(--carbon-muted);overflow-wrap:anywhere;margin:0 0 10px}

.od-catalog-owners{margin-top:12px;color:var(--carbon-ink);text-align:left}.od-catalog-owners summary{cursor:pointer;color:var(--carbon-muted)}.od-catalog-owners>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px;overflow-wrap:anywhere}.od-catalog-owners .pname-inner{max-width:100%}

.od-catalog-grades{display:flex;justify-content:center;gap:5px;margin:8px 0}.od-catalog-grades button{font:700 11px/1.3 var(--carbon-body);border:1px solid var(--carbon-line);background:transparent;color:var(--carbon-muted);padding:6px 7px;cursor:pointer;min-width:25px}.od-catalog-grades button[aria-pressed=true]{color:#13180e;background:#d9ff43;border-color:#d9ff43}.od-catalog-progress{font-size:11px;color:var(--carbon-muted);margin:5px 0}

/* Only a deliberate click/tap turns the card. Inactive faces cannot receive focus. */
.od-catalog-face{box-sizing:border-box;width:100%;backface-visibility:hidden;transition:transform .32s ease,visibility 0s}
.od-catalog-front{display:flex;flex-direction:column;min-height:100%;transform:rotateY(0deg)}
.od-catalog-back{position:absolute;inset:0;visibility:hidden;transform:rotateY(180deg);padding:20px;color:var(--carbon-ink);font:400 13px/1.65 var(--carbon-body);overflow-wrap:anywhere;pointer-events:none;transition-delay:0s,.16s}
.od-catalog-card.is-flipped .od-catalog-front{position:absolute;inset:0;visibility:hidden;transform:rotateY(-180deg);pointer-events:none;transition-delay:0s,.16s}
.od-catalog-card.is-flipped .od-catalog-back{position:relative;visibility:visible;transform:rotateY(0deg);min-height:var(--od-catalog-front-height,300px);pointer-events:auto;transition-delay:0s}
.od-catalog-back h2{text-align:left;margin:18px 0 12px}
.od-catalog-back h3{font:600 11px/1.5 var(--carbon-body);text-transform:uppercase;letter-spacing:.1em;margin:20px 0 7px}
.od-catalog-back p{margin:8px 0 0}.od-catalog-back .od-catalog-note{color:var(--carbon-muted);font-size:12px}
.od-catalog-back .od-catalog-owner{padding-top:12px;margin-top:16px;border-top:1px solid var(--carbon-line)}
.od-catalog-return{border:1px solid var(--carbon-line);background:transparent;color:var(--carbon-ink);font:600 12px/1.4 var(--carbon-body);padding:10px 12px;min-height:44px;cursor:pointer}
.od-catalog-flip-hint{font:500 11px/1.4 var(--carbon-body);color:var(--carbon-muted)}
.od-catalog-open,.od-catalog-return,.od-catalog-grades button{touch-action:manipulation}
@media(max-width:600px){.od-catalog-back{padding:14px 10px;font-size:12px}.od-catalog-back h2{font-size:16px}.od-catalog-back .od-catalog-note{font-size:11px}.od-catalog-return{font-size:11px;padding:10px 8px}.od-catalog-grades{gap:3px}.od-catalog-grades button{padding:7px 4px;min-width:21px}}
@media(prefers-reduced-motion:reduce){.od-catalog-face{transition:none}}

.od-catalog-rarity{margin-top:14px;color:var(--carbon-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.od-catalog-rarity p,.od-catalog-back .od-catalog-rarity p{margin:0}
.od-catalog-rarity.is-earned{color:#63dc8b;font-weight:600}
.od-catalog-rarity small{display:block;margin-top:4px;color:var(--carbon-muted);font-size:10px;font-weight:400}
[data-theme=light] .od-catalog-rarity.is-earned{color:#18753a}
@media(max-width:600px){.od-catalog-rarity{font-size:11px}}

.od-catalog-level-progress{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--carbon-line);text-align:left;color:var(--carbon-ink);font-size:11px;line-height:1.6}
.od-catalog-level-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:3px 8px}
.od-catalog-level-heading strong{font-weight:600;font-variant-numeric:tabular-nums}
.od-catalog-level-unit,.od-catalog-level-progress small{display:block;color:var(--carbon-muted);font-size:10px}
.od-catalog-level-bar{height:5px;margin:8px 0 6px;background:var(--carbon-line);overflow:hidden}
.od-catalog-level-bar>span{display:block;height:100%;background:#d9ff43}
.od-catalog-level-progress.is-max{text-align:center;color:#63dc8b;font-weight:600}
[data-theme=light] .od-catalog-level-progress.is-max{color:#18753a}
[data-theme=light] .od-catalog-level-bar>span{background:#658600}