/* SHOCKER_V165_PASS_VERTICAL_SCROLL / ONE VERTICAL OWNER, ONE HORIZONTAL ROAD */
body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-pass-shell {
    min-height:0 !important;
    max-height:100dvh;
    box-sizing:border-box;
    overflow:hidden;
}
body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-pass-main {
    min-width:0;
    min-height:0;
    overflow:hidden;
}
body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-panel {
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:none;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
}

/* Only the selected tab is laid out. Hidden rewards must not displace missions or the vault. */
body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll #v137-panel-rewards:not([hidden]) {
    position:relative;
    display:grid !important;
    grid-template-rows:auto auto auto auto !important;
    align-content:start;
    height:100%;
    min-height:0;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    scrollbar-width:auto;
    scrollbar-color:#c29b63 #07070c;
}
body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll #v137-panel-rewards::-webkit-scrollbar {
    width:11px;
}
body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll #v137-panel-rewards::-webkit-scrollbar-track {
    border-left:1px solid rgba(225,196,137,.13);
    background:#06070b;
}
body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll #v137-panel-rewards::-webkit-scrollbar-thumb {
    border:3px solid #06070b;
    border-radius:9px;
    background:linear-gradient(180deg,#79506f,#d3b470 52%,#733143);
}

/* The inner road owns horizontal movement only; its full height remains in normal flow. */
body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-reward-scroll[data-v165-horizontal-road="true"] {
    width:100%;
    height:auto !important;
    min-width:0;
    min-height:clamp(292px,45dvh,352px);
    max-height:none !important;
    box-sizing:border-box;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain;
    overscroll-behavior-y:auto;
    touch-action:pan-x pan-y;
}
body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-reward-road {
    height:auto;
}
body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-panel:focus-visible,
body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-reward-scroll:focus-visible {
    outline:1px solid rgba(244,218,154,.8);
    outline-offset:-2px;
    box-shadow:inset 0 0 21px rgba(219,184,112,.08);
}
.v165-pass-scroll-instruction {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
    border:0 !important;
}

/* v164's gallery remains luxurious, but yields space on shorter desktop screens. */
@media (max-height:900px) and (min-width:761px) {
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-pass-hero.v164-pass-hero {
        min-height:clamp(190px,27dvh,240px) !important;
    }
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-hero-copy {
        top:10px;
    }
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-hero-copy h3 {
        font-size:clamp(28px,3vw,43px);
    }
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-progress-dossier {
        bottom:8px;
        padding-block:7px;
    }
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-hero-stats {
        display:none;
    }
}
@media (max-height:720px) and (min-width:701px) {
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-pass-hero.v164-pass-hero {
        min-height:156px !important;
    }
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-hero-copy::before,
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-hero-copy p,
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v164-chapter-ribbon {
        display:none;
    }
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-reward-scroll[data-v165-horizontal-road="true"] {
        min-height:268px;
    }
}
@media (max-height:650px) and (orientation:landscape) {
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-pass-hero.v164-pass-hero {
        min-height:132px !important;
    }
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-reward-scroll[data-v165-horizontal-road="true"] {
        min-height:252px;
    }
}
@media (max-height:480px) and (min-width:560px) {
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-pass-hero.v164-pass-hero {
        min-height:88px !important;
    }
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-reward-scroll[data-v165-horizontal-road="true"] {
        min-height:232px;
    }
}
@media (max-width:480px) {
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll #v137-panel-rewards {
        scrollbar-gutter:auto;
    }
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-reward-scroll[data-v165-horizontal-road="true"] {
        min-height:286px;
    }
}
@media (prefers-reduced-motion:reduce) {
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll #v137-panel-rewards,
    body.v165-pass-scroll-ready #v137-battle-pass.v165-pass-scroll .v137-reward-scroll {
        scroll-behavior:auto !important;
    }
}
