.badge-collection{overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(255,126,55,.09),transparent 28%),#171a1f}.badge-collection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.badge-collection-head h2{margin:5px 0 7px}.badge-collection-head p{margin:0;color:#aeb4be;max-width:650px}.badge-collection-head>strong{min-width:86px;padding:12px;border:1px solid #4a4038;border-radius:18px;background:#211c18;text-align:center;color:#ff9a5e;font-size:30px;line-height:1}.badge-collection-head>strong small{display:block;margin-top:6px;color:#c5b9b0;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.player-badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px}.player-badge{--badge-color:#ff7f3f;--badge-deep:#8b3417;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:330px;padding:22px 16px 17px;border:1px solid #353a43;border-radius:22px;background:linear-gradient(165deg,#20242a,#171a1f 68%);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.player-badge:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 16%,color-mix(in srgb,var(--badge-color) 14%,transparent),transparent 36%);pointer-events:none}.player-badge.unlocked{border-color:color-mix(in srgb,var(--badge-color) 55%,#333842);box-shadow:inset 0 1px rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.18)}.player-badge:hover{transform:translateY(-3px);border-color:var(--badge-color)}.player-badge-open{position:absolute;inset:0;z-index:4;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;cursor:pointer}.player-badge-open:focus-visible{outline:3px solid #ffad78;outline-offset:-4px}.badge-emblem{--badge-color:#ff7f3f;--badge-deep:#8b3417;position:relative;display:grid;place-items:center;width:124px;height:124px;flex:0 0 auto;margin:0 auto 13px;border-radius:36px;clip-path:polygon(50% 0,88% 14%,100% 52%,78% 90%,50% 100%,22% 90%,0 52%,12% 14%);background:linear-gradient(145deg,color-mix(in srgb,var(--badge-color) 92%,white 8%),var(--badge-deep));box-shadow:0 16px 32px color-mix(in srgb,var(--badge-deep) 36%,transparent),inset 0 1px rgba(255,255,255,.55)}.badge-emblem:before{content:"";position:absolute;inset:7px;clip-path:inherit;background:linear-gradient(155deg,#252a31,#101318);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--badge-color) 45%,transparent)}.badge-emblem-ring{position:absolute;z-index:1;width:79px;height:79px;border:2px solid color-mix(in srgb,var(--badge-color) 74%,white 26%);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--badge-color) 9%,transparent),inset 0 0 20px color-mix(in srgb,var(--badge-color) 14%,transparent)}.badge-emblem-icon{position:relative;z-index:2;display:grid;place-items:center;color:#fff}.badge-emblem-icon svg{width:38px;height:38px;stroke-width:1.9}.badge-emblem>b{position:absolute;z-index:3;right:19px;bottom:18px;display:grid;place-items:center;width:25px;height:25px;border:2px solid #181c21;border-radius:50%;background:var(--badge-color);color:#101318;font-size:11px;box-shadow:0 3px 8px #0008}.badge-emblem.small{width:34px;height:34px;margin:0;border-radius:11px;clip-path:polygon(50% 0,88% 14%,100% 52%,78% 90%,50% 100%,22% 90%,0 52%,12% 14%)}.badge-emblem.small:before{inset:3px}.badge-emblem.small .badge-emblem-ring{width:23px;height:23px;border-width:1px;box-shadow:none}.badge-emblem.small .badge-emblem-icon svg{width:15px;height:15px}.badge-emblem.small>b{display:none}.badge-tone-orange{--badge-color:#ff8242;--badge-deep:#8f3516}.badge-tone-violet{--badge-color:#b98cff;--badge-deep:#55268c}.badge-tone-gold{--badge-color:#ffc85f;--badge-deep:#8b5414}.badge-tone-teal{--badge-color:#65dec8;--badge-deep:#146b62}.badge-tone-blue{--badge-color:#70b8ff;--badge-deep:#24588f}.badge-tone-pink{--badge-color:#ff8fbd;--badge-deep:#8f3158}.badge-tone-crimson{--badge-color:#ff6f6f;--badge-deep:#861f2c}.player-badge.locked .badge-emblem{filter:saturate(.15);opacity:.48;box-shadow:none}.player-badge-group{position:relative;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--badge-color);font-weight:850}.player-badge h3{position:relative;margin:8px 0 6px;font-size:18px;line-height:1.17}.player-badge p{position:relative;flex:1;margin:0;color:#aeb4be;font-size:13px;line-height:1.42}.player-badge>strong{position:relative;margin-top:12px;color:var(--badge-color);font-size:12px}.player-badge.locked>strong{color:#9299a3}.player-badge progress{position:relative;width:100%;height:7px;margin-top:9px;border:0;border-radius:999px;overflow:hidden;accent-color:var(--badge-color)}.player-badge progress::-webkit-progress-bar{background:#2b3037}.player-badge progress::-webkit-progress-value{background:var(--badge-color)}.mp-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 11px 5px 5px;font-size:13px;border:1px solid #4f443b;border-radius:999px;background:#211e1b;color:#f4d9c5;cursor:pointer}.badge-bubble-layer{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px}.badge-bubble-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#090b0ed4;backdrop-filter:blur(7px)}.badge-bubble{position:relative;width:min(420px,calc(100vw - 32px));padding:25px;border:1px solid #5a4b40;border-radius:26px;background:radial-gradient(circle at 20% 0,rgba(255,126,55,.11),transparent 36%),linear-gradient(155deg,#24282e,#15181c 70%);box-shadow:0 30px 90px #000c;display:grid;grid-template-columns:124px minmax(0,1fr);gap:18px;text-align:left}.badge-bubble>.badge-emblem{margin:0}.badge-bubble-copy{align-self:center;min-width:0}.badge-bubble-copy>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffb784;font-weight:850}.badge-bubble-copy h3{font-size:23px;line-height:1.15;margin:7px 34px 0 0}.badge-bubble-close{position:absolute;z-index:3;right:12px;top:11px;width:38px;height:38px;border:0;border-radius:50%;background:#343940;color:#fff;font-size:25px;cursor:pointer}.badge-bubble-rule,.badge-bubble-progress,.badge-bubble>progress,.badge-bubble-status{grid-column:1/-1}.badge-bubble-rule{padding:15px;border-radius:15px;background:#20242a;border:1px solid #3c424b}.badge-bubble-rule strong{font-size:13px;color:#ffbd91}.badge-bubble-rule p{margin:6px 0 0;font-size:15px;line-height:1.5;color:#eef0f3}.badge-bubble-progress{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;color:#c2c7cf}.badge-bubble-progress strong{color:#fff}.badge-bubble>progress{width:100%;height:9px;accent-color:#ff853e}.badge-bubble-status{margin:0;text-align:center;padding:10px;border-radius:11px;font-weight:800;font-size:14px}.badge-bubble-status.unlocked{background:#19382e;color:#8ee2ba}.badge-bubble-status.locked{background:#302923;color:#ffc296}
@media(max-width:640px){.badge-collection-head>strong{display:none}.player-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.player-badge{min-height:276px;padding:15px 9px 13px;border-radius:18px}.badge-emblem{width:92px;height:92px;border-radius:27px}.badge-emblem:before{inset:6px}.badge-emblem-ring{width:59px;height:59px}.badge-emblem-icon svg{width:29px;height:29px}.badge-emblem>b{right:12px;bottom:12px;width:22px;height:22px}.player-badge h3{font-size:15px}.player-badge p{font-size:12px}.badge-bubble-layer{place-items:end center;padding:0}.badge-bubble{width:100%;border-radius:24px 24px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));max-height:82vh;overflow:auto;grid-template-columns:92px minmax(0,1fr)}.badge-bubble>.badge-emblem{width:92px;height:92px}.badge-bubble-copy h3{font-size:20px}}