/* SHOCKER_V164_LUXURY_PASS_ART / FOUR-PLATE ECLIPSE GALLERY */
:root {
    --v164-ink:#020307;
    --v164-gold:#d7b76c;
    --v164-gold-bright:#f6e4aa;
    --v164-lacquer:#8d2028;
    --v164-talisman:#d36b34;
    --v164-rose:#8e305e;
    --v164-amethyst:#9a65bd;
    --v164-silver:#c7c9d8;
}

body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass {
    background:
        radial-gradient(ellipse at 19% 48%,rgba(151,44,29,.22),transparent 35%),
        radial-gradient(ellipse at 82% 42%,rgba(132,62,160,.25),transparent 37%),
        radial-gradient(circle at 50% 8%,rgba(228,196,126,.12),transparent 22%),
        linear-gradient(138deg,#020305 0,#10080e 31%,#100b1c 69%,#020407 100%);
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass::before {
    opacity:.72;
    background:
        linear-gradient(90deg,transparent 49.92%,rgba(235,210,152,.1) 50%,transparent 50.08%),
        repeating-linear-gradient(117deg,transparent 0 57px,rgba(236,213,164,.018) 58px 59px),
        radial-gradient(circle at 50% 13%,rgba(206,174,106,.1),transparent 18%),
        radial-gradient(ellipse at center,transparent 34%,rgba(0,0,0,.8));
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-pass-shell {
    border-color:rgba(232,204,145,.77);
    background:
        linear-gradient(90deg,rgba(151,46,34,.05),transparent 29% 71%,rgba(113,65,145,.065)),
        linear-gradient(145deg,rgba(4,5,9,.995),rgba(18,9,22,.99) 55%,rgba(3,6,9,.995));
    box-shadow:
        inset 0 0 0 3px #030407,
        inset 0 0 0 4px rgba(232,205,146,.21),
        inset 0 0 110px rgba(0,0,0,.72),
        0 38px 135px #000;
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-pass-header {
    background:
        linear-gradient(107deg,rgba(137,31,39,.51),transparent 31% 69%,rgba(93,48,123,.39)),
        radial-gradient(circle at 50% -42%,rgba(238,211,153,.2),transparent 54%),
        linear-gradient(90deg,#07070b,#130b18 50%,#07080d);
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-pass-header h2 {
    color:#fff0bf;
    text-shadow:0 3px 0 #000,0 0 26px rgba(225,194,124,.27);
}

/* Four supplied illustrations are presented as framed posters, never as fake cut-outs. */
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-pass-hero.v164-pass-hero {
    min-height:clamp(310px,36dvh,390px);
    background:
        radial-gradient(circle at 50% 40%,rgba(201,161,100,.1),transparent 14%),
        linear-gradient(90deg,rgba(27,8,8,.97),rgba(4,5,9,.87) 35%,rgba(5,4,10,.87) 65%,rgba(17,7,22,.97)),
        #040509;
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-pass-hero::before {
    content:"ECLIPSE\A MASQUERADE";
    z-index:1;
    color:rgba(251,228,181,.04);
    font-size:clamp(72px,8vw,132px);
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-pass-hero::after {
    z-index:7;
    background:
        linear-gradient(90deg,rgba(0,0,0,.08),transparent 24% 76%,rgba(0,0,0,.08)),
        linear-gradient(180deg,rgba(0,0,0,.03),transparent 59%,rgba(0,0,0,.72));
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-art {
    display:block !important;
    z-index:2;
}

body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy,
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-progress-dossier {
    z-index:12;
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy {
    top:21px;
    width:min(38%,510px);
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy::before {
    content:"SEASON 01  ◆  LIMITED HALLOWEEN CHRONICLE";
    display:block;
    width:max-content;
    max-width:100%;
    margin:0 auto 7px;
    padding:4px 12px;
    border-block:1px solid rgba(226,196,132,.36);
    color:#cbb682;
    font:900 6px/1 "Courier New",monospace;
    letter-spacing:.21em;
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy h3 {
    font-size:clamp(35px,3.7vw,57px);
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-progress-dossier {
    bottom:17px;
    width:min(37%,500px);
    border-color:rgba(235,205,141,.73);
    background:
        linear-gradient(115deg,rgba(124,30,45,.27),transparent 42%,rgba(92,51,123,.22)),
        rgba(3,5,10,.92);
    box-shadow:inset 0 0 0 3px rgba(0,0,0,.7),inset 0 0 0 4px rgba(229,199,136,.1),0 18px 42px rgba(0,0,0,.75);
}

.v164-pass-gallery {
    position:absolute;
    z-index:2;
    inset:0;
    overflow:hidden;
    pointer-events:none;
    isolation:isolate;
}
.v164-pass-gallery::before {
    content:"";
    position:absolute;
    z-index:8;
    top:-22%;
    left:50%;
    width:43%;
    height:145%;
    transform:translateX(-50%);
    background:
        radial-gradient(circle at 50% 37%,transparent 0 13%,rgba(2,3,7,.54) 27%,rgba(2,3,7,.89) 68%),
        linear-gradient(90deg,transparent,rgba(2,3,7,.82) 14% 86%,transparent);
    filter:blur(.1px);
}
.v164-pass-gallery::after {
    content:"";
    position:absolute;
    z-index:9;
    inset:0;
    border-block:1px solid rgba(239,214,157,.2);
    background:
        linear-gradient(90deg,transparent 0 7%,rgba(239,213,153,.18) 7.1% 7.18%,transparent 7.28% 92.72%,rgba(239,213,153,.18) 92.82% 92.9%,transparent 93%),
        linear-gradient(180deg,rgba(255,255,255,.035),transparent 21% 76%,rgba(0,0,0,.42));
}
.v164-art-pair {
    position:absolute;
    z-index:2;
    top:0;
    bottom:0;
    width:38%;
    overflow:visible;
}
.v164-art-pair--luka {
    left:0;
    -webkit-mask-image:linear-gradient(90deg,#000 0 80%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 0 80%,transparent 100%);
}
.v164-art-pair--riana {
    right:0;
    -webkit-mask-image:linear-gradient(270deg,#000 0 80%,transparent 100%);
    mask-image:linear-gradient(270deg,#000 0 80%,transparent 100%);
}
.v164-art-frame {
    position:absolute;
    bottom:-10%;
    margin:0;
    overflow:hidden;
    border:1px solid rgba(240,215,159,.79);
    background:#05060a;
    box-shadow:
        inset 0 0 0 4px rgba(3,4,7,.91),
        inset 0 0 0 5px rgba(224,194,131,.26),
        0 24px 42px rgba(0,0,0,.82),
        0 0 28px var(--v164-art-glow,rgba(196,126,84,.16));
    transform-origin:50% 100%;
}
.v164-art-frame::before {
    content:"";
    position:absolute;
    z-index:3;
    inset:7px;
    border:1px solid rgba(244,222,174,.26);
    clip-path:inherit;
    pointer-events:none;
}
.v164-art-frame::after {
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    background:
        linear-gradient(116deg,rgba(255,255,255,.1),transparent 17% 73%,rgba(0,0,0,.19)),
        linear-gradient(180deg,transparent 61%,rgba(2,3,6,.62));
    pointer-events:none;
}
.v164-art-frame img {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    opacity:1 !important;
    object-fit:cover !important;
    filter:saturate(.93) contrast(1.06) brightness(.82) !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    transform:none !important;
}
.v164-art-frame--secondary {
    z-index:2;
    top:8%;
    width:45%;
    opacity:.72;
    filter:saturate(.86);
}
.v164-art-frame--primary {
    z-index:4;
    top:-2%;
    width:58%;
}
.v164-art-pair--luka .v164-art-frame--secondary {
    left:-2%;
    --v164-art-glow:rgba(211,96,49,.18);
    clip-path:polygon(0 4%,91% 0,100% 96%,8% 100%);
    transform:rotate(-1.5deg);
}
.v164-art-pair--luka .v164-art-frame--primary {
    left:31%;
    --v164-art-glow:rgba(224,117,56,.23);
    clip-path:polygon(5% 0,100% 3%,94% 100%,0 96%);
    transform:rotate(.8deg);
}
.v164-art-pair--riana .v164-art-frame--secondary {
    right:-2%;
    --v164-art-glow:rgba(151,94,188,.22);
    clip-path:polygon(9% 0,100% 4%,92% 100%,0 96%);
    transform:rotate(1.5deg);
}
.v164-art-pair--riana .v164-art-frame--primary {
    right:31%;
    --v164-art-glow:rgba(165,87,165,.27);
    clip-path:polygon(0 3%,95% 0,100% 96%,6% 100%);
    transform:rotate(-.8deg);
}
.v164-art-frame--luka-primary img { object-position:50% 20% !important; }
.v164-art-frame--luka-secondary img { object-position:50% 22% !important; }
.v164-art-frame--riana-primary img { object-position:50% 24% !important; }
.v164-art-frame--riana-secondary img { object-position:50% 20% !important; }

.v164-chapter-ribbon {
    position:absolute;
    z-index:11;
    bottom:18px;
    width:min(24%,320px);
    padding:7px 12px 7px 15px;
    border:1px solid rgba(231,203,143,.5);
    color:#eee0b8;
    background:linear-gradient(100deg,rgba(4,5,8,.96),rgba(86,26,28,.78),rgba(4,5,8,.64));
    box-shadow:inset 0 0 0 3px rgba(1,2,4,.58),0 9px 24px rgba(0,0,0,.62);
    clip-path:polygon(0 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,0 100%,7px 50%);
}
.v164-chapter-ribbon--luka { left:2%; }
.v164-chapter-ribbon--riana {
    right:2%;
    padding-right:15px;
    padding-left:12px;
    text-align:right;
    background:linear-gradient(260deg,rgba(4,5,8,.96),rgba(75,39,98,.8),rgba(4,5,8,.64));
    clip-path:polygon(13px 0,100% 0,calc(100% - 7px) 50%,100% 100%,13px 100%,0 50%);
}
.v164-chapter-ribbon small {
    display:block;
    color:#c2aa76;
    font:900 5.5px/1 "Courier New",monospace;
    letter-spacing:.16em;
}
.v164-chapter-ribbon strong {
    display:block;
    margin-top:3px;
    font:600 clamp(9px,.82vw,12px)/1 Georgia,"Yu Mincho",serif;
    letter-spacing:.08em;
}
.v164-eclipse-crest {
    position:absolute;
    z-index:7;
    left:50%;
    top:43%;
    width:clamp(118px,10vw,164px);
    aspect-ratio:1;
    border:1px solid rgba(231,206,148,.25);
    border-radius:50%;
    transform:translate(-50%,-50%);
    background:
        radial-gradient(circle at 43% 43%,transparent 0 30%,rgba(6,5,12,.98) 31% 47%,transparent 48%),
        radial-gradient(circle,#ead9a4 0 36%,#83669b 38% 45%,transparent 46%);
    box-shadow:0 0 0 9px rgba(152,91,176,.035),0 0 38px rgba(162,101,190,.18);
    opacity:.58;
}
.v164-eclipse-crest::before,
.v164-eclipse-crest::after {
    content:"";
    position:absolute;
    inset:-12px;
    border:1px dashed rgba(227,200,139,.3);
    border-radius:50%;
}
.v164-eclipse-crest::after {
    inset:-20px;
    border-style:solid;
    border-color:rgba(179,115,199,.14);
}

/* The canonical reward road remains scrollable; only its stage and milestone chapters are upgraded. */
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass #v137-panel-rewards {
    background:
        radial-gradient(ellipse at 15% 54%,rgba(149,50,35,.13),transparent 31%),
        radial-gradient(ellipse at 86% 54%,rgba(119,65,153,.14),transparent 33%),
        linear-gradient(180deg,rgba(3,4,7,.35),rgba(8,5,11,.76));
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v162-route-console {
    border-color:rgba(229,200,138,.52);
    background:
        radial-gradient(circle at 15% 50%,rgba(158,51,37,.17),transparent 25%),
        radial-gradient(circle at 82% 50%,rgba(126,69,159,.2),transparent 26%),
        linear-gradient(90deg,rgba(11,8,11,.97),rgba(20,10,25,.95),rgba(6,8,12,.97));
    box-shadow:inset 0 0 0 3px rgba(2,3,6,.64),inset 0 0 0 4px rgba(230,200,137,.07),0 13px 33px rgba(0,0,0,.48);
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v162-console-title {
    border-left-color:#d1ad64;
}
.v164-trial-button {
    isolation:isolate;
    padding-right:78px !important;
    border-color:rgba(231,204,145,.5) !important;
    box-shadow:inset 0 0 0 2px rgba(0,0,0,.42);
}
.v164-trial-button > small,
.v164-trial-button > b {
    position:relative;
    z-index:3;
}
.v164-trial-button::before {
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    background:linear-gradient(90deg,rgba(5,5,9,.98) 0 42%,rgba(5,5,9,.64) 68%,transparent);
    pointer-events:none;
}
.v164-trial-button::after {
    z-index:5;
    right:8px;
    top:8px;
    transform:rotate(12deg);
}
.v164-trial-thumb {
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    width:76px;
    height:100%;
    overflow:hidden;
    pointer-events:none;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);
    mask-image:linear-gradient(90deg,transparent,#000 35%);
}
.v164-trial-thumb img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 20%;
    filter:saturate(.88) contrast(1.08) brightness(.75);
}
.v164-trial-set-badge {
    position:absolute;
    z-index:4;
    right:26px;
    bottom:4px;
    color:#f0d99f;
    font:900 5px/1 "Courier New",monospace;
    letter-spacing:.08em;
    pointer-events:none;
}

body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-tier-column.v164-milestone-column {
    width:clamp(236px,17.2vw,278px);
    --v164-chapter-accent:#d09a57;
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-tier-column.v164-milestone-column[data-v164-character="riana"] {
    --v164-chapter-accent:#b887cf;
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-tier-column.v164-milestone-column::before {
    inset:-6px -7px;
    border-color:color-mix(in srgb,var(--v164-chapter-accent) 36%,transparent);
    background:
        linear-gradient(180deg,color-mix(in srgb,var(--v164-chapter-accent) 11%,transparent),rgba(4,5,9,.24)),
        repeating-linear-gradient(135deg,transparent 0 15px,rgba(255,255,255,.014) 16px 17px);
    box-shadow:0 0 31px color-mix(in srgb,var(--v164-chapter-accent) 13%,transparent);
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-tier-column.v164-milestone-column::after {
    display:none !important;
}
.v164-milestone-banner {
    position:absolute;
    z-index:9;
    top:8px;
    left:8px;
    max-width:calc(100% - 16px);
    padding:5px 9px 4px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--v164-chapter-accent) 66%,#f3dfaa 34%);
    color:#f5e4b8;
    background:linear-gradient(110deg,rgba(4,5,9,.96),color-mix(in srgb,var(--v164-chapter-accent) 28%,#08070b));
    box-shadow:0 6px 17px rgba(0,0,0,.56);
    font:900 6px/1 "Courier New",monospace;
    letter-spacing:.11em;
    text-overflow:ellipsis;
    white-space:nowrap;
    pointer-events:none;
    clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%);
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v164-milestone-column .v137-reward-card.is-skin-reward {
    border-color:color-mix(in srgb,var(--v164-chapter-accent) 76%,#f7e5b6 24%);
    background:
        radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--v164-chapter-accent) 25%,transparent),transparent 46%),
        linear-gradient(145deg,#21101c,#05060a 78%);
    box-shadow:inset 0 0 0 3px #040509,inset 0 0 0 4px color-mix(in srgb,var(--v164-chapter-accent) 28%,transparent),0 0 31px color-mix(in srgb,var(--v164-chapter-accent) 18%,transparent);
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v164-milestone-column .v137-reward-card.is-skin-reward.is-locked.can-trial {
    filter:saturate(.9) brightness(.91);
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v164-milestone-column .v137-reward-skin-art::after {
    content:"レアカード 2枚セット";
    position:absolute;
    z-index:5;
    left:50%;
    bottom:1px;
    padding:4px 8px;
    transform:translateX(-50%);
    border:1px solid rgba(237,211,155,.5);
    color:#f4dfa8;
    background:rgba(3,4,8,.92);
    font:900 5.5px/1 "Courier New",monospace;
    letter-spacing:.1em;
    white-space:nowrap;
}
body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v164-milestone-column .v162-trial-mark {
    top:auto;
    right:8px;
    bottom:8px;
    color:#fff0bf;
    background:linear-gradient(115deg,color-mix(in srgb,var(--v164-chapter-accent) 64%,#42111f),#160d20);
}

.v164-home-pass-art {
    position:absolute;
    z-index:0;
    top:-20%;
    right:0;
    bottom:-20%;
    width:47%;
    overflow:hidden;
    opacity:.28;
    pointer-events:none;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 42%);
    mask-image:linear-gradient(90deg,transparent,#000 42%);
}
.v164-home-pass-art img {
    position:absolute;
    top:0;
    width:58%;
    height:100%;
    object-fit:cover;
    object-position:50% 20%;
    filter:saturate(.9) contrast(1.08) brightness(.72);
}
.v164-home-pass-art img:first-child { left:3%;clip-path:polygon(0 0,87% 0,100% 100%,12% 100%); }
.v164-home-pass-art img:last-child { right:-2%;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%); }
#v137-home-battle-pass-button.v164-home-luxury > .v162-home-skin-pair { display:none; }
#v137-home-battle-pass-button.v164-home-luxury > *:not(.v164-home-pass-art) { position:relative;z-index:2; }
#v137-home-battle-pass-button.v164-home-luxury {
    border-color:rgba(238,209,147,.8) !important;
    box-shadow:inset 0 0 0 2px rgba(0,0,0,.6),inset 0 0 0 3px rgba(235,206,143,.1),0 0 23px rgba(139,74,160,.09);
}

@keyframes v164-gallery-enter-left {
    from { opacity:0;transform:translate3d(-14px,8px,0); }
    to { opacity:1;transform:translate3d(0,0,0); }
}
@keyframes v164-gallery-enter-right {
    from { opacity:0;transform:translate3d(14px,8px,0); }
    to { opacity:1;transform:translate3d(0,0,0); }
}
@keyframes v164-crest-reveal {
    from { opacity:0;transform:translate(-50%,-50%) scale(.88) rotate(-8deg); }
    to { opacity:.58;transform:translate(-50%,-50%) scale(1) rotate(0); }
}
#v137-battle-pass.v164-luxury-pass:not([hidden]) .v164-art-pair--luka {
    animation:v164-gallery-enter-left .66s cubic-bezier(.2,.72,.18,1) both;
}
#v137-battle-pass.v164-luxury-pass:not([hidden]) .v164-art-pair--riana {
    animation:v164-gallery-enter-right .72s .04s cubic-bezier(.2,.72,.18,1) both;
}
#v137-battle-pass.v164-luxury-pass:not([hidden]) .v164-eclipse-crest {
    animation:v164-crest-reveal .74s .08s cubic-bezier(.2,.72,.18,1) both;
}

@media (max-width:1100px) {
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-pass-hero.v164-pass-hero { min-height:300px; }
    .v164-art-pair { width:41%; }
    .v164-chapter-ribbon { width:25%; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy { width:42%; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-progress-dossier { width:43%; }
}
@media (max-width:760px) {
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass { padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right); }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-pass-hero.v164-pass-hero { min-height:clamp(236px,35dvh,282px); }
    .v164-art-pair { width:50%; }
    .v164-art-frame--secondary { top:0;bottom:-5%;width:62%;opacity:.43; }
    .v164-art-frame--primary { top:6%;bottom:-9%;width:69%; }
    .v164-art-pair--luka .v164-art-frame--secondary { left:-12%; }
    .v164-art-pair--luka .v164-art-frame--primary { left:9%; }
    .v164-art-pair--riana .v164-art-frame--secondary { right:-12%; }
    .v164-art-pair--riana .v164-art-frame--primary { right:9%; }
    .v164-pass-gallery::before { width:64%;background:linear-gradient(90deg,transparent,rgba(2,3,7,.91) 22% 78%,transparent); }
    .v164-eclipse-crest { top:37%;width:104px;opacity:.38; }
    .v164-chapter-ribbon { display:none; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy { top:8px;width:58%; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy::before { display:none; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy h3 { font-size:clamp(25px,6.7vw,36px); }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-progress-dossier { bottom:7px;width:72%; }
    .v164-trial-button { padding-right:52px !important; }
    .v164-trial-thumb { width:52px; }
    .v164-trial-set-badge { display:none; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-tier-column.v164-milestone-column { width:210px; }
}
@media (max-width:480px) {
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-pass-hero.v164-pass-hero { min-height:224px; }
    .v164-art-frame--secondary { opacity:.34; }
    .v164-art-frame--primary { width:78%; }
    .v164-art-pair--luka .v164-art-frame--primary { left:-1%; }
    .v164-art-pair--riana .v164-art-frame--primary { right:-1%; }
    .v164-pass-gallery::before { width:72%; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy { width:62%; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy p { display:none; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-progress-dossier { width:78%;padding:6px 8px; }
    .v164-eclipse-crest { width:87px; }
    .v164-trial-thumb { opacity:.63; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-tier-column.v164-milestone-column { width:198px; }
}
@media (max-height:650px) and (orientation:landscape) {
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-pass-hero.v164-pass-hero { min-height:142px; }
    .v164-art-pair { width:35%; }
    .v164-art-frame--secondary { top:0;bottom:-14%;width:38%;opacity:.58; }
    .v164-art-frame--primary { top:-6%;bottom:-14%;width:46%; }
    .v164-art-pair--luka .v164-art-frame--secondary { left:0; }
    .v164-art-pair--luka .v164-art-frame--primary { left:33%; }
    .v164-art-pair--riana .v164-art-frame--secondary { right:0; }
    .v164-art-pair--riana .v164-art-frame--primary { right:33%; }
    .v164-chapter-ribbon { display:none; }
    .v164-eclipse-crest { width:76px;top:48%; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy { top:5px;width:42%; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy::before,
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy p,
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-stats { display:none; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy h3 { font-size:25px; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-progress-dossier { bottom:5px;width:42%;padding:5px 8px; }
}
@media (max-height:480px) and (min-width:560px) {
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-pass-hero.v164-pass-hero { min-height:92px; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-art { display:block !important; }
    .v164-art-pair { width:32%; }
    .v164-art-frame--secondary { top:-15%;bottom:-25%;width:34%; }
    .v164-art-frame--primary { top:-22%;bottom:-25%;width:48%; }
    .v164-art-pair--luka .v164-art-frame--primary { left:31%; }
    .v164-art-pair--riana .v164-art-frame--primary { right:31%; }
    .v164-pass-gallery::before { width:48%; }
    .v164-eclipse-crest,.v164-chapter-ribbon { display:none; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy { display:block;top:7px;width:38%; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-hero-copy h3 { font-size:20px; }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-progress-dossier {
        position:absolute;
        left:50%;
        bottom:4px;
        width:37%;
        margin:0;
        padding:3px 7px;
        transform:translateX(-50%);
    }
    body.v164-luxury-pass-ready #v137-battle-pass.v164-luxury-pass .v137-level-medallion { width:38px; }
}
@media (prefers-reduced-motion:reduce) {
    #v137-battle-pass.v164-luxury-pass .v164-art-pair,
    #v137-battle-pass.v164-luxury-pass .v164-eclipse-crest { animation:none !important; }
    #v137-battle-pass.v164-luxury-pass .v164-art-frame,
    #v137-battle-pass.v164-luxury-pass .v164-trial-button,
    #v137-battle-pass.v164-luxury-pass .v164-milestone-column .v137-reward-card { transition:none !important; }
}