.vip-club-hero+#vip-lifecycle{margin-top:16px}.vip-club-hero{--vip-color:#c99754;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:90px minmax(0,1fr);align-items:center;gap:24px;min-width:0;padding:24px;display:grid}.vip-crest{color:var(--vip-color);place-items:center;display:grid}.vip-crest>span{place-items:center;width:90px;height:90px;display:grid}.vip-crest :is(svg,img){object-fit:contain;max-width:100%}.vip-club-copy{min-width:0}.vip-club-copy h1{letter-spacing:-.02em;margin:6px 0 12px;font-size:32px;line-height:1.2}.vip-club-copy>p:not(.page-eyebrow){color:var(--muted);font-size:13px;line-height:1.6}.vip-deposit-progress{max-width:760px;margin-top:18px}.vip-deposit-progress>div{color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;margin:12px 0 7px;font-size:12px;display:flex}.vip-deposit-progress strong{color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.vip-progress-track{background:var(--border-bright);border-radius:999px;height:6px;display:block;overflow:hidden}.vip-progress-track i{border-radius:inherit;background:var(--vip-color);height:100%;display:block}.vip-next-step{margin:14px 0 0}.vip-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.vip-hero-actions>*{min-height:42px}.vip-error{justify-content:space-between;align-items:center;gap:16px}.vip-upgrade-backdrop{z-index:120;background:#020404c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.vip-upgrade-dialog{border:1px solid var(--border-bright);border-radius:var(--radius-md);background:var(--surface);box-sizing:border-box;width:min(480px,100%);max-height:calc(100dvh - 40px);padding:28px;position:relative;overflow-y:auto}.vip-upgrade-dialog>h2{margin:4px 48px 12px 0;font-size:23px}.vip-upgrade-dialog>h2+p{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.7}.vip-reward-close{border:1px solid var(--border);background:var(--surface-raised);width:36px;height:36px;color:var(--muted-strong);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.vip-upgrade-list{gap:10px;display:grid}.vip-upgrade-list article{--vip-card-color:#c99754;border:1px solid var(--border);background:var(--background);border-radius:9px;min-width:0;overflow:hidden}.vip-upgrade-list article.is-current{border-color:var(--vip-card-color)}.vip-upgrade-list article>button{width:100%;min-height:62px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.vip-upgrade-list article>button>span{align-items:center;gap:12px;min-width:0;display:flex}.vip-upgrade-list article>button strong{overflow-wrap:anywhere;font-size:14px}.vip-upgrade-list article>button em{color:var(--accent);flex-shrink:0;font-size:10px;font-style:normal}.vip-upgrade-list article>button i{color:var(--muted-strong);font-size:22px;font-style:normal}.vip-upgrade-list article>div{padding:0 18px 18px}.vip-upgrade-list dl{margin:0}.vip-upgrade-list dt{color:var(--muted);font-size:12px}.vip-upgrade-list dd{color:var(--text);margin:6px 0 0;font-size:13px;line-height:1.6}.vip-upgrade-list ul{color:var(--muted);gap:10px;margin:18px 0 0;padding-left:18px;font-size:13px;line-height:1.7;display:grid}.vip-upgrade-list article>div>p{color:var(--muted);font-size:13px;line-height:1.7}.vip-upgrade-list li strong{color:var(--muted-strong);font-weight:500}.vip-reward-close:focus-visible,.vip-upgrade-list button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media (min-width:0){.vip-club-hero{grid-template-columns:72px minmax(0,1fr);gap:0 14px;padding:20px 16px}.vip-crest{grid-area:1/1/span 2;align-self:center}.vip-crest>span{width:72px;height:72px}.vip-club-copy{display:contents}.vip-club-copy>*{grid-column:1/-1}.vip-club-copy>.page-eyebrow{grid-column:2;align-self:end;margin:0}.vip-club-copy h1{grid-column:2;align-self:start;margin:4px 0 0;font-size:27px}.vip-deposit-progress>div{gap:12px}.vip-hero-actions>*{flex:120px;justify-content:center}.vip-upgrade-backdrop{padding:14px}.vip-upgrade-dialog{max-height:calc(100dvh - 28px);padding:24px 18px}.vip-upgrade-list article>button{padding:13px 14px}.vip-upgrade-list article>button>span{gap:9px}}
