html.membership-panel-open,body.membership-panel-open{overflow:hidden}
#MembershipInfoModal .mi-header-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid var(--rp-line);border-radius:12px;color:var(--rp-gold);font-size:23px}
#MembershipInfoModal .mi-intro{margin:0 0 16px;padding:0}
#MembershipInfoModal .mi-intro h3{font-size:24px;line-height:1.25;margin-bottom:10px}
#MembershipInfoModal .mi-intro p{font-size:13px;line-height:1.6}
#MembershipInfoModal .mi-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px;padding:0!important}
#MembershipInfoModal .mi-highlight{position:relative;overflow:hidden;padding:18px 20px;border:1px solid var(--rp-line);border-radius:16px;background:radial-gradient(ellipse at 100% 0,var(--rp-glow),transparent 75%),var(--rp-card);min-width:0}
#MembershipInfoModal .mi-reward-top{display:flex;align-items:center;gap:10px;margin-bottom:16px}
#MembershipInfoModal .mi-reward-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid var(--rp-line);border-radius:11px;background:rgba(var(--rp-tint-rgb),.08);color:var(--rp-gold);font-size:20px}
#MembershipInfoModal .mi-highlight p{font-size:12px;line-height:1.5;min-height:0;margin:0}
#MembershipInfoModal .mi-highlight strong{display:block;color:var(--rp-gold);font-size:28px;line-height:1.2;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.035em;overflow-wrap:anywhere}
#MembershipInfoModal .mi-reward-rule{display:block;width:44px;height:3px;margin-top:16px;border-radius:3px;background:var(--rp-gold);opacity:.5}
#MembershipInfoModal .mi-highlight-angpau .mi-reward-rule{width:64px}
#MembershipInfoModal .mi-progress{padding:18px!important;margin:0 0 16px;border:1px solid var(--rp-line);border-radius:16px;background:linear-gradient(120deg,rgba(var(--rp-tint-rgb),.12),transparent),var(--rp-card)}
#MembershipInfoModal .mi-progress-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
#MembershipInfoModal .mi-progress-top>div>span{display:block;color:var(--rp-muted);font-size:11px;margin-bottom:4px}
#MembershipInfoModal .mi-progress-top strong{color:var(--rp-gold);font-size:22px;font-weight:750}
#MembershipInfoModal .mi-progress-top .mi-next-level{text-align:right}
#MembershipInfoModal .mi-progress-top .mi-next-level strong{font-size:16px;color:var(--rp-text)}
#MembershipInfoModal .mi-progress-message{color:var(--rp-text);font-size:15px;font-weight:650;line-height:1.5;margin:14px 0 10px}
#MembershipInfoModal .mi-progress-track{height:7px;overflow:hidden;border-radius:10px;background:rgba(var(--rp-tint-rgb),.13)}
#MembershipInfoModal .mi-progress-track>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--rp-gold),var(--rp-focus))}
#MembershipInfoModal .mi-progress-details{display:flex;justify-content:space-between;gap:16px;margin-top:12px;font-size:10px;color:var(--rp-muted)}
#MembershipInfoModal .mi-progress-details strong{display:block;margin-top:3px;font-size:12px;color:var(--rp-text);font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#MembershipInfoModal .mi-progress-details>span:last-child{text-align:right}
#MembershipInfoModal .mi-bonus-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--rp-line)}
#MembershipInfoModal .mi-bonus-summary>div{min-width:0;flex:1}
#MembershipInfoModal .mi-bonus-summary span{display:block;color:var(--rp-muted);font-size:11px;line-height:1.5}
#MembershipInfoModal .mi-bonus-summary strong{display:block;margin-top:5px;color:var(--rp-gold);font-size:23px;line-height:1.3;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#MembershipInfoModal .mi-claim-bonus{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;text-decoration:none;text-align:center;white-space:nowrap}
#MembershipInfoModal .mi-progress-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:0 0 16px;border:1px solid var(--rp-line);border-radius:12px;background:var(--rp-card);color:var(--rp-muted);font-size:12px}
#MembershipInfoModal .mi-progress-notice button{padding:0;border:0;background:transparent;color:var(--rp-gold);font-size:12px;text-align:left}
body.frontend-theme #account-menu .account-menu-heading [hidden]{display:none!important}
body.frontend-theme #account-menu .account-menu-heading .account-heading-copy{min-width:0;flex:1}
body.frontend-theme #account-menu #account-customer-username{overflow-wrap:anywhere}
body.frontend-theme #account-menu #account-customer-vip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--ar-line);border-radius:6px;background:rgba(var(--ar-tint-rgb),.07);color:var(--ar-gold)!important;font-size:10px;font-weight:700;line-height:1.3}
#MembershipInfoModal .mi-level-count{color:var(--rp-muted);font-size:12px;white-space:nowrap}
#MembershipInfoModal .mi-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid var(--rp-line);border-radius:14px;overflow:hidden;background:var(--rp-card);font-variant-numeric:tabular-nums}
#MembershipInfoModal .mi-table th,#MembershipInfoModal .mi-table td{padding:16px 12px;text-align:right;border-bottom:1px solid var(--rp-line);font-size:12px;overflow-wrap:anywhere}
#MembershipInfoModal .mi-table thead th{font-size:11px;line-height:1.5;color:var(--rp-muted);font-weight:500}
#MembershipInfoModal .mi-table th:first-child{width:17%;text-align:left}
#MembershipInfoModal .mi-table th:nth-child(2),#MembershipInfoModal .mi-table td:nth-child(2){white-space:nowrap;overflow-wrap:normal}
@media(min-width:481px){
#MembershipInfoModal .mi-table th,#MembershipInfoModal .mi-table td{padding-left:8px;padding-right:8px}
#MembershipInfoModal .mi-table th:first-child{width:15%}
#MembershipInfoModal .mi-table th:nth-child(2){width:28%}
#MembershipInfoModal .mi-table td:nth-child(2){font-size:11px}
}
#MembershipInfoModal .mi-table tr:last-child>*{border-bottom:0}
#MembershipInfoModal .mi-vip{display:inline-block;padding:6px 8px;border:1px solid var(--rp-line);border-radius:8px;color:var(--rp-gold);white-space:nowrap;font-size:11px}
#MembershipInfoModal .mi-table .mi-angpau{color:var(--rp-gold);font-weight:700}
#MembershipInfoModal .mi-table tbody tr.mi-current-row{background:rgba(var(--rp-tint-rgb),.16);border-color:var(--rp-gold)}
#MembershipInfoModal .mi-current-row>th{box-shadow:inset 3px 0 var(--rp-gold)}
#MembershipInfoModal .mi-current-row .mi-vip{background:var(--rp-gold);border-color:var(--rp-gold);color:var(--rp-bg);font-weight:750}
#MembershipInfoModal .mi-current-label{display:block;margin-top:6px;color:var(--rp-gold);font-size:10px;font-weight:700;line-height:1.3;white-space:nowrap}
[data-mi-unclaimed-indicator][hidden]{display:none!important}
.mi-unclaimed-gift{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:32px;height:33px;margin-left:7px;line-height:1;flex-shrink:0}
.mi-unclaimed-gift .mi-gift-image{display:block;width:30px;height:33px;max-width:none;object-fit:contain;filter:drop-shadow(0 2px 5px #f7b52b55)}
body.frontend-theme #account-menu .account-menu-grid button>.mi-unclaimed-gift{flex:0 0 32px;margin-left:0;overflow:visible}
.mi-bonus-shortcut{display:grid;place-items:center;width:40px;min-height:44px;writing-mode:horizontal-tb}
.mi-bonus-shortcut img{display:block;width:40px;height:44px;transform-origin:50% 75%;animation:mi-gift-wiggle 3.2s ease-in-out infinite}
@keyframes mi-gift-wiggle{
0%,60%,100%{transform:translateY(0) rotate(0)}
66%{transform:translateY(-3px) rotate(-9deg)}
72%{transform:translateY(-4px) rotate(9deg)}
78%{transform:translateY(-3px) rotate(-7deg)}
84%{transform:translateY(-1px) rotate(5deg)}
90%{transform:translateY(0) rotate(0)}
}
@media(prefers-reduced-motion:reduce){.mi-bonus-shortcut img{animation:none}}
.mi-bonus-shortcut:focus-visible{outline:2px solid #ffd231;outline-offset:2px;border-radius:6px}
@media(max-width:480px){
#MembershipInfoModal .mi-intro h3{font-size:22px}
#MembershipInfoModal .mi-highlight{padding:16px 13px}
#MembershipInfoModal .mi-reward-top{align-items:flex-start;gap:8px;margin-bottom:14px}
#MembershipInfoModal .mi-reward-icon{flex-basis:28px;height:28px;border-radius:9px;font-size:17px}
#MembershipInfoModal .mi-highlight p{font-size:11px}
#MembershipInfoModal .mi-highlight strong{font-size:23px}
#MembershipInfoModal .mi-table{display:block;border:0;background:transparent;overflow:visible}
#MembershipInfoModal .mi-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
#MembershipInfoModal .mi-table tbody{display:grid;gap:12px}
#MembershipInfoModal .mi-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:16px;border:1px solid var(--rp-line);border-radius:14px;background:var(--rp-card)}
#MembershipInfoModal .mi-table tbody th,#MembershipInfoModal .mi-table tbody td{display:block;width:auto;padding:0;border:0;text-align:left;font-size:14px}
#MembershipInfoModal .mi-table tbody th{display:flex;align-items:center;grid-column:1/-1}
#MembershipInfoModal .mi-table tbody .mi-current-row{box-shadow:inset 3px 0 var(--rp-gold)}
#MembershipInfoModal .mi-table .mi-current-row>th{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:auto;box-shadow:none}
#MembershipInfoModal .mi-table td::before{content:attr(data-label);display:block;color:var(--rp-muted);font-size:11px;font-weight:400;margin-bottom:5px}
}