/* DEV only · competition identity without visual overload.
   One tournament watermark + a restrained field of slowly drifting club crests. */

:root{
  --competition-accent:#7c3aed;
  --competition-accent-2:#9d5cff;
  --competition-surface:rgba(14,18,27,.90);
  --competition-gradient:linear-gradient(135deg,var(--competition-accent-2),var(--competition-accent));
}

body.league-landing[data-league="bundesliga-tippspiel"],
body[data-competition="bundesliga"]{--competition-accent:#d90b25;--competition-accent-2:#ff5568}
body.league-landing[data-league="2-bundesliga-tippspiel"],
body[data-competition="2-bundesliga"]{--competition-accent:#c8112e;--competition-accent-2:#f06a7b}
body.league-landing[data-league="champions-league-tippspiel"],
body[data-competition="champions-league"]{--competition-accent:#5875f5;--competition-accent-2:#98a8ff}
body.league-landing[data-league="dfb-pokal-tippspiel"],
body[data-competition="dfb-pokal"]{--competition-accent:#2f9b69;--competition-accent-2:#d5aa3d}

.competition-ambient{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  user-select:none;
  contain:layout paint style;
}
.competition-ambient[hidden]{display:none!important}
.competition-ambient-mark{
  position:absolute;
  top:clamp(82px,11vh,132px);
  right:clamp(-92px,-4vw,-24px);
  width:min(54vw,780px);
  height:min(43vw,570px);
  display:grid;
  place-items:center;
  opacity:.165;
  transform:rotate(-3deg);
}
.competition-ambient-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:saturate(.78) brightness(1.58) contrast(.82);
}
.competition-ambient-clubs{position:absolute;inset:0}
.competition-float-logo{
  position:absolute;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  opacity:.075;
  animation:competitionDrift 34s ease-in-out infinite alternate;
  animation-delay:var(--ambient-delay,0s);
}
.competition-float-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:saturate(.86) contrast(.95);
}
.competition-float-logo:nth-child(1){left:4%;top:21%;--ambient-delay:-5s;animation-duration:38s}
.competition-float-logo:nth-child(2){left:13%;top:68%;--ambient-delay:-17s;animation-duration:45s;width:48px;height:48px}
.competition-float-logo:nth-child(3){left:28%;top:11%;--ambient-delay:-23s;animation-duration:41s;width:44px;height:44px}
.competition-float-logo:nth-child(4){left:37%;top:77%;--ambient-delay:-11s;animation-duration:47s;width:64px;height:64px}
.competition-float-logo:nth-child(5){left:57%;top:34%;--ambient-delay:-29s;animation-duration:43s;width:46px;height:46px}
.competition-float-logo:nth-child(6){left:72%;top:71%;--ambient-delay:-7s;animation-duration:49s;width:54px;height:54px}
.competition-float-logo:nth-child(7){left:84%;top:22%;--ambient-delay:-19s;animation-duration:39s;width:62px;height:62px}
.competition-float-logo:nth-child(8){left:91%;top:59%;--ambient-delay:-31s;animation-duration:46s;width:43px;height:43px}
.competition-float-logo:nth-child(9){left:48%;top:91%;--ambient-delay:-13s;animation-duration:51s;width:47px;height:47px}
.competition-float-logo:nth-child(10){left:7%;top:88%;--ambient-delay:-27s;animation-duration:44s;width:41px;height:41px}
.competition-float-logo:nth-child(11){left:21%;top:43%;--ambient-delay:-37s;animation-duration:52s;width:49px;height:49px}
.competition-float-logo:nth-child(12){left:64%;top:12%;--ambient-delay:-9s;animation-duration:48s;width:42px;height:42px}
.competition-float-logo:nth-child(13){left:77%;top:90%;--ambient-delay:-33s;animation-duration:54s;width:50px;height:50px}
.competition-float-logo:nth-child(14){left:93%;top:82%;--ambient-delay:-15s;animation-duration:50s;width:45px;height:45px}
.competition-float-logo:nth-child(n+15){display:none}

@keyframes competitionDrift{
  0%{transform:translate3d(-7px,-5px,0) rotate(-2deg)}
  50%{transform:translate3d(9px,8px,0) rotate(2deg)}
  100%{transform:translate3d(-3px,16px,0) rotate(-1deg)}
}

/* Decorative layer only: never change overlay/menu positioning. */
body.league-landing{position:relative;isolation:isolate;background:#0b0f17!important}
body.has-bottom-nav{position:relative;isolation:isolate}
body.league-landing>.league-shell,
body.has-bottom-nav>.wrap{position:relative;z-index:1}

/* Public competition landing: flatter/editorial, with competition-specific accents. */
.league-landing .league-shell{width:min(1140px,100%);gap:22px}
.league-landing .league-hero{
  min-height:470px;
  padding:clamp(28px,4vw,54px)!important;
  border:1px solid color-mix(in srgb,var(--competition-accent) 34%,var(--border));
  background:linear-gradient(125deg,color-mix(in srgb,var(--competition-accent) 7%,rgba(15,19,28,.9)),rgba(15,19,28,.88) 48%)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.20)!important;
}
.league-landing .league-hero::before{
  inset:0 auto 0 0!important;
  width:3px!important;
  height:auto!important;
  background:var(--competition-gradient)!important;
  opacity:.9;
}
.league-landing .league-hero h1{font-size:clamp(2.8rem,5.8vw,4.9rem);letter-spacing:-.052em}
.league-landing .league-hero-copy>p{max-width:660px;color:#b8c2d0;font-size:1.02rem;line-height:1.7}
.league-landing .league-kicker{color:color-mix(in srgb,var(--competition-accent-2) 68%,#d8dee8);letter-spacing:.085em}
.league-landing .league-benefits{gap:8px 16px}
.league-landing .league-benefits span{color:#aeb7c5;font-weight:650}
.league-landing .league-jump-links a,
.league-landing .league-switcher a{background:rgba(255,255,255,.018)!important;box-shadow:none!important}
.league-landing .league-jump-links a:hover{border-color:color-mix(in srgb,var(--competition-accent) 58%,var(--border))!important}
.league-landing .league-switcher a.active{
  border-color:color-mix(in srgb,var(--competition-accent) 48%,var(--border))!important;
  background:color-mix(in srgb,var(--competition-accent) 13%,transparent)!important;
  color:#fff;
}
.league-landing .btn-primary{
  background:var(--competition-gradient)!important;
  border-color:color-mix(in srgb,var(--competition-accent) 55%,transparent)!important;
  box-shadow:0 7px 22px color-mix(in srgb,var(--competition-accent) 18%,transparent)!important;
}
.league-landing .league-auth-card,
.league-landing .league-intro-card,
.league-landing .league-content-card,
.league-landing .league-how-card,
.league-landing .league-why-card,
.league-landing .league-final-cta,
.league-landing .league-table-card,
.league-landing .league-fixtures-panel,
.league-landing .league-round-card{background:rgba(14,18,27,.90)!important;box-shadow:none!important}
.league-landing .league-auth-card{border-color:color-mix(in srgb,var(--competition-accent) 26%,var(--border))}
.league-landing .league-final-cta{
  border-color:color-mix(in srgb,var(--competition-accent) 28%,var(--border))!important;
  background:linear-gradient(125deg,color-mix(in srgb,var(--competition-accent) 8%,rgba(14,18,27,.9)),rgba(14,18,27,.9) 60%)!important;
}
.league-landing .league-rule-grid article,
.league-landing .league-related-grid>a,
.league-landing .league-faq-list details{background:rgba(255,255,255,.018)!important;box-shadow:none!important}
.league-landing .league-section-kicker{color:color-mix(in srgb,var(--competition-accent-2) 72%,#d9dce5)!important;opacity:.86}
.league-landing .league-pill{
  color:color-mix(in srgb,var(--competition-accent-2) 68%,#d9dce5)!important;
  border-color:color-mix(in srgb,var(--competition-accent) 30%,var(--border))!important;
  background:color-mix(in srgb,var(--competition-accent) 7%,transparent)!important;
}
.league-landing .league-crest-strip{display:none!important}

/* Logged-in tournament pages: same structure, but the selected competition colors the active state. */
body.has-bottom-nav[data-competition]{background:#0d0b13}
body.has-bottom-nav[data-competition]::before{
  background:radial-gradient(650px 430px at 88% -6%,color-mix(in srgb,var(--competition-accent) 14%,transparent),transparent 70%),
             radial-gradient(520px 400px at -6% 102%,color-mix(in srgb,var(--competition-accent-2) 7%,transparent),transparent 70%)!important;
}
.competition-ambient-app .competition-ambient-mark{
  top:96px;
  right:-48px;
  width:min(47vw,650px);
  height:min(37vw,450px);
  opacity:.125;
}
.competition-ambient-app .competition-float-logo{opacity:.058}
.competition-ambient-app.is-live .competition-ambient-mark{display:none}
.competition-ambient-app.is-live .competition-float-logo{opacity:.082}
body.has-bottom-nav[data-competition] .wrap{position:relative;z-index:1}
body.has-bottom-nav[data-competition] .tpill.active,
body.has-bottom-nav[data-competition] .tab.active,
body.has-bottom-nav[data-competition] .smart-section.has-active>summary{
  background:var(--competition-gradient)!important;
  border-color:transparent!important;
  box-shadow:0 4px 18px color-mix(in srgb,var(--competition-accent) 24%,transparent)!important;
}
body.has-bottom-nav[data-competition] .smart-section[open]>summary,
body.has-bottom-nav[data-competition] .smart-section:hover>summary,
body.has-bottom-nav[data-competition] .smart-section:focus-within>summary{
  border-color:color-mix(in srgb,var(--competition-accent) 34%,var(--border-hl))!important;
  background:color-mix(in srgb,var(--competition-accent) 11%,var(--bg-elev))!important;
}
body.has-bottom-nav[data-competition] .smart-menu .tab.active{
  background:color-mix(in srgb,var(--competition-accent) 18%,transparent)!important;
}
body.has-bottom-nav[data-competition] .sec-title::after{background:var(--competition-gradient)!important}
body.has-bottom-nav[data-competition] .panel.active .card{border-color:color-mix(in srgb,var(--competition-accent) 10%,var(--border))}
body.has-bottom-nav[data-competition] .panel.active .match:hover{border-color:color-mix(in srgb,var(--competition-accent) 38%,var(--border-hl))}
body.has-bottom-nav[data-competition] .tip-in:focus{
  border-color:var(--competition-accent-2)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--competition-accent) 18%,transparent)!important;
}

@media(max-width:760px){
  .competition-ambient-mark{top:105px;right:-84px;width:82vw;height:58vw;opacity:.10}
  .competition-ambient-app .competition-ambient-mark{top:104px;right:-88px;width:80vw;height:56vw;opacity:.09}
  .competition-float-logo{width:42px;height:42px;opacity:.055}
  .competition-float-logo:nth-child(n+9){display:none}
  .competition-float-logo:nth-child(1){left:3%;top:22%}
  .competition-float-logo:nth-child(2){left:12%;top:72%}
  .competition-float-logo:nth-child(3){left:56%;top:13%}
  .competition-float-logo:nth-child(4){left:72%;top:80%}
  .competition-float-logo:nth-child(5){left:88%;top:44%}
  .competition-float-logo:nth-child(6){left:35%;top:88%}
  .competition-float-logo:nth-child(7){left:76%;top:25%}
  .competition-float-logo:nth-child(8){left:48%;top:55%}
  .league-landing .league-hero{min-height:auto;padding:26px 22px!important}
}

@media(prefers-reduced-motion:reduce){.competition-float-logo{animation:none!important}}
html[data-fx~="idle"] .competition-float-logo{animation-play-state:paused!important}
html[data-fx~="lite"] .competition-float-logo{animation:none!important}
html[data-fx~="lite"] .competition-ambient-mark{opacity:.055}
body.user-reduce-motion .competition-float-logo{animation:none!important}

/* ═══ DEV v5 · competition presence pass ════════════════════════════════
   User feedback: watermark, motion and competition colours were too subtle.
   This pass deliberately increases presence while keeping the page calm.
   Still decorative only: transform/opacity animations, no extra polling. */

/* More visible page wash. The competition identity should be noticeable at
   a glance, not only after actively looking for it. */
body.league-landing{
  background:
    radial-gradient(900px 620px at 90% 8%,color-mix(in srgb,var(--competition-accent) 18%,transparent),transparent 70%),
    radial-gradient(760px 560px at -8% 74%,color-mix(in srgb,var(--competition-accent-2) 9%,transparent),transparent 72%),
    #0b0f17!important;
}
body.has-bottom-nav[data-competition]{
  background:
    radial-gradient(880px 590px at 92% 5%,color-mix(in srgb,var(--competition-accent) 20%,transparent),transparent 70%),
    radial-gradient(700px 520px at -8% 96%,color-mix(in srgb,var(--competition-accent-2) 10%,transparent),transparent 72%),
    #0d0b13!important;
}
body.has-bottom-nav[data-competition]::before{
  background:
    radial-gradient(720px 480px at 88% -4%,color-mix(in srgb,var(--competition-accent) 23%,transparent),transparent 70%),
    radial-gradient(560px 420px at -6% 102%,color-mix(in srgb,var(--competition-accent-2) 11%,transparent),transparent 70%)!important;
}

/* Tournament watermark: substantially larger/brighter than v4. */
.competition-ambient-mark{
  top:clamp(58px,8vh,104px);
  right:clamp(-118px,-5vw,-36px);
  width:min(66vw,960px);
  height:min(53vw,720px);
  opacity:.30;
  transform:rotate(-2deg);
}
.competition-ambient-mark::before{
  content:"";
  position:absolute;
  inset:12% 8%;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--competition-accent) 22%,transparent),transparent 68%);
  opacity:.9;
}
.competition-ambient-mark img{
  position:relative;
  z-index:1;
  filter:saturate(1.02) brightness(1.78) contrast(.92);
}
.competition-ambient-app .competition-ambient-mark{
  top:76px;
  right:-88px;
  width:min(59vw,830px);
  height:min(46vw,610px);
  opacity:.245;
}

/* Club crests: still slow, but visibly floating instead of barely moving. */
.competition-float-logo{
  opacity:.115;
  animation-duration:31s;
}
.competition-ambient-app .competition-float-logo{opacity:.088}
.competition-float-logo:nth-child(1){animation-duration:34s}
.competition-float-logo:nth-child(2){animation-duration:40s}
.competition-float-logo:nth-child(3){animation-duration:36s}
.competition-float-logo:nth-child(4){animation-duration:42s}
.competition-float-logo:nth-child(5){animation-duration:38s}
.competition-float-logo:nth-child(6){animation-duration:44s}
.competition-float-logo:nth-child(7){animation-duration:35s}
.competition-float-logo:nth-child(8){animation-duration:41s}
.competition-float-logo:nth-child(9){animation-duration:46s}
.competition-float-logo:nth-child(10){animation-duration:39s}
.competition-float-logo:nth-child(11){animation-duration:45s}
.competition-float-logo:nth-child(12){animation-duration:43s}
.competition-float-logo:nth-child(13){animation-duration:48s}
.competition-float-logo:nth-child(14){animation-duration:44s}
@keyframes competitionDrift{
  0%{transform:translate3d(-16px,-11px,0) rotate(-4deg)}
  33%{transform:translate3d(13px,8px,0) rotate(2deg)}
  66%{transform:translate3d(20px,-8px,0) rotate(4deg)}
  100%{transform:translate3d(-10px,25px,0) rotate(-3deg)}
}

/* ── Public landing pages: accents that are actually visible ───────── */
.league-landing .daddeln-public-tools{
  box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--competition-accent) 32%,transparent);
}
.league-landing .league-hero{
  border-color:color-mix(in srgb,var(--competition-accent) 56%,var(--border))!important;
  background:
    linear-gradient(118deg,color-mix(in srgb,var(--competition-accent) 15%,rgba(15,19,28,.90)),rgba(15,19,28,.89) 52%),
    rgba(15,19,28,.89)!important;
  box-shadow:
    0 24px 62px rgba(0,0,0,.24),
    inset 0 1px 0 color-mix(in srgb,var(--competition-accent-2) 15%,transparent)!important;
}
.league-landing .league-hero::before{
  width:5px!important;
  box-shadow:0 0 24px color-mix(in srgb,var(--competition-accent) 45%,transparent);
}
.league-landing .league-kicker,
.league-landing .league-section-kicker{
  color:color-mix(in srgb,var(--competition-accent-2) 86%,#eef2f7)!important;
  opacity:1;
}
.league-landing .league-switcher a.active{
  border-color:color-mix(in srgb,var(--competition-accent) 78%,#fff 8%)!important;
  background:color-mix(in srgb,var(--competition-accent) 23%,transparent)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--competition-accent) 12%,transparent),
             0 8px 24px color-mix(in srgb,var(--competition-accent) 13%,transparent)!important;
}
.league-landing .league-jump-links a:hover,
.league-landing .league-switcher a:hover{
  border-color:color-mix(in srgb,var(--competition-accent) 68%,var(--border))!important;
  background:color-mix(in srgb,var(--competition-accent) 12%,rgba(255,255,255,.02))!important;
}
.league-landing .league-auth-card{
  border-color:color-mix(in srgb,var(--competition-accent) 48%,var(--border))!important;
  box-shadow:inset 0 2px 0 color-mix(in srgb,var(--competition-accent) 42%,transparent)!important;
}
.league-landing .league-intro-card,
.league-landing .league-content-card,
.league-landing .league-how-card,
.league-landing .league-why-card,
.league-landing .league-table-card,
.league-landing .league-fixtures-panel,
.league-landing .league-round-card{
  border-color:color-mix(in srgb,var(--competition-accent) 18%,var(--border))!important;
}
.league-landing .card-head{
  border-bottom-color:color-mix(in srgb,var(--competition-accent) 22%,var(--border))!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--competition-accent) 9%,transparent),rgba(255,255,255,.012) 58%)!important;
}
.league-landing .league-rule-grid article,
.league-landing .league-related-grid>a,
.league-landing .league-faq-list details{
  border-color:color-mix(in srgb,var(--competition-accent) 13%,var(--border))!important;
}
.league-landing .league-rule-grid article:hover,
.league-landing .league-related-grid>a:hover,
.league-landing .league-faq-list details:hover{
  border-color:color-mix(in srgb,var(--competition-accent) 42%,var(--border))!important;
  background:color-mix(in srgb,var(--competition-accent) 6%,rgba(255,255,255,.018))!important;
}
.league-landing .league-pill{
  color:color-mix(in srgb,var(--competition-accent-2) 84%,#eef2f7)!important;
  border-color:color-mix(in srgb,var(--competition-accent) 48%,var(--border))!important;
  background:color-mix(in srgb,var(--competition-accent) 13%,transparent)!important;
}
.league-landing .league-table-scroll th{
  background:color-mix(in srgb,var(--competition-accent) 9%,var(--surf2))!important;
}
.league-landing .league-points,
.league-landing .league-breadcrumb a,
.league-landing .league-related-grid b{
  color:color-mix(in srgb,var(--competition-accent-2) 82%,#fff)!important;
}
.league-landing .league-final-cta{
  border-color:color-mix(in srgb,var(--competition-accent) 52%,var(--border))!important;
  background:linear-gradient(120deg,color-mix(in srgb,var(--competition-accent) 17%,rgba(14,18,27,.91)),rgba(14,18,27,.91) 62%)!important;
}

/* ── Logged-in tournament area: carry the colour into the actual game UI. */
body.has-bottom-nav[data-competition] .tournaments{
  border-bottom:1px solid color-mix(in srgb,var(--competition-accent) 18%,transparent);
}
body.has-bottom-nav[data-competition] .tpill.active,
body.has-bottom-nav[data-competition] .tab.active,
body.has-bottom-nav[data-competition] .smart-section.has-active>summary{
  background:var(--competition-gradient)!important;
  color:#fff!important;
  border-color:color-mix(in srgb,var(--competition-accent-2) 58%,transparent)!important;
  box-shadow:0 8px 28px color-mix(in srgb,var(--competition-accent) 34%,transparent),
             inset 0 1px 0 rgba(255,255,255,.17)!important;
}
body.has-bottom-nav[data-competition] .tpill:not(.active):hover,
body.has-bottom-nav[data-competition] .tab:not(.active):hover{
  border-color:color-mix(in srgb,var(--competition-accent) 48%,var(--border-hl))!important;
  background:color-mix(in srgb,var(--competition-accent) 8%,var(--bg-elev))!important;
}
body.has-bottom-nav[data-competition] .smart-section[open]>summary,
body.has-bottom-nav[data-competition] .smart-section:hover>summary,
body.has-bottom-nav[data-competition] .smart-section:focus-within>summary{
  border-color:color-mix(in srgb,var(--competition-accent) 58%,var(--border-hl))!important;
  background:color-mix(in srgb,var(--competition-accent) 17%,var(--bg-elev))!important;
}
body.has-bottom-nav[data-competition] .smart-menu .tab.active{
  background:color-mix(in srgb,var(--competition-accent) 30%,transparent)!important;
  box-shadow:inset 3px 0 0 var(--competition-accent-2)!important;
}
body.has-bottom-nav[data-competition] .sec-title::after{
  width:72px!important;
  height:3px!important;
  background:var(--competition-gradient)!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--competition-accent) 34%,transparent);
}
body.has-bottom-nav[data-competition] .panel.active>.card,
body.has-bottom-nav[data-competition] .panel.active .card{
  border-color:color-mix(in srgb,var(--competition-accent) 22%,var(--border))!important;
}
body.has-bottom-nav[data-competition] .panel.active .card-head{
  border-bottom-color:color-mix(in srgb,var(--competition-accent) 24%,var(--border))!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--competition-accent) 10%,transparent),rgba(255,255,255,.015) 60%)!important;
}
body.has-bottom-nav[data-competition] .panel.active .match{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--competition-accent) 16%,var(--border))!important;
}
body.has-bottom-nav[data-competition] .panel.active .match::before{
  content:"";
  position:absolute;
  left:0;
  top:13px;
  bottom:13px;
  width:2px;
  border-radius:0 2px 2px 0;
  background:var(--competition-gradient);
  opacity:.58;
}
body.has-bottom-nav[data-competition] .panel.active .match:hover{
  border-color:color-mix(in srgb,var(--competition-accent) 52%,var(--border-hl))!important;
  box-shadow:0 15px 36px rgba(0,0,0,.2),0 0 0 1px color-mix(in srgb,var(--competition-accent) 10%,transparent)!important;
}
body.has-bottom-nav[data-competition] .panel.active .tip-row{
  border-top-color:color-mix(in srgb,var(--competition-accent) 26%,transparent)!important;
}
body.has-bottom-nav[data-competition] .panel.active .score-mid{
  border-color:color-mix(in srgb,var(--competition-accent) 20%,var(--border))!important;
  background:color-mix(in srgb,var(--competition-accent) 6%,rgba(255,255,255,.03))!important;
}
body.has-bottom-nav[data-competition] .panel.active table th{
  background:color-mix(in srgb,var(--competition-accent) 9%,var(--bg-elev))!important;
}
body.has-bottom-nav[data-competition] .panel.active table tbody tr:hover td{
  background:color-mix(in srgb,var(--competition-accent) 5%,transparent)!important;
}
body.has-bottom-nav[data-competition] .tip-in:focus{
  border-color:var(--competition-accent-2)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--competition-accent) 25%,transparent),
             0 8px 22px color-mix(in srgb,var(--competition-accent) 10%,transparent)!important;
}

@media(max-width:760px){
  .competition-ambient-mark{top:90px;right:-105px;width:94vw;height:70vw;opacity:.205}
  .competition-ambient-app .competition-ambient-mark{top:94px;right:-112px;width:92vw;height:68vw;opacity:.18}
  .competition-float-logo{opacity:.09}
  .competition-ambient-app .competition-float-logo{opacity:.07}
}

/* Lite mode still shows the identity, just without motion. */
html[data-fx~="lite"] .competition-ambient-mark{opacity:.13}