/* Final home post-card header rules. Loaded after site.css on purpose. */
.forum-layout .post-card__header {
    display: grid !important;
    gap: 0.44rem !important;
    min-width: 0 !important;
    width: 100% !important;
}

.forum-layout .post-card__header-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 0.75rem !important;
    min-width: 0 !important;
}

.forum-layout .post-card__category {
    justify-self: start !important;
    max-width: 14rem !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #2f6b4d !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
}

.forum-layout .post-card__chips {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 0.34rem !important;
    width: max-content !important;
    max-width: 9rem !important;
    margin: 0 !important;
}

.forum-layout .post-card__chips .post-state-chip {
    width: fit-content !important;
    min-height: 1.48rem !important;
    padding: 0.25rem 0.6rem !important;
    font-size: 0.7rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.forum-layout .post-card__chips .post-state-chip--poll {
    order: 0 !important;
}

.forum-layout .post-card__chips .post-state-chip--guide {
    order: 1 !important;
}

.forum-layout .post-card__chips .post-state-chip--solved,
.forum-layout .post-card__chips .post-state-chip--accepted {
    order: 2 !important;
}

.forum-layout .post-card__chips .post-state-chip--announcement {
    order: 3 !important;
}

.forum-layout .post-card__meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.36rem 0.66rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #70777a !important;
    font-size: 0.83rem !important;
    line-height: 1.25 !important;
}

.forum-layout .post-card__meta > * {
    min-width: 0 !important;
    white-space: nowrap !important;
}

.forum-layout .post-card__author-group {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.34rem !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.forum-layout .post-card__author-label {
    flex: 0 0 auto !important;
    color: #70777a !important;
}

.forum-layout .post-card__author-link {
    flex: 0 1 auto !important;
    max-width: 8.5rem !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #2f6b4d !important;
    font-weight: 800 !important;
}

.forum-layout .post-card__rank-badge {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0.24rem 0.56rem !important;
    font-size: 0.66rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.forum-layout .post-card__time-line {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    min-width: 0 !important;
    color: #70777a !important;
    white-space: nowrap !important;
}

.forum-layout .post-card__date,
.forum-layout .post-card__views {
    min-width: 0 !important;
    max-width: 10rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #70777a !important;
}

.forum-layout .post-card__main {
    margin-top: 1.05rem !important;
}

@media (max-width: 760px) {
    .forum-layout .post-card__category {
        max-width: 7.4rem !important;
        font-size: 0.72rem !important;
    }

    .forum-layout .post-card__chips {
        max-width: 5.8rem !important;
    }

    .forum-layout .post-card__chips .post-state-chip {
        padding-inline: 0.5rem !important;
        font-size: 0.68rem !important;
    }

    .forum-layout .post-card__meta {
        gap: 0.32rem 0.46rem !important;
        font-size: 0.76rem !important;
    }

    .forum-layout .post-card__author-label {
        display: none !important;
    }

    .forum-layout .post-card__author-link {
        max-width: 5.3rem !important;
    }

    .forum-layout .post-card__date,
    .forum-layout .post-card__views {
        max-width: 5.8rem !important;
    }
}

/* === Bilge Agac automatic rank badge === */
@property --bilge-diamond-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.badge-bilgeagac {
    --bilge-diamond-angle: 0deg;
    --bilge-ink: #10263a;
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.32rem !important;
    min-height: 1.66rem !important;
    padding: 0.28rem 0.68rem !important;
    border: 1.2px solid transparent !important;
    border-radius: 999px !important;
    background:
        linear-gradient(180deg, #ffffff 0%, #ffffff 58%, #f6fdff 100%) padding-box,
        conic-gradient(
            from var(--bilge-diamond-angle),
            #fafdff 0deg,
            #45dcff 34deg,
            #ffffff 58deg,
            #009dff 94deg,
            #c9f7ff 132deg,
            #ffffff 168deg,
            #3f6dff 206deg,
            #ecfbff 246deg,
            #00d5ff 292deg,
            #ffffff 326deg,
            #fafdff 360deg
        ) border-box !important;
    color: var(--bilge-ink) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.98) inset,
        0 0 0 1px rgba(69, 220, 255, 0.3),
        0 0 10px rgba(0, 213, 255, 0.48),
        0 8px 18px rgba(16, 72, 118, 0.12) !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0.025em !important;
    white-space: nowrap !important;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 1),
        0 0 7px rgba(69, 220, 255, 0.42) !important;
    overflow: hidden !important;
    animation:
        bilge-diamond-frame-spin 4.8s linear infinite,
        bilge-diamond-breath 2.8s ease-in-out infinite !important;
}

.badge-bilgeagac::before {
    content: "\1F48E" !important;
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 0.92em !important;
    height: 0.92em !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    color: #29bdf4 !important;
    font-size: 0.92em !important;
    line-height: 1 !important;
    filter:
        drop-shadow(0 0 3px rgba(255, 255, 255, 0.82))
        drop-shadow(0 0 5px rgba(0, 213, 255, 0.65)) !important;
    opacity: 1 !important;
    transform-origin: center center !important;
    animation: bilge-diamond-icon-spin 2.6s linear infinite !important;
    pointer-events: none !important;
}

.badge-bilgeagac::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    border-radius: inherit !important;
    background:
        radial-gradient(circle at 18% 32%, rgba(255, 255, 255, 0.94) 0 0.8px, transparent 1.4px),
        radial-gradient(circle at 78% 28%, rgba(201, 247, 255, 0.9) 0 1px, transparent 1.6px),
        linear-gradient(110deg, transparent 0 35%, rgba(201, 247, 255, 0.38) 45%, rgba(255, 255, 255, 0.82) 50%, rgba(0, 213, 255, 0.36) 56%, transparent 66%) !important;
    transform: translateX(-105%) rotate(0.001deg) !important;
    animation: bilge-badge-sweep 2.7s linear infinite !important;
    mix-blend-mode: screen !important;
    pointer-events: none !important;
}

@keyframes bilge-diamond-frame-spin {
    to {
        --bilge-diamond-angle: 360deg;
    }
}

@keyframes bilge-diamond-icon-spin {
    from {
        transform: rotateY(0deg) rotate(-8deg) scale(1);
    }

    50% {
        transform: rotateY(180deg) rotate(8deg) scale(1.08);
    }

    to {
        transform: rotateY(360deg) rotate(-8deg) scale(1);
    }
}

@keyframes bilge-diamond-breath {
    0%, 100% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.98) inset,
            0 0 0 1px rgba(69, 220, 255, 0.3),
            0 0 10px rgba(0, 213, 255, 0.48),
            0 8px 18px rgba(16, 72, 118, 0.12);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 1) inset,
            0 0 0 1px rgba(69, 220, 255, 0.42),
            0 0 14px rgba(0, 213, 255, 0.64),
            0 9px 20px rgba(16, 72, 118, 0.14);
    }
}

@keyframes bilge-badge-sweep {
    from {
        transform: translateX(-105%) rotate(0.001deg);
    }

    to {
        transform: translateX(105%) rotate(0.001deg);
    }
}

html.dark-mode .badge-bilgeagac {
    --bilge-ink: #10263a;
    background:
        linear-gradient(180deg, #ffffff 0%, #ffffff 58%, #f6fdff 100%) padding-box,
        conic-gradient(
            from var(--bilge-diamond-angle),
            #fafdff 0deg,
            #76e7ff 34deg,
            #ffffff 58deg,
            #1da7ff 94deg,
            #c9f7ff 132deg,
            #ffffff 168deg,
            #5b7cff 206deg,
            #ecfbff 246deg,
            #3dd4ff 292deg,
            #ffffff 326deg,
            #fafdff 360deg
        ) border-box !important;
}

/* === Bilge Agac diamond finish === */
.badge-bilgeagac {
    --bilge-ink: #ffffff !important;
    border-width: 1.15px !important;
    padding: 0.24rem 0.62rem !important;
    min-height: 1.5rem !important;
    gap: 0.34rem !important;
    background:
        linear-gradient(135deg, #8fc7e6 0%, #72b3db 48%, #5b9dcb 100%) padding-box,
        conic-gradient(
            from var(--bilge-diamond-angle),
            #ffffff 0deg,
            #ffffff 42deg,
            #f4fdff 78deg,
            #ffffff 116deg,
            #ffffff 178deg,
            #eefbff 214deg,
            #ffffff 260deg,
            #ffffff 360deg
        ) border-box !important;
    color: var(--bilge-ink) !important;
    -webkit-text-fill-color: var(--bilge-ink) !important;
    outline: 1px solid rgba(255, 255, 255, 0.72) !important;
    outline-offset: 2px !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.72) inset,
        0 0 0 1px rgba(255, 255, 255, 0.62),
        0 0 9px rgba(255, 255, 255, 0.92),
        0 0 18px rgba(232, 252, 255, 0.78),
        0 0 30px rgba(145, 223, 255, 0.44),
        0 8px 16px rgba(31, 73, 96, 0.14) !important;
    font-size: 0.64rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.01em !important;
    text-shadow:
        0 0 4px rgba(255, 255, 255, 0.78),
        0 0 9px rgba(226, 250, 255, 0.52) !important;
    overflow: hidden !important;
}

.badge-bilgeagac::before {
    content: "" !important;
    width: 1.08rem !important;
    height: 0.78rem !important;
    flex: 0 0 auto !important;
    clip-path: none !important;
    border: 0 !important;
    background: url("/images/badges/diamond.svg") center / contain no-repeat !important;
    filter:
        drop-shadow(0 0 3px rgba(255, 255, 255, 0.95))
        drop-shadow(0 0 8px rgba(236, 252, 255, 0.92))
        drop-shadow(0 0 12px rgba(143, 232, 255, 0.48)) !important;
    transform-origin: center center !important;
    animation: bilge-diamond-icon-spin 3.1s linear infinite !important;
}

.badge-bilgeagac::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    padding: 2px !important;
    border-radius: 999px !important;
    background:
        conic-gradient(
            from 0deg,
            transparent 0deg 16deg,
            rgba(255, 255, 255, 0.98) 21deg 34deg,
            rgba(232, 252, 255, 0.82) 38deg 46deg,
            transparent 54deg 106deg,
            rgba(255, 255, 255, 0.86) 114deg 128deg,
            transparent 140deg 208deg,
            rgba(255, 255, 255, 0.94) 218deg 236deg,
            rgba(232, 252, 255, 0.78) 242deg 252deg,
            transparent 262deg 360deg
        ),
        repeating-conic-gradient(
            from 14deg,
            transparent 0deg 18deg,
            rgba(255, 255, 255, 0.42) 22deg 27deg,
            transparent 32deg 58deg
        ) !important;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    opacity: 0.96 !important;
    filter:
        blur(0.22px)
        drop-shadow(0 0 5px rgba(255, 255, 255, 0.92))
        drop-shadow(0 0 10px rgba(226, 250, 255, 0.70)) !important;
    mix-blend-mode: screen !important;
    transform-origin: center center !important;
    animation: bilge-water-ring-flow 1.95s linear infinite !important;
    pointer-events: none !important;
}

