/* Earned travel medals, independent of XP levels. */
.collection-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;scroll-padding-inline:8px;overscroll-behavior-x:contain}.collection-tabs>button{flex:1 0 82px;white-space:nowrap;padding:10px 9px}.collection-tabs>button:focus-visible{outline:2px solid #82986a;outline-offset:-2px}
.legendary-chip{display:inline-block;border:1px solid #d6bd7080;background:#edcb7220;color:#ffe4a0;font-size:9px;padding:6px 10px;border-radius:20px;margin-top:10px;line-height:1.4}.legendary-chip[hidden]{display:none}
.legendary-achievement{display:flex;align-items:center;gap:17px;padding:19px 20px;border:1px solid #d6d9bf;background:#f1f0e2;border-radius:14px;margin:0 0 23px;color:#7b8165}.legendary-achievement>i{display:grid;place-items:center;width:55px;height:55px;border:1px dashed #afb98e;border-radius:50%;flex-shrink:0}.legendary-achievement .level-icon{width:33px;height:33px}.legendary-achievement .eyebrow{display:block;font-size:7px;letter-spacing:1.4px;line-height:1.5}.legendary-achievement strong{display:block;font:26px/1.2 var(--serif);margin:6px 0}.legendary-achievement p{font-size:11px;line-height:1.5;margin:0}.legendary-achievement.is-earned{color:#ffedb2;border-color:#bda262;background:linear-gradient(125deg,#3b563f,#254334);box-shadow:inset 0 0 0 4px #fbe7aa0b}.legendary-achievement.is-earned>i{border-color:#eed183;background:#d2aa4d21}
.medal-progress{margin:0 0 24px;padding:15px 0;border-top:1px solid #d4dcc4;border-bottom:1px solid #d4dcc4}.medal-progress>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px}.medal-progress strong{font:33px var(--serif);color:#3b5d45}.medal-progress strong>small{font:12px var(--sans);color:#809171}.medal-progress span,.medal-progress p{font-size:11px;color:#7f8c70}.medal-progress p{margin:8px 0 0;line-height:1.5}
.medal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}.medal-card{display:flex;align-items:center;flex-direction:column;text-align:center;border:1px solid #dce0ca;border-radius:15px;background:radial-gradient(ellipse at 50% 45%,#fcf6de,#f8f7ed);padding:11px 8px 17px;color:#4a684a;min-width:0;width:100%;transition:transform .2s,border-color .2s}.territory-medal{display:block;width:100%;height:auto;max-width:180px;filter:drop-shadow(0 5px 3px #53412526)}.territory-medal[data-earned=false]{filter:saturate(.65);opacity:.6}.medal-card>strong{font-size:12px;margin:2px 0 5px}.medal-card>small{font-size:10px;line-height:1.4;color:#7f8b70}.medal-card[data-earned=true]{border-color:#baac76;background:radial-gradient(ellipse at 50% 45%,#fff5d7,#f2f0e1)}.medal-card:hover{transform:translateY(-3px);border-color:#859b68}.medal-card:focus-visible{outline:3px solid #859b68;outline-offset:3px}.medal-detail-art{display:grid;place-items:center;background:radial-gradient(ellipse at center,#fff6d4,#f1f1e3);border-radius:16px;margin:10px 0 20px;padding:15px}.medal-detail-art .territory-medal{max-width:260px}
.xp-explanation{grid-template-columns:repeat(3,minmax(0,1fr))}.xp-medal-up{border-color:#dfbd60;background:linear-gradient(125deg,#385740,#596644)}.xp-reward-icon .territory-medal{width:48px;max-width:48px;height:56px;overflow:visible}.xp-medal-up .xp-reward-icon{border:0;background:transparent}
@media(max-width:760px){.collection-tabs{gap:5px}.collection-tabs>button{flex:0 0 auto;min-width:82px;font-size:11px}.medal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.medal-card{padding:9px 7px 15px}.medal-card .territory-medal{max-width:145px}.legendary-achievement{padding:15px 13px;gap:12px}.legendary-achievement strong{font-size:24px}.legendary-achievement>i{width:42px;height:42px}.legendary-achievement .level-icon{width:26px;height:26px}.legendary-achievement p{font-size:10px}.medal-progress>div{flex-wrap:wrap;gap:4px}.xp-explanation{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.medal-card{transition:none}}

/* Material labels remain readable before the milestone is earned. */
.medal-card,.medal-detail-art{--medal-tint:#fff0dd;--medal-paper:#f8f2e8;--medal-border:#b89473;--medal-ink:#734c2c}
[data-material=silver]{--medal-tint:#f2f7fe;--medal-paper:#edf0f4;--medal-border:#a5b3c4;--medal-ink:#4b617b}
[data-material=gold]{--medal-tint:#fff3c4;--medal-paper:#faf2dc;--medal-border:#c4a14e;--medal-ink:#7b5a13}
[data-material=platinum]{--medal-tint:#fffff6;--medal-paper:#eeeee5;--medal-border:#aaa99b;--medal-ink:#62665c}
[data-material=chrome]{--medal-tint:#f1faff;--medal-paper:#e5edf1;--medal-border:#819aa8;--medal-ink:#354f5e}
[data-material=carbon]{--medal-tint:#e5ecef;--medal-paper:#e1e5e7;--medal-border:#6b7b85;--medal-ink:#253c4a}
[data-material=diamond]{--medal-tint:#f7ffff;--medal-paper:#e8eef8;--medal-border:#99bfce;--medal-ink:#346e86}
[data-material=earth]{--medal-tint:#e6f7ed;--medal-paper:#e0edf1;--medal-border:#7da6a4;--medal-ink:#27645f}
.medal-card[data-earned=true],.medal-detail-art{background:radial-gradient(ellipse at 50% 45%,var(--medal-tint),var(--medal-paper));border-color:var(--medal-border)}
.medal-material{display:inline-block;max-width:100%;box-sizing:border-box;border:1px solid var(--medal-border);border-radius:20px;padding:4px 9px;margin:1px 0 8px;background:var(--medal-tint);color:var(--medal-ink);font-size:10px;font-weight:650;line-height:1.4}
.medal-detail-art>.medal-material{font-size:12px;padding:5px 13px;margin-top:7px}