:root{--fl-cyan:#10d8ff;--fl-blue:#078df6;--fl-deep:#020b14;--fl-panel:rgba(4,19,31,.91);--fl-line:rgba(22,207,255,.25);--fl-muted:#8fa8ba;--fl-green:#20e676;--fl-gold:#ffd029}*{box-sizing:border-box}html{scroll-behavior:smooth}.fl3-body{margin:0!important;min-height:100vh!important;background:#020b14!important;color:#ecf9ff!important;font-family:Inter,'Segoe UI',Arial,sans-serif!important;overflow-x:hidden}.fl3-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 55% -20%,rgba(0,174,255,.18),transparent 35%),linear-gradient(180deg,#020b14,#031522 48%,#020a12)}.fl3-bg span{position:absolute;border-radius:50%;filter:blur(90px);opacity:.13}.fl3-bg span:nth-child(1){width:320px;height:320px;background:#00cfff;left:-120px;top:22%}.fl3-bg span:nth-child(2){width:420px;height:420px;background:#0076ff;right:-180px;top:5%}.fl3-bg span:nth-child(3){width:300px;height:300px;background:#00ffc8;left:40%;bottom:-180px}.fl3-topbar{height:76px;padding:0 32px;display:flex;align-items:center;gap:28px;border-bottom:1px solid rgba(25,209,255,.16);background:rgba(1,8,14,.94);backdrop-filter:blur(20px);position:sticky;top:0;z-index:1000}.fl3-brand{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important;min-width:214px}.fl3-mark{width:44px;height:48px;display:grid;place-items:center;position:relative;transform:skew(-8deg);filter:drop-shadow(0 0 13px rgba(16,216,255,.7))}.fl3-mark:before,.fl3-mark:after{content:"";position:absolute;inset:3px;border:2px solid var(--fl-cyan);clip-path:polygon(50% 0,100% 24%,88% 82%,50% 100%,10% 82%,0 24%)}.fl3-mark:after{inset:8px;border-color:#1187ff}.fl3-mark b,.fl3-mark i{font-size:18px;position:absolute;font-style:normal;z-index:2}.fl3-mark b{left:12px;top:12px}.fl3-mark i{right:10px;bottom:9px;color:var(--fl-cyan)}.fl3-brand-copy{display:flex;flex-direction:column}.fl3-brand-copy strong{font-size:19px;letter-spacing:.03em}.fl3-brand-copy small{font-size:7px;letter-spacing:.22em;color:#66879d}.fl3-nav{display:flex;align-self:stretch;align-items:center;gap:4px;flex:1}.fl3-nav-link{height:100%;display:flex;align-items:center;padding:0 13px;color:#a9bbc8!important;text-decoration:none!important;font-size:12px;font-weight:800;text-transform:uppercase;position:relative;white-space:nowrap}.fl3-nav-link:hover{color:#fff!important;text-shadow:0 0 14px var(--fl-cyan)}.fl3-nav-link:hover:after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;background:var(--fl-cyan);box-shadow:0 0 13px var(--fl-cyan)}.fl3-actions{display:flex;align-items:center;gap:10px}.fl3-action{height:40px;padding:0 14px;display:flex;align-items:center;gap:8px;border:1px solid rgba(20,195,255,.18);border-radius:6px;background:#061724;color:var(--fl-cyan)!important;text-decoration:none!important;text-transform:uppercase;font-weight:800;font-size:11px;cursor:pointer}.fl3-action:hover{border-color:var(--fl-cyan);box-shadow:0 0 18px rgba(0,211,255,.16)}.fl3-profile{display:flex;align-items:center;gap:9px;color:#fff!important;text-decoration:none!important;margin-left:7px}.fl3-profile img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid rgba(16,216,255,.28)}.fl3-profile span{display:flex;flex-direction:column}.fl3-profile b{font-size:12px}.fl3-profile small{font-size:9px;color:#ff4c67;font-weight:900}.fl3-login i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#082030;color:var(--fl-cyan)}.fl3-menu-button{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--fl-line);background:#061724;color:var(--fl-cyan);border-radius:7px}.fl3-page-wrap{max-width:1450px;margin:0 auto;padding:0 24px}.fl3-home{padding:0 0 34px}.fl3-hero{min-height:410px;position:relative;display:flex;align-items:center;padding:46px 330px 42px 8px;overflow:hidden;border-bottom:1px solid rgba(15,205,255,.12)}.fl3-hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#020b14 0%,rgba(2,11,20,.54) 36%,rgba(2,11,20,.12) 72%,#020b14 100%),url('/bilder/funlegacyrevolution.png') center 38%/cover no-repeat;filter:saturate(1.15) contrast(1.07)}.fl3-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 54% 45%,rgba(0,194,255,.24),transparent 35%),linear-gradient(180deg,transparent 60%,#020b14 100%)}.fl3-hero-copy{position:relative;z-index:2;max-width:650px}.fl3-kicker{font-size:15px;color:var(--fl-cyan);letter-spacing:.28em;font-weight:900}.fl3-hero h1{font-size:68px;line-height:.95;margin:18px 0 18px;color:#f4f8fb;letter-spacing:-.04em;text-shadow:0 4px 0 #7a8994,0 0 26px rgba(16,216,255,.22)}.fl3-hero h1 span{color:var(--fl-cyan);text-shadow:0 0 24px rgba(16,216,255,.55)}.fl3-hero-copy>p{font-size:16px;line-height:1.55;color:#b7cad6;margin:0 0 26px}.fl3-hero-buttons{display:flex;gap:14px}.fl3-primary,.fl3-secondary{min-width:218px;height:53px;border-radius:6px;border:1px solid rgba(16,216,255,.3);display:flex;align-items:center;justify-content:center;gap:13px;color:#fff!important;text-decoration:none!important;cursor:pointer}.fl3-primary{background:linear-gradient(135deg,#078df6,#10cfff);box-shadow:0 10px 30px rgba(0,150,255,.28)}.fl3-secondary{background:rgba(5,25,39,.9)}.fl3-primary span,.fl3-secondary span{display:flex;flex-direction:column}.fl3-primary b,.fl3-secondary b{font-size:13px}.fl3-primary small,.fl3-secondary small{font-size:9px;color:#b9d4e5;margin-top:2px}.fl3-network-status{display:flex;gap:30px;margin-top:25px;flex-wrap:wrap}.fl3-network-status>div{display:flex;align-items:center;gap:10px}.fl3-network-status i{color:var(--fl-green);filter:drop-shadow(0 0 6px currentColor)}.fl3-network-status span{display:flex;flex-direction:column}.fl3-network-status b{font-size:12px}.fl3-network-status em{font-style:normal;color:var(--fl-green)}.fl3-network-status small{font-size:10px;color:#97aab8}.fl3-network-status .beta i,.fl3-network-status .beta em{color:var(--fl-gold)}.fl3-server-card{position:absolute;right:0;top:44px;width:300px;z-index:3;border:1px solid var(--fl-line);border-radius:9px;background:rgba(3,18,29,.92);box-shadow:0 20px 45px rgba(0,0,0,.34);overflow:hidden}.fl3-card-head{height:55px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.fl3-card-head h2,.fl3-panel-head h2{font-size:14px;margin:0;color:var(--fl-cyan);font-weight:900}.fl3-card-head span{font-size:9px;background:#09283b;color:var(--fl-cyan);padding:6px 8px;border-radius:4px}.fl3-server-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.05)}.fl3-server-row>i{width:30px;height:30px;border-radius:50%;background:#0a3144;color:var(--fl-cyan);display:grid;place-items:center}.fl3-server-row span{display:flex;flex-direction:column}.fl3-server-row b{font-size:11px}.fl3-server-row small{font-size:8px;color:#7891a2;margin-top:3px}.fl3-server-row>strong{font-size:12px;color:#70e9ff}.fl3-server-row>strong small{font-size:9px}.fl3-card-button{margin:15px;display:flex;height:38px;align-items:center;justify-content:center;background:#0a2436;color:#dcebf4!important;text-decoration:none!important;font-size:10px;font-weight:900;border-radius:5px}.fl3-mode-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;padding:14px 0 20px}.fl3-mode{min-height:76px;border:1px solid var(--fl-line);background:rgba(3,18,29,.88);border-radius:7px;padding:15px;display:flex;align-items:center;gap:14px;text-decoration:none!important;color:#fff!important;transition:.2s}.fl3-mode:hover{transform:translateY(-3px);border-color:var(--fl-cyan);box-shadow:0 10px 28px rgba(0,167,255,.15)}.fl3-mode i{width:34px;text-align:center;font-size:23px;color:var(--fl-cyan);filter:drop-shadow(0 0 8px rgba(16,216,255,.5))}.fl3-mode span{display:flex;flex-direction:column}.fl3-mode b{font-size:11px;color:var(--fl-cyan)}.fl3-mode small{font-size:10px;color:#95aabb;margin-top:4px}.fl3-dashboard{display:grid;grid-template-columns:.92fr 1.18fr .92fr;gap:17px}.fl3-panel{min-height:330px;border:1px solid var(--fl-line);background:var(--fl-panel);border-radius:8px;overflow:hidden;position:relative}.fl3-panel-head{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.06)}.fl3-panel-head a{font-size:9px;color:#b9ccda!important;text-decoration:none!important;padding:7px 9px;background:#0b2738;border-radius:4px}.fl3-news-item{display:flex;align-items:center;gap:13px;padding:15px 18px;color:#fff!important;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.06)}.fl3-news-item:hover{background:rgba(16,216,255,.035)}.fl3-news-thumb{width:52px;height:46px;border-radius:5px;background:linear-gradient(135deg,#0a3852,#0873af);display:grid;place-items:center;color:var(--fl-cyan)}.fl3-news-item>span:last-child{display:flex;flex-direction:column}.fl3-news-item b{font-size:11px}.fl3-news-item small{font-size:9px;color:#7793a5;margin-top:6px;text-transform:uppercase}.fl3-update-panel{background:radial-gradient(circle at 80% 50%,rgba(0,151,255,.3),transparent 40%),linear-gradient(135deg,#061b2d,#071322)}.fl3-update-copy{padding:23px;position:relative;z-index:2;width:64%}.fl3-update-copy>span{display:inline-block;padding:6px 9px;border-radius:4px;background:#07344a;color:var(--fl-cyan);font-size:9px;font-weight:900}.fl3-update-copy h2{font-size:27px;line-height:1.04;color:var(--fl-gold);margin:14px 0 15px}.fl3-update-copy h2 em{font-style:normal;color:var(--fl-cyan)}.fl3-update-copy ul{list-style:none;padding:0;margin:0 0 15px}.fl3-update-copy li{font-size:11px;color:#c4d4de;margin:8px 0}.fl3-update-copy li:before{content:'✓';color:var(--fl-cyan);margin-right:8px}.fl3-update-copy a{display:inline-flex;padding:10px 17px;border:1px solid rgba(16,216,255,.35);border-radius:5px;color:#e8f7ff!important;text-decoration:none!important;font-size:9px;font-weight:900}.fl3-warrior{position:absolute;right:5%;bottom:0;width:42%;height:92%;filter:drop-shadow(0 0 22px rgba(0,180,255,.35))}.fl3-body-shape{position:absolute;right:18%;bottom:0;width:54%;height:73%;background:linear-gradient(145deg,#1fcfff,#0967b5 40%,#072841 70%);clip-path:polygon(37% 0,67% 8%,72% 28%,100% 53%,82% 66%,88% 100%,24% 100%,15% 73%,0 54%,27% 31%);box-shadow:inset -18px -16px 0 rgba(2,12,26,.42)}.fl3-body-shape:before{content:'';position:absolute;width:60%;height:26%;top:3%;left:22%;background:linear-gradient(135deg,#63eaff,#0d6fab);clip-path:polygon(10% 0,100% 20%,86% 90%,0 100%)}.fl3-sword{position:absolute;width:13px;height:82%;right:67%;bottom:11%;background:linear-gradient(90deg,#69eaff,#eefcff,#0879cf);transform:rotate(24deg);box-shadow:0 0 18px #16d8ff}.fl3-sword:after{content:'';position:absolute;width:70px;height:11px;left:-29px;bottom:14%;background:#ffc52a;transform:rotate(0)}.fl3-stats-panel{padding-bottom:15px}.fl3-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:#a9bdca;font-size:11px}.fl3-stat i{width:20px;color:var(--fl-cyan)}.fl3-stat b{color:#fff}.fl3-chart{height:75px;width:calc(100% - 35px);margin:10px 17px 0;overflow:visible}.fl3-chart polyline{fill:none;stroke:var(--fl-cyan);stroke-width:2;filter:drop-shadow(0 0 6px var(--fl-cyan))}.fl3-trustbar{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:22px;padding:19px 12px;border-top:1px solid var(--fl-line);border-bottom:1px solid rgba(16,216,255,.08)}.fl3-trustbar>div{display:flex;align-items:center;gap:11px}.fl3-trustbar i{width:38px;height:38px;border-radius:50%;border:1px solid var(--fl-line);display:grid;place-items:center;color:var(--fl-cyan);background:#061a2a}.fl3-trustbar span{display:flex;flex-direction:column}.fl3-trustbar b{font-size:10px;color:#bdd3df}.fl3-trustbar small{font-size:9px;color:#718b9b;margin-top:3px}.fl3-footer{max-width:1450px;margin:0 auto;padding:30px 24px 40px;display:flex;align-items:center;justify-content:space-between;color:#7893a3}.fl3-footer>div{display:flex;align-items:center;gap:13px}.fl3-mark-small{transform:scale(.7) skew(-8deg);margin:-5px}.fl3-footer p{margin:0}.fl3-footer strong{color:#fff}.fl3-footer nav{display:flex;gap:20px;flex-wrap:wrap}.fl3-footer a{color:#809bab!important;text-decoration:none!important;font-size:11px}.fl3-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);padding:12px 18px;border:1px solid var(--fl-line);background:#061b2b;color:#fff;border-radius:6px;opacity:0;pointer-events:none;z-index:9999;transition:.2s}.fl3-toast.show{opacity:1;transform:translate(-50%,0)}.fl3-page-wrap>.ui.header,.fl3-page-wrap>h2.ui.header{color:#fff!important;margin-top:30px!important}.fl3-page-wrap .ui.segment,.fl3-page-wrap .ui.card,.fl3-page-wrap .ui.table,.fl3-page-wrap .ui.menu{background:rgba(4,19,31,.92)!important;color:#d8e9f2!important;border-color:rgba(16,216,255,.16)!important;box-shadow:none!important}.fl3-page-wrap .ui.header,.fl3-page-wrap .ui.card>.content>.header,.fl3-page-wrap .ui.table thead th{color:#f0faff!important}.fl3-page-wrap .ui.segment a,.fl3-page-wrap .ui.card a{color:var(--fl-cyan)}.fl3-page-wrap .ui.input input,.fl3-page-wrap textarea,.fl3-page-wrap select{background:#061825!important;color:#fff!important;border:1px solid rgba(16,216,255,.18)!important}.fl3-page-wrap .ui.primary.button,.fl3-page-wrap .ui.blue.button{background:linear-gradient(135deg,#078df6,#10cfff)!important}@media(max-width:1250px){.fl3-topbar{padding:0 18px;gap:16px}.fl3-brand{min-width:175px}.fl3-brand-copy small{display:none}.fl3-nav-link{padding:0 8px;font-size:10px}.fl3-action span{display:none}.fl3-action{width:40px;justify-content:center}.fl3-hero h1{font-size:56px}.fl3-mode-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:920px){.fl3-menu-button{display:block}.fl3-nav{position:absolute;left:14px;right:14px;top:76px;display:none;height:auto;flex-direction:column;align-items:stretch;padding:10px;background:#03131f;border:1px solid var(--fl-line);border-radius:7px}.fl3-nav.open{display:flex}.fl3-nav-link{height:42px}.fl3-actions{margin-left:auto}.fl3-profile span{display:none}.fl3-hero{padding-right:8px;padding-bottom:390px}.fl3-server-card{left:8px;right:8px;top:auto;bottom:28px;width:auto}.fl3-dashboard{grid-template-columns:1fr}.fl3-panel{min-height:300px}.fl3-trustbar{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.fl3-topbar{height:66px}.fl3-brand-copy{display:none}.fl3-brand{min-width:auto}.fl3-actions .fl3-action{display:none}.fl3-page-wrap{padding:0 12px}.fl3-hero{min-height:710px;padding-top:36px}.fl3-hero h1{font-size:42px}.fl3-kicker{font-size:11px}.fl3-hero-buttons{flex-direction:column}.fl3-primary,.fl3-secondary{width:100%}.fl3-network-status{gap:15px}.fl3-mode-grid{grid-template-columns:1fr 1fr}.fl3-mode{padding:12px}.fl3-update-copy{width:72%}.fl3-warrior{right:-5%;width:45%}.fl3-trustbar{grid-template-columns:1fr}.fl3-footer{flex-direction:column;align-items:flex-start;gap:22px}}

/* =========================================================
   FUNLEGACY EPIC V3.0.3
   STATUS + FUNBUILDER NAVIGATION
   ========================================================= */

.fl3-nav-highlight {
  color: #18d7ff !important;
  background: rgba(24, 215, 255, 0.07);
  border-left: 1px solid rgba(24, 215, 255, 0.18);
  border-right: 1px solid rgba(24, 215, 255, 0.18);
}

.fl3-nav-highlight i {
  margin-right: 7px;
  font-size: 12px;
}

.fl3-nav-highlight:hover {
  color: #ffffff !important;
  background: rgba(24, 215, 255, 0.14);
  box-shadow: inset 0 -2px 0 #18d7ff;
}

@media (max-width: 1400px) {
  .fl3-topbar {
    gap: 14px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .fl3-brand {
    min-width: 180px;
  }

  .fl3-nav-link {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 10px;
  }
}

@media (max-width: 920px) {
  .fl3-nav-highlight {
    border: 1px solid rgba(24, 215, 255, 0.18);
    border-radius: 6px;
  }
}
/* =========================================================
   FUNLEGACY HALL OF FAME EPIC V1.2
   Diesen gesamten Block ans Ende von epic-v3.css kopieren.
   ========================================================= */
.flh{
  --bg:#020910;--surface:#061522;--surface2:#0a1d2d;--line:rgba(34,211,238,.18);
  --cyan:#22d3ee;--blue:#168bff;--gold:#f6c744;--gold2:#ff9f1c;--purple:#9d6cff;
  --text:#f6fbff;--muted:#93aabd;
  max-width:1500px;margin:0 auto 60px;border-radius:26px;overflow:hidden;
  color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 50% -12%,rgba(246,199,68,.15),transparent 30%),
    radial-gradient(circle at 15% 55%,rgba(34,211,238,.08),transparent 24%),
    linear-gradient(180deg,#020910,#04131e 52%,#020910);
  border:1px solid rgba(34,211,238,.1);box-shadow:0 38px 110px rgba(0,0,0,.55)
}
.flh *{box-sizing:border-box}.flh-wrap{width:min(1340px,93%);margin:auto}
.flh-hero{
  position:relative;min-height:520px;display:grid;place-items:center;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(2,9,16,.08),#020910 96%),
    linear-gradient(90deg,rgba(2,9,16,.86),rgba(2,9,16,.12) 50%,rgba(2,9,16,.86)),
    url('/bilder/funlegacyrevolution.png') center/cover no-repeat
}
.flh-hero:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent)
}
.flh-hero:after{
  content:"";position:absolute;width:590px;height:590px;border-radius:50%;
  border:1px solid rgba(246,199,68,.15);
  box-shadow:0 0 0 50px rgba(246,199,68,.02),0 0 0 100px rgba(246,199,68,.01),0 0 110px rgba(246,199,68,.18);
  animation:flhPulse 5s ease-in-out infinite
}
@keyframes flhPulse{50%{transform:scale(1.055);opacity:.72}}
.flh-hero-content{position:relative;z-index:2;text-align:center;padding:75px 20px}
.flh-eyebrow{
  display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:999px;
  color:var(--gold);border:1px solid rgba(246,199,68,.25);background:rgba(18,15,5,.38);
  backdrop-filter:blur(14px);font-size:11px;font-weight:900;letter-spacing:.24em
}
.flh-eyebrow svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.flh-title{margin:25px 0 14px;font-size:clamp(58px,7.5vw,105px);line-height:.88;letter-spacing:-.06em;font-weight:1000;text-transform:uppercase;text-shadow:0 14px 44px #000}
.flh-title span{background:linear-gradient(180deg,#fff6a6,#f6c744 58%,#ff9f1c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(246,199,68,.28))}
.flh-subtitle{margin:0;color:#c4d4dd;font-size:18px;letter-spacing:.09em}
.flh-divider{width:140px;height:5px;border-radius:99px;margin:25px auto 0;background:linear-gradient(90deg,var(--gold2),var(--gold));box-shadow:0 0 22px rgba(246,199,68,.6)}
.flh-stats{
  position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  margin-top:-42px;margin-bottom:34px
}
.flh-stat{
  padding:20px;border-radius:16px;text-align:center;
  background:linear-gradient(180deg,rgba(15,28,39,.96),rgba(5,17,27,.97));
  border:1px solid var(--line);box-shadow:0 22px 60px rgba(0,0,0,.4);backdrop-filter:blur(18px)
}
.flh-stat b{display:block;font-size:30px;color:#fff}.flh-stat small{color:var(--muted)}
.flh-section-head{display:flex;align-items:center;gap:14px;margin:48px 0 20px}
.flh-section-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:var(--gold);background:rgba(246,199,68,.08);border:1px solid rgba(246,199,68,.28);box-shadow:0 0 24px rgba(246,199,68,.12)}
.flh-section-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8}
.flh-section-title h2{margin:0;font-size:23px;color:var(--gold);text-transform:uppercase;letter-spacing:.04em}.flh-section-title p{margin:5px 0 0;color:var(--muted)}
.flh-section-rule{height:1px;flex:1;background:linear-gradient(90deg,var(--gold),transparent)}
.flh-podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:18px;align-items:end;margin-bottom:38px}
.flh-podium-card{
  position:relative;min-height:330px;padding:28px 24px;border-radius:22px;text-align:center;overflow:hidden;
  background:linear-gradient(180deg,rgba(18,30,42,.98),rgba(5,16,26,.98));
  border:1px solid rgba(246,199,68,.28);box-shadow:0 22px 65px rgba(0,0,0,.45)
}
.flh-podium-card.main{min-height:380px;border-color:rgba(246,199,68,.6);box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 38px rgba(246,199,68,.13)}
.flh-podium-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 5%,rgba(246,199,68,.16),transparent 40%)}
.flh-crown{position:relative;z-index:2;width:48px;height:48px;margin:0 auto 10px;color:var(--gold)}.flh-crown svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8}
.flh-podium-avatar{position:relative;z-index:2;width:120px;height:120px;border-radius:22px;border:4px solid #fff;box-shadow:0 18px 40px rgba(0,0,0,.42)}
.flh-podium-card.main .flh-podium-avatar{width:145px;height:145px;border-color:var(--gold)}
.flh-podium-card h3{position:relative;z-index:2;margin:18px 0 5px;font-size:24px}.flh-podium-card p{position:relative;z-index:2;margin:0;color:var(--muted)}
.flh-sponsor-badge{position:relative;z-index:2;display:inline-block;margin-top:14px;padding:7px 11px;border-radius:999px;background:rgba(246,199,68,.1);border:1px solid rgba(246,199,68,.28);color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.08em}
.flh-toolbar{display:grid;grid-template-columns:1fr auto;gap:14px;margin-bottom:20px;padding:15px;border-radius:15px;background:linear-gradient(180deg,rgba(9,30,45,.95),rgba(4,17,27,.96));border:1px solid var(--line)}
.flh-search{position:relative}.flh-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--cyan);fill:none;stroke-width:1.9}
.flh-search input{width:100%;height:44px;padding:0 15px 0 43px;border-radius:9px;background:#061825;color:#fff;border:1px solid rgba(34,211,238,.14);outline:none}
.flh-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.flh-filter{height:38px;padding:0 13px;border-radius:8px;border:1px solid rgba(34,211,238,.12);background:#081d2b;color:#a9bfca;font-size:10px;font-weight:800;cursor:pointer}
.flh-filter.active,.flh-filter:hover{color:#fff;border-color:var(--cyan);background:rgba(34,211,238,.1)}
.flh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-bottom:50px}
.flh-card{
  --accent:var(--cyan);position:relative;min-height:290px;padding:18px;border-radius:20px;overflow:hidden;
  background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 36%),linear-gradient(180deg,rgba(12,29,43,.98),rgba(4,15,25,.98));
  border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);box-shadow:0 18px 52px rgba(0,0,0,.4);transition:.28s
}
.flh-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 30px 75px rgba(0,0,0,.55),0 0 30px color-mix(in srgb,var(--accent) 16%,transparent)}
.flh-streamer{--accent:var(--purple)}.flh-rank{position:absolute;right:14px;top:12px;font-size:11px;color:#6f8796;font-weight:900}
.flh-avatar-wrap{position:relative;width:110px;height:110px;margin:18px auto 16px}.flh-avatar{position:relative;z-index:2;width:100%;height:100%;border-radius:20px;object-fit:cover;border:3px solid #fff;box-shadow:0 16px 36px rgba(0,0,0,.45)}
.flh-ring{position:absolute;inset:-7px;border-radius:24px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 20%,transparent)}
.flh-card-body{text-align:center}.flh-badge{display:inline-block;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);font-size:9px;font-weight:900;text-transform:uppercase}
.flh-card h3{margin:12px 0 8px;font-size:19px}.flh-card p{margin:0;color:#9fb5c1;font-size:12px;line-height:1.5}
.flh-meta{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:14px}.flh-meta span{padding:6px 8px;border-radius:7px;background:#071b28;border:1px solid rgba(255,255,255,.05);color:#9fb5c1;font-size:9px}
@media(max-width:1100px){.flh-grid{grid-template-columns:repeat(3,1fr)}.flh-podium{grid-template-columns:1fr}.flh-podium-card.main{order:-1}}
@media(max-width:760px){.flh{border-radius:0}.flh-stats{grid-template-columns:1fr}.flh-toolbar{grid-template-columns:1fr}.flh-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.flh-grid{grid-template-columns:1fr}}

/* FUNLEGACY HALL OF FAME SAFE V2 */
.flhs {
  --flhs-cyan: #22d3ee;
  --flhs-blue: #168bff;
  --flhs-gold: #f6c744;
  --flhs-purple: #9d6cff;
  --flhs-text: #f6fbff;
  --flhs-muted: #93aabd;
  max-width: 1500px;
  margin: 0 auto 60px;
  overflow: hidden;
  border: 1px solid rgba(34, 211, 238, 0.1);
  border-radius: 26px;
  background:
    radial-gradient(circle at 50% -12%, rgba(246, 199, 68, 0.15), transparent 30%),
    radial-gradient(circle at 15% 55%, rgba(34, 211, 238, 0.08), transparent 24%),
    linear-gradient(180deg, #020910, #04131e 52%, #020910);
  box-shadow: 0 38px 110px rgba(0, 0, 0, 0.55);
  color: var(--flhs-text);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.flhs * {
  box-sizing: border-box;
}

.flhs-wrap {
  width: min(1340px, 93%);
  margin: 0 auto;
}

.flhs-hero {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(2, 9, 16, 0.08), #020910 96%),
    linear-gradient(90deg, rgba(2, 9, 16, 0.86), rgba(2, 9, 16, 0.12) 50%, rgba(2, 9, 16, 0.86)),
    url('/bilder/funlegacyrevolution.png') center / cover no-repeat;
}

.flhs-hero::before {
  content: "";
  position: absolute;
  width: 590px;
  height: 590px;
  border: 1px solid rgba(246, 199, 68, 0.15);
  border-radius: 50%;
  box-shadow:
    0 0 0 50px rgba(246, 199, 68, 0.02),
    0 0 0 100px rgba(246, 199, 68, 0.01),
    0 0 110px rgba(246, 199, 68, 0.18);
  animation: flhsPulse 5s ease-in-out infinite;
}

@keyframes flhsPulse {
  50% {
    transform: scale(1.055);
    opacity: 0.72;
  }
}

.flhs-hero-inner {
  position: relative;
  z-index: 2;
  padding: 70px 20px;
  text-align: center;
}

.flhs-kicker {
  display: inline-block;
  padding: 10px 16px;
  border: 1px solid rgba(246, 199, 68, 0.25);
  border-radius: 999px;
  background: rgba(18, 15, 5, 0.5);
  color: var(--flhs-gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.22em;
}

.flhs-hero h1 {
  margin: 25px 0 14px;
  font-size: clamp(58px, 7.5vw, 105px);
  line-height: 0.88;
  font-weight: 1000;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  text-shadow: 0 14px 44px #000;
}

.flhs-hero h1 span {
  color: var(--flhs-gold);
  text-shadow: 0 0 24px rgba(246, 199, 68, 0.28);
}

.flhs-hero p {
  margin: 0;
  color: #c4d4dd;
  font-size: 18px;
  letter-spacing: 0.08em;
}

.flhs-hero-line {
  width: 140px;
  height: 5px;
  margin: 25px auto 0;
  border-radius: 99px;
  background: linear-gradient(90deg, #ff9f1c, var(--flhs-gold));
  box-shadow: 0 0 22px rgba(246, 199, 68, 0.6);
}

.flhs-stats {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: -42px;
  margin-bottom: 40px;
}

.flhs-stat {
  padding: 22px;
  border: 1px solid rgba(34, 211, 238, 0.18);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(15, 28, 39, 0.97), rgba(5, 17, 27, 0.98));
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.4);
  text-align: center;
}

.flhs-stat b {
  display: block;
  font-size: 30px;
}

.flhs-stat span {
  color: var(--flhs-muted);
  font-size: 12px;
}

.flhs-heading {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 50px 0 24px;
}

.flhs-heading h2 {
  margin: 0;
  color: var(--flhs-gold);
  font-size: 23px;
  letter-spacing: 0.04em;
}

.flhs-heading p {
  margin: 5px 0 0;
  color: var(--flhs-muted);
}

.flhs-heading-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--flhs-gold), transparent);
}

.flhs-heading-blue h2 {
  color: var(--flhs-cyan);
}

.flhs-heading-blue .flhs-heading-line {
  background: linear-gradient(90deg, var(--flhs-cyan), transparent);
}

.flhs-podium {
  display: grid;
  grid-template-columns: 1fr 1.15fr 1fr;
  gap: 18px;
  align-items: end;
}

.flhs-podium-card {
  position: relative;
  min-height: 320px;
  padding: 28px 22px;
  overflow: hidden;
  border: 1px solid rgba(246, 199, 68, 0.25);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 0, rgba(246, 199, 68, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(18, 30, 42, 0.98), rgba(5, 16, 26, 0.98));
  box-shadow: 0 22px 65px rgba(0, 0, 0, 0.45);
  text-align: center;
}

.flhs-podium-main {
  min-height: 370px;
  border-color: rgba(246, 199, 68, 0.6);
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.55),
    0 0 38px rgba(246, 199, 68, 0.13);
}

