/* 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(115deg, #B8964F 0%, #F6E7B0 22%, #FFF8DC 30%, #E2C77F 42%, #A9853F 58%, #F6E7B0 76%, #FFF8DC 84%, #C9A75E 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(115deg, 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(115deg, #FF3EA5 0%, #FF9AD0 16%, #FFFFFF 26%, #9FEBFF 36%, #3EC8FF 48%, #B07CFF 62%, #FF3EA5 76%, #FFD2EC 88%, #3EC8FF 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(115deg, 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: 260% 100%; -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; }
@keyframes sar-sheen { from { background-position: 100% 0; } to { background-position: -160% 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: 260% 100%; -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: 260% 100%; -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: 260% 100%; 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: 260% 100%; -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: 260% 100%; -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 */
.cn.sar.rar-UR.coat-B, .sar-skin.rar-UR.coat-B {
  --rar-edge: #7FD8FF;
  --rar-edge-a: rgba(127,216,255,.6);
  --rar-deep: rgba(4,16,30,.9);
  --rar-foil: linear-gradient(115deg, #8FA3B8 0%, #E8F1FA 18%, #FFFFFF 26%, #9FE3FF 38%, #3EA8FF 50%, #C9D6E2 64%, #FFFFFF 76%, #7FD8FF 88%, #8FA3B8 100%);
  --rar-foil-hi: rgba(235,248,255,.8);
  --rar-foil-lo: rgba(4,14,26,.95);
  --rar-plate: linear-gradient(180deg, #F2F7FC, #B9C7D6 48%, #6B7C8F);
  --rar-plate-ink: #0B1420;
  --rar-plate-lo: rgba(4,14,26,.55);
  --rar-frame: linear-gradient(160deg, #4A5868 0%, #B9C7D6 12%, #F2F7FC 22%, #FFFFFF 27%, #9FE3FF 36%, #3EA8FF 46%, #2A4A6A 58%, #B9C7D6 70%, #F2F7FC 82%, #7FD8FF 92%, #4A5868 100%);
  --rar-line: rgba(170,230,255,.9);
  --rar-sheen: linear-gradient(115deg, transparent 38%, rgba(127,216,255,.65) 46%, rgba(255,255,255,.95) 50%, rgba(127,216,255,.65) 54%, 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(115deg, #6E7480 0%, #C7CCD6 18%, #FFFFFF 26%, #C2A8FF 36%, #7B4DFF 48%, #3A2A6E 60%, #C7CCD6 74%, #E6DCFF 86%, #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(115deg, 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(115deg, #3EC8FF 0%, #5CF0C8 16%, #E9FF9A 28%, #FFFFFF 34%, #9FEBFF 44%, #6A8CFF 58%, #9B6BFF 70%, #5CF0C8 84%, #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(115deg, 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(115deg, #4A5A40 0%, #C8FF9A 18%, #FFFFFF 26%, #7CFF4F 38%, #1FAE5A 50%, #283A26 62%, #C8FF9A 76%, #E9FFD9 86%, #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(115deg, 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(115deg, #5A1218 0%, #FF8A80 16%, #FFFFFF 26%, #FF3B3B 38%, #B00020 50%, #2A0A0E 62%, #FF6A5A 76%, #FFD0CC 88%, #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(115deg, 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. */
@keyframes sheen-x { from { transform: translate3d(-66.667%, 0, 0); } to { transform: translate3d(106.667%, 0, 0); } }
.sar-frame::after, .rp-art-frame::after, .gc-cc-frame::after {
  inset: 0 auto 0 0; width: 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: 260% 100%; -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 */
.cn.sar.rar-SAR.coat-B, .sar-skin.rar-SAR.coat-B {
  --rar-edge: #A8DAF5; --rar-edge-a: rgba(168,218,245,.55); --rar-deep: rgba(6,18,30,.9);
  --rar-foil: linear-gradient(115deg, #6F8BA4 0%, #BFD9EC 22%, #FFF8EC 30%, #A8DAF5 42%, #6F9CC4 58%, #D6E6F2 76%, #FFF8EC 84%, #8DB4D4 100%);
  --rar-foil-hi: rgba(255,250,236,.75); --rar-foil-lo: rgba(6,18,30,.95);
  --rar-plate: linear-gradient(180deg, #FFF8EC, #A8DAF5 45%, #6F9CC4); --rar-plate-ink: #0E1824; --rar-plate-lo: rgba(6,18,30,.5);
  --rar-frame: linear-gradient(160deg, #6F8BA4 0%, #BFD9EC 14%, #FFF8EC 22%, #A8DAF5 34%, #6F9CC4 46%, #D6E6F2 60%, #FFF8EC 72%, #8DB4D4 86%, #6F8BA4 100%);
  --rar-line: rgba(255,248,236,.85);
  --rar-sheen: linear-gradient(115deg, transparent 40%, rgba(168,218,245,.55) 48%, rgba(255,255,255,.95) 50%, rgba(168,218,245,.55) 52%, 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(115deg, #6C5C98 0%, #CDBDF5 22%, #FFF8EC 30%, #B7A0F0 42%, #7A5CC8 58%, #DCD0F7 76%, #FFF8EC 84%, #9E86DE 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(115deg, 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(115deg, #5E8E8A 0%, #BDEDE0 22%, #FFF8EC 30%, #A9E4F2 42%, #AFA3EE 58%, #CDEFE6 76%, #FFF8EC 84%, #7FCDBE 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(115deg, 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(115deg, #4E6A46 0%, #C3E9B2 22%, #FFF8EC 30%, #9FDC86 42%, #4E8C3E 58%, #D0EDC4 76%, #FFF8EC 84%, #86BC70 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(115deg, 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(115deg, #8E4A48 0%, #F2C4C0 22%, #FFF8EC 30%, #F2A0A0 42%, #C0504A 58%, #F5D6D2 76%, #FFF8EC 84%, #D88A84 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(115deg, 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(115deg, #734515 0%, #FFD2A1 18%, #FFFFFF 26%, #FF9A2E 38%, #65E6FF 50%, #FFB86D 64%, #FFFFFF 76%, #FF9A2E 88%, #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(115deg, 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(115deg, #A6641E 0%, #FFD2A0 22%, #FFF8EC 30%, #FFB25E 42%, #79E7F9 58%, #FFDCB3 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #731C2A 0%, #FFA8B7 18%, #FFFFFF 26%, #FF3E5E 38%, #FFCE61 50%, #FF788E 64%, #FFFFFF 76%, #FF3E5E 88%, #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(115deg, 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(115deg, #A6283D 0%, #FFAEB3 22%, #FFF8EC 30%, #FF6C82 42%, #FFD26F 58%, #FFC0C1 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #396173 0%, #C5EDFF 18%, #FFFFFF 26%, #7FD8FF 38%, #EDF8FF 50%, #A5E4FF 64%, #FFFFFF 76%, #7FD8FF 88%, #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(115deg, 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(115deg, #538CA6 0%, #CCEBF4 22%, #FFF8EC 30%, #9FE0FA 42%, #EFF7F9 58%, #D9EEF2 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #48515A 0%, #D4DDE6 18%, #FFFFFF 26%, #9FB3C8 38%, #7DF3D3 50%, #BCCAD8 64%, #FFFFFF 76%, #9FB3C8 88%, #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(115deg, 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(115deg, #677482 0%, #D9DCDE 22%, #FFF8EC 30%, #B7C4D1 42%, #8DF2D3 58%, #E2E3E1 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #685830 0%, #F5E4BC 18%, #FFFFFF 26%, #E8C46A 38%, #FF9561 50%, #EFD697 64%, #FFFFFF 76%, #E8C46A 88%, #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(115deg, 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(115deg, #977F45 0%, #F6E3B8 22%, #FFF8EC 30%, #EED18A 42%, #FFA06F 58%, #F8E8C5 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #6F684F 0%, #FBF4DB 18%, #FFFFFF 26%, #F6E7B0 38%, #7BB0FF 50%, #F9EEC8 64%, #FFFFFF 76%, #F6E7B0 88%, #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(115deg, 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(115deg, #A09672 0%, #FBF1D4 22%, #FFF8EC 30%, #F8EBBF 42%, #8CB8F9 58%, #FCF3DA 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #296C5A 0%, #B6F8E6 18%, #FFFFFF 26%, #5CF0C8 38%, #AF89FF 50%, #8DF4D8 64%, #FFFFFF 76%, #5CF0C8 88%, #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(115deg, 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(115deg, #3C9C82 0%, #BEF5DE 22%, #FFF8EC 30%, #85F2D1 42%, #B995F9 58%, #CEF6E1 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #735120 0%, #FFDDAC 18%, #FFFFFF 26%, #FFB347 38%, #FF6E4C 50%, #FFCA7E 64%, #FFFFFF 76%, #FFB347 88%, #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(115deg, 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(115deg, #A6742E 0%, #FFDCAA 22%, #FFF8EC 30%, #FFC470 42%, #FF7E5C 58%, #FFE3BA 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #485F21 0%, #D4EBAE 18%, #FFFFFF 26%, #9FD34A 38%, #E666B3 50%, #BCE080 64%, #FFFFFF 76%, #9FD34A 88%, #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(115deg, 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(115deg, #678930 0%, #D9E9AB 22%, #FFF8EC 30%, #B7DC72 42%, #E977B7 58%, #E2EDBB 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #733013 0%, #FFBC9F 18%, #FFFFFF 26%, #FF6A2A 38%, #FFE76E 50%, #FF976A 64%, #FFFFFF 76%, #FF6A2A 88%, #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(115deg, 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(115deg, #A6451B 0%, #FFBF9E 22%, #FFF8EC 30%, #FF8E5A 42%, #FFE87B 58%, #FFCDB2 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #463073 0%, #D2BCFF 18%, #FFFFFF 26%, #9B6BFF 38%, #F8ECC0 50%, #B997FF 64%, #FFFFFF 76%, #9B6BFF 88%, #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(115deg, 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(115deg, #6546A6 0%, #D7C0F4 22%, #FFF8EC 30%, #B48EFA 42%, #F9ECC2 58%, #E1CEF2 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #5D6065 0%, #E9EDF1 18%, #FFFFFF 26%, #CFD6E0 38%, #FFAED9 50%, #DDE2E9 64%, #FFFFFF 76%, #CFD6E0 88%, #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(115deg, 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(115deg, #878B92 0%, #ECEAE7 22%, #FFF8EC 30%, #DBDEE3 42%, #FFB6D8 58%, #F1EEE8 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #136439 0%, #A0F0C5 18%, #FFFFFF 26%, #2BDE7E 38%, #EDFFF5 50%, #6BE8A5 64%, #FFFFFF 76%, #2BDE7E 88%, #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(115deg, 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(115deg, #1C9052 0%, #AAEEC0 22%, #FFF8EC 30%, #60E49A 42%, #EFFDF0 58%, #BFF0CB 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #1C5A68 0%, #A9E6F5 18%, #FFFFFF 26%, #3FC7E8 38%, #F8ECC0 50%, #79D8EF 64%, #FFFFFF 76%, #3FC7E8 88%, #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(115deg, 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(115deg, #298197 0%, #B2E4EA 22%, #FFF8EC 30%, #6FD3E9 42%, #F9ECC2 58%, #C5E9EB 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #296C5A 0%, #B6F8E6 18%, #FFFFFF 26%, #5CF0C8 38%, #EDF8FF 50%, #8DF4D8 64%, #FFFFFF 76%, #5CF0C8 88%, #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(115deg, 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(115deg, #3C9C82 0%, #BEF5DE 22%, #FFF8EC 30%, #85F2D1 42%, #EFF7F9 58%, #CEF6E1 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #6D5716 0%, #F9E4A2 18%, #FFFFFF 26%, #F2C230 38%, #FF8855 50%, #F6D46E 64%, #FFFFFF 76%, #F2C230 88%, #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(115deg, 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(115deg, #9D7E1F 0%, #FAE2A1 22%, #FFF8EC 30%, #F5D05F 42%, #FF9564 58%, #FBE8B4 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #58371A 0%, #E4C3A6 18%, #FFFFFF 26%, #C47A3A 38%, #96FF72 50%, #D6A275 64%, #FFFFFF 76%, #C47A3A 88%, #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(115deg, 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(115deg, #7F4F26 0%, #E7C6A5 22%, #FFF8EC 30%, #D39A66 42%, #A3FD7E 58%, #EDD2B7 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #651D48 0%, #F1A9D4 18%, #FFFFFF 26%, #E040A0 38%, #AF89FF 50%, #E979BC 64%, #FFFFFF 76%, #E040A0 88%, #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(115deg, 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(115deg, #922A68 0%, #F3AECE 22%, #FFF8EC 30%, #E86EB3 42%, #B995F9 58%, #F6C1D5 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #404853 0%, #CDD4DF 18%, #FFFFFF 26%, #8FA0B8 38%, #EDF8FF 50%, #B1BCCD 64%, #FFFFFF 76%, #8FA0B8 88%, #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(115deg, 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(115deg, #5D6878 0%, #D2D5D7 22%, #FFF8EC 30%, #ABB6C5 42%, #EFF7F9 58%, #DDDEDC 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #570B29 0%, #E497B5 18%, #FFFFFF 26%, #C2185B 38%, #554659 50%, #D45D8C 64%, #FFFFFF 76%, #C2185B 88%, #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(115deg, 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(115deg, #7E103B 0%, #E79EB2 22%, #FFF8EC 30%, #D1507F 42%, #6A5B68 58%, #EDB5C0 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #5F4B14 0%, #ECD7A0 18%, #FFFFFF 26%, #D4A72C 38%, #D09561 50%, #E1C16B 64%, #FFFFFF 76%, #D4A72C 88%, #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(115deg, 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(115deg, #8A6D1D 0%, #EED89F 22%, #FFF8EC 30%, #DFBB5C 42%, #D6A06F 58%, #F2E0B2 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #374B73 0%, #C3D7FF 18%, #FFFFFF 26%, #7AA7FF 38%, #F5CE59 50%, #A2C1FF 64%, #FFFFFF 76%, #7AA7FF 88%, #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(115deg, 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(115deg, #4F6DA6 0%, #CAD8F4 22%, #FFF8EC 30%, #9BBBFA 42%, #F6D268 58%, #D7E0F2 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #4F3173 0%, #DBBDFF 18%, #FFFFFF 26%, #B06CFF 38%, #7DF3D3 50%, #C898FF 64%, #FFFFFF 76%, #B06CFF 88%, #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(115deg, 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(115deg, #7246A6 0%, #DFC0F4 22%, #FFF8EC 30%, #C48FFA 42%, #8DF2D3 58%, #E7CEF2 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #731321 0%, #FF9FAE 18%, #FFFFFF 26%, #FF2A4A 38%, #553B40 50%, #FF6A80 64%, #FFFFFF 76%, #FF2A4A 88%, #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(115deg, 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(115deg, #A61B30 0%, #FFA6AB 22%, #FFF8EC 30%, #FF5E72 42%, #6A5152 58%, #FFBABB 76%, #FFF8EC 84%, #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(115deg, 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(115deg, #1B2973 0%, #A8B6FF 18%, #FFFFFF 26%, #3D5CFF 38%, #3B3E55 50%, #778DFF 64%, #FFFFFF 76%, #3D5CFF 88%, #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(115deg, 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(115deg, #283CA6 0%, #B1BAF4 22%, #FFF8EC 30%, #6E83FA 42%, #545464 58%, #C5C9F2 76%, #FFF8EC 84%, #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(115deg, 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 */