.career-badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px;margin:20px 0 28px}.career-badge{min-width:0;padding:12px;border:1px solid var(--border,#85857540);border-radius:16px;text-align:center}.career-badge-art{width:100%;aspect-ratio:1;background-color:#f7f3e9;background-image:url('career-badges/sheet-v1.webp');background-size:400% 600%;background-position:var(--badge-x) var(--badge-y);border-radius:12px}.career-badge h4{font-family:inherit;margin:12px 0 6px;font-size:14px}.career-badge p{font-size:12px;line-height:1.5;margin:0 0 8px}.career-badge small{display:block;font-size:11px;line-height:1.5}.career-badge progress{width:100%;height:6px;margin-top:10px;accent-color:#71836c}.career-badge.is-locked .career-badge-art{filter:grayscale(1);opacity:.48}.career-badge.is-planned .career-badge-art{filter:grayscale(1);opacity:.3}.career-badge.is-earned{border-color:#839476}.career-badge.is-earned small{color:#67815b}@media(max-width:420px){.career-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.career-badge{padding:8px}}

.career-team-badges{display:flex;flex-wrap:wrap;gap:10px;min-width:140px;max-width:300px;margin:0 0 8px}.career-team-badge{margin:0;width:76px;text-align:center}.career-team-badge .career-badge-art{width:76px;height:76px}.career-team-badge figcaption{font-size:10px;line-height:1.3;margin-top:5px;white-space:normal}

.career-team-badge summary{cursor:pointer;list-style:none;font-size:10px;line-height:1.3}.career-team-badge summary::-webkit-details-marker{display:none}.career-team-badge summary .career-badge-art{display:block;margin-bottom:5px}.career-team-badge[open]{width:240px;max-width:100%}.career-team-badge[open] summary .career-badge-art{margin-inline:auto}.career-badge-explanation{text-align:left;font-size:12px;line-height:1.5;margin-top:10px}.career-badge-explanation p{margin:6px 0}.career-badge-info{margin-top:12px}.career-badge-info summary{cursor:pointer;font-size:12px;text-decoration:underline}.career-team-badge summary:focus-visible,.career-badge-info summary:focus-visible{outline:2px solid #8aa97d;outline-offset:4px}


.career-next{display:flex;gap:16px;align-items:center;margin:20px 0;padding:16px;border:1px solid #83947670;border-radius:16px}.career-next>div{width:88px;flex-shrink:0}.career-next .career-badge-art{display:block}.career-next section{min-width:0;flex:1}.career-next strong,.career-next small{display:block}.career-next p{margin:6px 0;font-size:13px}.career-next progress{width:100%;accent-color:#71836c}.career-celebration{color:inherit;background:var(--surface,#f7f3e9);border:1px solid #839476;border-radius:22px;padding:24px;width:min(90vw,550px);max-height:85vh;overflow:auto;text-align:center;font-family:inherit}.career-celebration::backdrop{background:#0009}.career-celebration-awards{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.career-celebration figure{margin:12px 0;width:170px}.career-celebration .career-badge-art{display:block;animation:badge-arrive .45s ease-out}.career-celebration figcaption p{font-size:13px}.career-celebration h2{font-family:inherit}.career-celebration form{margin:0}@keyframes badge-arrive{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.career-celebration .career-badge-art{animation:none}}
.career-badge-art{display:block}.career-celebration{background:var(--wash,#f5f5f7);color:var(--ink,#1d1d1f)}html[data-theme="dark"] .career-celebration{background:#1c1c1e;color:#f5f5f7}.career-celebration .career-badge-art{border-radius:14px}.career-next small{color:var(--muted,#6e6e73)}