.flhs-podium-card img {
  width: 120px;
  height: 120px;
  margin-top: 22px;
  border: 4px solid white;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.42);
}

.flhs-podium-main img {
  width: 145px;
  height: 145px;
  border-color: var(--flhs-gold);
}

.flhs-place {
  display: block;
  color: var(--flhs-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.flhs-podium-card h3 {
  margin: 18px 0 5px;
  font-size: 24px;
}

.flhs-podium-card p {
  margin: 0;
  color: var(--flhs-muted);
}

.flhs-gold-badge {
  display: inline-block;
  margin-top: 15px;
  padding: 7px 12px;
  border: 1px solid rgba(246, 199, 68, 0.3);
  border-radius: 999px;
  background: rgba(246, 199, 68, 0.1);
  color: var(--flhs-gold);
  font-size: 10px;
  font-weight: 900;
}

.flhs-toolbar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid rgba(34, 211, 238, 0.18);
  border-radius: 15px;
  background: linear-gradient(180deg, rgba(9, 30, 45, 0.95), rgba(4, 17, 27, 0.96));
}

.flhs-toolbar input {
  width: 100%;
  height: 44px;
  padding: 0 15px;
  border: 1px solid rgba(34, 211, 238, 0.14);
  border-radius: 9px;
  outline: none;
  background: #061825;
  color: white;
}

.flhs-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.flhs-filter {
  height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(34, 211, 238, 0.12);
  border-radius: 8px;
  background: #081d2b;
  color: #a9bfca;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.flhs-filter.active,
.flhs-filter:hover {
  border-color: var(--flhs-cyan);
  background: rgba(34, 211, 238, 0.1);
  color: white;
}

.flhs-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  padding-bottom: 55px;
}

.flhs-card {
  --accent: var(--flhs-cyan);
  position: relative;
  min-height: 290px;
  padding: 18px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--accent) 14%, transparent), transparent 36%),
    linear-gradient(180deg, rgba(12, 29, 43, 0.98), rgba(4, 15, 25, 0.98));
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.4);
  text-align: center;
  transition: 0.28s;
}

