.event-name-with-rewards{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;vertical-align:middle}
.event-name-with-rewards>.event-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:24px}
.event-reward-badges{display:inline-flex!important;align-items:center;gap:3px;flex-shrink:0;overflow:visible!important;vertical-align:middle;text-decoration:none!important}
.event-reward-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;box-sizing:border-box;border-radius:50%;background:var(--panel2);border:1px solid var(--line);color:var(--text);overflow:hidden;text-shadow:none;color-scheme:inherit}
.event-reward-badge img{display:block;width:19px;height:19px;object-fit:contain}
.event-reward-badge img,.reward-icon-crop{mask-size:100% 100%;mask-repeat:no-repeat}
.reward-icon-crop{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%}.reward-icon-crop img{position:absolute;max-width:none;object-fit:fill}
.reward-initial{font-size:10px;font-weight:700;color:var(--text)}
.event-reward-more,.reward-compact-count{color:var(--text);background:var(--panel2);border-radius:4px;padding:0 2px;text-shadow:none}
.event-reward-more{font-size:9px;line-height:20px;text-decoration:none}
.reward-compact-count{display:none}
.version-calendar .timeline-event:has(.event-reward-badges){container-type:inline-size}
.timeline-event-content>.event-name-with-rewards{display:inline-flex;overflow:hidden}
.pickup-text strong.event-name-with-rewards{display:inline-flex;overflow:hidden}
.event-reward-detail{padding:18px 0;border-top:1px solid var(--line);color:var(--text)}
.event-reward-detail h3{font-size:13px;margin:0 0 12px}.event-reward-detail ul{list-style:none;padding:0;margin:0}
.event-reward-detail>ul{display:grid;gap:14px}.event-reward-detail>ul>li{display:flex;align-items:flex-start;gap:10px;font-size:13px}.event-reward-detail .event-reward-badge{width:32px;height:32px;flex-basis:32px}.event-reward-detail .event-reward-badge img{width:28px;height:28px}
.reward-item-info{flex:1;min-width:0}.reward-item-name{display:block;font-weight:600}.reward-quantity-unknown{display:block;color:var(--muted);font-size:12px;margin-top:3px}.reward-amounts>li{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin-top:4px}.reward-amounts strong{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}.reward-amounts details{flex:1;min-width:100px;color:var(--muted);font-size:11px}.reward-amounts summary{cursor:pointer;width:fit-content;padding:3px 0}.reward-amounts details p{overflow-wrap:anywhere}
.event-reward-detail p{font-size:11px;color:var(--muted);line-height:1.7;margin:10px 0 0}
@media(max-width:700px){.event-name-with-rewards{gap:4px}.event-reward-badges{gap:2px}.event-reward-badge{width:20px;height:20px;flex-basis:20px}.event-reward-badge img{width:18px;height:18px}}
@container (max-width:140px){
 .timeline-event-content:has(.event-reward-badges)>.type-icon,.story-copy:has(.event-reward-badges)>.story-icon{display:none}
 .event-name-with-rewards>.event-name{min-width:0}
 .event-reward-badges>.event-reward-badge:nth-child(n+2),.event-reward-badges>.event-reward-more{display:none}
 .event-reward-badges>.reward-compact-count{display:inline;font-size:8px;line-height:18px}
 .event-reward-badges .event-reward-badge{width:18px;height:18px;flex-basis:18px}
 .event-reward-badges .event-reward-badge>img{width:16px;height:16px}
}