/* =========================================================
CollectKit - stylesheet v1
Theme: brutalist dark, hard white shadows
Adapted from PrivColl KB (horizontal header instead of fixed sidebar)
========================================================= */
/* Fonts loaded via /sets/ hub's UI lang has no localized cards
for the set (avoid surfacing the obvious case). */
.sets-hub-langs {
font-family: var(--font-mono);
font-size: 0.5rem;
line-height: 1;
letter-spacing: 0.06em;
color: var(--ink-soft);
text-transform: uppercase;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
padding: 1px 4px;
border: 1px solid var(--bd);
}
.sets-hub-tile-other .sets-hub-name {
color: var(--ink-soft);
}
@media (max-width: 600px) {
.sets-hub-tile {
grid-template-rows: 28px 2em 0.9em 11px;
padding: 6px 3px 5px;
row-gap: 3px;
}
.sets-hub-name { font-size: 0.54rem; line-height: 1; }
.sets-hub-sub { font-size: 0.44rem; letter-spacing: 0.02em; }
.sets-hub-langs { font-size: 0.4rem; padding: 0 3px; }
}
/* Per-set page: hero shows the set logo prominently */
.set-hero {
display: flex;
align-items: center;
gap: 62px;
flex-wrap: nowrap;
}
.set-hero-logo {
max-width: 180px;
max-height: 90px;
width: auto;
height: auto;
object-fit: contain;
flex-shrink: 0;
}
.set-hero-text {
flex: 1 1 auto;
min-width: 0;
}
@media (max-width: 600px) {
/* The TCGdex logo.webp already renders the set name as graphic text
("Forces Temporelles", "Destined Rivals", etc.). On narrow mobile,
putting the logo next to a regular