.vip-top-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}@media(min-width:640px)and (max-width:1279px){.vip-top-grid{grid-template-columns:repeat(2,1fr)}.vip-rank-card{grid-column:span 2}}@media(min-width:1280px){.vip-top-grid{grid-template-columns:1.85fr 1fr 1fr 1fr;gap:18px}}.vip-rank-card{padding-bottom:20px;background-color:#292d2e}@media(min-width:640px){.vip-rank-card{padding-left:40px;padding-right:40px}}.vip-xp-row{margin-top:10px}.vip-rank-title{letter-spacing:.4em;text-indent:.4em}.vip-info-btn{width:22px;height:22px;border-radius:9999px;border:1.5px solid #565d5f;color:#9aa3a5;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s;z-index:20;cursor:pointer}.vip-info-btn:hover{color:#fff;border-color:#fff}.vip-info-light{border-color:#fff4d699;color:#fdf3d7}.vip-info-light:hover{border-color:#fff;color:#fff}.vip-arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:9999px;background:#17191c;border:1px solid #3a4142;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;z-index:20;transition:background .15s,border-color .15s;cursor:pointer}.vip-arrow-btn:hover{background:#323738;border-color:#565d5f}.vip-arrow-prev{left:4px}.vip-arrow-next{right:4px}@media(min-width:640px){.vip-arrow-prev{left:-12px}.vip-arrow-next{right:-12px}}.vip-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:9999px}.vip-chip-current{background:#27c96d;color:#0b0d0e}.vip-chip-next{background:#1c1f20;color:#e6c05a}.vip-progress-track{width:100%;height:10px;border-radius:9999px;background:#1a1d1e;border:1px solid #3a3f40;overflow:hidden}.vip-progress-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#1fae5e,#2ee26b);box-shadow:0 0 8px #2ee26b73;transition:width .3s ease}.vip-bonus-pill{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:5px 6px 5px 12px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;transition:filter .15s;background:var(--c-primary, #f12c4c);color:var(--c-on-primary, #fff);text-decoration:none;cursor:pointer}.vip-bonus-pill:hover{background:var(--c-primary-hover, #cd2541);color:var(--c-on-primary, #fff);filter:brightness(1.08)}.vip-bonus-pill-left{display:inline-flex;align-items:center;gap:6px}.vip-bonus-pill-claim{align-items:center;border:1.5px solid rgba(0,0,0,.35);border-radius:8px;padding:4px 12px;font-weight:800}.vip-coin{width:16px;height:16px;border-radius:9999px;flex-shrink:0;background:radial-gradient(circle at 35% 30%,#ffe9a8,#f3ba2f 55%,#b8860b);color:#5b4708;font-size:9px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1.5px #ffffff40}.vip-coin-dark{width:14px;height:14px;font-size:8px}.vip-card-rakeback{background:linear-gradient(170deg,#dfa93f,#c08c2e 45%,#7d5c1a);border:1px solid #f0c766;min-height:190px}.vip-coins-deco{position:absolute;left:-14px;bottom:26px;z-index:0;font-size:84px;color:#ffe28c59;transform:rotate(-12deg);text-shadow:0 6px 18px rgba(0,0,0,.25);pointer-events:none}.vip-claim-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 0;margin-top:auto;background:#241b06;color:#fff;font-size:13px;font-weight:800;border-radius:10px;transition:filter .15s;position:relative;z-index:10;cursor:pointer;text-decoration:none}.vip-claim-btn:hover{filter:brightness(1.25);color:#fff}.vip-claim-btn-off{opacity:.65}.vip-pct-pill{display:inline-flex;align-self:center;align-items:center;background:#1e2223;color:#b8c0c2;font-size:10.5px;font-weight:600;padding:3px 10px;border-radius:7px;white-space:nowrap}.vip-card-rakeback .vip-pct-pill{align-self:flex-start}.vip-pct-pill-gold{background:#fff1cdd9;color:#6b4e0d}.vip-card-timed{min-height:190px;background-color:#292d2e}.vip-card-weekly{border:1px solid rgba(46,226,107,.55)}.vip-card-monthly{border:1px solid rgba(58,166,246,.55)}.vip-text-green{color:#2ee26b}.vip-text-blue{color:#3aa6f6}.vip-timed-label{font-size:12px;font-weight:700;letter-spacing:.35em;text-indent:.35em;text-transform:uppercase}.vip-timed-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 16px;border-radius:8px;white-space:nowrap}.vip-badge-weekly{background:linear-gradient(180deg,#43f584,#1fae5e);color:#06230f;box-shadow:0 4px 10px #2ee26b4d}.vip-badge-monthly{background:linear-gradient(180deg,#6cc2ff,#2287dd);color:#06182a;box-shadow:0 4px 10px #3aa6f64d}.vip-countdown{display:flex;gap:14px;justify-content:center}.vip-cd-unit{display:flex;flex-direction:column;align-items:center;min-width:24px}.vip-cd-num{font-size:17px;font-weight:800;color:#fff;line-height:1.1}.vip-cd-label{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6f787a;margin-top:2px}.vip-rake-accrual{border-top:1px solid rgba(255,241,205,.28);padding-top:8px}.vip-rake-accrual-label{font-size:10.5px;font-weight:700;color:#fdf3d7;text-transform:uppercase;letter-spacing:.06em}.vip-rake-accrual-value{font-size:14px;font-weight:800;color:#fff}.vip-rake-track{width:100%;height:5px;border-radius:9999px;background:#241b0673;overflow:hidden}.vip-rake-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#fff1cd,#ffd66b);transition:width .3s ease}.vip-rake-hint{font-size:9.5px;font-weight:600;color:#fff1cdd9}.vip-countdown-gold .vip-cd-num{font-size:14px;color:#fff}.vip-countdown-gold .vip-cd-label{color:#fff1cdb3}.vip-countdown-gold{gap:10px}.vip-pct-pill-muted{background:#1a1d1e;color:#6f787a;font-size:9.5px}.vip-engine-off{font-size:10px;font-weight:600;color:#6f787a;text-transform:uppercase;letter-spacing:.06em}.vip-history-row{display:grid;align-items:center;grid-template-columns:auto auto 1fr auto;gap:10px 18px;background-color:#292d2e}@media(min-width:640px){.vip-history-row{grid-template-columns:170px 90px 1fr auto}}.vip-status-chip{font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:6px;margin-left:6px;letter-spacing:.04em;vertical-align:middle}.vip-status-pending{background:#2ee26b24;color:#2ee26b}.vip-status-expired{background:#ffffff0f;color:#7c8587}.vip-status-claimed{background:#3aa6f624;color:#3aa6f6}.vip-history-period{font-size:10.5px;color:#6f787a;margin-left:6px;white-space:nowrap}.vip-history-claim{display:inline-flex;align-items:center;background:var(--c-primary, #f12c4c);color:var(--c-on-primary, #fff);font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:7px;margin-left:6px;transition:filter .15s;text-decoration:none;cursor:pointer}.vip-history-claim:hover{background:var(--c-primary-hover, #cd2541);color:var(--c-on-primary, #fff);filter:brightness(1.08);filter:brightness(1.1);color:#fff}.vip-why-btn{color:#565d5f;font-size:11px;margin-left:6px;transition:color .15s;vertical-align:middle;background:none;border:none;cursor:pointer;padding:0}.vip-why-btn:hover{color:#fff}.vip-page-btn{display:inline-flex;align-items:center;background:#292d2e;color:#fff;font-size:12.5px;font-weight:700;padding:9px 18px;border-radius:9px;transition:background .15s;cursor:pointer;text-decoration:none}.vip-page-btn:hover{background:#323738;color:#fff}.vip-page-btn-off{opacity:.45;pointer-events:none}.vip-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px}.vip-modal-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.vip-modal-box{position:relative;width:100%;max-width:520px;background:#292d2e;border:1px solid #3a4142;border-radius:16px;padding:18px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #00000080}.vip-modal-x{color:#9aa3a5;transition:color .15s;background:none;border:none;cursor:pointer;font-size:16px}.vip-modal-x:hover{color:#fff}.vip-modal-body{font-size:12px;color:#b8c0c2}.vip-bd-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #333939}.vip-bd-row:last-child{border-bottom:0}.vip-bd-name{color:#fff;font-weight:700}.vip-bd-native{font-size:10.5px;color:#6f787a}.vip-bd-usd{color:#fff;font-weight:700;white-space:nowrap}.vip-bd-total{margin-top:10px;padding-top:10px;border-top:1px solid #3a4142}.vip-bd-empty{padding:12px 0;color:#6f787a;text-align:center}