.user-score-box{position:relative;border-radius:20px;padding:22px 28px;overflow:hidden;background:linear-gradient(135deg,#3772ff,#2e5fd9 55%,#1d4ab8);box-shadow:0 12px 40px rgba(55,114,255,.3);transition:transform .35s cubic-bezier(.175,.885,.32,1.4),box-shadow .35s ease;display:flex;align-items:center;gap:28px}@media(max-width:991.98px){.user-score-box{flex-direction:column;align-items:stretch;gap:18px;padding:20px;margin-inline:16px}}.user-score-box:before{top:-70px;right:-50px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,215,0,.3) 0,transparent 70%)}.user-score-box:after,.user-score-box:before{content:"";position:absolute;pointer-events:none}.user-score-box:after{bottom:-80px;left:20%;width:240px;height:240px;background:radial-gradient(circle,rgba(115,157,255,.45) 0,transparent 70%)}.user-score-box:hover{box-shadow:0 18px 50px rgba(55,114,255,.4)}.user-score-box:hover .sb-trophy{transform:scale(1.08) rotate(-6deg)}.user-score-box .sb-balls{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.user-score-box .sb-balls .sb-ball{position:absolute;line-height:1;pointer-events:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.55;animation:ballDropIn .85s cubic-bezier(.34,1.4,.5,1) backwards;transition:transform .25s ease,opacity .25s ease;will-change:transform;filter:drop-shadow(0 3px 5px rgba(0,0,0,.25))}.user-score-box .sb-balls .sb-ball:hover{opacity:.9;transform:translateY(-6px) scale(1.25) rotate(var(--rot))}.user-score-box .sb-brand{position:relative;z-index:2;display:flex;align-items:center;gap:14px;flex-shrink:0}.user-score-box .sb-brand .sb-trophy{font-size:46px;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.3));transition:transform .35s ease}@media(max-width:991.98px){.user-score-box .sb-brand .sb-trophy{font-size:36px}}.user-score-box .sb-brand .sb-brand-text{display:flex;flex-direction:column;gap:4px}.user-score-box .sb-brand .sb-brand-text .sb-badge{font-size:10px;font-weight:800;padding:3px 10px;border-radius:999px;background:rgba(255,215,0,.2);border:1px solid rgba(255,215,0,.45);color:gold;width:-moz-fit-content;width:fit-content}.user-score-box .sb-brand .sb-brand-text .sb-title{margin:2px 0 0;font-size:18px;font-weight:800;color:#fff}@media(max-width:991.98px){.user-score-box .sb-brand .sb-brand-text .sb-title{font-size:16px}}.user-score-box .sb-brand .sb-brand-text .sb-desc{margin:0;font-size:12px;color:hsla(0,0%,100%,.75)}@media(max-width:991.98px){.user-score-box .sb-brand .sb-brand-text .sb-desc{font-size:11px}}.user-score-box .sb-divider{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.25),transparent);flex-shrink:0}@media(max-width:991.98px){.user-score-box .sb-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.25),transparent)}}.user-score-box .sb-stats{position:relative;z-index:2;display:flex;align-items:center;gap:28px;flex:1 1;justify-content:center}@media(max-width:991.98px){.user-score-box .sb-stats{justify-content:space-around;gap:12px}}.user-score-box .sb-stats .sb-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 22px;border-radius:16px;background:rgba(13,38,95,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.12)}@media(max-width:991.98px){.user-score-box .sb-stats .sb-stat{padding:8px 14px}}.user-score-box .sb-stats .sb-stat .sb-stat-value{font-size:40px;font-weight:900;line-height:1;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}@media(max-width:991.98px){.user-score-box .sb-stats .sb-stat .sb-stat-value{font-size:30px}}.user-score-box .sb-stats .sb-stat .sb-stat-label{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.92);text-shadow:0 1px 3px rgba(0,0,0,.6)}@media(max-width:991.98px){.user-score-box .sb-stats .sb-stat .sb-stat-label{font-size:11px}}.user-score-box .sb-stats .sb-stat.score .sb-stat-value{background:linear-gradient(135deg,gold,#fff,#f5c842);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,215,0,.3)}.user-score-box .sb-stats .sb-stat.rank .sb-stat-value{color:#fff}.user-score-box .sb-stats .sb-stat-sep{width:1px;height:44px;background:hsla(0,0%,100%,.18);flex-shrink:0}@keyframes ballDropIn{0%{transform:translateY(-170px) rotate(0deg);opacity:0}55%{opacity:.55}80%{transform:translateY(6px) rotate(var(--rot))}to{transform:translateY(0) rotate(var(--rot));opacity:.55}}