/* Isolated trophy gallery. Metal roles never inherit donation-rank colors. */
.mc278{--ach-bg:var(--premium-base);--ach-raised:var(--premium-raised);--ach-text:var(--premium-text);--ach-muted:var(--premium-muted);--ach-line:var(--premium-edge);--ach-metal:var(--premium-platinum);--ach-bronze:var(--premium-bronze);--ach-silver:var(--premium-silver);--ach-gold:var(--premium-gold);--ach-platinum:var(--premium-platinum);--ach-diamond:oklch(.8 .13 225);--ach-legendary:oklch(.8 .14 305);--ach-earned:oklch(.78 .15 155);--ach-locked:oklch(.62 .015 250);--ach-focus:var(--member-cyan);color:var(--ach-text);min-width:0}
.mc278 *{box-sizing:border-box;letter-spacing:0}.mc278 .tier-bronze{--ach-metal:var(--ach-bronze)}.mc278 .tier-silver{--ach-metal:var(--ach-silver)}.mc278 .tier-gold{--ach-metal:var(--ach-gold)}.mc278 .tier-platinum{--ach-metal:var(--ach-platinum)}
.mc278 .tier-diamond{--ach-metal:var(--ach-diamond)}.mc278 .tier-legendary{--ach-metal:var(--ach-legendary)}
.mc278-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 22px}.mc278-eyebrow{display:block;font-size:10px;font-weight:700;color:var(--ach-muted);line-height:1.5}.mc278 h2{font-size:28px;line-height:1.25;margin:5px 0 0}.mc278-total{font-size:12px;color:var(--ach-muted);white-space:nowrap}.mc278-total strong{font-size:25px;color:var(--ach-text)}
.mc278-dashboard{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;padding:0 0 22px;border-bottom:1px solid var(--ach-line)}.mc278-collection{display:flex;align-items:center;gap:18px}.mc278-ring{width:88px;height:88px;flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--ach-focus) var(--mc278-progress),var(--ach-line) 0);position:relative}.mc278-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--ach-bg)}.mc278-ring strong{position:relative;font-size:25px}.mc278-ring small{font-size:12px;color:var(--ach-muted)}.mc278 h3{font-size:16px;line-height:1.35;margin:0}.mc278 p{font-size:12px;line-height:1.6;color:var(--ach-muted);margin:6px 0}.mc278-collection>div>span{font-size:10px;color:var(--ach-muted)}
.mc278-next{display:flex;align-items:center;gap:15px;color:var(--ach-text);text-decoration:none;border-left:1px solid var(--ach-line);padding-left:22px;min-width:0}.mc278-next>div{flex:1;min-width:0}.mc278-next-art{color:var(--ach-metal);flex:none;width:66px;height:72px;display:grid;place-items:center}.mc278 .mc278-next-art svg.mc278-art{width:64px;height:64px}.mc278-next>.mc-ui-icon{flex:none;width:18px}.mc278-next:hover h3{color:var(--ach-metal)}
.mc278-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:8px;margin:20px 0}.mc278-categories>div{padding:10px 0;border-bottom:2px solid var(--ach-line);min-width:0}.mc278-categories span{font-size:10px;color:var(--ach-muted);display:block}.mc278-categories strong{font-size:18px;display:block;margin-top:5px}.mc278-categories small{color:var(--ach-muted);font-size:11px}
.mc278-tools{display:grid;grid-template-columns:minmax(160px,1fr) repeat(3,minmax(115px,.7fr));gap:10px;margin:24px 0 14px}.mc278-tools label:not(.mc278-search){position:relative}.mc278-tools label>span{position:absolute;left:12px;top:5px;font-size:9px;color:var(--ach-muted);pointer-events:none}.mc278-tools input,.mc278-tools select{width:100%;height:48px;background:var(--ach-bg);color:var(--ach-text);border:1px solid var(--ach-line);border-radius:6px;font:inherit;font-size:12px}.mc278-tools select{padding:18px 25px 5px 12px;color-scheme:dark}.mc278-search{position:relative}.mc278-search svg{width:16px;height:16px;position:absolute;top:16px;left:14px;color:var(--ach-muted)}.mc278-tools input{padding:0 15px 0 39px}.mc278-tools input::placeholder{color:var(--ach-muted)}
.mc278-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:18px}.mc278-status button{font:inherit;font-size:11px;min-height:38px;background:var(--ach-bg);border:1px solid var(--ach-line);border-radius:6px;color:var(--ach-muted);padding:8px 12px;cursor:pointer}.mc278-status button[aria-pressed=true]{color:var(--ach-text);border-color:var(--ach-focus);box-shadow:inset 0 -2px var(--ach-focus)}.mc278-status button span{margin-left:5px;color:var(--ach-muted)}.mc278-status output{margin-left:auto;font-size:10px;color:var(--ach-muted)}.mc278 :is(input,select,button,summary,a):focus-visible{outline:2px solid var(--ach-focus);outline-offset:3px}
.mc278-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;align-items:start}
.mc278-badge{position:relative;min-width:0;border:1px solid var(--ach-line);border-radius:8px;background:var(--premium-fill);box-shadow:inset 0 1px var(--premium-shine),var(--premium-shadow);scroll-margin-top:30px;transition:border-color .25s,box-shadow .25s}
.mc278-badge[hidden]{display:none!important}.mc278-badge:hover{border-color:var(--ach-metal);box-shadow:0 5px 22px color-mix(in oklch,var(--ach-metal) 12%,transparent)}
.mc280-trigger{position:relative;display:grid;place-items:center;aspect-ratio:1;cursor:pointer;list-style:none;border-radius:7px}.mc280-trigger::-webkit-details-marker{display:none}
.mc278-artwork{width:64px;height:64px;display:grid;place-items:center;color:var(--ach-metal);transition:transform .25s}.mc278-artwork svg.mc278-art{width:60px;height:60px;max-width:100%;stroke-width:1.5}.mc278-badge:hover .mc278-artwork{transform:translateY(-2px)}
.mc280-indicator{position:absolute;right:7px;bottom:7px;color:var(--ach-earned);display:flex}.mc280-indicator svg{width:13px;height:13px}
.mc278 .mc278-badge.is-locked{border-style:dashed;background:var(--ach-bg);box-shadow:none}.mc278-badge.is-locked .mc278-artwork{opacity:.5}.is-locked .mc280-indicator{color:var(--ach-muted)}
.mc278-badge.is-earned{border-color:color-mix(in oklch,var(--ach-metal) 60%,var(--ach-line));box-shadow:inset 0 2px var(--ach-metal),var(--premium-shadow)}.is-earned .mc278-artwork{filter:drop-shadow(0 2px 7px color-mix(in oklch,var(--ach-metal) 25%,transparent))}
.mc278-badge.tier-legendary.is-earned .mc278-artwork{animation:mc280-shine 3s ease-in-out infinite}@keyframes mc280-shine{50%{filter:drop-shadow(0 0 10px var(--ach-metal))}}
.mc278-badge>.mc280-detail{display:none}.mc278-badge[open]>.mc280-detail{display:block;padding:12px}.mc278-badge[open]{grid-column:span 2}
.mc280-detail-art{display:grid;place-items:center;color:var(--ach-metal);margin-bottom:18px}.mc280-detail-art svg.mc278-art{width:90px;height:90px;stroke-width:1.5}
.mc278-badge-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--ach-metal);margin-bottom:18px}.mc278-state{display:flex;align-items:center;gap:5px;color:var(--ach-muted)}.mc278-state svg{width:14px;height:14px}.is-earned .mc278-state{color:var(--ach-earned)}
.mc278-category{font-size:10px;color:var(--ach-muted);display:block;margin-bottom:5px}.mc280-detail h3{font-size:21px;overflow-wrap:anywhere}.mc280-detail p{margin:12px 0;overflow-wrap:anywhere}
.mc278-progress{margin:22px 0}.mc278-progress>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--ach-muted);margin-bottom:10px}.mc278-progress strong{color:var(--ach-text);font-weight:600}
.mc278 progress{appearance:none;width:100%;height:5px;border:0;display:block;background:var(--ach-line);border-radius:2px;overflow:hidden;color:var(--ach-metal)}.mc278 progress::-webkit-progress-bar{background:var(--ach-line)}.mc278 progress::-webkit-progress-value{background:var(--ach-metal)}.mc278 progress::-moz-progress-bar{background:var(--ach-metal)}.mc278-next progress{margin-top:10px}
.mc280-dialog{width:400px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);padding:32px 26px 20px;overflow:auto;background:var(--ach-raised);color:var(--ach-text);border:1px solid color-mix(in oklch,var(--ach-metal) 45%,var(--ach-line));border-radius:8px;box-shadow:var(--premium-shadow)}.mc280-dialog::backdrop{background:color-mix(in oklch,var(--ach-bg) 80%,transparent);backdrop-filter:blur(4px)}
.mc280-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:32px;height:32px;padding:0;background:var(--ach-bg);color:var(--ach-muted);border:1px solid var(--ach-line);border-radius:6px;cursor:pointer}.mc280-close svg{width:16px;height:16px}.mc278-empty{text-align:center;padding:30px}.mc278-empty[hidden]{display:none}
/* Metal art shared with the existing compact earned highlights. */
.mc278-art .mc278-solid{fill:color-mix(in oklch,currentColor 12%,transparent)}
@media(max-width:1100px){.mc278-tools{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.mc278-heading{align-items:flex-start}.mc278 h2{font-size:24px}.mc278-total{font-size:10px;white-space:normal;text-align:right;max-width:100px}.mc278-dashboard{grid-template-columns:1fr;gap:18px}.mc278-next{border-left:0;border-top:1px solid var(--ach-line);padding:18px 0 0}.mc278-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:9px}.mc278-artwork{width:54px;height:54px}.mc278-artwork svg.mc278-art{width:50px;height:50px}.mc278-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mc278-status{gap:6px}.mc278-status button{font-size:10px;padding:8px}.mc278-status output{width:100%;margin-top:5px}.mc278-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.mc278 *{transition:none!important;animation:none!important}.mc278-badge:hover .mc278-artwork{transform:none}}
/* Arcade relics: one neon hue per rarity; no donation-rank overrides. */
.mc278{--ach-bronze:oklch(.78 .15 55);--ach-silver:oklch(.93 .025 235);--ach-gold:oklch(.87 .17 90);--ach-platinum:oklch(.87 .14 160);--ach-diamond:oklch(.82 .15 225);--ach-legendary:oklch(.92 .055 175);--ach-relic-base:oklch(.16 .008 250);--ach-relic-depth:oklch(.10 .005 250);--ach-glint:oklch(.98 .008 240)}
.mc278 .mc278-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));padding:7px 5px 12px}
.mc278 .mc278-badge{background:var(--ach-relic-depth);border-radius:8px;isolation:isolate;overflow:visible;transition:transform .25s,border-color .25s,box-shadow .25s}
.mc278 .mc280-trigger{min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,color-mix(in oklch,var(--ach-metal) 12%,var(--ach-relic-base)),var(--ach-relic-depth) 75%)}
.mc278 .mc278-badge.is-earned{border:1px solid color-mix(in oklch,var(--ach-metal) 78%,var(--ach-line));box-shadow:0 0 13px color-mix(in oklch,var(--ach-metal) 27%,transparent),inset 0 0 14px color-mix(in oklch,var(--ach-metal) 10%,transparent)}
.mc278 .mc278-badge.is-earned::after{content:"";position:absolute;left:25%;right:25%;bottom:-1px;height:2px;pointer-events:none;background:var(--ach-metal);box-shadow:0 0 9px var(--ach-metal)}
.mc278 .mc278-badge.is-earned .mc280-trigger::after{content:"";position:absolute;inset:-80%;background:linear-gradient(110deg,transparent 47%,color-mix(in oklch,var(--ach-glint) 16%,transparent) 50%,transparent 53%);transform:translateX(-65%);animation:mc281-sweep 7s ease-in-out infinite;pointer-events:none}
.mc278 .mc278-artwork{width:78%;height:auto;aspect-ratio:1;max-width:88px;color:var(--ach-metal)}
.mc278 .mc278-artwork svg.mc278-art{display:block;width:100%;height:100%;max-width:none;max-height:none;stroke-width:1.8;overflow:visible}
.mc278 .mc278-badge.is-earned .mc278-artwork{filter:drop-shadow(0 0 3px color-mix(in oklch,var(--ach-metal) 75%,transparent)) drop-shadow(0 0 10px color-mix(in oklch,var(--ach-metal) 42%,transparent));animation:none}
.mc278 .mc278-badge.is-locked{border:1px dashed var(--ach-line);box-shadow:none;background:var(--ach-relic-depth)}
.mc278 .mc278-badge.is-locked .mc280-trigger{background:var(--ach-relic-base)}
.mc278 .mc278-badge.is-locked .mc278-artwork{opacity:.62;filter:none}
.mc278 .tier-bronze{--ach-rarity:var(--ach-bronze)}.mc278 .tier-silver{--ach-rarity:var(--ach-silver)}.mc278 .tier-gold{--ach-rarity:var(--ach-gold)}.mc278 .tier-platinum{--ach-rarity:var(--ach-platinum)}.mc278 .tier-diamond{--ach-rarity:var(--ach-diamond)}.mc278 .tier-legendary{--ach-rarity:var(--ach-legendary)}
.mc278 .mc278-badge:hover,.mc278 .mc278-badge:focus-within{transform:translateY(-3px);border-color:var(--ach-rarity);box-shadow:0 0 22px color-mix(in oklch,var(--ach-rarity) 32%,transparent)}
.mc278 .mc278-badge.is-locked:hover .mc278-artwork,.mc278 .mc278-badge.is-locked:focus-within .mc278-artwork{opacity:.88;filter:drop-shadow(0 0 5px color-mix(in oklch,var(--ach-rarity) 45%,transparent))}
.mc278 .mc278-badge.is-earned:hover{box-shadow:0 0 22px color-mix(in oklch,var(--ach-metal) 40%,transparent)}
.mc278 .mc278-badge.is-earned .mc280-indicator{color:var(--ach-metal);filter:drop-shadow(0 0 3px var(--ach-metal))}.mc278 .mc280-indicator{bottom:5px;right:5px}
.mc281-art .mc281-frame{fill:color-mix(in oklch,currentColor 15%,transparent);stroke-width:2.1}.mc281-art .mc281-inner{fill:var(--ach-relic-depth,var(--premium-base));stroke-width:.9;stroke-opacity:.8}.mc281-art .mc281-f{fill:color-mix(in oklch,currentColor 22%,transparent)}.mc281-art .mc281-dot{fill:currentColor;stroke:none}.mc281-art .mc281-spark{stroke-width:1.4}.mc281-art .mc281-glyph{stroke-width:1.8}
.mc278 .mc278-badge.tier-diamond.is-earned .mc281-frame{animation:mc281-neon 4s ease-in-out infinite}.mc278 .mc278-badge.tier-legendary.is-earned .mc281-frame{animation:mc281-neon 2.8s ease-in-out infinite}.mc278 .mc278-badge.tier-legendary.is-earned .mc281-inner{stroke-dasharray:3 5;animation:mc281-orbit 16s linear infinite;transform-origin:32px 32px}
.mc278 .mc280-detail-art{height:154px;margin:0 0 24px;background:radial-gradient(ellipse at center,color-mix(in oklch,var(--ach-metal) 12%,transparent),transparent 68%)}
.mc278 .mc280-detail-art svg.mc278-art{width:128px;height:128px;stroke-width:1.8;overflow:visible}.mc278 .mc280-dialog.is-earned .mc280-detail-art{filter:drop-shadow(0 0 5px color-mix(in oklch,var(--ach-metal) 65%,transparent))}.mc278 .mc280-dialog{box-shadow:0 0 32px color-mix(in oklch,var(--ach-metal) 18%,transparent),var(--premium-shadow)}
.mc278 .mc280-dialog.is-locked .mc280-detail-art{opacity:.8}
@keyframes mc281-neon{50%{stroke-opacity:.7;fill-opacity:.5}}
@keyframes mc281-orbit{to{transform:rotate(360deg)}}
@keyframes mc281-sweep{0%,65%{transform:translateX(-65%)}90%,100%{transform:translateX(65%)}}
@media(max-width:600px){.mc278 .mc278-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px;padding:7px 2px 12px}.mc278 .mc278-artwork{width:80%;max-width:70px}.mc278 .mc280-detail-art{height:140px}.mc278 .mc280-detail-art svg.mc278-art{width:116px;height:116px}}
@media(prefers-reduced-motion:reduce){.mc278 .mc278-badge,.mc278 .mc278-artwork,.mc278 .mc281-frame,.mc278 .mc281-inner,.mc278 .mc280-trigger::after{animation:none!important;transition:none!important}.mc278 .mc278-badge:hover{transform:none}.mc278 .mc280-trigger::after{display:none}}

