/* One existing sheet scroll surface; native portrait and short landscape menus. */
.ranking-sheet{max-width:800px}
.ranking-sheet .standings-toolbar{display:flex;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.standings-modes{display:flex;flex:1;gap:6px;min-width:0}
.ranking-sheet .standings-toolbar button,.ranking-sheet .standings-profile-button{min-height:44px;border:1px solid #49605b;border-radius:5px;background:#172626;color:#f5f1d7;padding:10px 12px;font:700 12px/1.25 Arial,sans-serif}
.standings-modes button{flex:1;min-width:0}
.standings-modes button.selected{border-color:#d9f36b;background:#2c3b2c;color:#e4ff80}
.ranking-sheet button:disabled{opacity:.55;cursor:default}
.ranking-sheet button:focus-visible{outline:2px solid #e4ff80;outline-offset:3px}
.ranking-sheet #ranking-copy{line-height:1.5}
.ranking-sheet #ranking-status{font:12px/1.4 Arial,sans-serif;color:#b9c9be;margin:0 0 12px;overflow-wrap:anywhere}
.standings-self{background:#172928;border:1px solid #4e7260;border-radius:6px;padding:10px 12px;margin-bottom:16px}
.standings-self-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#e4ff80;font:700 11px/1.3 Arial,sans-serif;letter-spacing:.5px}
.ranking-sheet .standings-profile-button{padding:8px 12px;font-size:10px;background:transparent}
.standings-self-grid{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(96px,34%);gap:5px 10px;align-items:center}
.standings-self-grid .standings-record{grid-column:2/-1}
.ranking-sheet .standings-self-note{color:#b9c9be;font:12px/1.4 Arial,sans-serif;margin:8px 0 0;overflow-wrap:anywhere}
.standings-board-label{font:700 11px/1.4 Arial,sans-serif;color:#b9c9be;margin:0 0 8px;letter-spacing:.7px}
.ranking-sheet .online-leaderboard ol{padding:0;margin:0;list-style:none;overflow:visible;max-height:none}
.ranking-sheet .online-leaderboard li.standings-row{display:grid;grid-template-columns:26px 36px minmax(0,1fr) minmax(96px,29%);gap:5px 9px;align-items:center;margin:0;min-height:68px;padding:12px 9px;border-bottom:1px solid #344842;font:12px/1.35 Arial,sans-serif}
.standings-row.is-you{background:#20382d;box-shadow:inset 3px 0 #d9f36b}
.standings-rank{font-weight:700;font-variant-numeric:tabular-nums;color:#b8c6b8;text-align:center}
.standings-avatar{display:grid;place-items:center;position:relative;width:36px;height:36px;border:1px solid #526c60;border-radius:50%;background:#283c39;color:#f5f1d7;overflow:hidden;font:700 12px/1 Arial,sans-serif;isolation:isolate}
.standings-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.standings-avatar img.hidden{display:none}
.standings-identity{min-width:0}
.standings-name{display:block;overflow-wrap:anywhere;color:#f5f1d7;font:700 14px/1.25 Arial,sans-serif}
.standings-level{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px;color:#aabeb2;font:700 10px/1.3 Arial,sans-serif}
.standings-you{color:#e4ff80;border:1px solid #769754;padding:1px 4px;border-radius:3px;font-size:9px}
.standings-metric{min-width:0;text-align:right;color:#f5f1d7;font-variant-numeric:tabular-nums}
.standings-value{display:block;overflow-wrap:anywhere;font:700 17px/1.2 Arial,sans-serif}
.standings-metric-label{display:block;margin-top:3px;color:#aabeb2;font:700 10px/1.25 Arial,sans-serif}
.standings-metric.positive .standings-value{color:#e4ff80}
.standings-metric.negative .standings-value{color:#ffac92}
.standings-row .standings-record{grid-column:3/-1}
.standings-record{display:flex;gap:3px 12px;justify-content:space-between;flex-wrap:wrap;min-width:0;color:#b9c9be;font:11px/1.4 Arial,sans-serif;font-variant-numeric:tabular-nums}
.standings-record span{overflow-wrap:anywhere}
.standings-wl{color:#e0e9dd}
.ranking-sheet .standings-empty{border:1px dashed #49605b;padding:18px 12px;margin:0;color:#b9c9be;font:13px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
@media(max-width:440px){
  .ranking-sheet .standings-toolbar{gap:8px}.standings-modes{width:100%;flex-basis:100%}
  .ranking-sheet .standings-toolbar>button{min-height:44px;padding:8px 14px}
  .ranking-sheet .online-leaderboard li.standings-row{grid-template-columns:20px 30px minmax(0,1fr) minmax(83px,32%);gap:5px 7px;padding:10px 5px}
  .standings-avatar{width:30px;height:30px}.standings-name{font-size:12px}.standings-value{font-size:14px}
  .standings-record{font-size:10px}.standings-row .standings-record{grid-column:3/-1;gap:2px 8px}
  .standings-self{padding:8px 9px}.standings-self-grid{grid-template-columns:30px minmax(0,1fr) minmax(83px,32%);gap:5px 8px}
}
@media(orientation:landscape) and (max-height:600px){
  .ranking-sheet .standings-toolbar{margin-bottom:8px}.standings-self{margin-bottom:10px;padding-block:6px}
  .standings-self-heading{margin-bottom:3px}.ranking-sheet .online-leaderboard li.standings-row{min-height:58px;padding-block:8px}
}