/* Shared logout control; native form works without JavaScript. */
html:root body .nf-logout-form{display:inline-flex!important;align-items:center;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;flex-shrink:0}
html:root body .nf-logout-form .nf-visible-logout{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px!important;border:1px solid #fa9aa9!important;border-radius:10px!important;background:#8e3046!important;color:#fff!important;font:700 14px/1.3 'Segoe UI',Arial,sans-serif!important;box-shadow:none!important;text-decoration:none;cursor:pointer;white-space:nowrap}
html:root body .nf-visible-logout:hover{background:#ad3854!important}
html:root body .nf-visible-logout:focus-visible{outline:3px solid #ffd18b;outline-offset:3px}
html:root body .nf-admin-topbar>.nf-logout-form{margin-left:auto!important}
html:root body .nf-site-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
html:root body.is-player-profile .portal-masthead{flex-wrap:wrap}
html:root body.is-player-profile .portal-masthead>.nf-logout-form{margin-left:auto!important}
html:root body.is-player-profile .portal-kicker{display:none!important}
.nf-ranking-page{margin:0;background:#0c1627;color:#edf4ff;font:15px/1.5 'Segoe UI',Arial,sans-serif;min-height:100vh}
.nf-ranking-page *{box-sizing:border-box}
.nf-ranking-page [hidden]{display:none!important}
.nf-ranking-page .nf-sitebar{max-width:1280px;margin:16px auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;border:1px solid #38516f;background:#14243a;border-radius:16px}
.nf-ranking-page .nf-sitebrand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-weight:800}
.nf-ranking-page .nf-sitebrand img{width:150px;height:auto;object-fit:contain}
.nf-ranking-page .nf-sitebrand small{display:block;font-size:10px;color:#b5c8e1;letter-spacing:1px}
.nf-ranking-page .nf-site-nav>a{color:#e7f0ff;text-decoration:none;padding:9px 12px;border-radius:8px;border:1px solid #46617e;background:#213753;font-size:13px;font-weight:600}
.nf-ranking-page .nf-site-nav>a[aria-current=page]{color:#ffe1b4;border-color:#b67c3b;background:#493325}
.nf-ranking-main{max-width:1200px;margin:32px auto 60px;padding:0 20px}
.nf-ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.nf-ranking-heading p{color:#ffbd76;font-size:11px;letter-spacing:1.5px;font-weight:700;margin:0 0 10px}
.nf-ranking-heading h1{font-size:clamp(24px,3vw,36px);line-height:1.2;margin:0 0 12px;letter-spacing:-.5px}
.nf-ranking-heading span,.nf-ranking-note p{color:#b8cce6;font-size:14px}
.nf-ranking-heading>a{color:#dceaff;text-decoration:none;border:1px solid #496581;padding:10px 15px;border-radius:9px;white-space:nowrap}
.nf-ranking-tabs{display:flex;gap:10px;padding:6px;border:1px solid #3a526f;border-radius:14px;background:#132239;margin-bottom:24px;max-width:530px}
.nf-ranking-tabs button{flex:1;min-height:47px;cursor:pointer;border:1px solid transparent;background:transparent;color:#c4d6ef;border-radius:10px;font:700 15px 'Segoe UI',Arial,sans-serif}
.nf-ranking-tabs button[aria-selected=true]{background:linear-gradient(125deg,#bc3b26,#db741d);color:#fff;border-color:#ffb36b;box-shadow:0 3px 10px #0003}
.nf-ranking-page :is(a,button,[tabindex]):focus-visible{outline:3px solid #ffd18b;outline-offset:3px}
.nf-ranking-note h2{font-size:20px;margin:0 0 5px}.nf-ranking-note p{margin:0 0 18px}
.nf-ranking-scroll{overflow:auto;border:1px solid #3b5575;border-radius:14px;background:#14243a;scrollbar-color:#789abf #152238}
.nf-ranking-scroll table{width:100%;border-collapse:collapse;min-width:800px;text-align:left;font-variant-numeric:tabular-nums}
.nf-ranking-scroll th,.nf-ranking-scroll td{padding:15px 18px;border-bottom:1px solid #304862;color:#deebff;vertical-align:middle;font-size:14px}
.nf-ranking-scroll thead th{background:#213953;color:#bcd1ee;font-size:11px;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}
.nf-ranking-scroll tbody tr:last-child>*{border-bottom:0}.nf-ranking-scroll tbody tr:nth-child(even){background:#192d46}.nf-ranking-scroll tbody tr:hover{background:#243d59}
.nf-ranking-scroll td:not(.nf-rank-task-name){white-space:nowrap}
.nf-rank-player{display:flex;align-items:center;gap:12px;min-width:150px}.nf-rank-player img{border-radius:11px;background:#dbe7f3;border:1px solid #90a9c7;object-fit:contain}.nf-rank-player span{color:#fff;font-weight:700;overflow-wrap:anywhere}
.nf-rank-position{display:grid;place-items:center;border:1px solid #55708e;background:#263e5b;border-radius:9px;width:34px;height:34px;font-weight:800;color:#e5f0ff}
.rank-place-1 .nf-rank-position{color:#ffdf8e;background:#594323;border-color:#c79746}.rank-place-2 .nf-rank-position{color:#e4edff;background:#394c68;border-color:#91a7c4}.rank-place-3 .nf-rank-position{color:#ffd3b3;background:#51372c;border-color:#c68c68}
.nf-ranking-scroll .nf-rank-total{color:#ffce8b;font-weight:800;font-size:15px}.nf-rank-task-name{min-width:280px;max-width:450px}.nf-rank-task-name strong{color:#fff;font-size:14px}.nf-ranking-scroll small{display:block;color:#b7cce7;font-size:12px;margin-top:5px;white-space:normal}
.nf-ranking-page .rr-section{margin-top:25px}.nf-ranking-page .rr-section,.nf-ranking-page .rr-card{color:#edf4ff}
@media(max-width:800px){.nf-ranking-page .nf-sitebar{margin:10px;flex-direction:column;align-items:stretch;gap:14px}.nf-ranking-page .nf-sitebrand{justify-content:center}.nf-ranking-page .nf-site-nav{justify-content:center}.nf-ranking-main{margin-top:24px;padding:0 12px}.nf-ranking-heading{align-items:flex-start}.nf-ranking-heading>a{font-size:12px;padding:8px}.nf-ranking-heading span{font-size:12px}.nf-ranking-scroll th,.nf-ranking-scroll td{padding:12px}.nf-ranking-tabs{max-width:none}}
.nf-rank-number summary{cursor:pointer;list-style:none;width:max-content}.nf-rank-number summary::-webkit-details-marker{display:none}.nf-rank-number>span{display:block;font-size:11px;color:#c3d5ed;margin-top:4px}.nf-rank-number summary:focus-visible{outline:2px solid #ffd18b;outline-offset:3px;border-radius:3px}


/* Wrap navigation like download buttons, keeping each label intact. */
html:root body.nroblue-page .forum-tabs{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:10px!important;overflow:visible!important;max-width:100%!important;min-width:0!important;padding:14px!important}
html:root body.nroblue-page .forum-tabs>:is(a,button){display:inline-flex!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;gap:7px!important;padding:12px 18px!important;min-height:44px!important;font-size:13px!important;line-height:1.4!important;grid-column:auto!important}
html:root body.nroblue-page .forum-tabs>:is(a,button) br{display:none!important}
html:root body.nroblue-page .forum-tabs>:is(a,button)>*{white-space:nowrap!important;flex-shrink:0}
@media(max-width:600px){html:root body.nroblue-page .forum-tabs{gap:8px!important;padding:12px 8px!important}html:root body.nroblue-page .forum-tabs>:is(a,button){padding:10px 12px!important;font-size:12px!important}}