.vip-guide-section{display:flex;flex-direction:column;gap:30px;padding:0 4px;color:#fff;font-family:var(--d1-font-ui)}.vip-guide-section .guide-hero-banner{position:relative;border-radius:20px;background:#000;border:1px solid rgba(238,0,34,.15);box-shadow:0 20px 40px rgba(0,0,0,.45),inset 0 0 40px rgba(238,0,34,.1);overflow:hidden;min-height:280px;display:flex;align-items:center}.vip-guide-section .guide-hero-banner .guide-hero-content{position:relative;z-index:2;width:100%;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:32px}@media(max-width:768px){.vip-guide-section .guide-hero-banner .guide-hero-content{flex-direction:column;text-align:center}}.vip-guide-section .guide-hero-banner .text-section{flex:1;max-width:600px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:0 16px}@media(max-width:768px){.vip-guide-section .guide-hero-banner .text-section{align-items:center}}.vip-guide-section .guide-hero-banner .hero-title{font-size:2.2rem;font-weight:800;line-height:1.2;background:linear-gradient(90deg,#ffffff,#ffdcdc);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin:0;text-transform:uppercase}@media(max-width:480px){.vip-guide-section .guide-hero-banner .hero-title{font-size:1.8rem}}.vip-guide-section .guide-hero-banner .hero-subtitle{font-size:1rem;color:rgba(255,255,255,.7);line-height:1.5;margin:0}.vip-guide-section .guide-hero-banner .dashboard-link-btn{padding:12px 28px;border:none;background:linear-gradient(to right,var(--d1-red) 30%,var(--d1-red-press) 70%);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--d1-red-rgb),.4);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.vip-guide-section .guide-hero-banner .dashboard-link-btn:hover{background:linear-gradient(to right,var(--d1-red-hover) 30%,var(--d1-red-press) 70%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--d1-red-rgb),.6)}.vip-guide-section .guide-hero-banner .dashboard-link-btn:active{transform:translateY(0)}.vip-guide-section .guide-hero-banner .text-purple{color:var(--primary-purple);background:linear-gradient(90deg,var(--primary-purple) 0,#ff4c4c 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);display:inline}.vip-guide-section .guide-hero-banner .btn-arrow{margin-left:6px;width:16px;height:16px;flex-shrink:0;transition:transform .2s ease}.vip-guide-section .guide-hero-banner .dashboard-link-btn:hover .btn-arrow{transform:translateX(4px)}.vip-guide-section .guide-hero-banner .crown-section{display:flex;justify-content:center;align-items:center;width:280px;height:220px;position:relative}@media(max-width:768px){.vip-guide-section .guide-hero-banner .crown-section{display:none}}.vip-guide-section .guide-hero-banner .crown-section:after{content:"";position:absolute;width:140px;height:140px;background:radial-gradient(circle,rgba(var(--d1-red-rgb),.3) 0,rgba(var(--d1-red-rgb),0) 70%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(10px);z-index:1;pointer-events:none}.vip-guide-section .guide-hero-banner .crown-section .hero-crown-img{width:100%;height:auto}.vip-guide-section .ranking-system-container{width:100%}.vip-guide-section .ranking-system-container .section-header-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0!important}.vip-guide-section .ranking-system-container .tiers-scroller{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-user-select:none;user-select:none;outline:none}.vip-guide-section .ranking-system-container .tiers-scroller::-webkit-scrollbar{display:none}.vip-guide-section .ranking-system-container .tiers-scroller:focus-visible{outline:2px solid var(--d1-red-line);outline-offset:-2px;border-radius:var(--d1-radius-lg)}@media(hover:hover)and (pointer:fine){.vip-guide-section .ranking-system-container .tiers-scroller{cursor:grab}}.vip-guide-section .ranking-system-container .tiers-scroller[data-dragging]{scroll-snap-type:none;cursor:grabbing}.vip-guide-section .ranking-system-container .tiers-scroller[data-dragging] .ranking-slide{pointer-events:none}.vip-guide-section .ranking-system-container .tiers-track{display:flex;align-items:stretch;width:max-content}.vip-guide-section .ranking-system-container .ranking-slide{flex:0 0 auto;width:255px;padding:4px;margin-right:16px;display:flex;scroll-snap-align:start}.vip-guide-section .ranking-system-container .ranking-card{background:var(--d1-bg);border:2px solid var(--tier-border-color,rgba(255,255,255,.08));border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:hidden;width:100%;height:100%;box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 15px var(--tier-shadow-color,rgba(255,255,255,.01))}.vip-guide-section .ranking-system-container .ranking-card .card-image-header{margin:-24px -20px 10px;width:calc(100% + 40px);overflow:hidden;height:180px;display:flex;align-items:center;justify-content:center;position:relative;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(255,255,255,.08)}.vip-guide-section .ranking-system-container .ranking-card .card-image-header .card-mascot-img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center;padding:8px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}.vip-guide-section .ranking-system-container .ranking-card.ranking-card--skeleton{pointer-events:none}.vip-guide-section .ranking-system-container .ranking-card.ranking-card--skeleton .card-top{gap:0}.vip-guide-section .ranking-system-container .ranking-card.ranking-card--skeleton .perk-item{min-height:16px}.vip-guide-section .ranking-system-container .ranking-card:hover{transform:translateY(-4px);border-color:var(--tier-theme-color);box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 25px var(--tier-shadow-color)}.vip-guide-section .ranking-system-container .ranking-card .card-top{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.vip-guide-section .ranking-system-container .ranking-card .card-top.centered-header{align-items:center;text-align:center;width:100%}.vip-guide-section .ranking-system-container .ranking-card .tier-badge{font-family:var(--d1-font-tier);font-size:.75rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:6px;letter-spacing:.05em;display:inline-block}.vip-guide-section .ranking-system-container .ranking-card .wager-amount{font-size:1.6rem;font-weight:800;margin:6px 0 0;color:#fff;letter-spacing:-.01em}.vip-guide-section .ranking-system-container .ranking-card .wager-label{font-size:.75rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.02em}.vip-guide-section .ranking-system-container .ranking-card .card-divider-wrapper{display:flex;align-items:center;gap:12px;margin:15px 0;width:100%}.vip-guide-section .ranking-system-container .ranking-card .card-divider-wrapper .card-divider-line{flex-grow:1;height:1px;background:rgba(255,255,255,.08)}.vip-guide-section .ranking-system-container .ranking-card .card-divider-wrapper .divider-star{flex-shrink:0;opacity:.8}.vip-guide-section .ranking-system-container .ranking-card .perks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;flex-grow:1}.vip-guide-section .ranking-system-container .ranking-card .perk-item{display:flex;align-items:center;gap:8px;position:relative}.vip-guide-section .ranking-system-container .ranking-card .perk-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.vip-guide-section .ranking-system-container .ranking-card .perk-text{min-width:0;font-size:.85rem;color:rgba(255,255,255,.8);line-height:1.3;display:inline-flex;align-items:center}.vip-guide-section .ranking-system-container .ranking-card .new-feature-badge{margin-left:auto;font-size:var(--d1-fs-xs);font-weight:800;color:var(--d1-red-text);background:var(--d1-red-soft);border:1px solid var(--d1-red-line);padding:2px 6px;border-radius:4px;letter-spacing:.05em;text-transform:uppercase;line-height:1;flex-shrink:0}.vip-guide-section .exclusive-perks-container{width:100%}.vip-guide-section .exclusive-perks-container .perks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:768px){.vip-guide-section .exclusive-perks-container .perks-grid{grid-template-columns:1fr}}.vip-guide-section .exclusive-perks-container .perk-card{background:var(--d1-surface-2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:20px;transition:all .3s ease}.vip-guide-section .exclusive-perks-container .perk-card:hover{border-color:rgba(238,0,34,.2);box-shadow:0 10px 24px rgba(0,0,0,.4)}.vip-guide-section .exclusive-perks-container .perk-icon-wrapper{width:56px;height:56px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vip-guide-section .exclusive-perks-container .perk-content{display:flex;flex-direction:column;gap:6px}.vip-guide-section .exclusive-perks-container .perk-title{font-size:1.05rem;font-weight:700;margin:0;color:#fff}.vip-guide-section .exclusive-perks-container .perk-description{font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.45;margin:0}.vip-levels-section{margin-bottom:38px}.vip-levels-section .vip-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}@media(max-width:900px){.vip-levels-section .vip-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.vip-levels-section .vip-grid{grid-template-columns:repeat(3,1fr);gap:10px}}.vip-levels-section .vip-card{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid var(--td);background:var(--tm);transition:transform .2s ease,box-shadow .2s ease}.vip-levels-section .vip-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.6)}.vip-levels-section .vip-card:hover img{transform:translate(-50%,-52%) scale(1.05)}.vip-levels-section .vip-card.selected{border-color:var(--tl);box-shadow:0 0 0 1px var(--tl),0 14px 32px var(--tglow,rgba(0,0,0,.6))}.vip-levels-section .vip-card .lava{position:absolute;inset:0;overflow:hidden;background:radial-gradient(120% 90% at 50% 110%,var(--tl),var(--tm) 62%,var(--td) 100%)}.vip-levels-section .vip-card .lava span{position:absolute;border-radius:50%;filter:blur(16px);opacity:.7;background:var(--tl);mix-blend-mode:screen}.vip-levels-section .vip-card .lava span:first-child{width:78%;aspect-ratio:1;left:-14%;top:52%;animation:blobA 14s ease-in-out infinite}.vip-levels-section .vip-card .lava span:nth-child(2){width:62%;aspect-ratio:1;right:-12%;top:16%;animation:blobB 18s ease-in-out infinite}.vip-levels-section .vip-card .lava span:nth-child(3){width:52%;aspect-ratio:1;left:26%;top:-8%;opacity:.5;animation:blobC 22s ease-in-out infinite}.vip-levels-section .vip-card .veil{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.5) 74%,rgba(0,0,0,.86))}.vip-levels-section .vip-card img{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);height:56%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55));transition:transform .25s ease;object-fit:contain}.vip-levels-section .vip-card .nm{position:absolute;left:0;right:0;bottom:11px;text-align:center;font-size:var(--d1-fs-xs);font-weight:700;letter-spacing:.03em;text-shadow:0 2px 6px rgba(0,0,0,.9);color:#fff;font-family:var(--d1-font-tier)}.vip-levels-section .vip-card.locked .lava{filter:saturate(.32) brightness(.42)}.vip-levels-section .vip-card.locked img{filter:grayscale(.75) brightness(.42)}.vip-levels-section .vip-card.locked .nm{color:var(--d1-text-3)}.vip-levels-section .vip-card.locked .lock{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--d1-text-2);background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);z-index:3}.vip-levels-section .vip-card.done{border-color:rgba(37,224,106,.35)}.vip-levels-section .vip-card.done .badge-ck{position:absolute;top:7px;right:7px;width:18px;height:18px;border-radius:50%;background:#25e06a;color:#071a0e;font-size:var(--d1-fs-xs);font-weight:900;display:grid;place-items:center;z-index:3}.vip-levels-section .vip-card.current{box-shadow:0 0 0 1px rgba(255,255,255,.22)}.vip-levels-section .vip-card.current:after{content:"Current";position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:var(--d1-fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:5px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.3);z-index:3;color:#fff}.vip-levels-section .vip-card-skeleton{display:block;aspect-ratio:3/4;border-radius:12px}.vip-levels-section .overlay{position:fixed;inset:0;background:rgba(3,3,4,.86);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:18px;overflow-y:auto}.vip-levels-section .modal{position:relative;width:100%;max-width:420px;border-radius:18px;margin:auto;border:1px solid var(--line,rgba(255,255,255,.08));background:#111116;box-shadow:0 30px 70px rgba(0,0,0,.8);animation:pop .24s cubic-bezier(.2,1.2,.4,1)}.vip-levels-section .modal-inner{border-radius:17px;padding:26px 24px 24px;position:relative;overflow:hidden}.vip-levels-section .modal-close{position:absolute;top:11px;right:11px;width:32px;height:32px;border-radius:9px;border:1px solid var(--line,rgba(255,255,255,.08));background:rgba(255,255,255,.04);color:#d6d6de;font-size:13px;cursor:pointer;display:grid;place-items:center;z-index:6;transition:all .15s}.vip-levels-section .modal-close:hover{background:rgba(255,255,255,.1);color:#fff}.vip-levels-section .vip-modal{max-width:370px;border:1px solid var(--tl)!important;background:#0b0b0e;box-shadow:0 24px 60px rgba(0,0,0,.8),0 0 30px var(--tglow,rgba(0,0,0,.4))}.vip-levels-section .vip-modal .modal-inner{padding:0}.vip-levels-section .vip-hero{position:relative;height:200px;overflow:hidden;border-radius:17px 17px 0 0;background:var(--tm)}.vip-levels-section .vip-hero .lava{position:absolute;inset:0;overflow:hidden;background:radial-gradient(120% 90% at 50% 110%,var(--tl),var(--tm) 62%,var(--td) 100%)}.vip-levels-section .vip-hero .lava span{position:absolute;border-radius:50%;filter:blur(16px);opacity:.7;background:var(--tl);mix-blend-mode:screen}.vip-levels-section .vip-hero .lava span:first-child{width:78%;aspect-ratio:1;left:-14%;top:52%;animation:blobA 14s ease-in-out infinite}.vip-levels-section .vip-hero .lava span:nth-child(2){width:62%;aspect-ratio:1;right:-12%;top:16%;animation:blobB 18s ease-in-out infinite}.vip-levels-section .vip-hero .lava span:nth-child(3){width:52%;aspect-ratio:1;left:26%;top:-8%;opacity:.5;animation:blobC 22s ease-in-out infinite}.vip-levels-section .vip-hero img{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);height:82%;filter:drop-shadow(0 12px 20px rgba(0,0,0,.6));z-index:2;object-fit:contain}.vip-levels-section .vip-hero .fadeout{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,11,14,.6) 85%,#0b0b0e);z-index:3;pointer-events:none}.vip-levels-section .vip-body{padding:16px 24px 24px;text-align:center}.vip-levels-section .vip-tag{display:inline-block;font-family:var(--d1-font-tier);font-weight:700;font-size:13px;letter-spacing:.13em;text-transform:uppercase;padding:5px 14px;border-radius:8px;border:1px solid var(--tl);color:#fff;background:rgba(255,255,255,.05)}.vip-levels-section .vip-xp{font-family:var(--d1-font-display);font-weight:700;font-size:38px;line-height:1.1;margin-top:12px;color:#fff}.vip-levels-section .vip-xp-label{font-size:var(--d1-fs-xs);letter-spacing:.2em;color:var(--d1-text-3);text-transform:uppercase;font-weight:800;margin-top:1px}.vip-levels-section .vip-div{height:1px;margin:18px 0 15px;background:rgba(255,255,255,.1)}.vip-levels-section .perks{display:flex;flex-direction:column;gap:10px;text-align:left}.vip-levels-section .perk{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#dededf}.vip-levels-section .perk .ck{width:15px;height:15px;flex:none;display:grid;place-items:center;font-size:var(--d1-fs-xs);font-weight:800;color:var(--tl)}@keyframes blobA{0%,to{transform:translate(0) scale(1)}33%{transform:translate(18%,-38%) scale(1.22)}66%{transform:translate(-8%,-14%) scale(.85)}}@keyframes blobB{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-22%,44%) scale(1.15)}75%{transform:translate(8%,12%) scale(.9)}}@keyframes blobC{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-14%,60%) scale(1.3)}}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.vip-page{--red:var(--d1-red);--red-hot:var(--d1-red-hover);--red-deep:#8c0014;--red-glow:rgba(var(--d1-red-rgb),0.45);--bg:var(--d1-bg);--panel:var(--d1-surface-1);--panel2:var(--d1-surface-2);--line:rgba(255,255,255,0.08);--line2:rgba(255,255,255,0.14);--muted:var(--d1-text-3);--green:#25e06a;--yellow:#ffc021;min-height:100vh;color:#fff;font-family:var(--d1-font-ui);-webkit-font-smoothing:antialiased}.vip-container{max-width:1280px;margin:0 auto;padding:10px 0 60px}.sec-head{display:flex;align-items:center;gap:16px;margin:48px 0 24px}.sec-head .r-short{width:4px;height:26px;border-radius:3px;background:linear-gradient(180deg,var(--red-hot),var(--red-deep));box-shadow:0 0 14px var(--red-glow);flex:none}.sec-head h2{font-family:var(--d1-font-display);font-weight:700;font-size:25px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:#fff;margin:0}.sec-head .r-long{flex:1;height:1px;background:linear-gradient(90deg,rgba(238,0,34,.85),rgba(238,0,34,.25) 45%,rgba(255,255,255,.05) 75%,transparent)}.guide{border:1px solid var(--line);border-radius:14px;background:#0e0e12;padding:20px 22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:38px 0 0}.guide h4{font-size:15px;font-weight:700;color:#fff;margin:0;line-height:1.3}.guide p{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.5}.guide .txt{flex:1;min-width:230px}.guide .guide-btn{border:none;border-radius:9px;padding:11px 22px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;background:var(--primary-purple);transition:background .16s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.guide .guide-btn:hover{background:var(--red-hot)}