html.dark-mode .badge-bilgeagac {
    --bilge-ink: #ffffff !important;
    background:
        linear-gradient(135deg, #6eaad1 0%, #4e90bf 48%, #3b79aa 100%) padding-box,
        conic-gradient(
            from var(--bilge-diamond-angle),
            #ffffff 0deg,
            #ffffff 42deg,
            #f4fdff 78deg,
            #ffffff 116deg,
            #ffffff 178deg,
            #eefbff 214deg,
            #ffffff 260deg,
            #ffffff 360deg
        ) border-box !important;
    color: var(--bilge-ink) !important;
    -webkit-text-fill-color: var(--bilge-ink) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.58) inset,
        0 0 0 1px rgba(255, 255, 255, 0.52),
        0 0 11px rgba(255, 255, 255, 0.86),
        0 0 22px rgba(226, 250, 255, 0.68),
        0 0 36px rgba(145, 223, 255, 0.36),
        0 8px 18px rgba(0, 0, 0, 0.30) !important;
    text-shadow:
        0 0 5px rgba(255, 255, 255, 0.82),
        0 0 11px rgba(186, 246, 255, 0.52) !important;
}

@keyframes bilge-water-ring-flow {
    to {
        transform: rotate(360deg);
    }
}

/* === Bilge Agac premium line-art final === */
.badge-bilgeagac {
    --bilge-diamond-angle: 0deg;
    --bilge-ink: #24382f !important;
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.32rem !important;
    min-height: 1.5rem !important;
    padding: 0.24rem 0.7rem 0.24rem 0.52rem !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.74) 0%,
            rgba(245, 243, 236, 0.76) 38%,
            rgba(229, 220, 186, 0.48) 66%,
            rgba(34, 118, 86, 0.18) 100%
        ) padding-box,
        conic-gradient(
            from var(--bilge-diamond-angle),
            rgba(255, 255, 255, 0.98) 0deg,
            rgba(226, 222, 210, 0.92) 42deg,
            rgba(236, 221, 166, 0.90) 92deg,
            rgba(58, 146, 106, 0.70) 150deg,
            rgba(255, 253, 240, 0.96) 210deg,
            rgba(218, 200, 139, 0.84) 284deg,
            rgba(255, 255, 255, 0.98) 360deg
        ) border-box !important;
    color: var(--bilge-ink) !important;
    -webkit-text-fill-color: var(--bilge-ink) !important;
    font-size: 0.615rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.018em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.78) !important;
    outline: 0 !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.70) inset,
        0 0 0 1px rgba(236, 224, 178, 0.32),
        0 0 16px rgba(246, 240, 210, 0.40),
        0 0 20px rgba(48, 132, 96, 0.10),
        0 8px 18px rgba(40, 72, 55, 0.09) !important;
    backdrop-filter: blur(14px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
    overflow: hidden !important;
    animation:
        bilge-premium-frame-flow 8.5s linear infinite,
        bilge-premium-aura 4.6s ease-in-out infinite !important;
}

.badge-bilgeagac::before {
    content: "" !important;
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 1.42rem !important;
    height: 0.8rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: none !important;
    background: url("/images/badges/bilge-agac.svg") center / contain no-repeat !important;
    opacity: 0.96 !important;
    filter:
        drop-shadow(0 0 2px rgba(255, 255, 255, 0.82))
        drop-shadow(0 0 4px rgba(232, 219, 170, 0.34))
        drop-shadow(0 0 6px rgba(71, 155, 113, 0.18)) !important;
    transform: none !important;
    animation: none !important;
    pointer-events: none !important;
}

.badge-bilgeagac::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    padding: 1px !important;
    border-radius: inherit !important;
    background:
        conic-gradient(
            from 0deg,
            transparent 0deg 48deg,
            rgba(255, 255, 255, 0.72) 58deg 72deg,
            rgba(232, 219, 170, 0.42) 80deg 90deg,
            transparent 104deg 192deg,
            rgba(255, 255, 255, 0.48) 206deg 220deg,
            rgba(65, 145, 106, 0.26) 232deg 244deg,
            transparent 260deg 360deg
        ) !important;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    opacity: 0.68 !important;
    filter:
        blur(0.12px)
        drop-shadow(0 0 4px rgba(255, 255, 255, 0.72))
        drop-shadow(0 0 7px rgba(232, 219, 170, 0.34)) !important;
    mix-blend-mode: normal !important;
    transform-origin: center center !important;
    animation: bilge-premium-ring-flow 7.4s linear infinite !important;
    pointer-events: none !important;
}

html.dark-mode .badge-bilgeagac {
    --bilge-ink: #fff9e7 !important;
    background:
        linear-gradient(
            135deg,
            rgba(48, 52, 50, 0.82) 0%,
            rgba(38, 45, 41, 0.78) 38%,
            rgba(76, 72, 52, 0.46) 66%,
            rgba(30, 104, 78, 0.34) 100%
        ) padding-box,
        conic-gradient(
            from var(--bilge-diamond-angle),
            rgba(255, 255, 255, 0.94) 0deg,
            rgba(226, 222, 210, 0.78) 42deg,
            rgba(238, 224, 176, 0.86) 92deg,
            rgba(85, 184, 133, 0.70) 150deg,
            rgba(255, 253, 235, 0.94) 210deg,
            rgba(218, 199, 136, 0.80) 284deg,
            rgba(255, 255, 255, 0.94) 360deg
        ) border-box !important;
    color: var(--bilge-ink) !important;
    -webkit-text-fill-color: var(--bilge-ink) !important;
    text-shadow:
        0 0 4px rgba(255, 255, 255, 0.34),
        0 0 8px rgba(232, 219, 170, 0.22) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.16) inset,
        0 0 0 1px rgba(238, 224, 176, 0.22),
        0 0 16px rgba(238, 224, 176, 0.24),
        0 0 22px rgba(85, 184, 133, 0.12),
        0 8px 18px rgba(0, 0, 0, 0.28) !important;
    animation:
        bilge-premium-frame-flow 8.5s linear infinite,
        bilge-premium-aura-dark 4.6s ease-in-out infinite !important;
}

html.dark-mode .badge-bilgeagac::after {
    opacity: 0.88 !important;
    filter:
        blur(0.12px)
        drop-shadow(0 0 5px rgba(255, 255, 255, 0.62))
        drop-shadow(0 0 9px rgba(238, 224, 176, 0.26)) !important;
}

@keyframes bilge-premium-frame-flow {
    to {
        --bilge-diamond-angle: 360deg;
    }
}

@keyframes bilge-premium-ring-flow {
    to {
        transform: rotate(360deg);
    }
}

@keyframes bilge-premium-aura {
    0%, 100% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.70) inset,
            0 0 0 1px rgba(230, 219, 176, 0.34),
            0 0 14px rgba(244, 238, 210, 0.44),
            0 8px 18px rgba(40, 72, 55, 0.10);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.78) inset,
            0 0 0 1px rgba(230, 219, 176, 0.42),
            0 0 18px rgba(244, 238, 210, 0.58),
            0 0 22px rgba(71, 155, 113, 0.12),
            0 9px 20px rgba(40, 72, 55, 0.12);
    }
}

@keyframes bilge-premium-aura-dark {
    0%, 100% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.16) inset,
            0 0 0 1px rgba(238, 224, 176, 0.22),
            0 0 16px rgba(238, 224, 176, 0.24),
            0 0 22px rgba(85, 184, 133, 0.12),
            0 8px 18px rgba(0, 0, 0, 0.28);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.22) inset,
            0 0 0 1px rgba(238, 224, 176, 0.30),
            0 0 19px rgba(238, 224, 176, 0.32),
            0 0 26px rgba(85, 184, 133, 0.16),
            0 9px 20px rgba(0, 0, 0, 0.30);
    }
}

/* === Bilge Agac outer majestic orbit === */
.badge-bilgeagac {
    overflow: visible !important;
    animation:
        bilge-premium-frame-flow 8.5s linear infinite,
        bilge-orbit-aura 4.2s ease-in-out infinite !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.74) inset,
        0 0 0 1px rgba(236, 224, 178, 0.36),
        0 0 18px rgba(246, 240, 210, 0.48),
        0 0 24px rgba(48, 132, 96, 0.14),
        0 10px 20px rgba(40, 72, 55, 0.10) !important;
}

.badge-bilgeagac::after {
    content: "" !important;
    position: absolute !important;
    inset: -7px -11px !important;
    z-index: -1 !important;
    padding: 2px !important;
    border-radius: 999px !important;
    background:
        radial-gradient(circle at 19% 22%, rgba(255, 255, 255, 0.95) 0 1.2px, transparent 1.8px),
        radial-gradient(circle at 81% 76%, rgba(255, 239, 174, 0.86) 0 1.1px, transparent 1.8px),
        conic-gradient(
            from 0deg,
            transparent 0deg 18deg,
            rgba(255, 255, 255, 0.96) 24deg 36deg,
            rgba(246, 220, 135, 0.90) 42deg 62deg,
            transparent 72deg 126deg,
            rgba(57, 149, 108, 0.58) 138deg 156deg,
            rgba(255, 255, 255, 0.72) 162deg 176deg,
            transparent 186deg 226deg,
            rgba(255, 248, 213, 0.88) 238deg 256deg,
            rgba(79, 169, 124, 0.44) 264deg 278deg,
            transparent 292deg 360deg
        ),
        repeating-conic-gradient(
            from 14deg,
            transparent 0deg 25deg,
            rgba(255, 255, 255, 0.34) 27deg 30deg,
            transparent 33deg 62deg
        ) !important;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    opacity: 0.96 !important;
    filter:
        blur(0.12px)
        drop-shadow(0 0 5px rgba(255, 255, 255, 0.86))
        drop-shadow(0 0 10px rgba(246, 220, 135, 0.52))
        drop-shadow(0 0 14px rgba(57, 149, 108, 0.28)) !important;
    mix-blend-mode: normal !important;
    transform-origin: center center !important;
    animation: bilge-majesty-orbit 3.8s linear infinite !important;
    pointer-events: none !important;
}

