From 7810f04e8b851593125e54053121c3d0a31d3a3c Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sat, 13 Jun 2026 19:50:55 -0400
Subject: [PATCH] Restore clean site stylesheet

---
 site/style.css | 1066 +-----------------------------------------------
 1 file changed, 4 insertions(+), 1062 deletions(-)

diff --git a/site/style.css b/site/style.css
index 01cc7ab..52ede35 100644
--- a/site/style.css
+++ b/site/style.css
@@ -1842,1066 +1842,15 @@ button.inline-link,
   padding: 2rem;
 }
 
-.key-sync-status {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.45rem;
-  margin-right: 1.1rem;
-  white-space: nowrap;
-}
-
-.key-sync-dot {
-  width: 0.65rem;
-  height: 0.65rem;
-  border-radius: 999px;
-  display: inline-block;
-  flex: 0 0 auto;
-  vertical-align: middle;
-}
-
-.key-sync-dot.is-synced {
-  background: #38d66b;
-  box-shadow: 0 0 0 2px rgba(56, 214, 107, 0.15);
-}
-
-.key-sync-dot.is-syncing {
-  background: #e05252;
-  box-shadow: 0 0 0 2px rgba(224, 82, 82, 0.16);
-}
-
-.key-sync-status {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.45rem;
-  margin-right: 1.1rem;
-  white-space: nowrap;
-}
-
-.key-sync-dot {
-  width: 0.65rem;
-  height: 0.65rem;
-  border-radius: 999px;
-  display: inline-block;
-  flex: 0 0 auto;
-  vertical-align: middle;
-}
-
-.key-sync-dot.is-synced {
-  background: #38d66b;
-  box-shadow: 0 0 0 2px rgba(56, 214, 107, 0.15);
-}
-
-.key-sync-dot.is-syncing {
-  background: #e05252;
-  box-shadow: 0 0 0 2px rgba(224, 82, 82, 0.16);
-}
-
-.key-sync-status {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.45rem;
-  margin-right: 1.1rem;
-  white-space: nowrap;
-}
-
-.key-sync-dot {
-  width: 0.65rem;
-  height: 0.65rem;
-  border-radius: 999px;
-  display: inline-block;
-  flex: 0 0 auto;
-  vertical-align: middle;
-}
-
-.key-sync-dot.is-synced {
-  background: #38d66b;
-  box-shadow: 0 0 0 2px rgba(56, 214, 107, 0.15);
-}
-
-.key-sync-dot.is-syncing {
-  background: #e05252;
-  box-shadow: 0 0 0 2px rgba(224, 82, 82, 0.16);
-}
-
-#key-sync-summary.key-sync-summary .key-sync-status {
-  display: inline-flex !important;
-  align-items: center !important;
-  gap: 0.45rem !important;
-  margin-right: 1.1rem !important;
-  white-space: nowrap !important;
-}
-
-#key-sync-summary.key-sync-summary .key-sync-dot {
-  display: inline-block !important;
-  width: 0.65rem !important;
-  height: 0.65rem !important;
-  min-width: 0.65rem !important;
-  min-height: 0.65rem !important;
-  border-radius: 999px !important;
-  background-color: #e05252 !important;
-  box-shadow: 0 0 0 2px rgba(224, 82, 82, 0.16) !important;
-  opacity: 1 !important;
-  visibility: visible !important;
-}
-
-#key-sync-summary.key-sync-summary .key-sync-dot.is-synced {
-  background-color: #38d66b !important;
-  box-shadow: 0 0 0 2px rgba(56, 214, 107, 0.15) !important;
-}
-
-#key-sync-summary .key-sync-dot {
-  display: inline-block !important;
-  width: auto !important;
-  height: auto !important;
-  min-width: 0 !important;
-  min-height: 0 !important;
-  background: transparent !important;
-  box-shadow: none !important;
-  font-size: 0.95rem !important;
-  line-height: 1 !important;
-  color: #e05252 !important;
-}
-
-#key-sync-summary .key-sync-dot.is-synced {
-  color: #38d66b !important;
-}
-
-/* homepage server status touch-up */
-.server-status-card .site-intro {
-  margin: 0 0 1.35rem;
-  color: var(--text);
-  line-height: 1.65;
-}
-
-.status-list {
-  margin-top: 1.25rem;
-}
-
-.status-server {
-  margin-top: 1.2rem;
-  color: var(--text);
-  font-family: var(--mono);
-  font-weight: 900;
-}
-
-.status-server:first-child {
-  margin-top: 0;
-}
-
-.status-label {
-  margin: 0.25rem 0 0.4rem;
-  color: var(--muted);
-  font-family: var(--mono);
-  font-size: 0.76rem;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-}
-
-.status-ship {
-  padding-top: 0.25rem;
-  font-family: var(--mono);
-  font-weight: 900;
-}
-
-.status-ship--solo {
-  justify-content: flex-start;
-}
-
-.status-child {
-  padding-left: 1.15rem;
-  color: var(--muted);
-}
-
-
-/* Hardcore leaderboard table */
-.leaderboard-box {
-  align-items: stretch;
-  justify-content: flex-start;
-  min-height: 260px;
-  text-align: left;
-}
-
-#leaderboard-page-size-wrap {
-  display: grid;
-  gap: 0.45rem;
-}
-
-.leaderboard-status {
-  display: grid;
-  min-height: 220px;
-  place-items: center;
-  color: var(--muted);
-  font-weight: 700;
-  text-align: center;
-}
-
-.leaderboard-status--error {
-  color: #ff9a9a;
-}
-
-.leaderboard-table-wrap {
-  width: 100%;
-  overflow-x: auto;
-}
-
-.leaderboard-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 0.92rem;
-}
-
-.leaderboard-table th,
-.leaderboard-table td {
-  border-bottom: 1px solid var(--line);
-  padding: 0.8rem 0.65rem;
-  text-align: left;
-  white-space: nowrap;
-}
-
-.leaderboard-table th {
-  color: var(--muted);
-  font-size: 0.72rem;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-}
-
-.leaderboard-sort {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  color: inherit;
-  cursor: pointer;
-  font: inherit;
-  letter-spacing: inherit;
-  padding: 0;
-  text-transform: inherit;
-}
-
-.leaderboard-sort:hover,
-.leaderboard-sort:focus {
-  color: var(--text);
-}
-
-.leaderboard-table td:nth-child(1),
-.leaderboard-table td:nth-child(3),
-.leaderboard-table td:nth-child(4),
-.leaderboard-table td:nth-child(7),
-.leaderboard-table td:nth-child(8) {
-  font-variant-numeric: tabular-nums;
-}
-
-.leaderboard-pager {
-  align-items: center;
-  color: var(--muted);
-  display: flex;
-  font-size: 0.85rem;
-  font-weight: 700;
-  gap: 1rem;
-  justify-content: center;
-  margin-top: 1rem;
-}
-
-.leaderboard-pager button {
-  border: 1px solid var(--line);
-  border-radius: 0.45rem;
-  background: rgba(255, 255, 255, 0.03);
-  color: var(--text);
-  cursor: pointer;
-  font: inherit;
-  font-size: 0.75rem;
-  font-weight: 800;
-  letter-spacing: 0.12em;
-  padding: 0.6rem 0.85rem;
-  text-transform: uppercase;
-}
-
-.leaderboard-pager button:disabled {
-  cursor: not-allowed;
-  opacity: 0.35;
-}
-
-@media (max-width: 720px) {
-  .leaderboard-table {
-    min-width: 720px;
-  }
-}
-
-
-/* Keep wide leaderboard table contained on small screens */
-.placeholder-results-card,
-.leaderboard-box {
-  min-width: 0;
-  max-width: 100%;
-  overflow: hidden;
-}
-
-.leaderboard-table-wrap {
-  min-width: 0;
-  max-width: 100%;
-  overflow-x: auto;
-  overflow-y: hidden;
-  -webkit-overflow-scrolling: touch;
-}
-
-.leaderboard-table {
-  min-width: 820px;
-}
-
-.leaderboard-table th,
-.leaderboard-table td {
-  box-sizing: border-box;
-}
-
-.leaderboard-table td:nth-child(1),
-.leaderboard-table td:nth-child(3),
-.leaderboard-table td:nth-child(4),
-.leaderboard-table td:nth-child(7),
-.leaderboard-table td:nth-child(8) {
-  font-variant-numeric: tabular-nums;
-}
-
-@media (max-width: 720px) {
-  .leaderboard-box {
-    display: block;
-    padding: 1rem;
-  }
-
-  .leaderboard-table {
-    width: 820px;
-    min-width: 820px;
-  }
-
-  .leaderboard-pager {
-    min-width: 0;
-    max-width: 100%;
-  }
-}
-
-
-/* Mobile containment for wide leaderboard tables */
-html,
-body {
-  max-width: 100%;
-  overflow-x: hidden;
-}
-
-.site-shell,
-.placeholder-layout,
-.placeholder-control-card,
-.placeholder-results-card,
-.blank-data-box,
-.leaderboard-box {
-  box-sizing: border-box;
-  max-width: 100%;
-  min-width: 0;
-}
-
-.leaderboard-box {
-  overflow: hidden;
-}
-
-.leaderboard-table-wrap {
-  display: block;
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
-  overflow-x: auto;
-  overflow-y: hidden;
-  -webkit-overflow-scrolling: touch;
-}
-
-.leaderboard-table {
-  width: max-content;
-  min-width: 820px;
-  max-width: none;
-}
-
-@media (max-width: 720px) {
-  .site-shell {
-    width: 100%;
-    max-width: 100%;
-  }
-
-  .placeholder-results-card {
-    overflow: hidden;
-  }
-
-  .leaderboard-box {
-    display: block;
-    width: 100%;
-    padding: 1rem;
-  }
-
-  .leaderboard-table-wrap {
-    width: 100%;
-  }
-
-  .leaderboard-table {
-    width: max-content;
-    min-width: 820px;
-  }
-}
-
-/* Hard clamp mobile leaderboard overflow */
-@media (max-width: 720px) {
-  html,
-  body {
-    width: 100%;
-    max-width: 100%;
-    overflow-x: hidden;
-  }
-
-  .site-shell,
-  .hero,
-  .nav-bar,
-  .placeholder-layout,
-  .card,
-  .placeholder-control-card,
-  .placeholder-results-card,
-  .footer-bar {
-    box-sizing: border-box;
-    width: 100%;
-    max-width: 100%;
-    min-width: 0;
-    overflow-x: hidden;
-  }
-
-  .blank-data-box.leaderboard-box {
-    box-sizing: border-box;
-    display: block;
-    width: 100%;
-    max-width: 100%;
-    min-width: 0;
-    overflow: hidden;
-    padding: 1rem;
-  }
-
-  .leaderboard-table-wrap {
-    box-sizing: border-box;
-    display: block;
-    width: 100%;
-    max-width: 100%;
-    min-width: 0;
-    overflow-x: auto;
-    overflow-y: hidden;
-    -webkit-overflow-scrolling: touch;
-    overscroll-behavior-x: contain;
-  }
-
-  .leaderboard-table {
-    display: table;
-    width: 820px;
-    min-width: 820px;
-    max-width: none;
-  }
-
-  .leaderboard-pager {
-    box-sizing: border-box;
-    width: 100%;
-    max-width: 100%;
-    min-width: 0;
-  }
-}
-
-/* Final mobile leaderboard containment: keep page width fixed, scroll table only */
-@media (max-width: 720px) {
-  html,
-  body {
-    width: 100%;
-    max-width: 100vw;
-    overflow-x: hidden;
-  }
-
-  .site-shell {
-    box-sizing: border-box;
-    width: 100%;
-    max-width: 100vw;
-    min-width: 0;
-    overflow-x: hidden;
-  }
-
-  .placeholder-layout,
-  .placeholder-control-card,
-  .placeholder-results-card {
-    box-sizing: border-box;
-    width: calc(100vw - 1rem) !important;
-    max-width: calc(100vw - 1rem) !important;
-    min-width: 0 !important;
-    overflow: hidden !important;
-  }
-
-  .placeholder-results-card,
-  .blank-data-box.leaderboard-box {
-    contain: inline-size;
-  }
-
-  .blank-data-box.leaderboard-box {
-    box-sizing: border-box;
-    display: block;
-    width: 100% !important;
-    max-width: 100% !important;
-    min-width: 0 !important;
-    overflow: hidden !important;
-  }
-
-  .leaderboard-table-wrap {
-    box-sizing: border-box;
-    display: block;
-    inline-size: 100% !important;
-    max-inline-size: 100% !important;
-    min-inline-size: 0 !important;
-    overflow-x: auto !important;
-    overflow-y: hidden !important;
-    -webkit-overflow-scrolling: touch;
-    overscroll-behavior-x: contain;
-  }
-
-  .leaderboard-table {
-    inline-size: max-content !important;
-    width: max-content !important;
-    min-width: 820px !important;
-    max-width: none !important;
-  }
-
-  .leaderboard-pager {
-    box-sizing: border-box;
-    width: 100%;
-    max-width: 100%;
-    min-width: 0;
-  }
-}
-
-
-/* Disable failed mobile card experiment */
-.leaderboard-mobile-wrap {
-  display: none !important;
-}
-
-/* Home page Hardcore leaderboard */
-.home-leaderboard-wrap {
-  width: 100%;
-  overflow-x: auto;
-}
-
-.home-leaderboard-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 0.9rem;
-}
-
-.home-leaderboard-table th,
-.home-leaderboard-table td {
-  border-bottom: 1px solid var(--line);
-  padding: 0.65rem 0.45rem;
-  text-align: left;
-  white-space: nowrap;
-}
-
-.home-leaderboard-table th {
-  color: var(--muted);
-  font-size: 0.68rem;
-  font-weight: 900;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-}
-
-.home-leaderboard-table td:nth-child(2) {
-  font-variant-numeric: tabular-nums;
-  text-align: right;
-}
-
-.home-leaderboard-table th:nth-child(2) {
-  text-align: right;
-}
-
-.home-leaderboard-more {
-  display: inline-block;
-  margin-top: 0.85rem;
-}
-
-/* Home Hardcore compact leaderboard list */
-.home-leaderboard-wrap {
-  width: 100%;
-}
-
-.home-leaderboard-list {
-  display: grid;
-  gap: 0;
-  width: 100%;
-}
-
-.home-leaderboard-row {
-  align-items: center;
-  border-bottom: 1px solid var(--line);
-  display: grid;
-  gap: 0.65rem;
-  grid-template-columns: 2rem minmax(0, 1fr) auto auto;
-  min-width: 0;
-  padding: 0.55rem 0;
-}
-
-.home-leaderboard-row:last-child {
-  border-bottom: 0;
-}
-
-.home-leaderboard-row--head {
-  color: var(--muted);
-  font-size: 0.68rem;
-  font-weight: 900;
-  letter-spacing: 0.12em;
-  padding-top: 0;
-  text-transform: uppercase;
-}
-
-.home-leaderboard-rank {
-  color: var(--muted);
-  font-variant-numeric: tabular-nums;
-}
-
-.home-leaderboard-name {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.home-leaderboard-points {
-  font-variant-numeric: tabular-nums;
-  text-align: right;
-}
-
-.home-leaderboard-status {
-  color: var(--muted);
-}
-
-.home-leaderboard-status--alive {
-  color: #9fd6a3;
-}
-
-.home-leaderboard-status--dead {
-  color: #f09a9a;
-}
-
-.home-leaderboard-empty {
-  color: var(--muted);
-  padding: 0.65rem 0;
-}
-
-.home-leaderboard-more {
-  display: inline-block;
-  margin-top: 0.8rem;
-}
-
-/* Home Hardcore entries inside standard leaderboard-list */
-.leaderboard-list--home-hardcore .home-hardcore-entry {
-  display: grid;
-  gap: 0.75rem;
-  grid-template-columns: minmax(0, 1fr) auto auto;
-  min-width: 0;
-}
-
-.leaderboard-list--home-hardcore .home-hardcore-name {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.leaderboard-list--home-hardcore .home-hardcore-points {
-  font-variant-numeric: tabular-nums;
-  text-align: right;
-}
-
-.leaderboard-list--home-hardcore .home-hardcore-status {
-  color: var(--muted);
-}
-
-.home-leaderboard-more {
-  display: inline-block;
-  margin-top: 0.8rem;
-}
-
-
-/* Align Home Hardcore leaderboard columns like an invisible table */
-.leaderboard-list--home-hardcore .home-hardcore-entry {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 5.25rem 4.25rem;
-  gap: 0.75rem;
-  align-items: baseline;
-  min-width: 0;
-}
-
-.leaderboard-list--home-hardcore .home-hardcore-name {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.leaderboard-list--home-hardcore .home-hardcore-points {
-  font-variant-numeric: tabular-nums;
-  text-align: right;
-  white-space: nowrap;
-}
-
-.leaderboard-list--home-hardcore .home-hardcore-status {
-  color: var(--muted);
-  text-align: left;
-  white-space: nowrap;
-}
-
-/* Home Hardcore leaderboard: invisible table columns */
-.leaderboard-list.leaderboard-list--home-hardcore li.home-hardcore-row {
-  display: grid;
-  grid-template-columns: 2rem minmax(0, 1fr) 5.5rem 4.25rem;
-  gap: 0.75rem;
-  align-items: baseline;
-}
-
-.leaderboard-list--home-hardcore .home-hardcore-name {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.leaderboard-list--home-hardcore .home-hardcore-points {
-  font-variant-numeric: tabular-nums;
-  text-align: right;
-  white-space: nowrap;
-}
-
-.leaderboard-list--home-hardcore .home-hardcore-status {
-  color: var(--muted);
-  text-align: left;
-  white-space: nowrap;
-}
-
-/* Home Hardcore invisible table matching C Rank list */
-.home-hardcore-table {
-  border-collapse: collapse;
-  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
-  font-size: 0.95rem;
-  font-variant-numeric: tabular-nums;
-  width: 100%;
-}
-
-.home-hardcore-table td {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.045);
-  color: var(--text-soft);
-  padding: 0.25rem 0;
-  vertical-align: baseline;
-  white-space: nowrap;
-}
-
-.home-hardcore-table tr:last-child td {
-  border-bottom: 0;
-}
-
-.home-hardcore-table .rank {
-  color: var(--muted);
-  width: 2rem;
-}
-
-.home-hardcore-table .home-hardcore-name {
-  max-width: 8rem;
-  overflow: hidden;
-  padding-right: 0.75rem;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.home-hardcore-table .home-hardcore-points {
-  padding-right: 0.75rem;
-  text-align: right;
-  width: 5.5rem;
-}
-
-.home-hardcore-table .home-hardcore-status {
-  color: var(--muted);
-  text-align: left;
-  width: 4rem;
-}
-
-/* Home Hardcore leaderboard: visually match C Rank list */
-.home-hardcore-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
-  font-size: 0.95rem;
-  font-variant-numeric: tabular-nums;
-  line-height: 1.45;
-  margin: 0;
-  width: 100%;
-}
-
-.home-hardcore-table td {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.045);
-  color: var(--text-soft);
-  padding: 0.25rem 0;
-  vertical-align: baseline;
-  white-space: nowrap;
-}
-
-.home-hardcore-table tr:last-child td {
-  border-bottom: 0;
-}
-
-.home-hardcore-table .rank {
-  color: var(--muted);
-  padding-right: 0.75rem;
-  width: 2rem;
-}
-
-.home-hardcore-table .home-hardcore-name {
-  max-width: 8rem;
-  overflow: hidden;
-  padding-right: 1.25rem;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.home-hardcore-table .home-hardcore-points {
-  padding-left: 1rem;
-  padding-right: 1.25rem;
-  text-align: right;
-  width: 5.75rem;
-}
-
-.home-hardcore-table .home-hardcore-status {
-  color: var(--muted);
-  padding-left: 0.75rem;
-  text-align: left;
-  width: 4rem;
-}
-
-.home-leaderboard-more {
-  display: inline-block;
-  margin-top: 0.8rem;
-}
-
-/* Home Hardcore leaderboard: aligned grid rows */
-.home-hardcore-table {
-  display: block;
-  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
-  font-size: 0.95rem;
-  font-variant-numeric: tabular-nums;
-  line-height: 1.45;
-  width: 100%;
-}
-
-.home-hardcore-table tbody {
-  display: grid;
-  gap: 0;
-  width: 100%;
-}
-
-.home-hardcore-table tr {
-  align-items: baseline;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.045);
-  display: grid;
-  gap: 0.9rem;
-  grid-template-columns: 2rem minmax(0, 1fr) 6.25rem 4.25rem;
-  padding: 0.25rem 0;
-}
-
-.home-hardcore-table tr:last-child {
-  border-bottom: 0;
-}
-
-.home-hardcore-table td {
-  border-bottom: 0 !important;
-  color: var(--text-soft);
-  display: block;
-  padding: 0 !important;
-  white-space: nowrap;
-}
-
-.home-hardcore-table .rank {
-  color: var(--muted);
-}
-
-.home-hardcore-table .home-hardcore-name {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.home-hardcore-table .home-hardcore-points {
-  text-align: right;
-}
-
-.home-hardcore-table .home-hardcore-status {
-  color: var(--muted);
-  text-align: left;
-}
-
-/* Home Hardcore padded line inside standard leaderboard-list */
-.leaderboard-list--home-hardcore .home-hardcore-line {
-  white-space: pre;
-}
-
-
-/* Drops table viewer */
-.drops-box {
-  align-items: stretch;
-  min-height: 360px;
-  overflow: hidden;
-  padding: 0;
-}
-
-.drops-status {
-  padding: 1.25rem;
-  text-align: center;
-}
-
-.drops-status--error {
-  color: #ff9b9b;
-}
-
-.drops-summary {
-  display: flex;
-  justify-content: space-between;
-  gap: 1rem;
-  padding: 0.85rem 1rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
-  color: rgba(255, 255, 255, 0.86);
-}
-
-.drops-summary div {
-  display: flex;
-  flex-direction: column;
-  gap: 0.2rem;
-}
-
-.drops-summary span {
-  color: rgba(255, 255, 255, 0.62);
-}
-
-.drops-table-wrap {
-  max-width: 100%;
-  overflow-x: auto;
-}
-
-.drops-table {
-  width: max-content;
-  min-width: 100%;
-  border-collapse: collapse;
-  font-size: 0.82rem;
-}
-
-.drops-table th,
-.drops-table td {
-  padding: 0.55rem 0.7rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
-  text-align: left;
-  vertical-align: top;
-  white-space: nowrap;
-}
-
-.drops-table th {
-  position: sticky;
-  top: 0;
-  background: rgba(18, 24, 42, 0.98);
-  color: rgba(255, 255, 255, 0.78);
-  font-size: 0.74rem;
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
-}
-
-.drops-table td:nth-child(5),
-.drops-table td:nth-child(6) {
-  white-space: normal;
-  min-width: 12rem;
-}
-
-@media (max-width: 720px) {
-  .drops-summary {
-    flex-direction: column;
-  }
-
-  .drops-table {
-    font-size: 0.78rem;
-  }
-}
-
-
-.drops-field-note {
-  margin: 0.35rem 0 0.75rem;
-  color: rgba(255, 255, 255, 0.62);
-  font-size: 0.82rem;
-}
-
-.drops-rate-base {
-  display: block;
-  margin-top: 0.15rem;
-  color: rgba(255, 255, 255, 0.58);
-  font-size: 0.72rem;
-  white-space: nowrap;
-}
-
-
-.drops-sort-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.4rem;
-  width: 100%;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  letter-spacing: inherit;
-  text-align: left;
-  text-transform: inherit;
-  cursor: pointer;
-}
-
-.drops-sort-button:hover,
-.drops-sort-button.is-active {
-  color: rgba(255, 255, 255, 0.96);
-}
-
-.drops-sort-arrow {
-  min-width: 0.75rem;
-  color: rgba(255, 255, 255, 0.62);
-  font-size: 0.66rem;
-}
-
-
-.drops-pager {
-  margin: 0.9rem 1rem 1rem;
-}
-
-
-.bestiary-box {
-  align-items: stretch;
-  min-height: 360px;
-  overflow: hidden;
-  padding: 0;
-}
-
-.bestiary-table td,
-.bestiary-table th {
-  white-space: nowrap;
-}
-
-
-/* Bestiary table containment */
+/* Bestiary: keep the results card at page width and scroll the table horizontally when it's too wide (e.g. the "All" view). Touches width/scroll only — no colors, fonts, spacing, or layout of the table. */
 .placeholder-results-card {
   min-width: 0;
-  overflow: hidden;
-}
-
-.bestiary-box {
-  width: 100%;
   max-width: 100%;
-  min-width: 0;
-  box-sizing: border-box;
+  overflow: hidden;
+  contain: inline-size;
 }
 
-.bestiary-box .drops-table-wrap {
-  display: block;
+#bestiary-placeholder .drops-table-wrap {
   width: 100%;
   max-width: 100%;
   min-width: 0;
@@ -2909,10 +1858,3 @@ button.inline-link,
   overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
 }
-
-.bestiary-box .drops-table {
-  width: max-content;
-  min-width: 100%;
-  max-width: none;
-}
-