.flhs-card:hover {
  transform: translateY(-8px);
  border-color: var(--accent);
  box-shadow:
    0 30px 75px rgba(0, 0, 0, 0.55),
    0 0 30px color-mix(in srgb, var(--accent) 16%, transparent);
}

.flhs-streamer {
  --accent: var(--flhs-purple);
}

.flhs-rank {
  position: absolute;
  top: 12px;
  right: 14px;
  color: #6f8796;
  font-size: 11px;
  font-weight: 900;
}

.flhs-avatar-box {
  width: 110px;
  height: 110px;
  margin: 18px auto 16px;
  padding: 5px;
  border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);
  border-radius: 24px;
  box-shadow: 0 0 22px color-mix(in srgb, var(--accent) 20%, transparent);
}

.flhs-avatar {
  width: 100%;
  height: 100%;
  border: 3px solid white;
  border-radius: 20px;
  object-fit: cover;
}

.flhs-badge {
  display: inline-block;
  padding: 6px 9px;
  border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  color: var(--accent);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.flhs-card h3 {
  margin: 12px 0 8px;
  font-size: 19px;
}

.flhs-card p {
  margin: 0;
  color: #9fb5c1;
  font-size: 12px;
  line-height: 1.5;
}

.flhs-tags {
  display: flex;
  justify-content: center;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.flhs-tags span {
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 7px;
  background: #071b28;
  color: #9fb5c1;
  font-size: 9px;
}

@media (max-width: 1100px) {
  .flhs-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .flhs-podium {
    grid-template-columns: 1fr;
  }

  .flhs-podium-main {
    order: -1;
  }
}

@media (max-width: 760px) {
  .flhs {
    border-radius: 0;
  }

  .flhs-stats {
    grid-template-columns: 1fr;
  }

  .flhs-toolbar {
    grid-template-columns: 1fr;
  }

  .flhs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px) {
  .flhs-grid {
    grid-template-columns: 1fr;
  }
}

/* FUNLEGACY HALL OF FAME STATIC V3 */
.flh3 {
  --cyan: #22d3ee;
  --blue: #168bff;
  --gold: #f6c744;
  --purple: #9d6cff;
  --text: #f6fbff;
  --muted: #93aabd;
  max-width: 1500px;
  margin: 0 auto 60px;
  overflow: hidden;
  border: 1px solid rgba(34, 211, 238, 0.1);
  border-radius: 26px;
  background:
    radial-gradient(circle at 50% -12%, rgba(246, 199, 68, 0.15), transparent 30%),
    radial-gradient(circle at 15% 55%, rgba(34, 211, 238, 0.08), transparent 24%),
    linear-gradient(180deg, #020910, #04131e 52%, #020910);
  box-shadow: 0 38px 110px rgba(0, 0, 0, 0.55);
  color: var(--text);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.flh3 * { box-sizing: border-box; }

.flh3-wrap {
  width: min(1340px, 93%);
  margin: 0 auto;
}

.flh3-hero {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(2, 9, 16, 0.08), #020910 96%),
    linear-gradient(90deg, rgba(2, 9, 16, 0.86), rgba(2, 9, 16, 0.12) 50%, rgba(2, 9, 16, 0.86)),
    url('/bilder/funlegacyrevolution.png') center / cover no-repeat;
}

.flh3-hero::before {
  content: "";
  position: absolute;
  width: 590px;
  height: 590px;
  border: 1px solid rgba(246, 199, 68, 0.15);
  border-radius: 50%;
  box-shadow:
    0 0 0 50px rgba(246, 199, 68, 0.02),
    0 0 0 100px rgba(246, 199, 68, 0.01),
    0 0 110px rgba(246, 199, 68, 0.18);
  animation: flh3Pulse 5s ease-in-out infinite;
}

@keyframes flh3Pulse {
  50% { transform: scale(1.055); opacity: 0.72; }
}

.flh3-hero-content {
  position: relative;
  z-index: 2;
  padding: 70px 20px;
  text-align: center;
}

.flh3-kicker {
  display: inline-block;
  padding: 10px 16px;
  border: 1px solid rgba(246, 199, 68, 0.25);
  border-radius: 999px;
  background: rgba(18, 15, 5, 0.5);
  color: var(--gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.22em;
}

.flh3-hero h1 {
  margin: 25px 0 14px;
  font-size: clamp(58px, 7.5vw, 105px);
  line-height: 0.88;
  font-weight: 1000;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  text-shadow: 0 14px 44px #000;
}

.flh3-hero h1 span {
  color: var(--gold);
  text-shadow: 0 0 24px rgba(246, 199, 68, 0.28);
}

.flh3-hero p {
  margin: 0;
  color: #c4d4dd;
  font-size: 18px;
  letter-spacing: 0.08em;
}

.flh3-line {
  width: 140px;
  height: 5px;
  margin: 25px auto 0;
  border-radius: 99px;
  background: linear-gradient(90deg, #ff9f1c, var(--gold));
  box-shadow: 0 0 22px rgba(246, 199, 68, 0.6);
}

.flh3-stats {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: -42px;
  margin-bottom: 40px;
}

.flh3-stat {
  padding: 22px;
  border: 1px solid rgba(34, 211, 238, 0.18);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(15, 28, 39, 0.97), rgba(5, 17, 27, 0.98));
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.4);
  text-align: center;
}

.flh3-stat b {
  display: block;
  font-size: 30px;
}

.flh3-stat span {
  color: var(--muted);
  font-size: 12px;
}

.flh3-heading {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 50px 0 24px;
}

.flh3-heading h2 {
  margin: 0;
  color: var(--gold);
  font-size: 23px;
  letter-spacing: 0.04em;
}

.flh3-heading p {
  margin: 5px 0 0;
  color: var(--muted);
}

.flh3-heading-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--gold), transparent);
}

.flh3-heading-blue h2 {
  color: var(--cyan);
}

.flh3-heading-blue .flh3-heading-line {
  background: linear-gradient(90deg, var(--cyan), transparent);
}

.flh3-podium {
  display: grid;
  grid-template-columns: 1fr 1.15fr 1fr;
  gap: 18px;
  align-items: end;
}

.flh3-podium-card {
  position: relative;
  min-height: 320px;
  padding: 28px 22px;
  overflow: hidden;
  border: 1px solid rgba(246, 199, 68, 0.25);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 0, rgba(246, 199, 68, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(18, 30, 42, 0.98), rgba(5, 16, 26, 0.98));
  box-shadow: 0 22px 65px rgba(0, 0, 0, 0.45);
  text-align: center;
}

.flh3-podium-main {
  min-height: 370px;
  border-color: rgba(246, 199, 68, 0.6);
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.55),
    0 0 38px rgba(246, 199, 68, 0.13);
}

