/* ReelRoster originals: machined plates, dark enamel, and five-member charter gold. */
.mc-profile-rack { border-top: 3px solid #ffbf47; }
.mc-empty-rack { display:flex; align-items:center; gap:20px; }
.mc-empty-rack p { color:#aebec0; font-size:13px; line-height:1.65; margin-top:8px; }
.mc-founder-banner { display:grid; grid-template-columns:1fr auto; gap:7px 16px; border:1px solid #806a38; border-left:5px solid #ffbf47; padding:16px 19px; margin-bottom:20px; background:#1b211d; color:#ffdc88; font:11px var(--mono,monospace); letter-spacing:1.3px; }
.mc-founder-banner strong { grid-row:span 2; align-self:center; color:#67ead0; font-size:25px; letter-spacing:1px; }
.mc-founder-banner small { font-size:9px; color:#beccb7; }
dialog:has(.mc-catalog) { width:min(1000px,calc(100% - 24px)); }
.mc-collection-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:8px 0 25px; border-bottom:1px solid #455348; }
.mc-collection-heading h3 { font:50px/.98 var(--display,Impact,sans-serif); text-transform:uppercase; letter-spacing:.6px; margin:13px 0; }
.mc-collection-heading p:not(.eyebrow) { font-size:13px; color:#becac8; line-height:1.65; }
.mc-count { min-width:95px; border-left:1px solid #455348; padding-left:20px; }
.mc-count strong { display:block; color:#d4ff3f; font:58px/.95 var(--display,Impact,sans-serif); }
.mc-count strong span { color:#7d9193; font:20px var(--mono,monospace); white-space:nowrap; }
.mc-count small { color:#97a8a8; font:9px var(--mono,monospace); letter-spacing:1.5px; }
.mc-filter { display:flex; gap:7px; margin:20px 0 12px; flex-wrap:wrap; }
.mc-filter button { border:1px solid #425a61; padding:11px 16px; min-height:44px; font-size:12px; font-weight:750; color:#c2ceca; background:#0b171d; }
.mc-filter button[aria-pressed=true] { color:#d4ff3f; background:#203021; border-color:#8db43b; }
.mc-catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:23px; }
.mc-catalog-card {  display:flex; align-items:flex-start; gap:14px; min-width:0; padding:20px 16px; background:#0a151b; border:1px solid #33474c; border-top:3px solid #496064; position:relative; }
.mc-catalog-card.mc-earned { border-top-color:var(--medal-accent); background:#111f24; }
.mc-catalog-card.mc-founder { border-color:#856b38; background:#18211f; }
.mc-catalog-art { flex:0 0 88px; padding-top:10px; }
.mc-catalog-art svg { width:100%; height:auto; }
.mc-catalog-card:not(.mc-earned) .mc-catalog-art { opacity:.65; }
.mc-catalog-card.mc-founder .mc-catalog-art { opacity:1; }
.mc-catalog-copy { min-width:0; flex:1; }
.mc-classification { font:9px/1.6 var(--mono,monospace); letter-spacing:.8px; text-transform:uppercase; color:var(--medal-accent,#ffbf47); margin:0 0 8px; overflow-wrap:anywhere; }
.mc-catalog-copy h4 { font:26px/1.04 var(--display,Impact,sans-serif); text-transform:uppercase; color:#eff3e9; margin:0; letter-spacing:.4px; overflow-wrap:anywhere; }
.mc-state { display:inline-block; margin:10px 0 0; border:1px solid #486064; padding:4px 7px; color:#b4c8c8; font:8px/1.4 var(--mono,monospace); letter-spacing:1px; }
.mc-earned .mc-state { color:var(--medal-accent); border-color:var(--medal-accent); }
.mc-criteria { color:#c7d3cf; font-size:12px; line-height:1.7; margin:12px 0; overflow-wrap:anywhere; }
.mc-progress-label,.mc-progress-text { display:block; color:#9fb2b3; font:10px/1.6 var(--mono,monospace); margin:14px 0 6px; }
.mc-catalog progress,.mc-detail progress { display:block; width:100%; height:5px; appearance:none; border:0; margin:8px 0 9px; background:#2c4148; accent-color:var(--medal-accent,#67ead0); }
.mc-catalog progress::-webkit-progress-bar,.mc-detail progress::-webkit-progress-bar { background:#2c4148; }
.mc-catalog progress::-webkit-progress-value,.mc-detail progress::-webkit-progress-value { background:var(--medal-accent,#67ead0); }
.mc-catalog progress::-moz-progress-bar,.mc-detail progress::-moz-progress-bar { background:var(--medal-accent,#67ead0); }
.mc-catalog .text-btn { color:var(--medal-accent); font-size:11px; min-height:44px; text-align:left; }
.mc-detail {  }
.mc-detail-art { display:grid; place-items:center; padding:12px 0 26px; border-bottom:1px solid #35484f; margin-bottom:24px; }
.mc-detail h3 { font:31px var(--display,Impact,sans-serif); text-transform:uppercase; margin-top:12px; }
.mc-detail .mc-criteria { font-size:14px; }
.mc-award-dialog { width:min(510px,calc(100% - 28px)); border:1px solid #ad8e48; border-top:0; background:#09141a; overflow-x:hidden; max-height:93dvh; }
.mc-award-dialog::backdrop { background:#02080dea; backdrop-filter:blur(9px); }
.mc-celebration {  position:relative; padding:18px 26px 26px; text-align:center; overflow:hidden; border-top:4px solid var(--medal-accent); }
.mc-celebration-top { display:flex; align-items:center; justify-content:space-between; gap:10px; text-align:left; color:#91a7ac; font:9px/1.5 var(--mono,monospace); letter-spacing:1px; position:relative; z-index:1; }
.mc-close { width:44px; height:44px; font-size:27px; line-height:1; color:#c2d2ce; }
.mc-unlocked { display:inline-block; color:#071318; background:var(--medal-accent); transform:rotate(-3deg); margin:14px 0 8px; padding:8px 18px; font:700 12px/1 var(--mono,monospace); letter-spacing:2px; }
.mc-celebration-art { position:relative; display:grid; place-items:center; margin:10px 0; padding:5px 0; animation:mc-arrive .6s cubic-bezier(.17,.8,.3,1) both; }
.mc-celebration-art::before { content:''; position:absolute; width:230px; height:230px; border:1px solid var(--medal-accent); border-radius:50%; opacity:.18; }
.mc-celebration-art::after { content:''; position:absolute; width:280px; height:280px; border:1px dashed var(--medal-accent); border-radius:50%; opacity:.1; }
.mc-celebration-art svg { position:relative; z-index:1; max-width:58vw; height:auto; filter:drop-shadow(0 10px 20px #0009); }
.mc-celebration-copy { position:relative; z-index:1; }
.mc-celebration h2 { font:52px/.97 var(--display,Impact,sans-serif); text-transform:uppercase; margin:10px 0 15px; letter-spacing:.7px; overflow-wrap:anywhere; }
.mc-cheer { color:#e1eadc; font-size:14px; font-weight:700; line-height:1.65; margin:12px 0; }
.mc-earned-detail { color:#9cafb1; font-size:12px; line-height:1.7; max-width:390px; margin:0 auto; }
.mc-celebration-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:23px; position:relative; z-index:1; }
.mc-celebration-actions .button { white-space:normal; line-height:1.5; padding:12px; }
.mc-celebration-actions .button:not(.secondary) { background:var(--medal-accent); border-color:var(--medal-accent); }
.mc-burst { position:absolute; inset:100px 30px auto; height:250px; pointer-events:none; opacity:.55; }
.mc-burst i { position:absolute; width:7px; height:15px; background:var(--medal-accent); animation:mc-confetti .9s ease-out both; }
.mc-burst i:nth-child(1) { left:5%;top:18%;transform:rotate(35deg); }
.mc-burst i:nth-child(2) { left:19%;top:5%;transform:rotate(-20deg);background:#67ead0; }
.mc-burst i:nth-child(3) { left:87%;top:12%;transform:rotate(25deg); }
.mc-burst i:nth-child(4) { left:94%;top:56%;transform:rotate(-25deg);background:#67ead0; }
.mc-burst i:nth-child(5) { left:7%;top:76%;transform:rotate(-15deg); }
.mc-burst i:nth-child(6) { left:80%;top:83%;transform:rotate(50deg); }
@keyframes mc-arrive { from { opacity:0; transform:translateY(16px) scale(.85); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes mc-confetti { from { opacity:0; translate:0 10px; } to { opacity:.6; translate:0 0; } }
@media(max-width:650px) { .mc-catalog-grid { grid-template-columns:1fr; }.mc-collection-heading { gap:12px; align-items:center; }.mc-collection-heading h3 { font-size:37px; }.mc-count { min-width:73px; padding-left:13px; }.mc-count strong { font-size:46px; }.mc-count strong span { font-size:14px; }.mc-collection-heading .eyebrow { font-size:8px; letter-spacing:.5px; }.mc-founder-banner { padding:13px; }.mc-founder-banner strong { font-size:20px; }.mc-catalog-art { flex-basis:83px; }.mc-catalog-card { gap:15px; padding:18px 14px; }.mc-celebration { padding:12px 20px 22px; }.mc-celebration h2 { font-size:42px; }.mc-celebration-art svg { width:204px; }.mc-celebration-art::before { width:194px; height:194px; }.mc-celebration-art::after { width:236px; height:236px; }.mc-unlocked { margin-top:8px; }.mc-empty-rack { gap:14px; }.mc-empty-rack svg { flex:0 0 83px; } }
@media(prefers-reduced-motion:reduce) { .mc-celebration-art,.mc-burst i { animation:none; }.mc-unlocked { transform:none; } }

@media(max-width:650px) { .mc-collection-heading { display:block; padding-bottom:18px; }.mc-collection-heading h3 { font-size:37px; }.mc-count { display:flex; align-items:baseline; gap:10px; border:0; padding:14px 0 0; }.mc-count strong { font-size:36px; }.mc-count strong span { font-size:16px; } }