.vip-page,.vip-user-rewards-container{--red:#ee0022;--red-hot:var(--d1-red-hover);--red-deep:#8c0014;--green:#25e06a;--yellow:#ffc021;--bg:#050506;--panel:#0d0d10;--panel2:#151515;--line:rgba(255,255,255,0.07);--line2:rgba(255,255,255,0.14)}.vip-user-rewards-container{width:100%;position:relative;margin-bottom:32px}.top-grid{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:20px;align-items:stretch;position:relative;z-index:1}@media(max-width:960px){.top-grid{grid-template-columns:1fr;gap:28px}.top-grid .tier-stage{max-width:420px;width:100%;margin:0 auto}}@container app-main (max-width: 939.98px){.top-grid{grid-template-columns:1fr;gap:28px}.top-grid .tier-stage{max-width:420px;width:100%;margin:0 auto}}.tier-stage{position:relative;display:flex;justify-content:center}.vtc-error{width:100%;max-width:460px;padding:32px 24px;border:1px solid var(--d1-line);border-radius:14px;background:var(--d1-card-bg);text-align:center;color:var(--d1-text-2)}.vtc-error button{margin-top:12px;min-height:44px;padding:0 20px;border-radius:var(--d1-radius-md);border:none;background:var(--d1-red);color:#fff;font-weight:600;cursor:pointer}.rewards-error{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:32px 24px;border:1px solid var(--d1-line);border-radius:14px;background:var(--d1-card-bg);text-align:center;color:var(--d1-text-2);font-size:var(--d1-fs-sm)}.rewards-error p{margin:0}.rewards-error button{margin-top:12px;min-height:44px;padding:0 20px;border-radius:var(--d1-radius-md);border:none;background:var(--d1-red);color:#fff;font-weight:600;cursor:pointer}.rewards-error button:hover:not(:disabled){background:var(--d1-red-hover)}.rewards-error button:disabled{opacity:.6;cursor:default}.reward-col{display:flex;flex-direction:column}.rewards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;flex:1}@media(max-width:620px){.rewards-grid{grid-template-columns:1fr}}.bcard{display:flex;flex-direction:column;border:1px solid var(--line);background:#0e0e12;padding:12px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.bcard:hover{border-color:rgba(255,255,255,.15);background:#121217}.bcard .bcard-art{flex:1;min-height:148px;display:grid;place-items:center;position:relative;overflow:hidden;background:#0a0a0d}.bcard .bcard-art:has(.flame){overflow:visible}.bcard .bcard-art img{width:100%;height:auto;max-width:190px;max-height:190px;object-fit:contain;transition:transform .25s ease}.bcard .bcard-art .flame-gif{max-width:none;max-height:none}.bcard:hover .bcard-art .flame,.bcard:hover .bcard-art img:not(.flame-gif){transform:scale(1.04)}.bcard .bcard-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.bcard .bcard-head h3{font-size:14.5px;line-height:1.2;color:#fff;margin:0}.bcard .dot-tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--d1-fs-xs);font-weight:600;white-space:nowrap;flex:none}.bcard .dot-tag i{width:6px;height:6px;border-radius:50%;background:var(--d1-grey-700);flex:none}.bcard .dot-tag.ready{color:#3ddc7f}.bcard .dot-tag.ready i{background:#25e06a;box-shadow:0 0 6px rgba(37,224,106,.65)}.bcard .dot-tag.active{padding:2px 8px;border-radius:var(--d1-radius-pill);background:var(--d1-surface-3);color:var(--d1-text-2)}.bcard .dot-tag.active i{background:var(--d1-text-3);box-shadow:none}.bcard .bcard-btn{margin-top:13px;width:100%;border:1px solid rgba(0,0,0,0);border-radius:9px;padding:10px 0;font-size:13px;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.bcard .bcard-btn.go{background:#e02;color:#fff}.bcard .bcard-btn.off{background:#17171d;color:#5c5c67;border-color:rgba(255,255,255,.07);cursor:default}.bcard--tier-locked{cursor:pointer;position:relative;overflow:hidden}.bcard--tier-locked .bcard-art .flame,.bcard--tier-locked .bcard-art img{filter:grayscale(1) brightness(.35);opacity:.35}.bcard--tier-locked .bcard-btn,.bcard--tier-locked .bcard-head{opacity:0;visibility:hidden}.bcard-lock-overlay{position:absolute;inset:0;z-index:4;flex-direction:column;gap:8px;border-radius:13px;background:linear-gradient(160deg,rgba(10,10,14,.82),rgba(16,14,22,.88));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;border:1px solid rgba(255,255,255,.07)}.bcard-lock-icon,.bcard-lock-overlay{display:flex;align-items:center;justify-content:center}.bcard-lock-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.bcard-lock-icon svg{width:19px;height:19px;color:#8a8a99}.bcard-lock-title{font-size:15.5px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:.02em;text-align:center;margin-top:2px}.bcard-lock-label{font-size:var(--d1-fs-xs);font-weight:700;color:#8a8a99;letter-spacing:.07em;text-transform:uppercase;text-align:center}@keyframes tier-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes tier-toast-out{0%,70%{opacity:1}to{opacity:0;transform:translate(-50%,-8px)}}.tier-lock-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:9999;display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:40px;background:var(--d1-surface-3);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.04);font-size:13px;font-weight:600;color:#c8c8d4;white-space:nowrap;animation:tier-toast-in .22s ease forwards,tier-toast-out 2.8s ease forwards;pointer-events:none}.tier-lock-toast__icon{width:15px;height:15px;color:#8a8a99;flex-shrink:0}.bcard-art .flame{--fs:1;position:relative;width:196px;height:196px;transition:transform .25s ease}.bcard-art .flame .flame-gif{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.bcard-art .flame .streak-num{position:absolute;left:50%;top:80%;bottom:auto;transform:translate(-50%,-50%);z-index:6;text-align:center;font-family:var(--font-rajdhani,"Rajdhani"),"Rajdhani",sans-serif;font-weight:700;font-size:calc(32px*var(--fs));line-height:1;color:#fffaea;font-variant-numeric:tabular-nums;-webkit-text-stroke:calc(1.5px*var(--fs)) rgba(140,30,0,.9);paint-order:stroke fill;text-shadow:-2px -2px 0 #180400,2px -2px 0 #180400,-2px 2px 0 #180400,2px 2px 0 #180400,0 2px calc(4px*var(--fs)) rgba(0,0,0,.9),0 0 calc(10px*var(--fs)) rgba(255,140,10,.85),0 0 calc(24px*var(--fs)) rgba(255,90,0,.6);min-width:calc(54px*var(--fs));padding:0 calc(2px*var(--fs));white-space:nowrap}.bcard-art .flame .streak-num[data-digits="2"]{font-size:calc(26px*var(--fs))}.bcard-art .flame .streak-num[data-digits="3"]{font-size:calc(22px*var(--fs));letter-spacing:calc(-.5px*var(--fs));-webkit-text-stroke:calc(1.2px*var(--fs)) rgba(140,30,0,.9)}.ranks-ov{position:fixed;inset:0;z-index:100000000;display:none;background:rgba(4,4,5,.9);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.ranks-ov.open{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rk-top{position:absolute;top:0;left:0;right:0;justify-content:space-between;padding:20px 22px;z-index:20;pointer-events:none}.rk-top,.rk-top .sec-head{display:flex;align-items:center}.rk-top .sec-head{margin:0;gap:8px}.rk-top .sec-head i{width:4px;height:18px;background:var(--red);border-radius:2px;display:inline-block}.rk-top .sec-head h2{font-family:var(--font-rajdhani,"Rajdhani"),"Rajdhani",sans-serif;font-size:24px;font-weight:700;color:#fff;margin:0;letter-spacing:.05em}.rk-x{pointer-events:auto;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#d6d6de;font-size:14px;cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.rk-x:hover{background:rgba(255,255,255,.1);color:#fff}.rk-stage{position:absolute;inset:0;overflow:hidden;touch-action:pan-y;cursor:grab}.rk-panel{position:absolute;left:50%;top:50%;width:min(360px,84vw);transition:transform .4s cubic-bezier(.22,.72,.3,1),opacity .4s ease,filter .4s ease;will-change:transform,opacity;cursor:pointer}.rk-panel.mid{cursor:default}.rk-panel.instant{transition:none}.rk-card{border:1px solid var(--line);border-radius:18px;background:#111116;padding:24px 22px 22px;box-shadow:0 30px 70px rgba(0,0,0,.7)}.rk-art{position:relative;display:grid;place-items:center;height:168px}.rk-art .g{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,var(--gcol,rgba(238,0,34,.2)),transparent 66%)}.rk-art img{position:relative;max-height:148px;max-width:148px;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.7))}.rk-name{font-family:var(--font-rajdhani,"Rajdhani"),"Rajdhani",sans-serif;font-weight:700;font-size:30px;letter-spacing:.11em;text-align:center;text-transform:uppercase;line-height:1.1;margin-top:6px}.rk-row{margin-top:18px;border:1px solid var(--line);border-radius:11px;background:#08080b;padding:13px 15px;display:flex;justify-content:space-between;align-items:center}.rk-row small{font-size:var(--d1-fs-xs);letter-spacing:.18em;color:#7b7b86;text-transform:uppercase;font-weight:800}.rk-row span{font-family:var(--font-rajdhani,"Rajdhani"),"Rajdhani",sans-serif;font-weight:700;font-size:19px;color:#fff}.rk-lbl{display:block;font-size:var(--d1-fs-xs);letter-spacing:.18em;color:#7b7b86;text-transform:uppercase;font-weight:800;margin:16px 0 8px}.rk-chips{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rk-note{margin-top:18px;border:1px solid rgba(37,224,106,.28);border-radius:11px;background:rgba(37,224,106,.04);padding:14px 15px;text-align:center;font-size:12px;line-height:1.6;color:#a4b8ab}.rk-note b{color:var(--green)}.rk-btn{margin-top:16px;width:100%;border:1px solid rgba(0,0,0,0);border-radius:11px;padding:13px 0;font-size:14px;font-weight:700;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.rk-btn.go{background:var(--red);color:#fff}.rk-btn.go:hover{background:var(--red-hot)}.rk-btn.ghost{background:rgba(0,0,0,0);color:#c2c2cc;border-color:var(--line2)}.rk-btn.ghost:hover{color:#fff;border-color:rgba(255,255,255,.3)}.rk-btn.off{background:#17171d;color:#5c5c67;border-color:var(--line);cursor:default}.rk-error{margin:10px 0 0;text-align:center;font-size:13px;line-height:1.4;color:var(--d1-red-text)}.rk-panel.done .rk-card{border-color:rgba(37,224,106,.45);background:#0f1713}.rk-panel.done .rk-chip{border-color:rgba(37,224,106,.32);background:rgba(37,224,106,.06)}.rk-panel.done .rk-chip b{color:#7df0a8}.rk-panel.now .rk-card{border-color:rgba(37,224,106,.18);background:#1a1a21}.rk-panel.next .rk-card{border-color:rgba(255,255,255,.13)}.rk-panel.locked{filter:grayscale(1)}.rk-panel.locked .rk-card{opacity:.75;border-color:rgba(255,255,255,.06)}.rk-panel.locked .rk-card .rk-chip b,.rk-panel.locked .rk-card .rk-name,.rk-panel.locked .rk-card .rk-row span{color:#6b6b76!important}.rk-panel.locked .rk-card .rk-chip{border-color:rgba(255,255,255,.06);background:#0d0d11}.rk-panel.locked .rk-card .rk-chip .ic{filter:grayscale(1);opacity:.4}.rk-panel.locked .rk-card .rk-note{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#6b6b76}.rk-panel.locked .rk-card .rk-note b{color:#6b6b76}.rk-panel.locked .rk-art .g{opacity:0}.rk-panel.locked .rk-art img{filter:grayscale(1) brightness(.45) drop-shadow(0 14px 22px rgba(0,0,0,.7))}.rk-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#08080b;border-radius:10px;padding:9px 11px}.rk-chip .ic{width:15px;height:15px;border-radius:50%;flex:none}.rk-chip small{display:block;font-size:var(--d1-fs-xs);color:var(--d1-text-3);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.rk-chip b{font-size:13px}.rk-chip b.gc{color:var(--yellow)}.rk-chip b.d1{color:var(--d1-red-text)}.rk-chip b.q{color:#5a5a64}.ic.gcoin{background:radial-gradient(circle at 32% 30%,#ffe89a,#ffc021 55%,#b57700)}.ic.d1coin{background:radial-gradient(circle at 32% 30%,#ff8a97,var(--red) 55%,#8c0014)}.rk-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(20,20,26,.85);color:#d6d6de;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:all .16s ease}.rk-arrow:hover:not(:disabled){background:var(--d1-surface-4);color:#fff;border-color:var(--line2)}.rk-arrow:disabled{opacity:.22;cursor:default}.rk-arrow.prev{left:max(18px,50% - 640px)}.rk-arrow.next{right:max(18px,50% - 640px)}@media(max-width:860px){.rk-arrow{width:40px;height:40px;font-size:18px}.rk-arrow.prev{left:12px}.rk-arrow.next{right:12px}}.rk-dots{position:absolute;left:0;right:0;bottom:26px;z-index:20;display:flex;justify-content:center;gap:7px}.rk-dot{width:7px;height:7px;border-radius:50%;background:var(--d1-grey-700);border:none;padding:0;cursor:pointer;transition:all .18s ease}.rk-dot:hover{background:var(--d1-grey-600)}.rk-dot.on{background:var(--red);width:20px;border-radius:99px}@media(prefers-reduced-motion:reduce){.vip-page *,.vip-page :after,.vip-page :before{animation:none!important;transition:none!important}}.rewards-grid{gap:16px}.bcard{position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--d1-line);border-radius:14px;padding:14px;font-family:var(--d1-font-ui);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 30%),#0a0a0b;box-shadow:0 20px 50px -30px rgba(0,0,0,.8)}.bcard:hover{border-color:var(--d1-line-strong);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 30%),#0c0c0d}.bcard .bcard-art{min-height:168px;border-radius:10px;background:radial-gradient(55% 60% at 50% 55%,rgba(var(--d1-red-rgb),.14),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0 1px,transparent 1px 11px),#070708;border:1px solid rgba(255,255,255,.04)}.bcard .bcard-head{margin-top:14px}.bcard .bcard-head h3{font-family:var(--d1-font-display);font-size:17px;font-weight:700;letter-spacing:.01em}.bcard .dot-tag{font-size:12px;color:var(--d1-text-3)}.bcard .dot-tag.wait i{background:#5a5a5a}.bcard .dot-tag.ready{color:var(--d1-success)}.bcard .bcard-btn{min-height:44px;margin-top:14px;border-radius:var(--d1-radius-md);font-family:var(--d1-font-ui);font-size:14px;font-weight:600}.bcard .bcard-btn.go{background:var(--d1-red)}.bcard .bcard-btn.go:hover{background:var(--d1-red-hover)}.bcard .bcard-btn.off{background:rgba(255,255,255,.04);color:var(--d1-text-2);border-color:var(--d1-line);cursor:pointer}.bcard--tier-locked .bcard-btn.off{color:var(--d1-text-3)}.vip-user-rewards-container--card .top-grid{grid-template-columns:1fr;gap:22px}.vip-user-rewards-container--card .top-grid .tier-stage{max-width:none;margin:0}.vip-user-rewards-container--card .reward-col .rewards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@container app-main (max-width: 1099.98px){.vip-user-rewards-container--card .reward-col .rewards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container app-main (max-width: 560px){.vip-user-rewards-container--card .reward-col .rewards-grid{grid-template-columns:1fr}}.vip-user-rewards-container--card .bcard:has(.dot-tag.ready){border-color:#22c55e;box-shadow:0 0 0 1px rgba(34,197,94,.45),0 0 26px -8px rgba(34,197,94,.6)}.vip-user-rewards-container--card .bcard-btn.go{border-color:rgba(0,0,0,0);background:linear-gradient(180deg,#2dbb6c,#138441);color:#fff}.vip-user-rewards-container--card .bcard-btn.go:focus-visible,.vip-user-rewards-container--card .bcard-btn.go:hover{background:linear-gradient(180deg,#33c975,#169149)}.ranks-ov--card .rk-btn.go{background:linear-gradient(180deg,#2dbb6c,#138441);box-shadow:0 8px 22px -8px rgba(34,197,94,.65)}.ranks-ov--card .rk-btn.go:hover{background:linear-gradient(180deg,#33c975,#169149)}