.flh3-podium-card img {
  width: 120px;
  height: 120px;
  margin-top: 22px;
  border: 4px solid white;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.42);
}

.flh3-podium-main img {
  width: 145px;
  height: 145px;
  border-color: var(--gold);
}

.flh3-place {
  display: block;
  color: var(--gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.flh3-podium-card h3 {
  margin: 18px 0 5px;
  font-size: 24px;
}

.flh3-podium-card p {
  margin: 0;
  color: var(--muted);
}

.flh3-gold-badge {
  display: inline-block;
  margin-top: 15px;
  padding: 7px 12px;
  border: 1px solid rgba(246, 199, 68, 0.3);
  border-radius: 999px;
  background: rgba(246, 199, 68, 0.1);
  color: var(--gold);
  font-size: 10px;
  font-weight: 900;
}

.flh3-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  padding-bottom: 55px;
}

.flh3-card {
  --accent: var(--cyan);
  position: relative;
  min-height: 290px;
  padding: 18px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--accent) 14%, transparent), transparent 36%),
    linear-gradient(180deg, rgba(12, 29, 43, 0.98), rgba(4, 15, 25, 0.98));
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.4);
  text-align: center;
  transition: 0.28s;
}

.flh3-card:hover {
  transform: translateY(-8px);
  border-color: var(--accent);
  box-shadow:
    0 30px 75px rgba(0, 0, 0, 0.55),
    0 0 30px color-mix(in srgb, var(--accent) 16%, transparent);
}

