body{
background:linear-gradient(135deg,#eef2f7,#f9fbfd);
font-family:system-ui;
}

.page-title{
font-weight:700;
font-size:28px;
}

.ranking-card{
border-radius:18px;
border:0;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.player-row:hover{background:#f6f8fb;}

.rank-badge{
font-weight:700;
width:42px;height:42px;
display:flex;align-items:center;justify-content:center;
border-radius:50%;
}

.rank-1{background:#FFD700;}
.rank-2{background:#C0C0C0;}
.rank-3{background:#CD7F32;color:#fff;}

.player-avatar{
width:42px;height:42px;border-radius:50%;object-fit:cover;
}

.points-bar{
height:6px;background:#eee;border-radius:6px;overflow:hidden;
}

.points-bar span{
display:block;height:100%;
background:linear-gradient(90deg,#ff7a18,#ffb347);
}

.search-box{border-radius:30px;padding-left:18px;}

.loading{
position:fixed;inset:0;background:#0004;
display:none;align-items:center;justify-content:center;
z-index:9999;
}

/* PAGINATION */
.pagination-wrap{
padding:15px;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:10px;
}
.ranking-shell{max-width:1180px}.ranking-header{padding:1.25rem;border:1px solid #dfe9e5;border-radius:20px;background:linear-gradient(135deg,#fff,#f0fbf6);box-shadow:0 9px 30px rgba(23,51,43,.07)}.page-title{color:#17332b;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.025em}.ranking-search{width:min(100%,340px)}.ranking-search .input-group{box-shadow:0 5px 18px rgba(23,51,43,.06)}.ranking-search .form-control,.ranking-search .input-group-text{min-height:46px;border-color:#dfe9e5}.ranking-guide{border:1px solid #e1ebe7!important;border-radius:18px!important;background:#fff}.ranking-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:1rem;margin-bottom:1rem}.podium-card{position:relative;overflow:hidden;padding:1.15rem;border:1px solid #e0ebe6;border-radius:18px;background:#fff;text-align:center;box-shadow:0 7px 24px rgba(23,51,43,.07)}.podium-card:first-child{order:2;min-height:220px;border-color:#e8c84c;background:linear-gradient(180deg,#fffdf2,#fff)}.podium-card:nth-child(2){order:1;min-height:190px}.podium-card:nth-child(3){order:3;min-height:175px}.podium-position{position:absolute;top:.7rem;left:.7rem;font-size:1.4rem}.podium-avatar{width:76px;height:76px;margin:.35rem auto .65rem;border:4px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 6px 18px rgba(23,51,43,.15)}.podium-name{overflow:hidden;color:#203c32;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.podium-elo{margin-top:.35rem;color:#087f5b;font-size:1.2rem;font-weight:900}.podium-meta{margin-top:.25rem;color:#71827b;font-size:.75rem}.ranking-card{overflow:hidden;border:1px solid #dfe9e5!important;border-radius:20px;box-shadow:0 9px 30px rgba(23,51,43,.07)}.ranking-card thead th{padding:.9rem .8rem;color:#61736c;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.ranking-card tbody td{padding:.85rem .8rem;border-color:#edf2ef}.player-row.is-me{background:#effbf5}.player-row.is-me td:first-child{box-shadow:inset 3px 0 #087f5b}.player-avatar{width:48px;height:48px;border:2px solid #fff;box-shadow:0 3px 10px rgba(23,51,43,.13)}.rank-badge{width:40px;height:40px}.elo-value{color:#087f5b;font-size:1.08rem;font-weight:900}.player-stats{display:flex;gap:.7rem;color:#71827b;font-size:.75rem}.points-bar{min-width:90px;background:#e9f0ed}.points-bar span{background:linear-gradient(90deg,#087f5b,#3bc48d)}.pagination-wrap{border-top:1px solid #e7efeb}.pagination-wrap .btn,.pagination-wrap .page-ellipsis{display:grid;min-width:38px;min-height:38px;place-items:center;border-radius:10px!important}.ranking-share{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid #dfe9e5;border-radius:18px;background:#fff}.ranking-share__actions{display:flex;flex-wrap:wrap;gap:.4rem}.ranking-share__actions .btn{display:grid;width:40px;height:40px;min-height:40px;padding:0;place-items:center;border-radius:12px}.ranking-qr{width:90px;height:90px;object-fit:contain}.ranking-loading{position:absolute;inset:0;z-index:5;display:none;align-items:center;justify-content:center;background:rgba(255,255,255,.84);backdrop-filter:blur(3px)}.ranking-loading.is-visible{display:flex}.ranking-table-wrap{position:relative;min-height:180px}
@media(max-width:767.98px){.ranking-shell{padding-inline:10px}.ranking-header{padding:1rem}.ranking-header>.d-flex{align-items:flex-start!important;flex-direction:column}.ranking-search{max-width:none}.ranking-podium{gap:.5rem}.podium-card{padding:.8rem .45rem}.podium-card:first-child{min-height:195px}.podium-card:nth-child(2){min-height:170px}.podium-card:nth-child(3){min-height:160px}.podium-avatar{width:58px;height:58px}.podium-name{font-size:.82rem}.podium-elo{font-size:1rem}.podium-meta{font-size:.68rem}.ranking-card .table-responsive{overflow:visible}.ranking-table,.ranking-table tbody,.ranking-table tr,.ranking-table td{display:block;width:100%}.ranking-table thead{display:none}.ranking-table tr{position:relative;margin:.65rem;border:1px solid #e1ebe7;border-radius:15px;padding:.75rem;background:#fff}.ranking-table td{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.35rem!important;border:0!important}.ranking-table td:before{content:attr(data-label);color:#74867e;font-size:.75rem;font-weight:700}.ranking-table td:first-child{position:absolute;top:.7rem;right:.7rem;width:auto;padding:0!important}.ranking-table td:first-child:before,.ranking-table td:nth-child(2):before{display:none}.ranking-table td:nth-child(2){justify-content:flex-start;padding-right:3.2rem!important;padding-bottom:.75rem!important;border-bottom:1px solid #edf2ef!important}.ranking-table td:last-child{display:none}.pagination-wrap{justify-content:center}.pagination-wrap #page-info{width:100%;text-align:center}.ranking-share{align-items:flex-start;flex-direction:column}.ranking-share__actions{width:100%;justify-content:space-between}.ranking-share__actions .btn{flex:1}.ranking-qr-block{display:none}}