html.dark-mode .badge-bilgeagac {
    overflow: visible !important;
    animation:
        bilge-premium-frame-flow 8.5s linear infinite,
        bilge-orbit-aura-dark 4.2s ease-in-out infinite !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.20) inset,
        0 0 0 1px rgba(238, 224, 176, 0.28),
        0 0 18px rgba(238, 224, 176, 0.34),
        0 0 27px rgba(85, 184, 133, 0.18),
        0 10px 22px rgba(0, 0, 0, 0.32) !important;
}

html.dark-mode .badge-bilgeagac::after {
    opacity: 1 !important;
    filter:
        blur(0.12px)
        drop-shadow(0 0 6px rgba(255, 255, 255, 0.74))
        drop-shadow(0 0 12px rgba(238, 224, 176, 0.42))
        drop-shadow(0 0 18px rgba(85, 184, 133, 0.28)) !important;
}

@keyframes bilge-majesty-orbit {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes bilge-orbit-aura {
    0%, 100% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.74) inset,
            0 0 0 1px rgba(236, 224, 178, 0.36),
            0 0 18px rgba(246, 240, 210, 0.48),
            0 0 24px rgba(48, 132, 96, 0.14),
            0 10px 20px rgba(40, 72, 55, 0.10);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.82) inset,
            0 0 0 1px rgba(236, 224, 178, 0.50),
            0 0 23px rgba(246, 240, 210, 0.66),
            0 0 32px rgba(48, 132, 96, 0.20),
            0 11px 22px rgba(40, 72, 55, 0.12);
    }
}

@keyframes bilge-orbit-aura-dark {
    0%, 100% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.20) inset,
            0 0 0 1px rgba(238, 224, 176, 0.28),
            0 0 18px rgba(238, 224, 176, 0.34),
            0 0 27px rgba(85, 184, 133, 0.18),
            0 10px 22px rgba(0, 0, 0, 0.32);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.28) inset,
            0 0 0 1px rgba(238, 224, 176, 0.42),
            0 0 24px rgba(238, 224, 176, 0.48),
            0 0 36px rgba(85, 184, 133, 0.24),
            0 11px 24px rgba(0, 0, 0, 0.34);
    }
}

/* === Bilge Agac final: contained living-root badge === */
.badge-bilgeagac {
    --bilge-ink: #fff7d7 !important;
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.28rem !important;
    min-height: 1.42rem !important;
    padding: 0.22rem 0.64rem 0.22rem 0.5rem !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background:
        linear-gradient(135deg, rgba(21, 55, 33, 0.98), rgba(31, 87, 53, 0.96), rgba(14, 39, 24, 0.98)) padding-box,
        linear-gradient(115deg, #6b421f, #d7a84a, #fff2b6, #2f9b68, #d7a84a, #6b421f) border-box !important;
    background-size: 100% 100%, 240% 100% !important;
    color: var(--bilge-ink) !important;
    -webkit-text-fill-color: var(--bilge-ink) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow:
        0 0 5px rgba(255, 242, 182, 0.58),
        0 1px 0 rgba(0, 0, 0, 0.22) !important;
    outline: 0 !important;
    overflow: hidden !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.20) inset,
        0 0 10px rgba(215, 168, 74, 0.42),
        0 0 16px rgba(47, 155, 104, 0.24),
        0 7px 14px rgba(31, 87, 53, 0.12) !important;
    animation:
        bilge-root-frame-flow 4.8s linear infinite,
        bilge-aura-pulse 2.9s ease-in-out infinite !important;
}

.badge-bilgeagac::before {
    content: "" !important;
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 1.04rem !important;
    height: 0.7rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: none !important;
    background: url("/images/badges/bilge-agac.svg") center / contain no-repeat !important;
    opacity: 0.96 !important;
    filter:
        drop-shadow(0 0 3px rgba(255, 242, 182, 0.55))
        drop-shadow(0 0 5px rgba(47, 155, 104, 0.32)) !important;
    transform: none !important;
    animation: bilge-leaf-breathe 2.8s ease-in-out infinite !important;
    pointer-events: none !important;
}

.badge-bilgeagac::after {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: 2 !important;
    display: block !important;
    border-radius: inherit !important;
    background:
        linear-gradient(105deg, transparent 0%, rgba(255, 247, 202, 0.08) 32%, rgba(255, 255, 255, 0.54) 48%, rgba(89, 211, 143, 0.18) 62%, transparent 100%),
        radial-gradient(circle at 18% 50%, rgba(255, 224, 128, 0.22), transparent 26%),
        radial-gradient(circle at 82% 50%, rgba(66, 190, 116, 0.20), transparent 28%) !important;
    opacity: 0.76 !important;
    mix-blend-mode: screen !important;
    transform: translateX(-135%) skewX(-14deg) !important;
    animation: bilge-light-sweep 3.4s ease-in-out infinite !important;
    pointer-events: none !important;
}

html.dark-mode .badge-bilgeagac {
    --bilge-ink: #fff9db !important;
    background:
        linear-gradient(135deg, rgba(18, 45, 28, 0.98), rgba(27, 73, 45, 0.98), rgba(11, 31, 20, 0.98)) padding-box,
        linear-gradient(115deg, #7b4a22, #f0bf55, #fff7bf, #45b879, #f0bf55, #7b4a22) border-box !important;
    background-size: 100% 100%, 240% 100% !important;
    color: var(--bilge-ink) !important;
    -webkit-text-fill-color: var(--bilge-ink) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.10) inset,
        0 0 12px rgba(240, 191, 85, 0.40),
        0 0 18px rgba(69, 184, 121, 0.22),
        0 7px 16px rgba(0, 0, 0, 0.24) !important;
}

@keyframes bilge-root-frame-flow {
    0% {
        background-position: 0 0, 0% 50%;
    }

    100% {
        background-position: 0 0, 240% 50%;
    }
}

@keyframes bilge-aura-pulse {
    0%, 100% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.20) inset,
            0 0 9px rgba(215, 168, 74, 0.34),
            0 0 13px rgba(47, 155, 104, 0.18),
            0 7px 14px rgba(31, 87, 53, 0.12);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.34) inset,
            0 0 14px rgba(255, 226, 134, 0.58),
            0 0 22px rgba(47, 155, 104, 0.32),
            0 8px 16px rgba(31, 87, 53, 0.15);
    }
}

@keyframes bilge-light-sweep {
    0%, 28% {
        transform: translateX(-135%) skewX(-14deg);
        opacity: 0;
    }

    42% {
        opacity: 0.78;
    }

    72%, 100% {
        transform: translateX(135%) skewX(-14deg);
        opacity: 0;
    }
}

