/* Shared Persian Premium banner, adapted from the standalone V4 design. */
[data-premium-match-banner]{container-type:inline-size}
.rlf-premium-banner,.rlf-premium-banner *{box-sizing:border-box}
.rlf-premium-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;width:100%;min-height:clamp(280px,20cqi,320px);border:1px solid var(--premium-edge,#00c89655);border-radius:10px;color:var(--premium-ink,#f7fbff);background:linear-gradient(250deg,var(--premium-shade,#091b1d) 2%,var(--premium-base,#102b29) 60%,color-mix(in srgb,var(--premium-base,#102b29),var(--premium-primary,#00c896) 22%));box-shadow:0 18px 42px #0003,0 6px 25px var(--premium-glow,#00c89612);font-family:RLFLatin,RLFPersian,Arial,Tahoma,sans-serif;font-variation-settings:"wght" 800;font-weight:800;text-align:right}
.rlf-premium-banner::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 14% 45%,var(--premium-ambient,#007f6d),transparent 53%);opacity:var(--premium-opacity,.6)}
.rlf-premium-banner::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:repeating-linear-gradient(48deg,transparent 0 104px,var(--premium-primary,#00c896) 105px 106px,transparent 107px 188px);opacity:var(--premium-streak,.0845);mask-image:linear-gradient(250deg,transparent 24%,#000 80%)}
.rlf-premium-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:60%;min-height:278px;height:auto;margin-left:auto;padding:28px 32px 28px 0;text-align:start}
.rlf-premium-copy h2{margin:0 0 11px;color:var(--premium-ink,#f7fbff);font:800 clamp(24px,1.85cqi,30px)/1.6 RLFLatin,RLFPersian,Arial,Tahoma,sans-serif;font-variation-settings:"wght" 800;letter-spacing:0;text-wrap:balance}
.rlf-premium-copy h2 bdi{display:block;margin-top:4px;color:var(--premium-highlight,#a4f4cf);direction:ltr;unicode-bidi:isolate;text-align:right;font:750 16px/1.3 Arial,Helvetica,sans-serif;font-variation-settings:normal;letter-spacing:.2px}
.rlf-premium-badges{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 17px;padding:0}
.rlf-premium-badges li{display:flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid var(--premium-badge-border,#e3e9f526);border-radius:24px;background:var(--premium-badge,#ffffff0d);color:var(--premium-muted,#e3e9f5);font-size:10px;font-weight:800;line-height:1.75;letter-spacing:0;white-space:nowrap}
.rlf-premium-badges svg{flex-shrink:0;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rlf-premium-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-width:150px;min-height:40px;padding:8px 15px;border:1px solid var(--premium-button-border,#102b2914);border-radius:5px;background:var(--premium-cta,#a4f4cf);color:var(--premium-cta-ink,#102b29);text-decoration:none;font:800 12px/1.75 RLFLatin,RLFPersian,Arial,sans-serif;font-variation-settings:"wght" 800;letter-spacing:0;transition:filter 180ms,box-shadow 180ms}
.rlf-premium-cta:hover{color:var(--premium-cta-ink,#102b29);filter:brightness(1.08);box-shadow:0 0 24px var(--premium-hover,#a4f4cf3d)}
.rlf-premium-cta:focus-visible{outline:2px solid var(--premium-ink,#f7fbff);outline-offset:4px}
.rlf-premium-cta svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.rlf-premium-art{position:absolute;overflow:hidden;z-index:1;left:0;bottom:0;width:44%;height:100%;pointer-events:none;mask-image:linear-gradient(0deg,transparent,#000 9%)}
.rlf-premium-art::before{content:"RLF";position:absolute;left:3%;top:0;color:var(--premium-ink,#f7fbff);opacity:.027;font:900 clamp(100px,12cqi,190px)/1 Arial,sans-serif;letter-spacing:-12px;transform:skew(-10deg)}
.rlf-premium-art::after{content:"";position:absolute;inset:5% 0 0;z-index:-1;background:radial-gradient(ellipse at 50% 70%,var(--premium-art-glow,#a4f4cf2e),transparent 67%)}
.rlf-premium-operators{position:absolute;display:block;left:50%;top:0;width:auto;max-width:none;height:135%;transform:translateX(-50%);object-fit:contain;object-position:center top;filter:drop-shadow(0 8px 10px #0005) drop-shadow(1px 0 2px var(--premium-rim,#a4f4cf45));user-select:none}
@container(max-width:1100px){.rlf-premium-banner{min-height:280px}.rlf-premium-copy{width:59%;min-height:278px;padding:28px 26px 28px 0}.rlf-premium-copy h2{font-size:25px}.rlf-premium-badges{max-width:400px}.rlf-premium-art{width:43%}}
@container(max-width:600px){.rlf-premium-banner{min-height:470px}.rlf-premium-copy{width:100%;min-height:470px;height:auto;padding:239px 23px 25px;justify-content:flex-end}.rlf-premium-copy h2{font-size:24px;line-height:1.7;margin-bottom:14px}.rlf-premium-copy h2 bdi{font-size:15px;margin-top:6px}.rlf-premium-art{width:100%;height:245px;top:0;bottom:auto;mask-image:linear-gradient(0deg,transparent,#000 12%)}.rlf-premium-art::before{font-size:150px;left:10%;top:5%}.rlf-premium-operators{height:145%;top:0}.rlf-premium-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none;gap:7px;margin-bottom:19px}.rlf-premium-badges li{justify-content:center;padding:7px 5px;min-height:31px;font-size:9px}.rlf-premium-cta{width:100%;justify-content:center;gap:15px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.rlf-premium-cta{transition:none}}

.rlf-premium-banner[data-lighting="split"]::before{background:radial-gradient(ellipse at 14% -30%,var(--premium-ambient),transparent 60%),radial-gradient(ellipse at 50% 130%,var(--premium-secondary),transparent 65%)}
.rlf-premium-banner[data-lighting="soft"]::before{background:radial-gradient(ellipse at 14% 0%,var(--premium-secondary),transparent 80%)}
.rlf-premium-banner[data-lighting="edge"]::before{background:radial-gradient(ellipse at 14% -10%,var(--premium-ambient),transparent 62%)}


/* Dashboard composition from the Persian V12 studio design. */
.rlf-premium-banner-v12 {
  min-height: 280px;
  background: linear-gradient(115deg,var(--premium-base),var(--premium-shade) 68%);
  border-color: color-mix(in srgb,var(--premium-highlight),transparent 75%);
}
.rlf-premium-banner-v12[data-lighting]::before {
  background: linear-gradient(118deg,transparent 15%,color-mix(in srgb,var(--premium-highlight),transparent 88%) 15.2%,transparent 36%),
    radial-gradient(ellipse at 28% 100%,color-mix(in srgb,var(--premium-highlight),transparent 68%),transparent 58%);
  opacity: 1;
}
.rlf-premium-banner-v12::after {
  inset: -60% auto -60% 27%;
  width: 24%;
  background: linear-gradient(90deg,#ffffff06,transparent);
  border-inline: 1px solid color-mix(in srgb,var(--premium-highlight),transparent 65%);
  transform: rotate(28deg);
  mask-image: none;
  opacity: 1;
}
.rlf-premium-banner-v12 .rlf-premium-art {
  width: 52%;
  mask-image: none;
}
.rlf-premium-banner-v12 .rlf-premium-art::before {
  left: 7%;
  top: 20%;
  color: var(--premium-highlight);
  opacity: .35;
  font-size: clamp(38px,5cqi,58px);
  letter-spacing: -4px;
  transform: none;
}
.rlf-premium-banner-v12 .rlf-premium-art::after { content: none; }
.rlf-premium-banner-v12 .rlf-premium-operators {
  left: auto;
  right: 0;
  width: 100%;
  height: 100%;
  object-position: right bottom;
  transform: none;
  filter: drop-shadow(0 8px 12px #0005);
}
.rlf-premium-banner-v12 .rlf-premium-copy { width: 48%; }
.rlf-premium-members-label {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 4px;
  color: var(--premium-secondary);
  font-size: 10px;
}
.rlf-premium-members-label::before {
  content: "";
  width: 5px;
  height: 5px;
  background: currentColor;
  transform: rotate(45deg);
}
.rlf-premium-banner-v12 .rlf-premium-badges li { border-radius: 4px; }
.rlf-premium-banner-v12 .rlf-premium-cta {
  background: var(--premium-highlight);
  border-color: #ffffff20;
  color: #081323;
}
@container (max-width: 650px) {
  .rlf-premium-banner-v12 .rlf-premium-art { width: 100%; height: 235px; top: 0; bottom: auto; }
  .rlf-premium-banner-v12 .rlf-premium-operators { object-position: center bottom; }
  .rlf-premium-banner-v12 .rlf-premium-copy { width: 100%; padding: 245px 20px 22px; }
  .rlf-premium-banner-v12 .rlf-premium-badges { display: flex; }
}

/* The Arsenal uses the full Persian scene and the studio's Flagship colors. */
[data-premium-match-banner="v13"] {
  /* Inset the 10px banner corners inside the dashboard's 16px corners. */
  padding: 6px 6px 0;
}
.rlf-premium-banner-v13 {
  --premium-title-glow: radial-gradient(ellipse 38% 55% at 87% 35%, #ffb3471f, transparent);
  min-height: 296px;
  background: var(--premium-base);
  border-color: #8cb6ff55;
}
.rlf-premium-banner-v13::before,
.rlf-premium-banner-v13::after,
.rlf-premium-banner-v13 .rlf-premium-art::before { content: none; }
.rlf-premium-banner-v13 .rlf-premium-art {
  inset: 0;
  width: 100%;
  height: 100%;
  mask-image: none;
}
.rlf-premium-banner-v13 .rlf-premium-operators {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
  transform: none;
  filter: none;
}
.rlf-premium-banner-v13 .rlf-premium-art::after {
  inset: 0;
  z-index: 0;
  background: var(--premium-title-glow),
    radial-gradient(ellipse 13% 58% at 15% 24%,#ffc88b19,transparent),
    linear-gradient(90deg,transparent 12%,color-mix(in srgb,var(--premium-base) 25%,transparent) 42%,color-mix(in srgb,var(--premium-base) 88%,transparent) 76%,color-mix(in srgb,var(--premium-shade) 91%,transparent)),
    linear-gradient(0deg,color-mix(in srgb,var(--premium-shade) 48%,transparent),transparent 55%);
}
.rlf-premium-banner-v13 .rlf-premium-copy {
  width: 54%;
  min-height: 246px;
  padding: 20px clamp(20px,5cqi,84px) 20px 10px;
  text-shadow: 0 2px 12px #000c;
}
.rlf-premium-banner-v13 .rlf-premium-copy h2 { font-size: clamp(23px,2.95cqi,47px); }
.rlf-premium-banner-v13 .rlf-premium-badges li {
  position: relative;
  font-size: 10.5px;
  padding-inline: 10px;
  border-radius: 999px;
  background: color-mix(in srgb,var(--premium-shade) 64%,transparent);
}
.rlf-premium-badge-tip {
  display: none;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 6px);
  width: min(190px, 38cqi);
  pointer-events: none;
  padding: 8px 12px;
  border: 1px solid #8cb6ff55;
  border-radius: 8px;
  background: #101827;
  color: #f7fbff;
  font-size: 11px;
  white-space: normal;
  text-shadow: none;
}
.rlf-premium-badges li:is(:hover, :focus) > .rlf-premium-badge-tip { display: block; }
.rlf-premium-badges li:focus-visible { outline: 2px solid #8cb6ff; outline-offset: 2px; }
.rlf-premium-banner-v13 .rlf-premium-cta {
  min-width: min(150px, 100%);
  min-height: 40px;
  padding-inline: 14px;
  padding-block: 6px;
  border-radius: 3px;
  font-size: 15px;
  text-shadow: none;
}
@container (max-width: 650px) {
  .rlf-premium-banner-v13 {
    --premium-title-glow: radial-gradient(ellipse 60% 40% at 85% 65%, #ffb3471f, transparent);
    min-height: 248px;
  }
  .rlf-premium-banner-v13 .rlf-premium-art::after {
    background: var(--premium-title-glow),
      linear-gradient(0deg,var(--premium-shade) 5%,color-mix(in srgb,var(--premium-base) 78%,transparent) 42%,transparent 85%);
  }
  .rlf-premium-banner-v13 .rlf-premium-copy {
    width: 100%;
    min-height: 0;
    padding: clamp(160px,53cqi,265px) 18px 20px;
  }
}