/* ==========================================================
   N5TG V53 — Pull refresh protection and first-card indicator
========================================================== */
html,
body {
    overscroll-behavior-y:none!important;
}

#rn-feed-wrapper {
    overscroll-behavior-y:contain!important;
}

.rn-v53-pull-refresh {
    --rn-v53-pull-distance:0px;
    position:fixed!important;
    top:max(8px,env(safe-area-inset-top))!important;
    left:50%!important;
    z-index:2147482000!important;
    min-height:40px!important;
    padding:0 14px!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    background:rgba(12,14,20,.92)!important;
    color:#fff!important;
    box-shadow:0 10px 30px rgba(0,0,0,.3)!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:
        translateX(-50%)
        translateY(calc(-60px + var(--rn-v53-pull-distance)))!important;
    transition:opacity .12s ease!important;
}

.rn-v53-pull-refresh.rn-v53-pull-visible {
    opacity:1!important;
}

.rn-v53-pull-refresh strong {
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
}

.rn-v53-pull-refresh-icon {
    font-size:17px!important;
    line-height:1!important;
    transition:transform .18s ease!important;
}

.rn-v53-pull-refresh.rn-v53-pull-ready .rn-v53-pull-refresh-icon {
    transform:rotate(180deg)!important;
}

.rn-v53-pull-refresh.rn-v53-pull-loading .rn-v53-pull-refresh-icon {
    animation:rnV53RefreshSpin .7s linear infinite!important;
}

@keyframes rnV53RefreshSpin {
    to {
        transform:rotate(360deg);
    }
}

@media (min-width:1181px) {
    .rn-v53-pull-refresh {
        display:none!important;
    }
}