.vp-screen{background:#19182c;color:#e5e0f1;min-height:100dvh;padding-bottom:16px;font-family:Arial,sans-serif}.vp-screen *{box-sizing:border-box}.vp-header{position:sticky;top:26px;z-index:8;height:48px;display:flex;align-items:center;justify-content:center;background:#232145;color:white;font-size:19px}.vp-header button{position:absolute;left:15px;top:8px;padding:0;border:0;background:none;color:white;font-size:30px;line-height:30px}.vp-profile{height:128px;padding:2px 18px 45px;display:flex;gap:17px;align-items:flex-start;background:linear-gradient(100deg,#ff8d76,#bf5fe0 42%,#8066fa 65%,#4bb5f6);color:white}.vp-avatar{flex:0 0 74px;height:74px;overflow:hidden;border-radius:50%}.vp-avatar img{display:block;width:100%;height:100%;object-fit:cover}.vp-profile-copy{min-width:0;padding-top:10px}.vp-profile-copy>img{width:55px;height:27px;display:block;object-fit:contain;margin-left:-5px}.vp-profile-copy h1{font-size:16px;font-weight:400;margin:12px 0 0;overflow-wrap:anywhere;color:white}.vp-overview{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:-38px 13px 18px}.vp-overview>div{height:59px;background:#252247;border-radius:6px;text-align:center;padding:9px 2px}.vp-overview b{font-size:22px;line-height:1;font-weight:700;color:#fff}.vp-overview b.vp-exp{font-size:16px;font-weight:400;color:#a38aff}.vp-overview small{font-size:14px;font-weight:400}.vp-overview span{display:block;color:#cac1dd;font-size:13px;line-height:1.3;margin-top:7px}.vp-content{padding:0 13px}.vp-settlement{font-size:10px;line-height:1.4;color:#c4bed2;border:1px solid #44365f;border-radius:5px;margin:0 0 8px;padding:7px 9px;text-align:center;min-height:29px}.vp-carousel{--card:calc((min(400px,100vw) - 26px)*.82);position:relative;display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;padding:0 calc((100% - var(--card))/2) 4px;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.vp-carousel::-webkit-scrollbar{display:none}.vp-card{position:relative;flex:0 0 var(--card);width:var(--card);min-height:169px;border:1px solid #ffffff55;border-radius:6px;padding:9px 10px 10px;text-align:left;overflow:hidden;color:#fff;background:linear-gradient(121deg,var(--vp-from),var(--vp-to));scroll-snap-align:center;scroll-snap-stop:always;cursor:pointer;isolation:isolate;box-shadow:inset 0 -1px 2px #0002}.vp-card::before,.vp-card::after{content:'';position:absolute;inset:-80% 23% -60% 51%;background:#ffffff09;transform:rotate(35deg);z-index:-1;pointer-events:none}.vp-card::after{left:82%;right:-10%;background:#ffffff0b}.vp-card-title{display:flex;align-items:center;gap:6px;white-space:nowrap;position:relative;z-index:2}.vp-card-title>svg{width:24px;height:24px;flex:none;color:#fff6ac}.vp-card:first-child .vp-card-title>svg{color:#f7f8ff}.vp-card-title>strong{font-size:26px;line-height:1.15;letter-spacing:-.5px;color:#fff4ad}.vp-card:first-child .vp-card-title>strong{color:#fff}.vp-card-title>span{display:flex;align-items:center;gap:2px;font-size:11px;font-weight:400;margin-left:2px}.vp-lock{display:inline-grid;place-items:center;width:16px;height:16px;background:#ff695f;border-radius:50%;flex:none}.vp-lock svg{width:12px;height:12px}.vp-card-requirement{position:relative;z-index:2;font-size:11px;line-height:1.25;margin:3px 0 0;max-width:68%;color:#fff}.vp-medal{position:absolute;right:3px;top:3px;width:80px;height:80px;overflow:hidden;clip-path:circle(48% at 50% 48%);z-index:1}.vp-medal img{display:block;width:100%;height:100%;object-fit:cover}.vp-card-lower{display:flex;align-items:flex-end;justify-content:space-between;margin-top:31px;position:relative;z-index:2;min-height:27px}.vp-conversion{border:1px solid #ffffff70;border-radius:4px;padding:1px 4px;font-size:11px;line-height:1.1}.vp-card-lower>small{font-size:12px;margin-bottom:-3px}.vp-progress{height:9px;background:#00000023;box-shadow:inset 0 2px 3px #0002;border-radius:10px;margin:8px 0 4px;position:relative;z-index:2}.vp-card-footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:6px;font-size:10px;line-height:1.15;min-height:11px}.vp-card-footer>span:first-child{padding:1px 5px;background:#0002;border-radius:12px;white-space:nowrap}.vp-card-footer>span:last-child{text-align:right}.vp-carousel-controls{display:flex;align-items:center;justify-content:space-between;margin:0 2px 16px;height:20px;gap:8px}.vp-carousel-controls>span{font-size:9px;color:#aa99bd;text-align:center}.vp-carousel-controls>button{border:0;border-radius:50%;width:22px;height:22px;color:#c6adf5;background:#31274c;font-size:20px;line-height:18px;padding:0;cursor:pointer}.vp-benefits{border-radius:6px;background:#252247;padding:0 6px 10px;margin-bottom:16px}.vp-benefits h2{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:600;color:#fff;line-height:1.2;margin:0;padding:15px 2px 12px;border-bottom:1px solid #3b3256}.vp-benefits h2 svg{width:24px;height:24px;flex:none}.vp-benefit{display:flex;align-items:center;gap:6px;padding:15px 0 0;min-height:70px}.vp-benefit-icon{display:block;width:54px;height:54px;flex:none;overflow:hidden;border-radius:11px}.vp-benefit-icon img{width:100%;height:100%;object-fit:cover;display:block}.vp-benefit-copy{flex:1;min-width:0;color:#fff}.vp-benefit-copy>b{display:block;font-size:16px;line-height:1.2;font-weight:400}.vp-benefit-copy small{display:block;color:#cec7df;font-size:11px;line-height:1.3;margin-top:7px}.vp-benefit-values{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:80px;text-align:center;padding-right:0}.vp-benefit-values>span{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid;border-radius:5px;padding:2px 4px;font-size:14px;min-height:23px;line-height:1.1;white-space:nowrap}.vp-benefit-values .money{color:#ffbd63;border-color:#aa7e47}.vp-benefit-values .token{color:#a58cff;border-color:#7861ac}.vp-benefit-values svg.apk-icon{width:14px;height:14px;display:inline-block;flex:none;fill:currentColor;color:#ffc653}.vp-tabs{display:flex;background:#252247;border-radius:7px 7px 0 0;overflow:hidden}.vp-tabs button{position:relative;flex:1;border:0;background:none;padding:14px 10px;color:#d5cee3;font-size:17px;cursor:pointer}.vp-tabs button.active{color:#ac8bff}.vp-tabs button.active::after{content:'';position:absolute;bottom:4px;left:36%;right:36%;height:2px;background:#b09aff}.vp-tab-content{background:#252247;padding:16px 13px;min-height:130px;border-radius:0 0 7px 7px}.vp-empty{text-align:center;color:#aa9cc2;font-size:11px}.vp-empty img{display:block;width:110px;height:85px;object-fit:contain;margin:0 auto 8px;opacity:.5}.vp-rules{font-size:11px;line-height:1.8;color:#c8bdd9}.vp-rules h3{margin:0 0 10px;font-size:13px;color:#ddc9ff}.vp-disclosure{font-size:9px;color:#bba9d2;line-height:1.5;text-align:center;margin:12px 0 0}.vp-screen button:focus-visible{outline:2px solid #bc9aff;outline-offset:-2px}@media(max-width:360px){.vp-benefit-copy>b{font-size:14px}.vp-benefit-copy small{font-size:10px}.vp-benefit-values{min-width:70px}.vp-benefit-values>span{font-size:12px}.vp-card-title>strong{font-size:23px}.vp-card-title>span{font-size:10px}.vp-medal{width:71px;height:71px}.vp-card-lower{margin-top:31px}.vp-card-requirement{font-size:10px}.vp-benefit-icon{width:47px;height:47px}.vp-overview{gap:16px}.vp-overview span{font-size:12px}}@media(prefers-reduced-motion:reduce){.vp-carousel{scroll-behavior:auto}}
