/* upgrades-polish — surgical premium-polish overrides for the community
 * marketplace surfaces (Community Upgrades, Credits, upgrade cards).
 *
 * Loaded AFTER upgrades.css so these rules win without editing the large
 * shared stylesheet (keeps this worktree off contended lines). Scope is
 * deliberately narrow: de-gimmick the card preview, and lift the Credits
 * "hall of fame" to match the HUD aesthetic of the Genetics page. */

/* ── Upgrade cards: drop the fake screen-recorder chrome ──
 * The "● REC  0:06 / 0:06  ▢▢" bar made every card read like a screen-
 * capture toy. The before/after preview itself is the value; the recorder
 * cosplay is not. (The DNA feed card already hides this in one context.) */
.upgrade-card__preview .upgrade-demo-video__chrome { display: none !important; }

.upgrade-card {
    background: linear-gradient(180deg, rgba(12, 16, 22, 0.92), rgba(8, 11, 15, 0.94));
    transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}
.upgrade-card:hover {
    border-color: rgba(120, 220, 255, 0.5);
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.42);
}
.upgrade-card__preview {
    /* A touch more presence + a clean hairline under the preview. */
    min-height: 124px;
}
/* Promoted badge → quieter, more confident chip. */
.upgrade-card__promoted-badge {
    backdrop-filter: blur(4px);
    font-variant: small-caps;
    letter-spacing: 0.08em;
}

/* ── Community Upgrades header: tighten the typographic rhythm ── */
.upgrades-feed__head { padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.upgrades-feed__grid { gap: 14px; }

/* ── Credits: a premium "hall of fame", not a flat list ── */
.credits__head { padding-bottom: 16px; border-bottom: 1px solid rgba(255, 217, 122, 0.18); }

.credits__list { gap: 8px; }

.credits__row {
    position: relative;
    padding: 13px 14px 13px 16px;
    background: linear-gradient(90deg, rgba(255, 217, 122, 0.05), rgba(10, 14, 18, 0.6) 32%);
    transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}
/* Gold spine — signals "merged into the canonical default". */
.credits__row::before {
    content: "";
    position: absolute;
    left: 0; top: 10%; bottom: 10%;
    width: 2px;
    border-radius: 2px;
    background: linear-gradient(180deg, #ffd97a, rgba(255, 217, 122, 0.2));
    box-shadow: 0 0 8px rgba(255, 217, 122, 0.4);
}
.credits__row:hover {
    border-color: rgba(255, 217, 122, 0.42);
    transform: translateY(-1px);
    background: linear-gradient(90deg, rgba(255, 217, 122, 0.09), rgba(10, 14, 18, 0.62) 32%);
}

/* Thumb → clean glyph tile (defensive clip in case data carries a label). */
.credits__thumb {
    overflow: hidden;
    white-space: nowrap;
    color: #ffd97a;
    border: 1px solid rgba(255, 217, 122, 0.18);
    background: rgba(255, 217, 122, 0.06);
}

.credits__star {
    filter: drop-shadow(0 0 6px rgba(255, 217, 122, 0.55));
}