/* V44 — local changes to the existing Zelda reward browser, not its directory structure. */
.resource-loot-v31 .loot-art{height:111px;padding:8px 12px}
.resource-loot-v31 .loot-art-crop{display:block;width:100%;height:100%;overflow:hidden;flex:none;filter:drop-shadow(0 3px 2px #273D5810)}
.resource-loot-v31 .loot-art-pool>.loot-art-crop{width:30%;height:90%}
.resource-loot-v31 .loot-item-copy{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;padding:10px 11px 11px}
.resource-loot-v31 .loot-item-name{display:flex;align-items:baseline;justify-content:space-between;gap:7px;width:100%;min-width:0}
.resource-loot-v31 .loot-item-name>strong{display:block;min-width:0;flex:1;font-size:16px;line-height:1.4;font-weight:600;color:#273A54;overflow-wrap:break-word}
.resource-loot-v31 .loot-item-name>.loot-chances{flex:none;margin-left:0;align-self:baseline}
.resource-loot-v31 .loot-item-name>.loot-chances:has(.loot-chance-text){max-width:48%}
.resource-loot-v31 .loot-item-name .loot-chance>b{font-size:18px;line-height:1.3}
.resource-loot-v31 .loot-item-copy>.loot-chances{align-self:flex-start;margin-left:0;justify-content:flex-start}
.resource-loot-v31 .loot-item-copy>.loot-chances .loot-chance{justify-content:flex-start}
.resource-loot-v31 .loot-chance-text>span{font-size:13px;line-height:1.4;color:#718198}
.resource-loot-v31 .loot-stat>svg{width:18px;height:18px;display:block;flex:none}
.resource-loot-v31 .loot-reward-kind{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;max-width:100%;padding:3px 7px;border-radius:5px;background:#FBF1DA;color:#77581A;font-size:12px;line-height:1.4;font-weight:550}
.resource-loot-v31 .loot-reward-kind::before{content:"";display:block;width:6px;height:6px;flex:none;background:currentColor;border-radius:50%}
.resource-loot-v31 .loot-reward-kind.is-fixed{background:#E7F3EC;color:#24664B}
.resource-loot-v31 .loot-reward-kind.is-conditional,.resource-loot-v31 .loot-reward-kind.is-special{background:#EBF0FC;color:#3C5891}
.resource-loot-v31 .loot-category-heading>.loot-reward-kind{align-self:center}
.resource-loot-v31 .loot-chance-note{font-size:13px!important;line-height:1.5!important;gap:2px 7px;margin-bottom:16px}
.resource-loot-v31 .loot-focus-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px;margin-bottom:11px;min-width:0}
.resource-loot-v31 .loot-focus-title>h4{flex:1;min-width:0;margin:0;overflow-wrap:break-word}
.resource-loot-v31 .loot-focus-title>.loot-chances{flex:none;margin-left:0}
.resource-loot-v31 .loot-focus-heading .loot-art-large{padding:11px}
.resource-loot-v31 .loot-focus-preview .loot-art-large{padding:14px}
.resource-loot-v31 .loot-progress-key{display:flex;flex-wrap:wrap;gap:2px 7px;margin:0 0 16px;font-size:13px;line-height:1.5;color:#647791}
.resource-loot-v31 .loot-progress-rates{display:grid;width:100%;min-width:0;gap:5px;margin:1px 0 0;padding-top:7px;border-top:1px solid #E8EDF3}
.resource-loot-v31 .loot-progress-rates>div{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:3px 6px;font-size:12px;line-height:1.45}
/* Override the site's general mobile definition-list typography, including its ID specificity. */
#siteRoot .resource-loot-v31 .loot-progress-rates :is(dt,dd),.resource-loot-v31 .loot-progress-rates :is(dt,dd){margin:0;min-width:0;font-size:inherit;line-height:inherit;word-break:normal;overflow-wrap:normal}
.resource-loot-v31 .loot-progress-rates dt{color:#697B90;white-space:nowrap}
.resource-loot-v31 .loot-progress-value{text-align:right;color:#3E5C80;font-variant-numeric:tabular-nums;white-space:nowrap}
.resource-loot-v31 .loot-progress-note{grid-column:1/-1;text-align:left;color:#697B90;font-weight:400;white-space:normal}
.resource-loot-v31 .loot-inline-value{margin:0;font-size:13px;line-height:1.5;color:#526A87}
.resource-loot-v31 .loot-inline-rules{margin-top:18px;padding-top:12px;border-top:1px solid #E4EAF2}
.resource-loot-v31 .loot-inline-rules .loot-notes{margin:0;font-size:13px;line-height:1.5}
@container lootrewards (max-width:650px){
 .resource-loot-v31 .loot-item-copy{padding:9px;gap:6px}
 .resource-loot-v31 .loot-item-name{gap:6px}
 .resource-loot-v31 .loot-item-name>strong{font-size:15px}
 .resource-loot-v31 .loot-item-name .loot-chance>b{font-size:17px}
 .resource-loot-v31 .loot-focus-heading .loot-art-large{padding:8px}
}