.bf-ranks{position:absolute;inset:0;z-index:80;box-sizing:border-box;border:2px solid #b7a16a;border-radius:12px;background:linear-gradient(150deg,#faf7e9,#f0f1e3 60%,#e2eadc);color:#224d50;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-family,serif);user-select:none;-webkit-user-select:none}
.bf-ranks [hidden]{display:none!important}.bf-ranks *{box-sizing:border-box}.bf-ranks button{font:inherit;cursor:pointer;color:inherit;border:1px solid #b3ac83;border-radius:7px;background:#f6f4e8;padding:9px 13px}.bf-ranks button:focus-visible{outline:2px solid #407f83;outline-offset:2px}.bf-ranks button:disabled{opacity:.5}
.bf-ranks>header{display:grid;grid-template-columns:55px 1fr 55px;align-items:center;gap:8px;padding:17px 14px;background:linear-gradient(115deg,#173c40,#23595c);color:#f4e7ba;border-bottom:2px solid #bba671}.bf-ranks>header>div{text-align:center;min-width:0}.bf-ranks>header h2{margin:0 0 5px;font-size:26px;font-weight:normal;letter-spacing:3px}.bf-ranks>header p{font-size:13px;margin:0;line-height:1.5}.bf-ranks>header button{background:#ffffff08;color:#eadfbd;padding:8px 0;min-height:42px}.bf-ranks>nav{display:flex;gap:8px;padding:12px 14px 8px}.bf-ranks>nav button{flex:1;font-size:18px}.bf-ranks>nav [aria-selected=true]{background:#235356;color:#faf0cd;border-color:#a48f5d;box-shadow:inset 0 0 0 2px #ffffff12}
.bf-ranks-board{display:flex;flex:1;min-height:0;flex-direction:column;padding:4px 14px 0;gap:10px}.bf-ranks-self{position:relative;display:flex;align-items:center;gap:22px;min-height:154px;padding:16px 18px;border:1px solid #c2b488;border-radius:9px;background:radial-gradient(ellipse at 0 100%,#cbded76b,transparent 75%),#fffaf066;flex:none}.bf-ranks-self-details{min-width:0;flex:1}.bf-ranks-self-details h3{font-size:25px;font-weight:normal;margin:3px 0}.bf-ranks-self-details small{font-size:12px;color:#677e77}.bf-ranks-stars{color:#b78b35;font:20px/1.4 serif;letter-spacing:2px}.bf-ranks-points{font-size:17px;margin:3px 0 6px}.bf-ranks-self progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:5px;background:#d6d2bb;overflow:hidden}.bf-ranks-self progress::-webkit-progress-bar{background:#d6d2bb}.bf-ranks-self progress::-webkit-progress-value{background:linear-gradient(90deg,#487e7a,#7ba7a0);border-radius:5px}.bf-ranks-self progress::-moz-progress-bar{background:#64968c}.bf-ranks-next{display:block;text-align:right;margin-top:3px}.bf-ranks-position{position:absolute;right:12px;top:12px;font-size:12px;color:#8b7540}
.bf-rank-badge{--rank:#a38159;color:var(--rank);flex:none;display:inline-grid;place-items:center;width:24px;height:24px;font:24px/1 serif;position:relative;margin:4px}.bf-rank-badge:before,.bf-rank-badge:after{content:"";position:absolute;inset:0;border:1px solid currentColor;transform:rotate(45deg);border-radius:3px}.bf-rank-badge:before{background:linear-gradient(135deg,#ffffffb0,#ffffff00)}.bf-rank-badge:after{inset:3px;opacity:.45}.bf-rank-badge[data-tier=silver]{--rank:#7a9b95}.bf-rank-badge[data-tier=gold]{--rank:#b1944b}.bf-rank-badge[data-tier=platinum]{--rank:#599da6}.bf-rank-badge[data-tier=diamond]{--rank:#477eae}.bf-rank-badge[data-tier=stellar]{--rank:#8b70aa}.bf-rank-badge[data-tier=king]{--rank:#a38941}.bf-ranks-self>.bf-rank-badge{width:58px;height:58px;font-size:52px;margin:12px}.bf-ranks-self>.bf-rank-badge:after{inset:7px}
.bf-ranks-heading{display:flex;align-items:center;justify-content:space-between;flex:none}.bf-ranks-heading h3{font-size:18px;letter-spacing:2px;font-weight:normal;margin:0}.bf-ranks-heading button{font-size:12px;padding:4px 10px;background:transparent}.bf-ranks-table{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid #b6c1a7;border-radius:8px;overflow:hidden}.bf-ranks-columns,.bf-ranks-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(126px,1fr);gap:5px;align-items:center;padding:10px 9px}.bf-ranks-columns{font-size:12px;background:#dbe3d0;color:#58706a;text-align:center;flex:none}.bf-ranks-list{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;flex:1;min-height:0;background:#fffdf84a}.bf-ranks-list::-webkit-scrollbar,.bf-ranks-rewards::-webkit-scrollbar{display:none}.bf-ranks-row{border-bottom:1px solid #c1c8b354;min-height:65px}.bf-ranks-place{text-align:center;font-weight:normal;font-size:22px;color:#8d7945}.bf-ranks-person{min-width:0}.bf-ranks-person strong{display:block;font-size:15px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-ranks-person small{font:11px/1.5 sans-serif;color:#72887b}.bf-ranks-rank{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:13px;white-space:nowrap}.bf-ranks-row[data-place="1"]{background:#e9cf8633}.bf-ranks-row[data-place="2"]{background:#c6d6d63b}.bf-ranks-row[data-place="3"]{background:#b6a6ca22}.bf-ranks-own{background:#dce8dc;border:1px solid #acbba1;border-radius:7px;flex:none}.bf-ranks-own .bf-ranks-row{border:0;min-height:55px}.bf-ranks-empty{text-align:center;line-height:2;white-space:pre-line;padding:30px 8px;font-size:14px;color:#77897b}.bf-ranks-status{min-height:20px;font-size:12px;text-align:center;margin:7px 8px;color:#7e826b;flex:none}
.bf-ranks-rewards{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;padding:8px 14px 15px}.bf-ranks-rewards>h3{text-align:center;font-size:23px;font-weight:normal;margin:5px 0}.bf-ranks-note{text-align:center;color:#687d6c;font-size:12px;line-height:1.7;margin:6px 0 12px}.bf-ranks-reward{border:1px solid #c1b383;border-radius:9px;padding:10px 14px;margin:12px 0;background:#faf3dd66}.bf-ranks-reward[data-tier="2"]{background:#d8e4e466}.bf-ranks-reward[data-tier="3"]{background:#e1ddeb66}.bf-ranks-reward[data-tier=top10]{background:#dde8d866}.bf-ranks-reward h4{font-size:19px;font-weight:normal;margin:0 0 4px}.bf-ranks-reward-art{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:14px}.bf-ranks-frame{position:relative;width:78px;height:78px;margin:6px;background:#1c5255;border-radius:50%;display:grid;place-items:center;color:#f1e3b8;font-size:28px}.bf-ranks-frame img{position:absolute;width:112%;height:112%;left:-6%;top:-6%;object-fit:contain}.bf-ranks-title{width:100%;max-height:78px;object-fit:contain}.bf-ranks-reward>p{font-size:12px;text-align:right;margin:3px 0;color:#6b7a67}
.bf-ranks-dialog{max-width:90%;width:420px;max-height:85%;overflow:auto;color:#244e4e;background:#f6f3e4;border:1px solid #ad9d68;border-radius:10px;padding:20px;line-height:1.8}.bf-ranks-dialog::backdrop{background:#15393b66}.bf-ranks-dialog h3{margin:0}.bf-ranks-dialog p{font-size:14px}.bf-ranks-dialog button{display:block;margin:auto}
@media(max-width:360px){.bf-ranks-board{padding-inline:9px}.bf-ranks-self{gap:12px;padding:14px 9px}.bf-ranks-self>.bf-rank-badge{width:44px;height:44px;font-size:40px;margin:10px}.bf-ranks-columns,.bf-ranks-row{grid-template-columns:30px minmax(0,1fr) minmax(116px,1fr);padding-inline:6px;gap:3px}.bf-ranks-rank{font-size:12px;gap:4px}.bf-ranks-rank .bf-rank-badge{width:18px;height:18px;font-size:20px}.bf-ranks-reward-art{grid-template-columns:76px minmax(0,1fr);gap:9px}.bf-ranks-frame{width:66px;height:66px}.bf-ranks-rewards{padding-inline:10px}}

.bf-ranks-self{min-height:138px}.bf-ranks-self [data-tier-help]{position:absolute;right:10px;top:10px;border-radius:50%;width:28px;height:28px;padding:0;font:18px Georgia,serif}
.bf-ranks-reward h4{text-align:center}.bf-ranks-reward-art{grid-template-columns:64px minmax(0,148px);justify-content:center;gap:18px}.bf-ranks-frame{width:56px;height:56px;font-size:23px}.bf-ranks-title{max-height:60px}.bf-ranks-reward>p{text-align:center;line-height:1.8;min-height:22px;white-space:pre-line}.bf-ranks-reward[data-tier=top50]{background:#e0e8e466}
.bf-ranks-tier-rewards{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin:16px 0}.bf-ranks-tier-rewards dd{margin:0;text-align:right}

/* Compact season presentation; match the jade dialogs rather than browser defaults. */
.bf-ranks>header h2{margin:0}.bf-ranks-status:empty{display:none}
#game-overlay-root dialog.bf-ranks-dialog,.bf-ranks .bf-ranks-dialog{font-family:KaiTi,STKaiti,"Noto Serif SC",serif!important;background:linear-gradient(145deg,#f6f3e4,#e0e8d5)!important;border:1px solid #b49c62!important;border-radius:12px!important;box-shadow:inset 0 0 0 3px #d4c59455,0 8px 28px #132c3040;padding:22px!important}
#game-overlay-root dialog.bf-ranks-dialog>button,.bf-ranks .bf-ranks-dialog>button{display:block;min-width:130px;min-height:42px;margin:18px auto 0!important;padding:8px 24px!important;border:1px solid #b5a06a!important;border-radius:7px!important;background:linear-gradient(130deg,#2c6260,#19474b)!important;color:#f6e8bd!important;font:18px KaiTi,STKaiti,serif!important;box-shadow:inset 0 0 0 2px #d9cb942d!important}
.bf-rank-badge:before,.bf-rank-badge:after{display:none}.bf-rank-badge img{display:block;width:100%;height:100%;object-fit:contain}.bf-ranks-self>.bf-rank-badge{width:70px;height:70px;margin:5px}
.bf-ranks-reward[data-tier=top50] .bf-ranks-title{transform:scale(.78)}