.xp-account,.xp-reward{--xp-lime:#caff3d;isolation:isolate;color:#f7f9ef;background:radial-gradient(circle at 9% 15%,#caff3d26,#0000 32%),radial-gradient(circle at 90% 70%,#7aa82018,#0000 35%),#0c160d;border:1px solid #caff3d77;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 25px 80px #0005,inset 0 1px #ffffff13}.xp-account:before,.xp-reward:before{content:"";z-index:-1;opacity:.35;background:repeating-linear-gradient(90deg,#0000 0 49px,#d6ff3b10 50px),repeating-linear-gradient(0deg,#0000 0 49px,#d6ff3b0b 50px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 80%);mask-image:linear-gradient(90deg,#000,#0000 80%)}.xp-account{align-items:center;gap:clamp(22px,4vw,54px);margin:26px 0 38px;padding:clamp(24px,4vw,42px);display:flex}.xp-account-emblem{background:conic-gradient(var(--xp-lime) var(--xp-progress),#ffffff1c var(--xp-progress));border-radius:50%;flex:none;place-items:center;width:144px;height:144px;display:grid;box-shadow:0 0 50px #caff3d27}.xp-account-emblem>div{background:#121f12;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:126px;height:126px;display:flex;box-shadow:inset 0 0 25px #0009}.xp-account-emblem svg{width:22px;color:var(--xp-lime);fill:#caff3d33}.xp-account-emblem strong{letter-spacing:-.07em;font-size:58px;font-weight:650;line-height:1}.xp-account-content{flex:1;min-width:0}.xp-kicker{font:700 11px var(--font-mono,monospace);letter-spacing:.15em;color:var(--xp-lime);align-items:center;gap:9px;display:inline-flex}.xp-account h3{letter-spacing:-.055em;margin:12px 0;font-size:clamp(29px,3.7vw,48px);line-height:1.05}.xp-account h3 span{color:#b6c4b0;white-space:nowrap;font-size:.58em;font-weight:450}.xp-account p{color:#c1cdbd;margin:0 0 18px;font-size:15px}.xp-track{background:#ffffff1b;border-radius:99px;width:100%;height:10px;overflow:hidden}.xp-track i{border-radius:inherit;background:linear-gradient(90deg,#abed2f,#edff76);height:100%;transition:width .7s cubic-bezier(.2,.75,.25,1);display:block;box-shadow:0 0 18px #caff3d99}.xp-account-content>small{color:#c1cdbd;margin-top:10px;font-size:13px;display:block}.xp-account>a{color:var(--xp-lime);white-space:nowrap;align-self:flex-end;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.xp-account-fallback{color:#c1cdbd;background:#101b14;border:1px solid #caff3d3c;border-radius:16px;margin:24px 0;padding:22px}.xp-account-fallback button{color:var(--lime);cursor:pointer;background:0 0;border:0;text-decoration:underline}.xp-account-compact{margin-top:20px;margin-bottom:0}.xp-account-compact .xp-account-emblem{width:112px;height:112px}.xp-account-compact .xp-account-emblem>div{width:96px;height:96px}.xp-account-compact .xp-account-emblem strong{font-size:44px}.xp-account-compact h3{font-size:clamp(25px,3vw,38px)}.xp-reward{margin:32px 0;padding:clamp(24px,4vw,42px);animation:.65s ease-out xp-arrive}.xp-reward-level-up{border-color:#edff76;box-shadow:0 25px 90px #0007,0 0 55px #caff3d24,inset 0 1px #edff7680}.xp-reward-top,.xp-reward-main{justify-content:space-between;align-items:center;gap:25px;display:flex}.xp-reward-badge{color:var(--xp-lime);font:700 11px var(--font-mono,monospace);letter-spacing:.1em;white-space:nowrap;border:1px solid #caff3d66;border-radius:99px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.xp-reward-main{align-items:end;margin:30px 0 26px}.xp-reward-main h3{letter-spacing:-.06em;max-width:630px;margin:0 0 12px;font-size:clamp(32px,5vw,60px);line-height:1.03}.xp-reward-main p{color:#c1cdbd;margin:0;font-size:15px;line-height:1.6}.xp-reward-main>strong{letter-spacing:-.075em;font-variant-numeric:tabular-nums;color:var(--xp-lime);white-space:nowrap;text-shadow:0 0 38px #caff3d65;font-size:clamp(56px,10vw,110px);line-height:.9}.xp-reward-main>strong span{letter-spacing:0;font-size:.32em}.xp-reward-list{border-top:1px solid #caff3d3a;padding-top:17px}.xp-reward-list>p{color:#c1cdbd;font:700 11px var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}.xp-reward-list>div{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.xp-reward-list>div>span{overflow-wrap:anywhere;align-items:center;gap:12px;min-width:0;display:flex}.xp-reward-list>div>span>b{color:var(--xp-lime);font:700 12px var(--font-mono,monospace)}.xp-reward-list small{color:#a7b5a2;white-space:nowrap;font-size:12px}.xp-reward-list strong{color:var(--xp-lime);font-variant-numeric:tabular-nums;flex:none;font-size:17px}.xp-reward-list .xp-reward-bonus{border:0;font-weight:700}.xp-reward-next{color:#c1cdbd;grid-template-columns:1fr auto;gap:10px;margin-top:16px;font-size:13px;display:grid}.xp-reward-next>b{color:var(--xp-lime)}.xp-reward-next>.xp-track{grid-column:1/-1}.xp-fairness{color:#a7b5a2;margin-top:22px;font-size:12px;line-height:1.5;display:block}.xp-sparks{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.xp-sparks i{opacity:0;width:5px;height:5px;animation:1.4s ease-out both xp-spark;animation-delay:calc(var(--spark)*45ms);transform:rotate(calc(var(--spark)*30deg)) translateX(0);background:#edff76;border-radius:50%;position:absolute;top:38%;left:58%;box-shadow:0 0 12px #caff3d}.xp-reward .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes xp-arrive{0%{opacity:0;transform:translateY(25px)scale(.98)}to{opacity:1;transform:none}}@keyframes xp-spark{0%{opacity:0;transform:rotate(calc(var(--spark)*30deg)) translateX(0) scale(.3)}22%{opacity:1}to{opacity:0;transform:rotate(calc(var(--spark)*30deg)) translateX(180px) scale(1)}}.account-intro .xp-account-compact{flex-wrap:wrap;gap:22px;max-width:640px;margin-top:34px;margin-bottom:0;padding:26px}.account-intro .xp-account-compact>a{border-top:1px solid #caff3d30;justify-content:flex-end;width:100%;padding-top:12px}.xp-account[data-rank=wood],.xp-reward[data-rank=wood]{--xp-lime:#e1b887}.xp-account[data-rank=stone],.xp-reward[data-rank=stone]{--xp-lime:#bdcec5}.xp-account[data-rank=iron],.xp-reward[data-rank=iron]{--xp-lime:#b4d3df}.xp-account[data-rank=bronze],.xp-reward[data-rank=bronze]{--xp-lime:#dda779}.xp-account[data-rank=silver],.xp-reward[data-rank=silver]{--xp-lime:#dce9ed}.xp-account[data-rank=gold],.xp-reward[data-rank=gold]{--xp-lime:#ffda73}.xp-account[data-rank=platinum],.xp-reward[data-rank=platinum]{--xp-lime:#aef8e5}.xp-account[data-rank=diamond],.xp-reward[data-rank=diamond]{--xp-lime:#91dfff}.xp-account-content h3{color:var(--xp-lime)}.xp-rank-pips{gap:6px;margin:-3px 0 14px;display:flex}.xp-rank-pips i{background:#ffffff2b;border-radius:99px;width:24px;height:5px;transform:skew(-20deg)}.xp-rank-pips i.active{background:var(--xp-lime);box-shadow:0 0 10px var(--xp-lime)}.xp-rank-image{vertical-align:middle;filter:drop-shadow(0 4px 8px #0008);flex:none;width:32px;height:auto;display:inline-block}.xp-account h3 .xp-level-label{vertical-align:middle;align-items:center;gap:7px;margin-left:10px;display:inline-flex}.xp-account .xp-level-label .xp-rank-image{width:34px}.xp-reward-badge .xp-rank-image{width:28px}.xp-account:not(.xp-account-compact){flex-wrap:wrap}.xp-rank-gallery{border-top:1px solid #ffffff24;flex:0 0 100%;width:100%;padding-top:15px}.xp-rank-gallery summary{color:var(--xp-lime);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;list-style:none;display:flex}.xp-rank-gallery summary::-webkit-details-marker{display:none}.xp-rank-gallery summary span{font-size:20px;transition:transform .2s}.xp-rank-gallery[open] summary span{transform:rotate(180deg)}.xp-rank-gallery>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.xp-rank-gallery>div>div{text-align:center;background:#07100d88;border:1px solid #ffffff21;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:115px;padding:12px 6px;display:flex}.xp-rank-gallery>div>div.current{border-color:var(--xp-lime);box-shadow:0 0 22px #caff3d25}.xp-rank-gallery>div>div.locked{opacity:.53}.xp-rank-gallery .xp-rank-image{width:43px}.xp-rank-gallery b{font-size:12px}.xp-rank-gallery small{color:#a7b5a2;font-size:10px}@media (max-width:900px){.xp-rank-gallery>div{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:520px){.xp-rank-gallery>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.xp-account{gap:18px;padding:22px}.xp-account-emblem{width:92px;height:92px}.xp-account-emblem>div{width:78px;height:78px}.xp-account-emblem strong{font-size:38px}.xp-account-emblem svg{width:15px}.xp-account h3{font-size:27px}.xp-account h3 span{margin-top:6px;font-size:16px;display:block}.xp-account h3 .xp-level-label{margin-left:0;display:flex}.xp-account-compact{flex-wrap:wrap}.xp-account-compact>a{width:100%}.xp-reward-main{flex-direction:column;align-items:flex-start}.xp-reward-main>strong{font-size:76px}.xp-reward-list>div>span{flex-wrap:wrap;gap:4px 8px}.xp-reward-list small{width:100%;margin-left:27px}.xp-reward-list strong{font-size:15px}}@media (max-width:390px){.xp-account{flex-direction:column;align-items:flex-start}.xp-account-emblem{width:82px;height:82px}.xp-account-emblem>div{width:68px;height:68px}.xp-account-emblem strong{font-size:33px}.xp-reward-top{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.xp-reward,.xp-sparks i{animation:none}.xp-track i{transition:none}}
