/* Scoped to rankings: no changes to the home page, profile or village hero. */
.th3-rank-panel-v282[hidden]{display:none!important}
.th3-rank-switch-v282[data-enhanced] .th3-r3rank-master{position:relative;isolation:isolate}
.th3-rank-switch-v282[data-enhanced] .th3-r3rank-master:before{content:'';position:absolute;z-index:-1;top:5px;bottom:5px;left:5px;width:calc((100% - 18px)/2);border-radius:11px;background:linear-gradient(180deg,rgba(var(--rank-rgb),.22),rgba(var(--rank-rgb),.07));box-shadow:inset 0 0 0 1px rgba(var(--rank-rgb),.4);transition:transform .2s ease}
.th3-rank-switch-v282[data-enhanced][data-ranking-mode="ninja"] .th3-r3rank-master:before{transform:translateX(calc(100% + 8px))}
.th3-rank-switch-v282[data-enhanced] .th3-r3rank-master a.is-active{background:transparent;box-shadow:none}
.th3-rank-panel-v282.is-entering{animation:th3-rank-enter-v282 .18s ease-out}
@keyframes th3-rank-enter-v282{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.th3-rank-panel-v282.is-entering{animation:none}.th3-rank-switch-v282[data-enhanced] .th3-r3rank-master:before{transition:none}}
body.th3-ranking-page-v281 article.page > .entry-header,
body.th3-ranking-page-v281 .ast-page-title-wrap{display:none!important}
body.th3-ranking-page-v281 #primary{margin-top:0!important;padding-top:0!important}
body.th3-ranking-page-v281 article.page{padding-top:0!important}
.th3-rank-v278 .th3-rank-village-title{justify-content:flex-start;padding:12px;gap:10px}
.th3-rank-v278 .th3-rank-village-title strong{font-size:24px}
.th3-rank-v278 .th3-rank-village-title strong:before{content:'·';margin-right:10px}
.th3-rank-v278 .th3-r3rank-head.th3-r3rank-head-v281{display:block;padding:0 4px 8px;margin-bottom:8px}
.th3-rank-v278 .th3-r3rank-head-v281 .th3-r3rank-periods{margin:0;display:flex;width:100%}
.th3-rank-v278 .th3-r3rank-head-v281 .th3-r3rank-periods a{flex:1;min-height:40px}
.th3-rank-v278 .th3-r3rank-help-v281{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;padding:4px}
.th3-rank-v278 .th3-r3rank-help-v281 details{margin:0;flex:1 1 160px}
.th3-rank-v278 .th3-r3rank-help-v281 details[open]{flex-basis:100%}
.th3-rank-v278 .th3-r3rank-help-v281 a[href="#th3-r3-me-v277"]{margin-top:4px;font-size:12px;min-height:36px}
/* v279: full Ninja layout, including pages where QG's legacy CSS is absent. */
.th3-rank-v278 .th3-rank-avatar-v280{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;border:1px solid rgba(var(--rank-rgb),.5);background:rgba(var(--rank-rgb),.14);color:var(--rank-light);font:600 20px/1 Arial,sans-serif}
.th3-rank-v278 .th3-rank-avatar-v280 .th3-rank-initial-v280{display:block;color:var(--rank-light)!important}
.th3-rank-v278 .th3-qg-ranking-row .th3-rank-avatar-v280 img{position:absolute!important;inset:0;width:100%!important;height:100%!important;border:0!important;opacity:0}
.th3-rank-v278 .th3-rank-avatar-v280.has-avatar img{opacity:1}
.th3-rank-v278 .th3-rank-avatar-v280.has-avatar .th3-rank-initial-v280{visibility:hidden}
.th3-rank-v278 .th3-rank-rules-v280{margin:5px 0}
.th3-rank-v278 .th3-qg-ranking-page{display:block;padding:8px;color:#f2f4f3}
.th3-rank-v278 .th3-qg-section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;border-bottom:1px solid rgba(var(--rank-rgb),.25)}
.th3-rank-v278 .th3-qg-section-kicker{display:block;font-size:10px;letter-spacing:.12em}
.th3-rank-v278 .th3-qg-section-toolbar h2{margin:5px 0;font:600 26px/1.2 Georgia,serif}
.th3-rank-v278 .th3-qg-section-toolbar p{margin:6px 0}
.th3-rank-v278 .th3-qg-ranking-list{display:grid!important;width:100%;min-width:0;align-items:stretch}
.th3-rank-v278 a.th3-qg-ranking-row{display:grid;grid-template-columns:38px 48px minmax(0,1fr) 90px;align-items:center;gap:10px;min-width:0;min-height:68px;margin:0;padding:10px 12px;border:1px solid rgba(var(--rank-rgb),.25);border-radius:14px;color:#f2f4f3!important;text-decoration:none!important;float:none;width:auto;line-height:1.35}
.th3-rank-v278 a.th3-qg-ranking-row.is-podium{display:flex;align-items:center;justify-content:center;min-height:0;border-radius:14px}
.th3-rank-v278 .th3-qg-ranking-row img{display:block!important;float:none!important;position:static!important;width:44px!important;height:44px!important;max-width:none!important;margin:0!important;padding:0!important;border:1px solid rgba(var(--rank-rgb),.5)!important;border-radius:50%!important;object-fit:cover;flex-shrink:0}
.th3-rank-v278 .th3-qg-ranking-row.is-podium img{align-self:center}
.th3-rank-v278 .th3-qg-rank-pos{display:block;text-align:center;font:600 19px/1.2 Georgia,serif}
.th3-rank-v278 .th3-qg-ranking-user{display:flex;flex-direction:column;gap:3px;min-width:0}
.th3-rank-v278 .th3-qg-ranking-user strong{display:block;font-size:13px;line-height:1.3;color:#f2f4f3!important}
.th3-rank-v278 .th3-qg-ranking-user span{display:block;font-size:11px;line-height:1.4;color:var(--rank-light)!important}
.th3-rank-v278 .th3-qg-ranking-score{text-align:right;min-width:0}
.th3-rank-v278 .th3-qg-ranking-score strong{display:block;font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.th3-rank-v278 .th3-qg-ranking-score small{display:block;color:var(--rank-light)!important;font-size:10px;line-height:1.3}
.th3-rank-v278 a.th3-qg-ranking-row:hover{border-color:var(--rank-light);text-decoration:none!important}
.th3-rank-v278 .th3-qg-empty-state{padding:24px 12px;border:1px dashed rgba(var(--rank-rgb),.35);border-radius:14px;text-align:center;color:#abb6b5}
.th3-rank-v278 .th3-qg-empty-state strong,.th3-rank-v278 .th3-qg-empty-state span{display:block}
.th3-rank-v278{--th3-theme-primary:var(--rank-primary);--th3-theme-accent:var(--rank-light);color:#f2f4f3;background:#060a0b;border-radius:20px;min-width:0;color-scheme:dark}
.th3-rank-v278 *{box-sizing:border-box}
.th3-rank-village-title{padding:16px 14px 8px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(var(--rank-rgb),.25)}
.th3-rank-village-title small{color:var(--rank-light);font-size:11px;letter-spacing:.12em}
.th3-rank-village-title strong{color:var(--rank-light);font:600 25px/1.3 Georgia,serif}
.th3-rank-v278 a:focus-visible,.th3-rank-v278 button:focus-visible,.th3-rank-v278 select:focus-visible,.th3-rank-v278 summary:focus-visible{outline:2px solid var(--rank-light)!important;outline-offset:3px}
.th3-rank-v278 .th3-r3rank{min-height:0;--r3:var(--rank-primary);--r3b:var(--rank-light)}
.th3-rank-v278 .th3-r3rank-head{padding:12px;align-items:flex-start}
.th3-rank-v278 .th3-r3rank-head h2{font-size:26px!important}
.th3-rank-v278 .th3-r3rank-head p,.th3-rank-v278 .th3-qg-section-toolbar p{font-size:12px;line-height:1.5;color:#abb6b5}
.th3-rank-v278 details{margin:8px 0;font-size:12px;color:#abb6b5}
.th3-rank-v278 summary{color:var(--rank-light);cursor:pointer;padding:5px 0}
.th3-rank-v278 a[href="#th3-r3-me-v277"],.th3-rank-v278 a[href="#th3-ninja-me-v277"]{display:inline-flex;align-items:center;min-height:40px;padding:7px 12px;margin-top:8px;border:1px solid rgba(var(--rank-rgb),.5);border-radius:999px;background:rgba(var(--rank-rgb),.1);color:var(--rank-light)!important;text-decoration:none}
.th3-rank-v278 .th3-r3rank-master,.th3-rank-v278 .th3-r3rank-periods,.th3-rank-v278 .th3-r3rank-filters,.th3-rank-v278 .th3-r3rank-summary article,.th3-rank-v278 .th3-r3rank-list>article,.th3-rank-v278 .th3-r3rank-note{border-color:rgba(var(--rank-rgb),.23)}
.th3-rank-v278 .th3-r3rank-filters{display:flex;flex-wrap:wrap;align-items:end}
.th3-rank-v278 .th3-r3rank-filters label{flex:1 1 135px;min-width:0}
.th3-rank-v278 .th3-r3rank-filters select{border-color:rgba(var(--rank-rgb),.4)!important;font-size:12px!important}
.th3-rank-v278 .th3-r3rank-filters button{min-height:40px}
.th3-rank-v278 .th3-r3rank-podium{grid-template-columns:repeat(3,minmax(0,1fr))}
.th3-rank-v278 .th3-r3rank-podium article{display:flex;flex-direction:column;text-align:center;justify-content:center;gap:7px;padding:22px 8px 12px;border-color:rgba(var(--rank-rgb),.25);background:linear-gradient(180deg,rgba(var(--rank-rgb),.08),#080d0e)}
.th3-rank-v278 .th3-r3rank-podium article.is-1{border-color:rgba(var(--rank-rgb),.8);background:linear-gradient(180deg,rgba(var(--rank-rgb),.23),#080d0e)}
.th3-rank-v278 .th3-r3rank-podium article.is-2{border-color:rgba(var(--rank-rgb),.5);background:linear-gradient(180deg,rgba(var(--rank-rgb),.14),#080d0e)}
.th3-rank-v278 .th3-r3rank-podium article>div{max-width:100%;min-width:0}
.th3-rank-v278 .th3-r3rank-podium div em{display:none}
.th3-rank-v278 .th3-r3rank-podium div small{font-size:10px;color:var(--rank-light)}
.th3-rank-v278 .th3-r3rank-shogun{position:static;font-size:9px}
.th3-rank-v278 .th3-r3rank-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.th3-rank-v278 .th3-r3rank-summary article{grid-column:auto!important;padding:10px;min-width:0}
.th3-rank-v278 .th3-r3rank-summary small{font-size:10px;color:#abb6b5}
.th3-rank-v278 .th3-r3rank-user strong{font-size:13px}
.th3-rank-v278 .th3-r3rank-user span,.th3-rank-v278 .th3-r3rank-user small,.th3-rank-v278 .th3-r3rank-me div small{font-size:10px;color:var(--rank-light)}
.th3-rank-v278 .th3-r3rank-score small{font-size:9px;color:#abb6b5}
.th3-rank-v278 .th3-r3rank-me{border-color:var(--rank-primary)}
.th3-rank-v278 .th3-qg-ranking-page{min-height:0}
.th3-rank-v278 .th3-qg-section-toolbar{padding:12px;border-color:rgba(var(--rank-rgb),.3)}
.th3-rank-v278 .th3-qg-section-kicker,.th3-rank-v278 .th3-qg-section-toolbar h2,.th3-rank-v278 .th3-qg-rank-pos,.th3-rank-v278 .th3-qg-ranking-score strong{color:var(--rank-light)!important}
.th3-rank-v278 .th3-qg-ranking-row{border-color:rgba(var(--rank-rgb),.23);background:#080d0e}
.th3-rank-v278 .th3-qg-ranking-row.is-podium{background:rgba(var(--rank-rgb),.08);border-color:rgba(var(--rank-rgb),.4)}
.th3-rank-v278 .th3-qg-ranking-row:first-child{background:rgba(var(--rank-rgb),.18);border-color:rgba(var(--rank-rgb),.7)}
.th3-rank-v278 .th3-qg-ranking-row.is-me{outline-color:var(--rank-primary)!important;box-shadow:inset 3px 0 var(--rank-primary)}
.th3-rank-v278 .th3-qg-ranking-user strong{overflow-wrap:anywhere}
.th3-rank-v278 .th3-qg-ranking-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.th3-rank-v278 .th3-qg-ranking-row{grid-column:1/-1}
.th3-rank-v278 .th3-qg-ranking-row.is-podium{grid-column:auto;display:flex;flex-direction:column;gap:7px;padding:12px 6px;text-align:center;min-width:0}
.th3-rank-v278 .th3-qg-ranking-row.is-podium .th3-qg-ranking-score{text-align:center}
.th3-rank-v278 .th3-qg-ranking-row.is-podium .th3-qg-ranking-user{width:100%}
.th3-rank-v278 .th3-qg-ranking-row.is-podium .th3-qg-ranking-user strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.th3-rank-v278 .th3-qg-ranking-row.is-podium:nth-child(2){background:rgba(var(--rank-rgb),.12);border-color:rgba(var(--rank-rgb),.5)}
@media(max-width:760px){
 .th3-rank-v278 .th3-rank-avatar-v280{width:34px;height:34px;font-size:17px}
 .th3-rank-v278 .th3-r3rank-summary article{padding:9px 7px}
 .th3-rank-v278 .th3-r3rank-summary strong{font-size:18px}
 .th3-rank-v278 .th3-r3rank-podium{gap:6px}
 .th3-rank-v278 .th3-r3rank-podium img{width:44px!important;height:44px!important}
 .th3-rank-v278 .th3-r3rank-podium h3{font-size:11px!important}
 .th3-rank-v278 .th3-r3rank-list>article{grid-template-columns:28px 36px minmax(0,1fr) minmax(58px,auto);gap:6px;min-height:62px;padding:8px}
 .th3-rank-v278 .th3-r3rank-list img{width:34px!important;height:34px!important}
 .th3-rank-v278 .th3-r3rank-score strong{font-size:14px;overflow-wrap:anywhere}
 .th3-rank-v278 .th3-r3rank-me{grid-template-columns:28px 34px minmax(0,1fr) auto;gap:6px}
 .th3-rank-v278 .th3-r3rank-me img{width:32px!important;height:32px!important}
 .th3-rank-v278 a.th3-qg-ranking-row{min-height:62px;grid-template-columns:28px 36px minmax(0,1fr) 62px;gap:6px;padding:8px}
 .th3-rank-v278 .th3-qg-ranking-row img{width:34px!important;height:34px!important}
}
