.rank-page,.near-page{display:none;position:fixed;z-index:105;inset:0;overflow:auto;background:#f4f5f8}.rank-page.open,.near-page.open{display:block}.rank-page>header,.near-page>header{position:sticky;z-index:4;top:0;height:52px;display:grid;grid-template-columns:60px 1fr 60px;align-items:center;background:#fff;border-bottom:1px solid var(--line);text-align:center}.rank-page header button,.near-page header button{border:0;background:none;font-size:27px}.rank-page header span{color:#999;font-size:11px}.rank-tabs,.distance-tabs{display:flex;gap:7px;overflow:auto;padding:11px;background:#fff}.rank-tabs button,.distance-tabs button{border:0;border-radius:16px;padding:7px 12px;background:#f0f1f5;white-space:nowrap}.rank-tabs button.active,.distance-tabs button.active{background:var(--blue);color:#fff}.rank-page>div:last-child{max-width:720px;margin:auto}.rank-intro{display:flex;flex-direction:column;padding:14px 16px 17px;background:linear-gradient(135deg,#111b4d,#354db6);color:#fff}.rank-intro b{font-size:19px}.rank-intro span{margin-top:5px;font-size:12px;opacity:.9}.rank-intro small{margin-top:8px;font-size:10px;opacity:.56}.podium{display:flex;justify-content:center;align-items:flex-end;gap:10px;padding:31px 15px 22px;background:linear-gradient(#354db6,#5268d2);color:#fff}.podium article{display:flex;width:29%;flex-direction:column;align-items:center}.podium .p1{order:2;transform:translateY(-12px)}.podium .p2{order:1}.podium .p3{order:3}.podium article>div,.rank-list article>div,.near-list article>div{border-radius:50%;background:linear-gradient(150deg,var(--c1),var(--c2));background-position:center;background-size:cover}.podium article>div{width:68px;height:68px;border:3px solid #fff}.podium article i{font-size:20px;color:#ffd35f}.podium article b{margin-top:7px;font-size:12px}.podium article span{opacity:.78;font-size:10px}.rank-list,.near-list{padding:12px}.rank-list article,.near-list article{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:11px;border-radius:12px;background:#fff}.rank-list strong{width:22px;text-align:center}.rank-list article>div,.near-list article>div{width:45px;height:45px}.rank-list span,.near-list span{display:flex;flex:1;flex-direction:column}.rank-list small,.near-list small{margin-top:4px;color:#999}.rank-list em,.near-list em{color:#ef5260;font-style:normal}.rank-list em{display:flex;flex-direction:column;align-items:flex-end;font-weight:700}.rank-list em small{margin:0 0 2px;font-size:9px;font-weight:400}.near-page>header{grid-template-columns:45px 1fr 45px;padding:0 8px}.near-page header input{border:0;border-radius:18px;padding:9px 13px;background:#f1f2f5;outline:0}.fake-map{position:relative;height:48vh;min-height:310px;overflow:hidden;background-color:#e3eadf;background-image:linear-gradient(28deg,transparent 46%,#fff 47%,#fff 52%,transparent 53%),linear-gradient(112deg,transparent 46%,#c6d7ec 47%,#c6d7ec 52%,transparent 53%);background-size:120px 95px,190px 150px}.fake-map button{position:absolute;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50% 50% 50% 5px;padding:7px;background:#344dc2;color:#fff;box-shadow:0 2px 7px #59606e;rotate:-45deg}.fake-map button::first-line{rotate:45deg}.near-count{padding:10px 14px;background:#273d9e;color:#fff;text-align:center;font-size:12px}.near-list{max-width:720px;margin:auto}
.map-area{position:absolute;z-index:2;top:12px;left:12px;padding:7px 11px;border-radius:16px;background:rgba(255,255,255,.94);color:#314156;font-size:11px;box-shadow:0 3px 12px rgba(31,47,72,.14)}.map-scale{position:absolute;z-index:2;right:12px;bottom:10px;padding-top:3px;border-top:2px solid #4a596b;color:#4a596b;font-size:9px}.fake-map button span{display:block;rotate:45deg;white-space:nowrap}.near-list article{box-shadow:0 3px 12px rgba(25,34,68,.06)}.near-list article span b{display:flex;align-items:center;gap:6px}.near-list article span b i{padding:3px 6px;border-radius:8px;background:#eaf8f1;color:#268c5a;font-size:9px;font-style:normal;font-weight:400}.near-list article em{display:flex;flex-direction:column;align-items:flex-end;font-weight:700}.near-list article em small{margin:0 0 2px;font-size:9px;font-weight:400}.near-empty{padding:65px 20px;text-align:center;color:#9ba0ab}.near-empty b{font-size:42px;color:#cbd1dc}.near-empty h3{margin:10px 0 5px;color:#3e4350}.near-empty p{font-size:12px}