/* Tier-specific surfaces stay at layer 2, below the shared foil/beam/glare. */
.finish-super-rare { background: linear-gradient(180deg,#247AD1,#123A74 65%,#0A214E); }
.finish-sr-checker { position: absolute; inset: 25% 0 0; background: repeating-conic-gradient(rgba(255,255,255,.065) 0 25%,rgba(0,0,0,.16) 0 50%) 0 0 / 12% 8.6%; mask-image: linear-gradient(180deg,transparent,#000 65%); }
.finish-sr-ocean { position: absolute; inset: 0 0 30%; overflow: hidden; mask-image: linear-gradient(180deg,#000 0 48%,transparent); }
.finish-sr-wave { position: absolute; width: 160%; height: 100%; left: -30%; top: 0; fill: #87D4F8; }
.finish-super-rare[data-color-mode="mono"] { background: linear-gradient(180deg,#7C7C7C,#373737 65%,#212121); }
.finish-super-rare[data-color-mode="mono"] .finish-sr-wave { fill: #DDDDDD; }
.finish-unusual { background: linear-gradient(180deg,#7A43B1,#502379 75%,#361756); }
.finish-unusual-glow { position: absolute; inset: 0 0 15%; transform-origin: 50% 0; transform: scaleY(.7); opacity: .7; background: radial-gradient(ellipse at 50% -10%,rgba(255,255,255,.95),rgba(255,255,255,.32) 25%,transparent 70%); }
.finish-unusual[data-color-mode="mono"] { background: linear-gradient(180deg,#676767,#383838 75%,#252525); }
.finish-double-super-rare { --ssr-gold: #E8C467; --ssr-blue: #132D58; --ssr-gold-mono: #BABABA; --ssr-blue-mono: #303030; background-image: linear-gradient(165deg,transparent 15%,transparent 30%,var(--ssr-gold) 76%),repeating-conic-gradient(var(--ssr-blue) 0 25%,#0B1A34 0 50%); background-size: 100% 100%,12% 8.6%; }
.finish-double-super-rare[data-color-mode="mono"] { background-image: linear-gradient(165deg,transparent 15%,transparent 30%,var(--ssr-gold-mono) 76%),repeating-conic-gradient(var(--ssr-blue-mono) 0 25%,#191919 0 50%); }
.collectible-card[data-rarity="super-rare"], .collectible-card[data-rarity="unusual"] { --card-ink: #F5F5F7; --card-ink-dim: #CDD6E2; }
.collectible-card[data-rarity="super-rare"][data-color-mode="color"] { --art-accent: #78BBE9; }
.collectible-card[data-rarity="unusual"][data-color-mode="color"] { --art-accent: #D1AFE8; }
.collectible-card[data-rarity="double-super-rare"][data-color-mode="color"] { --art-accent: #E8C467; }
.collectible-card[data-rarity="double-super-rare"] .card__header { color: var(--text); --card-ink-dim: #D0D9E5; }
.collectible-card:is([data-rarity="super-rare"],[data-rarity="unusual"]) .card__badge { border-color: rgba(255,255,255,.4); }
.collectible-card:is([data-rarity="super-rare"],[data-rarity="unusual"]) .card__meter-tick { background: rgba(255,255,255,.2); }
.collectible-card:is([data-rarity="super-rare"],[data-rarity="unusual"]) .card__meter-tick[data-filled="true"] { background: var(--card-ink); }

/* Props are mounted separately at layer 8 and share the material crossfade. */
.finish-prop { opacity: 1; background: none; }
.finish-legendary, .finish-legendary-prop {
  --legendary-light: #FFF0BA; --legendary-gold: #E3B85D; --legendary-maroon: #6C2136; --legendary-checker: #DB7B83;
  --crown-shadow: #855920; --gem-red: #EF3456; --gem-blue: #C5E7F4; --gem-green: #219458; --gem-green-edge: #C5FFDC;
}
.finish-legendary { background: linear-gradient(135deg,var(--legendary-light),var(--legendary-gold) 50%,#BC8D36); }
.finish-legendary[data-color-mode="mono"], .finish-legendary-prop[data-color-mode="mono"] {
  --legendary-light: #F1F1F1; --legendary-gold: #BDBDBD; --legendary-maroon: #353535; --legendary-checker: #888;
  --crown-shadow: #5B5B5B; --gem-red: #AAA; --gem-blue: #EAEAEA; --gem-green: #737373; --gem-green-edge: #FFF;
}
.finish-legendary[data-color-mode="mono"] { background: linear-gradient(135deg,var(--legendary-light),var(--legendary-gold) 50%,#898989); }
.finish-legendary-band { position: absolute; left: 0; top: 37%; width: 100%; height: 26%; opacity: .9; }
.finish-legendary-crown { position: absolute; width: 28%; height: 12%; top: 1.5%; left: 36%; overflow: visible; }
.crown-red-glow { opacity: .6; filter: drop-shadow(0 0 2px var(--gem-red)); }
.crown-green-gem { filter: drop-shadow(0 0 2px var(--gem-green-edge)); }
.finish-tip-spark { position: absolute; width: 2px; height: 6px; background: var(--legendary-light); border-radius: var(--s-1); opacity: .65; box-shadow: 0 0 4px var(--legendary-gold); }
.finish-mythical { background: linear-gradient(145deg,#751A35,#4B0C21 60%,#651129); }
.finish-mythical-shine { position: absolute; inset: 0; opacity: .55; background: radial-gradient(ellipse at 23% 12%,#FFC6D1,rgba(239,83,122,.65) 24%,transparent 65%),linear-gradient(125deg,transparent 30%,rgba(255,164,185,.26) 42%,transparent 56%); }
.finish-mythical[data-color-mode="mono"] { background: linear-gradient(145deg,#424242,#202020 60%,#353535); }
.finish-mythical[data-color-mode="mono"] .finish-mythical-shine { background: radial-gradient(ellipse at 23% 12%,#E1E1E1,rgba(180,180,180,.55) 24%,transparent 65%),linear-gradient(125deg,transparent 30%,rgba(200,200,200,.26) 42%,transparent 56%); }
.finish-mythical-prop { --flame-middle: #FF9AA9; --flame-tip: #D51A38; }
.finish-mythical-prop[data-color-mode="mono"] { --flame-middle: #BDBDBD; --flame-tip: #555; }
.finish-mythical-nametag { position: absolute; top: 63%; left: 7.5%; right: 7.5%; }
.finish-mythical-label-measure { visibility: hidden; }
.finish-mythical-flames { position: absolute; left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 20px); overflow: visible; filter: drop-shadow(0 0 2px var(--flame-tip)); }
.finish-flame { transform-box: fill-box; transform-origin: center bottom; opacity: .75; }
.collectible-card[data-rarity="mythical"] { --card-ink: var(--text); --card-ink-dim: #E8D8DD; }
.collectible-card[data-rarity="mythical"] .card__name { padding: var(--s-1) var(--s-2); background: rgba(8,8,10,.68); border: 1px solid rgba(255,255,255,.18); border-radius: var(--s-1); }
.collectible-card[data-rarity="mythical"] .card__badge { border-color: rgba(255,255,255,.4); }
.collectible-card[data-rarity="mythical"] .card__meter-tick { background: rgba(255,255,255,.2); }
.collectible-card[data-rarity="mythical"] .card__meter-tick[data-filled="true"] { background: var(--card-ink); }
.finish-exotic { background: #F19DCC; border: 2px solid #794095; }
.finish-exotic[data-color-mode="mono"] { background: #BEBEBE; border-color: #555; }
.finish-exotic-shape { position: absolute; width: 10%; height: 8%; fill: none; stroke: #752C94; stroke-width: 1.5; opacity: .24; }
.finish-exotic[data-color-mode="mono"] .finish-exotic-shape { stroke: #555; }
.finish-exotic-prop { --exotic-border: #35134B; --exotic-outline: #FFB0DA; }
.finish-exotic-prop[data-color-mode="mono"] { --exotic-border: #222; --exotic-outline: #DDD; }
.finish-exotic-frame { position: absolute; inset: -2%; width: 104%; height: 104%; overflow: visible; filter: drop-shadow(0 0 3px var(--exotic-outline)); }
.exotic-pink-outline { stroke: var(--exotic-outline); }
.exotic-dark-border { stroke: var(--exotic-border); }
.exotic-border-highlight { stroke: var(--highlight); stroke-linecap: round; }
@supports (corner-shape: squircle) { .finish-exotic-frame { corner-shape: squircle; border-radius: var(--r-card); } }
.collectible-card[data-rarity="legendary"][data-color-mode="color"] { --art-accent: #E3B85D; }
.collectible-card[data-rarity="mythical"][data-color-mode="color"] { --art-accent: #E3819A; }
.collectible-card[data-rarity="exotic"][data-color-mode="color"] { --art-accent: #D582CE; }

/* Ascendant: white metal, pastel energy at every edge and a clipped aurora frame. */
.finish-squircle-frame { position: absolute; inset: -2%; width: 104%; height: 104%; overflow: visible; }
@supports (corner-shape: squircle) { .finish-squircle-frame { corner-shape: squircle; border-radius: var(--r-card); } }
.finish-ascendant { background: #FAFAFC; }
.finish-ascendant-sides { position: absolute; inset: 0; border-radius: inherit; background: conic-gradient(from var(--asc-angle,0deg),#FFCEDE,#D7E4FF,#C9F3E5,#FFCEDE); mask-image: radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.35) 58%,#000 85%); }
.finish-ascendant[data-color-mode="mono"] .finish-ascendant-sides { background: conic-gradient(from var(--asc-angle,0deg),#DDD,#FAFAFA,#BDBDBD,#DDD); }
.finish-ascendant-splash { position: absolute; inset: 0; background: radial-gradient(ellipse at var(--splash-x,35%) var(--splash-y,30%),var(--splash-color,#D5DFFF),transparent 48%); }
.finish-ascendant[data-color-mode="mono"] .finish-ascendant-splash { background: radial-gradient(ellipse at var(--splash-x,35%) var(--splash-y,30%),#AFAFAF,transparent 48%); }
.finish-ascendant-prop { --aurora-1: var(--aurora-color-1,#FFCEE3); --aurora-2: var(--aurora-color-2,#CCF7DE); --aurora-3: var(--aurora-color-3,#CEDCFF); }
.finish-ascendant-prop[data-color-mode="mono"] { --aurora-1: var(--aurora-mono-1,#EEE); --aurora-2: var(--aurora-mono-2,#AAA); --aurora-3: var(--aurora-mono-3,#CCC); }
.finish-ascendant-frame { filter: drop-shadow(0 0 3px var(--aurora-1)); }
.collectible-card[data-rarity="ascendant"][data-color-mode="color"] { --art-accent: #D4DBED; }

/* Unfound has no art; Found retains a faint GPU etching over the glyph field. */
.finish-secret { --secret-bg: #050505; --secret-ink: #FAFAFA; background: var(--secret-bg); opacity: 1; overflow: hidden; }
.finish-secret[data-phase="cover"] { --secret-bg: #FAFAFA; --secret-ink: #050505; }
.finish-secret-logo { position: absolute; top: 29%; left: 8%; right: 8%; display: flex; justify-content: center; font-family: var(--font-mono); font-size: 14cqw; font-weight: 600; color: var(--secret-ink); }
.finish-secret-glyph { width: 1ch; text-align: center; background: rgb(255 255 255 / calc(var(--lock-flash,0) * .55)); text-shadow: 0 0 calc(var(--lock-flash,0) * 12px) #FFF; }
.finish-secret-lines { position: absolute; inset: 0; overflow: hidden; }
.finish-secret-line { position: absolute; left: -30%; width: 160%; transform-origin: center; background: linear-gradient(90deg,transparent,var(--secret-ink) 15% 85%,transparent); }
.finish-secret-prop { --secret-border: #000; }
.finish-secret-prop[data-phase="cover"] { --secret-border: #FFF; }
.finish-secret-prop[data-color-mode="mono"] { color: var(--text); }
.collectible-card[data-rarity="secret"] { --card-ink: #FFF; --card-ink-dim: #DDD; }
.collectible-card[data-rarity="secret"] .card__art-window { background: transparent; border: 0; box-shadow: none; opacity: .12; }
.collectible-card[data-rarity="secret"] .card__info, .collectible-card[data-rarity="secret"] .card__header { background: rgba(0,0,0,.8); border-radius: var(--r-button); padding: var(--s-2); }
.collectible-card[data-rarity="secret"] .card__unknown { font-family: var(--font-mono); font-size: 4cqw; line-height: 1.7; margin: 0; }
.collectible-card[data-rarity="secret"] .card__meter-tick { background: rgba(255,255,255,.2); }
.collectible-card[data-rarity="secret"] .card__meter-tick[data-filled="true"] { background: var(--card-ink); }

/* Limited inherits Unusual's exact base and adds a lifted mark and crimson rim. */
.finish-limited-prop { --limited-border: #C91F42; }
.finish-limited-prop[data-color-mode="mono"] { --limited-border: #C3C3C3; }
.finish-limited-border { position: absolute; inset: -1%; border: 2px solid var(--limited-border); border-radius: var(--r-card); box-shadow: 0 0 9px var(--limited-border),inset 0 0 6px var(--limited-border); }
.finish-limited-logo { position: absolute; width: 40%; height: 10%; left: 30%; top: 3%; overflow: visible; filter: drop-shadow(0 3px 3px rgba(0,0,0,.7)); }
.finish-limited-wordmark { font-family: var(--font-ui); font-size: 24px; font-weight: 600; fill: var(--highlight); letter-spacing: -1px; }
.collectible-card[data-rarity="limited"] { --card-ink: #F5F5F7; --card-ink-dim: #DDD; }
.collectible-card[data-rarity="limited"][data-color-mode="color"] { --art-accent: #D1AFE8; }
.collectible-card[data-rarity="limited"] .card__meter-tick { background: rgba(255,255,255,.2); }
.collectible-card[data-rarity="limited"] .card__meter-tick[data-filled="true"] { background: var(--card-ink); }