.compareDetails{z-index:999;pointer-events:none;position:fixed;inset:0}.compareDetails.show{pointer-events:auto}.compareDetails__backdrop{opacity:0;background:#000000b3;transition:all .35s;position:absolute;inset:0}.compareDetails.show .compareDetails__backdrop{opacity:1}.compareDetails__sheet{background:#111821;border-radius:28px 28px 0 0;width:min(1500px,100%);height:92vh;padding:32px;transition:all .45s;position:absolute;bottom:0;left:50%;overflow:auto;transform:translate(-50%,100%)}.compareDetails.show .compareDetails__sheet{transform:translate(-50%)}.compareDetails__header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:28px;display:flex}.compareDetails__header h2{color:#fff;margin-bottom:6px;font-size:24px;font-weight:800}.compareDetails__header p{color:#7d889d;font-size:14px}.compareDetails__close{cursor:pointer;color:#fff;background:#202938;border:none;border-radius:50%;place-items:center;width:44px;height:44px;transition:all .25s;display:grid}.compareDetails__close:hover{color:#000;background:#ffcf00;transform:rotate(90deg)}.detailsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.compareDetails__sectionDescription{color:#a3b3cc;text-align:center;max-width:850px;margin:0 auto 28px;font-size:15px;line-height:1.6}@media (max-width:1200px){.detailsGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:850px){.detailsGrid{grid-template-columns:repeat(2,1fr);gap:16px}.compareDetails__sheet{padding:26px}}@media (max-width:600px){.compareDetails__sheet{border-radius:22px 22px 0 0;width:90%;height:90vh;padding:18px}.detailsGrid{grid-template-columns:repeat(2,1fr);gap:12px}.compareDetails__header{margin-bottom:24px;padding-bottom:18px}.compareDetails__header h2{font-size:22px}.compareDetails__header p{font-size:13px}.compareDetails__close{width:40px;height:40px}}@media (max-width:420px){.detailsGrid{grid-template-columns:repeat(2,1fr);gap:10px}}
.miniStat{background:#171d27;border:1px solid #ffffff0f;border-radius:14px;transition:all .25s;overflow:hidden}.miniStat:hover{border-color:#ffcf0040;transform:translateY(-3px)}.miniStat__title{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#222a36;padding:12px;font-size:14px;font-weight:700}.miniStat__values{grid-template-columns:1fr 1fr;display:grid}.miniStat__left,.miniStat__right{text-align:center;padding:16px 10px;position:relative}.miniStat__left{background:#15b8c9}.miniStat__right{background:#ff2e74}.miniStat__number{color:#fff;margin-bottom:8px;font-size:42px;font-weight:900;line-height:1}.miniStat__left div:last-child,.miniStat__right div:last-child{color:#fff;letter-spacing:.08em;font-size:13px;font-weight:700}.winner:after{content:"⭐";font-size:16px;position:absolute;top:8px;right:10px}@media (max-width:1000px){.miniStat__number{font-size:34px}}@media (max-width:768px){.miniStat__title{padding:10px;font-size:13px}.miniStat__left,.miniStat__right{padding:14px 8px}.miniStat__number{font-size:30px}.miniStat__left div:last-child,.miniStat__right div:last-child{font-size:11px}}@media (max-width:480px){.miniStat{border-radius:10px}.miniStat__title{padding:8px;font-size:11px}.miniStat__left,.miniStat__right{padding:12px 6px}.miniStat__number{font-size:24px}.miniStat__left div:last-child,.miniStat__right div:last-child{font-size:10px}.winner:after{font-size:13px;top:4px;right:6px}}
.statSection{margin-bottom:50px}.statSection h3{color:#fff;letter-spacing:.08em;background:#1d2430;border-radius:999px;width:fit-content;margin:0 auto 28px;padding:10px 20px;font-size:14px;font-weight:700}
.compareStats{max-width:1100px;margin:auto auto 20px;padding:0}.compareStats__heading{text-align:center;margin-bottom:40px}.compareStats__heading h2{color:#fff;margin-bottom:8px;font-size:clamp(18px,4vw,20px);font-weight:800}.compareStats__heading p{color:#7e8aa5;font-size:14px}.compareStats__wrapper{grid-template-columns:1fr 1fr;gap:22px;display:grid}.compareStats__side{background:#141922;border:1px solid #ffffff0f;border-radius:18px;overflow:hidden}.compareStats__player{text-align:center;letter-spacing:.18em;background:#1d2430;padding:16px;font-weight:800}.compareStats__grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.compareStats__card{text-align:center;padding:28px 10px;transition:all .3s}.compareStats__card:hover{transform:translateY(-4px)}.compareStats__card--left{background:linear-gradient(#16b7c7,#138694)}.compareStats__card--right{background:linear-gradient(#ff2e74,#d40559)}.compareStats__value{color:#fff;font-size:clamp(24px,5vw,58px);font-weight:900;line-height:1;display:block}.compareStats__label{color:#fff;opacity:.9;text-transform:uppercase;letter-spacing:.1em;margin-top:8px;font-size:clamp(10px,1vw,14px);display:block}.compareStats__highlight{text-align:center;background:#1d2430;border-radius:12px;margin:10px;padding:14px;font-size:14px;font-weight:700}.compareStats__highlight--left{color:#45f58a}.compareStats__highlight--right{color:#fff}@media (max-width:770px){.compareStats__wrapper{gap:10px}.compareStats__card{padding:20px 0}}@media (max-width:600px){.compareStats__highlight{margin:8px;padding:10px;font-size:13px}.compareStats__label{font-size:10px}.compareStats__player{letter-spacing:.1em;padding:12px;font-size:14px}}@media (max-width:420px){.compareStats__card{padding:18px 0}}.compareStats__button{color:#000;cursor:pointer;background:linear-gradient(135deg,#ffd400,#ffbf00);border:none;border-radius:999px;align-items:center;gap:14px;margin:42px auto 0;padding:10px 20px;font-size:14px;font-weight:800;transition:all .3s;display:flex}.compareStats__button span{color:#ffd400;background:#000;border-radius:50%;place-items:center;width:30px;height:30px;font-size:20px;transition:all .3s;display:grid}.compareStats__button:hover{transform:translateY(-4px);box-shadow:0 15px 35px #ffd20059}.compareStats__button:hover span{transform:rotate(180deg)}@media (max-width:600px){.compareStats__button{gap:10px;margin-top:30px;padding:10px 20px}.compareStats__button span{width:26px;height:26px}}
.longButton{color:#fff;cursor:pointer;text-align:left;background:#202734;border:none;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;width:100%;margin:40px 0;padding:28px 38px;transition:all .3s;display:flex}.longButton:hover{background:#283142;transform:translateY(-3px);box-shadow:0 18px 40px #00000040}.longButton__text{font-family:Poppin,sans-serif;font-size:20px;font-weight:800;line-height:1.2}.longButton__icon{background:#ffffff0f;border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;transition:all .3s;display:grid}.longButton:hover .longButton__icon{color:#111;background:#ffd43b;transform:translate(6px)}@media (max-width:900px){.longButton{margin:32px 0;padding:22px 28px}.longButton__text{font-size:20px}.longButton__icon{width:48px;height:48px}}@media (max-width:600px){.longButton{border-radius:14px;gap:12px;margin:24px 0;padding:18px 20px}.longButton__text{font-size:18px}.longButton__icon{width:40px;height:40px}}@media (max-width:420px){.longButton{padding:16px}.longButton__text{font-size:18px}.longButton__icon{width:36px;height:36px}}