#m31-vip{--m31-gacha-ease:cubic-bezier(.22,1,.36,1)}#m31-vip .m31hub__preview-heading{max-width:1530px;padding:24px clamp(18px,3vw,34px) 23px;gap:28px}#m31-vip .m31hub__preview-heading h3{font-size:clamp(30px,3.6vw,45px);letter-spacing:.018em;text-shadow:0 1px 14px rgba(255,255,255,.065)}#m31-vip .m31hub__preview-heading h3:after{content:"";display:block;height:2px;width:65px;margin-top:13px;background:linear-gradient(90deg,#f3f4f7,#7c8598 65%,transparent)}#m31-vip .m31hub__ranks{--m31-gacha-gap:22px;max-width:1530px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--m31-gacha-gap)!important;padding:0 clamp(18px,3vw,34px) 42px!important}#m31-vip .m31hub__ranks>.m31hub__rank-preview{--m31-rarity-rgb:153,160,175;--m31-rarity-line:#8c919c;--m31-rarity-light:#d2d6dd;grid-column:auto!important;justify-self:stretch;width:100%;max-width:none;min-width:0;min-height:410px!important;padding:19px 22px 18px!important;position:relative;isolation:isolate;overflow:hidden!important;display:flex;flex-direction:column;border:1px solid rgba(var(--m31-rarity-rgb),.49)!important;border-top:2px solid var(--m31-rarity-line)!important;border-radius:7px;background:radial-gradient(ellipse at 50% 39%,rgba(var(--m31-rarity-rgb),.15),transparent 55%),linear-gradient(153deg,#22242a,#121319 62%,#0c0d12)!important;box-shadow:inset 0 1px #ffffff12,0 18px 42px #00000063,0 0 17px rgba(var(--m31-rarity-rgb),.075)!important;transition:transform .34s var(--m31-gacha-ease),box-shadow .34s ease,border-color .24s ease!important}#m31-vip .m31hub__ranks>.m31hub__rank-preview:before{background:linear-gradient(123deg,rgba(255,255,255,.06),transparent 34%,rgba(0,0,0,.09) 72%),repeating-linear-gradient(0deg,rgba(255,255,255,.013) 0 1px,transparent 1px 8px);pointer-events:none}#m31-vip .m31hub__ranks>.m31hub__rank-preview:after{content:"";position:absolute;width:135px;height:135px;right:-65px;bottom:-76px;border:1px solid rgba(var(--m31-rarity-rgb),.16);transform:rotate(45deg);pointer-events:none;z-index:0;box-shadow:0 0 0 18px rgba(var(--m31-rarity-rgb),.018)}@media(hover:hover)and (pointer:fine){#m31-vip .m31hub__ranks>.m31hub__rank-preview:hover{transform:translateY(-4px);border-color:rgba(var(--m31-rarity-rgb),.76)!important;box-shadow:inset 0 1px #ffffff1a,0 23px 47px #00000075,0 0 27px rgba(var(--m31-rarity-rgb),.17)!important}}#m31-vip .m31hub__rank-top,#m31-vip .m31hub__rank-bottom{width:100%;font-size:11px;letter-spacing:.08em;text-transform:uppercase}#m31-vip .m31hub__rank-top strong{color:var(--m31-rarity-light);font-size:12px;text-shadow:0 0 11px rgba(var(--m31-rarity-rgb),.23)}#m31-vip .m31hub__rank-card{flex:1 0 auto;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;padding:18px 0 17px!important;min-height:302px!important}#m31-vip .m31hub__rank-avatar{width:175px!important;height:203px!important;flex:0 0 auto!important;position:relative;margin:8px auto 0!important;filter:drop-shadow(0 10px 12px rgba(0,0,0,.38))}#m31-vip .m31hub__rank-details{display:flex;width:100%;min-width:0;align-items:center!important;justify-content:center;text-align:center!important;gap:6px!important}#m31-vip .m31hub__rank-details .m31hub__emblem-row{justify-content:center!important}#m31-vip .m31hub__rank-details .m31hub__emblem-row small{font-size:10px}#m31-vip .m31hub__rank-details strong{color:var(--m31-rarity-light);font:850 clamp(29px,2.6vw,36px)/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:.018em;overflow-wrap:normal}#m31-vip .m31hub__rank-details span{font-size:15px;line-height:1.35}#m31-vip .m31hub__rank-bottom{border-top:1px solid rgba(var(--m31-rarity-rgb),.2);margin-top:auto;padding-top:14px}#m31-vip [data-preview-tier=member]{--m31-rarity-rgb:127,134,144;--m31-rarity-line:#6a6e77;--m31-rarity-light:#e5e5e8}#m31-vip [data-preview-tier=silver]{--m31-rarity-rgb:187,207,229;--m31-rarity-line:#c1cee0;--m31-rarity-light:#e9f0ff}#m31-vip [data-preview-tier=gold]{--m31-rarity-rgb:233,168,71;--m31-rarity-line:#d6a651;--m31-rarity-light:#ffe1a1}#m31-vip [data-preview-tier=platinum]{--m31-rarity-rgb:74,193,233;--m31-rarity-line:#70e0f1;--m31-rarity-light:#d6f8ff;background:radial-gradient(ellipse at 50% 39%,rgba(54,177,239,.23),transparent 55%),linear-gradient(155deg,#202e41,#111c29 63%,#0a101a)!important}#m31-vip [data-preview-tier=elite]{--m31-rarity-rgb:202,143,249;--m31-rarity-line:#e1c1ff;--m31-rarity-light:#f8e6ff;background:radial-gradient(ellipse at 48% 35%,rgba(166,116,246,.3),transparent 57%),radial-gradient(ellipse at 50% 38%,rgba(99,236,241,.14),transparent 70%),linear-gradient(157deg,#2b2038,#171322,#0d1420)!important;border-color:#d4a2ffa6!important;box-shadow:inset 0 1px #ffffff21,0 22px 44px #0000006b,0 0 30px #a764f433!important}#m31-vip .m31hub__ranks>.m31hub__rank-preview:nth-child(5){grid-column:1 / -1!important;width:calc((100% - var(--m31-gacha-gap)) / 2);max-width:none;justify-self:center}#m31-vip [data-preview-tier=elite] .m31hub__rank-avatar{background:conic-gradient(from 30deg,#f8fbff,#9affee,#b6a6ff,#f6b3e8,#ffe9b8,#85eafa,#f8fbff)!important;box-shadow:0 13px 25px #00000085,0 0 26px #b880f878,0 0 45px #68d9f63d!important}#m31-vip [data-preview-tier=elite] .m31hub__rank-details strong{color:#f8eaff;background:linear-gradient(105deg,#fff,#d4b5ff 22%,#a7fff2 49%,#ffe0fc 73%,#fff);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:m31-gacha-elite-type 7s ease-in-out infinite alternate}#m31-vip [data-preview-tier=elite] .m31hub__rank-details span{color:#d9d6ef}#m31-vip .m31hub__elite-sigil{position:absolute!important;left:50%;top:-1px;transform:translate(-50%);z-index:4!important;display:flex;gap:7px;align-items:center;padding:4px 18px 5px;border:1px solid #bd98e7;border-top:0;border-radius:0 0 7px 7px;background:linear-gradient(100deg,#2a1a43,#49345e,#203f4e);color:#f8e7ff;font:800 9px Oxanium,sans-serif;letter-spacing:.19em;white-space:nowrap;box-shadow:0 5px 16px #bb71f842}#m31-vip .m31hub__elite-sigil span{color:#a9fff0;font-size:12px}#m31-vip [data-preview-tier=elite] .m31hub__rank-top{padding-top:13px}#m31-vip .m31prestige__ornament--elite{--m31-flow:5.7s;--m31-halo-opacity:.85;--m31-trace-opacity:1;--m31-glint-brightness:1;--m31-glint-duration:7.3s}#m31-vip .m31prestige__ornament--elite .m31prestige__light-bloom{stroke:#debaff!important;opacity:.84!important;filter:drop-shadow(0 0 5px rgba(210,151,255,.76))!important}#m31-vip .m31prestige__ornament--elite .m31prestige__light-trace{stroke:#f4fbff!important;opacity:1!important;filter:drop-shadow(0 0 4px rgba(158,246,255,.82))!important}#m31-vip .m31prestige__ornament--elite .m31prestige__sparkle{filter:drop-shadow(0 0 4px rgba(200,255,249,.83))!important}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-wings{filter:drop-shadow(0 0 4px rgba(195,138,255,.55))}#m31-vip[data-hub-rank=elite] .m31hub__avatar{box-shadow:0 13px 24px #00000070,0 0 23px #bb7cfa73,0 0 41px #63e3ee40!important}#m31-vip .m31hub__account{border-radius:6px;background:linear-gradient(148deg,#2a2a32,#15151b 80%);box-shadow:0 19px 42px #0000004f,inset 0 1px #ffffff13}#m31-vip .m31hub__progress{background:#3c3d46;height:7px;border-radius:5px}#m31-vip .m31hub__progress span{background:linear-gradient(90deg,#c7c8d2,#f4f5ff);border-radius:5px;box-shadow:0 0 10px #e4e8fa33}#m31-vip[data-hub-rank=gold] .m31hub__progress span{background:linear-gradient(90deg,#b67a2b,#ffe5a0)}#m31-vip[data-hub-rank=platinum] .m31hub__progress span{background:linear-gradient(90deg,#3275ba,#97eff4)}#m31-vip[data-hub-rank=elite] .m31hub__progress span{background:linear-gradient(90deg,#a999ff,#91f7ee,#f5c5f0)}@keyframes m31-gacha-elite-type{0%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:850px){#m31-vip .m31hub__ranks{grid-template-columns:minmax(0,1fr)!important;--m31-gacha-gap:18px}#m31-vip .m31hub__ranks>.m31hub__rank-preview,#m31-vip .m31hub__ranks>.m31hub__rank-preview:nth-child(5){grid-column:1!important;width:100%!important;max-width:640px;justify-self:center}}@media(max-width:640px){#m31-vip .m31hub__ranks{padding-inline:15px!important;gap:15px!important}#m31-vip .m31hub__ranks>.m31hub__rank-preview{min-height:220px!important;padding:15px 15px 13px!important}#m31-vip .m31hub__rank-card{flex-direction:row!important;justify-content:flex-start!important;min-height:154px!important;gap:15px!important;padding:10px 0!important}#m31-vip .m31hub__rank-avatar{width:107px!important;height:129px!important;flex:0 0 107px!important;margin:4px 0 0!important}#m31-vip .m31hub__rank-avatar img{top:12px!important;right:12px!important;bottom:13px!important;left:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 25px)!important}#m31-vip .m31hub__rank-details{align-items:flex-start!important;text-align:left!important;gap:5px!important}#m31-vip .m31hub__rank-details .m31hub__emblem-row{justify-content:flex-start!important}#m31-vip .m31hub__rank-details strong{font-size:clamp(23px,6.4vw,32px)}#m31-vip .m31hub__rank-details span{font-size:12px}#m31-vip .m31hub__rank-top,#m31-vip .m31hub__rank-bottom{font-size:9px}#m31-vip .m31hub__elite-sigil{font-size:8px;padding:3px 9px}#m31-vip .m31hub__rank-preview[data-preview-tier=elite] .m31hub__rank-top{padding-top:13px}}@media(max-width:360px){#m31-vip .m31hub__rank-card{gap:9px!important}#m31-vip .m31hub__rank-avatar{width:94px!important;height:115px!important;flex-basis:94px!important}#m31-vip .m31hub__rank-details strong{font-size:22px}#m31-vip .m31hub__rank-top,#m31-vip .m31hub__rank-bottom{letter-spacing:.02em}}@media(prefers-reduced-motion:reduce){#m31-vip .m31hub__ranks>.m31hub__rank-preview,#m31-vip [data-preview-tier=elite] .m31hub__rank-details strong,#m31-vip .m31prestige__ornament--elite,#m31-vip .m31prestige__ornament--elite *{animation:none!important;transition:none!important}#m31-vip .m31hub__ranks>.m31hub__rank-preview:hover{transform:none!important}}#m31-vip [data-preview-tier=elite]{--m31-rarity-rgb:199,84,163;--m31-rarity-line:#e46bb8;--m31-rarity-light:#ffe4f5;background:radial-gradient(ellipse at 50% 35%,rgba(216,47,111,.24),transparent 41%),radial-gradient(ellipse at 50% 42%,rgba(132,39,222,.26),transparent 59%),radial-gradient(ellipse at 48% 44%,rgba(62,177,210,.12),transparent 72%),linear-gradient(155deg,#270e1f,#180c21 43%,#0d1020)!important;border-color:#e66fb78a!important;box-shadow:inset 0 1px #ffffff1a,0 22px 46px #00000075,0 0 27px #c2348f33!important}#m31-vip [data-preview-tier=elite] .m31hub__rank-avatar{background:conic-gradient(from 18deg,#260719,#7b1647,#ec396e,#7e26d5,#411956,#7af1ff,#260719)!important;box-shadow:0 14px 28px #0000008f,0 0 24px #e1397852,0 0 40px #7e2adc40,0 0 51px #64def921!important}#m31-vip [data-preview-tier=elite] .m31hub__rank-details strong{background:linear-gradient(95deg,#fff7fb,#ff9cc6 27%,#ff5c80 49%,#c18bff 73%,#a6f7ff);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#fff4fa;text-shadow:none;animation:m31-mastery-title-flow 7s ease-in-out infinite alternate}#m31-vip [data-preview-tier=elite] .m31hub__rank-details span{color:#f0d7e7!important;text-shadow:0 1px 0 rgba(8,7,13,.94)}#m31-vip .m31hub__elite-sigil{border-color:#e77bad!important;background:linear-gradient(100deg,#2f0b22,#68133e,#3c175b)!important;color:#ffe9f4!important;box-shadow:0 5px 17px #cf3d803b!important}#m31-vip .m31hub__elite-sigil span{color:#95f4ff!important}#m31-vip .m31prestige__ornament--elite{--m31-flow:6.4s;--m31-halo-opacity:.86;--m31-trace-opacity:1;--m31-glint-brightness:1;--m31-glint-duration:8s}#m31-vip .m31prestige__ornament--elite .m31prestige__light-bloom{stroke:#ff70ae!important;opacity:.86!important;filter:drop-shadow(0 0 5px rgba(238,70,148,.7)) drop-shadow(0 0 8px rgba(135,63,219,.44))!important}#m31-vip .m31prestige__ornament--elite .m31prestige__light-trace{stroke:#fff0f9!important;opacity:1!important;filter:drop-shadow(0 0 3px rgba(255,245,252,.82)) drop-shadow(0 0 6px rgba(137,234,255,.4))!important}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-wings{filter:drop-shadow(0 0 5px rgba(227,74,151,.44))}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-electric path{opacity:0;animation:m31-mastery-arc 7.2s steps(1,end) infinite}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-electric path:nth-child(2){animation-delay:-1.3s}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-electric path:nth-child(3){animation-delay:-2.6s}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-electric path:nth-child(4){animation-delay:-3.9s}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-electric path:nth-child(5){animation-delay:-5.1s}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-electric path:nth-child(6){animation-delay:-6.3s}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-flash circle{opacity:0;transform-origin:center;transform-box:fill-box;animation:m31-mastery-flash 8.5s ease-out infinite}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-flash circle:nth-child(2){animation-delay:-1.8s}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-flash circle:nth-child(3){animation-delay:-3.1s}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-flash circle:nth-child(4){animation-delay:-4.5s}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-flash circle:nth-child(5){animation-delay:-6s}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-flash circle:nth-child(6){animation-delay:-7.3s}#m31-vip[data-hub-rank=elite] .m31hub__avatar{box-shadow:0 15px 30px #00000073,0 0 23px #de437c45,0 0 35px #802adf3d,0 0 47px #60e1f721!important}@keyframes m31-mastery-title-flow{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes m31-mastery-arc{0%,10%,14%,to{opacity:0}11%,12.5%{opacity:.8}13%{opacity:.25}}@keyframes m31-mastery-flash{0%,10%,14%,to{opacity:0;transform:scale(.65)}11.5%{opacity:.87;transform:scale(1.08)}13%{opacity:.12;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){#m31-vip [data-preview-tier=elite] .m31hub__rank-details strong,#m31-vip .m31prestige__ornament--elite .m31prestige__elite-electric path,#m31-vip .m31prestige__ornament--elite .m31prestige__elite-flash circle{animation:none!important}#m31-vip .m31prestige__ornament--elite .m31prestige__elite-electric path,#m31-vip .m31prestige__ornament--elite .m31prestige__elite-flash circle{opacity:0!important}}#m31-vip .m31hub__ranks>.m31hub__rank-preview{border:1px solid rgba(var(--m31-rarity-rgb),.51)!important;border-top:2px solid var(--m31-rarity-line)!important;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px rgba(var(--m31-rarity-rgb),.08),0 18px 42px #0006,0 0 18px rgba(var(--m31-rarity-rgb),.1)!important}#m31-vip .m31hub__ranks>.m31hub__rank-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;box-shadow:inset 0 0 0 1px rgba(var(--m31-rarity-rgb),.1),inset 0 0 24px rgba(var(--m31-rarity-rgb),.06)}#m31-vip .m31hub__ranks>.m31hub__rank-preview:after{border-color:rgba(var(--m31-rarity-rgb),.3)!important;box-shadow:0 0 0 18px rgba(var(--m31-rarity-rgb),.035)}#m31-vip .m31hub__ranks .m31hub__rank-bottom{border-top:1px solid rgba(var(--m31-rarity-rgb),.24)!important}#m31-vip .m31hub__ranks .m31hub__rank-top,#m31-vip .m31hub__ranks .m31hub__rank-bottom{color:#ffffffe0}#m31-vip .m31hub__ranks>[data-preview-tier=member]{border-color:#9196a06b!important;border-top-color:#8d929b!important;box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #979da814,0 18px 42px #0006,0 0 16px #9196a014!important}#m31-vip .m31hub__ranks>[data-preview-tier=silver]{border-color:#c6d6eb85!important;border-top-color:#d3dfef!important;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #d1dff31a,0 18px 42px #0006,0 0 18px #c3d6f024!important}#m31-vip .m31hub__ranks>[data-preview-tier=gold]{border-color:#e8b34d94!important;border-top-color:#efc165!important;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #efc1651c,0 18px 42px #0006,0 0 22px #e8b34d29!important}#m31-vip .m31hub__ranks>[data-preview-tier=platinum]{border-color:#64def59e!important;border-top-color:#8be9f8!important;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #82ebf71c,0 18px 42px #0006,0 0 22px #58d7f42e!important}#m31-vip .m31hub__ranks>[data-preview-tier=elite]{border-color:#e66fb799!important;border-top-color:#f093cf!important;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #e66fb71f,0 18px 42px #0000006b,0 0 22px #e553a22e,0 0 36px #7c47f11a!important}#m31-vip .m31hub__ranks>[data-preview-tier=member]:after{box-shadow:0 0 0 18px #9196a008}#m31-vip .m31hub__ranks>[data-preview-tier=silver]:after{box-shadow:0 0 0 18px #c6d6eb0d}#m31-vip .m31hub__ranks>[data-preview-tier=gold]:after{box-shadow:0 0 0 18px #e8b34d0d}#m31-vip .m31hub__ranks>[data-preview-tier=platinum]:after{box-shadow:0 0 0 18px #64def50d}#m31-vip .m31hub__ranks>[data-preview-tier=elite]:after{box-shadow:0 0 0 18px #e66fb70f}@media(hover:hover)and (pointer:fine){#m31-vip .m31hub__ranks>.m31hub__rank-preview:hover{transform:translateY(-4px);box-shadow:inset 0 1px #ffffff1a,0 23px 47px #00000075,0 0 30px rgba(var(--m31-rarity-rgb),.22)!important}}@media(prefers-reduced-motion:reduce){#m31-vip .m31hub__ranks>.m31hub__rank-preview:hover{transform:none!important}}#m31-vip .m31hub__ranks>.m31hub__rank-preview{transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease,border-color .27s ease!important}#m31-vip .m31hub__rank-details{transition:transform .32s cubic-bezier(.22,1,.36,1)}@media(hover:hover)and (pointer:fine){#m31-vip .m31hub__ranks>.m31hub__rank-preview:hover .m31hub__rank-details{transform:translateY(-1px)}}@media(max-width:640px){#m31-vip .m31hub__ranks>.m31hub__rank-preview{box-shadow:inset 0 1px #ffffff12,0 12px 28px #00000047,0 0 13px rgba(var(--m31-rarity-rgb),.09)!important}}@media(prefers-reduced-motion:reduce){#m31-vip .m31hub__ranks>.m31hub__rank-preview,#m31-vip .m31hub__rank-details{transition:none!important;animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/m31-gacha-vip.css.map */