.flh3-streamer {
  --accent: var(--purple);
}

.flh3-rank {
  position: absolute;
  top: 12px;
  right: 14px;
  color: #6f8796;
  font-size: 11px;
  font-weight: 900;
}

.flh3-avatar-shell {
  width: 110px;
  height: 110px;
  margin: 18px auto 16px;
  padding: 5px;
  border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);
  border-radius: 24px;
  box-shadow: 0 0 22px color-mix(in srgb, var(--accent) 20%, transparent);
}

.flh3-avatar {
  width: 100%;
  height: 100%;
  border: 3px solid white;
  border-radius: 20px;
  object-fit: cover;
}

.flh3-badge {
  display: inline-block;
  padding: 6px 9px;
  border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  color: var(--accent);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.flh3-card h3 {
  margin: 12px 0 8px;
  font-size: 19px;
}

.flh3-card p {
  margin: 0;
  color: #9fb5c1;
  font-size: 12px;
  line-height: 1.5;
}

.flh3-tags {
  display: flex;
  justify-content: center;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.flh3-tags span {
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 7px;
  background: #071b28;
  color: #9fb5c1;
  font-size: 9px;
}

@media (max-width: 1100px) {
  .flh3-grid { grid-template-columns: repeat(3, 1fr); }
  .flh3-podium { grid-template-columns: 1fr; }
  .flh3-podium-main { order: -1; }
}

@media (max-width: 760px) {
  .flh3 { border-radius: 0; }
  .flh3-stats { grid-template-columns: 1fr; }
  .flh3-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 520px) {
  .flh3-grid { grid-template-columns: 1fr; }
}
/* FUNLEGACY STATUS CENTER V1 */
.fl-status {
  --cyan:#22d3ee;
  --blue:#168bff;
  --green:#36df91;
  --yellow:#f6c744;
  --red:#ff536b;
  --purple:#a56dff;
  --text:#f6fbff;
  --muted:#93aabd;
  max-width:1500px;
  margin:0 auto 60px;
  overflow:hidden;
  border:1px solid rgba(34,211,238,.1);
  border-radius:26px;
  color:var(--text);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 50% -12%,rgba(34,211,238,.18),transparent 30%),
    radial-gradient(circle at 86% 56%,rgba(165,109,255,.08),transparent 24%),
    linear-gradient(180deg,#020910,#04131e 52%,#020910);
  box-shadow:0 38px 110px rgba(0,0,0,.55);
}

.fl-status * { box-sizing:border-box; }

.fl-status-wrap {
  width:min(1340px,93%);
  margin:0 auto;
}

.fl-status-hero {
  position:relative;
  min-height:500px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(2,9,16,.06),#020910 96%),
    linear-gradient(90deg,rgba(2,9,16,.88),rgba(2,9,16,.1) 50%,rgba(2,9,16,.88)),
    url('/bilder/funlegacy-epic/hero-castle.webp') center/cover no-repeat;
}

.fl-status-hero::before {
  content:"";
  position:absolute;
  width:590px;
  height:590px;
  border:1px solid rgba(34,211,238,.15);
  border-radius:50%;
  box-shadow:
    0 0 0 48px rgba(34,211,238,.022),
    0 0 0 96px rgba(34,211,238,.012),
    0 0 110px rgba(34,211,238,.2);
  animation:flStatusPulse 5s ease-in-out infinite;
}

.fl-status-hero::after {
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,#000,transparent);
}

@keyframes flStatusPulse {
  50% { transform:scale(1.055); opacity:.72; }
}

.fl-status-hero-inner {
  position:relative;
  z-index:2;
  padding:72px 20px;
  text-align:center;
}

.fl-status-kicker {
  display:inline-block;
  padding:10px 16px;
  border:1px solid rgba(34,211,238,.24);
  border-radius:999px;
  color:var(--cyan);
  background:rgba(4,20,31,.62);
  backdrop-filter:blur(14px);
  font-size:11px;
  font-weight:900;
  letter-spacing:.22em;
}

.fl-status-hero h1 {
  margin:25px 0 14px;
  font-size:clamp(58px,7.5vw,105px);
  line-height:.88;
  font-weight:1000;
  letter-spacing:-.06em;
  text-transform:uppercase;
  text-shadow:0 14px 44px #000;
}

.fl-status-hero h1 span {
  background:linear-gradient(180deg,#e9fcff,var(--cyan) 58%,var(--blue));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.fl-status-hero p {
  margin:0;
  color:#c4d4dd;
  font-size:18px;
  letter-spacing:.06em;
}

.fl-status-line {
  width:140px;
  height:5px;
  margin:25px auto 0;
  border-radius:99px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  box-shadow:0 0 22px rgba(34,211,238,.6);
}

.fl-status-overview {
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:-42px;
  margin-bottom:26px;
}

.fl-status-card {
  padding:22px;
  border:1px solid rgba(34,211,238,.18);
  border-radius:16px;
  text-align:center;
  background:linear-gradient(180deg,rgba(15,28,39,.97),rgba(5,17,27,.98));
  box-shadow:0 22px 60px rgba(0,0,0,.4);
  backdrop-filter:blur(18px);
}

.fl-status-card-label {
  display:block;
  color:var(--cyan);
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}

.fl-status-card b {
  display:block;
  margin:6px 0 4px;
  font-size:27px;
}

.fl-status-card small { color:var(--muted); }

.fl-status-grid-main {
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:18px;
}

.fl-status-console,
.fl-status-system-panel {
  border:1px solid rgba(34,211,238,.18);
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(7,20,31,.98),rgba(2,10,17,.99));
  box-shadow:0 22px 65px rgba(0,0,0,.42);
}

.fl-status-console-top {
  min-height:54px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:15px;
  align-items:center;
  padding:0 18px;
  border-bottom:1px solid rgba(34,211,238,.13);
  background:rgba(255,255,255,.02);
}

.fl-status-dots {
  display:flex;
  gap:6px;
}

.fl-status-dots span {
  width:10px;
  height:10px;
  border-radius:50%;
}

.fl-status-dots span:nth-child(1) { background:#ff536b; }
.fl-status-dots span:nth-child(2) { background:#f6c744; }
.fl-status-dots span:nth-child(3) { background:#36df91; }

.fl-status-console-top b {
  color:#d9e8ef;
  font-size:11px;
  letter-spacing:.12em;
}

.fl-status-live {
  padding:6px 8px;
  border:1px solid rgba(54,223,145,.25);
  border-radius:6px;
  color:var(--green);
  background:rgba(54,223,145,.08);
  font-size:9px;
  font-weight:900;
}

.fl-status-console-body {
  height:400px;
  overflow:auto;
  padding:20px;
  font-family:"Consolas","Courier New",monospace;
  font-size:13px;
  line-height:1.7;
  background:
    linear-gradient(rgba(34,211,238,.025) 1px,transparent 1px);
  background-size:100% 28px;
}

.fl-console-line {
  display:flex;
  gap:11px;
  margin-bottom:4px;
}

.fl-console-time { color:#597484; }
.fl-console-info { color:#a9bfca; }
.fl-console-success { color:var(--green); }
.fl-console-warning { color:var(--yellow); }
.fl-console-error { color:var(--red); }
.fl-console-cyan { color:var(--cyan); }

.fl-status-system-panel {
  padding:23px;
}

.fl-status-panel-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:25px;
}

.fl-status-panel-title span:first-child {
  color:var(--cyan);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.fl-status-panel-title h2 {
  margin:5px 0 0;
  font-size:24px;
}

.fl-status-pulse {
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 20px rgba(54,223,145,.75);
  animation:flLivePulse 1.4s infinite;
}

@keyframes flLivePulse {
  50% { transform:scale(1.35); opacity:.55; }
}

.fl-meter { margin-bottom:23px; }

.fl-meter-head {
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
  color:#9cb2bf;
  font-size:10px;
  font-weight:900;
}

.fl-meter-head b { color:#fff; }

.fl-meter-track {
  height:10px;
  overflow:hidden;
  border-radius:99px;
  background:#06141e;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

.fl-meter-track div {
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  box-shadow:0 0 15px rgba(34,211,238,.4);
  transition:width .7s ease;
}

.fl-meter small {
  display:block;
  margin-top:7px;
  color:#6f8796;
  font-size:10px;
}

.fl-status-load-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:5px;
}

.fl-status-load-grid div {
  padding:12px 7px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px;
  text-align:center;
  background:rgba(255,255,255,.025);
}

.fl-status-load-grid span,
.fl-status-load-grid b {
  display:block;
}

.fl-status-load-grid span {
  color:#718b9b;
  font-size:7px;
  font-weight:900;
}

.fl-status-load-grid b {
  margin-top:5px;
  color:var(--cyan);
  font-size:13px;
}

.fl-status-heading {
  display:flex;
  align-items:center;
  gap:18px;
  margin:53px 0 22px;
}

.fl-status-heading span {
  color:var(--cyan);
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}

.fl-status-heading h2 {
  margin:5px 0;
  font-size:29px;
}

.fl-status-heading p {
  margin:0;
  color:var(--muted);
}

.fl-status-heading-line {
  flex:1;
  height:1px;
  background:linear-gradient(90deg,var(--cyan),transparent);
}

.fl-service-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.fl-service-card {
  position:relative;
  display:grid;
  grid-template-columns:70px 1fr auto;
  gap:16px;
  align-items:center;
  min-height:150px;
  padding:22px;
  border:1px solid rgba(34,211,238,.2);
  border-radius:18px;
  background:
    radial-gradient(circle at 0 0,rgba(34,211,238,.09),transparent 38%),
    linear-gradient(135deg,rgba(11,28,43,.98),rgba(5,16,26,.99));
  box-shadow:0 18px 48px rgba(0,0,0,.35);
}

.fl-service-icon {
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  border:1px solid rgba(34,211,238,.25);
  border-radius:17px;
  color:var(--cyan);
  background:#071d2b;
  font-size:17px;
  font-weight:1000;
}

.fl-service-type {
  color:var(--cyan);
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}

.fl-service-content h3 {
  margin:6px 0 5px;
  font-size:20px;
}

.fl-service-content p {
  margin:0;
  color:#89a1b0;
  font-size:12px;
}

.fl-service-state {
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border-radius:8px;
  color:var(--yellow);
  background:rgba(246,199,68,.07);
  font-size:9px;
  white-space:nowrap;
}

.fl-service-state span,
.fl-world-state span {
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 11px currentColor;
}

.fl-service-card > small {
  position:absolute;
  right:22px;
  bottom:15px;
  color:#657f8f;
  font-size:10px;
}

.fl-world-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.fl-world-card {
  position:relative;
  min-height:255px;
  padding:23px;
  overflow:hidden;
  border:1px solid rgba(34,211,238,.19);
  border-radius:19px;
  background:
    radial-gradient(circle at 0 0,rgba(34,211,238,.1),transparent 38%),
    linear-gradient(135deg,rgba(11,28,43,.99),rgba(5,16,26,.99));
  box-shadow:0 18px 50px rgba(0,0,0,.37);
  transition:.28s;
}

.fl-world-card:hover {
  transform:translateY(-7px);
  border-color:var(--cyan);
  box-shadow:0 28px 70px rgba(0,0,0,.5),0 0 26px rgba(34,211,238,.12);
}

.fl-world-number {
  position:absolute;
  right:14px;
  top:12px;
  color:#5d7585;
  font-size:10px;
  font-weight:900;
}

.fl-world-icon {
  width:63px;
  height:63px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border:1px solid rgba(34,211,238,.25);
  border-radius:16px;
  color:var(--cyan);
  background:#071d2b;
  font-weight:1000;
}

.fl-world-card h3 {
  margin:0 0 8px;
  font-size:20px;
}

.fl-world-card p {
  margin:0 0 20px;
  min-height:38px;
  color:#91a8b9;
  line-height:1.55;
  font-size:12px;
}

.fl-world-state {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border-radius:8px;
  color:var(--green);
  background:rgba(54,223,145,.07);
  font-size:9px;
}

.fl-status-history {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:28px 0 45px;
  padding:23px;
  border:1px solid rgba(34,211,238,.18);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(11,28,43,.98),rgba(5,16,26,.99));
}

.fl-status-history-label {
  color:var(--cyan);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.fl-status-history h3 {
  margin:6px 0 5px;
}

.fl-status-history p {
  margin:0;
  color:#91a8b9;
}

.fl-status-history button {
  min-width:180px;
  padding:14px 16px;
  border:0;
  border-radius:9px;
  color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  box-shadow:0 13px 30px rgba(34,211,238,.22);
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}

@media (max-width:1050px) {
  .fl-status-overview { grid-template-columns:repeat(2,1fr); }
  .fl-status-grid-main { grid-template-columns:1fr; }
  .fl-world-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:760px) {
  .fl-status { border-radius:0; }
  .fl-status-overview,
  .fl-service-grid,
  .fl-world-grid { grid-template-columns:1fr; }

  .fl-service-card {
    grid-template-columns:58px 1fr;
  }

  .fl-service-icon {
    width:58px;
    height:58px;
  }

  .fl-service-state {
    grid-column:1/-1;
    justify-self:start;
  }

  .fl-status-history {
    flex-direction:column;
    align-items:stretch;
  }

  .fl-status-history button { width:100%; }
}
/* =========================================================
   FUNLEGACY EPIC FORUM V1
   Wird ganz unten an epic-v3.css angehängt
   ========================================================= */

body.fl-forum-page {
  --flf-cyan: #22d3ee;
  --flf-blue: #168bff;
  --flf-green: #36df91;
  --flf-yellow: #f6c744;
  --flf-purple: #a56dff;
  --flf-red: #ff536b;
  --flf-text: #f6fbff;
  --flf-muted: #91a8b8;
  --flf-surface: #071724;
  --flf-surface-2: #0b1d2b;
  --flf-line: rgba(34, 211, 238, .20);
  background:
    radial-gradient(circle at 50% -10%, rgba(34, 211, 238, .10), transparent 34%),
    linear-gradient(180deg, #020910 0%, #03111b 50%, #020910 100%) !important;
}

body.fl-forum-page .fl-forum-shell {
  width: min(1450px, 94%);
  margin: 26px auto 65px;
}

body.fl-forum-page .fl-forum-hero {
  position: relative;
  min-height: 370px;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 28px;
  align-items: center;
  overflow: hidden;
  padding: 54px 58px;
  border: 1px solid rgba(34, 211, 238, .17);
  border-radius: 28px;
  background:
    linear-gradient(90deg, rgba(2, 9, 16, .94), rgba(2, 9, 16, .56) 52%, rgba(2, 9, 16, .84)),
    linear-gradient(180deg, rgba(2, 9, 16, .08), rgba(2, 9, 16, .91)),
    url('/bilder/funlegacy-epic/hero-castle.webp') center / cover no-repeat;
  box-shadow: 0 32px 95px rgba(0, 0, 0, .52);
  isolation: isolate;
}

body.fl-forum-page .fl-forum-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent);
}

body.fl-forum-page .fl-forum-hero::after {
  content: "";
  position: absolute;
  width: 560px;
  height: 560px;
  right: -210px;
  top: -260px;
  border: 1px solid rgba(34, 211, 238, .14);
  border-radius: 50%;
  box-shadow:
    0 0 0 46px rgba(34, 211, 238, .022),
    0 0 0 92px rgba(34, 211, 238, .012),
    0 0 100px rgba(34, 211, 238, .16);
}

body.fl-forum-page .fl-forum-hero-copy,
body.fl-forum-page .fl-forum-hero-panel {
  position: relative;
  z-index: 2;
}

body.fl-forum-page .fl-forum-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid rgba(34, 211, 238, .27);
  border-radius: 999px;
  color: var(--flf-cyan);
  background: rgba(4, 20, 31, .67);
  backdrop-filter: blur(13px);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
}

body.fl-forum-page .fl-forum-hero h1 {
  margin: 22px 0 14px;
  color: #fff;
  font-size: clamp(50px, 6.2vw, 88px);
  line-height: .92;
  letter-spacing: -.055em;
  text-transform: uppercase;
  text-shadow: 0 16px 45px rgba(0, 0, 0, .85);
}

body.fl-forum-page .fl-forum-hero h1 span {
  background: linear-gradient(180deg, #eefdff, var(--flf-cyan) 57%, var(--flf-blue));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.fl-forum-page .fl-forum-hero-copy > p {
  max-width: 710px;
  margin: 0;
  color: #bdd0da;
  font-size: 17px;
  line-height: 1.72;
}

body.fl-forum-page .fl-forum-hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 25px;
}

body.fl-forum-page .fl-forum-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 47px;
  padding: 0 20px;
  border: 1px solid var(--flf-line);
  border-radius: 10px;
  color: #fff !important;
  text-decoration: none !important;
  background: rgba(7, 25, 37, .82);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
  transition: .25s ease;
}

body.fl-forum-page .fl-forum-action-primary {
  border-color: transparent;
  background: linear-gradient(135deg, var(--flf-blue), var(--flf-cyan));
  box-shadow: 0 15px 32px rgba(34, 211, 238, .22);
}

body.fl-forum-page .fl-forum-action:hover {
  transform: translateY(-3px);
  border-color: var(--flf-cyan);
}

body.fl-forum-page .fl-forum-hero-panel {
  padding: 24px;
  border: 1px solid rgba(34, 211, 238, .21);
  border-radius: 20px;
  background:
    radial-gradient(circle at 0 0, rgba(34, 211, 238, .12), transparent 42%),
    linear-gradient(180deg, rgba(10, 29, 43, .92), rgba(4, 15, 24, .96));
  box-shadow: 0 24px 60px rgba(0, 0, 0, .42);
  backdrop-filter: blur(16px);
}

body.fl-forum-page .fl-forum-panel-label {
  color: var(--flf-cyan);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}

body.fl-forum-page .fl-forum-hero-panel h3 {
  margin: 8px 0 16px;
  font-size: 22px;
}

body.fl-forum-page .fl-forum-search {
  display: flex;
  overflow: hidden;
  border: 1px solid rgba(34, 211, 238, .24);
  border-radius: 11px;
  background: #061722;
}

body.fl-forum-page .fl-forum-search input {
  min-width: 0;
  flex: 1;
  height: 48px;
  padding: 0 15px;
  border: 0 !important;
  outline: 0 !important;
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.fl-forum-page .fl-forum-search button {
  width: 52px;
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, var(--flf-blue), var(--flf-cyan));
  cursor: pointer;
  font-size: 18px;
}

body.fl-forum-page .fl-forum-mini-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-top: 15px;
}

body.fl-forum-page .fl-forum-mini-stats div {
  padding: 13px 9px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 10px;
  text-align: center;
  background: rgba(255, 255, 255, .025);
}

body.fl-forum-page .fl-forum-mini-stats span,
body.fl-forum-page .fl-forum-mini-stats b {
  display: block;
}

body.fl-forum-page .fl-forum-mini-stats span {
  color: #718b9b;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .09em;
}

body.fl-forum-page .fl-forum-mini-stats b {
  margin-top: 5px;
  color: var(--flf-cyan);
  font-size: 16px;
}

/* Hauptcontainer des Forums */
body.fl-forum-page .fl-forum-content {
  margin-top: 24px;
}

/* NamelessMC/Semantic UI neutralisieren und modernisieren */
body.fl-forum-page .ui.container,
body.fl-forum-page .main.container {
  width: 100% !important;
  max-width: none !important;
}

body.fl-forum-page .ui.grid {
  margin: -8px !important;
}

body.fl-forum-page .ui.grid > .column {
  padding: 8px !important;
}

body.fl-forum-page .ui.segment,
body.fl-forum-page .ui.segments,
body.fl-forum-page .ui.card,
body.fl-forum-page .ui.cards > .card,
body.fl-forum-page .ui.message {
  border: 1px solid var(--flf-line) !important;
  border-radius: 17px !important;
  color: var(--flf-text) !important;
  background:
    radial-gradient(circle at 0 0, rgba(34, 211, 238, .065), transparent 42%),
    linear-gradient(135deg, rgba(11, 28, 43, .98), rgba(5, 16, 26, .99)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .34) !important;
}

body.fl-forum-page .ui.segment {
  padding: 18px !important;
}

body.fl-forum-page .ui.header,
body.fl-forum-page h1,
body.fl-forum-page h2,
body.fl-forum-page h3,
body.fl-forum-page h4,
body.fl-forum-page h5 {
  color: var(--flf-text) !important;
}

body.fl-forum-page .ui.dividing.header {
  padding-bottom: 13px !important;
  border-bottom-color: rgba(34, 211, 238, .13) !important;
}

body.fl-forum-page .ui.breadcrumb,
body.fl-forum-page .ui.breadcrumb a,
body.fl-forum-page .ui.breadcrumb .divider {
  color: #7f9aaa !important;
}

body.fl-forum-page .ui.breadcrumb a:hover {
  color: var(--flf-cyan) !important;
}

/* Forum Tabellen */
body.fl-forum-page table.ui.table,
body.fl-forum-page .ui.table {
  overflow: hidden;
  border: 1px solid var(--flf-line) !important;
  border-radius: 17px !important;
  color: var(--flf-text) !important;
  background: rgba(5, 16, 26, .96) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .34) !important;
}

body.fl-forum-page .ui.table thead th {
  padding: 15px 17px !important;
  border-color: rgba(34, 211, 238, .11) !important;
  color: var(--flf-cyan) !important;
  background: linear-gradient(180deg, rgba(17, 37, 52, .98), rgba(8, 25, 37, .98)) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.fl-forum-page .ui.table tbody td {
  padding: 17px !important;
  border-color: rgba(255, 255, 255, .045) !important;
  color: #b7c9d3 !important;
  background: rgba(255, 255, 255, .008) !important;
  transition: background .2s ease;
}

body.fl-forum-page .ui.table tbody tr:hover td {
  background: rgba(34, 211, 238, .045) !important;
}

body.fl-forum-page .ui.table a {
  color: #e9f8ff !important;
  font-weight: 800;
}

body.fl-forum-page .ui.table a:hover {
  color: var(--flf-cyan) !important;
}

/* Forum-Kategorien: auch robuste generische Selektoren */
body.fl-forum-page .forum-category,
body.fl-forum-page .forum-category-item,
body.fl-forum-page .forum-row,
body.fl-forum-page .forum-list > div {
  position: relative;
  border-color: rgba(34, 211, 238, .14) !important;
}

body.fl-forum-page .forum-category:hover,
body.fl-forum-page .forum-category-item:hover,
body.fl-forum-page .forum-row:hover {
  border-color: var(--flf-cyan) !important;
}

body.fl-forum-page img.ui.avatar.image,
body.fl-forum-page .ui.avatar.image,
body.fl-forum-page img.avatar {
  border: 2px solid rgba(34, 211, 238, .42) !important;
  box-shadow: 0 0 16px rgba(34, 211, 238, .16) !important;
}

/* Sidebar */
body.fl-forum-page .fl-forum-content .four.wide.column .ui.segment,
body.fl-forum-page .fl-forum-content .five.wide.column .ui.segment,
body.fl-forum-page .fl-forum-content aside .ui.segment {
  margin-bottom: 14px !important;
}

body.fl-forum-page .fl-forum-content .four.wide.column .ui.segment > .header,
body.fl-forum-page .fl-forum-content .five.wide.column .ui.segment > .header,
body.fl-forum-page .fl-forum-content aside .ui.segment > .header {
  color: var(--flf-cyan) !important;
}

/* Eingaben & Suche */
body.fl-forum-page .ui.input > input,
body.fl-forum-page .ui.form input,
body.fl-forum-page .ui.form textarea,
body.fl-forum-page .ui.form select,
body.fl-forum-page input[type="text"],
body.fl-forum-page input[type="search"],
body.fl-forum-page textarea {
  border: 1px solid rgba(34, 211, 238, .22) !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: #061722 !important;
  box-shadow: none !important;
}

body.fl-forum-page .ui.input > input:focus,
body.fl-forum-page .ui.form input:focus,
body.fl-forum-page textarea:focus {
  border-color: var(--flf-cyan) !important;
  box-shadow: 0 0 0 3px rgba(34, 211, 238, .08) !important;
}

/* Buttons */
body.fl-forum-page .ui.button,
body.fl-forum-page button.ui.button,
body.fl-forum-page a.ui.button {
  border: 1px solid rgba(34, 211, 238, .20) !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0c2637, #12334a) !important;
  box-shadow: none !important;
  font-weight: 900 !important;
  transition: .22s ease !important;
}

body.fl-forum-page .ui.primary.button,
body.fl-forum-page .ui.blue.button,
body.fl-forum-page .ui.teal.button {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--flf-blue), var(--flf-cyan)) !important;
  box-shadow: 0 12px 28px rgba(34, 211, 238, .18) !important;
}

body.fl-forum-page .ui.button:hover {
  transform: translateY(-2px);
  border-color: var(--flf-cyan) !important;
  filter: brightness(1.08);
}

/* Labels/Pagination */
body.fl-forum-page .ui.label {
  border: 1px solid rgba(34, 211, 238, .20) !important;
  border-radius: 7px !important;
  color: var(--flf-cyan) !important;
  background: rgba(34, 211, 238, .07) !important;
}

body.fl-forum-page .ui.pagination.menu {
  overflow: hidden;
  border: 1px solid var(--flf-line) !important;
  border-radius: 10px !important;
  background: #061722 !important;
}

body.fl-forum-page .ui.pagination.menu .item {
  border-color: rgba(34, 211, 238, .10) !important;
  color: #9db2bf !important;
  background: transparent !important;
}

body.fl-forum-page .ui.pagination.menu .active.item,
body.fl-forum-page .ui.pagination.menu .item:hover {
  color: #fff !important;
  background: linear-gradient(135deg, var(--flf-blue), var(--flf-cyan)) !important;
}

/* Topic-Seiten */
body.fl-forum-page .forum-post,
body.fl-forum-page .post,
body.fl-forum-page .topic-post {
  overflow: hidden;
  margin-bottom: 17px !important;
  border: 1px solid var(--flf-line) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(11, 28, 43, .98), rgba(5, 16, 26, .99)) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .34) !important;
}

