/* Album pages keep the existing fixed shell, with visible requirements and progress. */
.award-collection-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;flex-shrink:0}
.award-collection-choice[hidden]{display:none}
.award-collection-choice label{font-size:13px;color:#b4c8d9}
#awardCollection{max-width:72%;padding:8px 10px;font-size:13px}
#awardsList{overflow:hidden}
#awardsModal>.boss-awards-modal{padding:18px 24px}
#awardsModal>.modal>.modal-mark{display:none}
#awardsModal>.modal>h2{font-size:24px;margin:4px 0 6px}
#awardsModal #awardTabs{margin:5px 0 8px}
#awardsModal #awardTabs button{padding:7px 6px}
#awardsModal .awards-footer{height:32px}
.award-collection-choice{margin-bottom:6px}
#awardCollection{padding:6px 10px}
#awardsList>.award-summary{padding:8px 10px}
#awardsList>.award-tip{margin:7px 0;font-size:11px;line-height:1.35}
#awardsList>.award-grid{grid-template-rows:repeat(3,minmax(min-content,1fr))}
#awardsList>.award-grid:not(:has(.award-card:nth-child(5))){grid-template-rows:repeat(2,minmax(min-content,1fr))}
#awardsList .award-card{padding:8px}
#awardsList .award-card b{font-size:13px;line-height:1.25}
#awardsList .award-card small{font-size:10.5px;line-height:1.35;margin-top:3px}
#awardsList .award-count{font-size:10px;line-height:1.3;margin-top:4px}
#awardsList .award-card>div{min-width:0;width:100%}
.award-card{--medal-color:#e7cf81}
.award-card[data-collection=activity]{--medal-color:#7bddce}
.award-card[data-collection=techniques]{--medal-color:#95bcff}
.award-card[data-collection=experience]{--medal-color:#d6b0ff}
.award-card[data-collection=castle]{--medal-color:#ffa981}
.award-card[data-collection=combat]{--medal-color:#ffda72}
#awardsList .award-card.earned{border-color:color-mix(in srgb,var(--medal-color) 35%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--medal-color) 10%,transparent),#ffffff02)}
#awardsList .award-card.earned b{color:var(--medal-color)}
.medal-repeat-count{position:absolute;top:0;right:-5px;min-width:18px;height:18px;padding:0 3px;display:grid;place-items:center;border:1px solid #ffe3a3;border-radius:6px;background:#203148;color:#ffe7aa;font-size:10px;font-style:normal;font-weight:900}
.award-progress-copy{display:block;margin-top:5px;font-size:10px;line-height:1.25;color:#a8bfd1}
.award-progress{height:4px;margin-top:5px;overflow:hidden;border-radius:4px;background:#071727}
.award-progress>i{display:block;height:100%;border-radius:inherit;background:var(--medal-color);opacity:.6}
.earned .award-progress>i{opacity:1}
@media(max-width:560px){#awardsModal>.boss-awards-modal{padding:14px}#awardsModal>.modal>h2{font-size:23px}.award-collection-choice{margin-bottom:6px;gap:8px}.award-collection-choice label,#awardCollection{font-size:11px}#awardCollection{padding:6px 8px}#awardsList .award-card{padding:7px 6px}#awardsList .award-card b{font-size:11px}#awardsList .award-card small{font-size:9.5px;line-height:1.25}#awardsList .award-count{font-size:9px;margin-top:3px}.award-progress-copy{font-size:9px;margin-top:3px}.award-progress{margin-top:3px;height:3px}.medal-repeat-count{height:15px;min-width:15px;font-size:8px;right:-4px}}
@media(max-width:380px){#awardsList .award-card{display:block;text-align:left}#awardsList .training-medal{float:left;width:20px;height:23px;margin:0 6px 2px 0}#awardsList .award-card>div{width:auto}}