@keyframes bilge-leaf-breathe {
    0%, 100% {
        opacity: 0.88;
        transform: translateY(0);
    }

    50% {
        opacity: 1;
        transform: translateY(-0.5px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .badge-bilgeagac,
    .badge-bilgeagac::before,
    .badge-bilgeagac::after {
        animation: none !important;
    }
}

/* === Cinar badge clean root frame override === */
.badge-cinar,
.badge-onursal {
    --cinar-ink: #4b2b14;
    --cinar-bark: #6b421f;
    --cinar-bark-soft: #a8783f;
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.42rem !important;
    min-height: 1.78rem !important;
    padding: 0.34rem 0.84rem 0.34rem 0.7rem !important;
    border: 1.5px solid transparent !important;
    border-radius: 999px !important;
    background:
        linear-gradient(180deg, rgba(255, 253, 247, 0.98), rgba(248, 239, 222, 0.96)) padding-box,
        linear-gradient(90deg, var(--cinar-bark), var(--cinar-bark-soft), var(--cinar-bark)) border-box !important;
    color: var(--cinar-ink) !important;
    box-shadow:
        0 9px 18px rgba(75, 43, 20, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    overflow: visible !important;
    text-shadow: none !important;
}

.badge-cinar::before,
.badge-onursal::before {
    content: "" !important;
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: 0.9rem !important;
    height: 1rem !important;
    margin: 0 !important;
    opacity: 1 !important;
    background:
        linear-gradient(var(--cinar-bark), var(--cinar-bark)) 48% 30% / 3px 76% no-repeat,
        linear-gradient(42deg, transparent 43%, var(--cinar-bark) 44% 58%, transparent 59%) 50% 14% / 0.82rem 0.46rem no-repeat,
        linear-gradient(-42deg, transparent 43%, var(--cinar-bark) 44% 58%, transparent 59%) 50% 14% / 0.82rem 0.46rem no-repeat,
        radial-gradient(ellipse at 50% 88%, var(--cinar-bark-soft) 0 42%, transparent 44%) 50% 100% / 0.86rem 0.28rem no-repeat !important;
    filter: none !important;
    transform: none !important;
}

.badge-cinar::after,
.badge-onursal::after {
    content: "" !important;
    position: absolute !important;
    inset: -8px -12px !important;
    z-index: -1 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    opacity: 0.95 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='54' viewBox='0 0 168 54'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M26 10 C48 1 82 3 109 7 C138 11 154 20 156 28 C159 40 137 49 101 50 C63 52 22 48 12 36 C4 26 9 17 26 10 Z' stroke='%236b421f' stroke-width='2.45'/%3E%3Cpath d='M30 13 C55 6 82 8 109 12 C134 16 148 23 148 29 C148 38 127 44 96 45 C61 47 28 43 20 35 C13 27 17 18 30 13 Z' stroke='%23805a2c' stroke-width='1.8' opacity='.95'/%3E%3Cpath d='M24 11 C18 7 15 5 10 4 M49 6 C43 13 36 16 27 17 M78 7 C70 13 62 16 52 17 M118 10 C128 5 137 4 147 5 M151 24 C159 20 163 19 166 19 M145 40 C153 44 158 48 162 52 M105 47 C112 53 120 55 130 56 M70 46 C63 52 55 54 45 54 M29 40 C21 45 15 48 8 49 M13 30 C7 29 4 28 1 26' stroke='%234b2b14' stroke-width='1.25'/%3E%3Cpath d='M24 14 C50 8 75 12 101 15 C124 18 143 23 150 30' stroke='%23c39a63' stroke-width='.95' opacity='.7'/%3E%3Cpath d='M20 35 C48 43 78 40 103 37 C127 35 142 31 151 25' stroke='%23c39a63' stroke-width='.8' opacity='.58'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    animation: cinar-root-orbit 9s linear infinite !important;
    transform: none !important;
    filter: drop-shadow(0 4px 5px rgba(75, 43, 20, 0.14)) !important;
    -webkit-mask: none !important;
    mask: none !important;
    transform-origin: 50% 50% !important;
}

@keyframes cinar-root-orbit {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.015);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

html.dark-mode .badge-cinar,
html.dark-mode .badge-onursal {
    --cinar-ink: #f1e3ce;
    --cinar-bark: #d3ad78;
    --cinar-bark-soft: #8b5e32;
    background:
        linear-gradient(180deg, rgba(33, 28, 22, 0.98), rgba(24, 21, 18, 0.96)) padding-box,
        linear-gradient(90deg, #8b5e32, #d3ad78, #8b5e32) border-box !important;
    box-shadow:
        0 9px 18px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

@media (prefers-reduced-motion: reduce) {
    .badge-cinar::after,
    .badge-onursal::after {
        animation: none !important;
    }
}

/* === Post Card Meta Spacing Final === */
.forum-layout .post-card__meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.38rem 0.72rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-right: min(32%, 12.5rem) !important;
    overflow: visible !important;
    color: #70777a !important;
    font-size: clamp(0.78rem, 1.6cqi, 0.9rem) !important;
    line-height: 1.25 !important;
}

.forum-layout .post-card__meta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.38rem !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
}

.forum-layout .post-card__meta-item + .post-card__meta-item::before {
    content: "\2022" !important;
    flex: 0 0 auto !important;
    margin-right: 0.08rem !important;
    color: rgba(112, 119, 122, 0.58) !important;
    font-weight: 800 !important;
}

.forum-layout .post-card__author-group {
    flex: 0 1 auto !important;
    gap: 0.4rem !important;
    overflow: visible !important;
}

.forum-layout .post-card__author-label {
    flex: 0 0 auto !important;
    color: #70777a !important;
}

.forum-layout .post-card__author-link {
    flex: 0 1 auto !important;
    max-width: 8.8rem !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #2f6b4d !important;
    font-weight: 800 !important;
}

.forum-layout .post-card__rank-badge {
    flex: 0 0 auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.forum-layout .post-card__date,
.forum-layout .post-card__views {
    flex: 0 0 auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    color: #70777a !important;
}

html.dark-mode .forum-layout .post-card__meta,
html.dark-mode .forum-layout .post-card__date,
html.dark-mode .forum-layout .post-card__views,
html.dark-mode .forum-layout .post-card__author-label {
    color: #b5c5bb !important;
}

html.dark-mode .forum-layout .post-card__meta-item + .post-card__meta-item::before {
    color: rgba(181, 197, 187, 0.56) !important;
}

@media (max-width: 760px) {
    .forum-layout .post-card__meta {
        gap: 0.32rem 0.52rem !important;
        padding-right: 5.4rem !important;
        font-size: 0.76rem !important;
    }

    .forum-layout .post-card__author-label {
        display: inline !important;
    }

    .forum-layout .post-card__author-link {
        max-width: 6rem !important;
    }

    .forum-layout .post-card__meta-item + .post-card__meta-item::before {
        margin-right: 0.02rem !important;
    }
}

/* === Bilge Agac visible aura hotfix === */
.badge-bilgeagac {
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;
    border-color: rgba(255, 244, 184, 0.82) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.32) inset,
        0 0 0 1px rgba(255, 238, 154, 0.62),
        0 0 10px rgba(255, 222, 104, 0.72),
        0 0 20px rgba(52, 176, 104, 0.34),
        0 10px 20px rgba(28, 61, 36, 0.16) !important;
    filter: drop-shadow(0 0 7px rgba(255, 224, 113, 0.42)) !important;
}

.badge-bilgeagac::after {
    content: "" !important;
    position: absolute !important;
    inset: -5px -8px !important;
    z-index: -1 !important;
    display: block !important;
    border-radius: 999px !important;
    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            rgba(255, 255, 255, 0.95) 22deg,
            rgba(255, 218, 96, 0.90) 42deg,
            transparent 72deg,
            transparent 165deg,
            rgba(60, 190, 118, 0.72) 198deg,
            rgba(255, 245, 190, 0.82) 220deg,
            transparent 252deg,
            transparent 360deg
        ) !important;
    opacity: 0.95 !important;
    filter: blur(2.4px) saturate(140%) !important;
    transform-origin: center !important;
    animation:
        bilge-visible-aura-spin 2.7s linear infinite,
        bilge-visible-aura-pulse 1.9s ease-in-out infinite !important;
    pointer-events: none !important;
}

html.dark-mode .badge-bilgeagac {
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.22) inset,
        0 0 0 1px rgba(255, 238, 154, 0.54),
        0 0 13px rgba(255, 226, 118, 0.72),
        0 0 23px rgba(69, 184, 121, 0.34),
        0 10px 22px rgba(0, 0, 0, 0.26) !important;
}

@keyframes bilge-visible-aura-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes bilge-visible-aura-pulse {
    0%, 100% {
        opacity: 0.68;
        scale: 0.98;
    }

    50% {
        opacity: 1;
        scale: 1.05;
    }
}

@media (prefers-reduced-motion: reduce) {
    .badge-bilgeagac::after {
        animation: none !important;
    }
}

/* === Bilge Agac aura containment fix === */
.badge-bilgeagac {
    overflow: hidden !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.32) inset,
        0 0 0 1px rgba(255, 238, 154, 0.42),
        0 0 8px rgba(255, 222, 104, 0.46),
        0 0 13px rgba(52, 176, 104, 0.22),
        0 8px 16px rgba(28, 61, 36, 0.12) !important;
    filter: none !important;
}

.badge-bilgeagac::after {
    inset: 0 !important;
    z-index: 0 !important;
    border-radius: inherit !important;
    background:
        conic-gradient(
            from 0deg,
            rgba(255, 255, 255, 0.00) 0deg,
            rgba(255, 255, 255, 0.82) 28deg,
            rgba(255, 218, 96, 0.78) 48deg,
            rgba(255, 255, 255, 0.00) 78deg,
            rgba(255, 255, 255, 0.00) 170deg,
            rgba(60, 190, 118, 0.54) 206deg,
            rgba(255, 245, 190, 0.60) 226deg,
            rgba(255, 255, 255, 0.00) 258deg,
            rgba(255, 255, 255, 0.00) 360deg
        ) !important;
    opacity: 0.52 !important;
    filter: blur(0.7px) saturate(130%) !important;
    mix-blend-mode: screen !important;
    animation: bilge-contained-aura-spin 3.6s linear infinite !important;
}

.badge-bilgeagac::before {
    z-index: 1 !important;
}

html.dark-mode .badge-bilgeagac {
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.20) inset,
        0 0 0 1px rgba(255, 238, 154, 0.36),
        0 0 9px rgba(255, 226, 118, 0.46),
        0 0 14px rgba(69, 184, 121, 0.22),
        0 8px 16px rgba(0, 0, 0, 0.24) !important;
}

@keyframes bilge-contained-aura-spin {
    to {
        transform: rotate(360deg);
    }
}

/* === Bilge Agac stronger prestige glow === */
.badge-bilgeagac {
    --bilge-ink: #ffd86b !important;
    color: #ffd86b !important;
    -webkit-text-fill-color: #ffd86b !important;
    overflow: visible !important;
    text-shadow:
        0 0 4px rgba(255, 246, 190, 0.88),
        0 0 8px rgba(255, 207, 82, 0.62),
        0 1px 0 rgba(50, 29, 10, 0.45) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.30) inset,
        0 0 0 1px rgba(255, 220, 92, 0.74),
        0 0 8px rgba(255, 217, 90, 0.76),
        0 0 16px rgba(255, 190, 54, 0.38),
        0 0 24px rgba(50, 178, 104, 0.24),
        0 9px 18px rgba(28, 61, 36, 0.18) !important;
    filter:
        drop-shadow(0 0 5px rgba(255, 223, 88, 0.48))
        drop-shadow(0 0 10px rgba(55, 176, 105, 0.20)) !important;
}

.badge-bilgeagac::after {
    inset: -2px -4px !important;
    z-index: -1 !important;
    background:
        radial-gradient(circle at 12% 50%, rgba(255, 229, 108, 0.78), transparent 28%),
        radial-gradient(circle at 86% 48%, rgba(86, 210, 132, 0.58), transparent 30%),
        conic-gradient(
            from 0deg,
            transparent 0deg,
            rgba(255, 255, 255, 0.90) 18deg,
            rgba(255, 218, 84, 0.88) 38deg,
            transparent 70deg,
            transparent 158deg,
            rgba(76, 206, 126, 0.62) 196deg,
            rgba(255, 239, 168, 0.76) 218deg,
            transparent 250deg,
            transparent 360deg
        ) !important;
    opacity: 0.92 !important;
    filter: blur(2.1px) saturate(150%) !important;
    animation:
        bilge-contained-aura-spin 3.2s linear infinite,
        bilge-prestige-glow-pulse 2.4s ease-in-out infinite !important;
}

html.dark-mode .badge-bilgeagac {
    --bilge-ink: #ffdf78 !important;
    color: #ffdf78 !important;
    -webkit-text-fill-color: #ffdf78 !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.20) inset,
        0 0 0 1px rgba(255, 220, 92, 0.66),
        0 0 10px rgba(255, 217, 90, 0.70),
        0 0 18px rgba(255, 190, 54, 0.34),
        0 0 26px rgba(69, 184, 121, 0.24),
        0 9px 18px rgba(0, 0, 0, 0.28) !important;
}

@keyframes bilge-prestige-glow-pulse {
    0%, 100% {
        opacity: 0.66;
        transform: rotate(0deg) scale(0.98);
    }

    50% {
        opacity: 1;
        transform: rotate(180deg) scale(1.06);
    }
}

