body { padding-top: 34px; }
#tanukade-live-players {
  position: fixed; inset: 0 0 auto; z-index: 40; height: 34px;
  display: flex; align-items: center; justify-content: flex-end; gap: 9px;
  padding: 0 max(24px, calc((100vw - 1304px) / 2));
  box-sizing: border-box; background: #0b100d; color: #a8b6a7;
  border-bottom: 1px solid #29362a;
  font: 600 11px/1 Arial, Helvetica, sans-serif;
  letter-spacing: 1.35px; text-transform: uppercase;
}
.tlp-metric { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.tlp-divider { width: 1px; height: 15px; background: #354738; }
.tlp-label-short { display: none; }
#tanukade-live-players .tlp-dot {
  width: 6px; height: 6px; border-radius: 50%; background: #637166;
}
#tanukade-live-players[data-state="online"] .tlp-dot {
  background: #d6ff62; box-shadow: 0 0 9px #d6ff6240;
}
#tanukade-live-players .tlp-count {
  min-width: 2ch; color: #eef4e6; font-size: 13px;
  font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: 0;
}
#tanukade-live-players[data-state="online"] .tlp-live .tlp-count,
#tanukade-live-players .tlp-daily[data-state="online"] .tlp-count,
#tanukade-live-players .tlp-all-time[data-state="online"] .tlp-count,
#tanukade-live-players .tlp-time[data-state="online"] .tlp-count { color: #d6ff62; }
#tanukade-live-players .tlp-daily[data-state="unavailable"] .tlp-count,
#tanukade-live-players .tlp-all-time[data-state="unavailable"] .tlp-count,
#tanukade-live-players .tlp-time[data-state="unavailable"] .tlp-count,
#tanukade-live-players[data-state="unavailable"] .tlp-live .tlp-count {
  font-size: 10px; font-weight: 500; color: #a8b6a7; text-transform: none;
}
.tlp-daily { cursor: help; }
.tlp-visually-hidden {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
@media (max-width: 1099px) {
  body #tanukade-live-players {
    height: 52px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: center; justify-items: end; gap: 2px 6px;
    padding-left: 172px; padding-right: 8px;
    font-size: 9px; letter-spacing: .55px;
  }
  body #tanukade-live-players .tlp-divider { display: none; }
  body #tanukade-live-players .tlp-live .tlp-dot { display: none; }
  body #tanukade-live-players .tlp-metric {
    flex-direction: column; align-items: flex-end; justify-content: center;
    gap: 1px; min-width: 0; line-height: 1;
  }
  body #tanukade-live-players .tlp-label-full { display: none; }
  body #tanukade-live-players .tlp-label-short { display: inline; }
  body #tanukade-live-players .tlp-count { min-width: 0; font-size: 10px; }
  body #tanukade-live-players .tlp-daily[data-state="unavailable"] .tlp-count,
  body #tanukade-live-players .tlp-all-time[data-state="unavailable"] .tlp-count,
  body #tanukade-live-players .tlp-time[data-state="unavailable"] .tlp-count,
  body #tanukade-live-players[data-state="unavailable"] .tlp-live .tlp-count { font-size: 8px; }
}

/* Per-game presence stays compact beside the game title. */
.tanukade-game-live{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;white-space:nowrap;color:#bfd7a7;background:#d6ff620a;border:1px solid #6a845947;border-radius:20px;padding:5px 8px;font:600 11px/1.2 system-ui,sans-serif;letter-spacing:0;text-transform:none}
.tanukade-game-live:before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#7e8d78}
.tanukade-game-live[data-state="online"]:before{background:#d6ff62}
.player-title>.tanukade-game-live{margin-left:auto;margin-right:8px}
@media(max-width:600px){.tanukade-game-live{font-size:10px;padding:4px 6px}.game-shell-header{gap:7px}.game-shell-header h1{min-width:0}}