.pie-chart-body-wrapper[data-v-6168b3e1]{justify-content:center;align-items:center;height:130px;display:flex}.winnrate-box[data-v-6168b3e1]{background-color:var(--white);box-sizing:border-box;border-radius:6px;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;padding:10px;display:flex}.pie-header[data-v-6168b3e1]{justify-content:flex-start;width:100%;display:flex}.header[data-v-6168b3e1]{color:var(--text);order:1;min-height:0;margin:0 0 10px;font-size:.85rem}body.dark-mode .winnrate-box[data-v-6168b3e1]{background-color:var(--dark_blue_light)}.donut-wrapper[data-v-ae478a72]{justify-content:center;width:100%;max-width:400px;padding:8px;display:flex;position:relative}.donut-wrapper canvas[data-v-ae478a72]{width:280px!important;height:280px!important}.p-100[data-v-ae478a72]{font-size:1.3rem;top:53%;left:40%}.line-wrapper{padding:2em}@media screen and (max-width:600px){.line-wrapper{padding:.5em}}.donut-wrapper[data-v-fdc0ce3c]{justify-content:center;display:flex;position:relative}.donut-wrapper canvas[data-v-fdc0ce3c]{width:280px!important;height:280px!important}.p-100[data-v-fdc0ce3c]{font-size:1.1rem;top:53%;left:41%}.winnrate-box .pie-chart-body-wrapper[data-v-018b1b55]{height:450px!important}.overview-wrapper[data-v-3e020094]{border-radius:4px;flex-wrap:wrap;gap:1rem;width:100%;display:flex;overflow:hidden}.overview-card[data-v-3e020094]{border-radius:4px;flex-wrap:wrap;flex:200px;justify-content:center;gap:1px;min-width:0;display:flex}.stat-item[data-v-3e020094]{background:var(--main-background);flex:140px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex;position:relative}.stat-icon[data-v-3e020094]{border:3px solid var(--whitesmoke);background:var(--main-background);width:2rem;height:2rem;color:var(--darkgray);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.stat-content[data-v-3e020094]{flex-direction:column;gap:.15rem;display:flex}.stat-value[data-v-3e020094]{color:var(--text);letter-spacing:-.02em;font-size:1.25rem;font-weight:700;line-height:1.2}.stat-key[data-v-3e020094]{color:var(--text-secondary);text-transform:none;font-size:.8rem;font-weight:500;line-height:1.3}@keyframes fade-in-3e020094{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in[data-v-3e020094]{animation:.45s ease-out forwards fade-in-3e020094}@media (max-width:640px){.overview-wrapper[data-v-3e020094]{flex-direction:column}.overview-card[data-v-3e020094]{flex-direction:column;width:100%}.stat-item[data-v-3e020094]{flex:none;min-width:0;padding:.75rem 2.5rem .75rem .75rem}.stat-icon[data-v-3e020094]{right:12px}.stat-value[data-v-3e020094]{font-size:1.1rem}.stat-key[data-v-3e020094]{font-size:.8rem}}@media (max-width:380px){.overview-card[data-v-3e020094]{grid-template-columns:1fr}}body.dark-mode .overview-card[data-v-3e020094]{background:var(--dark_blue_light);border-color:rgba(255,255,255,.06);box-shadow:0 2px 12px rgba(0,0,0,.2),0 4px 20px rgba(0,0,0,.15)}body.dark-mode .overview-card[data-v-3e020094]:hover{box-shadow:0 6px 24px rgba(0,0,0,.25),0 2px 12px rgba(0,0,0,.2)}body.dark-mode .stat-icon[data-v-3e020094]{background:linear-gradient(135deg, var(--dark_almostblack) 0%, #2a2d33 100%);color:var(--darkred);border-color:var(--dark_almostblack)}.statistic-center-section[data-v-3ec2a1d8]{flex-wrap:wrap;gap:10px;display:flex}.overview-box[data-v-3ec2a1d8]{box-sizing:border-box;flex:100%}.chart-box[data-v-3ec2a1d8]{box-sizing:border-box;flex:0 0 calc(50% - 5px)}.doughnut-container[data-v-3ec2a1d8]{flex:1;gap:10px;display:flex}.doughnut-container>section[data-v-3ec2a1d8]{width:50%}.medals[data-v-3ec2a1d8]{flex-wrap:wrap;justify-content:center;margin-bottom:2em;font-size:.625rem;font-style:italic;font-weight:700;display:flex}.medal-wrapper[data-v-3ec2a1d8]{text-align:center;width:50px;height:70px}@media screen and (max-width:768px){.statistic-center-section[data-v-3ec2a1d8]{flex-direction:column}.statistic-box[data-v-3ec2a1d8]{flex:none}.doughnut-container[data-v-3ec2a1d8]{flex-direction:column}}