/* Focused layout fixes for the performance/readability preview. */

/* Currency Values: keep the rune/name column compact so all three value
   columns, especially WSS Value, fit without clipping at 16px. */
.currency-runes-panel .currency-table th:first-child,
.currency-runes-panel .currency-table td:first-child{
  width:20%!important;
}
.currency-runes-panel .currency-table th:not(:first-child),
.currency-runes-panel .currency-table td:not(:first-child){
  width:26.666%!important;
}
.currency-runes-panel .currency-table th,
.currency-runes-panel .currency-table td{
  padding-left:5px!important;
  padding-right:5px!important;
}
.currency-table th{
  overflow:visible!important;
  text-overflow:clip!important;
  letter-spacing:.015em!important;
  white-space:nowrap!important;
}

/* Tier-list index: Type is intentionally compact so the Build column gets the
   large amount of free width visible on desktop. Full names are restored by
   tier-display-polish.js and only ellipsize if the real column is exhausted. */
.amazon-tier-table{
  min-width:700px!important;
}
.amazon-tier-table.bossing{
  min-width:860px!important;
}
.amazon-tier-row.progression{
  grid-template-columns:96px minmax(240px,1fr) 72px 72px 118px 92px!important;
}
.amazon-tier-row.bossing{
  grid-template-columns:90px minmax(220px,1fr) 66px 72px 72px 72px 116px 92px!important;
}
.amazon-tier-row.header,
.amazon-tier-type,
.amazon-tier-build,
.amazon-tier-creator,
.amazon-tier-season,
.amazon-tier-detail-head strong,
.amazon-tier-close,
.amazon-tier-disclaimer{
  font-size:16px!important;
}
.amazon-tier-row.header{
  letter-spacing:.035em!important;
}
.amazon-tier-cell{
  padding:8px 7px!important;
}
.amazon-tier-row.header .amazon-tier-cell{
  overflow:visible!important;
  text-overflow:clip!important;
}
.amazon-tier-build{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.amazon-tier-rank{
  min-width:34px!important;
  min-height:30px!important;
  font-size:16px!important;
}

/* The Tier Lists table should start immediately. The separate About block and
   the large Progression/Bossing banner blocks are intentionally removed. */
.build-about-compact,
.amazon-tier-index-section-head{
  display:none!important;
}
.amazon-tier-index{
  gap:10px!important;
}

/* Contributor social icons. */
.contributors-social{
  gap:8px!important;
}
.contributors-social svg{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  fill:currentColor!important;
}

/* Farming-area rich tooltips are rendered at document level by ab-tooltip.js.
   These are normal interactive labels, not browser Help controls. Explicitly
   remove the question-mark help cursor and suppress every legacy pseudo-tip. */
.build-area-token,
.build-area-token.has-tooltip,
.build-area-token.has-rich-tooltip{
  cursor:pointer!important;
}
.build-area-token::before,
.build-area-token::after,
.build-area-token.has-tooltip::before,
.build-area-token.has-tooltip::after,
.build-area-token.has-rich-tooltip::before,
.build-area-token.has-rich-tooltip::after{
  content:none!important;
  display:none!important;
}
.has-rich-tooltip > .rich-tooltip-card{
  display:none!important;
}
.rich-tooltip-floating{
  position:fixed!important;
  inset:auto!important;
  z-index:30000!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  width:min(420px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:min(520px,calc(100vh - 24px))!important;
  overflow:auto!important;
  padding:14px 16px!important;
  border:1px solid #765932!important;
  border-radius:8px!important;
  background:#101318!important;
  color:#eee7dd!important;
  box-shadow:0 14px 34px rgba(0,0,0,.66)!important;
  pointer-events:auto!important;
  cursor:default!important;
  font-size:16px!important;
  line-height:1.45!important;
}
.rich-tooltip-floating .rich-tooltip-title{
  display:block!important;
  margin-bottom:8px!important;
  color:#efd395!important;
  font-size:18px!important;
  font-weight:800!important;
}
.rich-tooltip-floating .rich-tooltip-copy,
.rich-tooltip-floating .rich-tooltip-list,
.rich-tooltip-floating .rich-tooltip-item{
  display:block!important;
  font-size:16px!important;
  line-height:1.45!important;
}
.rich-tooltip-floating .rich-tooltip-list{
  margin:8px 0!important;
  padding-left:16px!important;
}
.rich-tooltip-floating .rich-tooltip-item{
  margin:5px 0!important;
}
.rich-tooltip-floating a{
  color:#9fcde8!important;
}

@media(max-width:760px){
  .amazon-tier-table{min-width:720px!important;}
  .amazon-tier-table.bossing{min-width:880px!important;}
}