.vxp{--vx-red:#e84048;--vx-muted:#a4a4af;--vx-line:#ffffff14;color:#ededf0;font-family:inherit;padding:36px 0 60px}.vxp *{box-sizing:border-box}.vxp [hidden]{display:none!important}.vxp button,.vxp a,.vxp input{font:inherit}.vxp-shell{width:min(1160px,calc(100% - 32px));margin:auto}.vxp-eyebrow{font-size:10px;font-weight:800;letter-spacing:.21em;color:#ec6168;text-transform:uppercase}.vxp-topline{display:flex;justify-content:space-between;align-items:center;gap:16px}.vxp-back{font-size:12px;color:#aaa;text-decoration:none}.vxp-hero{position:relative;isolation:isolate;border:1px solid var(--vx-line);background:radial-gradient(ellipse at 90% 25%,#d8323520,transparent 58%),linear-gradient(120deg,#19191e,#101013);border-radius:22px;padding:38px;overflow:hidden;margin-top:20px}.vxp-hero:after{content:'XP';position:absolute;right:24px;bottom:-48px;font:italic 950 240px/1 Arial,sans-serif;letter-spacing:-.13em;color:#ffffff03;z-index:-1;pointer-events:none}.vxp-title{font-size:clamp(32px,5vw,60px);letter-spacing:-.065em;line-height:1.05;font-weight:900;margin:14px 0}.vxp-title span{color:#ef646b}.vxp-intro{font-size:14px;color:var(--vx-muted);max-width:550px;line-height:1.8;margin:0}.vxp-steps{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:24px;color:#c4c4cc;font-size:11px}.vxp-steps b{color:#f1787d;margin-right:6px}.vxp-status{margin:20px 0 0;padding:13px 16px;background:#ffffff04;border:1px solid var(--vx-line);border-radius:11px;color:#bcbcc7;font-size:12px;line-height:1.6}.vxp-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;margin-top:24px}.vxp-panel{background:linear-gradient(145deg,#19191e,#121216);border:1px solid var(--vx-line);border-radius:18px;padding:24px;min-width:0}.vxp-panel h2{font-size:19px;letter-spacing:-.035em;font-weight:800;margin:0 0 6px}.vxp-muted{font-size:12px;line-height:1.7;color:var(--vx-muted);margin:0}.vxp-account{display:flex;gap:16px;align-items:center;margin-bottom:22px}.vxp-level{width:58px;height:62px;display:grid;align-content:center;justify-items:center;flex-shrink:0;border:1px solid #e6404840;border-radius:16px;background:linear-gradient(140deg,#85262d33,#17171b);font-size:25px;font-weight:900}.vxp-level small{font-size:8px;letter-spacing:.13em;color:#b9a7ac;font-weight:700}.vxp-metrics{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}.vxp-metrics strong{font-size:27px;letter-spacing:-.05em}.vxp-metrics span{font-size:11px;color:var(--vx-muted)}.vxp-progress{height:8px;background:#ffffff08;border-radius:9px;overflow:hidden}.vxp-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#a42030,#f16b73);border-radius:inherit;transition:width .65s ease;box-shadow:0 0 15px #ec455555}.vxp-progress-note{margin:11px 0 20px;color:#a6a6b2;font-size:11px}.vxp-heading{margin:26px 0 13px!important;font-size:16px!important}.vxp-chests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vxp-chest{border:1px solid #ffffff12;border-radius:15px;padding:19px 12px 14px;text-align:center;background:#ffffff02;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.vxp-chest.available{border-color:#dd4b535c;background:linear-gradient(145deg,#ae293312,#ffffff03)}.vxp-chest.available:hover{transform:translateY(-3px);box-shadow:0 9px 30px #0004}.vxp-chest svg{width:102px;max-width:100%;height:80px;overflow:visible;margin:6px auto 12px;display:block;filter:drop-shadow(0 9px 8px #0006)}.vxp-chest .vx-body{fill:#25252c;stroke:#73737f;stroke-width:1.6}.vxp-chest .vx-lid{fill:#34343e;stroke:#94949f;stroke-width:1.6;transform-origin:50% 44%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.vxp-chest .vx-metal{fill:#bd3443;stroke:#e9626f;stroke-width:1}.vxp-chest .vx-light{fill:#f27180;opacity:0;transition:opacity .65s}.vxp-chest.issued .vx-lid,.vxp-chest.is-opening .vx-lid{transform:translateY(-13px) rotate(-8deg)}.vxp-chest.issued .vx-light,.vxp-chest.is-opening .vx-light{opacity:.55}.vxp-chest.locked svg{opacity:.5}.vxp-chest small{font-size:9px;letter-spacing:.13em;color:#9b9ba8;font-weight:700;display:block}.vxp-chest strong{display:block;font-size:31px;font-weight:850;letter-spacing:-.05em;margin:6px 0 0}.vxp-chest p{font-size:10px;color:#9b9ba8;margin:3px 0 14px}.vxp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 15px;border:1px solid #ffffff21;border-radius:10px;background:linear-gradient(145deg,#303037,#202025);color:#e0e0e8;text-decoration:none;font-size:11px!important;font-weight:700!important;cursor:pointer;transition:border-color .22s,box-shadow .22s,background .22s}.vxp-btn:hover{border-color:#dd555d70;background:#343038;box-shadow:0 0 15px #ed46500c}.vxp-btn:disabled{opacity:.45;cursor:default}.vxp-chest .vxp-btn{width:100%;padding-inline:6px;font-size:10px!important}.vxp-btn:focus-visible,.vxp input:focus-visible,.vxp summary:focus-visible{outline:2px solid #ef646b;outline-offset:3px}.vxp-form{display:grid;gap:11px;margin-top:16px}.vxp-form label{font-size:11px;color:#b7b7c2}.vxp-form input{width:100%;height:43px;margin-top:6px;border:1px solid #ffffff20;background:#0d0d11;border-radius:10px;color:#eee;padding:0 13px;font-size:13px}.vxp-auth-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.vxp-rank-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:7px}.vxp-rank-list li{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;padding:11px 9px;border-radius:10px;background:#ffffff03;border:1px solid #ffffff06}.vxp-rank-list .place{font-size:12px;color:#b8b8c1;font-weight:800}.vxp-rank-list li:first-child .place{color:#f28b91}.vxp-rank-list strong{font-size:11px;font-weight:650;display:block;overflow-wrap:anywhere}.vxp-rank-list small{font-size:9px;color:#9999a6}.vxp-rank-list .score{font-size:10px;font-weight:750;color:#d8d8df}.vxp-empty{padding:28px 4px;color:#9999a6;font-size:12px;line-height:1.8}.vxp-rules{margin-top:22px;border-top:1px solid var(--vx-line);padding-top:18px}.vxp-rules summary{cursor:pointer;color:#d0d0d8;font-size:12px;font-weight:650}.vxp-rules ul{padding-left:18px;font-size:11px;color:#a2a2af;line-height:1.9;margin:14px 0 0}.vxp-reward{margin-top:16px;padding:17px;border:1px solid #e8546055;border-radius:12px;background:#6e222c19}.vxp-reward h3{margin:0 0 8px;font-size:15px}.vxp-reward code{display:block;font-size:14px;font-weight:750;letter-spacing:.035em;overflow-wrap:anywhere;color:#f7afb4;margin:12px 0}.vxp-reward p{font-size:11px;line-height:1.7;color:#b1a7b0}.vxp-live{min-height:22px;font-size:12px;color:#eac2c6;margin-top:14px;line-height:1.6}.vxp-home-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 23px;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(110deg,#232027,#131317);text-decoration:none;color:#d9d9df;transition:border-color .25s,box-shadow .25s}.vxp-home-link:hover{border-color:#e8404844;box-shadow:0 0 22px #a42c3409}.vxp-home-link small{display:block;color:#ed747d;font-size:9px;font-weight:800;letter-spacing:.15em;margin-bottom:5px}.vxp-home-link strong{font-size:14px}.vxp-home-link span{font-size:12px;white-space:nowrap}.vxp-demo-bar{padding:12px 20px;text-align:center;background:#352128;color:#ffd9df;font:12px Arial,sans-serif}.vxp-demo-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px;background:#17171c}.vxp-demo-controls button{border:1px solid #ffffff30;color:#eee;background:#26262e;padding:8px 12px;border-radius:8px;cursor:pointer}
@media(max-width:900px){.vxp-layout{grid-template-columns:1fr}.vxp-panel{padding:22px}.vxp-hero{padding:28px}.vxp-rank-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.vxp{padding-top:20px}.vxp-shell{width:calc(100% - 24px)}.vxp-hero{padding:24px 20px}.vxp-panel{padding:20px 15px}.vxp-chests{gap:7px}.vxp-chest{padding:15px 7px 10px}.vxp-chest strong{font-size:26px}.vxp-chest svg{height:65px}.vxp-chest .vxp-btn{font-size:9px!important;padding-inline:3px}.vxp-rank-list{grid-template-columns:1fr}.vxp-home-link{padding:16px}.vxp-home-link strong{font-size:12px}.vxp-home-link span{font-size:10px}.vxp-metrics strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.vxp *,.vxp-home-link{animation:none!important;transition:none!important}.vxp-chest.available:hover{transform:none}}

@keyframes vxp-open{from{transform:translateY(0) rotate(0)}to{transform:translateY(-13px) rotate(-8deg)}}
.vxp-chest.is-opening .vx-lid{animation:vxp-open .75s cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:reduce){.vxp-chest.is-opening .vx-lid{animation:none}}