/* === Bilge Agac final gold burst === */
.badge-bilgeagac {
    --bilge-ink: #ffd700 !important;
    color: #ffd700 !important;
    -webkit-text-fill-color: #ffd700 !important;
    border-color: rgba(255, 230, 120, 0.96) !important;
    text-shadow:
        0 0 3px rgba(255, 255, 220, 0.96),
        0 0 9px rgba(255, 215, 0, 0.92),
        0 0 16px rgba(255, 174, 32, 0.48),
        0 1px 0 rgba(68, 38, 4, 0.55) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.44) inset,
        0 0 0 1px rgba(255, 225, 74, 0.88),
        0 0 10px rgba(255, 215, 0, 0.92),
        0 0 22px rgba(255, 182, 39, 0.62),
        0 0 34px rgba(71, 196, 124, 0.34),
        0 11px 24px rgba(28, 61, 36, 0.17) !important;
    filter:
        drop-shadow(0 0 7px rgba(255, 215, 0, 0.60))
        drop-shadow(0 0 15px rgba(64, 190, 116, 0.28)) !important;
}

.badge-bilgeagac::after {
    inset: -3px -7px !important;
    opacity: 1 !important;
    background:
        radial-gradient(circle at 10% 48%, rgba(255, 244, 174, 1), transparent 24%),
        radial-gradient(circle at 90% 52%, rgba(255, 201, 53, 0.78), transparent 27%),
        radial-gradient(circle at 50% -18%, rgba(255, 255, 255, 0.82), transparent 30%),
        conic-gradient(
            from 0deg,
            transparent 0deg,
            rgba(255, 255, 255, 0.95) 16deg,
            rgba(255, 215, 0, 1) 34deg,
            rgba(255, 176, 25, 0.82) 50deg,
            transparent 78deg,
            transparent 148deg,
            rgba(71, 205, 127, 0.72) 184deg,
            rgba(255, 238, 151, 0.92) 214deg,
            transparent 252deg,
            transparent 360deg
        ) !important;
    filter: blur(2.4px) saturate(175%) !important;
    animation:
        bilge-contained-aura-spin 2.55s linear infinite,
        bilge-gold-burst-pulse 1.9s ease-in-out infinite !important;
}

html.dark-mode .badge-bilgeagac {
    --bilge-ink: #ffd700 !important;
    color: #ffd700 !important;
    -webkit-text-fill-color: #ffd700 !important;
    text-shadow:
        0 0 3px rgba(255, 255, 220, 0.98),
        0 0 10px rgba(255, 215, 0, 0.96),
        0 0 19px rgba(255, 174, 32, 0.56) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.25) inset,
        0 0 0 1px rgba(255, 225, 74, 0.78),
        0 0 12px rgba(255, 215, 0, 0.88),
        0 0 25px rgba(255, 182, 39, 0.52),
        0 0 36px rgba(71, 196, 124, 0.26),
        0 10px 22px rgba(0, 0, 0, 0.32) !important;
}

@keyframes bilge-gold-burst-pulse {
    0%, 100% {
        opacity: 0.72;
        transform: scale(0.98) rotate(0deg);
    }

    45% {
        opacity: 1;
        transform: scale(1.08) rotate(10deg);
    }

    70% {
        opacity: 0.86;
        transform: scale(1.02) rotate(0deg);
    }
}

/* === Bilge Agac final containment and orbit ring === */
.badge-bilgeagac {
    --bilge-ink: #f1c232 !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;
    color: #f1c232 !important;
    -webkit-text-fill-color: #f1c232 !important;
    font-family: "Segoe UI Variable Text", "Segoe UI", sans-serif !important;
    font-size: 0.74rem !important;
    font-weight: 520 !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
    padding: 0.34rem 0.72rem !important;
    border: 1px solid rgba(245, 220, 120, 0.76) !important;
    border-radius: 999px !important;
    text-shadow:
        0 0 2px rgba(255, 250, 214, 0.9),
        0 0 6px rgba(241, 194, 50, 0.46) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.32) inset,
        0 0 7px rgba(241, 194, 50, 0.34),
        0 0 13px rgba(255, 255, 255, 0.20),
        0 8px 16px rgba(28, 61, 36, 0.12) !important;
    filter: none !important;
}

.badge-bilgeagac::after {
    content: "" !important;
    position: absolute !important;
    inset: -4px !important;
    z-index: -1 !important;
    display: block !important;
    padding: 2px !important;
    border-radius: 999px !important;
    opacity: 0.94 !important;
    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            rgba(255, 255, 255, 0.98) 20deg,
            rgba(241, 194, 50, 0.96) 42deg,
            transparent 75deg,
            transparent 176deg,
            rgba(255, 255, 255, 0.86) 205deg,
            rgba(241, 194, 50, 0.88) 230deg,
            transparent 268deg,
            transparent 360deg
        ) !important;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    filter:
        blur(0.45px)
        drop-shadow(0 0 5px rgba(255, 255, 255, 0.72))
        drop-shadow(0 0 8px rgba(241, 194, 50, 0.52)) !important;
    animation: bilge-orbit-ring-final 2.8s linear infinite !important;
    pointer-events: none !important;
}

.badge-bilgeagac::before {
    z-index: 1 !important;
}

html.dark-mode .badge-bilgeagac {
    color: #f7d565 !important;
    -webkit-text-fill-color: #f7d565 !important;
    border-color: rgba(255, 236, 154, 0.78) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.20) inset,
        0 0 8px rgba(247, 213, 101, 0.36),
        0 0 14px rgba(255, 255, 255, 0.16),
        0 8px 16px rgba(0, 0, 0, 0.26) !important;
}

@keyframes bilge-orbit-ring-final {
    to {
        transform: rotate(360deg);
    }
}

/* === Bilge Agac no-spill premium final === */
.badge-bilgeagac {
    --bilge-emerald: #35d69b !important;
    --bilge-gold: #d6a51f !important;
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.28rem !important;
    width: auto !important;
    max-width: max-content !important;
    min-height: 1.46rem !important;
    padding: 0.29rem 0.62rem !important;
    overflow: visible !important;
    border: 1px solid rgba(53, 214, 155, 0.48) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(220, 255, 239, 0.94) 42%, rgba(179, 247, 219, 0.88)) !important;
    color: var(--bilge-gold) !important;
    -webkit-text-fill-color: var(--bilge-gold) !important;
    font-family: "Segoe UI Variable Text", "Segoe UI", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 430 !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.92),
        0 0 5px rgba(214, 165, 31, 0.34) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.72) inset,
        0 0 5px rgba(255, 255, 255, 0.90),
        0 0 9px rgba(53, 214, 155, 0.38),
        0 0 13px rgba(214, 165, 31, 0.24),
        0 7px 14px rgba(28, 61, 36, 0.10) !important;
    filter: none !important;
    animation: bilge-soft-reflection 2.8s ease-in-out infinite !important;
}

.badge-bilgeagac::before {
    content: "\2726" !important;
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0.08rem 0 0 !important;
    background: none !important;
    color: rgba(53, 214, 155, 0.95) !important;
    -webkit-text-fill-color: rgba(53, 214, 155, 0.95) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
    filter: drop-shadow(0 0 4px rgba(53, 214, 155, 0.42)) !important;
    transform: none !important;
    animation: none !important;
}

.badge-bilgeagac::after {
    display: none !important;
    content: none !important;
}

html.dark-mode .badge-bilgeagac {
    background:
        linear-gradient(135deg, rgba(19, 54, 42, 0.96), rgba(26, 94, 70, 0.92) 45%, rgba(37, 133, 96, 0.86)) !important;
    border-color: rgba(85, 235, 177, 0.54) !important;
    color: #f0bd35 !important;
    -webkit-text-fill-color: #f0bd35 !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.16) inset,
        0 0 5px rgba(255, 255, 255, 0.34),
        0 0 9px rgba(85, 235, 177, 0.32),
        0 0 13px rgba(240, 189, 53, 0.22),
        0 7px 14px rgba(0, 0, 0, 0.26) !important;
}

@keyframes bilge-soft-reflection {
    0%, 100% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.72) inset,
            0 0 4px rgba(255, 255, 255, 0.76),
            0 0 8px rgba(53, 214, 155, 0.30),
            0 0 11px rgba(214, 165, 31, 0.18),
            0 7px 14px rgba(28, 61, 36, 0.10);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.86) inset,
            0 0 7px rgba(255, 255, 255, 0.98),
            0 0 12px rgba(53, 214, 155, 0.48),
            0 0 17px rgba(214, 165, 31, 0.28),
            0 7px 14px rgba(28, 61, 36, 0.10);
    }
}

/* === Bilge Agac white text with RGB orbit === */
.badge-bilgeagac {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow:
        0 1px 0 rgba(0, 0, 0, 0.18),
        0 0 5px rgba(255, 255, 255, 0.72) !important;
}

.badge-bilgeagac::after {
    content: "" !important;
    position: absolute !important;
    inset: -3px !important;
    z-index: -1 !important;
    display: block !important;
    padding: 1.5px !important;
    border-radius: 999px !important;
    background:
        conic-gradient(
            from 0deg,
            #ff3d3d,
            #ffb13d,
            #ffe66d,
            #35d69b,
            #27c5ff,
            #7b61ff,
            #ff4fd8,
            #ff3d3d
        ) !important;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    opacity: 0.88 !important;
    filter:
        blur(0.18px)
        drop-shadow(0 0 4px rgba(255, 255, 255, 0.52))
        drop-shadow(0 0 7px rgba(53, 214, 155, 0.32)) !important;
    animation: bilge-rgb-orbit 3.4s linear infinite !important;
    pointer-events: none !important;
}

@keyframes bilge-rgb-orbit {
    to {
        transform: rotate(360deg);
    }
}

