@import url("./module-hud.css");

.cdc-hud-shell {
    max-width: 1120px;
}

.cdc-hud-card--hero {
    background:
        linear-gradient(180deg, rgba(10, 33, 62, 0.92), rgba(4, 14, 28, 0.74)),
        radial-gradient(circle at 84% 24%, rgba(123, 239, 255, 0.12), transparent 22%) !important;
}

.cdc-hud-page .overflow-x-auto {
    border-radius: 18px;
}

.cdc-hud-page .module-hud-pill {
    letter-spacing: 0.06em;
}

.cdc-hud-page .min-w-\[280px\] {
    min-width: min(280px, 100%);
}

.cdc-paywall-card {
    background:
        linear-gradient(180deg, rgba(8, 26, 49, 0.94), rgba(3, 10, 20, 0.76)),
        radial-gradient(circle at 88% 18%, rgba(92, 224, 255, 0.12), transparent 24%) !important;
}

.cdc-registry-card {
    background:
        linear-gradient(180deg, rgba(7, 25, 47, 0.93), rgba(3, 10, 21, 0.76)),
        radial-gradient(circle at 86% 18%, rgba(111, 236, 255, 0.12), transparent 26%) !important;
}

.cdc-paywall-badge {
    min-width: 180px;
    box-shadow: inset 0 1px 0 rgba(151, 246, 255, 0.08), 0 0 24px rgba(33, 196, 255, 0.08);
}

@media (max-width: 720px) {
    .cdc-hud-shell {
        max-width: calc(100% - 10px);
    }
}