.loot-wayfind{margin: 0 0 var(--sp-2);font-size: var(--fs-caption);} .loot-wayfind a{font-weight: 600;letter-spacing: 0.96px;} .loot-band{position: relative;isolation: isolate;margin: var(--sp-7) 0 0;} .loot-band + .loot-band{margin-top: 0;border-top: 1px solid color-mix(in srgb,var(--gold-dark) 25%,transparent);} .loot-band:last-child{margin-bottom: var(--sp-4);} .loot-band::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;background: linear-gradient(90deg,color-mix(in srgb,var(--gold-dark) 32%,transparent) 0,transparent 4px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--parchment) 3%,transparent) 0 1px,transparent 1px 4px),radial-gradient(ellipse 70% 120% at 14% 0%,color-mix(in srgb,var(--gold-dark) 16%,transparent),transparent 68%),radial-gradient(ellipse 60% 110% at 86% 100%,color-mix(in srgb,var(--oxblood) 18%,transparent),transparent 62%);} .loot-band h1{margin: 0;font-size: var(--fs-title-record);line-height: var(--lh-heading);letter-spacing: var(--tr-heading);color: var(--text-bright);} .loot-sub{margin: var(--sp-1) 0 var(--sp-3);font-size: var(--fs-small);line-height: var(--lh-body);text-wrap: balance;color: var(--text-dim);} .loot-plaque{max-width: min(38rem,100%);margin: var(--sp-2) 0 var(--sp-3);padding: var(--sp-3) var(--sp-4);border: 0.0625rem solid var(--border-bright);border-radius: var(--radius-2);background: repeating-linear-gradient(135deg,color-mix(in srgb,var(--gold-dark) 5%,transparent) 0 2px,transparent 2px 7px),linear-gradient(160deg,color-mix(in srgb,var(--parchment) 9%,var(--bg-3)),color-mix(in srgb,var(--oxblood) 10%,var(--bg-2))),var(--bg-3);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--parchment) 16%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--bg-deep) 55%,transparent),inset 2px 0 0 color-mix(in srgb,var(--gold-dark) 45%,transparent);} .loot-plaque figcaption{font-size: var(--fs-small);line-height: var(--lh-body);color: var(--text-secondary);} .loot-plaque figcaption strong{display: block;margin-bottom: var(--sp-1);font-size: var(--fs-caption);letter-spacing: var(--tr-label);text-transform: uppercase;color: var(--text-bright);} .loot-controls{display: flex;flex-wrap: wrap;align-items: center;gap: var(--sp-2);} .loot-controls label{font-size: var(--fs-small);color: var(--text-secondary);} .loot-controls select{min-width: min(16rem,100%);padding: 0.25rem calc(var(--sp-2) + 1.25rem) 0.25rem var(--sp-2);border: 0.0625rem solid var(--border);border-radius: var(--radius-2);-webkit-appearance: none;appearance: none;background-color: var(--bg-panel);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c9a033' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,color-mix(in srgb,var(--parchment) 5%,var(--bg-panel)),var(--bg-panel));background-repeat: no-repeat;background-position: right 0.75rem center,0 0;background-size: 0.625rem 0.375rem,auto;box-shadow: inset 0 1px 0 color-mix(in srgb,var(--parchment) 12%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--bg-deep) 45%,transparent);color: var(--text-primary);transition: border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out);} .loot-controls select:hover:not(:disabled){border-color: var(--border-bright);} .loot-controls select:focus-visible:not(:disabled){border-color: var(--border-bright);} .loot-controls select:active:not(:disabled){background-color: var(--bg-panel-hover);box-shadow: inset 0 1px 2px color-mix(in srgb,var(--bg-deep) 60%,transparent);} .loot-controls .loot-mini{min-width: min(9rem,100%);max-width: 16rem;} .loot-controls select:disabled{border-color: var(--border-subtle);color: var(--text-secondary);cursor: not-allowed;background-color: var(--bg-panel);box-shadow: none;} .loot-modes{display: flex;} .loot-mode-btn{padding: 0.25rem var(--sp-3);border: 0.0625rem solid var(--border);background: linear-gradient(180deg,color-mix(in srgb,var(--parchment) 5%,var(--bg-panel)),var(--bg-panel)),var(--bg-panel);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--parchment) 12%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--bg-deep) 45%,transparent);color: var(--text-secondary);font-family: inherit;font-size: var(--fs-small);cursor: pointer;transition: border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out);} .loot-mode-btn + .loot-mode-btn{border-left: none;} .loot-mode-btn:first-child{border-radius: var(--radius-2) 0 0 var(--radius-2);} .loot-mode-btn:last-child{border-radius: 0 var(--radius-2) var(--radius-2) 0;} .loot-mode-btn:hover{border-color: var(--border-bright);color: var(--text-primary);} .loot-mode-btn:active{background: var(--bg-panel-hover);box-shadow: inset 0 1px 2px color-mix(in srgb,var(--bg-deep) 60%,transparent);} .loot-mode-btn[aria-pressed="true"]{background: linear-gradient(180deg,color-mix(in srgb,var(--gold-dark) 25%,var(--bg-panel-hover)),var(--bg-panel-hover));border-color: var(--border-bright);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--gold-mid) 35%,transparent);color: var(--text-bright);} .loot-filter{min-width: min(14rem,100%);padding: 0.25rem var(--sp-2);border: 0.0625rem solid var(--border);border-radius: var(--radius-2);background: linear-gradient(180deg,color-mix(in srgb,var(--parchment) 5%,var(--bg-panel)),var(--bg-panel)),var(--bg-panel);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--parchment) 12%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--bg-deep) 45%,transparent);color: var(--text-primary);transition: border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out);} .loot-filter:hover{border-color: var(--gold-dark);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--parchment) 12%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--bg-deep) 45%,transparent),0 0 0 0.0625rem color-mix(in srgb,var(--gold-dark) 22%,transparent);} .loot-filter:active{background: var(--bg-panel-hover);box-shadow: inset 0 1px 2px color-mix(in srgb,var(--bg-deep) 60%,transparent);} .loot-filter::placeholder{color: var(--text-secondary);} @media (min-width: 64rem){.loot-band:has(> .loot-legend){display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;column-gap: 2.5rem;} .loot-band:has(> .loot-legend) > .loot-legend{flex: 1 1 26rem;margin-top: 0;} .loot-band:has(> .loot-legend) > .loot-plaque{flex: 1 1 30rem;margin-top: 0;}} .loot-legend{margin: 0.5rem 0 0;font-size: var(--fs-caption);line-height: var(--lh-body);color: var(--text-secondary);} .loot-freshness{margin: var(--sp-1) 0 0;max-width: 68ch;text-wrap: pretty;font-size: var(--fs-caption);line-height: var(--lh-tight);color: var(--text-secondary);} .loot-context{margin: 0 0 var(--sp-2);padding-bottom: 0.5rem;border-bottom: 0.0625rem solid var(--border-subtle);font-size: var(--fs-small);line-height: var(--lh-tight);color: var(--text-secondary);} .loot-status{margin: 0 0 var(--sp-1);font-size: var(--fs-small);line-height: var(--lh-body);color: var(--text-secondary);} .loot-error{padding: var(--sp-3);border: 0.0625rem solid var(--border-bright);border-radius: var(--radius-2);background: var(--oxblood);color: var(--text-bright);} .loot-missing{margin: 0 0 var(--sp-3);padding: 0.5rem var(--sp-3);border: 0.0625rem solid var(--border);border-radius: var(--radius-2);background: var(--bg-panel);font-size: var(--fs-small);line-height: var(--lh-body);color: var(--text-body);} .loot-empty{margin: var(--sp-3) 0;font-size: var(--fs-small);line-height: var(--lh-body);color: var(--text-dim);} .loot-table{width: 100%;border-collapse: collapse;font-size: var(--fs-small);} .loot-table th{padding: 0.25rem 0.5rem;border-bottom: 0.0625rem solid var(--border-bright);background: linear-gradient(180deg,color-mix(in srgb,var(--parchment) 7%,var(--bg-3)),color-mix(in srgb,var(--parchment) 3%,var(--bg-2)));box-shadow: inset 0 1px 0 color-mix(in srgb,var(--parchment) 12%,transparent),inset 0 -1px 0 var(--border);text-align: left;font-size: var(--fs-caption);letter-spacing: var(--tr-label);color: var(--text-secondary);} .loot-table td{padding: 0.25rem 0.5rem;border-bottom: 0.0625rem solid var(--border-subtle);background: linear-gradient(180deg,color-mix(in srgb,var(--parchment) 3%,transparent),transparent 70%);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--parchment) 5%,transparent);line-height: var(--lh-tight);color: var(--text-body);vertical-align: top;} .loot-table tbody tr{transition: background-color var(--dur-settled) var(--ease-out);} .loot-table tbody tr:nth-child(even){background: var(--bg-panel);} .loot-table tbody tr:hover{background: var(--bg-panel-hover);} .loot-table tbody tr:focus-within,.loot-table tbody tr:focus-visible{background: var(--bg-panel-hover);} .loot-item{color: var(--text-primary);} .rarity-unknown{color: var(--rarity-unknown);} .rarity-free{color: var(--rarity-free);} .rarity-common{color: var(--rarity-common);} .rarity-uncommon{color: var(--rarity-uncommon);} .rarity-quest{color: var(--rarity-quest);} .rarity-rare{color: var(--rarity-rare);} .rarity-epic{color: var(--rarity-epic-aa);} .rarity-legendary{color: var(--rarity-legendary);} .rarity-mythic{color: var(--rarity-mythic);} .loot-table .loot-item-icon,.loot-table .loot-icon-fallback{display: inline-block;flex: 0 0 auto;width: 24px;height: 24px;margin-right: var(--sp-2);vertical-align: -6px;border-radius: var(--radius-2);background: linear-gradient(160deg,color-mix(in srgb,var(--parchment) 12%,transparent),transparent 70%),var(--bg-2);box-shadow: 0 0 0 0.0625rem color-mix(in srgb,var(--gold-dark) 70%,var(--parchment)),inset 0 1px 0 color-mix(in srgb,var(--parchment) 22%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--bg-deep) 55%,transparent);} .loot-table .loot-icon-fallback{position: relative;} .loot-table .loot-icon-fallback::after{content: "";position: absolute;inset: 7px;border-radius: 1px;background: repeating-linear-gradient(135deg,color-mix(in srgb,var(--parchment) 16%,transparent) 0 2px,transparent 2px 4px);} #loot-pager-end{margin-top: 0;margin-bottom: 0;} .loot-legend-keep{display: block;break-inside: avoid;} .loot-src-name{color: var(--text-primary);} .loot-creature-context{display: block;font-size: var(--fs-caption);color: var(--text-secondary);} .loot-stack{white-space: nowrap;color: var(--text-secondary);} .loot-rate-value{color: var(--text-bright);font-variant-numeric: tabular-nums;} .loot-src{display: block;font-size: var(--fs-caption);color: var(--text-secondary);} .loot-unknown{color: var(--text-secondary);} .loot-unknown-facts{display: block;font-size: var(--fs-small);} .loot-value{white-space: nowrap;} .loot-value-gold{color: var(--text-bright);font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;} .loot-value-empty{color: var(--text-secondary);} .loot-note{margin: var(--sp-4) 0;font-size: var(--fs-small);line-height: var(--lh-body);color: var(--text-dim);} .loot-pager[hidden]{display: none;} .loot-pager{display: flex;align-items: center;gap: var(--sp-3);margin: var(--sp-2) 0 var(--sp-3);} .loot-page-btn{padding: var(--sp-1) var(--sp-3);border: 0.0625rem solid var(--border);border-radius: var(--radius-2);background: linear-gradient(180deg,color-mix(in srgb,var(--parchment) 5%,var(--bg-panel)),var(--bg-panel)),var(--bg-panel);box-shadow: inset 0 1px 0 color-mix(in srgb,var(--parchment) 12%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--bg-deep) 45%,transparent);color: var(--text-secondary);font-family: inherit;font-size: var(--fs-small);cursor: pointer;transition: border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out);} .loot-page-btn:hover:not(:disabled){border-color: var(--border-bright);color: var(--text-primary);} .loot-page-btn:focus-visible:not(:disabled){border-color: var(--border-bright);color: var(--text-primary);} .loot-page-btn:active:not(:disabled){background: var(--bg-panel-hover);box-shadow: inset 0 1px 2px color-mix(in srgb,var(--bg-deep) 60%,transparent);} .loot-page-btn:disabled{border-color: var(--border-subtle);color: var(--text-secondary);cursor: not-allowed;background: var(--bg-panel);box-shadow: none;} .loot-page-status{font-size: var(--fs-caption);line-height: var(--lh-tight);color: var(--text-dim);font-variant-numeric: tabular-nums;} @media (max-width: 40rem){.loot-band{margin: var(--sp-5) 0 var(--sp-3);} .loot-sub{margin-bottom: var(--sp-2);} .loot-controls{gap: var(--sp-1);} .loot-controls select,.loot-filter,.loot-controls .loot-mini{min-width: 100%;max-width: 100%;} .loot-src,.loot-creature-context{overflow-wrap: break-word;} .loot-freshness{margin-top: var(--sp-1);} .loot-pager{flex-wrap: wrap;} .loot-table thead{display: none;} .loot-table,.loot-table tbody{display: block;width: 100%;} .loot-table tbody tr,.loot-table tbody tr:nth-child(even),.loot-table tbody tr:hover,.loot-table tbody tr:focus-within,.loot-table tbody tr:focus-visible{display: block;margin: 0 0 var(--sp-2);padding: var(--sp-1) var(--sp-2);border: 0.0625rem solid var(--border);border-radius: var(--radius-2);background: var(--bg-panel);} .loot-table td{display: block;padding: 0.25rem 0 0;border-bottom: none;} .loot-table td::before{content: attr(data-label) ": ";font-size: var(--fs-caption);letter-spacing: var(--tr-label);color: var(--text-secondary);} .loot-table td.loot-item::before{content: none;} .loot-table .loot-stack,.loot-table .loot-value{white-space: normal;}} @media (prefers-reduced-motion: reduce){.loot-table tbody tr,.loot-controls select,.loot-mode-btn,.loot-page-btn,.loot-filter{transition: none;}} @media (max-width: 63.99rem){.loot-controls select,.loot-filter,.loot-mode-btn,.loot-page-btn{min-height: 2.75rem;}} @media (min-width: 40.01rem) and (max-width: 63.99rem){.loot-controls label{flex-basis: 100%;}} .loot-sub,.loot-empty,.loot-note,.loot-unknown,.loot-page-status{color: color-mix(in srgb,var(--parchment) 40%,var(--text-dim));} .loot-controls label,.loot-controls select:disabled,.loot-mode-btn,.loot-page-btn,.loot-page-btn:disabled,.loot-plaque figcaption,.loot-context,.loot-status,.loot-stack,.loot-table th{color: color-mix(in srgb,var(--parchment) 40%,var(--text-secondary));} .loot-page-btn:disabled{color: color-mix(in srgb,var(--parchment) 40%,var(--text-dim));border-color: color-mix(in srgb,var(--border) 55%,transparent);background: var(--bg-panel);} .loot-value-empty,.loot-legend,.loot-freshness,.loot-src,.loot-creature-context,.loot-filter::placeholder,.loot-table td::before{color: color-mix(in srgb,var(--parchment) 72%,var(--text-muted));} .loot-wayfind{margin: 0 0 var(--sp-2);font-size: var(--fs-body);line-height: 1;} .loot-wayfind a{text-decoration: none;} .loot-sub{font-size: var(--fs-h4);line-height: 1.2;} .loot-sub,#main figcaption{max-width: 70ch;} #loot-context{max-width: 54ch;text-wrap: balance;} @media (max-width: 37.5rem){.loot-wayfind{font-size: var(--fs-body);} main.shell{padding-top: 6.25rem;}} @media (min-width: 64rem){.loot-controls{flex-wrap: nowrap;} .loot-legend{columns: 2;column-gap: 2rem;} .loot-filter{min-width: 11rem;flex: 1 1 11rem;} .loot-controls select{min-width: 8rem;max-width: 22rem;flex: 1 1 15rem;} .loot-controls .loot-mini{min-width: 0;max-width: 12rem;flex: 0 0 auto;}} .loot-sub,#main .loot-plaque figcaption,.loot-legend,.loot-context{max-width: 36em;} .loot-table th,.loot-table td{padding: 6px 8px;} .loot-table tbody tr{min-height: 36px;} .loot-table th,.loot-table thead th{color: var(--parchment);font-weight: 700;text-transform: uppercase;} .loot-table td,.loot-table th{font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;letter-spacing: 0;} .loot-table th:nth-child(2),.loot-table th:nth-child(4),.loot-table td.loot-stack,.loot-table td.loot-value{text-align: right;} .loot-table th:nth-child(2),.loot-table td.loot-stack{width: 5.5rem;} .loot-table th:nth-child(4),.loot-table td.loot-value{width: 7.5rem;} .loot-value-gold,.coin,.loot-rate-value,.loot-stack{font-weight: 700;font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;} .loot-unknown-facts,.loot-src{display: block;margin-top: 2px;font-size: var(--fs-micro);line-height: var(--lh-tight);letter-spacing: var(--tr-label);color: var(--text-muted);} .loot-table td.loot-item{display: flex;align-items: center;gap: 0;min-height: 24px;} .loot-item,.loot-src-name{font-size: var(--fs-small);color: var(--text-bright);} .loot-item.rarity-unknown,.loot-src-name.rarity-unknown{color: var(--rarity-unknown);} .loot-item.rarity-free,.loot-src-name.rarity-free{color: var(--rarity-free);} .loot-item.rarity-common,.loot-src-name.rarity-common{color: var(--rarity-common);} .loot-item.rarity-uncommon,.loot-src-name.rarity-uncommon{color: var(--rarity-uncommon);} .loot-item.rarity-quest,.loot-src-name.rarity-quest{color: var(--rarity-quest);} .loot-item.rarity-rare,.loot-src-name.rarity-rare{color: var(--rarity-rare);} .loot-item.rarity-epic,.loot-src-name.rarity-epic{color: var(--rarity-epic-aa);} .loot-item.rarity-legendary,.loot-src-name.rarity-legendary{color: var(--rarity-legendary);} .loot-item.rarity-mythic,.loot-src-name.rarity-mythic{color: var(--rarity-mythic);} .loot-empty[data-state]{margin: var(--sp-3) 0;padding: var(--sp-3) var(--sp-4);border: 0.0625rem solid var(--border);border-radius: var(--radius-2);background: var(--bg-panel);} .loot-empty[data-state="loading"]{color: var(--text-secondary);} .loot-empty[data-state="loading"]::after{content: "";display: block;margin-top: var(--sp-2);height: 108px;border-radius: var(--radius-1);background: linear-gradient(90deg,var(--bg-3) 0 62%,transparent 62%) 0 0 / 100% 12px no-repeat,linear-gradient(90deg,var(--bg-3) 0 88%,transparent 88%) 0 36px / 100% 12px no-repeat,linear-gradient(90deg,var(--bg-3) 0 44%,transparent 44%) 0 72px / 100% 12px no-repeat;animation: loot-skeleton 1.4s var(--ease-out) infinite;} @keyframes loot-skeleton{0%,100%{opacity: 0.45;} 50%{opacity: 1;}} .loot-empty[data-state="empty"]{color: var(--parchment);border-color: var(--border-subtle);} .loot-empty[data-state="error"]{border-color: var(--parchment-dark);background: var(--oxblood);color: var(--parchment);} .loot-freshness[data-state="stale"],.loot-missing:not([hidden]){border-left: 3px solid var(--gold-dim);padding-left: var(--sp-3);color: var(--parchment);} .loot-controls select:disabled,.loot-page-btn:disabled{opacity: 0.55;filter: saturate(0.4);} @media (min-width: 40.01rem) and (max-width: 63.99rem){.loot-table th:nth-child(2),.loot-table td.loot-stack{width: 4.5rem;} .loot-table th:nth-child(4),.loot-table td.loot-value{width: 6rem;} .loot-table th,.loot-table td{padding: 6px 6px;}} @media (max-width: 40rem){.loot-table tbody tr,.loot-table tbody tr:nth-child(even){padding: var(--sp-2);} .loot-table td.loot-item{margin-bottom: var(--sp-1);padding-bottom: var(--sp-1);border-bottom: 0.0625rem solid var(--border-subtle);font-size: var(--fs-body);} .loot-table td:not(.loot-item){display: flex;align-items: baseline;justify-content: space-between;gap: var(--sp-3);width: auto;text-align: right;} .loot-table td:not(.loot-item)::before{flex: 0 0 auto;text-align: left;text-transform: uppercase;} .loot-table td .loot-src,.loot-table td .loot-unknown-facts{flex-basis: 100%;text-align: left;}} @media (prefers-reduced-motion: reduce){.loot-empty[data-state="loading"]::after{animation: none;opacity: 0.7;}} @media (min-width: 40.01rem){.loot-table tbody td{height: 36px;}} .loot-item-icon,.loot-icon-fallback{width: 28px;height: 28px;background-color: #2a2419;box-shadow: 0 0 0 1px var(--gold-dim);} #loot-filter-label{position: static;width: auto;height: auto;overflow: visible;clip-path: none;} @media (max-width: 40rem){.loot-table td.loot-rate{flex-wrap: wrap;} .loot-table td.loot-rate .loot-rate-value{margin-left: auto;text-align: right;}} @media (max-width: 40rem){.loot-table tbody td{height: auto;min-height: 0;} .loot-table td.loot-rate,.loot-table td.loot-value{align-items: flex-start;flex-wrap: wrap;row-gap: 2px;} .loot-table td .loot-unknown,.loot-table td .coin,.loot-table td .loot-value-gold,.loot-table td .loot-value-empty{margin-left: auto;text-align: right;} .loot-table td .loot-unknown-facts,.loot-table td .loot-src{flex: 1 0 100%;margin-left: 0;text-align: left;} .loot-controls{display: grid;grid-template-columns: 1fr;gap: var(--sp-2);align-items: stretch;} .loot-controls label{display: block;margin-bottom: 2px;font-size: var(--fs-caption);text-transform: uppercase;letter-spacing: var(--tr-label);color: var(--parchment);} .loot-controls select,.loot-controls input,.loot-controls .loot-mini,.loot-controls .loot-filter{width: 100%;min-height: 2.75rem;}} .loot-item-icon,.loot-icon-fallback{width: 32px;height: 32px;overflow: hidden;} .loot-item-icon{object-fit: contain;transform: scale(1.32);} @media (min-width: 40.01rem){.loot-table tbody td{height: 40px;}} .loot-table tbody tr:nth-child(even){background: none;} .loot-table th:nth-child(3),.loot-table td.loot-rate{text-align: right;width: 8.5rem;} .loot-table td.loot-rate{justify-content: flex-end;} @media (max-width: 40rem){.loot-table td.loot-rate{width: auto;justify-content: space-between;}} .loot-pager button:disabled,.loot-pager .btn:disabled{opacity: 1;filter: none;color: var(--text-muted);border-color: var(--border-subtle);background: var(--bg-2);cursor: not-allowed;} .loot-unknown{font-weight: 700;font-variant-numeric: tabular-nums;} .loot-table td.loot-item .loot-item-icon,.loot-table td.loot-item .loot-icon-fallback{flex: 0 0 32px;margin-right: var(--sp-2);} .loot-table td.loot-item .loot-item-icon,.loot-table td.loot-item .loot-icon-fallback{margin-left: 5px;margin-right: calc(var(--sp-2) + 5px);} .loot-table td.loot-item .loot-icon-fallback{margin-left: 0;margin-right: calc(var(--sp-2) + 10px);} .loot-unknown{font-weight: 700;color: var(--ash);} .loot-table tbody td{vertical-align: middle;} .loot-table th:first-child,.loot-table td.loot-item{padding-left: var(--sp-3);} .loot-controls .loot-field{display: flex;flex-direction: column;gap: 0.25rem;flex: 1 1 12rem;min-width: 0;} .loot-controls .loot-field > label{white-space: nowrap;} .loot-controls .loot-field > select,.loot-controls .loot-field > input{width: 100%;min-width: 0;max-width: none;flex: 0 0 auto;} .loot-controls .loot-field-mini{flex: 0 1 10rem;} .loot-controls .loot-field-filter{flex: 1 1 12rem;} .loot-controls .loot-field-picker{flex: 2 1 18rem;} .loot-controls .loot-field-modes{flex: 0 0 auto;} .loot-controls .loot-field-caption{font-size: var(--fs-small);color: var(--text-secondary);white-space: nowrap;} .loot-controls .loot-modes{flex: 0 0 auto;} @media (max-width: 37.5rem){.loot-controls{display: flex;flex-direction: column;align-items: stretch;} .loot-controls .loot-modes{align-self: stretch;} .loot-controls .loot-field{flex: 0 0 auto;flex-direction: row;align-items: center;gap: var(--sp-2);} .loot-controls .loot-field > label{flex: 0 0 5.5rem;} .loot-controls .loot-field > select,.loot-controls .loot-field > input{flex: 1 1 auto;}}