/* v282: selected rarity is authoritative for both the tile and its detail surface. */
.mc278{--ach-prism-mint:oklch(.88 .17 160);--ach-prism-ice:oklch(.86 .13 215);--ach-prism-violet:oklch(.77 .17 290);--ach-prism-rose:oklch(.8 .19 340);--ach-prism-gold:oklch(.92 .16 95);--ach-prism:linear-gradient(125deg,var(--ach-prism-mint),var(--ach-prism-ice) 25%,var(--ach-prism-violet) 48%,var(--ach-prism-rose) 68%,var(--ach-prism-gold) 85%,var(--ach-prism-mint));--ach-prism-aura:conic-gradient(from 30deg,var(--ach-prism-mint),var(--ach-prism-ice),var(--ach-prism-violet),var(--ach-prism-rose),var(--ach-prism-gold),var(--ach-prism-mint))}
.mc278 .mc280-dialog{width:440px;padding:30px 28px 22px;border:1px solid var(--ach-rarity);background:radial-gradient(ellipse at 50% 0,color-mix(in oklch,var(--ach-rarity) 12%,transparent),transparent 60%),var(--ach-relic-depth);box-shadow:0 0 0 1px color-mix(in oklch,var(--ach-rarity) 14%,transparent),0 0 45px color-mix(in oklch,var(--ach-rarity) 22%,transparent),var(--premium-shadow)}
.mc278 .mc280-dialog::backdrop{background:color-mix(in oklch,var(--ach-relic-depth) 82%,transparent);backdrop-filter:blur(8px)}
.mc278 .mc280-detail-art{height:172px;margin-bottom:16px;position:relative;border-bottom:1px solid color-mix(in oklch,var(--ach-rarity) 22%,var(--ach-line))}
.mc278 .mc280-detail-art svg.mc278-art{width:142px;height:142px}
.mc278 .mc278-badge-top{margin-bottom:16px;font-weight:700}.mc278 .mc278-badge-top>span:first-child{color:var(--ach-rarity)}
.mc278 .mc280-detail h3{font-size:24px;line-height:1.3}.mc278 .mc280-detail p{font-size:13px;line-height:1.65}
.mc278 .mc278-state{font-size:11px}.mc278 .mc278-progress{margin:22px 0;padding:18px 0;border-top:1px solid var(--ach-line);border-bottom:1px solid var(--ach-line)}
.mc278 .mc278-progress progress{height:8px;border-radius:4px;box-shadow:0 0 12px color-mix(in oklch,var(--ach-rarity) 22%,transparent)}
.mc278 .mc280-close{z-index:3;background:var(--ach-relic-base);color:var(--ach-text);width:36px;height:36px}.mc278 .mc280-close:hover{border-color:var(--ach-rarity);color:var(--ach-rarity)}
.mc278 .mc280-trigger:focus-visible,.mc278 .mc280-close:focus-visible{outline-color:var(--ach-rarity)}
.mc278 .tier-legendary.mc278-badge{border:1px solid transparent;background:linear-gradient(var(--ach-relic-depth),var(--ach-relic-depth)) padding-box,var(--ach-prism) border-box}
.mc278 .tier-legendary.mc278-badge.is-locked{border-style:dashed;border-color:var(--ach-line);background:var(--ach-relic-depth)}
.mc278 .tier-legendary.mc278-badge:is(:hover,:focus-within){border-color:transparent;border-style:solid;background:linear-gradient(var(--ach-relic-depth),var(--ach-relic-depth)) padding-box,var(--ach-prism) border-box}
.mc278 .tier-legendary.is-earned .mc280-trigger{background:linear-gradient(135deg,color-mix(in oklch,var(--ach-prism-mint) 13%,transparent),transparent 44%,color-mix(in oklch,var(--ach-prism-rose) 11%,transparent)),var(--ach-relic-depth)}
.mc278 .tier-legendary.mc278-badge.is-earned::after{left:10%;right:10%;height:2px;background:var(--ach-prism);box-shadow:0 0 12px var(--ach-prism-ice)}
.mc278 .tier-legendary .mc281-glyph{stroke:var(--ach-glint)}
.mc278 .tier-legendary .mc281-frame{fill:color-mix(in oklch,var(--ach-prism-ice) 14%,transparent)}
.mc282-facets{opacity:.55}.mc278 .tier-legendary.is-earned .mc282-facets{animation:mc282-facets 6s ease-in-out infinite}
.mc282-stop-mint{stop-color:var(--ach-prism-mint)}.mc282-stop-ice{stop-color:var(--ach-prism-ice)}.mc282-stop-violet{stop-color:var(--ach-prism-violet)}.mc282-stop-rose{stop-color:var(--ach-prism-rose)}.mc282-stop-gold{stop-color:var(--ach-prism-gold)}
.mc278 .mc280-dialog.tier-legendary{border:1px solid transparent;background:linear-gradient(var(--ach-relic-depth),var(--ach-relic-depth)) padding-box,var(--ach-prism) border-box;box-shadow:0 -8px 35px color-mix(in oklch,var(--ach-prism-mint) 14%,transparent),8px 10px 38px color-mix(in oklch,var(--ach-prism-rose) 14%,transparent),var(--premium-shadow)}
.mc278 .tier-legendary .mc280-detail-art{background:radial-gradient(ellipse at 35% 35%,color-mix(in oklch,var(--ach-prism-mint) 18%,transparent),transparent 60%),radial-gradient(ellipse at 70% 70%,color-mix(in oklch,var(--ach-prism-rose) 15%,transparent),transparent 60%)}
.mc278 .tier-legendary .mc278-badge-top>span:first-child{background:var(--ach-prism);background-clip:text;color:transparent}
.mc278 .tier-legendary progress::-webkit-progress-value{background:var(--ach-prism);background-size:200% 100%;animation:mc282-prism 8s ease-in-out infinite}.mc278 .tier-legendary progress::-moz-progress-bar{background:var(--ach-prism)}
@keyframes mc282-facets{50%{opacity:.85}}@keyframes mc282-prism{50%{background-position:100% 0}}
@media(max-width:600px){.mc278 .mc280-dialog{padding:28px 20px 18px;max-width:calc(100% - 24px)}.mc278 .mc280-detail h3{font-size:22px}.mc278 .mc280-detail-art{height:150px}.mc278 .mc280-detail-art svg.mc278-art{width:126px;height:126px}}
@media(prefers-reduced-motion:reduce){.mc278 .mc282-facets,.mc278 progress::-webkit-progress-value{animation:none!important}.mc278 .mc278-badge:focus-within{transform:none}}