/* NETHERNET — SAR operator card. All classes start with "sar-" (plus .cn.sar). Used with js/sar-card.js. */
/* Rarity finish. SAR (Soul Archive): gold foil. UR (Prototype): magenta / cyan holo, like the UR coating. */
.cn.sar, .sar-skin {
  --rar-edge: #F6E7B0; --rar-edge-a: rgba(246,231,176,.55); --rar-deep: rgba(40,25,0,.9);
  --rar-foil: linear-gradient(135deg, #B8964F 0%, #F6E7B0 9.2%, #FFF8DC 12.6%, #E2C77F 17.6%, #A9853F 24.4%, #F6E7B0 31.9%, #FFF8DC 35.3%, #C9A75E 42%, #B8964F 50%, #B8964F 50%, #F6E7B0 59.2%, #FFF8DC 62.6%, #E2C77F 67.6%, #A9853F 74.4%, #F6E7B0 81.9%, #FFF8DC 85.3%, #C9A75E 92%, #B8964F 100%);
  --rar-foil-hi: rgba(255,250,225,.75); --rar-foil-lo: rgba(36,22,0,.95);
  --rar-plate: linear-gradient(180deg, #FFF8DC, #F6E7B0 45%, #C9A75E); --rar-plate-ink: #141210; --rar-plate-lo: rgba(60,40,0,.5);
  --rar-frame: linear-gradient(160deg, #7A5A22 0%, #E9D29A 14%, #FFF6D2 22%, #C9A75E 34%, #8C6A2A 46%, #D9BC74 60%, #FFF3CC 72%, #B08A44 86%, #6E5020 100%);
  --rar-line: rgba(255,240,200,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(255,252,235,.75) 48%, rgba(255,255,255,.95) 50%, rgba(255,252,235,.75) 52%, transparent 60%);
}
.cn.sar.rar-UR, .sar-skin.rar-UR {
  --rar-edge: #FF3EA5; --rar-edge-a: rgba(255,62,165,.65); --rar-deep: rgba(46,0,28,.9);
    --rar-foil: linear-gradient(135deg, #FF3EA5 0%, #FF9AD0 6.7%, #FFFFFF 10.9%, #9FEBFF 15.1%, #3EC8FF 20.2%, #B07CFF 26%, #FF3EA5 31.9%, #FFD2EC 37%, #3EC8FF 42%, #FF3EA5 50%, #FF3EA5 50%, #FF9AD0 56.7%, #FFFFFF 60.9%, #9FEBFF 65.1%, #3EC8FF 70.2%, #B07CFF 76%, #FF3EA5 81.9%, #FFD2EC 87%, #3EC8FF 92%, #FF3EA5 100%);
  --rar-foil-hi: rgba(255,232,246,.8); --rar-foil-lo: rgba(44,0,30,.95);
  --rar-plate: linear-gradient(180deg, #FF9AD0, #FF3EA5 48%, #B0186A); --rar-plate-ink: #FFFFFF; --rar-plate-lo: rgba(60,0,32,.55);
  --rar-frame: linear-gradient(160deg, #B0186A 0%, #FF3EA5 12%, #FFC2E2 22%, #FFFFFF 27%, #9FEBFF 36%, #3EC8FF 46%, #6A4CFF 58%, #B07CFF 66%, #FF3EA5 78%, #FFD2EC 88%, #3EC8FF 100%);
  --rar-line: rgba(160,235,255,.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(62,200,255,.7) 46%, rgba(255,255,255,.9) 50%, rgba(255,62,165,.7) 54%, transparent 62%);
}
.cn.sar { background: #040507; color: #ECE8DF; isolation: isolate; cursor: pointer;
  box-shadow: 0 0 0 calc(.15 * var(--mm)) rgba(0,0,0,.75), 0 calc(2 * var(--mm)) calc(6 * var(--mm)) rgba(0,0,0,.55); }
.sar-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 0; }
/* two copies of the clip take turns (seamless loop); only the one playing is shown, the poster sits under both */
.cn.sar video.sar-art { opacity: 0; }
.cn.sar video.sar-art.on { opacity: 1; }
/* only the very foot is darkened a little, under the skills; the figure stays untouched */
.sar-shade { position: absolute; left: 0; right: 0; bottom: 0; height: 34%; z-index: 1; pointer-events: none;
  background: linear-gradient(to bottom, rgba(4,5,7,0) 0%, rgba(4,5,7,.38) 45%, rgba(4,5,7,.62) 100%); transition: opacity .35s; }

/* Thick metal frame, like a physical high-rarity card: a bevelled metallic ring around the art,
   a dark rim and a fine bright line where it meets the art, and a sheen that runs along the ring.
   --frame-w is the ring width; the type layer keeps clear of it. */
.cn.sar { --frame-w: calc(2.5 * var(--mm)); }
.sar-frame { position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: inherit; padding: var(--frame-w);
  background:
    linear-gradient(135deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,0) 22%, rgba(0,0,0,0) 70%, rgba(0,0,0,.38) 100%),
    var(--rar-frame);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
/* bevel: a light edge on the outside, a dark groove halfway, the art window's rim */
.sar-bevel { position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: inherit;
  box-shadow: inset 0 0 0 calc(.18 * var(--mm)) rgba(255,255,255,.55), inset 0 0 0 calc(.32 * var(--mm)) rgba(0,0,0,.35),
    inset 0 0 0 calc(1.15 * var(--mm)) transparent, inset 0 0 0 calc(1.3 * var(--mm)) rgba(0,0,0,.28); }
.sar-window { position: absolute; inset: var(--frame-w); z-index: 2; pointer-events: none; border-radius: calc(1.1 * var(--mm));
  box-shadow: 0 0 0 calc(.2 * var(--mm)) rgba(0,0,0,.85), 0 0 0 calc(.42 * var(--mm)) var(--rar-line),
    inset 0 0 calc(2.4 * var(--mm)) rgba(0,0,0,.55), inset 0 0 0 calc(.15 * var(--mm)) rgba(0,0,0,.6); }
/* a sheen running round the ring */
.sar-frame::after { content: ""; position: absolute; inset: 0; border-radius: inherit;
  background: var(--rar-sheen) 0 0 / 300% 100%; animation: sar-sheen 5.5s linear infinite; }
@media (prefers-reduced-motion: reduce) { .sar-frame::after { animation: none; } }

/* ---------- type layer ---------- */
.sar-type { position: absolute; inset: 0; z-index: 3; padding: calc(4.3 * var(--mm)) calc(4.4 * var(--mm)) calc(4 * var(--mm));
  display: flex; flex-direction: column; transition: opacity .35s; }
.cn.sar.sar-art-only .sar-type, .cn.sar.sar-art-only .sar-shade { opacity: 0; }

/* Emboss: light fill, a bright edge above and a deep edge below (raised letters on the art). */
.sar-emb { color: rgba(236,232,223,.94);
  text-shadow: 0 calc(-.1 * var(--mm)) 0 rgba(255,255,255,.45), 0 calc(.16 * var(--mm)) 0 rgba(0,0,0,.95), 0 0 calc(1.2 * var(--mm)) rgba(0,0,0,.9); }
/* Gold foil: a metallic gradient clipped to the letters, embossed with drop-shadows, a slow sheen passing over. */
.sar-foil { background: var(--rar-foil);
  background-size: 200% 200%; -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 calc(-.1 * var(--mm)) 0 var(--rar-foil-hi)) drop-shadow(0 calc(.22 * var(--mm)) 0 var(--rar-foil-lo)) drop-shadow(0 0 calc(1 * var(--mm)) rgba(0,0,0,.75));
  animation: sar-sheen 6s linear infinite; }
/* the foil slides down-right by one pass of its colours (two passes on a 200% tile): the loop has no seam */
@keyframes sar-sheen { from { background-position: 100% 100%; } to { background-position: 0% 0%; } }

.sar-top { display: flex; align-items: center; gap: calc(1.6 * var(--mm)); }
.sar-plate { font: 700 calc(2.3 * var(--mm))/1 'IBM Plex Mono', monospace; letter-spacing: .18em; color: var(--rar-plate-ink); padding: calc(.7 * var(--mm)) calc(1.2 * var(--mm)) calc(.6 * var(--mm)) calc(1.4 * var(--mm));
  border-radius: calc(.5 * var(--mm)); background: var(--rar-plate);
  box-shadow: inset 0 calc(.12 * var(--mm)) 0 rgba(255,255,255,.8), inset 0 calc(-.15 * var(--mm)) 0 var(--rar-plate-lo), 0 calc(.2 * var(--mm)) calc(.6 * var(--mm)) rgba(0,0,0,.6); }
.sar-no { font: 600 calc(1.9 * var(--mm))/1 'IBM Plex Mono', monospace; letter-spacing: .16em; }
.sar-covert { margin-left: auto; font-weight: 900; font-size: calc(2.2 * var(--mm)); letter-spacing: .2em; padding: calc(.3 * var(--mm)) calc(1 * var(--mm));
  border: calc(.2 * var(--mm)) solid rgba(236,232,223,.7); border-radius: calc(.4 * var(--mm)); }

/* name: vertical, down the right edge, clear of the figure in the middle */
.sar-name { position: absolute; right: calc(4.2 * var(--mm)); top: calc(9.6 * var(--mm)); display: flex; flex-direction: row-reverse; align-items: flex-start; gap: calc(.6 * var(--mm)); }
.sar-name b { writing-mode: vertical-rl; font-family: var(--f-display); font-weight: 400; line-height: 1;
  font-size: clamp(calc(4.6 * var(--mm)), calc(30 * var(--mm) / var(--nlen)), calc(8.2 * var(--mm))); letter-spacing: .04em; }
.cn.sar.l-zh .sar-name b { font-family: var(--f-body); font-weight: 900; }
.cn.sar.l-en .sar-name b { font-size: clamp(calc(4.2 * var(--mm)), calc(34 * var(--mm) / var(--nlen)), calc(6 * var(--mm))); letter-spacing: .06em; }
.sar-name small { writing-mode: vertical-rl; font: 600 calc(1.8 * var(--mm))/1 'IBM Plex Mono', monospace; letter-spacing: .3em; padding-top: calc(.6 * var(--mm)); opacity: .9; }

/* skills: over the dark foot of the art */
.sar-foot { margin-top: auto; display: flex; flex-direction: column; gap: calc(.9 * var(--mm)); }
/* skill name: top left, under the SAR plate (empty sky in the art) */
.sar-sname { font-family: var(--f-display); font-size: calc(3.4 * var(--mm)); line-height: 1.1; letter-spacing: .06em; align-self: flex-start;
  margin-top: calc(1.4 * var(--mm)); max-width: 52%; }
.cn.sar.l-zh .sar-sname { font-family: var(--f-body); font-weight: 900; }
.sar-sk { display: block; }
/* timing tag sits inline at the start of the text, so the text gets the card's full width */
.sar-badge { display: inline-flex; align-items: center; gap: calc(.5 * var(--mm)); vertical-align: calc(.15 * var(--mm)); margin-right: calc(1 * var(--mm));
  padding: calc(.25 * var(--mm)) calc(.9 * var(--mm)) calc(.2 * var(--mm)) calc(.7 * var(--mm)); border-radius: calc(.5 * var(--mm)); color: #ECE8DF; background: rgba(236,232,223,.08);
  box-shadow: inset 0 calc(.12 * var(--mm)) 0 rgba(255,255,255,.28), inset 0 calc(-.15 * var(--mm)) 0 rgba(0,0,0,.7), 0 0 0 calc(.15 * var(--mm)) rgba(236,232,223,.5);
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); text-shadow: none; }
.sar-badge i { font-style: normal; font-weight: 900; font-size: calc(2.2 * var(--mm)); line-height: 1; }
.sar-badge b { font-size: calc(1.6 * var(--mm)); font-weight: 700; line-height: 1; white-space: nowrap; }
.cn.sar.l-en .sar-badge b { font-size: calc(1.5 * var(--mm)); letter-spacing: .02em; }
.sar-sk.tm-DEATH .sar-badge { color: #FF6A55; box-shadow: inset 0 calc(.12 * var(--mm)) 0 rgba(255,255,255,.25), inset 0 calc(-.15 * var(--mm)) 0 rgba(0,0,0,.7), 0 0 0 calc(.15 * var(--mm)) rgba(255,106,85,.75); }
.sar-sk { font-weight: 700; font-size: calc(2.4 * var(--mm)); line-height: 1.42;
  color: rgba(236,232,223,.96);
  text-shadow: 0 calc(-.1 * var(--mm)) 0 rgba(255,255,255,.35), 0 calc(.16 * var(--mm)) 0 rgba(0,0,0,1), 0 0 calc(1 * var(--mm)) rgba(0,0,0,.95), 0 0 calc(2.2 * var(--mm)) rgba(0,0,0,.7); }
.cn.sar.l-en .sar-sk { font-size: calc(2.25 * var(--mm)); line-height: 1.32; }
.cn.sar .kw { font-weight: 900; }
@media (prefers-reduced-motion: reduce) { .sar-foil { animation: none; } }

.cn.sar.rar-UR .sar-plate { text-shadow: 0 1px 0 rgba(60,0,32,.6); }

/* ---------- the player's operator panel with a SAR / UR skin ----------
   The animated art fills the panel; the header text sits on a dark fade at the top, the skill box stays
   readable as frosted paper over the art, and a thin metal ring in the rarity colours frames the panel. */
.role-panel.has-art { background: #040507; border-color: transparent; isolation: isolate; }
.role-panel.has-art > :not(.rp-art):not(.rp-art-shade):not(.rp-art-frame) { position: relative; z-index: 3; }
.rp-art { position: absolute; inset: 0; z-index: 0; overflow: hidden; border-radius: inherit; }
.rp-art .sar-bg { position: absolute; inset: 0; }
.rp-art .sar-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; display: block; }
.rp-art video.sar-art { opacity: 0; }
.rp-art video.sar-art.on { opacity: 1; }
.rp-art-shade { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(to bottom, rgba(4,5,7,.78) 0%, rgba(4,5,7,.35) 30%, rgba(4,5,7,.1) 46%, rgba(4,5,7,.45) 100%),
    linear-gradient(to right, rgba(4,5,7,.55) 0%, rgba(4,5,7,0) 60%); }
.rp-art-frame { position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: inherit; padding: 3px;
  background: linear-gradient(135deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,0) 22%, rgba(0,0,0,0) 70%, rgba(0,0,0,.38) 100%), var(--rar-frame);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.rp-art-frame::after { content: ""; position: absolute; inset: 0; border-radius: inherit;
  background: var(--rar-sheen) 0 0 / 300% 100%; animation: sar-sheen 5.5s linear infinite; }
@media (prefers-reduced-motion: reduce) { .rp-art-frame::after { animation: none; } }
.role-panel.has-art::before { z-index: 3; left: 3px; top: 3px; bottom: 3px; }
.role-panel.has-art .rp-top .mono { color: rgba(236,232,223,.8); display: inline-flex; align-items: center; gap: 6px; }
.role-panel.has-art .sar-plate { font-family: var(--f-mono); font-size: 9.5px; font-weight: 900; letter-spacing: .12em; line-height: 1; padding: 2px 5px;
  border-radius: 2px; background: var(--rar-plate); color: var(--rar-plate-ink); box-shadow: 0 1px 0 var(--rar-plate-lo), inset 0 1px 0 rgba(255,255,255,.6); }
/* name and emblem in the same metal as the frame (gold for SAR, holo for UR), with the same moving sheen */
.role-panel.has-art .rp-id b { background: var(--rar-foil); background-size: 200% 200%; -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 -.5px 0 var(--rar-foil-hi)) drop-shadow(0 1px 0 var(--rar-foil-lo)) drop-shadow(0 0 4px rgba(0,0,0,.8));
  animation: sar-sheen 6s linear infinite; }
.role-panel.has-art .rp-id small { color: rgba(236,232,223,.75); text-shadow: 0 1px 2px rgba(0,0,0,.9); }
.role-panel.has-art .rp-id svg { stroke: url(#rar-foil-SAR);
  filter: drop-shadow(0 -.5px 0 var(--rar-foil-hi)) drop-shadow(0 1px 0 var(--rar-foil-lo)) drop-shadow(0 0 4px rgba(0,0,0,.8)); }
.role-panel.has-art.rar-UR .rp-id svg { stroke: url(#rar-foil-UR); }
.role-panel.has-art .rp-id svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR); }
.role-panel.has-art.rar-UR .rp-id svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR); }
@media (prefers-reduced-motion: reduce) { .role-panel.has-art .rp-id b { animation: none; } }
/* where the picture sits in the panel: the SAR figure's head is high, the UR art's centre is lower */
.role-panel.has-art.rar-UR .rp-art .sar-art { object-position: 50% 34%; }
/* the skill text sits on a see-through dark glass so the art shows behind it (ink and paper swap: light text, dark badges' cut-outs) */
.role-panel.has-art .rp-skill { --ink: #ECE8DF; --paper: #0C0D11; color: var(--ink); margin-top: auto;
  background: linear-gradient(to bottom, rgba(6,7,10,.34), rgba(6,7,10,.66));
  box-shadow: inset 0 0 0 1px var(--rar-edge-a), 0 4px 14px rgba(0,0,0,.35);
  text-shadow: 0 1px 0 rgba(0,0,0,.95), 0 0 6px rgba(0,0,0,.85); }
.role-panel.has-art .rp-skill > b { border-bottom-color: var(--rar-edge-a); }
.role-panel.has-art .rp-skill .sk-badge { text-shadow: none; }
.role-panel.has-art .rp-used { color: rgba(236,232,223,.85); background: rgba(4,5,7,.55); border-color: rgba(236,232,223,.4); }

/* ---------- other players' seats with a SAR / UR skin ----------
   Same look as the player's own panel, darker so the seat's meters and cards stay readable.
   The seat is its own stacking context; the art layers sit behind everything (z-index -1),
   so the seat's contents and its tags/banners keep their usual positions. */
.seat.has-art { isolation: isolate; background: #040507; }
.seat.has-art > .rp-art, .seat.has-art > .s-art-shade, .seat.has-art > .rp-art-frame { z-index: -1; }
.seat.has-art > .rp-art-frame { padding: 2px; }
.seat.has-art.rar-UR .rp-art .sar-art { object-position: 50% 34%; }
.s-art-shade { position: absolute; inset: 0; pointer-events: none; border-radius: inherit;
  background: linear-gradient(to bottom, rgba(4,5,7,.55) 0%, rgba(4,5,7,.72) 40%, rgba(4,5,7,.82) 100%); }
.seat.has-art .s-name { text-shadow: 0 1px 2px rgba(0,0,0,.9); }
/* emblem tile: metal rim, emblem in the same metal */
.seat.has-art .s-emb { border: 1.5px solid transparent; animation: none;
  background: linear-gradient(rgba(8,9,12,.82), rgba(8,9,12,.82)) padding-box, var(--rar-frame) border-box;
  box-shadow: 0 0 10px -2px var(--rar-edge-a); }
.seat.has-art .s-emb svg { stroke: url(#rar-foil-SAR); filter: drop-shadow(0 1px 0 var(--rar-foil-lo)); }
.seat.has-art.rar-UR .s-emb svg { stroke: url(#rar-foil-UR); }
.seat.has-art .s-emb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR); }
.seat.has-art.rar-UR .s-emb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR); }
/* operator name in foil, the skill name stays plain */
.seat.has-art .s-rn { font-weight: inherit; background: var(--rar-foil); background-size: 200% 200%; -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 1px 0 var(--rar-foil-lo)); animation: sar-sheen 6s linear infinite; }
.seat.has-art .s-rolename span { color: rgba(236,232,223,.72); }
@media (prefers-reduced-motion: reduce) { .seat.has-art .s-rn { animation: none; } }
/* a crashed player's art fades to grey */
.seat.dead.has-art > .rp-art { filter: grayscale(1) brightness(.6); }

/* ---------- a hidden operator with a SAR / UR skin ----------
   Only the rarity shows: the metal frame, foil "?" and label, and a slow sheen in the rarity's colours
   over a dark field. No art, so nothing hints at which operator it is. */
.seat.cover-art > .s-cover-art { position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit; overflow: hidden;
  background:
    repeating-linear-gradient(-45deg, rgba(255,255,255,.035) 0 6px, transparent 6px 12px),
    radial-gradient(120% 90% at 85% 0%, var(--rar-edge-a), transparent 45%),
    linear-gradient(180deg, #0B0C11, #050608); }
.seat.cover-art > .s-cover-art::after { content: ""; position: absolute; inset: 0; opacity: .13; mix-blend-mode: screen;
  background: var(--rar-foil); background-size: 200% 200%; animation: sar-sheen 7s linear infinite; }
@media (prefers-reduced-motion: reduce) { .seat.cover-art > .s-cover-art::after { animation: none; } }
.seat.cover-art .s-emb.covert { border: 1.5px solid transparent; border-style: solid;
  background: linear-gradient(rgba(8,9,12,.85), rgba(8,9,12,.85)) padding-box, var(--rar-frame) border-box;
  box-shadow: 0 0 10px -2px var(--rar-edge-a); }
.seat.cover-art .s-q { font-size: 1.15em; background: var(--rar-foil); background-size: 200% 200%; -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 1px 0 var(--rar-foil-lo)); animation: sar-sheen 6s linear infinite; }

/* ---------- phone landscape: the seats are short wide strips and the panel is a small tile,
   so the art is framed lower (the face and emblem instead of the halo above the head)
   and the seat shade is lighter so the art shows through. ---------- */
@media (max-width: 1024px) and (max-height: 600px) and (orientation: landscape) {
  .seat.has-art .rp-art .sar-art { object-position: 50% 44%; }
  .seat.has-art.rar-UR .rp-art .sar-art { object-position: 50% 26%; }
  .role-panel.has-art .rp-art .sar-art { object-position: 50% 40%; }
  .role-panel.has-art.rar-UR .rp-art .sar-art { object-position: 50% 26%; }
  .s-art-shade { background:
    linear-gradient(to right, rgba(4,5,7,.72) 0%, rgba(4,5,7,.38) 45%, rgba(4,5,7,.22) 100%),
    linear-gradient(to bottom, rgba(4,5,7,.25) 0%, rgba(4,5,7,0) 40%, rgba(4,5,7,.45) 100%); }
}

/* ---------- result screen: players who used a SAR / UR operator ----------
   The identity card gets the rarity's metal frame with its sheen (no rarity label);
   the operator name and emblem below it are in the same foil. */
.rs-p.sar-skin .rs-front { box-shadow: 0 0 16px -2px var(--rar-edge-a); }
.rs-p.sar-skin .rs-front > .rp-art-frame { padding: 4px; z-index: 1; }
.rs-p.sar-skin .rs-rn { font-weight: 900; background: var(--rar-foil); background-size: 200% 200%; -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 1px 0 var(--rar-foil-lo)); animation: sar-sheen 6s linear infinite; }
.rs-p.sar-skin .rs-role svg { stroke: url(#rar-foil-SAR); filter: drop-shadow(0 1px 0 var(--rar-foil-lo)); }
.rs-p.sar-skin.rar-UR .rs-role svg { stroke: url(#rar-foil-UR); }
@media (prefers-reduced-motion: reduce) { .rs-p.sar-skin .rs-rn { animation: none; } }
@media (max-width: 1024px) and (max-height: 600px) and (orientation: landscape) {
  .rs-p.sar-skin .rs-front > .rp-art-frame { padding: 2.5px; }
  }

/* ---------- UR coatings (Prototype coatings from Deep Salvage) ----------
   A UR operator can be recoated for good; the class coat-B … coat-F sits next to rar-UR wherever that
   operator's UR frame is drawn (card, seat, operator panel, results). A (no class) is the factory finish. */
/* B: Cold Chrome — chrome and ice, cut by electric blue and an arc-violet streak (a Deep Salvage-only finish) */
.cn.sar.rar-UR.coat-B, .sar-skin.rar-UR.coat-B {
  --rar-edge: #8FE6FF;
  --rar-edge-a: rgba(143,230,255,.6);
  --rar-deep: rgba(4,12,32,.9);
  --rar-foil: linear-gradient(135deg, #3A4A62 0%, #C9D6E2 6%, #FFFFFF 9%, #9FF0FF 13%, #3A6BFF 18%, #B58CFF 23%, #E6FBFF 27%, #3EE0FF 32%, #C9D6E2 37%, #3A4A62 42%, #3A4A62 50%, #3A4A62 50%, #C9D6E2 56%, #FFFFFF 59%, #9FF0FF 63%, #3A6BFF 68%, #B58CFF 73%, #E6FBFF 77%, #3EE0FF 82%, #C9D6E2 87%, #3A4A62 92%, #3A4A62 100%);
  --rar-foil-hi: rgba(235,250,255,.85);
  --rar-foil-lo: rgba(4,10,30,.95);
  --rar-plate: linear-gradient(180deg, #E6FBFF, #7FD8FF 38%, #3A6BFF 70%, #6A4CFF);
  --rar-plate-ink: #06102A;
  --rar-plate-lo: rgba(4,10,40,.55);
  --rar-frame: linear-gradient(160deg, #2A3A55 0%, #C9D6E2 10%, #FFFFFF 16%, #9FF0FF 24%, #3A6BFF 34%, #B58CFF 44%, #2A3A55 54%, #C9D6E2 64%, #E6FBFF 72%, #3EE0FF 82%, #B58CFF 92%, #2A3A55 100%);
  --rar-line: rgba(175,235,255,.92);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(62,224,255,.65) 45%, rgba(255,255,255,.95) 50%, rgba(181,140,255,.65) 55%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-B .rp-id svg, .seat.has-art.rar-UR.coat-B .s-emb svg, .rs-p.sar-skin.rar-UR.coat-B .rs-role svg { stroke: url(#rar-foil-UR-B); }
.role-panel.has-art.rar-UR.coat-B .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-B .s-emb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-B); }
/* C: Violet Zero-Day */
.cn.sar.rar-UR.coat-C, .sar-skin.rar-UR.coat-C {
  --rar-edge: #9B6BFF;
  --rar-edge-a: rgba(155,107,255,.6);
  --rar-deep: rgba(14,6,30,.9);
  --rar-foil: linear-gradient(135deg, #6E7480 0%, #C7CCD6 7.6%, #FFFFFF 10.9%, #C2A8FF 15.1%, #7B4DFF 20.2%, #3A2A6E 25.2%, #C7CCD6 31.1%, #E6DCFF 36.1%, #6E7480 42%, #6E7480 50%, #6E7480 50%, #C7CCD6 57.6%, #FFFFFF 60.9%, #C2A8FF 65.1%, #7B4DFF 70.2%, #3A2A6E 75.2%, #C7CCD6 81.1%, #E6DCFF 86.1%, #6E7480 92%, #6E7480 100%);
  --rar-foil-hi: rgba(236,228,255,.8);
  --rar-foil-lo: rgba(12,6,26,.95);
  --rar-plate: linear-gradient(180deg, #B9A2FF, #7B4DFF 48%, #3A1E9E);
  --rar-plate-ink: #FFFFFF;
  --rar-plate-lo: rgba(14,6,40,.55);
  --rar-frame: linear-gradient(160deg, #22252C 0%, #5A606C 12%, #AEB4C0 22%, #E6E9EF 27%, #8E7CFF 36%, #5A2EE0 46%, #22252C 58%, #5A606C 68%, #C7CCD6 80%, #9B6BFF 90%, #22252C 100%);
  --rar-line: rgba(190,165,255,.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(155,107,255,.65) 46%, rgba(255,255,255,.9) 50%, rgba(155,107,255,.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-C .rp-id svg, .seat.has-art.rar-UR.coat-C .s-emb svg, .rs-p.sar-skin.rar-UR.coat-C .rs-role svg { stroke: url(#rar-foil-UR-C); }
.role-panel.has-art.rar-UR.coat-C .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-C .s-emb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-C); }
/* D: Prism Overflow */
.cn.sar.rar-UR.coat-D, .sar-skin.rar-UR.coat-D {
  --rar-edge: #5CF0C8;
  --rar-edge-a: rgba(92,240,200,.55);
  --rar-deep: rgba(4,20,24,.9);
  --rar-foil: linear-gradient(135deg, #3EC8FF 0%, #5CF0C8 6.7%, #E9FF9A 11.8%, #FFFFFF 14.3%, #9FEBFF 18.5%, #6A8CFF 24.4%, #9B6BFF 29.4%, #5CF0C8 35.3%, #3EC8FF 42%, #3EC8FF 50%, #3EC8FF 50%, #5CF0C8 56.7%, #E9FF9A 61.8%, #FFFFFF 64.3%, #9FEBFF 68.5%, #6A8CFF 74.4%, #9B6BFF 79.4%, #5CF0C8 85.3%, #3EC8FF 92%, #3EC8FF 100%);
  --rar-foil-hi: rgba(232,255,250,.8);
  --rar-foil-lo: rgba(2,20,24,.95);
  --rar-plate: linear-gradient(180deg, #B8FFF0, #3EC8FF 50%, #6A4CFF);
  --rar-plate-ink: #06121A;
  --rar-plate-lo: rgba(2,20,30,.55);
  --rar-frame: linear-gradient(160deg, #1F6E8C 0%, #3EC8FF 10%, #5CF0C8 20%, #E9FF9A 28%, #FFFFFF 32%, #9FEBFF 40%, #6A8CFF 52%, #9B6BFF 62%, #3EC8FF 74%, #5CF0C8 86%, #1F6E8C 100%);
  --rar-line: rgba(180,255,235,.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(92,240,200,.6) 45%, rgba(255,255,255,.9) 50%, rgba(106,140,255,.6) 55%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-D .rp-id svg, .seat.has-art.rar-UR.coat-D .s-emb svg, .rs-p.sar-skin.rar-UR.coat-D .rs-role svg { stroke: url(#rar-foil-UR-D); }
.role-panel.has-art.rar-UR.coat-D .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-D .s-emb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-D); }
/* E: Obsidian Virus */
.cn.sar.rar-UR.coat-E, .sar-skin.rar-UR.coat-E {
  --rar-edge: #7CFF4F;
  --rar-edge-a: rgba(124,255,79,.5);
  --rar-deep: rgba(6,20,4,.9);
  --rar-foil: linear-gradient(135deg, #4A5A40 0%, #C8FF9A 7.6%, #FFFFFF 10.9%, #7CFF4F 16%, #1FAE5A 21%, #283A26 26%, #C8FF9A 31.9%, #E9FFD9 36.1%, #4A5A40 42%, #4A5A40 50%, #4A5A40 50%, #C8FF9A 57.6%, #FFFFFF 60.9%, #7CFF4F 66%, #1FAE5A 71%, #283A26 76%, #C8FF9A 81.9%, #E9FFD9 86.1%, #4A5A40 92%, #4A5A40 100%);
  --rar-foil-hi: rgba(236,255,224,.8);
  --rar-foil-lo: rgba(4,16,4,.95);
  --rar-plate: linear-gradient(180deg, #D9FFB8, #7CFF4F 48%, #1F8A3A);
  --rar-plate-ink: #081406;
  --rar-plate-lo: rgba(4,20,4,.55);
  --rar-frame: linear-gradient(160deg, #0E120E 0%, #2E352E 12%, #6E7A6E 22%, #C8D2C8 27%, #7CFF4F 36%, #1FAE5A 46%, #0E120E 58%, #2E352E 68%, #9AA69A 80%, #7CFF4F 90%, #0E120E 100%);
  --rar-line: rgba(170,255,140,.85);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(124,255,79,.55) 46%, rgba(255,255,255,.9) 50%, rgba(124,255,79,.55) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-E .rp-id svg, .seat.has-art.rar-UR.coat-E .s-emb svg, .rs-p.sar-skin.rar-UR.coat-E .rs-role svg { stroke: url(#rar-foil-UR-E); }
.role-panel.has-art.rar-UR.coat-E .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-E .s-emb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-E); }
/* F: Red Alert — alarm red over dark gunmetal */
.cn.sar.rar-UR.coat-F, .sar-skin.rar-UR.coat-F {
  --rar-edge: #FF3B3B;
  --rar-edge-a: rgba(255,59,59,.6);
  --rar-deep: rgba(30,2,6,.9);
  --rar-foil: linear-gradient(135deg, #5A1218 0%, #FF8A80 6.7%, #FFFFFF 10.9%, #FF3B3B 16%, #B00020 21%, #2A0A0E 26%, #FF6A5A 31.9%, #FFD0CC 37%, #5A1218 42%, #5A1218 50%, #5A1218 50%, #FF8A80 56.7%, #FFFFFF 60.9%, #FF3B3B 66%, #B00020 71%, #2A0A0E 76%, #FF6A5A 81.9%, #FFD0CC 87%, #5A1218 92%, #5A1218 100%);
  --rar-foil-hi: rgba(255,226,222,.8);
  --rar-foil-lo: rgba(26,2,6,.95);
  --rar-plate: linear-gradient(180deg, #FF9A90, #FF3B3B 48%, #8A0010);
  --rar-plate-ink: #FFFFFF;
  --rar-plate-lo: rgba(40,0,8,.55);
  --rar-frame: linear-gradient(160deg, #1A0A0C 0%, #3A2E30 12%, #8A8486 22%, #E6E0E2 27%, #FF3B3B 36%, #B00020 46%, #1A0A0C 58%, #3A2E30 68%, #A8A2A4 80%, #FF3B3B 90%, #1A0A0C 100%);
  --rar-line: rgba(255,170,160,.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(255,59,59,.6) 46%, rgba(255,255,255,.9) 50%, rgba(255,59,59,.6) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-F .rp-id svg, .seat.has-art.rar-UR.coat-F .s-emb svg, .rs-p.sar-skin.rar-UR.coat-F .rs-role svg, .rar-UR.coat-F .sar-nemb svg { stroke: url(#rar-foil-UR-F); }
.role-panel.has-art.rar-UR.coat-F .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-F .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-F .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-F); }
.cn.sar.rar-UR[class*="coat-"] .sar-plate { text-shadow: none; }
/* the operator panel's UR outline follows the coating */
.role-panel.has-art.sk-UR:not(.skill-ready) { box-shadow: inset 0 0 0 1.5px var(--rar-edge-a), 0 0 18px -4px var(--rar-edge); }

/* ---------- compositor-only loops ----------
   Sheens and scan lines used to animate background-position or top: the browser repainted the whole
   card (mask, foil text, shadows) or re-laid out the page on every frame, which made floating cards
   stutter. The same looks are now a gradient layer that only moves (transform), handled by the GPU. */
/* the ring's sheen crosses down-right, the same way as the foil on the type (a 3x3 layer that slides one diagonal) */
@keyframes sheen-x { from { transform: translate3d(-66.667%, -66.667%, 0); } to { transform: translate3d(40%, 40%, 0); } }
.sar-frame::after, .rp-art-frame::after, .gc-cc-frame::after {
  inset: 0 auto auto 0; width: 300%; height: 300%; border-radius: 0; background: var(--rar-sheen) 0 0 / 100% 100% no-repeat;
  animation: sheen-x 5.5s linear infinite; will-change: transform; }
/* scan lines: a band that slides down */
.gc-scan { top: 0; transform: translate3d(0, -100%, 0); animation: scan-y 4s linear infinite; will-change: transform; }
.gc-banner.dive .gc-scan { animation: scan-y .7s linear 3; }
@keyframes scan-y { from { transform: translate3d(0, -100%, 0); } to { transform: translate3d(0, 250%, 0); } }
.lb-scan { top: 0; transform: translate3d(0, -100%, 0); animation: scan-y30 7s linear infinite; will-change: transform; }
@keyframes scan-y30 { from { transform: translate3d(0, -100%, 0); } to { transform: translate3d(0, 333.4%, 0); } }
/* button sheens: a light band that crosses, then waits */
.gc2 .gc-btn:not(:disabled)::after, .lb-go.main::after { inset: 0 auto 0 0; width: 40%; background-size: 100% 100%; background-position: 0 0;
  background-image: linear-gradient(115deg, transparent 10%, rgba(255,255,255,.2) 50%, transparent 90%); transform: translate3d(-120%, 0, 0); will-change: transform; }
.lb-go.main::after { background-image: linear-gradient(115deg, transparent 10%, rgba(255,255,255,.7) 50%, transparent 90%); }
.gc2 .gc-btn:not(:disabled)::after { animation: btn-sheen 3.2s ease-in-out infinite; }
.lb-go.main::after { animation: btn-sheen 4.5s ease-in-out infinite; }
@keyframes btn-sheen { 0% { transform: translate3d(-120%, 0, 0); } 60%, 100% { transform: translate3d(320%, 0, 0); } }
@media (prefers-reduced-motion: reduce) {
  .sar-frame::after, .rp-art-frame::after, .gc-cc-frame::after, .gc-scan, .lb-scan, .gc2 .gc-btn::after, .lb-go.main::after { animation: none; } }
/* the foil shimmer on names repaints its own text every frame: on a layer of its own it never makes the rest of the card repaint */
.cn.sar .sar-foil { will-change: transform; transform: translateZ(0); }

/* ---------- the operator's emblem before the name (card faces and nameTag), in the rarity's foil ---------- */
.sar-ncol { display: flex; flex-direction: column; align-items: center; gap: calc(.8 * var(--mm)); }
.sar-ncol .sar-nemb { width: calc(5.4 * var(--mm)); height: calc(5.4 * var(--mm)); }
.sar-nt.sar-skin { display: inline-flex; flex-direction: row; align-items: center; gap: .32em; vertical-align: middle; max-width: 100%;
  font-size: inherit; letter-spacing: inherit; color: inherit; text-shadow: none; position: static;
  border: 0; padding: 0; border-radius: 0; background: none; box-shadow: none; }
.sar-nemb { display: inline-flex; flex: none; width: 1em; height: 1em; }
.sar-nemb svg { width: 100%; height: 100%; overflow: visible; stroke: url(#rar-foil-SAR);
  filter: drop-shadow(0 1px 0 var(--rar-foil-lo)) drop-shadow(0 0 3px rgba(0,0,0,.55)); }
.sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR); }
.sar-nt .sar-nt-n { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: inherit;
  background: var(--rar-foil); background-size: 200% 200%; -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 1px 0 var(--rar-foil-lo)); animation: sar-sheen 6s linear infinite; text-shadow: none; }
.rar-UR .sar-nemb svg { stroke: url(#rar-foil-UR); }
.rar-UR .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR); }
.rar-UR.coat-B .sar-nemb svg { stroke: url(#rar-foil-UR-B); } .rar-UR.coat-B .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-B); }
.rar-UR.coat-C .sar-nemb svg { stroke: url(#rar-foil-UR-C); } .rar-UR.coat-C .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-C); }
.rar-UR.coat-D .sar-nemb svg { stroke: url(#rar-foil-UR-D); } .rar-UR.coat-D .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-D); }
.rar-UR.coat-E .sar-nemb svg { stroke: url(#rar-foil-UR-E); } .rar-UR.coat-E .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-E); }
@media (prefers-reduced-motion: reduce) { .sar-nt .sar-nt-n { animation: none; } }

/* ---------- SAR coatings ----------
   A SAR card can be coated too (its own unlock, separate from the operator's UR). It keeps the Soul Archive
   look (pearl and ivory highlights, soft metal) in the coating's colour. A (no class) is the gold factory finish. */
/* B: Cold Chrome — pearl chrome with ice blue and a violet arc */
.cn.sar.rar-SAR.coat-B, .sar-skin.rar-SAR.coat-B {
  --rar-edge: #B4E4F8; --rar-edge-a: rgba(180,228,248,.55); --rar-deep: rgba(6,14,32,.9);
  --rar-foil: linear-gradient(135deg, #5A6A8A 0%, #BFD9EC 8%, #FFF8EC 11.5%, #A8E8F5 16%, #7F9CF0 22%, #C8B0F5 28%, #FFF8EC 33%, #A8DAF5 37.5%, #8DB4D4 42%, #5A6A8A 50%, #5A6A8A 50%, #BFD9EC 58%, #FFF8EC 61.5%, #A8E8F5 66%, #7F9CF0 72%, #C8B0F5 78%, #FFF8EC 83%, #A8DAF5 87.5%, #8DB4D4 92%, #5A6A8A 100%);
  --rar-foil-hi: rgba(255,250,240,.78); --rar-foil-lo: rgba(6,14,32,.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #A8E8F5 40%, #7F9CF0 72%, #A98CEB); --rar-plate-ink: #0E1630; --rar-plate-lo: rgba(6,14,32,.5);
  --rar-frame: linear-gradient(160deg, #5A6A8A 0%, #BFD9EC 14%, #FFF8EC 22%, #A8E8F5 32%, #7F9CF0 44%, #C8B0F5 56%, #FFF8EC 70%, #8DB4D4 86%, #5A6A8A 100%);
  --rar-line: rgba(255,248,240,.88);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(168,232,245,.6) 47%, rgba(255,255,255,.95) 50%, rgba(200,176,245,.6) 53%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-B .rp-id svg, .seat.has-art.rar-SAR.coat-B .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-B .rs-role svg, .rar-SAR.coat-B .sar-nemb svg { stroke: url(#rar-foil-SAR-B); }
.role-panel.has-art.rar-SAR.coat-B .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-B .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-B .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-B); }
/* C: Violet Zero-Day */
.cn.sar.rar-SAR.coat-C, .sar-skin.rar-SAR.coat-C {
  --rar-edge: #B7A0F0; --rar-edge-a: rgba(183,160,240,.55); --rar-deep: rgba(16,8,32,.9);
  --rar-foil: linear-gradient(135deg, #6C5C98 0%, #CDBDF5 9.2%, #FFF8EC 12.6%, #B7A0F0 17.6%, #7A5CC8 24.4%, #DCD0F7 31.9%, #FFF8EC 35.3%, #9E86DE 42%, #6C5C98 50%, #6C5C98 50%, #CDBDF5 59.2%, #FFF8EC 62.6%, #B7A0F0 67.6%, #7A5CC8 74.4%, #DCD0F7 81.9%, #FFF8EC 85.3%, #9E86DE 92%, #6C5C98 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(16,8,32,.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #B7A0F0 45%, #7A5CC8); --rar-plate-ink: #140E24; --rar-plate-lo: rgba(16,8,32,.5);
  --rar-frame: linear-gradient(160deg, #6C5C98 0%, #CDBDF5 14%, #FFF8EC 22%, #B7A0F0 34%, #7A5CC8 46%, #DCD0F7 60%, #FFF8EC 72%, #9E86DE 86%, #6C5C98 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(183,160,240,.55) 48%, rgba(255,255,255,.95) 50%, rgba(183,160,240,.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-C .rp-id svg, .seat.has-art.rar-SAR.coat-C .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-C .rs-role svg, .rar-SAR.coat-C .sar-nemb svg { stroke: url(#rar-foil-SAR-C); }
.role-panel.has-art.rar-SAR.coat-C .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-C .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-C .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-C); }
/* D: Prism Overflow */
.cn.sar.rar-SAR.coat-D, .sar-skin.rar-SAR.coat-D {
  --rar-edge: #A9E4F2; --rar-edge-a: rgba(169,228,242,.55); --rar-deep: rgba(4,22,24,.9);
  --rar-foil: linear-gradient(135deg, #5E8E8A 0%, #BDEDE0 9.2%, #FFF8EC 12.6%, #A9E4F2 17.6%, #AFA3EE 24.4%, #CDEFE6 31.9%, #FFF8EC 35.3%, #7FCDBE 42%, #5E8E8A 50%, #5E8E8A 50%, #BDEDE0 59.2%, #FFF8EC 62.6%, #A9E4F2 67.6%, #AFA3EE 74.4%, #CDEFE6 81.9%, #FFF8EC 85.3%, #7FCDBE 92%, #5E8E8A 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(4,22,24,.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #A9E4F2 45%, #AFA3EE); --rar-plate-ink: #0C1A1C; --rar-plate-lo: rgba(4,22,24,.5);
  --rar-frame: linear-gradient(160deg, #5E8E8A 0%, #BDEDE0 14%, #FFF8EC 22%, #A9E4F2 34%, #AFA3EE 46%, #CDEFE6 60%, #FFF8EC 72%, #7FCDBE 86%, #5E8E8A 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(169,228,242,.55) 48%, rgba(255,255,255,.95) 50%, rgba(169,228,242,.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-D .rp-id svg, .seat.has-art.rar-SAR.coat-D .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-D .rs-role svg, .rar-SAR.coat-D .sar-nemb svg { stroke: url(#rar-foil-SAR-D); }
.role-panel.has-art.rar-SAR.coat-D .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-D .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-D .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-D); }
/* E: Obsidian Virus */
.cn.sar.rar-SAR.coat-E, .sar-skin.rar-SAR.coat-E {
  --rar-edge: #9FDC86; --rar-edge-a: rgba(159,220,134,.5); --rar-deep: rgba(8,20,6,.9);
  --rar-foil: linear-gradient(135deg, #4E6A46 0%, #C3E9B2 9.2%, #FFF8EC 12.6%, #9FDC86 17.6%, #4E8C3E 24.4%, #D0EDC4 31.9%, #FFF8EC 35.3%, #86BC70 42%, #4E6A46 50%, #4E6A46 50%, #C3E9B2 59.2%, #FFF8EC 62.6%, #9FDC86 67.6%, #4E8C3E 74.4%, #D0EDC4 81.9%, #FFF8EC 85.3%, #86BC70 92%, #4E6A46 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(8,20,6,.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #9FDC86 45%, #4E8C3E); --rar-plate-ink: #0E180C; --rar-plate-lo: rgba(8,20,6,.5);
  --rar-frame: linear-gradient(160deg, #4E6A46 0%, #C3E9B2 14%, #FFF8EC 22%, #9FDC86 34%, #4E8C3E 46%, #D0EDC4 60%, #FFF8EC 72%, #86BC70 86%, #4E6A46 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(159,220,134,.5) 48%, rgba(255,255,255,.95) 50%, rgba(159,220,134,.5) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-E .rp-id svg, .seat.has-art.rar-SAR.coat-E .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-E .rs-role svg, .rar-SAR.coat-E .sar-nemb svg { stroke: url(#rar-foil-SAR-E); }
.role-panel.has-art.rar-SAR.coat-E .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-E .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-E .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-E); }
/* the operator panel's SAR outline follows the coating */
.role-panel.has-art.sk-SAR[class*="coat-"]:not(.skill-ready) { box-shadow: inset 0 0 0 1.5px var(--rar-edge-a), 0 0 18px -4px var(--rar-edge); }
/* F: Red Alert (SAR style: coral red in pearl and ivory) */
.cn.sar.rar-SAR.coat-F, .sar-skin.rar-SAR.coat-F {
  --rar-edge: #F2A0A0; --rar-edge-a: rgba(242,160,160,.55); --rar-deep: rgba(30,6,6,.9);
  --rar-foil: linear-gradient(135deg, #8E4A48 0%, #F2C4C0 9.2%, #FFF8EC 12.6%, #F2A0A0 17.6%, #C0504A 24.4%, #F5D6D2 31.9%, #FFF8EC 35.3%, #D88A84 42%, #8E4A48 50%, #8E4A48 50%, #F2C4C0 59.2%, #FFF8EC 62.6%, #F2A0A0 67.6%, #C0504A 74.4%, #F5D6D2 81.9%, #FFF8EC 85.3%, #D88A84 92%, #8E4A48 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(30,6,6,.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #F2A0A0 45%, #C0504A); --rar-plate-ink: #1E0C0C; --rar-plate-lo: rgba(30,6,6,.5);
  --rar-frame: linear-gradient(160deg, #8E4A48 0%, #F2C4C0 14%, #FFF8EC 22%, #F2A0A0 34%, #C0504A 46%, #F5D6D2 60%, #FFF8EC 72%, #D88A84 86%, #8E4A48 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(242,160,160,.55) 48%, rgba(255,255,255,.95) 50%, rgba(242,160,160,.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-F .rp-id svg, .seat.has-art.rar-SAR.coat-F .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-F .rs-role svg, .rar-SAR.coat-F .sar-nemb svg { stroke: url(#rar-foil-SAR-F); }
.role-panel.has-art.rar-SAR.coat-F .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-F .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-F .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-F); }

/* Node Works coatings: generated by art-source/gen_coats.py */
/* GEN-COATS */
/* W: Solder Glow */
.cn.sar.rar-UR.coat-W, .sar-skin.rar-UR.coat-W {
  --rar-edge: #FF9A2E; --rar-edge-a: rgba(255,154,46,0.6); --rar-deep: rgba(51,31,9,0.92);
  --rar-foil: linear-gradient(135deg, #734515 0%, #FFD2A1 7.6%, #FFFFFF 10.9%, #FF9A2E 16%, #65E6FF 21%, #FFB86D 26.9%, #FFFFFF 31.9%, #FF9A2E 37%, #734515 42%, #734515 50%, #734515 50%, #FFD2A1 57.6%, #FFFFFF 60.9%, #FF9A2E 66%, #65E6FF 71%, #FFB86D 76.9%, #FFFFFF 81.9%, #FF9A2E 87%, #734515 92%, #734515 100%);
  --rar-foil-hi: rgba(255,210,161,0.8); --rar-foil-lo: rgba(51,31,9,0.95);
  --rar-plate: linear-gradient(180deg, #FFEBD5, #FFD2A1 48%, #734515); --rar-plate-ink: #1F1206; --rar-plate-lo: rgba(51,31,9,0.55);
  --rar-frame: linear-gradient(160deg, #734515 0%, #FFD2A1 12%, #FFEBD5 22%, #FFFFFF 27%, #FF9A2E 36%, #65E6FF 46%, #331F09 58%, #FFD2A1 70%, #FFEBD5 82%, #FF9A2E 92%, #734515 100%);
  --rar-line: rgba(255,210,161,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(255,154,46,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(255,154,46,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-W .rp-id svg, .seat.has-art.rar-UR.coat-W .s-emb svg, .rs-p.sar-skin.rar-UR.coat-W .rs-role svg, .rar-UR.coat-W .sar-nemb svg { stroke: url(#rar-foil-UR-W); }
.role-panel.has-art.rar-UR.coat-W .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-W .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-W .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-W); }
.cn.sar.rar-SAR.coat-W, .sar-skin.rar-SAR.coat-W {
  --rar-edge: #FFB25E; --rar-edge-a: rgba(255,178,94,0.55); --rar-deep: rgba(56,34,10,0.9);
  --rar-foil: linear-gradient(135deg, #A6641E 0%, #FFD2A0 9.2%, #FFF8EC 12.6%, #FFB25E 17.6%, #79E7F9 24.4%, #FFDCB3 31.9%, #FFF8EC 35.3%, #A6641E 42%, #A6641E 50%, #A6641E 50%, #FFD2A0 59.2%, #FFF8EC 62.6%, #FFB25E 67.6%, #79E7F9 74.4%, #FFDCB3 81.9%, #FFF8EC 85.3%, #A6641E 92%, #A6641E 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(56,34,10,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #FFB25E 45%, #A6641E); --rar-plate-ink: #261707; --rar-plate-lo: rgba(56,34,10,0.5);
  --rar-frame: linear-gradient(160deg, #A6641E 0%, #FFD2A0 14%, #FFF8EC 22%, #FFB25E 34%, #A6641E 46%, #FFDCB3 60%, #FFF8EC 72%, #FFB25E 86%, #A6641E 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(255,178,94,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(255,178,94,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-W .rp-id svg, .seat.has-art.rar-SAR.coat-W .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-W .rs-role svg, .rar-SAR.coat-W .sar-nemb svg { stroke: url(#rar-foil-SAR-W); }
.role-panel.has-art.rar-SAR.coat-W .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-W .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-W .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-W); }
/* P-ASURA: Triple Inferno */
.cn.sar.rar-UR.coat-P-ASURA, .sar-skin.rar-UR.coat-P-ASURA {
  --rar-edge: #FF3E5E; --rar-edge-a: rgba(255,62,94,0.6); --rar-deep: rgba(51,12,19,0.92);
  --rar-foil: linear-gradient(135deg, #731C2A 0%, #FFA8B7 7.6%, #FFFFFF 10.9%, #FF3E5E 16%, #FFCE61 21%, #FF788E 26.9%, #FFFFFF 31.9%, #FF3E5E 37%, #731C2A 42%, #731C2A 50%, #731C2A 50%, #FFA8B7 57.6%, #FFFFFF 60.9%, #FF3E5E 66%, #FFCE61 71%, #FF788E 76.9%, #FFFFFF 81.9%, #FF3E5E 87%, #731C2A 92%, #731C2A 100%);
  --rar-foil-hi: rgba(255,168,183,0.8); --rar-foil-lo: rgba(51,12,19,0.95);
  --rar-plate: linear-gradient(180deg, #FFD8DF, #FFA8B7 48%, #731C2A); --rar-plate-ink: #1F070B; --rar-plate-lo: rgba(51,12,19,0.55);
  --rar-frame: linear-gradient(160deg, #731C2A 0%, #FFA8B7 12%, #FFD8DF 22%, #FFFFFF 27%, #FF3E5E 36%, #FFCE61 46%, #330C13 58%, #FFA8B7 70%, #FFD8DF 82%, #FF3E5E 92%, #731C2A 100%);
  --rar-line: rgba(255,168,183,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(255,62,94,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(255,62,94,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-ASURA .rp-id svg, .seat.has-art.rar-UR.coat-P-ASURA .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-ASURA .rs-role svg, .rar-UR.coat-P-ASURA .sar-nemb svg { stroke: url(#rar-foil-UR-P-ASURA); }
.role-panel.has-art.rar-UR.coat-P-ASURA .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-ASURA .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-ASURA .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-ASURA); }
.cn.sar.rar-SAR.coat-P-ASURA, .sar-skin.rar-SAR.coat-P-ASURA {
  --rar-edge: #FF6C82; --rar-edge-a: rgba(255,108,130,0.55); --rar-deep: rgba(56,14,21,0.9);
  --rar-foil: linear-gradient(135deg, #A6283D 0%, #FFAEB3 9.2%, #FFF8EC 12.6%, #FF6C82 17.6%, #FFD26F 24.4%, #FFC0C1 31.9%, #FFF8EC 35.3%, #A6283D 42%, #A6283D 50%, #A6283D 50%, #FFAEB3 59.2%, #FFF8EC 62.6%, #FF6C82 67.6%, #FFD26F 74.4%, #FFC0C1 81.9%, #FFF8EC 85.3%, #A6283D 92%, #A6283D 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(56,14,21,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #FF6C82 45%, #A6283D); --rar-plate-ink: #26090E; --rar-plate-lo: rgba(56,14,21,0.5);
  --rar-frame: linear-gradient(160deg, #A6283D 0%, #FFAEB3 14%, #FFF8EC 22%, #FF6C82 34%, #A6283D 46%, #FFC0C1 60%, #FFF8EC 72%, #FF6C82 86%, #A6283D 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(255,108,130,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(255,108,130,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-ASURA .rp-id svg, .seat.has-art.rar-SAR.coat-P-ASURA .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-ASURA .rs-role svg, .rar-SAR.coat-P-ASURA .sar-nemb svg { stroke: url(#rar-foil-SAR-P-ASURA); }
.role-panel.has-art.rar-SAR.coat-P-ASURA .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-ASURA .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-ASURA .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-ASURA); }
/* P-ALICE: Rabbit Hole */
.cn.sar.rar-UR.coat-P-ALICE, .sar-skin.rar-UR.coat-P-ALICE {
  --rar-edge: #7FD8FF; --rar-edge-a: rgba(127,216,255,0.6); --rar-deep: rgba(25,43,51,0.92);
  --rar-foil: linear-gradient(135deg, #396173 0%, #C5EDFF 7.6%, #FFFFFF 10.9%, #7FD8FF 16%, #EDF8FF 21%, #A5E4FF 26.9%, #FFFFFF 31.9%, #7FD8FF 37%, #396173 42%, #396173 50%, #396173 50%, #C5EDFF 57.6%, #FFFFFF 60.9%, #7FD8FF 66%, #EDF8FF 71%, #A5E4FF 76.9%, #FFFFFF 81.9%, #7FD8FF 87%, #396173 92%, #396173 100%);
  --rar-foil-hi: rgba(197,237,255,0.8); --rar-foil-lo: rgba(25,43,51,0.95);
  --rar-plate: linear-gradient(180deg, #E5F7FF, #C5EDFF 48%, #396173); --rar-plate-ink: #0F1A1F; --rar-plate-lo: rgba(25,43,51,0.55);
  --rar-frame: linear-gradient(160deg, #396173 0%, #C5EDFF 12%, #E5F7FF 22%, #FFFFFF 27%, #7FD8FF 36%, #EDF8FF 46%, #192B33 58%, #C5EDFF 70%, #E5F7FF 82%, #7FD8FF 92%, #396173 100%);
  --rar-line: rgba(197,237,255,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(127,216,255,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(127,216,255,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-ALICE .rp-id svg, .seat.has-art.rar-UR.coat-P-ALICE .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-ALICE .rs-role svg, .rar-UR.coat-P-ALICE .sar-nemb svg { stroke: url(#rar-foil-UR-P-ALICE); }
.role-panel.has-art.rar-UR.coat-P-ALICE .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-ALICE .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-ALICE .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-ALICE); }
.cn.sar.rar-SAR.coat-P-ALICE, .sar-skin.rar-SAR.coat-P-ALICE {
  --rar-edge: #9FE0FA; --rar-edge-a: rgba(159,224,250,0.55); --rar-deep: rgba(28,48,56,0.9);
  --rar-foil: linear-gradient(135deg, #538CA6 0%, #CCEBF4 9.2%, #FFF8EC 12.6%, #9FE0FA 17.6%, #EFF7F9 24.4%, #D9EEF2 31.9%, #FFF8EC 35.3%, #538CA6 42%, #538CA6 50%, #538CA6 50%, #CCEBF4 59.2%, #FFF8EC 62.6%, #9FE0FA 67.6%, #EFF7F9 74.4%, #D9EEF2 81.9%, #FFF8EC 85.3%, #538CA6 92%, #538CA6 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(28,48,56,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #9FE0FA 45%, #538CA6); --rar-plate-ink: #132026; --rar-plate-lo: rgba(28,48,56,0.5);
  --rar-frame: linear-gradient(160deg, #538CA6 0%, #CCEBF4 14%, #FFF8EC 22%, #9FE0FA 34%, #538CA6 46%, #D9EEF2 60%, #FFF8EC 72%, #9FE0FA 86%, #538CA6 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(159,224,250,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(159,224,250,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-ALICE .rp-id svg, .seat.has-art.rar-SAR.coat-P-ALICE .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-ALICE .rs-role svg, .rar-SAR.coat-P-ALICE .sar-nemb svg { stroke: url(#rar-foil-SAR-P-ALICE); }
.role-panel.has-art.rar-SAR.coat-P-ALICE .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-ALICE .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-ALICE .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-ALICE); }
/* P-CLONE: Seventh Backup */
.cn.sar.rar-UR.coat-P-CLONE, .sar-skin.rar-UR.coat-P-CLONE {
  --rar-edge: #9FB3C8; --rar-edge-a: rgba(159,179,200,0.6); --rar-deep: rgba(32,36,40,0.92);
  --rar-foil: linear-gradient(135deg, #48515A 0%, #D4DDE6 7.6%, #FFFFFF 10.9%, #9FB3C8 16%, #7DF3D3 21%, #BCCAD8 26.9%, #FFFFFF 31.9%, #9FB3C8 37%, #48515A 42%, #48515A 50%, #48515A 50%, #D4DDE6 57.6%, #FFFFFF 60.9%, #9FB3C8 66%, #7DF3D3 71%, #BCCAD8 76.9%, #FFFFFF 81.9%, #9FB3C8 87%, #48515A 92%, #48515A 100%);
  --rar-foil-hi: rgba(212,221,230,0.8); --rar-foil-lo: rgba(32,36,40,0.95);
  --rar-plate: linear-gradient(180deg, #ECF0F4, #D4DDE6 48%, #48515A); --rar-plate-ink: #131518; --rar-plate-lo: rgba(32,36,40,0.55);
  --rar-frame: linear-gradient(160deg, #48515A 0%, #D4DDE6 12%, #ECF0F4 22%, #FFFFFF 27%, #9FB3C8 36%, #7DF3D3 46%, #202428 58%, #D4DDE6 70%, #ECF0F4 82%, #9FB3C8 92%, #48515A 100%);
  --rar-line: rgba(212,221,230,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(159,179,200,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(159,179,200,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-CLONE .rp-id svg, .seat.has-art.rar-UR.coat-P-CLONE .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-CLONE .rs-role svg, .rar-UR.coat-P-CLONE .sar-nemb svg { stroke: url(#rar-foil-UR-P-CLONE); }
.role-panel.has-art.rar-UR.coat-P-CLONE .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-CLONE .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-CLONE .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-CLONE); }
.cn.sar.rar-SAR.coat-P-CLONE, .sar-skin.rar-SAR.coat-P-CLONE {
  --rar-edge: #B7C4D1; --rar-edge-a: rgba(183,196,209,0.55); --rar-deep: rgba(35,39,44,0.9);
  --rar-foil: linear-gradient(135deg, #677482 0%, #D9DCDE 9.2%, #FFF8EC 12.6%, #B7C4D1 17.6%, #8DF2D3 24.4%, #E2E3E1 31.9%, #FFF8EC 35.3%, #677482 42%, #677482 50%, #677482 50%, #D9DCDE 59.2%, #FFF8EC 62.6%, #B7C4D1 67.6%, #8DF2D3 74.4%, #E2E3E1 81.9%, #FFF8EC 85.3%, #677482 92%, #677482 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(35,39,44,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #B7C4D1 45%, #677482); --rar-plate-ink: #181B1E; --rar-plate-lo: rgba(35,39,44,0.5);
  --rar-frame: linear-gradient(160deg, #677482 0%, #D9DCDE 14%, #FFF8EC 22%, #B7C4D1 34%, #677482 46%, #E2E3E1 60%, #FFF8EC 72%, #B7C4D1 86%, #677482 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(183,196,209,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(183,196,209,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-CLONE .rp-id svg, .seat.has-art.rar-SAR.coat-P-CLONE .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-CLONE .rs-role svg, .rar-SAR.coat-P-CLONE .sar-nemb svg { stroke: url(#rar-foil-SAR-P-CLONE); }
.role-panel.has-art.rar-SAR.coat-P-CLONE .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-CLONE .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-CLONE .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-CLONE); }
/* P-DHARMA: Sutra Leaf */
.cn.sar.rar-UR.coat-P-DHARMA, .sar-skin.rar-UR.coat-P-DHARMA {
  --rar-edge: #E8C46A; --rar-edge-a: rgba(232,196,106,0.6); --rar-deep: rgba(46,39,21,0.92);
  --rar-foil: linear-gradient(135deg, #685830 0%, #F5E4BC 7.6%, #FFFFFF 10.9%, #E8C46A 16%, #FF9561 21%, #EFD697 26.9%, #FFFFFF 31.9%, #E8C46A 37%, #685830 42%, #685830 50%, #685830 50%, #F5E4BC 57.6%, #FFFFFF 60.9%, #E8C46A 66%, #FF9561 71%, #EFD697 76.9%, #FFFFFF 81.9%, #E8C46A 87%, #685830 92%, #685830 100%);
  --rar-foil-hi: rgba(245,228,188,0.8); --rar-foil-lo: rgba(46,39,21,0.95);
  --rar-plate: linear-gradient(180deg, #FAF3E1, #F5E4BC 48%, #685830); --rar-plate-ink: #1C180D; --rar-plate-lo: rgba(46,39,21,0.55);
  --rar-frame: linear-gradient(160deg, #685830 0%, #F5E4BC 12%, #FAF3E1 22%, #FFFFFF 27%, #E8C46A 36%, #FF9561 46%, #2E2715 58%, #F5E4BC 70%, #FAF3E1 82%, #E8C46A 92%, #685830 100%);
  --rar-line: rgba(245,228,188,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(232,196,106,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(232,196,106,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-DHARMA .rp-id svg, .seat.has-art.rar-UR.coat-P-DHARMA .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-DHARMA .rs-role svg, .rar-UR.coat-P-DHARMA .sar-nemb svg { stroke: url(#rar-foil-UR-P-DHARMA); }
.role-panel.has-art.rar-UR.coat-P-DHARMA .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-DHARMA .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-DHARMA .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-DHARMA); }
.cn.sar.rar-SAR.coat-P-DHARMA, .sar-skin.rar-SAR.coat-P-DHARMA {
  --rar-edge: #EED18A; --rar-edge-a: rgba(238,209,138,0.55); --rar-deep: rgba(51,43,23,0.9);
  --rar-foil: linear-gradient(135deg, #977F45 0%, #F6E3B8 9.2%, #FFF8EC 12.6%, #EED18A 17.6%, #FFA06F 24.4%, #F8E8C5 31.9%, #FFF8EC 35.3%, #977F45 42%, #977F45 50%, #977F45 50%, #F6E3B8 59.2%, #FFF8EC 62.6%, #EED18A 67.6%, #FFA06F 74.4%, #F8E8C5 81.9%, #FFF8EC 85.3%, #977F45 92%, #977F45 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(51,43,23,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #EED18A 45%, #977F45); --rar-plate-ink: #231D10; --rar-plate-lo: rgba(51,43,23,0.5);
  --rar-frame: linear-gradient(160deg, #977F45 0%, #F6E3B8 14%, #FFF8EC 22%, #EED18A 34%, #977F45 46%, #F8E8C5 60%, #FFF8EC 72%, #EED18A 86%, #977F45 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(238,209,138,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(238,209,138,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-DHARMA .rp-id svg, .seat.has-art.rar-SAR.coat-P-DHARMA .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-DHARMA .rs-role svg, .rar-SAR.coat-P-DHARMA .sar-nemb svg { stroke: url(#rar-foil-SAR-P-DHARMA); }
.role-panel.has-art.rar-SAR.coat-P-DHARMA .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-DHARMA .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-DHARMA .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-DHARMA); }
/* P-ZEUS: Thunder Apex */
.cn.sar.rar-UR.coat-P-ZEUS, .sar-skin.rar-UR.coat-P-ZEUS {
  --rar-edge: #F6E7B0; --rar-edge-a: rgba(246,231,176,0.6); --rar-deep: rgba(49,46,35,0.92);
  --rar-foil: linear-gradient(135deg, #6F684F 0%, #FBF4DB 7.6%, #FFFFFF 10.9%, #F6E7B0 16%, #7BB0FF 21%, #F9EEC8 26.9%, #FFFFFF 31.9%, #F6E7B0 37%, #6F684F 42%, #6F684F 50%, #6F684F 50%, #FBF4DB 57.6%, #FFFFFF 60.9%, #F6E7B0 66%, #7BB0FF 71%, #F9EEC8 76.9%, #FFFFFF 81.9%, #F6E7B0 87%, #6F684F 92%, #6F684F 100%);
  --rar-foil-hi: rgba(251,244,219,0.8); --rar-foil-lo: rgba(49,46,35,0.95);
  --rar-plate: linear-gradient(180deg, #FDFAEF, #FBF4DB 48%, #6F684F); --rar-plate-ink: #1E1C15; --rar-plate-lo: rgba(49,46,35,0.55);
  --rar-frame: linear-gradient(160deg, #6F684F 0%, #FBF4DB 12%, #FDFAEF 22%, #FFFFFF 27%, #F6E7B0 36%, #7BB0FF 46%, #312E23 58%, #FBF4DB 70%, #FDFAEF 82%, #F6E7B0 92%, #6F684F 100%);
  --rar-line: rgba(251,244,219,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(246,231,176,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(246,231,176,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-ZEUS .rp-id svg, .seat.has-art.rar-UR.coat-P-ZEUS .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-ZEUS .rs-role svg, .rar-UR.coat-P-ZEUS .sar-nemb svg { stroke: url(#rar-foil-UR-P-ZEUS); }
.role-panel.has-art.rar-UR.coat-P-ZEUS .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-ZEUS .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-ZEUS .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-ZEUS); }
.cn.sar.rar-SAR.coat-P-ZEUS, .sar-skin.rar-SAR.coat-P-ZEUS {
  --rar-edge: #F8EBBF; --rar-edge-a: rgba(248,235,191,0.55); --rar-deep: rgba(54,51,39,0.9);
  --rar-foil: linear-gradient(135deg, #A09672 0%, #FBF1D4 9.2%, #FFF8EC 12.6%, #F8EBBF 17.6%, #8CB8F9 24.4%, #FCF3DA 31.9%, #FFF8EC 35.3%, #A09672 42%, #A09672 50%, #A09672 50%, #FBF1D4 59.2%, #FFF8EC 62.6%, #F8EBBF 67.6%, #8CB8F9 74.4%, #FCF3DA 81.9%, #FFF8EC 85.3%, #A09672 92%, #A09672 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(54,51,39,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #F8EBBF 45%, #A09672); --rar-plate-ink: #25231A; --rar-plate-lo: rgba(54,51,39,0.5);
  --rar-frame: linear-gradient(160deg, #A09672 0%, #FBF1D4 14%, #FFF8EC 22%, #F8EBBF 34%, #A09672 46%, #FCF3DA 60%, #FFF8EC 72%, #F8EBBF 86%, #A09672 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(248,235,191,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(248,235,191,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-ZEUS .rp-id svg, .seat.has-art.rar-SAR.coat-P-ZEUS .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-ZEUS .rs-role svg, .rar-SAR.coat-P-ZEUS .sar-nemb svg { stroke: url(#rar-foil-SAR-P-ZEUS); }
.role-panel.has-art.rar-SAR.coat-P-ZEUS .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-ZEUS .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-ZEUS .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-ZEUS); }
/* P-MOBIUS: Endless Loop */
.cn.sar.rar-UR.coat-P-MOBIUS, .sar-skin.rar-UR.coat-P-MOBIUS {
  --rar-edge: #5CF0C8; --rar-edge-a: rgba(92,240,200,0.6); --rar-deep: rgba(18,48,40,0.92);
  --rar-foil: linear-gradient(135deg, #296C5A 0%, #B6F8E6 7.6%, #FFFFFF 10.9%, #5CF0C8 16%, #AF89FF 21%, #8DF4D8 26.9%, #FFFFFF 31.9%, #5CF0C8 37%, #296C5A 42%, #296C5A 50%, #296C5A 50%, #B6F8E6 57.6%, #FFFFFF 60.9%, #5CF0C8 66%, #AF89FF 71%, #8DF4D8 76.9%, #FFFFFF 81.9%, #5CF0C8 87%, #296C5A 92%, #296C5A 100%);
  --rar-foil-hi: rgba(182,248,230,0.8); --rar-foil-lo: rgba(18,48,40,0.95);
  --rar-plate: linear-gradient(180deg, #DEFCF4, #B6F8E6 48%, #296C5A); --rar-plate-ink: #0B1D18; --rar-plate-lo: rgba(18,48,40,0.55);
  --rar-frame: linear-gradient(160deg, #296C5A 0%, #B6F8E6 12%, #DEFCF4 22%, #FFFFFF 27%, #5CF0C8 36%, #AF89FF 46%, #123028 58%, #B6F8E6 70%, #DEFCF4 82%, #5CF0C8 92%, #296C5A 100%);
  --rar-line: rgba(182,248,230,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(92,240,200,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(92,240,200,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-MOBIUS .rp-id svg, .seat.has-art.rar-UR.coat-P-MOBIUS .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-MOBIUS .rs-role svg, .rar-UR.coat-P-MOBIUS .sar-nemb svg { stroke: url(#rar-foil-UR-P-MOBIUS); }
.role-panel.has-art.rar-UR.coat-P-MOBIUS .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-MOBIUS .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-MOBIUS .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-MOBIUS); }
.cn.sar.rar-SAR.coat-P-MOBIUS, .sar-skin.rar-SAR.coat-P-MOBIUS {
  --rar-edge: #85F2D1; --rar-edge-a: rgba(133,242,209,0.55); --rar-deep: rgba(20,53,44,0.9);
  --rar-foil: linear-gradient(135deg, #3C9C82 0%, #BEF5DE 9.2%, #FFF8EC 12.6%, #85F2D1 17.6%, #B995F9 24.4%, #CEF6E1 31.9%, #FFF8EC 35.3%, #3C9C82 42%, #3C9C82 50%, #3C9C82 50%, #BEF5DE 59.2%, #FFF8EC 62.6%, #85F2D1 67.6%, #B995F9 74.4%, #CEF6E1 81.9%, #FFF8EC 85.3%, #3C9C82 92%, #3C9C82 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(20,53,44,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #85F2D1 45%, #3C9C82); --rar-plate-ink: #0E241E; --rar-plate-lo: rgba(20,53,44,0.5);
  --rar-frame: linear-gradient(160deg, #3C9C82 0%, #BEF5DE 14%, #FFF8EC 22%, #85F2D1 34%, #3C9C82 46%, #CEF6E1 60%, #FFF8EC 72%, #85F2D1 86%, #3C9C82 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(133,242,209,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(133,242,209,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-MOBIUS .rp-id svg, .seat.has-art.rar-SAR.coat-P-MOBIUS .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-MOBIUS .rs-role svg, .rar-SAR.coat-P-MOBIUS .sar-nemb svg { stroke: url(#rar-foil-SAR-P-MOBIUS); }
.role-panel.has-art.rar-SAR.coat-P-MOBIUS .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-MOBIUS .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-MOBIUS .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-MOBIUS); }
/* P-PROMETHEUS: Undying Ember */
.cn.sar.rar-UR.coat-P-PROMETHEUS, .sar-skin.rar-UR.coat-P-PROMETHEUS {
  --rar-edge: #FFB347; --rar-edge-a: rgba(255,179,71,0.6); --rar-deep: rgba(51,36,14,0.92);
  --rar-foil: linear-gradient(135deg, #735120 0%, #FFDDAC 7.6%, #FFFFFF 10.9%, #FFB347 16%, #FF6E4C 21%, #FFCA7E 26.9%, #FFFFFF 31.9%, #FFB347 37%, #735120 42%, #735120 50%, #735120 50%, #FFDDAC 57.6%, #FFFFFF 60.9%, #FFB347 66%, #FF6E4C 71%, #FFCA7E 76.9%, #FFFFFF 81.9%, #FFB347 87%, #735120 92%, #735120 100%);
  --rar-foil-hi: rgba(255,221,172,0.8); --rar-foil-lo: rgba(51,36,14,0.95);
  --rar-plate: linear-gradient(180deg, #FFF0DA, #FFDDAC 48%, #735120); --rar-plate-ink: #1F1509; --rar-plate-lo: rgba(51,36,14,0.55);
  --rar-frame: linear-gradient(160deg, #735120 0%, #FFDDAC 12%, #FFF0DA 22%, #FFFFFF 27%, #FFB347 36%, #FF6E4C 46%, #33240E 58%, #FFDDAC 70%, #FFF0DA 82%, #FFB347 92%, #735120 100%);
  --rar-line: rgba(255,221,172,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(255,179,71,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(255,179,71,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-PROMETHEUS .rp-id svg, .seat.has-art.rar-UR.coat-P-PROMETHEUS .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-PROMETHEUS .rs-role svg, .rar-UR.coat-P-PROMETHEUS .sar-nemb svg { stroke: url(#rar-foil-UR-P-PROMETHEUS); }
.role-panel.has-art.rar-UR.coat-P-PROMETHEUS .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-PROMETHEUS .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-PROMETHEUS .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-PROMETHEUS); }
.cn.sar.rar-SAR.coat-P-PROMETHEUS, .sar-skin.rar-SAR.coat-P-PROMETHEUS {
  --rar-edge: #FFC470; --rar-edge-a: rgba(255,196,112,0.55); --rar-deep: rgba(56,39,16,0.9);
  --rar-foil: linear-gradient(135deg, #A6742E 0%, #FFDCAA 9.2%, #FFF8EC 12.6%, #FFC470 17.6%, #FF7E5C 24.4%, #FFE3BA 31.9%, #FFF8EC 35.3%, #A6742E 42%, #A6742E 50%, #A6742E 50%, #FFDCAA 59.2%, #FFF8EC 62.6%, #FFC470 67.6%, #FF7E5C 74.4%, #FFE3BA 81.9%, #FFF8EC 85.3%, #A6742E 92%, #A6742E 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(56,39,16,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #FFC470 45%, #A6742E); --rar-plate-ink: #261B0B; --rar-plate-lo: rgba(56,39,16,0.5);
  --rar-frame: linear-gradient(160deg, #A6742E 0%, #FFDCAA 14%, #FFF8EC 22%, #FFC470 34%, #A6742E 46%, #FFE3BA 60%, #FFF8EC 72%, #FFC470 86%, #A6742E 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(255,196,112,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(255,196,112,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-PROMETHEUS .rp-id svg, .seat.has-art.rar-SAR.coat-P-PROMETHEUS .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-PROMETHEUS .rs-role svg, .rar-SAR.coat-P-PROMETHEUS .sar-nemb svg { stroke: url(#rar-foil-SAR-P-PROMETHEUS); }
.role-panel.has-art.rar-SAR.coat-P-PROMETHEUS .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-PROMETHEUS .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-PROMETHEUS .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-PROMETHEUS); }
/* P-PARASITE: Host Bloom */
.cn.sar.rar-UR.coat-P-PARASITE, .sar-skin.rar-UR.coat-P-PARASITE {
  --rar-edge: #9FD34A; --rar-edge-a: rgba(159,211,74,0.6); --rar-deep: rgba(32,42,15,0.92);
  --rar-foil: linear-gradient(135deg, #485F21 0%, #D4EBAE 7.6%, #FFFFFF 10.9%, #9FD34A 16%, #E666B3 21%, #BCE080 26.9%, #FFFFFF 31.9%, #9FD34A 37%, #485F21 42%, #485F21 50%, #485F21 50%, #D4EBAE 57.6%, #FFFFFF 60.9%, #9FD34A 66%, #E666B3 71%, #BCE080 76.9%, #FFFFFF 81.9%, #9FD34A 87%, #485F21 92%, #485F21 100%);
  --rar-foil-hi: rgba(212,235,174,0.8); --rar-foil-lo: rgba(32,42,15,0.95);
  --rar-plate: linear-gradient(180deg, #ECF6DB, #D4EBAE 48%, #485F21); --rar-plate-ink: #131909; --rar-plate-lo: rgba(32,42,15,0.55);
  --rar-frame: linear-gradient(160deg, #485F21 0%, #D4EBAE 12%, #ECF6DB 22%, #FFFFFF 27%, #9FD34A 36%, #E666B3 46%, #202A0F 58%, #D4EBAE 70%, #ECF6DB 82%, #9FD34A 92%, #485F21 100%);
  --rar-line: rgba(212,235,174,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(159,211,74,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(159,211,74,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-PARASITE .rp-id svg, .seat.has-art.rar-UR.coat-P-PARASITE .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-PARASITE .rs-role svg, .rar-UR.coat-P-PARASITE .sar-nemb svg { stroke: url(#rar-foil-UR-P-PARASITE); }
.role-panel.has-art.rar-UR.coat-P-PARASITE .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-PARASITE .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-PARASITE .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-PARASITE); }
.cn.sar.rar-SAR.coat-P-PARASITE, .sar-skin.rar-SAR.coat-P-PARASITE {
  --rar-edge: #B7DC72; --rar-edge-a: rgba(183,220,114,0.55); --rar-deep: rgba(35,46,16,0.9);
  --rar-foil: linear-gradient(135deg, #678930 0%, #D9E9AB 9.2%, #FFF8EC 12.6%, #B7DC72 17.6%, #E977B7 24.4%, #E2EDBB 31.9%, #FFF8EC 35.3%, #678930 42%, #678930 50%, #678930 50%, #D9E9AB 59.2%, #FFF8EC 62.6%, #B7DC72 67.6%, #E977B7 74.4%, #E2EDBB 81.9%, #FFF8EC 85.3%, #678930 92%, #678930 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(35,46,16,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #B7DC72 45%, #678930); --rar-plate-ink: #18200B; --rar-plate-lo: rgba(35,46,16,0.5);
  --rar-frame: linear-gradient(160deg, #678930 0%, #D9E9AB 14%, #FFF8EC 22%, #B7DC72 34%, #678930 46%, #E2EDBB 60%, #FFF8EC 72%, #B7DC72 86%, #678930 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(183,220,114,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(183,220,114,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-PARASITE .rp-id svg, .seat.has-art.rar-SAR.coat-P-PARASITE .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-PARASITE .rs-role svg, .rar-SAR.coat-P-PARASITE .sar-nemb svg { stroke: url(#rar-foil-SAR-P-PARASITE); }
.role-panel.has-art.rar-SAR.coat-P-PARASITE .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-PARASITE .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-PARASITE .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-PARASITE); }
/* P-OVERDRIVE: Redline */
.cn.sar.rar-UR.coat-P-OVERDRIVE, .sar-skin.rar-UR.coat-P-OVERDRIVE {
  --rar-edge: #FF6A2A; --rar-edge-a: rgba(255,106,42,0.6); --rar-deep: rgba(51,21,8,0.92);
  --rar-foil: linear-gradient(135deg, #733013 0%, #FFBC9F 7.6%, #FFFFFF 10.9%, #FF6A2A 16%, #FFE76E 21%, #FF976A 26.9%, #FFFFFF 31.9%, #FF6A2A 37%, #733013 42%, #733013 50%, #733013 50%, #FFBC9F 57.6%, #FFFFFF 60.9%, #FF6A2A 66%, #FFE76E 71%, #FF976A 76.9%, #FFFFFF 81.9%, #FF6A2A 87%, #733013 92%, #733013 100%);
  --rar-foil-hi: rgba(255,188,159,0.8); --rar-foil-lo: rgba(51,21,8,0.95);
  --rar-plate: linear-gradient(180deg, #FFE1D4, #FFBC9F 48%, #733013); --rar-plate-ink: #1F0D05; --rar-plate-lo: rgba(51,21,8,0.55);
  --rar-frame: linear-gradient(160deg, #733013 0%, #FFBC9F 12%, #FFE1D4 22%, #FFFFFF 27%, #FF6A2A 36%, #FFE76E 46%, #331508 58%, #FFBC9F 70%, #FFE1D4 82%, #FF6A2A 92%, #733013 100%);
  --rar-line: rgba(255,188,159,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(255,106,42,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(255,106,42,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-OVERDRIVE .rp-id svg, .seat.has-art.rar-UR.coat-P-OVERDRIVE .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-OVERDRIVE .rs-role svg, .rar-UR.coat-P-OVERDRIVE .sar-nemb svg { stroke: url(#rar-foil-UR-P-OVERDRIVE); }
.role-panel.has-art.rar-UR.coat-P-OVERDRIVE .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-OVERDRIVE .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-OVERDRIVE .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-OVERDRIVE); }
.cn.sar.rar-SAR.coat-P-OVERDRIVE, .sar-skin.rar-SAR.coat-P-OVERDRIVE {
  --rar-edge: #FF8E5A; --rar-edge-a: rgba(255,142,90,0.55); --rar-deep: rgba(56,23,9,0.9);
  --rar-foil: linear-gradient(135deg, #A6451B 0%, #FFBF9E 9.2%, #FFF8EC 12.6%, #FF8E5A 17.6%, #FFE87B 24.4%, #FFCDB2 31.9%, #FFF8EC 35.3%, #A6451B 42%, #A6451B 50%, #A6451B 50%, #FFBF9E 59.2%, #FFF8EC 62.6%, #FF8E5A 67.6%, #FFE87B 74.4%, #FFCDB2 81.9%, #FFF8EC 85.3%, #A6451B 92%, #A6451B 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(56,23,9,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #FF8E5A 45%, #A6451B); --rar-plate-ink: #261006; --rar-plate-lo: rgba(56,23,9,0.5);
  --rar-frame: linear-gradient(160deg, #A6451B 0%, #FFBF9E 14%, #FFF8EC 22%, #FF8E5A 34%, #A6451B 46%, #FFCDB2 60%, #FFF8EC 72%, #FF8E5A 86%, #A6451B 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(255,142,90,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(255,142,90,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-OVERDRIVE .rp-id svg, .seat.has-art.rar-SAR.coat-P-OVERDRIVE .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-OVERDRIVE .rs-role svg, .rar-SAR.coat-P-OVERDRIVE .sar-nemb svg { stroke: url(#rar-foil-SAR-P-OVERDRIVE); }
.role-panel.has-art.rar-SAR.coat-P-OVERDRIVE .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-OVERDRIVE .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-OVERDRIVE .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-OVERDRIVE); }
/* P-CHRONOS: Causal Log */
.cn.sar.rar-UR.coat-P-CHRONOS, .sar-skin.rar-UR.coat-P-CHRONOS {
  --rar-edge: #9B6BFF; --rar-edge-a: rgba(155,107,255,0.6); --rar-deep: rgba(31,21,51,0.92);
  --rar-foil: linear-gradient(135deg, #463073 0%, #D2BCFF 7.6%, #FFFFFF 10.9%, #9B6BFF 16%, #F8ECC0 21%, #B997FF 26.9%, #FFFFFF 31.9%, #9B6BFF 37%, #463073 42%, #463073 50%, #463073 50%, #D2BCFF 57.6%, #FFFFFF 60.9%, #9B6BFF 66%, #F8ECC0 71%, #B997FF 76.9%, #FFFFFF 81.9%, #9B6BFF 87%, #463073 92%, #463073 100%);
  --rar-foil-hi: rgba(210,188,255,0.8); --rar-foil-lo: rgba(31,21,51,0.95);
  --rar-plate: linear-gradient(180deg, #EBE1FF, #D2BCFF 48%, #463073); --rar-plate-ink: #130D1F; --rar-plate-lo: rgba(31,21,51,0.55);
  --rar-frame: linear-gradient(160deg, #463073 0%, #D2BCFF 12%, #EBE1FF 22%, #FFFFFF 27%, #9B6BFF 36%, #F8ECC0 46%, #1F1533 58%, #D2BCFF 70%, #EBE1FF 82%, #9B6BFF 92%, #463073 100%);
  --rar-line: rgba(210,188,255,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(155,107,255,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(155,107,255,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-CHRONOS .rp-id svg, .seat.has-art.rar-UR.coat-P-CHRONOS .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-CHRONOS .rs-role svg, .rar-UR.coat-P-CHRONOS .sar-nemb svg { stroke: url(#rar-foil-UR-P-CHRONOS); }
.role-panel.has-art.rar-UR.coat-P-CHRONOS .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-CHRONOS .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-CHRONOS .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-CHRONOS); }
.cn.sar.rar-SAR.coat-P-CHRONOS, .sar-skin.rar-SAR.coat-P-CHRONOS {
  --rar-edge: #B48EFA; --rar-edge-a: rgba(180,142,250,0.55); --rar-deep: rgba(34,24,56,0.9);
  --rar-foil: linear-gradient(135deg, #6546A6 0%, #D7C0F4 9.2%, #FFF8EC 12.6%, #B48EFA 17.6%, #F9ECC2 24.4%, #E1CEF2 31.9%, #FFF8EC 35.3%, #6546A6 42%, #6546A6 50%, #6546A6 50%, #D7C0F4 59.2%, #FFF8EC 62.6%, #B48EFA 67.6%, #F9ECC2 74.4%, #E1CEF2 81.9%, #FFF8EC 85.3%, #6546A6 92%, #6546A6 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(34,24,56,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #B48EFA 45%, #6546A6); --rar-plate-ink: #171026; --rar-plate-lo: rgba(34,24,56,0.5);
  --rar-frame: linear-gradient(160deg, #6546A6 0%, #D7C0F4 14%, #FFF8EC 22%, #B48EFA 34%, #6546A6 46%, #E1CEF2 60%, #FFF8EC 72%, #B48EFA 86%, #6546A6 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(180,142,250,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(180,142,250,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-CHRONOS .rp-id svg, .seat.has-art.rar-SAR.coat-P-CHRONOS .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-CHRONOS .rs-role svg, .rar-SAR.coat-P-CHRONOS .sar-nemb svg { stroke: url(#rar-foil-SAR-P-CHRONOS); }
.role-panel.has-art.rar-SAR.coat-P-CHRONOS .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-CHRONOS .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-CHRONOS .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-CHRONOS); }
/* P-MIRROR: Nameless Mirror */
.cn.sar.rar-UR.coat-P-MIRROR, .sar-skin.rar-UR.coat-P-MIRROR {
  --rar-edge: #CFD6E0; --rar-edge-a: rgba(207,214,224,0.6); --rar-deep: rgba(41,43,45,0.92);
  --rar-foil: linear-gradient(135deg, #5D6065 0%, #E9EDF1 7.6%, #FFFFFF 10.9%, #CFD6E0 16%, #FFAED9 21%, #DDE2E9 26.9%, #FFFFFF 31.9%, #CFD6E0 37%, #5D6065 42%, #5D6065 50%, #5D6065 50%, #E9EDF1 57.6%, #FFFFFF 60.9%, #CFD6E0 66%, #FFAED9 71%, #DDE2E9 76.9%, #FFFFFF 81.9%, #CFD6E0 87%, #5D6065 92%, #5D6065 100%);
  --rar-foil-hi: rgba(233,237,241,0.8); --rar-foil-lo: rgba(41,43,45,0.95);
  --rar-plate: linear-gradient(180deg, #F5F7F9, #E9EDF1 48%, #5D6065); --rar-plate-ink: #191A1B; --rar-plate-lo: rgba(41,43,45,0.55);
  --rar-frame: linear-gradient(160deg, #5D6065 0%, #E9EDF1 12%, #F5F7F9 22%, #FFFFFF 27%, #CFD6E0 36%, #FFAED9 46%, #292B2D 58%, #E9EDF1 70%, #F5F7F9 82%, #CFD6E0 92%, #5D6065 100%);
  --rar-line: rgba(233,237,241,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(207,214,224,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(207,214,224,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-MIRROR .rp-id svg, .seat.has-art.rar-UR.coat-P-MIRROR .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-MIRROR .rs-role svg, .rar-UR.coat-P-MIRROR .sar-nemb svg { stroke: url(#rar-foil-UR-P-MIRROR); }
.role-panel.has-art.rar-UR.coat-P-MIRROR .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-MIRROR .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-MIRROR .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-MIRROR); }
.cn.sar.rar-SAR.coat-P-MIRROR, .sar-skin.rar-SAR.coat-P-MIRROR {
  --rar-edge: #DBDEE3; --rar-edge-a: rgba(219,222,227,0.55); --rar-deep: rgba(46,47,49,0.9);
  --rar-foil: linear-gradient(135deg, #878B92 0%, #ECEAE7 9.2%, #FFF8EC 12.6%, #DBDEE3 17.6%, #FFB6D8 24.4%, #F1EEE8 31.9%, #FFF8EC 35.3%, #878B92 42%, #878B92 50%, #878B92 50%, #ECEAE7 59.2%, #FFF8EC 62.6%, #DBDEE3 67.6%, #FFB6D8 74.4%, #F1EEE8 81.9%, #FFF8EC 85.3%, #878B92 92%, #878B92 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(46,47,49,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #DBDEE3 45%, #878B92); --rar-plate-ink: #1F2022; --rar-plate-lo: rgba(46,47,49,0.5);
  --rar-frame: linear-gradient(160deg, #878B92 0%, #ECEAE7 14%, #FFF8EC 22%, #DBDEE3 34%, #878B92 46%, #F1EEE8 60%, #FFF8EC 72%, #DBDEE3 86%, #878B92 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(219,222,227,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(219,222,227,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-MIRROR .rp-id svg, .seat.has-art.rar-SAR.coat-P-MIRROR .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-MIRROR .rs-role svg, .rar-SAR.coat-P-MIRROR .sar-nemb svg { stroke: url(#rar-foil-SAR-P-MIRROR); }
.role-panel.has-art.rar-SAR.coat-P-MIRROR .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-MIRROR .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-MIRROR .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-MIRROR); }
/* P-ZEROPRIME: Blank Format */
.cn.sar.rar-UR.coat-P-ZEROPRIME, .sar-skin.rar-UR.coat-P-ZEROPRIME {
  --rar-edge: #2BDE7E; --rar-edge-a: rgba(43,222,126,0.6); --rar-deep: rgba(9,44,25,0.92);
  --rar-foil: linear-gradient(135deg, #136439 0%, #A0F0C5 7.6%, #FFFFFF 10.9%, #2BDE7E 16%, #EDFFF5 21%, #6BE8A5 26.9%, #FFFFFF 31.9%, #2BDE7E 37%, #136439 42%, #136439 50%, #136439 50%, #A0F0C5 57.6%, #FFFFFF 60.9%, #2BDE7E 66%, #EDFFF5 71%, #6BE8A5 76.9%, #FFFFFF 81.9%, #2BDE7E 87%, #136439 92%, #136439 100%);
  --rar-foil-hi: rgba(160,240,197,0.8); --rar-foil-lo: rgba(9,44,25,0.95);
  --rar-plate: linear-gradient(180deg, #D5F8E5, #A0F0C5 48%, #136439); --rar-plate-ink: #051B0F; --rar-plate-lo: rgba(9,44,25,0.55);
  --rar-frame: linear-gradient(160deg, #136439 0%, #A0F0C5 12%, #D5F8E5 22%, #FFFFFF 27%, #2BDE7E 36%, #EDFFF5 46%, #092C19 58%, #A0F0C5 70%, #D5F8E5 82%, #2BDE7E 92%, #136439 100%);
  --rar-line: rgba(160,240,197,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(43,222,126,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(43,222,126,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-ZEROPRIME .rp-id svg, .seat.has-art.rar-UR.coat-P-ZEROPRIME .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-ZEROPRIME .rs-role svg, .rar-UR.coat-P-ZEROPRIME .sar-nemb svg { stroke: url(#rar-foil-UR-P-ZEROPRIME); }
.role-panel.has-art.rar-UR.coat-P-ZEROPRIME .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-ZEROPRIME .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-ZEROPRIME .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-ZEROPRIME); }
.cn.sar.rar-SAR.coat-P-ZEROPRIME, .sar-skin.rar-SAR.coat-P-ZEROPRIME {
  --rar-edge: #60E49A; --rar-edge-a: rgba(96,228,154,0.55); --rar-deep: rgba(9,49,28,0.9);
  --rar-foil: linear-gradient(135deg, #1C9052 0%, #AAEEC0 9.2%, #FFF8EC 12.6%, #60E49A 17.6%, #EFFDF0 24.4%, #BFF0CB 31.9%, #FFF8EC 35.3%, #1C9052 42%, #1C9052 50%, #1C9052 50%, #AAEEC0 59.2%, #FFF8EC 62.6%, #60E49A 67.6%, #EFFDF0 74.4%, #BFF0CB 81.9%, #FFF8EC 85.3%, #1C9052 92%, #1C9052 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(9,49,28,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #60E49A 45%, #1C9052); --rar-plate-ink: #062113; --rar-plate-lo: rgba(9,49,28,0.5);
  --rar-frame: linear-gradient(160deg, #1C9052 0%, #AAEEC0 14%, #FFF8EC 22%, #60E49A 34%, #1C9052 46%, #BFF0CB 60%, #FFF8EC 72%, #60E49A 86%, #1C9052 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(96,228,154,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(96,228,154,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-ZEROPRIME .rp-id svg, .seat.has-art.rar-SAR.coat-P-ZEROPRIME .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-ZEROPRIME .rs-role svg, .rar-SAR.coat-P-ZEROPRIME .sar-nemb svg { stroke: url(#rar-foil-SAR-P-ZEROPRIME); }
.role-panel.has-art.rar-SAR.coat-P-ZEROPRIME .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-ZEROPRIME .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-ZEROPRIME .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-ZEROPRIME); }
/* P-AMEONNA: After the Rain */
.cn.sar.rar-UR.coat-P-AMEONNA, .sar-skin.rar-UR.coat-P-AMEONNA {
  --rar-edge: #3FC7E8; --rar-edge-a: rgba(63,199,232,0.6); --rar-deep: rgba(13,40,46,0.92);
  --rar-foil: linear-gradient(135deg, #1C5A68 0%, #A9E6F5 7.6%, #FFFFFF 10.9%, #3FC7E8 16%, #F8ECC0 21%, #79D8EF 26.9%, #FFFFFF 31.9%, #3FC7E8 37%, #1C5A68 42%, #1C5A68 50%, #1C5A68 50%, #A9E6F5 57.6%, #FFFFFF 60.9%, #3FC7E8 66%, #F8ECC0 71%, #79D8EF 76.9%, #FFFFFF 81.9%, #3FC7E8 87%, #1C5A68 92%, #1C5A68 100%);
  --rar-foil-hi: rgba(169,230,245,0.8); --rar-foil-lo: rgba(13,40,46,0.95);
  --rar-plate: linear-gradient(180deg, #D9F4FA, #A9E6F5 48%, #1C5A68); --rar-plate-ink: #08181C; --rar-plate-lo: rgba(13,40,46,0.55);
  --rar-frame: linear-gradient(160deg, #1C5A68 0%, #A9E6F5 12%, #D9F4FA 22%, #FFFFFF 27%, #3FC7E8 36%, #F8ECC0 46%, #0D282E 58%, #A9E6F5 70%, #D9F4FA 82%, #3FC7E8 92%, #1C5A68 100%);
  --rar-line: rgba(169,230,245,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(63,199,232,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(63,199,232,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-AMEONNA .rp-id svg, .seat.has-art.rar-UR.coat-P-AMEONNA .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-AMEONNA .rs-role svg, .rar-UR.coat-P-AMEONNA .sar-nemb svg { stroke: url(#rar-foil-UR-P-AMEONNA); }
.role-panel.has-art.rar-UR.coat-P-AMEONNA .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-AMEONNA .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-AMEONNA .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-AMEONNA); }
.cn.sar.rar-SAR.coat-P-AMEONNA, .sar-skin.rar-SAR.coat-P-AMEONNA {
  --rar-edge: #6FD3E9; --rar-edge-a: rgba(111,211,233,0.55); --rar-deep: rgba(14,44,51,0.9);
  --rar-foil: linear-gradient(135deg, #298197 0%, #B2E4EA 9.2%, #FFF8EC 12.6%, #6FD3E9 17.6%, #F9ECC2 24.4%, #C5E9EB 31.9%, #FFF8EC 35.3%, #298197 42%, #298197 50%, #298197 50%, #B2E4EA 59.2%, #FFF8EC 62.6%, #6FD3E9 67.6%, #F9ECC2 74.4%, #C5E9EB 81.9%, #FFF8EC 85.3%, #298197 92%, #298197 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(14,44,51,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #6FD3E9 45%, #298197); --rar-plate-ink: #091E23; --rar-plate-lo: rgba(14,44,51,0.5);
  --rar-frame: linear-gradient(160deg, #298197 0%, #B2E4EA 14%, #FFF8EC 22%, #6FD3E9 34%, #298197 46%, #C5E9EB 60%, #FFF8EC 72%, #6FD3E9 86%, #298197 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(111,211,233,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(111,211,233,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-AMEONNA .rp-id svg, .seat.has-art.rar-SAR.coat-P-AMEONNA .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-AMEONNA .rs-role svg, .rar-SAR.coat-P-AMEONNA .sar-nemb svg { stroke: url(#rar-foil-SAR-P-AMEONNA); }
.role-panel.has-art.rar-SAR.coat-P-AMEONNA .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-AMEONNA .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-AMEONNA .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-AMEONNA); }
/* P-KAMAITACHI: Single Cut */
.cn.sar.rar-UR.coat-P-KAMAITACHI, .sar-skin.rar-UR.coat-P-KAMAITACHI {
  --rar-edge: #5CF0C8; --rar-edge-a: rgba(92,240,200,0.6); --rar-deep: rgba(18,48,40,0.92);
  --rar-foil: linear-gradient(135deg, #296C5A 0%, #B6F8E6 7.6%, #FFFFFF 10.9%, #5CF0C8 16%, #EDF8FF 21%, #8DF4D8 26.9%, #FFFFFF 31.9%, #5CF0C8 37%, #296C5A 42%, #296C5A 50%, #296C5A 50%, #B6F8E6 57.6%, #FFFFFF 60.9%, #5CF0C8 66%, #EDF8FF 71%, #8DF4D8 76.9%, #FFFFFF 81.9%, #5CF0C8 87%, #296C5A 92%, #296C5A 100%);
  --rar-foil-hi: rgba(182,248,230,0.8); --rar-foil-lo: rgba(18,48,40,0.95);
  --rar-plate: linear-gradient(180deg, #DEFCF4, #B6F8E6 48%, #296C5A); --rar-plate-ink: #0B1D18; --rar-plate-lo: rgba(18,48,40,0.55);
  --rar-frame: linear-gradient(160deg, #296C5A 0%, #B6F8E6 12%, #DEFCF4 22%, #FFFFFF 27%, #5CF0C8 36%, #EDF8FF 46%, #123028 58%, #B6F8E6 70%, #DEFCF4 82%, #5CF0C8 92%, #296C5A 100%);
  --rar-line: rgba(182,248,230,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(92,240,200,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(92,240,200,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-KAMAITACHI .rp-id svg, .seat.has-art.rar-UR.coat-P-KAMAITACHI .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-KAMAITACHI .rs-role svg, .rar-UR.coat-P-KAMAITACHI .sar-nemb svg { stroke: url(#rar-foil-UR-P-KAMAITACHI); }
.role-panel.has-art.rar-UR.coat-P-KAMAITACHI .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-KAMAITACHI .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-KAMAITACHI .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-KAMAITACHI); }
.cn.sar.rar-SAR.coat-P-KAMAITACHI, .sar-skin.rar-SAR.coat-P-KAMAITACHI {
  --rar-edge: #85F2D1; --rar-edge-a: rgba(133,242,209,0.55); --rar-deep: rgba(20,53,44,0.9);
  --rar-foil: linear-gradient(135deg, #3C9C82 0%, #BEF5DE 9.2%, #FFF8EC 12.6%, #85F2D1 17.6%, #EFF7F9 24.4%, #CEF6E1 31.9%, #FFF8EC 35.3%, #3C9C82 42%, #3C9C82 50%, #3C9C82 50%, #BEF5DE 59.2%, #FFF8EC 62.6%, #85F2D1 67.6%, #EFF7F9 74.4%, #CEF6E1 81.9%, #FFF8EC 85.3%, #3C9C82 92%, #3C9C82 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(20,53,44,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #85F2D1 45%, #3C9C82); --rar-plate-ink: #0E241E; --rar-plate-lo: rgba(20,53,44,0.5);
  --rar-frame: linear-gradient(160deg, #3C9C82 0%, #BEF5DE 14%, #FFF8EC 22%, #85F2D1 34%, #3C9C82 46%, #CEF6E1 60%, #FFF8EC 72%, #85F2D1 86%, #3C9C82 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(133,242,209,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(133,242,209,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-KAMAITACHI .rp-id svg, .seat.has-art.rar-SAR.coat-P-KAMAITACHI .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-KAMAITACHI .rs-role svg, .rar-SAR.coat-P-KAMAITACHI .sar-nemb svg { stroke: url(#rar-foil-SAR-P-KAMAITACHI); }
.role-panel.has-art.rar-SAR.coat-P-KAMAITACHI .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-KAMAITACHI .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-KAMAITACHI .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-KAMAITACHI); }
/* P-HOTSWAP: Hot Brass */
.cn.sar.rar-UR.coat-P-HOTSWAP, .sar-skin.rar-UR.coat-P-HOTSWAP {
  --rar-edge: #F2C230; --rar-edge-a: rgba(242,194,48,0.6); --rar-deep: rgba(48,39,10,0.92);
  --rar-foil: linear-gradient(135deg, #6D5716 0%, #F9E4A2 7.6%, #FFFFFF 10.9%, #F2C230 16%, #FF8855 21%, #F6D46E 26.9%, #FFFFFF 31.9%, #F2C230 37%, #6D5716 42%, #6D5716 50%, #6D5716 50%, #F9E4A2 57.6%, #FFFFFF 60.9%, #F2C230 66%, #FF8855 71%, #F6D46E 76.9%, #FFFFFF 81.9%, #F2C230 87%, #6D5716 92%, #6D5716 100%);
  --rar-foil-hi: rgba(249,228,162,0.8); --rar-foil-lo: rgba(48,39,10,0.95);
  --rar-plate: linear-gradient(180deg, #FCF3D6, #F9E4A2 48%, #6D5716); --rar-plate-ink: #1D1706; --rar-plate-lo: rgba(48,39,10,0.55);
  --rar-frame: linear-gradient(160deg, #6D5716 0%, #F9E4A2 12%, #FCF3D6 22%, #FFFFFF 27%, #F2C230 36%, #FF8855 46%, #30270A 58%, #F9E4A2 70%, #FCF3D6 82%, #F2C230 92%, #6D5716 100%);
  --rar-line: rgba(249,228,162,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(242,194,48,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(242,194,48,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-HOTSWAP .rp-id svg, .seat.has-art.rar-UR.coat-P-HOTSWAP .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-HOTSWAP .rs-role svg, .rar-UR.coat-P-HOTSWAP .sar-nemb svg { stroke: url(#rar-foil-UR-P-HOTSWAP); }
.role-panel.has-art.rar-UR.coat-P-HOTSWAP .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-HOTSWAP .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-HOTSWAP .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-HOTSWAP); }
.cn.sar.rar-SAR.coat-P-HOTSWAP, .sar-skin.rar-SAR.coat-P-HOTSWAP {
  --rar-edge: #F5D05F; --rar-edge-a: rgba(245,208,95,0.55); --rar-deep: rgba(53,43,11,0.9);
  --rar-foil: linear-gradient(135deg, #9D7E1F 0%, #FAE2A1 9.2%, #FFF8EC 12.6%, #F5D05F 17.6%, #FF9564 24.4%, #FBE8B4 31.9%, #FFF8EC 35.3%, #9D7E1F 42%, #9D7E1F 50%, #9D7E1F 50%, #FAE2A1 59.2%, #FFF8EC 62.6%, #F5D05F 67.6%, #FF9564 74.4%, #FBE8B4 81.9%, #FFF8EC 85.3%, #9D7E1F 92%, #9D7E1F 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(53,43,11,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #F5D05F 45%, #9D7E1F); --rar-plate-ink: #241D07; --rar-plate-lo: rgba(53,43,11,0.5);
  --rar-frame: linear-gradient(160deg, #9D7E1F 0%, #FAE2A1 14%, #FFF8EC 22%, #F5D05F 34%, #9D7E1F 46%, #FBE8B4 60%, #FFF8EC 72%, #F5D05F 86%, #9D7E1F 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(245,208,95,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(245,208,95,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-HOTSWAP .rp-id svg, .seat.has-art.rar-SAR.coat-P-HOTSWAP .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-HOTSWAP .rs-role svg, .rar-SAR.coat-P-HOTSWAP .sar-nemb svg { stroke: url(#rar-foil-SAR-P-HOTSWAP); }
.role-panel.has-art.rar-SAR.coat-P-HOTSWAP .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-HOTSWAP .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-HOTSWAP .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-HOTSWAP); }
/* P-SCAVENGER: Salvage Rust */
.cn.sar.rar-UR.coat-P-SCAVENGER, .sar-skin.rar-UR.coat-P-SCAVENGER {
  --rar-edge: #C47A3A; --rar-edge-a: rgba(196,122,58,0.6); --rar-deep: rgba(39,24,12,0.92);
  --rar-foil: linear-gradient(135deg, #58371A 0%, #E4C3A6 7.6%, #FFFFFF 10.9%, #C47A3A 16%, #96FF72 21%, #D6A275 26.9%, #FFFFFF 31.9%, #C47A3A 37%, #58371A 42%, #58371A 50%, #58371A 50%, #E4C3A6 57.6%, #FFFFFF 60.9%, #C47A3A 66%, #96FF72 71%, #D6A275 76.9%, #FFFFFF 81.9%, #C47A3A 87%, #58371A 92%, #58371A 100%);
  --rar-foil-hi: rgba(228,195,166,0.8); --rar-foil-lo: rgba(39,24,12,0.95);
  --rar-plate: linear-gradient(180deg, #F3E4D8, #E4C3A6 48%, #58371A); --rar-plate-ink: #180F07; --rar-plate-lo: rgba(39,24,12,0.55);
  --rar-frame: linear-gradient(160deg, #58371A 0%, #E4C3A6 12%, #F3E4D8 22%, #FFFFFF 27%, #C47A3A 36%, #96FF72 46%, #27180C 58%, #E4C3A6 70%, #F3E4D8 82%, #C47A3A 92%, #58371A 100%);
  --rar-line: rgba(228,195,166,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(196,122,58,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(196,122,58,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-SCAVENGER .rp-id svg, .seat.has-art.rar-UR.coat-P-SCAVENGER .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-SCAVENGER .rs-role svg, .rar-UR.coat-P-SCAVENGER .sar-nemb svg { stroke: url(#rar-foil-UR-P-SCAVENGER); }
.role-panel.has-art.rar-UR.coat-P-SCAVENGER .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-SCAVENGER .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-SCAVENGER .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-SCAVENGER); }
.cn.sar.rar-SAR.coat-P-SCAVENGER, .sar-skin.rar-SAR.coat-P-SCAVENGER {
  --rar-edge: #D39A66; --rar-edge-a: rgba(211,154,102,0.55); --rar-deep: rgba(43,27,13,0.9);
  --rar-foil: linear-gradient(135deg, #7F4F26 0%, #E7C6A5 9.2%, #FFF8EC 12.6%, #D39A66 17.6%, #A3FD7E 24.4%, #EDD2B7 31.9%, #FFF8EC 35.3%, #7F4F26 42%, #7F4F26 50%, #7F4F26 50%, #E7C6A5 59.2%, #FFF8EC 62.6%, #D39A66 67.6%, #A3FD7E 74.4%, #EDD2B7 81.9%, #FFF8EC 85.3%, #7F4F26 92%, #7F4F26 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(43,27,13,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #D39A66 45%, #7F4F26); --rar-plate-ink: #1D1209; --rar-plate-lo: rgba(43,27,13,0.5);
  --rar-frame: linear-gradient(160deg, #7F4F26 0%, #E7C6A5 14%, #FFF8EC 22%, #D39A66 34%, #7F4F26 46%, #EDD2B7 60%, #FFF8EC 72%, #D39A66 86%, #7F4F26 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(211,154,102,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(211,154,102,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-SCAVENGER .rp-id svg, .seat.has-art.rar-SAR.coat-P-SCAVENGER .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-SCAVENGER .rs-role svg, .rar-SAR.coat-P-SCAVENGER .sar-nemb svg { stroke: url(#rar-foil-SAR-P-SCAVENGER); }
.role-panel.has-art.rar-SAR.coat-P-SCAVENGER .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-SCAVENGER .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-SCAVENGER .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-SCAVENGER); }
/* P-SPIDER: Venom Silk */
.cn.sar.rar-UR.coat-P-SPIDER, .sar-skin.rar-UR.coat-P-SPIDER {
  --rar-edge: #E040A0; --rar-edge-a: rgba(224,64,160,0.6); --rar-deep: rgba(45,13,32,0.92);
  --rar-foil: linear-gradient(135deg, #651D48 0%, #F1A9D4 7.6%, #FFFFFF 10.9%, #E040A0 16%, #AF89FF 21%, #E979BC 26.9%, #FFFFFF 31.9%, #E040A0 37%, #651D48 42%, #651D48 50%, #651D48 50%, #F1A9D4 57.6%, #FFFFFF 60.9%, #E040A0 66%, #AF89FF 71%, #E979BC 76.9%, #FFFFFF 81.9%, #E040A0 87%, #651D48 92%, #651D48 100%);
  --rar-foil-hi: rgba(241,169,212,0.8); --rar-foil-lo: rgba(45,13,32,0.95);
  --rar-plate: linear-gradient(180deg, #F9D9EC, #F1A9D4 48%, #651D48); --rar-plate-ink: #1B0813; --rar-plate-lo: rgba(45,13,32,0.55);
  --rar-frame: linear-gradient(160deg, #651D48 0%, #F1A9D4 12%, #F9D9EC 22%, #FFFFFF 27%, #E040A0 36%, #AF89FF 46%, #2D0D20 58%, #F1A9D4 70%, #F9D9EC 82%, #E040A0 92%, #651D48 100%);
  --rar-line: rgba(241,169,212,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(224,64,160,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(224,64,160,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-SPIDER .rp-id svg, .seat.has-art.rar-UR.coat-P-SPIDER .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-SPIDER .rs-role svg, .rar-UR.coat-P-SPIDER .sar-nemb svg { stroke: url(#rar-foil-UR-P-SPIDER); }
.role-panel.has-art.rar-UR.coat-P-SPIDER .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-SPIDER .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-SPIDER .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-SPIDER); }
.cn.sar.rar-SAR.coat-P-SPIDER, .sar-skin.rar-SAR.coat-P-SPIDER {
  --rar-edge: #E86EB3; --rar-edge-a: rgba(232,110,179,0.55); --rar-deep: rgba(49,14,35,0.9);
  --rar-foil: linear-gradient(135deg, #922A68 0%, #F3AECE 9.2%, #FFF8EC 12.6%, #E86EB3 17.6%, #B995F9 24.4%, #F6C1D5 31.9%, #FFF8EC 35.3%, #922A68 42%, #922A68 50%, #922A68 50%, #F3AECE 59.2%, #FFF8EC 62.6%, #E86EB3 67.6%, #B995F9 74.4%, #F6C1D5 81.9%, #FFF8EC 85.3%, #922A68 92%, #922A68 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(49,14,35,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #E86EB3 45%, #922A68); --rar-plate-ink: #220A18; --rar-plate-lo: rgba(49,14,35,0.5);
  --rar-frame: linear-gradient(160deg, #922A68 0%, #F3AECE 14%, #FFF8EC 22%, #E86EB3 34%, #922A68 46%, #F6C1D5 60%, #FFF8EC 72%, #E86EB3 86%, #922A68 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(232,110,179,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(232,110,179,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-SPIDER .rp-id svg, .seat.has-art.rar-SAR.coat-P-SPIDER .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-SPIDER .rs-role svg, .rar-SAR.coat-P-SPIDER .sar-nemb svg { stroke: url(#rar-foil-SAR-P-SPIDER); }
.role-panel.has-art.rar-SAR.coat-P-SPIDER .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-SPIDER .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-SPIDER .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-SPIDER); }
/* P-PHANTOM: Deleted Ghost */
.cn.sar.rar-UR.coat-P-PHANTOM, .sar-skin.rar-UR.coat-P-PHANTOM {
  --rar-edge: #8FA0B8; --rar-edge-a: rgba(143,160,184,0.6); --rar-deep: rgba(29,32,37,0.92);
  --rar-foil: linear-gradient(135deg, #404853 0%, #CDD4DF 7.6%, #FFFFFF 10.9%, #8FA0B8 16%, #EDF8FF 21%, #B1BCCD 26.9%, #FFFFFF 31.9%, #8FA0B8 37%, #404853 42%, #404853 50%, #404853 50%, #CDD4DF 57.6%, #FFFFFF 60.9%, #8FA0B8 66%, #EDF8FF 71%, #B1BCCD 76.9%, #FFFFFF 81.9%, #8FA0B8 87%, #404853 92%, #404853 100%);
  --rar-foil-hi: rgba(205,212,223,0.8); --rar-foil-lo: rgba(29,32,37,0.95);
  --rar-plate: linear-gradient(180deg, #E9ECF1, #CDD4DF 48%, #404853); --rar-plate-ink: #111316; --rar-plate-lo: rgba(29,32,37,0.55);
  --rar-frame: linear-gradient(160deg, #404853 0%, #CDD4DF 12%, #E9ECF1 22%, #FFFFFF 27%, #8FA0B8 36%, #EDF8FF 46%, #1D2025 58%, #CDD4DF 70%, #E9ECF1 82%, #8FA0B8 92%, #404853 100%);
  --rar-line: rgba(205,212,223,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(143,160,184,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(143,160,184,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-PHANTOM .rp-id svg, .seat.has-art.rar-UR.coat-P-PHANTOM .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-PHANTOM .rs-role svg, .rar-UR.coat-P-PHANTOM .sar-nemb svg { stroke: url(#rar-foil-UR-P-PHANTOM); }
.role-panel.has-art.rar-UR.coat-P-PHANTOM .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-PHANTOM .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-PHANTOM .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-PHANTOM); }
.cn.sar.rar-SAR.coat-P-PHANTOM, .sar-skin.rar-SAR.coat-P-PHANTOM {
  --rar-edge: #ABB6C5; --rar-edge-a: rgba(171,182,197,0.55); --rar-deep: rgba(31,35,40,0.9);
  --rar-foil: linear-gradient(135deg, #5D6878 0%, #D2D5D7 9.2%, #FFF8EC 12.6%, #ABB6C5 17.6%, #EFF7F9 24.4%, #DDDEDC 31.9%, #FFF8EC 35.3%, #5D6878 42%, #5D6878 50%, #5D6878 50%, #D2D5D7 59.2%, #FFF8EC 62.6%, #ABB6C5 67.6%, #EFF7F9 74.4%, #DDDEDC 81.9%, #FFF8EC 85.3%, #5D6878 92%, #5D6878 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(31,35,40,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #ABB6C5 45%, #5D6878); --rar-plate-ink: #15181C; --rar-plate-lo: rgba(31,35,40,0.5);
  --rar-frame: linear-gradient(160deg, #5D6878 0%, #D2D5D7 14%, #FFF8EC 22%, #ABB6C5 34%, #5D6878 46%, #DDDEDC 60%, #FFF8EC 72%, #ABB6C5 86%, #5D6878 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(171,182,197,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(171,182,197,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-PHANTOM .rp-id svg, .seat.has-art.rar-SAR.coat-P-PHANTOM .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-PHANTOM .rs-role svg, .rar-SAR.coat-P-PHANTOM .sar-nemb svg { stroke: url(#rar-foil-SAR-P-PHANTOM); }
.role-panel.has-art.rar-SAR.coat-P-PHANTOM .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-PHANTOM .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-PHANTOM .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-PHANTOM); }
/* P-BLACKSWAN: Black Swan Velvet */
.cn.sar.rar-UR.coat-P-BLACKSWAN, .sar-skin.rar-UR.coat-P-BLACKSWAN {
  --rar-edge: #C2185B; --rar-edge-a: rgba(194,24,91,0.6); --rar-deep: rgba(39,5,18,0.92);
  --rar-foil: linear-gradient(135deg, #570B29 0%, #E497B5 7.6%, #FFFFFF 10.9%, #C2185B 16%, #554659 21%, #D45D8C 26.9%, #FFFFFF 31.9%, #C2185B 37%, #570B29 42%, #570B29 50%, #570B29 50%, #E497B5 57.6%, #FFFFFF 60.9%, #C2185B 66%, #554659 71%, #D45D8C 76.9%, #FFFFFF 81.9%, #C2185B 87%, #570B29 92%, #570B29 100%);
  --rar-foil-hi: rgba(228,151,181,0.8); --rar-foil-lo: rgba(39,5,18,0.95);
  --rar-plate: linear-gradient(180deg, #F3D1DE, #E497B5 48%, #570B29); --rar-plate-ink: #17030B; --rar-plate-lo: rgba(39,5,18,0.55);
  --rar-frame: linear-gradient(160deg, #570B29 0%, #E497B5 12%, #F3D1DE 22%, #FFFFFF 27%, #C2185B 36%, #554659 46%, #270512 58%, #E497B5 70%, #F3D1DE 82%, #C2185B 92%, #570B29 100%);
  --rar-line: rgba(228,151,181,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(194,24,91,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(194,24,91,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-BLACKSWAN .rp-id svg, .seat.has-art.rar-UR.coat-P-BLACKSWAN .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-BLACKSWAN .rs-role svg, .rar-UR.coat-P-BLACKSWAN .sar-nemb svg { stroke: url(#rar-foil-UR-P-BLACKSWAN); }
.role-panel.has-art.rar-UR.coat-P-BLACKSWAN .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-BLACKSWAN .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-BLACKSWAN .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-BLACKSWAN); }
.cn.sar.rar-SAR.coat-P-BLACKSWAN, .sar-skin.rar-SAR.coat-P-BLACKSWAN {
  --rar-edge: #D1507F; --rar-edge-a: rgba(209,80,127,0.55); --rar-deep: rgba(43,5,20,0.9);
  --rar-foil: linear-gradient(135deg, #7E103B 0%, #E79EB2 9.2%, #FFF8EC 12.6%, #D1507F 17.6%, #6A5B68 24.4%, #EDB5C0 31.9%, #FFF8EC 35.3%, #7E103B 42%, #7E103B 50%, #7E103B 50%, #E79EB2 59.2%, #FFF8EC 62.6%, #D1507F 67.6%, #6A5B68 74.4%, #EDB5C0 81.9%, #FFF8EC 85.3%, #7E103B 92%, #7E103B 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(43,5,20,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #D1507F 45%, #7E103B); --rar-plate-ink: #1D040E; --rar-plate-lo: rgba(43,5,20,0.5);
  --rar-frame: linear-gradient(160deg, #7E103B 0%, #E79EB2 14%, #FFF8EC 22%, #D1507F 34%, #7E103B 46%, #EDB5C0 60%, #FFF8EC 72%, #D1507F 86%, #7E103B 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(209,80,127,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(209,80,127,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-BLACKSWAN .rp-id svg, .seat.has-art.rar-SAR.coat-P-BLACKSWAN .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-BLACKSWAN .rs-role svg, .rar-SAR.coat-P-BLACKSWAN .sar-nemb svg { stroke: url(#rar-foil-SAR-P-BLACKSWAN); }
.role-panel.has-art.rar-SAR.coat-P-BLACKSWAN .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-BLACKSWAN .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-BLACKSWAN .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-BLACKSWAN); }
/* P-COWBOY: Frontier Dusk */
.cn.sar.rar-UR.coat-P-COWBOY, .sar-skin.rar-UR.coat-P-COWBOY {
  --rar-edge: #D4A72C; --rar-edge-a: rgba(212,167,44,0.6); --rar-deep: rgba(42,33,9,0.92);
  --rar-foil: linear-gradient(135deg, #5F4B14 0%, #ECD7A0 7.6%, #FFFFFF 10.9%, #D4A72C 16%, #D09561 21%, #E1C16B 26.9%, #FFFFFF 31.9%, #D4A72C 37%, #5F4B14 42%, #5F4B14 50%, #5F4B14 50%, #ECD7A0 57.6%, #FFFFFF 60.9%, #D4A72C 66%, #D09561 71%, #E1C16B 76.9%, #FFFFFF 81.9%, #D4A72C 87%, #5F4B14 92%, #5F4B14 100%);
  --rar-foil-hi: rgba(236,215,160,0.8); --rar-foil-lo: rgba(42,33,9,0.95);
  --rar-plate: linear-gradient(180deg, #F6EDD5, #ECD7A0 48%, #5F4B14); --rar-plate-ink: #191405; --rar-plate-lo: rgba(42,33,9,0.55);
  --rar-frame: linear-gradient(160deg, #5F4B14 0%, #ECD7A0 12%, #F6EDD5 22%, #FFFFFF 27%, #D4A72C 36%, #D09561 46%, #2A2109 58%, #ECD7A0 70%, #F6EDD5 82%, #D4A72C 92%, #5F4B14 100%);
  --rar-line: rgba(236,215,160,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(212,167,44,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(212,167,44,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-COWBOY .rp-id svg, .seat.has-art.rar-UR.coat-P-COWBOY .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-COWBOY .rs-role svg, .rar-UR.coat-P-COWBOY .sar-nemb svg { stroke: url(#rar-foil-UR-P-COWBOY); }
.role-panel.has-art.rar-UR.coat-P-COWBOY .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-COWBOY .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-COWBOY .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-COWBOY); }
.cn.sar.rar-SAR.coat-P-COWBOY, .sar-skin.rar-SAR.coat-P-COWBOY {
  --rar-edge: #DFBB5C; --rar-edge-a: rgba(223,187,92,0.55); --rar-deep: rgba(47,37,10,0.9);
  --rar-foil: linear-gradient(135deg, #8A6D1D 0%, #EED89F 9.2%, #FFF8EC 12.6%, #DFBB5C 17.6%, #D6A06F 24.4%, #F2E0B2 31.9%, #FFF8EC 35.3%, #8A6D1D 42%, #8A6D1D 50%, #8A6D1D 50%, #EED89F 59.2%, #FFF8EC 62.6%, #DFBB5C 67.6%, #D6A06F 74.4%, #F2E0B2 81.9%, #FFF8EC 85.3%, #8A6D1D 92%, #8A6D1D 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(47,37,10,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #DFBB5C 45%, #8A6D1D); --rar-plate-ink: #201907; --rar-plate-lo: rgba(47,37,10,0.5);
  --rar-frame: linear-gradient(160deg, #8A6D1D 0%, #EED89F 14%, #FFF8EC 22%, #DFBB5C 34%, #8A6D1D 46%, #F2E0B2 60%, #FFF8EC 72%, #DFBB5C 86%, #8A6D1D 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(223,187,92,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(223,187,92,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-COWBOY .rp-id svg, .seat.has-art.rar-SAR.coat-P-COWBOY .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-COWBOY .rs-role svg, .rar-SAR.coat-P-COWBOY .sar-nemb svg { stroke: url(#rar-foil-SAR-P-COWBOY); }
.role-panel.has-art.rar-SAR.coat-P-COWBOY .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-COWBOY .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-COWBOY .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-COWBOY); }
/* P-TURING: Fair Trade */
.cn.sar.rar-UR.coat-P-TURING, .sar-skin.rar-UR.coat-P-TURING {
  --rar-edge: #7AA7FF; --rar-edge-a: rgba(122,167,255,0.6); --rar-deep: rgba(24,33,51,0.92);
  --rar-foil: linear-gradient(135deg, #374B73 0%, #C3D7FF 7.6%, #FFFFFF 10.9%, #7AA7FF 16%, #F5CE59 21%, #A2C1FF 26.9%, #FFFFFF 31.9%, #7AA7FF 37%, #374B73 42%, #374B73 50%, #374B73 50%, #C3D7FF 57.6%, #FFFFFF 60.9%, #7AA7FF 66%, #F5CE59 71%, #A2C1FF 76.9%, #FFFFFF 81.9%, #7AA7FF 87%, #374B73 92%, #374B73 100%);
  --rar-foil-hi: rgba(195,215,255,0.8); --rar-foil-lo: rgba(24,33,51,0.95);
  --rar-plate: linear-gradient(180deg, #E4EDFF, #C3D7FF 48%, #374B73); --rar-plate-ink: #0F141F; --rar-plate-lo: rgba(24,33,51,0.55);
  --rar-frame: linear-gradient(160deg, #374B73 0%, #C3D7FF 12%, #E4EDFF 22%, #FFFFFF 27%, #7AA7FF 36%, #F5CE59 46%, #182133 58%, #C3D7FF 70%, #E4EDFF 82%, #7AA7FF 92%, #374B73 100%);
  --rar-line: rgba(195,215,255,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(122,167,255,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(122,167,255,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-TURING .rp-id svg, .seat.has-art.rar-UR.coat-P-TURING .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-TURING .rs-role svg, .rar-UR.coat-P-TURING .sar-nemb svg { stroke: url(#rar-foil-UR-P-TURING); }
.role-panel.has-art.rar-UR.coat-P-TURING .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-TURING .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-TURING .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-TURING); }
.cn.sar.rar-SAR.coat-P-TURING, .sar-skin.rar-SAR.coat-P-TURING {
  --rar-edge: #9BBBFA; --rar-edge-a: rgba(155,187,250,0.55); --rar-deep: rgba(27,37,56,0.9);
  --rar-foil: linear-gradient(135deg, #4F6DA6 0%, #CAD8F4 9.2%, #FFF8EC 12.6%, #9BBBFA 17.6%, #F6D268 24.4%, #D7E0F2 31.9%, #FFF8EC 35.3%, #4F6DA6 42%, #4F6DA6 50%, #4F6DA6 50%, #CAD8F4 59.2%, #FFF8EC 62.6%, #9BBBFA 67.6%, #F6D268 74.4%, #D7E0F2 81.9%, #FFF8EC 85.3%, #4F6DA6 92%, #4F6DA6 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(27,37,56,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #9BBBFA 45%, #4F6DA6); --rar-plate-ink: #121926; --rar-plate-lo: rgba(27,37,56,0.5);
  --rar-frame: linear-gradient(160deg, #4F6DA6 0%, #CAD8F4 14%, #FFF8EC 22%, #9BBBFA 34%, #4F6DA6 46%, #D7E0F2 60%, #FFF8EC 72%, #9BBBFA 86%, #4F6DA6 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(155,187,250,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(155,187,250,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-TURING .rp-id svg, .seat.has-art.rar-SAR.coat-P-TURING .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-TURING .rs-role svg, .rar-SAR.coat-P-TURING .sar-nemb svg { stroke: url(#rar-foil-SAR-P-TURING); }
.role-panel.has-art.rar-SAR.coat-P-TURING .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-TURING .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-TURING .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-TURING); }
/* P-YUKARI: Boundary Violet */
.cn.sar.rar-UR.coat-P-YUKARI, .sar-skin.rar-UR.coat-P-YUKARI {
  --rar-edge: #B06CFF; --rar-edge-a: rgba(176,108,255,0.6); --rar-deep: rgba(35,22,51,0.92);
  --rar-foil: linear-gradient(135deg, #4F3173 0%, #DBBDFF 7.6%, #FFFFFF 10.9%, #B06CFF 16%, #7DF3D3 21%, #C898FF 26.9%, #FFFFFF 31.9%, #B06CFF 37%, #4F3173 42%, #4F3173 50%, #4F3173 50%, #DBBDFF 57.6%, #FFFFFF 60.9%, #B06CFF 66%, #7DF3D3 71%, #C898FF 76.9%, #FFFFFF 81.9%, #B06CFF 87%, #4F3173 92%, #4F3173 100%);
  --rar-foil-hi: rgba(219,189,255,0.8); --rar-foil-lo: rgba(35,22,51,0.95);
  --rar-plate: linear-gradient(180deg, #EFE2FF, #DBBDFF 48%, #4F3173); --rar-plate-ink: #150D1F; --rar-plate-lo: rgba(35,22,51,0.55);
  --rar-frame: linear-gradient(160deg, #4F3173 0%, #DBBDFF 12%, #EFE2FF 22%, #FFFFFF 27%, #B06CFF 36%, #7DF3D3 46%, #231633 58%, #DBBDFF 70%, #EFE2FF 82%, #B06CFF 92%, #4F3173 100%);
  --rar-line: rgba(219,189,255,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(176,108,255,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(176,108,255,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-YUKARI .rp-id svg, .seat.has-art.rar-UR.coat-P-YUKARI .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-YUKARI .rs-role svg, .rar-UR.coat-P-YUKARI .sar-nemb svg { stroke: url(#rar-foil-UR-P-YUKARI); }
.role-panel.has-art.rar-UR.coat-P-YUKARI .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-YUKARI .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-YUKARI .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-YUKARI); }
.cn.sar.rar-SAR.coat-P-YUKARI, .sar-skin.rar-SAR.coat-P-YUKARI {
  --rar-edge: #C48FFA; --rar-edge-a: rgba(196,143,250,0.55); --rar-deep: rgba(39,24,56,0.9);
  --rar-foil: linear-gradient(135deg, #7246A6 0%, #DFC0F4 9.2%, #FFF8EC 12.6%, #C48FFA 17.6%, #8DF2D3 24.4%, #E7CEF2 31.9%, #FFF8EC 35.3%, #7246A6 42%, #7246A6 50%, #7246A6 50%, #DFC0F4 59.2%, #FFF8EC 62.6%, #C48FFA 67.6%, #8DF2D3 74.4%, #E7CEF2 81.9%, #FFF8EC 85.3%, #7246A6 92%, #7246A6 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(39,24,56,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #C48FFA 45%, #7246A6); --rar-plate-ink: #1A1026; --rar-plate-lo: rgba(39,24,56,0.5);
  --rar-frame: linear-gradient(160deg, #7246A6 0%, #DFC0F4 14%, #FFF8EC 22%, #C48FFA 34%, #7246A6 46%, #E7CEF2 60%, #FFF8EC 72%, #C48FFA 86%, #7246A6 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(196,143,250,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(196,143,250,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-YUKARI .rp-id svg, .seat.has-art.rar-SAR.coat-P-YUKARI .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-YUKARI .rs-role svg, .rar-SAR.coat-P-YUKARI .sar-nemb svg { stroke: url(#rar-foil-SAR-P-YUKARI); }
.role-panel.has-art.rar-SAR.coat-P-YUKARI .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-YUKARI .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-YUKARI .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-YUKARI); }
/* P-CRIMSON: Crimson Chain */
.cn.sar.rar-UR.coat-P-CRIMSON, .sar-skin.rar-UR.coat-P-CRIMSON {
  --rar-edge: #FF2A4A; --rar-edge-a: rgba(255,42,74,0.6); --rar-deep: rgba(51,8,15,0.92);
  --rar-foil: linear-gradient(135deg, #731321 0%, #FF9FAE 7.6%, #FFFFFF 10.9%, #FF2A4A 16%, #553B40 21%, #FF6A80 26.9%, #FFFFFF 31.9%, #FF2A4A 37%, #731321 42%, #731321 50%, #731321 50%, #FF9FAE 57.6%, #FFFFFF 60.9%, #FF2A4A 66%, #553B40 71%, #FF6A80 76.9%, #FFFFFF 81.9%, #FF2A4A 87%, #731321 92%, #731321 100%);
  --rar-foil-hi: rgba(255,159,174,0.8); --rar-foil-lo: rgba(51,8,15,0.95);
  --rar-plate: linear-gradient(180deg, #FFD4DB, #FF9FAE 48%, #731321); --rar-plate-ink: #1F0509; --rar-plate-lo: rgba(51,8,15,0.55);
  --rar-frame: linear-gradient(160deg, #731321 0%, #FF9FAE 12%, #FFD4DB 22%, #FFFFFF 27%, #FF2A4A 36%, #553B40 46%, #33080F 58%, #FF9FAE 70%, #FFD4DB 82%, #FF2A4A 92%, #731321 100%);
  --rar-line: rgba(255,159,174,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(255,42,74,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(255,42,74,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-CRIMSON .rp-id svg, .seat.has-art.rar-UR.coat-P-CRIMSON .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-CRIMSON .rs-role svg, .rar-UR.coat-P-CRIMSON .sar-nemb svg { stroke: url(#rar-foil-UR-P-CRIMSON); }
.role-panel.has-art.rar-UR.coat-P-CRIMSON .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-CRIMSON .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-CRIMSON .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-CRIMSON); }
.cn.sar.rar-SAR.coat-P-CRIMSON, .sar-skin.rar-SAR.coat-P-CRIMSON {
  --rar-edge: #FF5E72; --rar-edge-a: rgba(255,94,114,0.55); --rar-deep: rgba(56,9,16,0.9);
  --rar-foil: linear-gradient(135deg, #A61B30 0%, #FFA6AB 9.2%, #FFF8EC 12.6%, #FF5E72 17.6%, #6A5152 24.4%, #FFBABB 31.9%, #FFF8EC 35.3%, #A61B30 42%, #A61B30 50%, #A61B30 50%, #FFA6AB 59.2%, #FFF8EC 62.6%, #FF5E72 67.6%, #6A5152 74.4%, #FFBABB 81.9%, #FFF8EC 85.3%, #A61B30 92%, #A61B30 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(56,9,16,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #FF5E72 45%, #A61B30); --rar-plate-ink: #26060B; --rar-plate-lo: rgba(56,9,16,0.5);
  --rar-frame: linear-gradient(160deg, #A61B30 0%, #FFA6AB 14%, #FFF8EC 22%, #FF5E72 34%, #A61B30 46%, #FFBABB 60%, #FFF8EC 72%, #FF5E72 86%, #A61B30 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(255,94,114,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(255,94,114,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-CRIMSON .rp-id svg, .seat.has-art.rar-SAR.coat-P-CRIMSON .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-CRIMSON .rs-role svg, .rar-SAR.coat-P-CRIMSON .sar-nemb svg { stroke: url(#rar-foil-SAR-P-CRIMSON); }
.role-panel.has-art.rar-SAR.coat-P-CRIMSON .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-CRIMSON .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-CRIMSON .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-CRIMSON); }
/* P-ABYSS: Bottomless Echo */
.cn.sar.rar-UR.coat-P-ABYSS, .sar-skin.rar-UR.coat-P-ABYSS {
  --rar-edge: #3D5CFF; --rar-edge-a: rgba(61,92,255,0.6); --rar-deep: rgba(12,18,51,0.92);
  --rar-foil: linear-gradient(135deg, #1B2973 0%, #A8B6FF 7.6%, #FFFFFF 10.9%, #3D5CFF 16%, #3B3E55 21%, #778DFF 26.9%, #FFFFFF 31.9%, #3D5CFF 37%, #1B2973 42%, #1B2973 50%, #1B2973 50%, #A8B6FF 57.6%, #FFFFFF 60.9%, #3D5CFF 66%, #3B3E55 71%, #778DFF 76.9%, #FFFFFF 81.9%, #3D5CFF 87%, #1B2973 92%, #1B2973 100%);
  --rar-foil-hi: rgba(168,182,255,0.8); --rar-foil-lo: rgba(12,18,51,0.95);
  --rar-plate: linear-gradient(180deg, #D8DEFF, #A8B6FF 48%, #1B2973); --rar-plate-ink: #070B1F; --rar-plate-lo: rgba(12,18,51,0.55);
  --rar-frame: linear-gradient(160deg, #1B2973 0%, #A8B6FF 12%, #D8DEFF 22%, #FFFFFF 27%, #3D5CFF 36%, #3B3E55 46%, #0C1233 58%, #A8B6FF 70%, #D8DEFF 82%, #3D5CFF 92%, #1B2973 100%);
  --rar-line: rgba(168,182,255,0.9);
  --rar-sheen: linear-gradient(135deg, transparent 38%, rgba(61,92,255,0.65) 46%, rgba(255,255,255,.95) 50%, rgba(61,92,255,0.65) 54%, transparent 62%);
}
.role-panel.has-art.rar-UR.coat-P-ABYSS .rp-id svg, .seat.has-art.rar-UR.coat-P-ABYSS .s-emb svg, .rs-p.sar-skin.rar-UR.coat-P-ABYSS .rs-role svg, .rar-UR.coat-P-ABYSS .sar-nemb svg { stroke: url(#rar-foil-UR-P-ABYSS); }
.role-panel.has-art.rar-UR.coat-P-ABYSS .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-UR.coat-P-ABYSS .s-emb svg [fill]:not([fill="none"]), .rar-UR.coat-P-ABYSS .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-UR-P-ABYSS); }
.cn.sar.rar-SAR.coat-P-ABYSS, .sar-skin.rar-SAR.coat-P-ABYSS {
  --rar-edge: #6E83FA; --rar-edge-a: rgba(110,131,250,0.55); --rar-deep: rgba(13,20,56,0.9);
  --rar-foil: linear-gradient(135deg, #283CA6 0%, #B1BAF4 9.2%, #FFF8EC 12.6%, #6E83FA 17.6%, #545464 24.4%, #C5C9F2 31.9%, #FFF8EC 35.3%, #283CA6 42%, #283CA6 50%, #283CA6 50%, #B1BAF4 59.2%, #FFF8EC 62.6%, #6E83FA 67.6%, #545464 74.4%, #C5C9F2 81.9%, #FFF8EC 85.3%, #283CA6 92%, #283CA6 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(13,20,56,0.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #6E83FA 45%, #283CA6); --rar-plate-ink: #090E26; --rar-plate-lo: rgba(13,20,56,0.5);
  --rar-frame: linear-gradient(160deg, #283CA6 0%, #B1BAF4 14%, #FFF8EC 22%, #6E83FA 34%, #283CA6 46%, #C5C9F2 60%, #FFF8EC 72%, #6E83FA 86%, #283CA6 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(135deg, transparent 40%, rgba(110,131,250,0.55) 48%, rgba(255,255,255,.95) 50%, rgba(110,131,250,0.55) 52%, transparent 60%);
}
.role-panel.has-art.rar-SAR.coat-P-ABYSS .rp-id svg, .seat.has-art.rar-SAR.coat-P-ABYSS .s-emb svg, .rs-p.sar-skin.rar-SAR.coat-P-ABYSS .rs-role svg, .rar-SAR.coat-P-ABYSS .sar-nemb svg { stroke: url(#rar-foil-SAR-P-ABYSS); }
.role-panel.has-art.rar-SAR.coat-P-ABYSS .rp-id svg [fill]:not([fill="none"]), .seat.has-art.rar-SAR.coat-P-ABYSS .s-emb svg [fill]:not([fill="none"]), .rar-SAR.coat-P-ABYSS .sar-nemb svg [fill]:not([fill="none"]) { fill: url(#rar-foil-SAR-P-ABYSS); }
/* END-GEN-COATS */

/* ---------- a dark shadow under the card type (UR / SAR), so it stands out from any part of the art ----------
   plain text: a tight dark halo and a softer drop; foil text (a gradient clipped to the letters): the same as drop-shadows.
   The same shadow goes on the foil names of the home page and Deep Salvage (nameTag, the home plate, the coating card). */
.cn.sar, .sar-skin, .lb-plate, .gc-cc-in { --sh1: max(1.5px, calc(.5 * var(--mm, 3px))); --sh2: max(4px, calc(1.6 * var(--mm, 3px))); --shy: max(1px, calc(.3 * var(--mm, 3px))); }
.cn.sar .sar-sk, .cn.sar .sar-emb {
  text-shadow: 0 var(--shy) var(--sh1) rgba(0,0,0,.95), 0 0 var(--sh1) rgba(0,0,0,.9), 0 var(--shy) var(--sh2) rgba(0,0,0,.85); }
.cn.sar .sar-badge { text-shadow: 0 0 var(--sh1) rgba(0,0,0,.9); }
.cn.sar .sar-foil, .sar-nt .sar-nt-n, .lb-plate b, .gc-cc-in b {
  filter: drop-shadow(0 var(--shy) calc(.5 * var(--sh1)) rgba(0,0,0,.95)) drop-shadow(0 var(--shy) var(--sh2) rgba(0,0,0,.85)); }
.sar-nemb svg { filter: drop-shadow(0 var(--shy, 1px) calc(.5 * var(--sh1, 2px)) rgba(0,0,0,.95)) drop-shadow(0 0 var(--sh2, 4px) rgba(0,0,0,.8)); }
.lb-plate span, .lb-plate small { text-shadow: 0 1px 2px rgba(0,0,0,.95), 0 0 8px rgba(0,0,0,.85); }