.resource-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px;line-height:1.2}.resource-summary .resource-level{font-size:11px;color:#ffe09b;font-weight:650}.resource-pips{display:inline-flex;gap:3px}.resource-pip{display:block;width:8px;height:8px;transform:rotate(45deg);border:1px solid #997a3c88;border-radius:1px;background:#1b2630;transition:background .5s,box-shadow .5s}.resource-pip.filled{background:#f6ca60;border-color:#fff0af;box-shadow:0 0 6px #f9c95788}.resource-summary .resource-level[title]{cursor:help}
@media(max-width:900px){.resource-summary{gap:6px}.resource-summary .resource-level{font-size:9px}.resource-pip{width:6px;height:6px}}
@media(max-width:600px){.resource-summary{gap:5px;margin-top:4px}.resource-summary .resource-level{font-size:8px}.resource-pips{gap:2px}.resource-pip{width:5px;height:5px}}
@media(prefers-reduced-motion:reduce){.resource-pip{transition:none}}