/* Förderwand – Unterstützerfliesen (Premium-Layout) */
:root{
  --fw-bg: #0f172a;
  --fw-card: #0b1227;
  --fw-text: #e5e7eb;
  --fw-muted: #9aa4b2;
  --fw-bronze: #b87333;
  --fw-silber: #9ea7ad;
  --fw-gold: #d4af37;
  --fw-platin: #8fd3e8;
  --fw-free: #93a3b8;
  --fw-highlight: linear-gradient(135deg,#111827 0%,#0b1227 100%);
  --fw-tile-grad: linear-gradient(165deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  --fw-shadow: 0 12px 30px rgba(2,6,23,.28);
  --fw-radius: 18px;
}
@media (prefers-color-scheme: light){
  :root{
    --fw-bg: #f6f7fb;
    --fw-card: #ffffff;
    --fw-text: #0b1227;
    --fw-muted: #667085;
    --fw-shadow: 0 10px 24px rgba(2,6,23,.08);
    --fw-highlight: linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);
    --fw-tile-grad: linear-gradient(165deg, rgba(2,6,23,.03), rgba(2,6,23,.00));
  }
}
.fw-wrap{max-width:1120px;margin:0 auto;padding:24px clamp(12px, 3vw, 24px) 40px;color:var(--fw-text)}
.fw-head{background:var(--fw-highlight);border-radius:calc(var(--fw-radius) + 6px);padding:clamp(16px, 3vw, 28px);margin-bottom:18px;box-shadow:var(--fw-shadow);position:relative;overflow:hidden;isolation:isolate}
.fw-head:after{content:\"\";position:absolute;inset:-40% -20% auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(closest-side, rgba(143,211,232,.22), transparent 60%);transform:translate(10%,-30%);filter:blur(4px);z-index:-1}
.fw-head h2{margin:0 0 6px;font-size:clamp(1.35rem, 2.8vw, 2rem);letter-spacing:.2px}
.fw-counter{margin:0;color:var(--fw-muted);display:flex;align-items:center;gap:10px;font-size:.975rem}
.fw-progress{width:100%;height:10px;background:rgba(148,163,184,.25);border-radius:999px;overflow:hidden;margin-top:10px}
.fw-progress > .bar{width:0%;height:100%;background:linear-gradient(90deg, var(--fw-platin), var(--fw-gold), var(--fw-bronze));border-radius:inherit;transition:width 900ms cubic-bezier(.2,.7,.2,1)}
.fw-grid{display:grid;grid-template-columns:repeat(var(--fw-cols,5), minmax(0,1fr));gap:16px;margin-top:18px}
.fw-tile{background:var(--fw-card);background-image:var(--fw-tile-grad);border:1px solid rgba(148,163,184,.20);border-radius:var(--fw-radius);min-height:140px;padding:18px 14px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--fw-shadow);position:relative;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.fw-tile:focus-within,.fw-tile:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(2,6,23,.35);border-color:rgba(143,211,232,.45)}
.fw-badge{position:absolute;top:10px;left:10px;font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:999px;color:#0b1227;background:#e5e7eb;letter-spacing:.2px;box-shadow:0 2px 8px rgba(2,6,23,.25)}
.tier-bronze .fw-badge{background:var(--fw-bronze);color:#1e1b16}
.tier-silber .fw-badge{background:var(--fw-silber);color:#0b1227}
.tier-gold   .fw-badge{background:var(--fw-gold);color:#1a1500}
.tier-platin .fw-badge{background:var(--fw-platin);color:#082129}
.fw-logo{max-width:68px;max-height:68px;object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.22))}
.fw-name{font-weight:700;line-height:1.15;letter-spacing:.2px;font-size:clamp(.98rem, 1.6vw, 1.08rem)}
.fw-widmung{margin-top:6px;color:var(--fw-muted);font-size:.9rem}
.is-frei{background:transparent;border:2px dashed rgba(148,163,184,.45);color:var(--fw-free);box-shadow:none}
.is-frei .fw-name{font-weight:600}
.is-frei:hover{border-color:var(--fw-platin);color:var(--fw-platin)}
.fw-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px;color:var(--fw-muted);align-items:center}
.fw-legend .dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px}
.fw-legend .bronze{background:var(--fw-bronze)}
.fw-legend .silber{background:var(--fw-silber)}
.fw-legend .gold  {background:var(--fw-gold)}
.fw-legend .platin{background:var(--fw-platin)}
.fw-legend .frei  {background:var(--fw-free)}
@media (max-width:880px){.fw-grid{grid-template-columns:repeat(3, 1fr)}}
@media (max-width:640px){.fw-grid{grid-template-columns:repeat(2, 1fr)}.fw-head{padding:14px 16px}}