/* === Bilge Agac stable RGB frame fix === */
@property --bilge-rgb-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.badge-bilgeagac {
    --bilge-rgb-angle: 0deg;
    overflow: hidden !important;
    z-index: 1 !important;
    border: 1.5px solid transparent !important;
    background:
        linear-gradient(135deg, rgba(68, 218, 166, 0.96), rgba(154, 248, 216, 0.94)) padding-box,
        conic-gradient(
            from var(--bilge-rgb-angle),
            #ffffff,
            #ffd966,
            #35d69b,
            #8f7bff,
            #ffffff
        ) border-box !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.46) inset,
        0 0 8px rgba(53, 214, 155, 0.34),
        0 0 12px rgba(255, 255, 255, 0.28),
        0 7px 14px rgba(28, 61, 36, 0.10) !important;
    animation:
        bilge-soft-reflection 2.8s ease-in-out infinite,
        bilge-rgb-border-spin 3.4s linear infinite !important;
}

.badge-bilgeagac::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

html.dark-mode .badge-bilgeagac {
    background:
        linear-gradient(135deg, rgba(38, 142, 106, 0.96), rgba(64, 190, 142, 0.92)) padding-box,
        conic-gradient(
            from var(--bilge-rgb-angle),
            #ffffff,
            #ffd966,
            #35d69b,
            #8f7bff,
            #ffffff
        ) border-box !important;
}

@keyframes bilge-rgb-border-spin {
    to {
        --bilge-rgb-angle: 360deg;
    }
}

/* === Bilge Agac refined jewel interior === */
.badge-bilgeagac {
    background:
        linear-gradient(
            135deg,
            rgba(10, 36, 27, 0.98) 0%,
            rgba(22, 76, 54, 0.96) 48%,
            rgba(12, 48, 36, 0.98) 100%
        ) padding-box,
        conic-gradient(
            from var(--bilge-rgb-angle),
            #ffffff,
            #ffd966,
            #35d69b,
            #8f7bff,
            #ffffff
        ) border-box !important;
    color: #f6df9a !important;
    -webkit-text-fill-color: #f6df9a !important;
    font-weight: 470 !important;
    text-shadow:
        0 1px 0 rgba(0, 0, 0, 0.38),
        0 0 4px rgba(255, 246, 199, 0.46),
        0 0 9px rgba(246, 223, 154, 0.26) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.18) inset,
        0 0 8px rgba(53, 214, 155, 0.30),
        0 0 12px rgba(255, 255, 255, 0.24),
        0 7px 14px rgba(28, 61, 36, 0.12) !important;
}

.badge-bilgeagac::before {
    color: #f6df9a !important;
    -webkit-text-fill-color: #f6df9a !important;
    filter:
        drop-shadow(0 0 3px rgba(255, 246, 199, 0.42))
        drop-shadow(0 0 5px rgba(53, 214, 155, 0.22)) !important;
}

html.dark-mode .badge-bilgeagac {
    background:
        linear-gradient(
            135deg,
            rgba(8, 31, 24, 0.98) 0%,
            rgba(18, 68, 49, 0.96) 52%,
            rgba(9, 40, 31, 0.98) 100%
        ) padding-box,
        conic-gradient(
            from var(--bilge-rgb-angle),
            #ffffff,
            #ffd966,
            #35d69b,
            #8f7bff,
            #ffffff
        ) border-box !important;
    color: #ffe8a6 !important;
    -webkit-text-fill-color: #ffe8a6 !important;
}

/* === Bilge Agac ice diamond restore === */
.badge-bilgeagac {
    --bilge-rgb-angle: 0deg;
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.34rem !important;
    min-height: 1.52rem !important;
    padding: 0.32rem 0.72rem !important;
    overflow: hidden !important;
    border: 1.5px solid transparent !important;
    border-radius: 999px !important;
    background:
        linear-gradient(135deg, #ffffff 0%, #ecfbff 44%, #d7f6ff 100%) padding-box,
        conic-gradient(
            from var(--bilge-rgb-angle),
            #eafdff,
            #3edbff,
            #0ea5e9,
            #86efff,
            #ffffff,
            #3edbff,
            #eafdff
        ) border-box !important;
    color: #132946 !important;
    -webkit-text-fill-color: #132946 !important;
    font-family: "Segoe UI Variable Text", "Segoe UI", sans-serif !important;
    font-size: 0.74rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.86) inset,
        0 0 8px rgba(62, 219, 255, 0.58),
        0 0 16px rgba(14, 165, 233, 0.24),
        0 9px 18px rgba(20, 116, 164, 0.14) !important;
    filter: none !important;
    animation:
        bilge-ice-border-spin 4.8s linear infinite,
        bilge-ice-breath 3.2s ease-in-out infinite !important;
}

.badge-bilgeagac::before {
    content: "\25C6" !important;
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0.02rem 0 0 !important;
    background: none !important;
    color: #58dfff !important;
    -webkit-text-fill-color: #58dfff !important;
    font-size: 0.62rem !important;
    line-height: 1 !important;
    filter:
        drop-shadow(0 0 4px rgba(88, 223, 255, 0.78))
        drop-shadow(0 0 7px rgba(255, 255, 255, 0.72)) !important;
    transform: none !important;
    animation: bilge-ice-diamond-twinkle 2.8s ease-in-out infinite !important;
}

.badge-bilgeagac::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

html.dark-mode .badge-bilgeagac {
    background:
        linear-gradient(135deg, #f8fdff 0%, #e2f8ff 46%, #bdefff 100%) padding-box,
        conic-gradient(
            from var(--bilge-rgb-angle),
            #ffffff,
            #67e8f9,
            #0ea5e9,
            #ffffff,
            #38bdf8,
            #ffffff
        ) border-box !important;
    color: #10263f !important;
    -webkit-text-fill-color: #10263f !important;
}

@keyframes bilge-ice-border-spin {
    to {
        --bilge-rgb-angle: 360deg;
    }
}

@keyframes bilge-ice-breath {
    0%, 100% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.86) inset,
            0 0 7px rgba(62, 219, 255, 0.48),
            0 0 14px rgba(14, 165, 233, 0.18),
            0 9px 18px rgba(20, 116, 164, 0.12);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.96) inset,
            0 0 11px rgba(62, 219, 255, 0.72),
            0 0 22px rgba(14, 165, 233, 0.30),
            0 9px 18px rgba(20, 116, 164, 0.14);
    }
}

@keyframes bilge-ice-diamond-twinkle {
    0%, 100% {
        opacity: 0.72;
        transform: scale(0.92);
    }

    50% {
        opacity: 1;
        transform: scale(1.08);
    }
}

/* === Bilge Agac rotating diamond === */
.badge-bilgeagac::before {
    transform-origin: center !important;
    animation:
        bilge-diamond-rotate 2.6s linear infinite,
        bilge-diamond-glint 1.8s ease-in-out infinite !important;
}

@keyframes bilge-diamond-rotate {
    to {
        transform: rotate(360deg);
    }
}

@keyframes bilge-diamond-glint {
    0%, 100% {
        opacity: 0.78;
        filter:
            drop-shadow(0 0 3px rgba(88, 223, 255, 0.62))
            drop-shadow(0 0 5px rgba(255, 255, 255, 0.56));
    }

    50% {
        opacity: 1;
        filter:
            drop-shadow(0 0 5px rgba(88, 223, 255, 0.92))
            drop-shadow(0 0 9px rgba(255, 255, 255, 0.86));
    }
}

/* === Bilge Agac faceted rotating diamond === */
.badge-bilgeagac::before {
    content: "" !important;
    flex: 0 0 auto !important;
    display: inline-block !important;
    width: 0.72rem !important;
    height: 0.72rem !important;
    margin: 0 0.08rem 0 0 !important;
    background:
        radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.98), transparent 20%),
        conic-gradient(
            from 18deg,
            #ffffff 0deg,
            #aef4ff 46deg,
            #1bb8ff 92deg,
            #eafdff 142deg,
            #7ddcff 198deg,
            #ffffff 252deg,
            #23c7ff 312deg,
            #ffffff 360deg
        ) !important;
    clip-path: polygon(50% 0%, 88% 34%, 50% 100%, 12% 34%) !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    transform-origin: 50% 50% !important;
    filter:
        drop-shadow(0 0 4px rgba(88, 223, 255, 0.86))
        drop-shadow(0 0 7px rgba(255, 255, 255, 0.72)) !important;
    animation:
        bilge-faceted-diamond-spin 1.8s linear infinite,
        bilge-faceted-diamond-glow 1.6s ease-in-out infinite !important;
}

@keyframes bilge-faceted-diamond-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes bilge-faceted-diamond-glow {
    0%, 100% {
        opacity: 0.82;
        filter:
            drop-shadow(0 0 3px rgba(88, 223, 255, 0.68))
            drop-shadow(0 0 6px rgba(255, 255, 255, 0.58));
    }

    50% {
        opacity: 1;
        filter:
            drop-shadow(0 0 5px rgba(88, 223, 255, 0.95))
            drop-shadow(0 0 10px rgba(255, 255, 255, 0.86));
    }
}

/* === Bilge Agac SVG diamond axis spin === */
.badge-bilgeagac::before {
    content: "" !important;
    flex: 0 0 auto !important;
    display: inline-block !important;
    width: 0.98rem !important;
    height: 0.74rem !important;
    margin: 0 0.1rem 0 0 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 70'%3E%3Cpath d='M14 8h68l14 20-48 40L0 28z' fill='%2334a7ff'/%3E%3Cpath d='M14 8h22L26 28H0z' fill='%2367caff'/%3E%3Cpath d='M36 8h24l10 20H26z' fill='%23e9fbff'/%3E%3Cpath d='M60 8h22l14 20H70z' fill='%238bdcff'/%3E%3Cpath d='M0 28h26l22 40z' fill='%232f86eb'/%3E%3Cpath d='M26 28h44L48 68z' fill='%2368aefe'/%3E%3Cpath d='M70 28h26L48 68z' fill='%231f68cf'/%3E%3Cpath d='M36 8 48 68 60 8 70 28 26 28z' fill='%23ffffff' opacity='.18'/%3E%3Cpath d='M77 13l3.2 8.2L89 24.5l-8.8 3.3L77 36l-3.2-8.2L65 24.5l8.8-3.3z' fill='%23ffffff'/%3E%3Cpath d='M77 17l1.8 5 5.2 2-5.2 2-1.8 5-1.8-5-5.2-2 5.2-2z' fill='%23dff8ff'/%3E%3C/svg%3E") center / contain no-repeat !important;
    clip-path: none !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    transform-origin: 50% 50% !important;
    transform-style: preserve-3d !important;
    filter:
        drop-shadow(0 0 4px rgba(88, 223, 255, 0.78))
        drop-shadow(0 0 7px rgba(255, 255, 255, 0.64)) !important;
    animation:
        bilge-svg-diamond-axis-spin 2.2s linear infinite,
        bilge-svg-diamond-shine 1.7s ease-in-out infinite !important;
}

