/* Generated by scripts/build-adventure-rank-frames.mjs. Edit resources/css + game JSON. */
/* Revision 4: a closed metal rim above the progress water on all four sides.
   Opt in with BOTH ga-rank-frame and data-rank-frame. Palettes come from JSON.
   Decoration stays inside the 38px badge; no new animations or image files. */
.ga-rank-frame[data-rank-frame] {
  --rf-ink:#f1eedf; --rf-edge:#d9b45e; --rf-top:#22261d; --rf-bottom:#1a1d16;
  --rf-water:#5d532d; --rf-gem:#d9b45e; --rf-ring2:transparent; --rf-ring3:transparent;
  --rf-diamonds:none; --rf-stars:none; --rf-star-top:calc(50% - 3px);
  --rf-corner:6px; --rf-crest:none;
  --rf-cut:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);
  position:relative; isolation:isolate; box-sizing:border-box; display:inline-grid;
  place-items:center; flex:none; width:38px; height:38px; padding:4px; overflow:hidden;
  border:0; border-radius:1px; clip-path:var(--rf-cut); color:var(--rf-ink);
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--rf-edge) 58%,#fff) 0%,var(--rf-edge) 18%,
    color-mix(in srgb,var(--rf-edge) 45%,#111) 32%,var(--rf-edge) 49%,
    color-mix(in srgb,var(--rf-edge) 30%,#111) 70%,var(--rf-edge) 87%,
    color-mix(in srgb,var(--rf-edge) 65%,#fff));
  box-shadow:inset 0 0 0 1px #fff3;
  vertical-align:middle; font-family:inherit; font-variant-numeric:tabular-nums;
}
/* Recessed enamel face, surrounded by a metallic bevel. */
.ga-rank-frame[data-rank-frame]::before {
  content:""; position:absolute; z-index:0; pointer-events:none; inset:2px;
  clip-path:var(--rf-cut); border:1px solid color-mix(in srgb,var(--rf-edge) 30%,#080a0f);
  background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--rf-top) 92%,#fff) 0%,transparent 80%),
    linear-gradient(155deg,var(--rf-top),var(--rf-bottom) 70%);
  box-shadow:inset 0 2px 4px #000b,inset 0 -1px 1px #fff2;
}
.ga-rank-frame[data-rank-frame]::after {
  content:""; position:absolute; z-index:4; pointer-events:none; inset:0;
  border:2px solid var(--rf-edge); border-radius:1px;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rf-edge) 35%,var(--rf-bottom));
}
.ga-rank-frame .ga-rank-copy {
  position:relative; z-index:8; display:grid; justify-items:center; align-content:center;
  gap:1px; min-width:0; max-width:100%; color:var(--rf-ink);
  text-shadow:0 1px 1px #000,0 0 3px var(--rf-bottom);
}
.ga-rank-frame .ga-rank-copy small {
  font-size:min(.56rem,10px); line-height:1; letter-spacing:.04em; font-weight:700;
  color:color-mix(in srgb,var(--rf-ink) 82%,var(--rf-edge));
}
.ga-rank-frame .ga-rank-copy strong { font-size:min(1rem,18px); line-height:1.05; font-weight:800; }
.ga-rank-frame.is-long .ga-rank-copy strong { font-size:min(.78rem,12px); }
.ga-rank-frame.is-long .ga-rank-copy small { font-size:min(.56rem,10px); }
.ga-rank-frame .ga-rank-water {
  position:absolute; z-index:1; inset:3px; pointer-events:none; clip-path:var(--rf-cut);
  transform:translateY(calc(100% - var(--rank-fill,0%)));
  background:linear-gradient(0deg,color-mix(in srgb,var(--rf-water),var(--rf-bottom) 38%),var(--rf-water));
  border-top:1px solid color-mix(in srgb,var(--rf-water) 70%,var(--rf-edge));
}
/* Four forged corner plates instead of an even, rounded outline. */
.ga-rank-frame .ga-rank-armor {
  position:absolute; z-index:5; inset:0; pointer-events:none;
  background:
    linear-gradient(135deg,var(--rf-edge) 0 46%,#fff8 47% 52%,transparent 53%) top left,
    linear-gradient(225deg,var(--rf-edge) 0 46%,#fff8 47% 52%,transparent 53%) top right,
    linear-gradient(45deg,color-mix(in srgb,var(--rf-edge) 90%,#111) 0 46%,var(--rf-edge) 47% 55%,transparent 56%) bottom left,
    linear-gradient(315deg,color-mix(in srgb,var(--rf-edge) 90%,#111) 0 46%,var(--rf-edge) 47% 55%,transparent 56%) bottom right;
  background-size:var(--rf-corner) var(--rf-corner); background-repeat:no-repeat;
}
/* Inner double/triple rings are independent of the continuous outer rim. */
.ga-rank-frame .ga-rank-armor::before {
  content:""; position:absolute; inset:4px; pointer-events:none;
  border:1px solid var(--rf-ring2); border-radius:1px;
  box-shadow:inset 0 0 0 1px #0002,inset 0 0 0 2px var(--rf-ring3);
}
.ga-rank-frame .ga-rank-armor::after {
  content:""; position:absolute; inset:2px; pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--rf-edge),transparent) top center / 40% 1px no-repeat,
    linear-gradient(90deg,transparent,var(--rf-edge),transparent) bottom center / 40% 1px no-repeat;
  opacity:.8;
}
.ga-rank-frame .ga-rank-gems,.ga-rank-frame .ga-rank-stars,.ga-rank-frame .ga-rank-crest {
  position:absolute; z-index:6; inset:0; pointer-events:none;
}
.ga-rank-frame .ga-rank-gems::before,.ga-rank-frame .ga-rank-gems::after {
  content:""; position:absolute; top:calc(50% - 4px); width:5px; height:8px;
  display:var(--rf-diamonds); clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);
  background:conic-gradient(from 45deg,#fffd,var(--rf-gem) 25%,color-mix(in srgb,var(--rf-gem) 45%,#111) 50%,var(--rf-gem) 75%,#fffd);
  box-shadow:inset 0 0 0 1px var(--rf-edge);
}
.ga-rank-frame .ga-rank-gems::before { left:0; }
.ga-rank-frame .ga-rank-gems::after { right:0; }
.ga-rank-frame.is-long .ga-rank-gems::before,.ga-rank-frame.is-long .ga-rank-gems::after { width:4px; }
.ga-rank-frame .ga-rank-stars::before,.ga-rank-frame .ga-rank-stars::after {
  content:""; display:var(--rf-stars); position:absolute; top:var(--rf-star-top); width:6px; height:7px;
  background:linear-gradient(135deg,#fff7da,var(--rf-edge) 45%,#816335);
  clip-path:polygon(50% 0,61% 34%,98% 35%,68% 57%,79% 98%,50% 74%,21% 98%,32% 57%,2% 35%,39% 34%);
}
.ga-rank-frame .ga-rank-stars::before { left:0; }
.ga-rank-frame .ga-rank-stars::after { right:0; }
.ga-rank-frame .ga-rank-crest::before {
  content:""; display:var(--rf-crest); position:absolute; top:0; left:calc(50% - 5px); width:10px; height:5px;
  background:linear-gradient(135deg,#fff9,var(--rf-gem) 42%,var(--rf-edge) 70%);
  clip-path:polygon(0 0,25% 35%,50% 0,75% 35%,100% 0,75% 100%,25% 100%);
}
.ga-rank-frame .ga-rank-crest::after {
  content:""; display:var(--rf-crest); position:absolute; bottom:1px; left:calc(50% - 4px); width:8px; height:3px;
  background:var(--rf-edge); clip-path:polygon(0 0,100% 0,65% 100%,35% 100%);
}
.ga-rank-frame[data-rank-frame="stellar"] { --rf-corner:9px; }
.ga-rank-frame[data-rank-frame="stellar"] .ga-rank-crest::before {
  top:0; height:6px; clip-path:polygon(50% 0,62% 35%,100% 35%,70% 60%,82% 100%,50% 75%,18% 100%,30% 60%,0 35%,38% 35%);
}
.ga-rank-frame[data-rank-frame="abyss"] { --rf-corner:10px; }
.ga-rank-frame[data-rank-frame="abyss"] .ga-rank-crest::before {
  height:6px; width:12px; left:calc(50% - 6px);
  clip-path:polygon(0 0,30% 35%,50% 0,70% 35%,100% 0,80% 100%,20% 100%);
}
/* The standard frame keeps the understated original appearance. */
.ga-rank-frame[data-rank-frame="standard"] {
  border:0; border-radius:4px; clip-path:none;
  background:linear-gradient(160deg,var(--rf-top),var(--rf-bottom));
}
.ga-rank-frame[data-rank-frame="standard"]::before,
.ga-rank-frame[data-rank-frame="standard"] .ga-rank-armor { display:none; }
.ga-rank-frame[data-rank-frame="standard"]::after { border-width:1px; border-radius:4px; box-shadow:none; }
.ga-rank-frame.ga-rank-frame--portrait { width:64px; height:64px; padding:6px; --rf-corner:12px; }
.ga-rank-frame--portrait > img { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; clip-path:var(--rf-cut); }
.ga-rank-frame.ga-rank-frame--portrait .ga-rank-gems::before,
.ga-rank-frame.ga-rank-frame--portrait .ga-rank-gems::after { width:7px; height:12px; top:calc(50% - 6px); }
.ga-rank-frame--portrait .ga-rank-crest::before { width:14px; height:7px; left:calc(50% - 7px); }
.ga-rank-frame.ga-rank-frame--chip { width:auto; height:auto; min-height:32px; min-width:88px; padding:7px 15px; }
.ga-rank-frame--chip .ga-rank-copy { display:flex; flex-wrap:nowrap; gap:5px; align-items:baseline; transform:none; }
.ga-rank-frame--chip .ga-rank-copy small,.ga-rank-frame--chip .ga-rank-copy strong { font-size:.8125rem; line-height:1.2; }
/* Adapter: integration must retain the existing menu hit area and wave behavior. */
.rank-menu-glyph.ga-rank-frame[data-rank-frame] { --gold:var(--rf-water); --surface-2:var(--rf-bottom); --text:var(--rf-ink); }
.rank-menu-glyph.ga-rank-frame .rank-menu-water { inset:3px; clip-path:var(--rf-cut); }

/* Catalog palettes and decoration. */
.ga-rank-frame[data-rank-frame="standard"],.rank-details-panel[data-rank-frame="standard"],.rank-profile-surface[data-rank-frame="standard"] { --rf-ink: #f1eedf; --rf-edge: #d9b45e; --rf-top: #22261d; --rf-bottom: #1a1d16; --rf-water: #5d532d; --rf-gem: #d9b45e; --rf-edge-rgb: 217, 180, 94; --rf-corner: 6px; }
.ga-rank-frame[data-rank-frame="bronze"],.rank-details-panel[data-rank-frame="bronze"],.rank-profile-surface[data-rank-frame="bronze"] { --rf-ink: #fff0de; --rf-edge: #c18c5d; --rf-top: #513321; --rf-bottom: #261c17; --rf-water: #765032; --rf-gem: #e5b784; --rf-edge-rgb: 193, 140, 93; --rf-corner: 6px; }
.ga-rank-frame[data-rank-frame="silver"],.rank-details-panel[data-rank-frame="silver"],.rank-profile-surface[data-rank-frame="silver"] { --rf-ink: #f0f6ff; --rf-edge: #adc6da; --rf-top: #33465a; --rf-bottom: #152332; --rf-water: #526c83; --rf-gem: #d1e4f3; --rf-edge-rgb: 173, 198, 218; --rf-corner: 6px; }
.ga-rank-frame[data-rank-frame="gold"],.rank-details-panel[data-rank-frame="gold"],.rank-profile-surface[data-rank-frame="gold"] { --rf-ink: #fff4d0; --rf-edge: #e2bd63; --rf-top: #51401c; --rf-bottom: #282011; --rf-water: #766031; --rf-gem: #f8d77e; --rf-edge-rgb: 226, 189, 99; --rf-corner: 7px; }
.ga-rank-frame[data-rank-frame="gold_double"],.rank-details-panel[data-rank-frame="gold_double"],.rank-profile-surface[data-rank-frame="gold_double"] { --rf-ink: #fff4d0; --rf-edge: #e2bd63; --rf-top: #51401c; --rf-bottom: #282011; --rf-water: #766031; --rf-gem: #f8d77e; --rf-edge-rgb: 226, 189, 99; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-corner: 7px; }
.ga-rank-frame[data-rank-frame="jade"],.rank-details-panel[data-rank-frame="jade"],.rank-profile-surface[data-rank-frame="jade"] { --rf-ink: #edffe9; --rf-edge: #d6bc74; --rf-top: #224c3c; --rf-bottom: #10271f; --rf-water: #3b6a50; --rf-gem: #86d8ad; --rf-edge-rgb: 214, 188, 116; --rf-corner: 7px; }
.ga-rank-frame[data-rank-frame="sapphire"],.rank-details-panel[data-rank-frame="sapphire"],.rank-profile-surface[data-rank-frame="sapphire"] { --rf-ink: #f0f5ff; --rf-edge: #adc6e1; --rf-top: #263f65; --rf-bottom: #111e35; --rf-water: #3e5d87; --rf-gem: #83b7f4; --rf-edge-rgb: 173, 198, 225; --rf-corner: 7px; }
.ga-rank-frame[data-rank-frame="ruby"],.rank-details-panel[data-rank-frame="ruby"],.rank-profile-surface[data-rank-frame="ruby"] { --rf-ink: #fff0e9; --rf-edge: #dbb66a; --rf-top: #5b2932; --rf-bottom: #2c151e; --rf-water: #81424b; --rf-gem: #eb8a91; --rf-edge-rgb: 219, 182, 106; --rf-corner: 7px; }
.ga-rank-frame[data-rank-frame="amethyst"],.rank-details-panel[data-rank-frame="amethyst"],.rank-profile-surface[data-rank-frame="amethyst"] { --rf-ink: #fff0ff; --rf-edge: #ddbd75; --rf-top: #50344f; --rf-bottom: #251b36; --rf-water: #6b496e; --rf-gem: #d6a3ea; --rf-edge-rgb: 221, 189, 117; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-corner: 7px; }
.ga-rank-frame[data-rank-frame="obsidian"],.rank-details-panel[data-rank-frame="obsidian"],.rank-profile-surface[data-rank-frame="obsidian"] { --rf-ink: #fff1d8; --rf-edge: #d9b96c; --rf-top: #2a2934; --rf-bottom: #121218; --rf-water: #504859; --rf-gem: #b9adc9; --rf-edge-rgb: 217, 185, 108; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-corner: 7px; }
.ga-rank-frame[data-rank-frame="platinum"],.rank-details-panel[data-rank-frame="platinum"],.rank-profile-surface[data-rank-frame="platinum"] { --rf-ink: #f6fcff; --rf-edge: #c9d7dc; --rf-top: #485b64; --rf-bottom: #25333e; --rf-water: #5b707c; --rf-gem: #e4f2f7; --rf-edge-rgb: 201, 215, 220; --rf-corner: 8px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_jade"],.rank-details-panel[data-rank-frame="platinum_jade"],.rank-profile-surface[data-rank-frame="platinum_jade"] { --rf-ink: #edffe9; --rf-edge: #c9d7dc; --rf-top: #224c3c; --rf-bottom: #10271f; --rf-water: #3b6a50; --rf-gem: #86d8ad; --rf-edge-rgb: 201, 215, 220; --rf-corner: 8px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_sapphire"],.rank-details-panel[data-rank-frame="platinum_sapphire"],.rank-profile-surface[data-rank-frame="platinum_sapphire"] { --rf-ink: #f0f5ff; --rf-edge: #c9d7dc; --rf-top: #263f65; --rf-bottom: #111e35; --rf-water: #3e5d87; --rf-gem: #83b7f4; --rf-edge-rgb: 201, 215, 220; --rf-corner: 8px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="stellar"],.rank-details-panel[data-rank-frame="stellar"],.rank-profile-surface[data-rank-frame="stellar"] { --rf-ink: #fff5d6; --rf-edge: #e5c779; --rf-top: #293854; --rf-bottom: #101b30; --rf-water: #4d587e; --rf-gem: #f4d992; --rf-edge-rgb: 229, 199, 121; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-corner: 8px; --rf-crest: block; --rf-stars: block; }
.ga-rank-frame[data-rank-frame="platinum_ruby"],.rank-details-panel[data-rank-frame="platinum_ruby"],.rank-profile-surface[data-rank-frame="platinum_ruby"] { --rf-ink: #fff0e9; --rf-edge: #c9d7dc; --rf-top: #5b2932; --rf-bottom: #2c151e; --rf-water: #81424b; --rf-gem: #eb8a91; --rf-edge-rgb: 201, 215, 220; --rf-corner: 8px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_amethyst"],.rank-details-panel[data-rank-frame="platinum_amethyst"],.rank-profile-surface[data-rank-frame="platinum_amethyst"] { --rf-ink: #fff0ff; --rf-edge: #c9d7dc; --rf-top: #50344f; --rf-bottom: #251b36; --rf-water: #6b496e; --rf-gem: #d6a3ea; --rf-edge-rgb: 201, 215, 220; --rf-corner: 8px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_obsidian"],.rank-details-panel[data-rank-frame="platinum_obsidian"],.rank-profile-surface[data-rank-frame="platinum_obsidian"] { --rf-ink: #fff1d8; --rf-edge: #c9d7dc; --rf-top: #2a2934; --rf-bottom: #121218; --rf-water: #504859; --rf-gem: #b9adc9; --rf-edge-rgb: 201, 215, 220; --rf-corner: 8px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="abyss"],.rank-details-panel[data-rank-frame="abyss"],.rank-profile-surface[data-rank-frame="abyss"] { --rf-ink: #fff2e3; --rf-edge: #e6c37d; --rf-top: #3c294b; --rf-bottom: #160f24; --rf-water: #61436c; --rf-gem: #d6b0f0; --rf-edge-rgb: 230, 195, 125; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-corner: 8px; --rf-crest: block; --rf-diamonds: block; --rf-stars: block; --rf-star-top: 1px; }
.ga-rank-frame[data-rank-frame="platinum_double_jade"],.rank-details-panel[data-rank-frame="platinum_double_jade"],.rank-profile-surface[data-rank-frame="platinum_double_jade"] { --rf-ink: #edffe9; --rf-edge: #c9d7dc; --rf-top: #224c3c; --rf-bottom: #10271f; --rf-water: #3b6a50; --rf-gem: #86d8ad; --rf-edge-rgb: 201, 215, 220; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-corner: 9px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_double_sapphire"],.rank-details-panel[data-rank-frame="platinum_double_sapphire"],.rank-profile-surface[data-rank-frame="platinum_double_sapphire"] { --rf-ink: #f0f5ff; --rf-edge: #c9d7dc; --rf-top: #263f65; --rf-bottom: #111e35; --rf-water: #3e5d87; --rf-gem: #83b7f4; --rf-edge-rgb: 201, 215, 220; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-corner: 9px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_double_ruby"],.rank-details-panel[data-rank-frame="platinum_double_ruby"],.rank-profile-surface[data-rank-frame="platinum_double_ruby"] { --rf-ink: #fff0e9; --rf-edge: #c9d7dc; --rf-top: #5b2932; --rf-bottom: #2c151e; --rf-water: #81424b; --rf-gem: #eb8a91; --rf-edge-rgb: 201, 215, 220; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-corner: 9px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_double_amethyst"],.rank-details-panel[data-rank-frame="platinum_double_amethyst"],.rank-profile-surface[data-rank-frame="platinum_double_amethyst"] { --rf-ink: #fff0ff; --rf-edge: #c9d7dc; --rf-top: #50344f; --rf-bottom: #251b36; --rf-water: #6b496e; --rf-gem: #d6a3ea; --rf-edge-rgb: 201, 215, 220; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-corner: 9px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_double_obsidian"],.rank-details-panel[data-rank-frame="platinum_double_obsidian"],.rank-profile-surface[data-rank-frame="platinum_double_obsidian"] { --rf-ink: #fff1d8; --rf-edge: #c9d7dc; --rf-top: #2a2934; --rf-bottom: #121218; --rf-water: #504859; --rf-gem: #b9adc9; --rf-edge-rgb: 201, 215, 220; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-corner: 9px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_triple_jade"],.rank-details-panel[data-rank-frame="platinum_triple_jade"],.rank-profile-surface[data-rank-frame="platinum_triple_jade"] { --rf-ink: #edffe9; --rf-edge: #c9d7dc; --rf-top: #224c3c; --rf-bottom: #10271f; --rf-water: #3b6a50; --rf-gem: #86d8ad; --rf-edge-rgb: 201, 215, 220; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-ring3: color-mix(in srgb, var(--rf-edge) 52%, var(--rf-bottom)); --rf-corner: 10px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_triple_sapphire"],.rank-details-panel[data-rank-frame="platinum_triple_sapphire"],.rank-profile-surface[data-rank-frame="platinum_triple_sapphire"] { --rf-ink: #f0f5ff; --rf-edge: #c9d7dc; --rf-top: #263f65; --rf-bottom: #111e35; --rf-water: #3e5d87; --rf-gem: #83b7f4; --rf-edge-rgb: 201, 215, 220; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-ring3: color-mix(in srgb, var(--rf-edge) 52%, var(--rf-bottom)); --rf-corner: 10px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_triple_ruby"],.rank-details-panel[data-rank-frame="platinum_triple_ruby"],.rank-profile-surface[data-rank-frame="platinum_triple_ruby"] { --rf-ink: #fff0e9; --rf-edge: #c9d7dc; --rf-top: #5b2932; --rf-bottom: #2c151e; --rf-water: #81424b; --rf-gem: #eb8a91; --rf-edge-rgb: 201, 215, 220; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-ring3: color-mix(in srgb, var(--rf-edge) 52%, var(--rf-bottom)); --rf-corner: 10px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_triple_amethyst"],.rank-details-panel[data-rank-frame="platinum_triple_amethyst"],.rank-profile-surface[data-rank-frame="platinum_triple_amethyst"] { --rf-ink: #fff0ff; --rf-edge: #c9d7dc; --rf-top: #50344f; --rf-bottom: #251b36; --rf-water: #6b496e; --rf-gem: #d6a3ea; --rf-edge-rgb: 201, 215, 220; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-ring3: color-mix(in srgb, var(--rf-edge) 52%, var(--rf-bottom)); --rf-corner: 10px; --rf-crest: block; --rf-diamonds: block; }
.ga-rank-frame[data-rank-frame="platinum_triple_obsidian"],.rank-details-panel[data-rank-frame="platinum_triple_obsidian"],.rank-profile-surface[data-rank-frame="platinum_triple_obsidian"] { --rf-ink: #fff1d8; --rf-edge: #c9d7dc; --rf-top: #2a2934; --rf-bottom: #121218; --rf-water: #504859; --rf-gem: #b9adc9; --rf-edge-rgb: 201, 215, 220; --rf-ring2: color-mix(in srgb, var(--rf-edge) 72%, var(--rf-bottom)); --rf-ring3: color-mix(in srgb, var(--rf-edge) 52%, var(--rf-bottom)); --rf-corner: 10px; --rf-crest: block; --rf-diamonds: block; }