.yp-progress{--yp-accent:#cfb58d;margin:32px 0;padding:28px;border:1px solid #ffffff19;border-radius:9px;background:linear-gradient(125deg,#181e24,#11171c);color:#ece9e1}.yp-head{display:grid;grid-template-columns:1fr 190px;gap:30px;align-items:center}.yp-head>div>small{font-size:9px;letter-spacing:2px;color:var(--yp-accent)}.yp-head h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:13px 0}.yp-head p{font-size:13px;line-height:1.7;color:#a3adb2;max-width:640px}.yp-level{padding-left:25px;border-left:1px solid #ffffff20}.yp-level>span{font-size:9px;letter-spacing:2px;color:#a6acae}.yp-level>strong{display:block;font-size:60px;font-weight:500;line-height:1.3;color:#d6bb91}.yp-level>small{color:#9da6ac;font-size:11px}.yp-totals{display:flex;flex-wrap:wrap;gap:25px;padding:18px 0;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;margin:20px 0;font-size:12px;color:#9da9b0}.yp-totals b{color:#e1d8c9;margin-left:8px}.yp-rules{margin:20px 0;font-size:12px;line-height:1.7;color:#a5b0b6}.yp-rules summary{cursor:pointer;color:#d8c4a5}.yp-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.yp-badge{padding:17px;border:1px solid #ffffff13;border-top:2px solid var(--rarity);border-radius:6px;background:#ffffff03;--rarity:#8b959b;min-width:0}.yp-badge.uncommon{--rarity:#8eaa94}.yp-badge.rare{--rarity:#859eb8}.yp-badge.epic{--rarity:#ac91ba}.yp-badge.locked{opacity:.68}.yp-badge.earned{background:#cbb38d08;border-color:#cbb38d30}.yp-badge>div{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--rarity)}.yp-badge>div>b{font-size:20px;font-weight:500}.yp-badge h3{font-size:15px;line-height:1.3;margin:18px 0 9px;letter-spacing:-.2px}.yp-badge p{font-size:10px;color:#a1acb1;margin-bottom:15px}.yp-badge progress{display:block;width:100%;height:4px;accent-color:var(--rarity);border:0;margin:0 0 9px;background:#ffffff10}.yp-badge progress::-webkit-progress-bar{background:#ffffff10}.yp-badge progress::-webkit-progress-value{background:var(--rarity)}.yp-badge>small{font-size:9px;color:#9ca6ab;overflow-wrap:anywhere}.yp-caption,.yp-note{font-size:11px;color:#839099;line-height:1.7;margin:20px 0 0}.yp-note{border:1px solid #ffffff15;padding:14px;border-radius:5px}@media(max-width:1050px){.yp-badges{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.yp-progress{padding:20px}.yp-head{grid-template-columns:1fr 100px;gap:15px}.yp-head h2{font-size:24px}.yp-level{padding-left:15px}.yp-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.yp-head{grid-template-columns:1fr}.yp-level{border-left:0;padding:0;display:flex;align-items:center;gap:15px}.yp-level strong{font-size:38px}.yp-badges{grid-template-columns:1fr}}