.badge-bilgeagac::after {
    display: none !important;
    content: none !important;
}

@keyframes bilge-svg-diamond-axis-spin {
    to {
        transform: perspective(44px) rotateY(360deg);
    }
}

@keyframes bilge-svg-diamond-shine {
    0%, 100% {
        opacity: 0.86;
        filter:
            drop-shadow(0 0 3px rgba(88, 223, 255, 0.62))
            drop-shadow(0 0 5px rgba(255, 255, 255, 0.56));
    }

    50% {
        opacity: 1;
        filter:
            drop-shadow(0 0 5px rgba(88, 223, 255, 0.9))
            drop-shadow(0 0 9px rgba(255, 255, 255, 0.82));
    }
}

/* === Bilge Agac final reference diamond === */
.badge-bilgeagac::before {
    content: "" !important;
    flex: 0 0 auto !important;
    display: inline-block !important;
    width: 1.05rem !important;
    height: 0.78rem !important;
    margin: 0 0.16rem 0 0 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 78'%3E%3Cpath d='M18 8h76l18 25-56 42L0 33z' fill='%233b9df4'/%3E%3Cpath d='M18 8h24L30 33H0z' fill='%235fc7ff'/%3E%3Cpath d='M42 8h28l12 25H30z' fill='%23dff7ff'/%3E%3Cpath d='M70 8h24l18 25H82z' fill='%2387d7ff'/%3E%3Cpath d='M0 33h30l26 42z' fill='%232a7ee6'/%3E%3Cpath d='M30 33h52L56 75z' fill='%23589fff'/%3E%3Cpath d='M82 33h30L56 75z' fill='%231f67d8'/%3E%3Cpath d='M42 8 56 75 70 8 82 33 30 33z' fill='%23ffffff' opacity='.20'/%3E%3Cpath d='M42 8 30 33h52L70 8z' fill='%23ffffff' opacity='.25'/%3E%3Cpath d='M87 15l3.3 8.8 9.2 3.4-9.2 3.4L87 40.5l-3.3-8.9-9.2-3.4 9.2-3.4z' fill='%23ffffff'/%3E%3Cpath d='M87 19l1.8 5.2 5.4 2-5.4 2L87 33.5l-1.8-5.3-5.4-2 5.4-2z' fill='%23e8fbff'/%3E%3C/svg%3E") center / contain no-repeat !important;
    clip-path: none !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    transform-origin: 50% 50% !important;
    transform-style: preserve-3d !important;
    backface-visibility: visible !important;
    filter: drop-shadow(0 0 4px rgba(73, 202, 255, 0.82)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.72)) !important;
    animation: bilge-diamond-axis-turn 2.4s linear infinite, bilge-diamond-soft-pulse 1.8s ease-in-out infinite !important;
}

@keyframes bilge-diamond-axis-turn {
    0% {
        transform: perspective(48px) rotateY(0deg) scaleX(1);
    }

    25% {
        transform: perspective(48px) rotateY(90deg) scaleX(0.24);
    }

    50% {
        transform: perspective(48px) rotateY(180deg) scaleX(1);
    }

    75% {
        transform: perspective(48px) rotateY(270deg) scaleX(0.24);
    }

    100% {
        transform: perspective(48px) rotateY(360deg) scaleX(1);
    }
}

@keyframes bilge-diamond-soft-pulse {
    0%, 100% {
        opacity: 0.9;
        filter: drop-shadow(0 0 3px rgba(73, 202, 255, 0.68)) drop-shadow(0 0 6px rgba(255, 255, 255, 0.58));
    }

    50% {
        opacity: 1;
        filter: drop-shadow(0 0 5px rgba(73, 202, 255, 0.96)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.84));
    }
}

/* === Bilge Agac final upright spinning diamond === */
.badge-bilgeagac::before {
    content: "" !important;
    flex: 0 0 auto !important;
    display: inline-block !important;
    width: 1.08rem !important;
    height: 0.96rem !important;
    margin: 0 0.14rem 0 0 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 96'%3E%3Cpath d='M18 10h76l18 28-56 56L0 38z' fill='%233b9df4'/%3E%3Cpath d='M18 10h24L30 38H0z' fill='%235fc7ff'/%3E%3Cpath d='M42 10h28l12 28H30z' fill='%23e7fbff'/%3E%3Cpath d='M70 10h24l18 28H82z' fill='%2388d8ff'/%3E%3Cpath d='M0 38h30l26 56z' fill='%232b7fe5'/%3E%3Cpath d='M30 38h52L56 94z' fill='%235fa7ff'/%3E%3Cpath d='M82 38h30L56 94z' fill='%231f66cf'/%3E%3Cpath d='M42 10 56 94 70 10 82 38 30 38z' fill='%23ffffff' opacity='.20'/%3E%3Cpath d='M42 10 30 38h52L70 10z' fill='%23ffffff' opacity='.28'/%3E%3Cpath d='M88 17l3.4 9.2 9.6 3.6-9.6 3.6L88 42.6l-3.4-9.2-9.6-3.6 9.6-3.6z' fill='%23ffffff'/%3E%3Cpath d='M88 21l1.9 5.3 5.5 2.1-5.5 2.1L88 35.8l-1.9-5.3-5.5-2.1 5.5-2.1z' fill='%23e8fbff'/%3E%3C/svg%3E") center / contain no-repeat !important;
    clip-path: none !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    transform-origin: 50% 50% !important;
    transform-style: flat !important;
    will-change: transform, filter !important;
    filter: drop-shadow(0 0 4px rgba(73, 202, 255, 0.82)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.72)) !important;
    animation: bilge-diamond-center-spin 2.6s linear infinite, bilge-diamond-soft-pulse 1.8s ease-in-out infinite !important;
}

@keyframes bilge-diamond-center-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* === Bilge Agac diamond axis motion only === */
.badge-bilgeagac::before {
    animation: bilge-diamond-axis-spin-visible 2.4s ease-in-out infinite, bilge-diamond-soft-pulse 1.8s ease-in-out infinite !important;
    transform-origin: 50% 50% !important;
    transform-style: preserve-3d !important;
    will-change: transform, filter !important;
}

@keyframes bilge-diamond-axis-spin-visible {
    0% {
        transform: perspective(90px) rotateY(0deg) scaleX(1);
    }

    24% {
        transform: perspective(90px) rotateY(82deg) scaleX(0.22);
    }

    50% {
        transform: perspective(90px) rotateY(180deg) scaleX(1);
    }

    74% {
        transform: perspective(90px) rotateY(278deg) scaleX(0.22);
    }

    100% {
        transform: perspective(90px) rotateY(360deg) scaleX(1);
    }
}

/* === Bilge Agac guaranteed axis-turn frames === */
.badge-bilgeagac::before {
    --bilge-diamond-front: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 96'%3E%3Cpath d='M18 10h76l18 28-56 56L0 38z' fill='%233b9df4'/%3E%3Cpath d='M18 10h24L30 38H0z' fill='%235fc7ff'/%3E%3Cpath d='M42 10h28l12 28H30z' fill='%23e7fbff'/%3E%3Cpath d='M70 10h24l18 28H82z' fill='%2388d8ff'/%3E%3Cpath d='M0 38h30l26 56z' fill='%232b7fe5'/%3E%3Cpath d='M30 38h52L56 94z' fill='%235fa7ff'/%3E%3Cpath d='M82 38h30L56 94z' fill='%231f66cf'/%3E%3Cpath d='M42 10 56 94 70 10 82 38 30 38z' fill='%23ffffff' opacity='.20'/%3E%3Cpath d='M42 10 30 38h52L70 10z' fill='%23ffffff' opacity='.28'/%3E%3Cpath d='M88 17l3.4 9.2 9.6 3.6-9.6 3.6L88 42.6l-3.4-9.2-9.6-3.6 9.6-3.6z' fill='%23ffffff'/%3E%3Cpath d='M88 21l1.9 5.3 5.5 2.1-5.5 2.1L88 35.8l-1.9-5.3-5.5-2.1 5.5-2.1z' fill='%23e8fbff'/%3E%3C/svg%3E");
    --bilge-diamond-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 96'%3E%3Cpath d='M18 10h76l18 28-56 56L0 38z' fill='%233b9df4'/%3E%3Cpath d='M18 10h24L30 38H0z' fill='%2388d8ff'/%3E%3Cpath d='M42 10h28l12 28H30z' fill='%23e7fbff'/%3E%3Cpath d='M70 10h24l18 28H82z' fill='%235fc7ff'/%3E%3Cpath d='M0 38h30l26 56z' fill='%231f66cf'/%3E%3Cpath d='M30 38h52L56 94z' fill='%235fa7ff'/%3E%3Cpath d='M82 38h30L56 94z' fill='%232b7fe5'/%3E%3Cpath d='M42 10 56 94 70 10 82 38 30 38z' fill='%23ffffff' opacity='.20'/%3E%3Cpath d='M42 10 30 38h52L70 10z' fill='%23ffffff' opacity='.28'/%3E%3Cpath d='M24 17l3.4 9.2 9.6 3.6-9.6 3.6L24 42.6l-3.4-9.2-9.6-3.6 9.6-3.6z' fill='%23ffffff'/%3E%3Cpath d='M24 21l1.9 5.3 5.5 2.1-5.5 2.1L24 35.8l-1.9-5.3-5.5-2.1 5.5-2.1z' fill='%23e8fbff'/%3E%3C/svg%3E");
    --bilge-diamond-edge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 96'%3E%3Cpath d='M52 10h8l9 28-13 56-13-56z' fill='%2345b8ff'/%3E%3Cpath d='M52 10h4v84L43 38z' fill='%23dff7ff' opacity='.85'/%3E%3Cpath d='M56 10h4l9 28-13 56z' fill='%231f67d8'/%3E%3Cpath d='M50 20l2.2 5.6 5.8 2.2-5.8 2.2L50 35.6 47.8 30 42 27.8l5.8-2.2z' fill='%23ffffff'/%3E%3C/svg%3E");
    --bilge-diamond-frame: var(--bilge-diamond-front);
    background-image: var(--bilge-diamond-frame) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    transform-origin: 50% 50% !important;
    animation: bilge-diamond-frame-axis 1.45s steps(1, end) infinite, bilge-diamond-soft-pulse 1.8s ease-in-out infinite !important;
}

