/* Generated by scripts/build-adventure-rank-frames.mjs. */
/* Cosmetic title artwork only. Scope to this component, never all badges or UI. */
.ga-rank-title[data-rank-title] {
  --rt-ink:#dce5ef; --rt-edge:#788fa5; --rt-top:#243446; --rt-bottom:#101923;
  position:relative; isolation:isolate; box-sizing:border-box; display:inline-flex;
  align-items:center; gap:6px; min-width:0; max-width:100%; padding:4px 9px 4px 6px;
  border:1px solid var(--rt-edge); border-radius:4px; vertical-align:middle;
  color:var(--rt-ink); background:linear-gradient(145deg,#ffffff0c,transparent 40%),linear-gradient(155deg,var(--rt-top),var(--rt-bottom));
  box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0007,inset 0 0 0 2px #0003;
  font-family:inherit; font-size:var(--ga-font-note,.75rem); font-weight:600; line-height:1.6;
}
.ga-rank-title .ga-rank-title-name { min-width:0; overflow-wrap:anywhere; text-shadow:0 1px 2px #0009; }
.ga-rank-title .ga-rank-title-emblem { display:block; width:18px; height:21px; flex:none; overflow:visible; }
.ga-rank-title .ga-rank-title-shield { fill:var(--rt-bottom); stroke:var(--rt-edge); stroke-width:1.3; stroke-linejoin:round; }
.ga-rank-title .ga-rank-title-inset { fill:var(--rt-edge); opacity:.13; }
.ga-rank-title .ga-rank-title-symbol { fill:none; stroke:var(--rt-ink); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.ga-rank-title[data-title-material="gold"],.ga-rank-title[data-title-material="purple_gold"] {
  box-shadow:inset 0 1px 0 #fff5,inset 0 -1px 0 #0009,inset 0 0 0 2px #0004;
}
.ga-rank-title[data-title-material="purple_gold"]::after {
  content:""; position:absolute; pointer-events:none; inset:2px; border:1px solid color-mix(in srgb,var(--rt-edge) 28%,transparent); border-radius:2px;
}
.ga-rank-title[data-title-grade="3"] .ga-rank-title-shield,
.ga-rank-title[data-title-grade="4"] .ga-rank-title-shield { stroke-width:1.7; }
.ga-rank-title[data-title-grade="4"]::before {
  content:""; position:absolute; z-index:1; right:3px; top:3px; width:3px; height:3px;
  background:var(--rt-edge); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); pointer-events:none;
}
.ga-rank-title.ga-rank-title--large { padding:8px 13px 8px 9px; gap:9px; font-size:var(--ga-font-body,.875rem); }
.ga-rank-title--large .ga-rank-title-emblem { width:25px; height:29px; }

.ga-rank-title[data-title-material="iron"] { --rt-ink: #dce5ef; --rt-edge: #788fa5; --rt-top: #243446; --rt-bottom: #101923; }
.ga-rank-title[data-title-material="bronze"] { --rt-ink: #f2d1b0; --rt-edge: #b77c49; --rt-top: #51301f; --rt-bottom: #231b17; }
.ga-rank-title[data-title-material="silver"] { --rt-ink: #eff5ff; --rt-edge: #a6bdd4; --rt-top: #33465e; --rt-bottom: #131f30; }
.ga-rank-title[data-title-material="gold"] { --rt-ink: #fff0ad; --rt-edge: #e7be57; --rt-top: #695020; --rt-bottom: #2d2312; }
.ga-rank-title[data-title-material="purple_gold"] { --rt-ink: #fff0b4; --rt-edge: #efc75b; --rt-top: #52334f; --rt-bottom: #241a35; }