body.fl-forum-page .post .content,
body.fl-forum-page .forum-post .content {
  color: #b9cad4 !important;
  line-height: 1.75;
}

body.fl-forum-page blockquote {
  border-left: 3px solid var(--flf-cyan) !important;
  border-radius: 0 10px 10px 0;
  color: #afc4cf !important;
  background: rgba(34, 211, 238, .05) !important;
}

/* Widget-Titel und Statistikwerte */
body.fl-forum-page .fl-forum-stat-value {
  color: var(--flf-cyan);
  font-weight: 900;
}

/* Mobile */
@media (max-width: 1040px) {
  body.fl-forum-page .fl-forum-hero {
    grid-template-columns: 1fr;
    padding: 44px 34px;
  }

  body.fl-forum-page .fl-forum-hero-panel {
    max-width: 650px;
  }
}

@media (max-width: 760px) {
  body.fl-forum-page .fl-forum-shell {
    width: 100%;
    margin-top: 0;
  }

  body.fl-forum-page .fl-forum-hero {
    min-height: 0;
    padding: 38px 20px;
    border-radius: 0;
  }

  body.fl-forum-page .fl-forum-mini-stats {
    grid-template-columns: 1fr;
  }

  body.fl-forum-page .ui.grid {
    margin: 0 !important;
  }

  body.fl-forum-page .ui.grid > .column {
    width: 100% !important;
    padding: 7px 0 !important;
  }

  body.fl-forum-page .ui.table {
    display: block;
    overflow-x: auto;
  }
}