@keyframes bilge-diamond-frame-axis {
    0%, 100% {
        --bilge-diamond-frame: var(--bilge-diamond-front);
        transform: scaleX(1);
    }

    24% {
        --bilge-diamond-frame: var(--bilge-diamond-edge);
        transform: scaleX(1);
    }

    50% {
        --bilge-diamond-frame: var(--bilge-diamond-back);
        transform: scaleX(1);
    }

    74% {
        --bilge-diamond-frame: var(--bilge-diamond-edge);
        transform: scaleX(1);
    }
}

/* === Bilge Agac obvious diamond spin === */
.badge-bilgeagac::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 96'%3E%3Cpath d='M18 10h76l18 28-56 56L0 38z' fill='%233b9df4'/%3E%3Cpath d='M18 10h24L30 38H0z' fill='%235fc7ff'/%3E%3Cpath d='M42 10h28l12 28H30z' fill='%23e7fbff'/%3E%3Cpath d='M70 10h24l18 28H82z' fill='%2388d8ff'/%3E%3Cpath d='M0 38h30l26 56z' fill='%232b7fe5'/%3E%3Cpath d='M30 38h52L56 94z' fill='%235fa7ff'/%3E%3Cpath d='M82 38h30L56 94z' fill='%231f66cf'/%3E%3Cpath d='M42 10 56 94 70 10 82 38 30 38z' fill='%23ffffff' opacity='.20'/%3E%3Cpath d='M42 10 30 38h52L70 10z' fill='%23ffffff' opacity='.28'/%3E%3Cpath d='M88 17l3.4 9.2 9.6 3.6-9.6 3.6L88 42.6l-3.4-9.2-9.6-3.6 9.6-3.6z' fill='%23ffffff'/%3E%3Cpath d='M88 21l1.9 5.3 5.5 2.1-5.5 2.1L88 35.8l-1.9-5.3-5.5-2.1 5.5-2.1z' fill='%23e8fbff'/%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    transform-origin: 50% 50% !important;
    will-change: transform, filter !important;
    animation: bilge-diamond-obvious-spin 1.35s linear infinite, bilge-diamond-soft-pulse 1.8s ease-in-out infinite !important;
}

@keyframes bilge-diamond-obvious-spin {
    0% {
        transform: rotate(0deg) scaleX(1);
    }

    12.5% {
        transform: rotate(45deg) scaleX(0.72);
    }

    25% {
        transform: rotate(90deg) scaleX(0.32);
    }

    37.5% {
        transform: rotate(135deg) scaleX(0.72);
    }

    50% {
        transform: rotate(180deg) scaleX(1);
    }

    62.5% {
        transform: rotate(225deg) scaleX(0.72);
    }

    75% {
        transform: rotate(270deg) scaleX(0.32);
    }

    87.5% {
        transform: rotate(315deg) scaleX(0.72);
    }

    100% {
        transform: rotate(360deg) scaleX(1);
    }
}

/* === Bilge Agac visible motion cue === */
.badge-bilgeagac {
    position: relative !important;
    overflow: visible !important;
}

.badge-bilgeagac::before {
    background-image:
        linear-gradient(115deg, transparent 0%, transparent 34%, rgba(255, 255, 255, 0.98) 46%, rgba(147, 231, 255, 0.82) 50%, transparent 62%, transparent 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 96'%3E%3Cpath d='M18 10h76l18 28-56 56L0 38z' fill='%233b9df4'/%3E%3Cpath d='M18 10h24L30 38H0z' fill='%235fc7ff'/%3E%3Cpath d='M42 10h28l12 28H30z' fill='%23e7fbff'/%3E%3Cpath d='M70 10h24l18 28H82z' fill='%2388d8ff'/%3E%3Cpath d='M0 38h30l26 56z' fill='%232b7fe5'/%3E%3Cpath d='M30 38h52L56 94z' fill='%235fa7ff'/%3E%3Cpath d='M82 38h30L56 94z' fill='%231f66cf'/%3E%3Cpath d='M42 10 56 94 70 10 82 38 30 38z' fill='%23ffffff' opacity='.20'/%3E%3Cpath d='M42 10 30 38h52L70 10z' fill='%23ffffff' opacity='.28'/%3E%3Cpath d='M88 17l3.4 9.2 9.6 3.6-9.6 3.6L88 42.6l-3.4-9.2-9.6-3.6 9.6-3.6z' fill='%23ffffff'/%3E%3Cpath d='M88 21l1.9 5.3 5.5 2.1-5.5 2.1L88 35.8l-1.9-5.3-5.5-2.1 5.5-2.1z' fill='%23e8fbff'/%3E%3C/svg%3E") !important;
    background-position: -180% 0, center !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: 220% 100%, contain !important;
    animation:
        bilge-diamond-obvious-spin 1.35s linear infinite,
        bilge-diamond-soft-pulse 1.8s ease-in-out infinite,
        bilge-diamond-shine-sweep 1.35s linear infinite !important;
}

.badge-bilgeagac::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0.78rem !important;
    top: 50% !important;
    z-index: 4 !important;
    width: 0.34rem !important;
    height: 0.34rem !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    background: radial-gradient(circle, #ffffff 0 24%, rgba(222, 250, 255, 0.96) 25% 44%, rgba(88, 223, 255, 0) 72%) !important;
    box-shadow:
        0 0 5px rgba(255, 255, 255, 0.98),
        0 0 10px rgba(88, 223, 255, 0.88),
        0 0 15px rgba(88, 223, 255, 0.46) !important;
    opacity: 0.88 !important;
    animation: bilge-diamond-orbit-glint 1.35s linear infinite !important;
}

@keyframes bilge-diamond-shine-sweep {
    from {
        background-position: -180% 0, center;
    }

    to {
        background-position: 180% 0, center;
    }
}

@keyframes bilge-diamond-orbit-glint {
    0% {
        transform: translate(-0.42rem, -50%) scale(0.72);
        opacity: 0.25;
    }

    18% {
        transform: translate(0.02rem, -0.88rem) scale(0.94);
        opacity: 0.82;
    }

    34% {
        transform: translate(0.52rem, -0.76rem) scale(1);
        opacity: 1;
    }

    50% {
        transform: translate(0.68rem, -50%) scale(0.8);
        opacity: 0.56;
    }

    68% {
        transform: translate(0.52rem, -0.16rem) scale(0.98);
        opacity: 0.9;
    }

    84% {
        transform: translate(0.02rem, -0.08rem) scale(1);
        opacity: 1;
    }

    100% {
        transform: translate(-0.42rem, -50%) scale(0.72);
        opacity: 0.25;
    }
}

/* === Bilge Agac final: real animated diamond asset === */
.badge-bilgeagac {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.28rem !important;
}

.badge-bilgeagac::before,
.badge-bilgeagac::after {
    display: none !important;
    content: none !important;
}

.badge-bilgeagac__diamond {
    display: inline-block !important;
    width: 1.16rem !important;
    height: 1rem !important;
    flex: 0 0 1.16rem !important;
    object-fit: contain !important;
    margin: 0 0.02rem 0 -0.02rem !important;
    filter:
        drop-shadow(0 0 4px rgba(255, 255, 255, 0.95))
        drop-shadow(0 0 8px rgba(75, 205, 255, 0.55)) !important;
}

/* === Bilge Agac final motion lock === */
.badge-bilgeagac {
    position: relative !important;
    overflow: visible !important;
}

.badge-bilgeagac__diamond {
    transform-origin: 50% 50% !important;
    transform-style: preserve-3d !important;
    will-change: transform, filter, opacity !important;
    animation: bilge-real-diamond-axis-spin 1.25s linear infinite !important;
}

@keyframes bilge-real-diamond-axis-spin {
    0% {
        transform: perspective(90px) rotateY(0deg) scaleX(1);
        filter:
            drop-shadow(0 0 4px rgba(255, 255, 255, 0.95))
            drop-shadow(0 0 8px rgba(75, 205, 255, 0.55)) !important;
    }

    24% {
        transform: perspective(90px) rotateY(86deg) scaleX(0.18);
        filter:
            drop-shadow(0 0 6px rgba(255, 255, 255, 1))
            drop-shadow(0 0 13px rgba(88, 223, 255, 0.92)) !important;
    }

    50% {
        transform: perspective(90px) rotateY(180deg) scaleX(1);
        filter:
            drop-shadow(0 0 4px rgba(255, 255, 255, 0.95))
            drop-shadow(0 0 8px rgba(75, 205, 255, 0.55)) !important;
    }

    74% {
        transform: perspective(90px) rotateY(274deg) scaleX(0.18);
        filter:
            drop-shadow(0 0 6px rgba(255, 255, 255, 1))
            drop-shadow(0 0 13px rgba(88, 223, 255, 0.92)) !important;
    }

    100% {
        transform: perspective(90px) rotateY(360deg) scaleX(1);
        filter:
            drop-shadow(0 0 4px rgba(255, 255, 255, 0.95))
            drop-shadow(0 0 8px rgba(75, 205, 255, 0.55)) !important;
    }
}

/* === Bilge Agac diamond color restore === */
.badge-bilgeagac__diamond {
    width: 1.22rem !important;
    height: 1.02rem !important;
    flex-basis: 1.22rem !important;
    filter:
        saturate(1.55)
        contrast(1.12)
        drop-shadow(0 0 3px rgba(255, 255, 255, 0.95))
        drop-shadow(0 0 8px rgba(37, 176, 255, 0.72)) !important;
    animation: bilge-real-diamond-axis-spin-color 2s linear infinite !important;
}

@keyframes bilge-real-diamond-axis-spin-color {
    0% {
        transform: perspective(90px) rotateY(0deg) scaleX(1);
    }

    24% {
        transform: perspective(90px) rotateY(86deg) scaleX(0.28);
    }

    50% {
        transform: perspective(90px) rotateY(180deg) scaleX(1);
    }

    74% {
        transform: perspective(90px) rotateY(274deg) scaleX(0.28);
    }

    100% {
        transform: perspective(90px) rotateY(360deg) scaleX(1);
    }
}