/* WooCasino: zwei Werbeformate.
   A  Begruessungskarte beim zweiten Seitenaufruf derselben Sitzung.
   B  Lesefortschrittsleiste, die ab 80 Prozent einen Knopf zeigt.
   Nie gleichzeitig, beide schliessbar, A hoechstens einmal in 24 Stunden. */
.wf[hidden]{display:none!important}

/* ---------- A: Begruessungskarte ---------- */
.wf-welcome{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px;
  background:rgba(3,8,19,.78);opacity:0;transition:opacity .2s ease}
.wf-welcome.is-on{opacity:1}
.wf-welcome__card{position:relative;width:100%;max-width:520px;background:var(--panel,#0c1a2b);
  color:var(--ink,#f4f8fb);border:1px solid var(--line,rgba(153,194,220,.18));
  border-radius:var(--radius,18px);overflow:auto;max-height:calc(100dvh - 40px);
  box-shadow:var(--shadow,0 24px 70px rgba(0,0,0,.28));
  transform:translateY(14px) scale(.985);transition:transform .24s cubic-bezier(.2,.8,.25,1)}
.wf-welcome.is-on .wf-welcome__card{transform:none}
.wf-welcome__art{display:block;width:100%;aspect-ratio:16/9;max-height:34dvh;object-fit:cover}
.wf-x{position:sticky;float:right;top:10px;right:10px;z-index:2;width:36px;height:36px;
  display:grid;place-items:center;border:0;border-radius:50%;background:rgba(3,8,19,.72);
  color:#fff;font-size:19px;line-height:1;cursor:pointer}
.wf-x:hover{background:rgba(3,8,19,.92)}
.wf-welcome__body{padding:20px 22px 22px}
.wf-eyebrow{display:inline-block;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;color:var(--cyan,#57d8f6)}
.wf-welcome__body h2{margin:10px 0 8px;font-size:1.48rem;line-height:1.2}
.wf-welcome__body p{margin:0 0 14px;font-size:.92rem;line-height:1.55;color:var(--muted,#9eafbf)}
.wf-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;
  min-height:50px;border-radius:12px;background:var(--cyan,#57d8f6);color:#042030;
  font-weight:700;font-size:.94rem;text-decoration:none}
.wf-cta:hover{background:#7ce3fa}
.wf-no{display:block;width:100%;margin-top:9px;padding:9px;border:0;background:none;cursor:pointer;
  font:inherit;font-size:.82rem;color:var(--muted,#9eafbf);text-decoration:underline;text-underline-offset:3px}
.wf-no:hover{color:var(--ink,#f4f8fb)}
.wf-fine{margin:12px 0 0;font-size:.69rem;line-height:1.5;color:var(--muted,#9eafbf)}
.wf-fine a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* ---------- B: Lesefortschritt ---------- */
.wf-progress{position:fixed;left:0;right:0;bottom:0;z-index:140;background:var(--panel-2,#102238);
  border-top:1px solid var(--line,rgba(153,194,220,.18));
  transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.25,1)}
.wf-progress.is-on{transform:none}
.wf-progress__bar{height:3px;background:var(--cyan,#57d8f6);width:0;transition:width .12s linear}
.wf-progress__row{display:flex;align-items:center;gap:12px;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.wf-progress__text{flex:1;min-width:0;margin:0;font-size:.84rem;line-height:1.4;color:var(--ink,#f4f8fb)}
.wf-progress__text b{color:var(--cyan,#57d8f6)}
.wf-progress .wf-cta{flex:none;width:auto;min-height:42px;padding:0 18px;font-size:.82rem}
.wf-progress .wf-x{position:static;float:none;width:32px;height:32px;font-size:16px;
  background:rgba(255,255,255,.08)}
.wf-progress .wf-x:hover{background:rgba(255,255,255,.18)}

@media(max-width:600px){
  .wf-welcome__body{padding:16px 16px 18px}
  .wf-welcome__body h2{font-size:1.28rem}
  .wf-progress__row{gap:9px;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}
  .wf-progress__text{font-size:.76rem}
  .wf-progress .wf-cta{padding:0 13px;font-size:.76rem}
}
@media(prefers-reduced-motion:reduce){.wf-welcome,.wf-welcome__card,.wf-progress,.wf-progress__bar{transition:none}}