.pn-rank-wrap{padding-bottom:72px}.pn-rank{--rank-accent:var(--pn-accent,#08774f);color:#23343a;font-size:16px;line-height:1.6}.pn-rank *{box-sizing:border-box}.pn-rank a{color:inherit;text-decoration:none}.pn-rank-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;font-size:14px;color:#637570}.pn-rank-connected{display:inline-flex;gap:10px;align-items:center;color:var(--rank-accent);font-weight:600}.pn-rank-connected>span{width:8px;height:8px;background:currentColor;border-radius:50%;box-shadow:0 0 0 5px #e9f3ed}.pn-rank-tabs{display:flex;gap:8px;border-bottom:1px solid #dfe7e3;margin-bottom:28px}.pn-rank-tabs>a{padding:14px 26px;border-bottom:3px solid transparent;font-size:19px;font-weight:700;white-space:nowrap}.pn-rank-tabs>a[aria-current=page]{border-color:var(--rank-accent);color:var(--rank-accent)}.pn-rank-filters{display:flex;align-items:end;gap:14px;padding:24px;background:#f5f8f6;border:1px solid #e5ebe7;border-radius:18px;margin-bottom:38px}.pn-rank-filters label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;min-width:0;flex:1}.pn-rank-filters .pn-rank-course-select{flex:2}.pn-rank-filters select{width:100%;height:48px;border:1px solid #d6e0d9;border-radius:9px;background:#fff;padding:0 32px 0 12px;color:#263c35;font:inherit;text-overflow:ellipsis}.pn-rank-filters button,.pn-rank .pn-rank-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border:0;border-radius:9px;background:var(--rank-accent);color:#fff;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.pn-rank-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 22px}.pn-rank-heading p{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--rank-accent);margin:0 0 8px}.pn-rank-heading h2{font-size:28px;line-height:1.4;margin:0 0 8px;letter-spacing:-.04em}.pn-rank-heading h3{font-size:21px;margin:0}.pn-rank-heading span,.pn-rank-heading>a{font-size:14px;color:#697b74}.pn-rank-heading>span{white-space:nowrap}.pn-rank-my{display:flex;align-items:center;gap:24px;background:#edf5ef;padding:24px 28px;border:1px solid #d9e8dd;border-radius:15px;margin:0 0 22px}.pn-rank-my>div:first-child{display:flex;align-items:center;gap:18px}.pn-rank-my strong{font-size:27px;color:var(--rank-accent)}.pn-rank-my>a{margin-left:auto;font-size:14px;font-weight:600}.pn-rank-note{padding:16px 20px;border-radius:10px;background:#f3f6f4;font-size:14px;color:#587063;margin-bottom:22px}.pn-rank-empty{text-align:center;padding:52px 24px;border:1px solid #e3eae5;border-radius:18px;background:#fff}.pn-rank-symbol{display:flex;margin:0 auto 20px;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:#edf5ef;color:var(--rank-accent);font-size:29px}.pn-rank-empty h2,.pn-rank-empty h3{font-size:24px;line-height:1.4;margin:0 0 12px;letter-spacing:-.03em}.pn-rank-empty p{font-size:16px;color:#6e7e76;line-height:1.85;margin:0 0 24px}.pn-rank-table-scroll{overflow:auto;border:1px solid #e0e8e2;border-radius:15px}.pn-rank-table{width:100%;border-collapse:collapse;text-align:left;min-width:420px}.pn-rank-table caption{padding:15px 20px;text-align:left;font-size:13px;color:#6e7e76;background:#f7f9f7}.pn-rank-table thead{background:#f0f5f1}.pn-rank-table :is(th,td){padding:20px 24px;border-bottom:1px solid #e7ece8;font-size:16px;vertical-align:middle}.pn-rank-table thead th{font-size:14px;color:#64776b;font-weight:500;white-space:nowrap}.pn-rank-table tbody th{font-weight:600}.pn-rank-table tr:last-child :is(th,td){border-bottom:0}.pn-rank-place{font-size:20px;font-variant-numeric:tabular-nums}.pn-rank-leading{color:var(--rank-accent)}.pn-rank-nickname{overflow-wrap:anywhere}.pn-rank-score{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.pn-rank-is-me{background:#edf7ee}.pn-rank-me-badge{display:inline-block;border-radius:5px;padding:1px 6px;background:var(--rank-accent);color:#fff;margin-left:8px;font-size:11px}.pn-rank-pager{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px;font-size:14px}.pn-rank-pager a{padding:8px 14px;border:1px solid #dce6de;border-radius:8px}.pn-rank-rules{border-top:1px solid #e2e9e4;margin-top:36px;padding-top:22px;font-size:14px;color:#718078}.pn-rank-rules summary{cursor:pointer;color:#394e41;font-size:16px;font-weight:600}.pn-rank-rules ul{padding-left:21px;margin:14px 0;list-style:disc}.pn-rank-rules li{margin:7px 0}.pn-rank-rules>a{color:var(--rank-accent)}.pn-rank-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pn-rank-stats>div{border:1px solid #e0e8e2;border-radius:15px;padding:26px}.pn-rank-stats span{display:block;font-size:14px;color:#6e7e76}.pn-rank-stats strong{display:block;font-size:30px;line-height:1.4;margin-top:12px;color:var(--rank-accent)}.pn-rank-stats small{font-size:16px;margin-left:5px}.pn-rank-personal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pn-rank-personal-list>a{display:flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid #e0e8e2;border-radius:14px;padding:24px}.pn-rank-personal-list h3{font-size:18px;line-height:1.5;margin:5px 0;overflow-wrap:anywhere}.pn-rank-personal-list span,.pn-rank-personal-list small{font-size:13px;color:#6a7c70}.pn-rank-personal-list strong{display:block;font-size:24px;color:var(--rank-accent);white-space:nowrap}.pn-rank :is(a,button,select):focus-visible{outline:3px solid #80b497;outline-offset:3px}.app-shell .pn-rank{margin-top:24px}.app-shell .pn-rank-tabs>a{padding:12px 16px;font-size:17px}.app-shell .pn-rank-filters{flex-wrap:wrap}.app-shell .pn-rank-personal-list{grid-template-columns:1fr}.app-shell .pn-rank-stats{gap:10px}.app-shell .pn-rank-stats>div{padding:18px}
@media(max-width:767px){.pn-rank-wrap{padding-bottom:44px}.pn-rank-top{font-size:12px;gap:12px}.pn-rank-tabs{gap:0;margin-bottom:20px}.pn-rank-tabs>a,.app-shell .pn-rank-tabs>a{flex:1;text-align:center;font-size:16px;padding:12px 6px}.pn-rank-filters{padding:18px;gap:12px;flex-wrap:wrap;margin-bottom:28px}.pn-rank-filters label{flex:1 1 40%}.pn-rank-filters .pn-rank-course-select{flex:1 1 100%}.pn-rank-filters button{width:100%}.pn-rank-heading{align-items:flex-start;gap:12px}.pn-rank-heading h2{font-size:22px}.pn-rank-heading h3{font-size:18px}.pn-rank-heading>span,.pn-rank-heading>a{font-size:12px}.pn-rank-empty{padding:36px 18px}.pn-rank-empty h2,.pn-rank-empty h3{font-size:21px}.pn-rank-empty p{font-size:14px}.pn-rank-my{padding:18px;gap:12px;flex-wrap:wrap}.pn-rank-my>div{font-size:14px}.pn-rank-my>a{width:100%;margin:0}.pn-rank-table{min-width:0}.pn-rank-table :is(th,td){padding:16px 10px;font-size:14px}.pn-rank-table thead th{font-size:12px}.pn-rank-table caption{padding:12px 10px;font-size:12px}.pn-rank-table :is(th,td):first-child{width:48px}.pn-rank-table :is(th,td):last-child{white-space:nowrap}.pn-rank-stats{gap:8px}.pn-rank-stats>div,.app-shell .pn-rank-stats>div{padding:16px 10px}.pn-rank-stats span{font-size:11px;min-height:36px}.pn-rank-stats strong{font-size:22px}.pn-rank-personal-list{grid-template-columns:1fr}.pn-rank-personal-list>a{padding:20px}.pn-rank-rules{font-size:13px}}

.pn-rank-stats-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-rank-stats-pair p{font-size:14px;margin:14px 0 8px}.pn-rank-stats-pair small{font-size:13px;margin:0}.pn-rank-stats-pair a{display:block;margin-top:14px;font-size:14px;color:var(--rank-accent)}
@media(max-width:480px){.pn-rank-stats-pair{grid-template-columns:1fr}.pn-rank-stats-pair span{min-height:0}.pn-rank-stats-pair>div{padding:22px}}