/* Original public styles, contained within .legacy-site. */
.legacy-site{
      --bg:#070912;
      --bg2:#0d1020;
      --panel:rgba(16,20,38,.72);
      --panel2:rgba(21,26,49,.78);
      --line:rgba(255,255,255,.10);
      --text:#f6f7ff;
      --muted:#aeb4c9;
      --purple:#8b5cf6;
      --violet:#6d5dfc;
      --blue:#38bdf8;
      --cyan:#22d3ee;
      --green:#34d399;
      --yellow:#facc15;
      --shadow:0 22px 70px rgba(0,0,0,.45);
    }

    .legacy-site *{box-sizing:border-box}
    .legacy-site{scroll-behavior:smooth}
    .legacy-site{
      margin:0;
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 20% 10%, rgba(139,92,246,.18), transparent 30%),
        radial-gradient(circle at 85% 20%, rgba(56,189,248,.11), transparent 28%),
        radial-gradient(circle at 50% 90%, rgba(34,211,238,.08), transparent 30%),
        linear-gradient(180deg,#070912 0%,#080b15 48%,#06080f 100%);
      min-height:100vh;
      overflow-x:hidden;
    }

    .legacy-site::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      background-image:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(to bottom, black, transparent 85%);
      z-index:-1;
    }

    .legacy-site a{color:inherit;text-decoration:none}
    .legacy-site button{font:inherit}

    .legacy-site .wrap{width:min(1180px,calc(100% - 36px));margin:0 auto}

    .legacy-site .nav{
      position:fixed;
      top:0;
      left:0;
      right:0;
      z-index:50;
      backdrop-filter:blur(18px);
      background:rgba(6,8,15,.72);
      border-bottom:1px solid rgba(255,255,255,.07);
    }

    .legacy-site .nav-inner{
      min-height:74px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }

    .legacy-site .brand{
      display:flex;
      align-items:center;
      gap:12px;
      font-weight:900;
      letter-spacing:.5px;
    }

    .legacy-site .brand-mark{
      width:42px;
      height:42px;
      border-radius:12px;
      display:grid;
      place-items:center;
      font-weight:1000;
      font-size:18px;
      background:
        linear-gradient(135deg,rgba(139,92,246,1),rgba(56,189,248,1));
      box-shadow:0 0 34px rgba(139,92,246,.42);
      transform:skew(-6deg);
    }

    .legacy-site .brand span:last-child{
      font-size:17px;
    }

    .legacy-site .nav-links{
      display:flex;
      align-items:center;
      gap:8px;
    }

    .legacy-site .nav-links a{
      color:#c7cbdb;
      padding:10px 13px;
      border-radius:10px;
      font-size:14px;
      font-weight:700;
      transition:.22s ease;
    }

    .legacy-site .nav-links a:hover{
      color:white;
      background:rgba(255,255,255,.06);
    }

    .legacy-site .nav-cta{
      display:flex;
      gap:10px;
      align-items:center;
    }

    .legacy-site .btn{
      border:none;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:46px;
      padding:0 18px;
      border-radius:13px;
      font-weight:850;
      transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .legacy-site .btn:hover{transform:translateY(-2px)}

    .legacy-site .btn-primary{
      color:white;
      background:linear-gradient(135deg,var(--purple),var(--blue));
      box-shadow:0 10px 30px rgba(101,85,245,.24);
    }

    .legacy-site .btn-secondary{
      color:white;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.11);
    }

    .legacy-site .hero{
      position:relative;
      padding:160px 0 92px;
      min-height:760px;
      display:flex;
      align-items:center;
    }

    .legacy-site .orb{
      position:absolute;
      width:420px;
      height:420px;
      border-radius:50%;
      filter:blur(15px);
      opacity:.18;
      pointer-events:none;
      animation:float 8s ease-in-out infinite;
    }

    .legacy-site .orb.one{
      background:var(--purple);
      right:-130px;
      top:120px;
    }

    .legacy-site .orb.two{
      width:270px;
      height:270px;
      background:var(--blue);
      left:-120px;
      bottom:40px;
      animation-delay:-3s;
    }

    @keyframes float{
      0%,100%{transform:translateY(0) scale(1)}
      50%{transform:translateY(-28px) scale(1.05)}
    }

    .legacy-site .hero-grid{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:48px;
      align-items:center;
    }

    .legacy-site .badge{
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:8px 12px;
      border-radius:999px;
      color:#dbeafe;
      font-size:13px;
      font-weight:800;
      background:rgba(59,130,246,.09);
      border:1px solid rgba(56,189,248,.18);
      margin-bottom:22px;
    }

    .legacy-site .dot{
      width:8px;height:8px;border-radius:50%;background:var(--green);
      box-shadow:0 0 16px rgba(52,211,153,.8);
    }

    .legacy-site h1{
      font-size:clamp(55px,9vw,108px);
      line-height:.88;
      letter-spacing:-5px;
      margin:0 0 24px;
      font-weight:1000;
    }

    .legacy-site .gradient{
      background:linear-gradient(90deg,#ffffff 5%,#b9a8ff 43%,#62d9ff 78%,#fff 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }

    .legacy-site .hero p{
      color:var(--muted);
      font-size:clamp(17px,2vw,21px);
      line-height:1.7;
      max-width:680px;
      margin:0 0 30px;
    }

    .legacy-site .hero-actions{display:flex;gap:12px;flex-wrap:wrap}

    .legacy-site .visual-card{
      position:relative;
      min-height:480px;
      border-radius:32px;
      border:1px solid rgba(255,255,255,.12);
      background:
        linear-gradient(145deg,rgba(139,92,246,.14),rgba(56,189,248,.05) 55%,rgba(255,255,255,.02));
      box-shadow:var(--shadow);
      overflow:hidden;
      isolation:isolate;
    }

    .legacy-site .visual-card::before{
      content:"";
      position:absolute;
      inset:-80px;
      background:conic-gradient(from 20deg, transparent 0 12%, rgba(139,92,246,.32) 24%, transparent 35% 60%, rgba(56,189,248,.26) 72%, transparent 86%);
      animation:spin 16s linear infinite;
      z-index:-2;
    }

    .legacy-site .visual-card::after{
      content:"";
      position:absolute;
      inset:1px;
      border-radius:31px;
      background:linear-gradient(145deg,rgba(8,10,18,.94),rgba(13,16,29,.92));
      z-index:-1;
    }

    @keyframes spin{to{transform:rotate(360deg)}}

    .legacy-site .visual-center{
      min-height:480px;
      padding:34px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }

    .legacy-site .mini-label{
      color:#8ea1c1;
      font-size:12px;
      font-weight:900;
      letter-spacing:2.1px;
      text-transform:uppercase;
    }

    .legacy-site .mega-logo{
      margin:auto;
      display:grid;
      place-items:center;
      width:min(290px,78%);
      aspect-ratio:1;
      border-radius:72px;
      background:
        radial-gradient(circle at 28% 24%,rgba(255,255,255,.28),transparent 22%),
        linear-gradient(145deg,#8259ff,#4ea6ff 60%,#28d7ee);
      box-shadow:
        0 28px 80px rgba(75,85,255,.28),
        inset 0 1px 0 rgba(255,255,255,.35);
      transform:rotate(-5deg);
      font-size:74px;
      font-weight:1000;
      letter-spacing:-8px;
      text-shadow:0 10px 28px rgba(0,0,0,.26);
    }

    .legacy-site .visual-foot{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }

    .legacy-site .pill{
      color:#d7daea;
      padding:8px 10px;
      border-radius:999px;
      font-size:12px;
      font-weight:800;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.08);
    }

    .legacy-site .section{padding:100px 0}

    .legacy-site .section-head{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:30px;
      margin-bottom:34px;
    }

    .legacy-site .eyebrow{
      color:#89dcff;
      font-size:12px;
      letter-spacing:2.3px;
      font-weight:900;
      text-transform:uppercase;
      margin-bottom:10px;
    }

    .legacy-site h2{
      font-size:clamp(34px,5vw,58px);
      letter-spacing:-2.5px;
      margin:0;
      line-height:1;
    }

    .legacy-site .section-head p{
      color:var(--muted);
      max-width:520px;
      line-height:1.7;
      margin:0;
    }

    .legacy-site .projects{
      display:grid;
      grid-template-columns:repeat(12,1fr);
      gap:18px;
    }

    .legacy-site .project{
      position:relative;
      min-height:300px;
      padding:26px;
      border-radius:24px;
      border:1px solid var(--line);
      background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
      overflow:hidden;
      box-shadow:0 16px 45px rgba(0,0,0,.2);
      transition:transform .25s ease,border-color .25s ease,background .25s ease;
    }

    .legacy-site .project:hover{
      transform:translateY(-6px);
      border-color:rgba(129,140,248,.4);
      background:linear-gradient(145deg,rgba(139,92,246,.12),rgba(56,189,248,.045));
    }

    .legacy-site .project.large{grid-column:span 7}
    .legacy-site .project.small{grid-column:span 5}

    .legacy-site .project-number{
      position:absolute;
      right:20px;
      top:13px;
      font-size:70px;
      font-weight:1000;
      line-height:1;
      color:rgba(255,255,255,.035);
      letter-spacing:-5px;
    }

    .legacy-site .project-icon{
      width:48px;height:48px;border-radius:14px;
      display:grid;place-items:center;
      font-size:22px;
      background:rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.09);
      margin-bottom:65px;
    }

    .legacy-site .project h3{font-size:25px;margin:0 0 10px;letter-spacing:-.7px}
    .legacy-site .project p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}

    .legacy-site .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
    .legacy-site .tag{
      padding:7px 9px;
      font-size:11px;
      border-radius:999px;
      color:#d9dcec;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.07);
      font-weight:800;
    }

    .legacy-site .news-grid{
      display:grid;
      grid-template-columns:1.25fr .75fr;
      gap:20px;
    }

    .legacy-site .news-main,
.legacy-site .news-side{
      border:1px solid var(--line);
      background:var(--panel);
      border-radius:26px;
      overflow:hidden;
    }

    .legacy-site .news-main{
      padding:32px;
      min-height:370px;
      display:flex;
      flex-direction:column;
      justify-content:end;
      background:
        radial-gradient(circle at 75% 0%,rgba(139,92,246,.25),transparent 34%),
        linear-gradient(145deg,rgba(16,20,38,.9),rgba(11,13,24,.95));
    }

    .legacy-site .news-kicker{font-size:12px;color:#b6c4e2;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}
    .legacy-site .news-main h3{font-size:36px;letter-spacing:-1.6px;line-height:1.03;margin:12px 0}
    .legacy-site .news-main p{color:var(--muted);line-height:1.7;max-width:600px}

    .legacy-site .news-side{padding:16px}
    .legacy-site .news-item{
      padding:18px;
      border-radius:18px;
      transition:.2s ease;
    }
    .legacy-site .news-item:hover{background:rgba(255,255,255,.045)}
    .legacy-site .news-date{font-size:11px;color:#8d97b0;text-transform:uppercase;letter-spacing:1.4px;font-weight:850}
    .legacy-site .news-item h4{margin:7px 0 6px;font-size:16px}
    .legacy-site .news-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

    .legacy-site .stats{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:14px;
      margin-top:22px;
    }

    .legacy-site .stat{
      padding:24px;
      border:1px solid var(--line);
      border-radius:20px;
      background:rgba(255,255,255,.03);
    }

    .legacy-site .stat strong{
      display:block;
      font-size:30px;
      letter-spacing:-1.5px;
      margin-bottom:4px;
    }

    .legacy-site .stat span{color:var(--muted);font-size:13px}

    .legacy-site .team-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
    }

    .legacy-site .person{
      padding:24px;
      border-radius:22px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.035);
    }

    .legacy-site .avatar{
      width:60px;height:60px;border-radius:19px;
      display:grid;place-items:center;
      font-weight:1000;font-size:18px;
      background:linear-gradient(135deg,var(--purple),var(--blue));
      margin-bottom:18px;
    }

    .legacy-site .person h3{margin:0 0 5px}
    .legacy-site .person .role{color:#8edfff;font-size:13px;font-weight:800}
    .legacy-site .person p{color:var(--muted);font-size:13px;line-height:1.6;margin-top:14px}

    .legacy-site .cta{
      position:relative;
      border:1px solid rgba(255,255,255,.11);
      border-radius:30px;
      padding:48px;
      overflow:hidden;
      background:
        radial-gradient(circle at 80% 20%,rgba(56,189,248,.17),transparent 30%),
        radial-gradient(circle at 20% 80%,rgba(139,92,246,.18),transparent 28%),
        rgba(255,255,255,.035);
    }

    .legacy-site .cta h2{max-width:760px}
    .legacy-site .cta p{color:var(--muted);line-height:1.7;max-width:720px;margin:18px 0 26px}

    .legacy-site footer{
      border-top:1px solid rgba(255,255,255,.07);
      padding:34px 0 38px;
      color:#8991a7;
      font-size:13px;
      background:
        radial-gradient(circle at 50% 0%,rgba(56,189,248,.055),transparent 34%),
        rgba(3,7,13,.24);
    }

    .legacy-site .footer-inner{
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      gap:18px;
      text-align:center;
    }

    .legacy-site .footer-social-row{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:14px;
      flex-wrap:wrap;
    }

    .legacy-site .footer-social-title{
      margin-right:8px;
      color:#dce8f7;
      font-size:15px;
      font-weight:950;
      letter-spacing:.4px;
      text-transform:uppercase;
    }

    .legacy-site .socials{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      flex-wrap:wrap;
    }

    .legacy-site .socials a{
      width:38px;
      height:38px;
      display:grid;
      place-items:center;
      padding:0;
      border-radius:50%;
      background:rgba(255,255,255,.11);
      border:1px solid rgba(255,255,255,.12);
      color:#e8edf7;
      transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
    }

    .legacy-site .socials a:hover{
      transform:translateY(-3px) scale(1.04);
      background:rgba(255,255,255,.17);
      border-color:rgba(255,255,255,.22);
      box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 20px rgba(95,165,255,.08);
    }

    .legacy-site .socials svg{
      width:20px;
      height:20px;
      fill:currentColor;
      stroke:currentColor;
      stroke-width:1.7;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .legacy-site .footer-copy{
      color:#6f7b92;
      font-size:11px;
      letter-spacing:.2px;
    }

    @media(max-width:640px){
      .legacy-site .footer-social-row{
        flex-direction:column;
        gap:12px;
      }

      .legacy-site .footer-social-title{
        margin-right:0;
      }
    }

    .legacy-site .menu-btn{
      display:none;
      width:44px;height:44px;border-radius:12px;border:1px solid var(--line);
      background:rgba(255,255,255,.05);color:white;font-size:20px;
    }

    .legacy-site .reveal{
      opacity:0;
      transform:translateY(22px);
      transition:opacity .7s ease, transform .7s ease;
    }
    .legacy-site .reveal.visible{opacity:1;transform:none}

    @media (max-width:900px){
      .legacy-site .nav-links{display:none;position:absolute;top:74px;left:18px;right:18px;flex-direction:column;align-items:stretch;padding:12px;background:#0b0e19;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
      .legacy-site .nav-links.open{display:flex}
      .legacy-site .menu-btn{display:block}
      .legacy-site .nav-cta .btn{display:none}
      .legacy-site .hero{padding-top:130px}
      .legacy-site .hero-grid{grid-template-columns:1fr}
      .legacy-site .visual-card{min-height:390px}
      .legacy-site .visual-center{min-height:390px}
      .legacy-site .project.large,
.legacy-site .project.small{grid-column:span 12}
      .legacy-site .news-grid{grid-template-columns:1fr}
      .legacy-site .stats{grid-template-columns:repeat(2,1fr)}
      .legacy-site .team-grid{grid-template-columns:1fr}
      .legacy-site .section-head{align-items:flex-start;flex-direction:column}
    }

    @media (max-width:560px){
      .legacy-site .wrap{width:min(100% - 24px,1180px)}
      .legacy-site h1{letter-spacing:-3px}
      .legacy-site .hero{padding-bottom:62px}
      .legacy-site .section{padding:72px 0}
      .legacy-site .cta{padding:30px 22px}
      .legacy-site .stats{grid-template-columns:1fr 1fr}
      .legacy-site .mega-logo{font-size:54px;border-radius:55px}
      .legacy-site .visual-center{padding:24px}
    }

    @media (prefers-reduced-motion:reduce){
      .legacy-site *,
.legacy-site *::before,
.legacy-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
      .legacy-site .reveal{opacity:1;transform:none}
    }

/* ===== One-page additions while preserving original LF STUDIO style ===== */

.legacy-site .section-anchor{scroll-margin-top:92px}

.legacy-site .nav-links a.active{
  color:#fff;
  background:rgba(255,255,255,.07);
}

.legacy-site .project-click{
  cursor:pointer;
}
.legacy-site .project-click .project-arrow{
  position:absolute;
  right:22px;
  bottom:22px;
  font-size:13px;
  font-weight:900;
  color:#dfe7ff;
  padding:8px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  transition:.2s ease;
}
.legacy-site .project-click:hover .project-arrow{
  background:linear-gradient(135deg,var(--purple),var(--blue));
  transform:translateY(-2px);
}

/* Project detail modal */
.legacy-site .modal{
  position:fixed;
  inset:0;
  z-index:200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .3s ease,visibility .3s ease;
}
.legacy-site .modal.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.legacy-site .modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,5,12,.78);
  backdrop-filter:blur(14px);
}
.legacy-site .modal-card{
  position:relative;
  z-index:2;
  width:min(820px,100%);
  max-height:86vh;
  overflow:auto;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 80% 5%,rgba(139,92,246,.20),transparent 28%),
    linear-gradient(145deg,rgba(15,19,35,.98),rgba(9,12,23,.98));
  box-shadow:0 30px 100px rgba(0,0,0,.58);
  padding:34px;
  transform:translateY(26px) scale(.98);
  transition:transform .32s cubic-bezier(.22,.8,.2,1);
}
.legacy-site .modal.open .modal-card{
  transform:none;
}
.legacy-site .modal-close{
  position:absolute;
  right:18px;
  top:18px;
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.055);
  color:#fff;
  font-size:22px;
  cursor:pointer;
}
.legacy-site .modal-close:hover{background:rgba(255,255,255,.10)}
.legacy-site .modal-card h3{
  font-size:clamp(34px,5vw,54px);
  letter-spacing:-2px;
  margin:10px 0 14px;
}
.legacy-site .modal-card p{
  color:var(--muted);
  line-height:1.75;
  font-size:16px;
}
.legacy-site .modal-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:24px;
}
.legacy-site .modal-feature{
  padding:18px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
}
.legacy-site .modal-feature strong{
  display:block;
  margin-bottom:5px;
}
.legacy-site .modal-feature span{
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

/* Team categories */
.legacy-site .team-shell{
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.022));
  overflow:hidden;
}
.legacy-site .team-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
}
.legacy-site .team-tab{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#d8ddec;
  padding:10px 13px;
  border-radius:11px;
  font-weight:850;
  cursor:pointer;
  transition:.2s ease;
}
.legacy-site .team-tab:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.075);
}
.legacy-site .team-tab.active{
  color:#fff;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.legacy-site .team-tab[data-role="all"].active{background:linear-gradient(135deg,var(--purple),var(--blue))}
.legacy-site .team-tab[data-role="serverleiter"].active{background:#e11d48}
.legacy-site .team-tab[data-role="administrator"].active{background:#7f1d1d}
.legacy-site .team-tab[data-role="moderator"].active{background:#15803d}
.legacy-site .team-tab[data-role="supporter"].active{background:#db2777}
.legacy-site .team-tab[data-role="junior"].active{background:#f9a8d4;color:#37101f}

.legacy-site .team-stage{
  position:relative;
  min-height:380px;
  padding:26px;
}
.legacy-site .team-panel{
  display:none;
  opacity:0;
  transform:translateY(14px);
}
.legacy-site .team-panel.active{
  display:block;
  animation:teamPanelIn .38s cubic-bezier(.22,.8,.2,1) forwards;
}
@keyframes teamPanelIn{
  to{opacity:1;transform:none}
}

.legacy-site .rank-title{
  font-size:32px;
  margin:0 0 6px;
  letter-spacing:-1.3px;
}
.legacy-site .rank-sub{
  color:var(--muted);
  line-height:1.6;
  margin:0 0 22px;
}
.legacy-site .rank-serverleiter{color:#ff2b4f}
.legacy-site .rank-administrator{color:#991b1b}
.legacy-site .rank-moderator{color:#22c55e}
.legacy-site .rank-supporter{color:#f472b6}
.legacy-site .rank-junior{color:#fbcfe8}

.legacy-site .team-overview{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}
.legacy-site .overview-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:18px;
  background:rgba(255,255,255,.035);
  cursor:pointer;
  transition:.2s ease;
}
.legacy-site .overview-card:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.055);
}
.legacy-site .overview-card strong{
  display:block;
  margin-bottom:4px;
}
.legacy-site .overview-card small{color:var(--muted)}

.legacy-site .serverlead-card{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px;
  align-items:center;
  padding:26px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 15% 20%,rgba(225,29,72,.16),transparent 28%),
    rgba(255,255,255,.035);
}
.legacy-site .skin-stage{
  min-height:330px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% 35%,rgba(139,92,246,.18),transparent 33%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  perspective:700px;
}
.legacy-site .minecraft-skin{
  position:relative;
  width:150px;
  height:300px;
  animation:skinFloat 4s ease-in-out infinite;
  transform-style:preserve-3d;
}
@keyframes skinFloat{
  0%,100%{transform:translateY(0) rotateY(-6deg)}
  50%{transform:translateY(-8px) rotateY(6deg)}
}
.legacy-site .mc-head,
.legacy-site .mc-body,
.legacy-site .mc-arm,
.legacy-site .mc-leg{
  position:absolute;
  image-rendering:pixelated;
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.12);
}
.legacy-site .mc-head{
  width:76px;height:76px;left:37px;top:10px;
  background:
    linear-gradient(#4b2f22 0 28%,#6b422d 28% 40%,#f0c6a8 40% 100%);
}
.legacy-site .mc-head:before,
.legacy-site .mc-head:after{
  content:"";
  position:absolute;top:42px;width:9px;height:9px;background:#5b3a29;
}
.legacy-site .mc-head:before{left:18px}
.legacy-site .mc-head:after{right:18px}
.legacy-site .mc-body{
  width:86px;height:96px;left:32px;top:86px;
  background:linear-gradient(180deg,#7c3aed 0%,#6d28d9 65%,#5b21b6 100%);
}
.legacy-site .mc-arm{
  width:28px;height:96px;top:88px;
  background:linear-gradient(180deg,#7c3aed 0 70%,#f0c6a8 70% 100%);
}
.legacy-site .mc-arm.left{left:4px;transform:rotate(5deg)}
.legacy-site .mc-arm.right{right:4px;transform:rotate(-5deg)}
.legacy-site .mc-leg{
  width:39px;height:112px;top:182px;
  background:linear-gradient(180deg,#1e40af 0 80%,#111827 80% 100%);
}
.legacy-site .mc-leg.left{left:34px}
.legacy-site .mc-leg.right{right:34px}
.legacy-site .skin-caption{
  position:absolute;
  bottom:14px;
  left:14px;
  right:14px;
  text-align:center;
  font-size:11px;
  color:#9aa4bc;
  line-height:1.45;
}

.legacy-site .member-name{
  font-size:42px;
  letter-spacing:-1.8px;
  margin:4px 0 8px;
}
.legacy-site .member-name.serverlead{color:#ff334f;font-weight:1000}
.legacy-site .member-role{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  background:rgba(225,29,72,.12);
  border:1px solid rgba(225,29,72,.25);
  color:#ff7a8f;
}
.legacy-site .member-copy{
  color:var(--muted);
  line-height:1.7;
  margin-top:18px;
}

.legacy-site .coming-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.legacy-site .coming-card{
  min-height:190px;
  padding:22px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.legacy-site .coming-card .coming{
  font-size:26px;
  font-weight:1000;
  letter-spacing:-1px;
  margin-bottom:6px;
}
.legacy-site .coming-card p{
  color:var(--muted);
  margin:0;
  line-height:1.55;
}

/* Contact form stays on the same page */
.legacy-site .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.legacy-site .form-group{margin-bottom:14px}
.legacy-site .form-group.full{grid-column:1/-1}
.legacy-site .form-group label{
  display:block;
  margin-bottom:8px;
  font-size:13px;
  font-weight:800;
  color:#dbeafe;
}
.legacy-site .form-group input,
.legacy-site .form-group textarea{
  width:100%;
  padding:14px 15px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.055);
  color:white;
  outline:none;
}
.legacy-site .form-group textarea{min-height:150px;resize:vertical}
.legacy-site .form-note{font-size:12px;color:#8d97b0;line-height:1.55;margin-top:10px}

@media(max-width:980px){
  .legacy-site .team-overview{grid-template-columns:repeat(2,1fr)}
  .legacy-site .serverlead-card{grid-template-columns:1fr}
  .legacy-site .skin-stage{min-height:360px}
}
@media(max-width:700px){
  .legacy-site .modal-feature-grid{grid-template-columns:1fr}
  .legacy-site .coming-grid{grid-template-columns:1fr}
  .legacy-site .form-grid{grid-template-columns:1fr}
  .legacy-site .form-group.full{grid-column:auto}
}
@media(max-width:520px){
  .legacy-site .team-overview{grid-template-columns:1fr}
  .legacy-site .team-tabs{gap:6px}
  .legacy-site .team-tab{font-size:12px;padding:9px 10px}
}

/* ===== Serverteam V6 ===== */
.legacy-site #team .section-head{
  display:block;
}
.legacy-site #team .section-head h2{
  white-space:nowrap;
  font-size:clamp(34px,4.4vw,58px);
}
.legacy-site #team .section-head > p{
  margin-top:18px;
  max-width:760px;
}

/* Rank buttons now vertically stacked */
.legacy-site .team-tabs{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  align-items:stretch;
}
.legacy-site .team-tab{
  width:100%;
  text-align:left;
  justify-content:flex-start;
  min-height:48px;
}
.legacy-site .team-tab::after{
  content:"→";
  float:right;
  opacity:.55;
}
.legacy-site .team-tab.active::after{
  opacity:1;
}

/* Overview ranks vertically stacked */
.legacy-site .team-overview{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}
.legacy-site .overview-card{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 20px !important;
}
.legacy-site .overview-card strong{
  margin:0 !important;
}
.legacy-site .overview-card small{
  text-align:right;
}

/* Leading ranks are visually stronger */
.legacy-site .rank-lead{
  font-weight:1000 !important;
  letter-spacing:.15px;
}
.legacy-site .rank-serverleiter{
  font-weight:1000 !important;
}
.legacy-site .rank-lead-admin{
  color:#b91c1c;
  font-weight:1000 !important;
}
.legacy-site .rank-administrator{
  color:#7f1d1d;
}
.legacy-site .rank-lead-moderator{
  color:#16a34a;
  font-weight:1000 !important;
}
.legacy-site .rank-moderator{
  color:#22c55e;
}
.legacy-site .rank-lead-supporter{
  color:#ec4899;
  font-weight:1000 !important;
}
.legacy-site .rank-supporter{
  color:#f472b6;
}
.legacy-site .rank-junior{
  color:#fbcfe8;
}

/* Leading tab colors */
.legacy-site .team-tab[data-role="lead-admin"].active{
  background:#b91c1c;
}
.legacy-site .team-tab[data-role="lead-moderator"].active{
  background:#16a34a;
}
.legacy-site .team-tab[data-role="lead-supporter"].active{
  background:#ec4899;
}

/* Team shell uses side-by-side nav/content on desktop */
.legacy-site .team-shell{
  display:grid;
  grid-template-columns:290px 1fr;
}
.legacy-site .team-tabs{
  border-bottom:none !important;
  border-right:1px solid rgba(255,255,255,.07);
}
.legacy-site .team-stage{
  min-width:0;
}

@media(max-width:900px){
  .legacy-site #team .section-head h2{
    white-space:normal;
  }
  .legacy-site .team-shell{
    grid-template-columns:1fr;
  }
  .legacy-site .team-tabs{
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
  }
}


/* ===== Serverteam V7 — Real roster & Minecraft skin renders ===== */

.legacy-site .team-tab[data-role="deputy"].active{
  background:#be123c;
}
.legacy-site .rank-deputy{
  color:#fb4f68;
  font-weight:1000 !important;
}

.legacy-site .roster-list{
  display:grid;
  gap:14px;
}

.legacy-site .member-card{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:24px;
  align-items:center;
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 8% 15%,rgba(139,92,246,.11),transparent 28%),
    rgba(255,255,255,.032);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.legacy-site .member-card:hover{
  transform:translateY(-3px);
  border-color:rgba(139,92,246,.28);
  background:
    radial-gradient(circle at 8% 15%,rgba(139,92,246,.15),transparent 30%),
    rgba(255,255,255,.045);
}

.legacy-site .member-skinbox{
  min-height:230px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% 38%,rgba(56,189,248,.11),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative;
}

.legacy-site .member-skin{
  width:auto;
  height:205px;
  max-width:150px;
  object-fit:contain;
  image-rendering:pixelated;
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.34));
  transition:transform .3s ease;
}
.legacy-site .member-card:hover .member-skin{
  transform:translateY(-4px) rotateY(4deg);
}

.legacy-site .member-info .member-name{
  margin:8px 0 7px;
  font-size:34px;
  letter-spacing:-1.3px;
}
.legacy-site .member-info .member-copy{
  margin:13px 0 0;
}

.legacy-site .role-badge{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:.7px;
  font-weight:1000;
  border:1px solid currentColor;
  background:rgba(255,255,255,.035);
}

.legacy-site .badge-serverleiter{color:#ff3757}
.legacy-site .badge-deputy{color:#fb7185}
.legacy-site .badge-lead-admin{color:#dc2626}
.legacy-site .badge-admin{color:#991b1b}
.legacy-site .badge-lead-mod{color:#16a34a}
.legacy-site .badge-mod{color:#22c55e}
.legacy-site .badge-lead-support{color:#ec4899}
.legacy-site .badge-support{color:#f472b6}
.legacy-site .badge-junior{color:#fbcfe8}

.legacy-site .name-serverleiter{color:#ff334f;font-weight:1000}
.legacy-site .name-deputy{color:#fb5f76;font-weight:1000}
.legacy-site .name-lead-admin{color:#dc2626;font-weight:1000}
.legacy-site .name-admin{color:#b91c1c;font-weight:900}
.legacy-site .name-lead-mod{color:#16a34a;font-weight:1000}
.legacy-site .name-mod{color:#22c55e;font-weight:900}
.legacy-site .name-lead-support{color:#ec4899;font-weight:1000}
.legacy-site .name-support{color:#f472b6;font-weight:900}
.legacy-site .name-junior{color:#fbcfe8;font-weight:900}

.legacy-site .no-lead-card{
  min-height:230px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:22px;
  border:1px dashed rgba(244,114,182,.28);
  background:rgba(244,114,182,.035);
  padding:30px;
}
.legacy-site .no-lead-card strong{
  display:block;
  color:#f472b6;
  font-size:25px;
  margin-bottom:8px;
}
.legacy-site .no-lead-card p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}

.legacy-site .overview-card{
  cursor:pointer;
}
.legacy-site .overview-card .overview-main{
  min-width:0;
}
.legacy-site .overview-card .overview-name{
  display:block;
  color:#b8c0d4;
  margin-top:4px;
  font-size:12px;
}
.legacy-site .overview-count{
  flex:0 0 auto;
  min-width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#dde3f1;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.07);
  font-size:12px;
  font-weight:900;
}

@media(max-width:760px){
  .legacy-site .member-card{
    grid-template-columns:1fr;
  }
  .legacy-site .member-skinbox{
    min-height:280px;
  }
  .legacy-site .member-skin{
    height:245px;
  }
}


.legacy-site .brand-mark img{
  width:78%;
  height:78%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.12));
}

.legacy-site .mega-logo img{
  width:76%;
  height:76%;
  object-fit:contain;
  display:block;
  filter:
    drop-shadow(0 0 18px rgba(255,255,255,.14))
    drop-shadow(0 0 24px rgba(76,166,255,.18));
}



/* ===== V14 Contact Form Fix ===== */
.legacy-site .contact-status{
  display:none;
  margin-top:14px;
  padding:13px 15px;
  border-radius:12px;
  font-size:13px;
  line-height:1.55;
  font-weight:750;
}
.legacy-site .contact-status.show{display:block}
.legacy-site .contact-status.success{
  color:#b9f6dd;
  background:rgba(52,211,153,.08);
  border:1px solid rgba(52,211,153,.24);
}
.legacy-site .contact-status.error{
  color:#fecdd3;
  background:rgba(251,113,133,.08);
  border:1px solid rgba(251,113,133,.24);
}
.legacy-site #contactSubmit[disabled]{
  opacity:.65;
  cursor:wait;
  transform:none;
}


/* ===== V16 Contact Auto-Reply ===== */
.legacy-site #contactEmail{
  text-transform:none;
}


/* ===== V17 Contact Success ===== */
.legacy-site .contact-success-panel{
  display:none;
  margin-top:22px;
  padding:24px;
  border-radius:20px;
  border:1px solid rgba(52,211,153,.30);
  background:
    radial-gradient(circle at 12% 20%,rgba(52,211,153,.12),transparent 28%),
    rgba(52,211,153,.045);
  align-items:center;
  gap:18px;
}
.legacy-site .contact-success-panel.show{
  display:flex;
  animation:contactSuccessIn .45s cubic-bezier(.22,.8,.2,1) both;
}
.legacy-site .contact-success-icon{
  flex:0 0 auto;
  width:62px;
  height:62px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:31px;
  font-weight:1000;
  color:#062a1d;
  background:#34d399;
  box-shadow:0 0 28px rgba(52,211,153,.30);
}
.legacy-site .contact-success-copy strong{
  display:block;
  color:#baf7dc;
  font-size:21px;
  margin-bottom:5px;
}
.legacy-site .contact-success-copy span{
  display:block;
  color:#aab7b2;
  line-height:1.6;
  font-size:14px;
}
@keyframes contactSuccessIn{
  from{opacity:0;transform:translateY(14px) scale(.985)}
  to{opacity:1;transform:none}
}
@media(max-width:600px){
  .legacy-site .contact-success-panel{
    align-items:flex-start;
  }
  .legacy-site .contact-success-icon{
    width:52px;
    height:52px;
    font-size:26px;
  }
}


/* ===== V18 Account System ===== */

.legacy-site .account-nav{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
}
.legacy-site .account-button{
  min-width:112px;
}
.legacy-site .account-button-icon{
  font-size:16px;
  opacity:.85;
}

.legacy-site .account-dropdown{
  position:absolute;
  right:0;
  top:58px;
  width:310px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(9,12,23,.97);
  backdrop-filter:blur(20px);
  box-shadow:0 24px 70px rgba(0,0,0,.48);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px) scale(.985);
  transform-origin:top right;
  transition:.22s ease;
}
.legacy-site .account-dropdown.open{
  opacity:1;
  visibility:visible;
  transform:none;
}
.legacy-site .account-dropdown-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 8px 14px;
  margin-bottom:6px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.legacy-site .account-mini-avatar{
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-size:13px;
  font-weight:1000;
  background:linear-gradient(135deg,var(--purple),var(--blue));
  box-shadow:0 0 22px rgba(98,93,255,.25);
}
.legacy-site .account-dropdown-head strong{
  display:block;
  font-size:14px;
}
.legacy-site .account-dropdown-head span{
  display:block;
  color:#8994ac;
  font-size:11px;
  margin-top:3px;
  max-width:205px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.legacy-site .account-menu-item{
  width:100%;
  border:none;
  color:#e7eafa;
  background:transparent;
  display:grid;
  grid-template-columns:32px 1fr auto;
  gap:10px;
  align-items:center;
  text-align:left;
  padding:11px 10px;
  border-radius:12px;
  cursor:pointer;
  transition:.18s ease;
}
.legacy-site .account-menu-item:hover{
  background:rgba(255,255,255,.055);
}
.legacy-site .account-menu-item > span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.06);
  font-weight:900;
}
.legacy-site .account-menu-item strong{
  display:block;
  font-size:13px;
}
.legacy-site .account-menu-item small{
  display:block;
  color:#828da6;
  font-size:10px;
  margin-top:2px;
}
.legacy-site .account-menu-item b{
  color:#758198;
  font-size:18px;
}
.legacy-site .account-logout{
  width:100%;
  margin-top:8px;
  min-height:40px;
  border-radius:11px;
  border:1px solid rgba(251,113,133,.16);
  background:rgba(251,113,133,.06);
  color:#fda4af;
  font-weight:850;
  cursor:pointer;
}
.legacy-site .account-logout:hover{
  background:rgba(251,113,133,.10);
}

/* Account modal */
.legacy-site .account-modal{
  position:fixed;
  inset:0;
  z-index:350;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.28s ease;
}
.legacy-site .account-modal.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.legacy-site .account-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,4,10,.82);
  backdrop-filter:blur(16px);
}
.legacy-site .account-modal-card{
  position:relative;
  z-index:2;
  width:min(540px,100%);
  max-height:88vh;
  overflow:auto;
  border-radius:28px;
  padding:30px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 85% 0%,rgba(139,92,246,.19),transparent 32%),
    linear-gradient(145deg,rgba(15,19,35,.99),rgba(8,11,20,.99));
  box-shadow:0 32px 110px rgba(0,0,0,.60);
  transform:translateY(22px) scale(.985);
  transition:transform .3s cubic-bezier(.22,.8,.2,1);
}
.legacy-site .account-modal.open .account-modal-card{
  transform:none;
}
.legacy-site .account-close{
  position:absolute;
  top:17px;
  right:17px;
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#fff;
  font-size:20px;
  cursor:pointer;
}
.legacy-site .account-title{
  margin:7px 0 8px;
  font-size:38px;
  letter-spacing:-1.7px;
}
.legacy-site .account-intro{
  margin:0 0 22px;
  color:var(--muted);
  line-height:1.65;
  font-size:14px;
}
.legacy-site .login-provider-grid{
  display:grid;
  gap:10px;
}
.legacy-site .login-provider{
  width:100%;
  min-height:54px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  color:#fff;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 15px;
  cursor:pointer;
  text-align:left;
  transition:.2s ease;
}
.legacy-site .login-provider:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.07);
}
.legacy-site .provider-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.06);
  font-weight:1000;
}
.legacy-site .login-provider strong{display:block}
.legacy-site .login-provider small{
  display:block;
  color:#8792aa;
  font-size:10px;
  margin-top:2px;
}
.legacy-site .provider-email .provider-icon{color:#7dd3fc}
.legacy-site .provider-discord .provider-icon{color:#a5b4fc}
.legacy-site .provider-twitch .provider-icon{color:#d8b4fe}
.legacy-site .provider-youtube .provider-icon{color:#fda4af}

.legacy-site .account-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:20px 0;
  color:#77829a;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1.4px;
  font-weight:850;
}
.legacy-site .account-divider:before,
.legacy-site .account-divider:after{
  content:"";
  height:1px;
  flex:1;
  background:rgba(255,255,255,.07);
}

.legacy-site .email-login{
  display:none;
  margin-top:16px;
}
.legacy-site .email-login.open{
  display:block;
  animation:teamPanelIn .3s ease both;
}
.legacy-site .email-login .form-group{
  margin-bottom:12px;
}
.legacy-site .account-helper{
  color:#758198;
  font-size:11px;
  line-height:1.55;
  margin-top:12px;
}
.legacy-site .account-provider-note{
  display:none;
  margin-top:14px;
  padding:12px 13px;
  border-radius:12px;
  color:#c7d2fe;
  background:rgba(99,102,241,.07);
  border:1px solid rgba(99,102,241,.16);
  font-size:12px;
  line-height:1.55;
}
.legacy-site .account-provider-note.show{display:block}

/* Logged-in views */
.legacy-site .account-view{
  display:none;
}
.legacy-site .account-view.active{
  display:block;
  animation:teamPanelIn .35s ease both;
}
.legacy-site .profile-hero{
  display:flex;
  align-items:center;
  gap:18px;
  margin:14px 0 24px;
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
}
.legacy-site .profile-avatar{
  width:68px;
  height:68px;
  border-radius:20px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-size:20px;
  font-weight:1000;
  background:linear-gradient(135deg,var(--purple),var(--blue));
  box-shadow:0 0 28px rgba(93,93,255,.24);
}
.legacy-site .profile-hero h3{
  margin:0 0 4px;
  font-size:22px;
}
.legacy-site .profile-hero p{
  margin:0;
  color:#8792aa;
  font-size:12px;
}
.legacy-site .profile-data-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.legacy-site .profile-data{
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
}
.legacy-site .profile-data span{
  display:block;
  color:#7e899f;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:1.1px;
  font-weight:850;
  margin-bottom:5px;
}
.legacy-site .profile-data strong{
  display:block;
  font-size:13px;
  overflow-wrap:anywhere;
}

.legacy-site .balance-card{
  margin-top:16px;
  padding:26px;
  border-radius:22px;
  border:1px solid rgba(52,211,153,.18);
  background:
    radial-gradient(circle at 80% 0%,rgba(52,211,153,.12),transparent 30%),
    rgba(255,255,255,.035);
}
.legacy-site .balance-label{
  color:#86a99b;
  font-size:12px;
  font-weight:800;
}
.legacy-site .balance-amount{
  margin:5px 0 4px;
  font-size:46px;
  font-weight:1000;
  letter-spacing:-2px;
}
.legacy-site .balance-card p{
  margin:0;
  color:#81908a;
  font-size:12px;
}

.legacy-site .settings-list{
  display:grid;
  gap:10px;
  margin-top:15px;
}
.legacy-site .setting-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.03);
}
.legacy-site .setting-row strong{display:block;font-size:13px}
.legacy-site .setting-row small{display:block;color:#7c879d;margin-top:3px;font-size:10px}
.legacy-site .toggle{
  width:46px;
  height:26px;
  border:none;
  border-radius:999px;
  padding:3px;
  background:#2b3140;
  cursor:pointer;
  transition:.2s ease;
}
.legacy-site .toggle span{
  display:block;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  transition:.2s ease;
}
.legacy-site .toggle.on{
  background:linear-gradient(135deg,var(--purple),var(--blue));
}
.legacy-site .toggle.on span{
  transform:translateX(20px);
}

.legacy-site .account-back{
  margin-bottom:14px;
  border:none;
  background:transparent;
  color:#8edfff;
  font-weight:850;
  padding:0;
  cursor:pointer;
}

@media(max-width:900px){
  .legacy-site .account-nav{
    margin-left:auto;
  }
  .legacy-site .nav-cta .account-button{
    display:inline-flex;
  }
}
@media(max-width:560px){
  .legacy-site .account-dropdown{
    position:fixed;
    top:78px;
    right:12px;
    left:12px;
    width:auto;
  }
  .legacy-site .profile-data-grid{
    grid-template-columns:1fr;
  }
}


/* ===== V19 Profile Editing ===== */
.legacy-site .profile-edit-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}

.legacy-site .profile-edit-panel{
  display:none;
  margin-top:18px;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}
.legacy-site .profile-edit-panel.open{
  display:block;
  animation:teamPanelIn .3s ease both;
}

.legacy-site .profile-edit-panel h4{
  margin:0 0 14px;
  font-size:18px;
  letter-spacing:-.5px;
}

.legacy-site .profile-save-status{
  display:none;
  margin-top:12px;
  padding:11px 12px;
  border-radius:11px;
  font-size:12px;
  line-height:1.5;
}
.legacy-site .profile-save-status.show{
  display:block;
}
.legacy-site .profile-save-status.success{
  color:#baf7dc;
  background:rgba(52,211,153,.07);
  border:1px solid rgba(52,211,153,.20);
}
.legacy-site .profile-save-status.error{
  color:#fecdd3;
  background:rgba(251,113,133,.07);
  border:1px solid rgba(251,113,133,.20);
}


/* ===== V20 Profile Picture + Community Tabs ===== */

.legacy-site .community-project-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:22px;
}
.legacy-site .community-project-tab{
  min-height:82px;
  padding:15px 16px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
  color:#fff;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.legacy-site .community-project-tab:hover{
  transform:translateY(-4px);
  border-color:rgba(139,92,246,.30);
  background:rgba(255,255,255,.055);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.legacy-site .community-tab-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.07);
  font-size:19px;
}
.legacy-site .community-project-tab strong{
  display:block;
  font-size:14px;
  margin-bottom:4px;
}
.legacy-site .community-project-tab small{
  display:block;
  color:#8792a9;
  font-size:10px;
  line-height:1.4;
}
.legacy-site .cobblemon-tab:hover{border-color:rgba(139,92,246,.42)}
.legacy-site .zero-tab:hover{border-color:rgba(251,113,133,.38)}
.legacy-site .horizon-tab:hover{border-color:rgba(56,189,248,.40)}

.legacy-site .profile-avatar,
.legacy-site .account-mini-avatar,
.legacy-site .profile-picture-preview{
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
.legacy-site .profile-avatar.has-picture,
.legacy-site .account-mini-avatar.has-picture,
.legacy-site .profile-picture-preview.has-picture{
  color:transparent !important;
}

.legacy-site .profile-rank-line{
  margin-top:8px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#8792aa;
  font-size:11px;
}
.legacy-site .profile-rank-line strong,
.legacy-site .rank-coming{
  color:#c8b9ff;
}

.legacy-site .profile-data-grid{
  grid-template-columns:repeat(2,1fr);
}

.legacy-site .profile-picture-editor{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:16px;
  align-items:center;
  margin-bottom:18px;
  padding:15px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
}
.legacy-site .profile-picture-preview{
  width:86px;
  height:86px;
  border-radius:22px;
  display:grid;
  place-items:center;
  font-size:22px;
  font-weight:1000;
  background:linear-gradient(135deg,var(--purple),var(--blue));
  box-shadow:0 0 26px rgba(93,93,255,.18);
  overflow:hidden;
}
.legacy-site .profile-picture-controls strong{
  display:block;
  font-size:14px;
  margin-bottom:4px;
}
.legacy-site .profile-picture-controls > span{
  display:block;
  color:#7e899f;
  font-size:10px;
  line-height:1.5;
}
.legacy-site .profile-edit-actions.compact{
  margin-top:10px;
}
.legacy-site .profile-edit-actions.compact .btn{
  min-height:38px;
  padding:0 13px;
  font-size:11px;
}
.legacy-site .profile-remove-picture{
  border:none;
  background:transparent;
  color:#fda4af;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
  padding:8px 4px;
}

@media(max-width:900px){
  .legacy-site .community-project-tabs{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .legacy-site .profile-picture-editor{
    grid-template-columns:1fr;
  }
}


/* ===== V21 Community Projects — Serverteam-style layout ===== */

.legacy-site .community-shell{
  display:grid;
  grid-template-columns:310px 1fr;
  min-height:560px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:
    radial-gradient(circle at 75% 10%,rgba(139,92,246,.055),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.018));
  overflow:hidden;
}

.legacy-site .community-side-tabs{
  display:grid;
  align-content:start;
  gap:8px;
  padding:18px;
  border-right:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.018);
}

.legacy-site .community-side-tab{
  width:100%;
  min-height:66px;
  padding:11px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.035);
  color:#e1e5f1;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:11px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:
    transform .2s ease,
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.legacy-site .community-side-tab:hover{
  transform:translateX(4px);
  background:rgba(255,255,255,.055);
}

.legacy-site .community-side-tab.active{
  background:linear-gradient(135deg,var(--purple),var(--blue));
  border-color:rgba(255,255,255,.15);
  box-shadow:0 12px 30px rgba(75,85,255,.18);
}

.legacy-site .community-cobblemon-tab.active{
  background:linear-gradient(135deg,#ffffff 0%,#f5f5f5 48%,#ef4444 160%);
  color:#15151a;
  border-color:rgba(239,68,68,.50);
  box-shadow:0 12px 30px rgba(239,68,68,.13);
}

.legacy-site .community-zero-tab.active{
  background:linear-gradient(135deg,#065f46,#10b981);
  color:#fff;
  border-color:rgba(16,185,129,.48);
  box-shadow:0 12px 30px rgba(16,185,129,.14);
}

.legacy-site .community-horizon-tab.active{
  background:linear-gradient(135deg,#ffffff 0%,#f4f8ff 48%,#3b82f6 160%);
  color:#111827;
  border-color:rgba(59,130,246,.48);
  box-shadow:0 12px 30px rgba(59,130,246,.13);
}

.legacy-site .community-side-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.065);
  font-size:17px;
}

.legacy-site .community-cobblemon-tab.active .community-side-icon,
.legacy-site .community-horizon-tab.active .community-side-icon{
  background:rgba(0,0,0,.055);
  border-color:rgba(0,0,0,.07);
}

.legacy-site .community-side-tab strong{
  display:block;
  font-size:13px;
  line-height:1.25;
}

.legacy-site .community-side-tab small{
  display:block;
  margin-top:4px;
  color:#818da5;
  font-size:9px;
  line-height:1.35;
}

.legacy-site .community-side-tab.active small{
  color:rgba(255,255,255,.72);
}

.legacy-site .community-cobblemon-tab.active small,
.legacy-site .community-horizon-tab.active small{
  color:rgba(17,24,39,.58);
}

.legacy-site .community-stage{
  min-width:0;
  padding:30px;
}

.legacy-site .community-panel{
  display:none;
  opacity:0;
  transform:translateY(14px);
}

.legacy-site .community-panel.active{
  display:block;
  animation:communityPanelIn .38s cubic-bezier(.22,.8,.2,1) forwards;
}

@keyframes communityPanelIn{
  to{
    opacity:1;
    transform:none;
  }
}

.legacy-site .community-panel-kicker{
  color:#8edfff;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
  margin-bottom:9px;
}

.legacy-site .community-main-title{
  margin:0 0 12px;
  font-size:clamp(30px,4vw,44px);
  letter-spacing:-1.6px;
}

.legacy-site .community-panel-copy{
  color:var(--muted);
  max-width:760px;
  line-height:1.75;
  margin:0;
}

.legacy-site .community-overview-list{
  display:grid;
  gap:12px;
  margin-top:28px;
}

.legacy-site .community-overview-card{
  width:100%;
  min-height:86px;
  padding:15px 18px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:#fff;
  display:grid;
  grid-template-columns:52px 1fr 36px;
  gap:14px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:.22s ease;
}

.legacy-site .community-overview-card:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.05);
}

.legacy-site .cobblemon-overview:hover{
  border-color:rgba(239,68,68,.38);
  box-shadow:0 10px 30px rgba(239,68,68,.06);
}

.legacy-site .zero-overview:hover{
  border-color:rgba(16,185,129,.42);
  box-shadow:0 10px 30px rgba(16,185,129,.07);
}

.legacy-site .horizon-overview:hover{
  border-color:rgba(59,130,246,.42);
  box-shadow:0 10px 30px rgba(59,130,246,.07);
}

.legacy-site .community-overview-number{
  color:rgba(255,255,255,.28);
  font-size:26px;
  font-weight:1000;
  letter-spacing:-1px;
}

.legacy-site .community-overview-copy strong{
  display:block;
  font-size:16px;
  margin-bottom:5px;
}

.legacy-site .cobblemon-overview .community-overview-copy strong{
  color:#fff;
  text-shadow:0 0 18px rgba(239,68,68,.32);
}

.legacy-site .zero-overview .community-overview-copy strong{
  color:#34d399;
}

.legacy-site .horizon-overview .community-overview-copy strong{
  color:#fff;
  text-shadow:0 0 18px rgba(59,130,246,.34);
}

.legacy-site .community-overview-copy small{
  color:#8792aa;
  font-size:11px;
}

.legacy-site .community-overview-arrow{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  justify-self:end;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
  font-size:16px;
}

.legacy-site .community-project-detail{
  position:relative;
  min-height:470px;
  padding:30px;
  border-radius:24px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
}

.legacy-site .cobblemon-detail{
  border:1px solid rgba(239,68,68,.25);
  background:
    radial-gradient(circle at 82% 8%,rgba(239,68,68,.17),transparent 30%),
    radial-gradient(circle at 18% 85%,rgba(255,255,255,.055),transparent 28%),
    linear-gradient(145deg,rgba(17,20,34,.96),rgba(9,12,20,.98));
}

.legacy-site .zero-detail{
  border:1px solid rgba(16,185,129,.26);
  background:
    radial-gradient(circle at 82% 8%,rgba(16,185,129,.18),transparent 30%),
    linear-gradient(145deg,rgba(11,25,24,.95),rgba(7,13,16,.98));
}

.legacy-site .horizon-detail{
  border:1px solid rgba(59,130,246,.27);
  background:
    radial-gradient(circle at 82% 8%,rgba(59,130,246,.18),transparent 31%),
    radial-gradient(circle at 20% 90%,rgba(255,255,255,.045),transparent 28%),
    linear-gradient(145deg,rgba(13,18,31,.97),rgba(7,11,20,.99));
}

.legacy-site .community-detail-top{
  position:absolute;
  top:24px;
  left:26px;
  right:26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.legacy-site .community-project-number{
  color:rgba(255,255,255,.08);
  font-size:62px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-4px;
}

.legacy-site .community-status{
  padding:7px 10px;
  border-radius:999px;
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.4px;
}

.legacy-site .red-status{
  color:#fff;
  background:rgba(239,68,68,.13);
  border:1px solid rgba(239,68,68,.28);
}

.legacy-site .emerald-status{
  color:#a7f3d0;
  background:rgba(16,185,129,.10);
  border:1px solid rgba(16,185,129,.25);
}

.legacy-site .blue-status{
  color:#fff;
  background:rgba(59,130,246,.11);
  border:1px solid rgba(59,130,246,.26);
}

.legacy-site .community-project-symbol{
  width:58px;
  height:58px;
  margin-bottom:25px;
  border-radius:17px;
  display:grid;
  place-items:center;
  font-size:26px;
}

.legacy-site .red-symbol{
  color:#fff;
  background:linear-gradient(135deg,#fff 0%,#f8f8f8 58%,#ef4444 160%);
  box-shadow:0 12px 32px rgba(239,68,68,.13);
}

.legacy-site .emerald-symbol{
  color:#fff;
  background:linear-gradient(135deg,#047857,#10b981);
  box-shadow:0 12px 32px rgba(16,185,129,.16);
}

.legacy-site .blue-symbol{
  color:#111827;
  background:linear-gradient(135deg,#fff 0%,#f4f8ff 58%,#3b82f6 160%);
  box-shadow:0 12px 32px rgba(59,130,246,.13);
}

.legacy-site .red-kicker{color:#f87171}
.legacy-site .emerald-kicker{color:#34d399}
.legacy-site .blue-kicker{color:#60a5fa}

.legacy-site .community-project-title{
  margin:0 0 13px;
  font-size:clamp(34px,4.5vw,52px);
  letter-spacing:-2px;
  line-height:1;
}

.legacy-site .cobblemon-title{
  color:#fff;
  text-shadow:
    0 0 18px rgba(255,255,255,.08),
    0 0 28px rgba(239,68,68,.24);
}

.legacy-site .zero-title{
  color:#34d399;
  text-shadow:0 0 26px rgba(16,185,129,.22);
}

.legacy-site .horizon-title{
  color:#fff;
  text-shadow:
    0 0 18px rgba(255,255,255,.08),
    0 0 30px rgba(59,130,246,.26);
}

.legacy-site .community-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}

.legacy-site .community-tags span{
  padding:7px 9px;
  border-radius:999px;
  color:#f4f4f5;
  background:rgba(239,68,68,.075);
  border:1px solid rgba(239,68,68,.17);
  font-size:10px;
  font-weight:850;
}

.legacy-site .emerald-tags span{
  color:#b7f7dc;
  background:rgba(16,185,129,.065);
  border-color:rgba(16,185,129,.18);
}

.legacy-site .blue-tags span{
  color:#dbeafe;
  background:rgba(59,130,246,.07);
  border-color:rgba(59,130,246,.18);
}

.legacy-site .community-detail-button{
  margin-top:22px;
  min-height:44px;
  padding:0 15px;
  border-radius:12px;
  color:#fff;
  font-weight:900;
  cursor:pointer;
  transition:.2s ease;
}

.legacy-site .community-detail-button:hover{
  transform:translateY(-2px);
}

.legacy-site .red-detail-button{
  border:1px solid rgba(239,68,68,.28);
  background:linear-gradient(135deg,#fff 0%,#f4f4f5 55%,#ef4444 170%);
  color:#111318;
}

.legacy-site .emerald-detail-button{
  border:1px solid rgba(16,185,129,.30);
  background:linear-gradient(135deg,#047857,#10b981);
}

.legacy-site .blue-detail-button{
  border:1px solid rgba(59,130,246,.28);
  background:linear-gradient(135deg,#fff 0%,#f4f8ff 55%,#3b82f6 170%);
  color:#111827;
}

@media(max-width:920px){
  .legacy-site .community-shell{
    grid-template-columns:1fr;
  }

  .legacy-site .community-side-tabs{
    grid-template-columns:repeat(2,1fr);
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.07);
  }

  .legacy-site .community-side-tab:hover{
    transform:translateY(-2px);
  }
}

@media(max-width:600px){
  .legacy-site .community-side-tabs{
    grid-template-columns:1fr;
  }

  .legacy-site .community-stage{
    padding:18px;
  }

  .legacy-site .community-project-detail{
    padding:24px 20px;
    min-height:500px;
  }

  .legacy-site .community-overview-card{
    grid-template-columns:42px 1fr 30px;
    padding:13px;
  }

  .legacy-site .community-project-number{
    font-size:48px;
  }
}


/* ===== V22 Games — same structure as Community, no overview ===== */

.legacy-site .games-shell{
  display:grid;
  grid-template-columns:310px 1fr;
  min-height:520px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:
    radial-gradient(circle at 75% 10%,rgba(139,92,246,.045),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.018));
  overflow:hidden;
}

.legacy-site .games-side-tabs{
  display:grid;
  align-content:start;
  gap:8px;
  padding:18px;
  border-right:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.018);
}

.legacy-site .games-side-tab{
  width:100%;
  min-height:68px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.035);
  color:#e1e5f1;
  display:grid;
  grid-template-columns:40px 1fr;
  gap:11px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:
    transform .2s ease,
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.legacy-site .games-side-tab:hover{
  transform:translateX(4px);
  background:rgba(255,255,255,.055);
}

.legacy-site .game-jumpverse-tab.active{
  background:linear-gradient(135deg,#facc15,#eab308);
  color:#1b1604;
  border-color:rgba(250,204,21,.52);
  box-shadow:0 12px 30px rgba(250,204,21,.14);
}

.legacy-site .game-untamed-tab.active{
  background:linear-gradient(135deg,#166534,#22c55e);
  color:#fff;
  border-color:rgba(34,197,94,.46);
  box-shadow:0 12px 30px rgba(34,197,94,.14);
}

.legacy-site .games-side-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.065);
  font-size:18px;
}

.legacy-site .game-jumpverse-tab.active .games-side-icon{
  background:rgba(0,0,0,.07);
  border-color:rgba(0,0,0,.08);
}

.legacy-site .games-side-tab strong{
  display:block;
  font-size:13px;
  line-height:1.25;
}

.legacy-site .games-side-tab small{
  display:block;
  margin-top:4px;
  color:#818da5;
  font-size:9px;
  line-height:1.35;
}

.legacy-site .games-side-tab.active small{
  color:rgba(255,255,255,.72);
}

.legacy-site .game-jumpverse-tab.active small{
  color:rgba(27,22,4,.62);
}

.legacy-site .games-stage{
  min-width:0;
  padding:30px;
}

.legacy-site .game-panel{
  display:none;
  opacity:0;
  transform:translateY(14px);
}

.legacy-site .game-panel.active{
  display:block;
  animation:gamePanelIn .38s cubic-bezier(.22,.8,.2,1) forwards;
}

@keyframes gamePanelIn{
  to{
    opacity:1;
    transform:none;
  }
}

.legacy-site .game-project-detail{
  position:relative;
  min-height:460px;
  padding:30px;
  border-radius:24px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
}

.legacy-site .jumpverse-detail{
  border:1px solid rgba(250,204,21,.28);
  background:
    radial-gradient(circle at 82% 8%,rgba(250,204,21,.18),transparent 30%),
    radial-gradient(circle at 18% 85%,rgba(255,255,255,.04),transparent 28%),
    linear-gradient(145deg,rgba(25,22,12,.96),rgba(12,12,10,.99));
}

.legacy-site .untamed-detail{
  border:1px solid rgba(34,197,94,.27);
  background:
    radial-gradient(circle at 82% 8%,rgba(34,197,94,.18),transparent 30%),
    radial-gradient(circle at 18% 85%,rgba(21,128,61,.07),transparent 28%),
    linear-gradient(145deg,rgba(10,22,16,.96),rgba(7,13,10,.99));
}

.legacy-site .game-detail-top{
  position:absolute;
  top:24px;
  left:26px;
  right:26px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}

.legacy-site .game-project-number{
  color:rgba(255,255,255,.08);
  font-size:62px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-4px;
}

.legacy-site .game-status{
  padding:7px 10px;
  border-radius:999px;
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.4px;
}

.legacy-site .yellow-status{
  color:#fde68a;
  background:rgba(250,204,21,.10);
  border:1px solid rgba(250,204,21,.25);
}

.legacy-site .green-status{
  color:#bbf7d0;
  background:rgba(34,197,94,.10);
  border:1px solid rgba(34,197,94,.24);
}

.legacy-site .game-project-symbol{
  width:58px;
  height:58px;
  margin-bottom:25px;
  border-radius:17px;
  display:grid;
  place-items:center;
  font-size:26px;
}

.legacy-site .yellow-symbol{
  color:#1b1604;
  background:linear-gradient(135deg,#fde047,#eab308);
  box-shadow:0 12px 32px rgba(250,204,21,.15);
}

.legacy-site .green-symbol{
  color:#fff;
  background:linear-gradient(135deg,#166534,#22c55e);
  box-shadow:0 12px 32px rgba(34,197,94,.16);
}

.legacy-site .game-panel-kicker{
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
  margin-bottom:9px;
}

.legacy-site .yellow-kicker{color:#fde047}
.legacy-site .green-kicker{color:#4ade80}

.legacy-site .game-project-title{
  margin:0 0 13px;
  font-size:clamp(34px,4.5vw,52px);
  letter-spacing:-2px;
  line-height:1;
}

.legacy-site .jumpverse-title{
  color:#facc15;
  text-shadow:0 0 28px rgba(250,204,21,.20);
}

.legacy-site .untamed-title{
  color:#4ade80;
  text-shadow:0 0 28px rgba(34,197,94,.20);
}

.legacy-site .game-panel-copy{
  color:var(--muted);
  max-width:760px;
  line-height:1.75;
  margin:0;
}

.legacy-site .game-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}

.legacy-site .game-tags span{
  padding:7px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
}

.legacy-site .yellow-tags span{
  color:#fde68a;
  background:rgba(250,204,21,.065);
  border:1px solid rgba(250,204,21,.17);
}

.legacy-site .green-tags span{
  color:#bbf7d0;
  background:rgba(34,197,94,.065);
  border:1px solid rgba(34,197,94,.17);
}

.legacy-site .game-detail-button{
  margin-top:22px;
  min-height:44px;
  padding:0 15px;
  border-radius:12px;
  font-weight:900;
  cursor:pointer;
  transition:.2s ease;
}

.legacy-site .game-detail-button:hover{
  transform:translateY(-2px);
}

.legacy-site .yellow-detail-button{
  color:#1b1604;
  border:1px solid rgba(250,204,21,.30);
  background:linear-gradient(135deg,#fde047,#eab308);
}

.legacy-site .green-detail-button{
  color:#fff;
  border:1px solid rgba(34,197,94,.30);
  background:linear-gradient(135deg,#166534,#22c55e);
}

@media(max-width:920px){
  .legacy-site .games-shell{
    grid-template-columns:1fr;
  }

  .legacy-site .games-side-tabs{
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.07);
  }

  .legacy-site .games-side-tab:hover{
    transform:translateY(-2px);
  }
}

@media(max-width:600px){
  .legacy-site .games-stage{
    padding:18px;
  }

  .legacy-site .game-project-detail{
    padding:24px 20px;
    min-height:500px;
  }

  .legacy-site .game-project-number{
    font-size:48px;
  }
}


/* ===== V23 Newsroom + Forum + Shop ===== */

.legacy-site .news-shell{
  display:grid;
  grid-template-columns:310px 1fr;
  min-height:560px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:
    radial-gradient(circle at 75% 10%,rgba(139,92,246,.055),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.018));
  overflow:hidden;
}

.legacy-site .news-side-tabs{
  display:grid;
  align-content:start;
  gap:8px;
  padding:18px;
  border-right:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.018);
}

.legacy-site .news-side-tab{
  width:100%;
  min-height:66px;
  padding:11px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.035);
  color:#e1e5f1;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:11px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:.2s ease;
}

.legacy-site .news-side-tab:hover{
  transform:translateX(4px);
  background:rgba(255,255,255,.055);
}

.legacy-site .news-side-tab.active{
  background:linear-gradient(135deg,var(--purple),var(--blue));
  border-color:rgba(255,255,255,.15);
  box-shadow:0 12px 30px rgba(75,85,255,.18);
}

.legacy-site .discord-news-tab.active{
  background:linear-gradient(135deg,#5865f2,#7289da);
  color:#fff;
}

.legacy-site .direct-news-tab.active{
  background:linear-gradient(135deg,#b91c1c,#ef4444);
  color:#fff;
}

.legacy-site .featured-news-tab.active{
  background:linear-gradient(135deg,#7c3aed,#f59e0b);
  color:#fff;
}

.legacy-site .news-side-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.065);
  font-size:16px;
  font-weight:1000;
}

.legacy-site .news-side-tab strong{
  display:block;
  font-size:13px;
  line-height:1.25;
}

.legacy-site .news-side-tab small{
  display:block;
  margin-top:4px;
  color:#818da5;
  font-size:9px;
  line-height:1.35;
}

.legacy-site .news-side-tab.active small{
  color:rgba(255,255,255,.72);
}

.legacy-site .news-stage{
  min-width:0;
  padding:30px;
}

.legacy-site .news-panel{
  display:none;
  opacity:0;
  transform:translateY(14px);
}

.legacy-site .news-panel.active{
  display:block;
  animation:newsPanelIn .38s cubic-bezier(.22,.8,.2,1) forwards;
}

@keyframes newsPanelIn{
  to{opacity:1;transform:none}
}

.legacy-site .news-panel-kicker{
  color:#8edfff;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
  margin-bottom:9px;
}

.legacy-site .news-main-title{
  margin:0 0 12px;
  font-size:clamp(30px,4vw,44px);
  letter-spacing:-1.6px;
}

.legacy-site .news-panel-copy{
  color:var(--muted);
  max-width:760px;
  line-height:1.75;
  margin:0;
}

.legacy-site .news-overview-list{
  display:grid;
  gap:12px;
  margin-top:28px;
}

.legacy-site .news-overview-card{
  width:100%;
  min-height:96px;
  padding:15px 18px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:#fff;
  display:grid;
  grid-template-columns:48px 1fr 36px;
  gap:14px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:.22s ease;
}

.legacy-site .news-overview-card:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.05);
}

.legacy-site .discord-overview:hover{border-color:rgba(88,101,242,.40)}
.legacy-site .direct-overview:hover{border-color:rgba(239,68,68,.38)}
.legacy-site .featured-overview:hover{border-color:rgba(245,158,11,.38)}

.legacy-site .news-overview-icon{
  width:44px;
  height:44px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.07);
  font-weight:1000;
}

.legacy-site .news-overview-copy strong{
  display:block;
  margin-bottom:5px;
  font-size:15px;
}

.legacy-site .news-overview-copy small{
  display:block;
  color:#8792aa;
  font-size:10px;
  line-height:1.5;
}

.legacy-site .news-overview-arrow{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  justify-self:end;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.legacy-site .news-category-card{
  position:relative;
  min-height:470px;
  padding:30px;
  border-radius:24px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
}

.legacy-site .discord-news-detail{
  border:1px solid rgba(88,101,242,.27);
  background:
    radial-gradient(circle at 82% 8%,rgba(88,101,242,.18),transparent 30%),
    linear-gradient(145deg,rgba(14,16,29,.97),rgba(8,10,19,.99));
}

.legacy-site .direct-news-detail{
  border:1px solid rgba(239,68,68,.25);
  background:
    radial-gradient(circle at 82% 8%,rgba(239,68,68,.17),transparent 30%),
    linear-gradient(145deg,rgba(26,12,15,.96),rgba(12,8,10,.99));
}

.legacy-site .featured-news-detail{
  border:1px solid rgba(245,158,11,.24);
  background:
    radial-gradient(circle at 82% 8%,rgba(245,158,11,.15),transparent 28%),
    radial-gradient(circle at 18% 90%,rgba(124,58,237,.11),transparent 28%),
    linear-gradient(145deg,rgba(21,16,27,.97),rgba(10,9,15,.99));
}

.legacy-site .news-category-top{
  position:absolute;
  top:24px;
  left:26px;
  right:26px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.legacy-site .news-category-number{
  color:rgba(255,255,255,.08);
  font-size:62px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-4px;
}

.legacy-site .news-category-badge{
  padding:7px 10px;
  border-radius:999px;
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.4px;
}

.legacy-site .discord-badge{
  color:#c7d2fe;
  background:rgba(88,101,242,.10);
  border:1px solid rgba(88,101,242,.25);
}

.legacy-site .direct-badge{
  color:#fecaca;
  background:rgba(239,68,68,.09);
  border:1px solid rgba(239,68,68,.24);
}

.legacy-site .featured-badge{
  color:#fde68a;
  background:rgba(245,158,11,.09);
  border:1px solid rgba(245,158,11,.23);
}

.legacy-site .news-big-icon{
  width:58px;
  height:58px;
  margin-bottom:25px;
  border-radius:17px;
  display:grid;
  place-items:center;
  font-size:22px;
  font-weight:1000;
}

.legacy-site .discord-big-icon{
  color:#fff;
  background:linear-gradient(135deg,#5865f2,#7289da);
}

.legacy-site .direct-big-icon{
  color:#fff;
  background:linear-gradient(135deg,#b91c1c,#ef4444);
}

.legacy-site .featured-big-icon{
  color:#fff;
  background:linear-gradient(135deg,#7c3aed,#f59e0b);
}

.legacy-site .discord-kicker{color:#818cf8}
.legacy-site .direct-kicker{color:#f87171}
.legacy-site .featured-kicker{color:#fbbf24}

.legacy-site .news-category-title{
  margin:0 0 13px;
  font-size:clamp(34px,4.5vw,52px);
  letter-spacing:-2px;
  line-height:1;
}

.legacy-site .discord-title{color:#a5b4fc}
.legacy-site .direct-title{color:#f87171}
.legacy-site .featured-title{
  background:linear-gradient(90deg,#c4b5fd,#fbbf24);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.legacy-site .news-category-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}

.legacy-site .news-category-tags span{
  padding:7px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
}

.legacy-site .discord-tags span{
  color:#c7d2fe;
  background:rgba(88,101,242,.07);
  border:1px solid rgba(88,101,242,.18);
}

.legacy-site .direct-tags span{
  color:#fecaca;
  background:rgba(239,68,68,.065);
  border:1px solid rgba(239,68,68,.17);
}

.legacy-site .featured-tags span{
  color:#fde68a;
  background:rgba(245,158,11,.065);
  border:1px solid rgba(245,158,11,.16);
}

.legacy-site .news-empty-note,
.legacy-site .news-feature-highlight{
  width:100%;
  margin-top:22px;
  padding:17px;
  border-radius:15px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
}

.legacy-site .news-empty-note strong,
.legacy-site .news-feature-highlight strong{
  display:block;
  margin-bottom:5px;
}

.legacy-site .news-empty-note span,
.legacy-site .news-feature-highlight p{
  color:#8590a7;
  font-size:11px;
  line-height:1.55;
  margin:0;
}

.legacy-site .news-feature-label{
  display:inline-block;
  margin-bottom:8px;
  color:#fbbf24;
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.4px;
}

@media(max-width:920px){
  .legacy-site .news-shell{
    grid-template-columns:1fr;
  }
  .legacy-site .news-side-tabs{
    grid-template-columns:repeat(2,1fr);
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .legacy-site .news-side-tab:hover{
    transform:translateY(-2px);
  }
}

@media(max-width:600px){
  .legacy-site .news-side-tabs{
    grid-template-columns:1fr;
  }
  .legacy-site .news-stage{
    padding:18px;
  }
  .legacy-site .news-category-card{
    padding:24px 20px;
    min-height:500px;
  }
}


/* ===== V24 Straight Navigation + Karriere ===== */

/* Desktop navigation stays in one clean line */
.legacy-site .nav-inner{
  gap:14px;
}
.legacy-site .nav-links{
  flex:1;
  justify-content:center;
  gap:2px;
  white-space:nowrap;
}
.legacy-site .nav-links a{
  padding:10px 9px;
  font-size:12px;
}
.legacy-site .nav-cta{
  flex:0 0 auto;
}

@media(min-width:901px) and (max-width:1180px){
  .legacy-site .nav-links a{
    padding:10px 6px;
    font-size:11px;
  }
  .legacy-site .brand span:last-child{
    font-size:15px;
  }
}

/* Karriere */
.legacy-site .career-shell{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.legacy-site .career-hero{
  min-height:370px;
  padding:30px;
  border-radius:26px;
  border:1px solid rgba(139,92,246,.20);
  background:
    radial-gradient(circle at 80% 10%,rgba(139,92,246,.18),transparent 30%),
    radial-gradient(circle at 10% 90%,rgba(56,189,248,.08),transparent 28%),
    linear-gradient(145deg,rgba(16,20,38,.92),rgba(10,13,24,.96));
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.legacy-site .career-badge{
  display:inline-flex;
  align-self:flex-start;
  padding:7px 10px;
  border-radius:999px;
  color:#c4b5fd;
  background:rgba(139,92,246,.08);
  border:1px solid rgba(139,92,246,.18);
  font-size:10px;
  font-weight:1000;
  letter-spacing:1.5px;
  margin-bottom:16px;
}

.legacy-site .career-hero h3{
  margin:0 0 12px;
  font-size:clamp(32px,4vw,48px);
  letter-spacing:-1.8px;
  line-height:1;
}

.legacy-site .career-hero p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.legacy-site .career-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}

.legacy-site .career-tags span{
  padding:7px 9px;
  border-radius:999px;
  color:#d9dcec;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.07);
  font-size:10px;
  font-weight:850;
}

.legacy-site .career-positions{
  display:grid;
  gap:14px;
}

.legacy-site .career-position{
  min-height:176px;
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.032);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  transition:.22s ease;
}

.legacy-site .career-position:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.048);
  border-color:rgba(139,92,246,.25);
}

.legacy-site .career-position h3{
  margin:10px 0 7px;
  font-size:22px;
  letter-spacing:-.7px;
}

.legacy-site .career-position p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

.legacy-site .career-status{
  display:inline-flex;
  padding:6px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.2px;
}

.legacy-site .career-status.open{
  color:#baf7dc;
  background:rgba(52,211,153,.08);
  border:1px solid rgba(52,211,153,.20);
}

.legacy-site .career-status.soon{
  color:#c4b5fd;
  background:rgba(139,92,246,.08);
  border:1px solid rgba(139,92,246,.18);
}

.legacy-site .career-action{
  flex:0 0 auto;
  min-height:42px;
  padding:0 14px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,var(--purple),var(--blue));
  font-size:12px;
  font-weight:900;
  transition:.2s ease;
}

.legacy-site .career-action:hover{
  transform:translateY(-2px);
}

.legacy-site .career-action.disabled{
  color:#858fa6;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
  pointer-events:none;
}

@media(max-width:900px){
  .legacy-site .career-shell{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .legacy-site .career-position{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ===== V26 Cobblemon Legends Project Details ===== */

.legacy-site .modal-card.cobblemon-mode{
  width:min(1040px,100%);
  padding:30px;
  background:
    radial-gradient(circle at 87% 3%,rgba(239,68,68,.17),transparent 28%),
    radial-gradient(circle at 12% 90%,rgba(255,255,255,.045),transparent 27%),
    linear-gradient(145deg,rgba(15,18,31,.99),rgba(8,10,18,.99));
  border-color:rgba(239,68,68,.18);
}

.legacy-site .cobblemon-project-hub{
  display:none;
}
.legacy-site .cobblemon-project-hub.active{
  display:block;
  animation:cobblemonHubIn .36s cubic-bezier(.22,.8,.2,1) both;
}

@keyframes cobblemonHubIn{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}

.legacy-site .cobblemon-hub-head{
  padding:2px 52px 22px 2px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}

.legacy-site .cobblemon-hub-kicker{
  color:#f87171;
  font-size:10px;
  font-weight:1000;
  letter-spacing:1.8px;
  text-transform:uppercase;
  margin-bottom:8px;
}

.legacy-site .cobblemon-hub-head h3{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(32px,4.4vw,48px);
  letter-spacing:-2px;
  text-shadow:
    0 0 18px rgba(255,255,255,.06),
    0 0 26px rgba(239,68,68,.18);
}

.legacy-site .cobblemon-hub-head p{
  margin:0;
  color:#929db3;
  font-size:13px;
}

.legacy-site .cobblemon-hub-status{
  flex:0 0 auto;
  padding:8px 10px;
  border-radius:999px;
  color:#fecaca;
  background:rgba(239,68,68,.09);
  border:1px solid rgba(239,68,68,.22);
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.3px;
}

.legacy-site .cobblemon-hub-shell{
  display:grid;
  grid-template-columns:250px 1fr;
  min-height:430px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  background:rgba(255,255,255,.018);
}

.legacy-site .cobblemon-hub-tabs{
  padding:14px;
  display:grid;
  align-content:start;
  gap:7px;
  background:rgba(255,255,255,.018);
  border-right:1px solid rgba(255,255,255,.07);
}

.legacy-site .cobblemon-hub-tab{
  width:100%;
  min-height:61px;
  padding:10px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.07);
  color:#dfe4ef;
  background:rgba(255,255,255,.032);
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:.2s ease;
}

.legacy-site .cobblemon-hub-tab:hover{
  transform:translateX(3px);
  background:rgba(255,255,255,.052);
  border-color:rgba(239,68,68,.20);
}

.legacy-site .cobblemon-hub-tab.active{
  color:#17171c;
  background:linear-gradient(135deg,#fff 0%,#f7f7f7 53%,#ef4444 180%);
  border-color:rgba(239,68,68,.38);
  box-shadow:0 10px 26px rgba(239,68,68,.10);
}

.legacy-site .cobblemon-hub-tab > span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.06);
  font-size:14px;
  font-weight:1000;
}

.legacy-site .cobblemon-hub-tab.active > span{
  background:rgba(239,68,68,.08);
  border-color:rgba(239,68,68,.12);
  color:#dc2626;
}

.legacy-site .cobblemon-hub-tab strong{
  display:block;
  font-size:12px;
}

.legacy-site .cobblemon-hub-tab small{
  display:block;
  margin-top:3px;
  color:#7f8ba3;
  font-size:9px;
  line-height:1.3;
}

.legacy-site .cobblemon-hub-tab.active small{
  color:rgba(23,23,28,.58);
}

.legacy-site .cobblemon-hub-content{
  min-width:0;
  padding:26px;
}

.legacy-site .cobblemon-hub-panel{
  display:none;
  opacity:0;
  transform:translateY(10px);
}

.legacy-site .cobblemon-hub-panel.active{
  display:block;
  animation:cobblemonPanelIn .32s cubic-bezier(.22,.8,.2,1) forwards;
}

@keyframes cobblemonPanelIn{
  to{opacity:1;transform:none}
}

.legacy-site .cobblemon-section-label{
  color:#f87171;
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.7px;
  margin-bottom:8px;
}

.legacy-site .cobblemon-hub-panel h4{
  margin:0 0 12px;
  color:#fff;
  font-size:30px;
  letter-spacing:-1.2px;
}

.legacy-site .cobblemon-hub-panel > p{
  margin:0;
  color:#9aa4b8;
  font-size:13px;
  line-height:1.72;
  max-width:680px;
}

.legacy-site .cobblemon-info-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin-top:24px;
}

.legacy-site .cobblemon-info-grid > div{
  padding:16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.03);
}

.legacy-site .cobblemon-info-grid strong{
  display:block;
  color:#fff;
  margin-bottom:5px;
  font-size:12px;
}

.legacy-site .cobblemon-info-grid span{
  display:block;
  color:#818da4;
  font-size:10px;
  line-height:1.45;
}

.legacy-site .cobblemon-placeholder-card,
.legacy-site .cobblemon-battlepass-card{
  margin-top:24px;
  padding:18px;
  border-radius:15px;
  border:1px solid rgba(239,68,68,.13);
  background:
    radial-gradient(circle at 90% 0%,rgba(239,68,68,.07),transparent 35%),
    rgba(255,255,255,.025);
}

.legacy-site .cobblemon-placeholder-card strong,
.legacy-site .cobblemon-battlepass-card strong{
  display:block;
  margin-bottom:5px;
  color:#f3f4f6;
}

.legacy-site .cobblemon-placeholder-card span,
.legacy-site .cobblemon-battlepass-card small{
  display:block;
  color:#818da3;
  font-size:10px;
  line-height:1.5;
}

.legacy-site .cobblemon-battlepass-card > span{
  display:block;
  margin-bottom:7px;
  color:#f87171;
  font-size:8px;
  font-weight:1000;
  letter-spacing:1.5px;
}

@media(max-width:800px){
  .legacy-site .modal-card.cobblemon-mode{
    padding:22px;
  }

  .legacy-site .cobblemon-hub-head{
    display:block;
  }

  .legacy-site .cobblemon-hub-status{
    display:inline-flex;
    margin-top:13px;
  }

  .legacy-site .cobblemon-hub-shell{
    grid-template-columns:1fr;
  }

  .legacy-site .cobblemon-hub-tabs{
    grid-template-columns:repeat(2,1fr);
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.07);
  }

  .legacy-site .cobblemon-hub-tab:hover{
    transform:translateY(-2px);
  }
}

@media(max-width:540px){
  .legacy-site .cobblemon-hub-tabs{
    grid-template-columns:1fr;
  }

  .legacy-site .cobblemon-info-grid{
    grid-template-columns:1fr;
  }

  .legacy-site .cobblemon-hub-content{
    padding:20px;
  }
}


/* ===== V27 Cobblemon Blog + Balance Topup ===== */

.legacy-site .cobblemon-blog-list{
  display:grid;
  gap:12px;
  margin-top:24px;
}

.legacy-site .cobblemon-blog-card{
  padding:17px;
  border-radius:15px;
  border:1px solid rgba(239,68,68,.13);
  background:
    radial-gradient(circle at 90% 0%,rgba(239,68,68,.06),transparent 34%),
    rgba(255,255,255,.025);
}

.legacy-site .cobblemon-blog-meta{
  color:#f87171;
  font-size:8px;
  font-weight:1000;
  letter-spacing:1.4px;
  margin-bottom:7px;
}

.legacy-site .cobblemon-blog-card strong{
  display:block;
  color:#f4f4f5;
  margin-bottom:6px;
  font-size:13px;
}

.legacy-site .cobblemon-blog-card span{
  display:block;
  color:#818da3;
  font-size:10px;
  line-height:1.55;
}

/* Balance top-up */
.legacy-site .balance-actions{
  margin-top:20px;
}

.legacy-site .topup-modal-card{
  width:min(620px,100%);
}

.legacy-site .topup-step{
  margin-top:22px;
}

.legacy-site .topup-step-label{
  color:#aeb7ca;
  font-size:11px;
  font-weight:900;
  letter-spacing:.8px;
  margin-bottom:10px;
}

.legacy-site .topup-amount-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}

.legacy-site .topup-amount{
  min-height:52px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#e9edf8;
  font-weight:1000;
  cursor:pointer;
  transition:.2s ease;
}

.legacy-site .topup-amount:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.055);
}

.legacy-site .topup-amount.active{
  background:linear-gradient(135deg,var(--purple),var(--blue));
  border-color:rgba(255,255,255,.14);
  box-shadow:0 10px 26px rgba(80,90,255,.16);
}

.legacy-site .payment-method-grid{
  display:grid;
  gap:9px;
}

.legacy-site .payment-method{
  width:100%;
  min-height:60px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#e8ebf5;
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:11px;
  align-items:center;
  text-align:left;
  padding:10px 12px;
  cursor:pointer;
  transition:.2s ease;
}

.legacy-site .payment-method:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.055);
  border-color:rgba(139,92,246,.22);
}

.legacy-site .payment-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.06);
  font-weight:1000;
}

.legacy-site .payment-method strong{
  display:block;
  font-size:12px;
}

.legacy-site .payment-method small{
  display:block;
  color:#7f899e;
  font-size:9px;
  margin-top:3px;
}

.legacy-site .payment-method b{
  color:#727d93;
  font-size:18px;
}

.legacy-site .payment-connect-panel{
  display:none;
  margin-top:16px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(250,204,21,.18);
  background:rgba(250,204,21,.055);
  grid-template-columns:36px 1fr;
  gap:11px;
  align-items:start;
}

.legacy-site .payment-connect-panel.show{
  display:grid;
  animation:teamPanelIn .28s ease both;
}

.legacy-site .payment-connect-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#171307;
  background:#facc15;
  font-weight:1000;
}

.legacy-site .payment-connect-panel strong{
  display:block;
  color:#fde68a;
  font-size:12px;
  margin-bottom:4px;
}

.legacy-site .payment-connect-panel p{
  margin:0;
  color:#9e987e;
  font-size:10px;
  line-height:1.5;
}

.legacy-site .topup-summary{
  margin-top:18px;
  padding:14px 15px;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}

.legacy-site .topup-summary span{
  color:#8791a7;
  font-size:10px;
  font-weight:800;
}

.legacy-site .topup-summary strong{
  font-size:18px;
}

@media(max-width:560px){
  .legacy-site .topup-amount-grid{
    grid-template-columns:repeat(2,1fr);
  }
}


/* ===== V28 Topup Slider + Battlepass ===== */

.legacy-site .topup-custom-range{
  margin-top:14px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
}

.legacy-site .topup-range-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:11px;
}

.legacy-site .topup-range-head span{
  color:#8792a7;
  font-size:10px;
  font-weight:850;
}

.legacy-site .topup-range-head strong{
  color:#fff;
  font-size:15px;
}

.legacy-site .topup-range{
  width:100%;
  accent-color:#8b5cf6;
  cursor:pointer;
}

.legacy-site .topup-range-scale{
  display:flex;
  justify-content:space-between;
  color:#677188;
  font-size:9px;
  margin-top:5px;
}

/* Battlepass */
.legacy-site .battlepass-product-card{
  position:relative;
  margin-top:24px;
  padding:22px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(239,68,68,.20);
  background:
    radial-gradient(circle at 85% 5%,rgba(239,68,68,.14),transparent 30%),
    radial-gradient(circle at 10% 90%,rgba(255,255,255,.04),transparent 28%),
    linear-gradient(145deg,rgba(21,17,28,.96),rgba(10,10,17,.99));
}

.legacy-site .battlepass-product-glow{
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  right:-80px;
  top:-90px;
  background:#ef4444;
  filter:blur(45px);
  opacity:.12;
  pointer-events:none;
}

.legacy-site .battlepass-product-top{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:22px;
  align-items:flex-start;
}

.legacy-site .battlepass-season-label{
  display:inline-flex;
  padding:6px 8px;
  border-radius:999px;
  color:#fecaca;
  background:rgba(239,68,68,.08);
  border:1px solid rgba(239,68,68,.19);
  font-size:8px;
  font-weight:1000;
  letter-spacing:1.3px;
  margin-bottom:10px;
}

.legacy-site .battlepass-product-top h5{
  margin:0;
  color:#f3f4f6;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.8px;
}

.legacy-site .battlepass-product-top h5 strong{
  color:#fff;
  text-shadow:
    0 0 16px rgba(255,255,255,.10),
    0 0 26px rgba(239,68,68,.20);
}

.legacy-site .battlepass-price{
  flex:0 0 auto;
  min-width:106px;
  padding:12px;
  text-align:right;
  border-radius:15px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
}

.legacy-site .battlepass-price span{
  display:block;
  color:#8c96aa;
  font-size:9px;
  margin-bottom:3px;
}

.legacy-site .battlepass-price strong{
  display:block;
  color:#fff;
  font-size:24px;
  letter-spacing:-1px;
}

.legacy-site .battlepass-benefits{
  position:relative;
  z-index:2;
  display:grid;
  gap:9px;
  margin-top:20px;
}

.legacy-site .battlepass-benefit{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:10px;
  align-items:start;
  padding:11px 12px;
  border-radius:13px;
  background:rgba(255,255,255,.027);
  border:1px solid rgba(255,255,255,.06);
}

.legacy-site .battlepass-benefit > span{
  width:27px;
  height:27px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#17120f;
  background:#f87171;
  font-weight:1000;
  font-size:12px;
}

.legacy-site .battlepass-benefit strong{
  display:block;
  color:#e9ecf3;
  font-size:11px;
  margin-bottom:3px;
}

.legacy-site .battlepass-benefit small{
  display:block;
  color:#7f899f;
  font-size:9px;
  line-height:1.45;
}

.legacy-site .battlepass-buy-button{
  position:relative;
  z-index:2;
  width:100%;
  margin-top:17px;
  min-height:48px;
  border-radius:13px;
  border:1px solid rgba(239,68,68,.35);
  background:linear-gradient(135deg,#fff 0%,#f8f8f8 48%,#ef4444 160%);
  color:#16171b;
  font-weight:1000;
  cursor:pointer;
  transition:.2s ease;
}

.legacy-site .battlepass-buy-button:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(239,68,68,.11);
}

.legacy-site .battlepass-payment-note{
  margin-top:9px;
  color:#707b91;
  text-align:center;
  font-size:9px;
  line-height:1.4;
}

.legacy-site .topup-purpose{
  display:none;
  margin-bottom:16px;
  padding:13px 14px;
  border-radius:13px;
  background:rgba(239,68,68,.055);
  border:1px solid rgba(239,68,68,.15);
}

.legacy-site .topup-purpose.show{
  display:block;
}

.legacy-site .topup-purpose span{
  display:block;
  color:#8d97aa;
  font-size:9px;
  font-weight:850;
  margin-bottom:3px;
}

.legacy-site .topup-purpose strong{
  color:#f3f4f6;
  font-size:12px;
}

@media(max-width:560px){
  .legacy-site .battlepass-product-top{
    display:block;
  }

  .legacy-site .battlepass-price{
    margin-top:14px;
    text-align:left;
    width:max-content;
  }
}


/* ===== V29 Kaufhistorie + Besitz-System ===== */

.legacy-site .purchase-history-summary{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin:18px 0;
}

.legacy-site .purchase-summary-card{
  padding:16px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.075);
  background:
    radial-gradient(circle at 90% 0%,rgba(139,92,246,.07),transparent 38%),
    rgba(255,255,255,.028);
}

.legacy-site .purchase-summary-card span{
  display:block;
  color:#7f899f;
  font-size:9px;
  font-weight:850;
  margin-bottom:5px;
}

.legacy-site .purchase-summary-card strong{
  display:block;
  color:#fff;
  font-size:21px;
  letter-spacing:-.8px;
}

.legacy-site .purchase-history-list{
  display:grid;
  gap:10px;
  max-height:380px;
  overflow:auto;
  padding-right:3px;
}

.legacy-site .purchase-empty-state{
  min-height:190px;
  padding:25px;
  border-radius:17px;
  border:1px dashed rgba(255,255,255,.105);
  background:rgba(255,255,255,.018);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}

.legacy-site .purchase-empty-icon{
  width:44px;
  height:44px;
  margin-bottom:12px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:linear-gradient(135deg,var(--purple),var(--blue));
  box-shadow:0 10px 28px rgba(80,90,255,.16);
}

.legacy-site .purchase-empty-state strong{
  color:#edf0f7;
  font-size:13px;
  margin-bottom:5px;
}

.legacy-site .purchase-empty-state span{
  max-width:330px;
  color:#7f899f;
  font-size:10px;
  line-height:1.55;
}

.legacy-site .purchase-entry{
  padding:15px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.027);
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}

.legacy-site .purchase-entry-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#fff;
  background:
    radial-gradient(circle at 70% 15%,rgba(239,68,68,.22),transparent 55%),
    rgba(255,255,255,.045);
  border:1px solid rgba(239,68,68,.14);
  font-size:18px;
}

.legacy-site .purchase-entry-copy{
  min-width:0;
}

.legacy-site .purchase-entry-copy strong{
  display:block;
  color:#f2f4f8;
  font-size:12px;
  line-height:1.35;
  margin-bottom:5px;
}

.legacy-site .purchase-entry-copy span{
  display:block;
  color:#7f899f;
  font-size:9px;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.legacy-site .purchase-entry-price{
  text-align:right;
}

.legacy-site .purchase-entry-price strong{
  display:block;
  color:#fff;
  font-size:14px;
}

.legacy-site .purchase-entry-price span{
  display:block;
  margin-top:5px;
  color:#34d399;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.7px;
}

.legacy-site .battlepass-buy-button.owned{
  color:#98a2b6;
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.08);
  cursor:not-allowed;
  box-shadow:none;
}

.legacy-site .battlepass-buy-button.owned:hover{
  transform:none;
  box-shadow:none;
}

.legacy-site .battlepass-owned-note{
  display:none;
  margin-top:10px;
  padding:12px;
  border-radius:13px;
  grid-template-columns:30px 1fr;
  gap:10px;
  align-items:center;
  color:#baf7dc;
  background:rgba(16,185,129,.055);
  border:1px solid rgba(16,185,129,.16);
}

.legacy-site .battlepass-owned-note.show{
  display:grid;
}

.legacy-site .battlepass-owned-note > span{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#07130f;
  background:#34d399;
  font-weight:1000;
}

.legacy-site .battlepass-owned-note strong{
  display:block;
  font-size:11px;
  margin-bottom:3px;
}

.legacy-site .battlepass-owned-note small{
  display:block;
  color:#7fa394;
  font-size:9px;
  line-height:1.4;
}

.legacy-site .payment-success-panel{
  display:none;
  margin-top:15px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(16,185,129,.18);
  background:rgba(16,185,129,.055);
  grid-template-columns:38px 1fr;
  gap:11px;
  align-items:start;
}

.legacy-site .payment-success-panel.show{
  display:grid;
  animation:teamPanelIn .28s ease both;
}

.legacy-site .payment-success-check{
  width:36px;
  height:36px;
  border-radius:11px;
  display:grid;
  place-items:center;
  color:#07130f;
  background:#34d399;
  font-weight:1000;
}

.legacy-site .payment-success-panel strong{
  display:block;
  color:#bbf7d0;
  font-size:12px;
  margin-bottom:4px;
}

.legacy-site .payment-success-panel p{
  margin:0;
  color:#7f9f92;
  font-size:10px;
  line-height:1.5;
}

@media(max-width:560px){
  .legacy-site .purchase-history-summary{
    grid-template-columns:1fr;
  }

  .legacy-site .purchase-entry{
    grid-template-columns:42px minmax(0,1fr);
  }

  .legacy-site .purchase-entry-price{
    grid-column:2;
    text-align:left;
  }
}


/* ===== V30 Active Status ===== */
.legacy-site .profile-active-status{
  color:#34d399 !important;
  text-shadow:0 0 14px rgba(52,211,153,.22);
}


/* ===== V31 Über uns ===== */
.legacy-site .about-story{
  max-width:980px;
  padding:30px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.085);
  background:
    radial-gradient(circle at 90% 0%,rgba(139,92,246,.10),transparent 34%),
    radial-gradient(circle at 8% 100%,rgba(56,189,248,.055),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
  box-shadow:0 20px 60px rgba(0,0,0,.14);
}

.legacy-site .about-story p{
  margin:0 0 18px;
  color:var(--muted);
  font-size:14px;
  line-height:1.85;
}

.legacy-site .about-story p:first-child{
  color:#e5e9f3;
}

.legacy-site .about-story p:last-child{
  margin-bottom:0;
  color:#f2f4f8;
  font-weight:700;
}

@media(max-width:600px){
  .legacy-site .about-story{
    padding:22px;
  }
}


/* ===== V32 Hero Slogan ===== */
.legacy-site .hero h1{
  line-height:.98;
}



/* ===== V35 Hero Purple Blue Glow ===== */
.legacy-site .hero h1,
.legacy-site .hero-title,
.legacy-site .hero-copy h1,
.legacy-site #home h1{
  background: linear-gradient(
    90deg,
    #8b5cf6 0%,
    #a855f7 22%,
    #7c3aed 45%,
    #6366f1 68%,
    #60a5fa 85%,
    #38bdf8 100%
  ) !important;
  background-size: 100% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  line-height: .98 !important;
  text-shadow: none !important;
  filter:
    drop-shadow(0 0 10px rgba(139, 92, 246, .22))
    drop-shadow(0 0 22px rgba(56, 189, 248, .16)) !important;
}

.legacy-site .hero h1 *,
.legacy-site .hero-title *,
.legacy-site .hero-copy h1 *,
.legacy-site #home h1 *{
  background: inherit !important;
  background-size: inherit !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

@supports not (-webkit-background-clip: text) {
  .legacy-site .hero h1,
.legacy-site .hero-title,
.legacy-site .hero-copy h1,
.legacy-site #home h1{
    color:#7c3aed !important;
  }
}


/* ===== V36 Hero slogan line layout ===== */
.legacy-site #home h1{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:0 !important;
  width:max-content !important;
  max-width:100% !important;
  font-size:clamp(42px, 5.8vw, 86px) !important;
}

.legacy-site #home h1 .hero-slogan-line{
  display:block !important;
  white-space:nowrap !important;
  width:max-content !important;
  max-width:none !important;
  line-height:.98 !important;

  background:linear-gradient(
    90deg,
    #8b5cf6 0%,
    #a855f7 24%,
    #7c3aed 48%,
    #6366f1 70%,
    #60a5fa 88%,
    #38bdf8 100%
  ) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  filter:
    drop-shadow(0 0 9px rgba(139,92,246,.24))
    drop-shadow(0 0 18px rgba(56,189,248,.15)) !important;
}

@media(max-width:900px){
  .legacy-site #home h1{
    font-size:clamp(38px, 8vw, 66px) !important;
  }
}

@media(max-width:620px){
  .legacy-site #home h1{
    font-size:clamp(29px, 9vw, 48px) !important;
  }
}


/* ===== V37 News heading glow + category colors ===== */

/* Neuigkeiten-Überschrift: weiß mit Glow */
.legacy-site #news .section-head h2{
  color:#ffffff !important;
  text-shadow:
    0 0 12px rgba(255,255,255,.14),
    0 0 28px rgba(96,165,250,.10),
    0 0 34px rgba(139,92,246,.10) !important;
}

/* Linke Kategorien farblich passend */
.legacy-site #news .discord-news-tab strong{
  color:#93c5fd;
}

.legacy-site #news .direct-news-tab strong{
  color:#f87171;
}

.legacy-site #news .featured-news-tab strong{
  color:#fbbf24;
}

/* Passende Icon-Farben */
.legacy-site #news .discord-news-tab .news-side-icon{
  color:#c7d2fe;
  border-color:rgba(88,101,242,.18);
  background:rgba(88,101,242,.08);
}

.legacy-site #news .direct-news-tab .news-side-icon{
  color:#fecaca;
  border-color:rgba(239,68,68,.20);
  background:rgba(239,68,68,.08);
}

.legacy-site #news .featured-news-tab .news-side-icon{
  color:#fde68a;
  border-color:rgba(245,158,11,.18);
  background:rgba(245,158,11,.08);
}

/* Wenn aktiv, bleibt die Lesbarkeit hoch */
.legacy-site #news .news-side-tab.active strong{
  color:#ffffff !important;
}

/* Auch die Überblick-Karten farblich passend */
.legacy-site #news .discord-overview strong{
  color:#93c5fd;
}

.legacy-site #news .direct-overview strong{
  color:#f87171;
}

.legacy-site #news .featured-overview strong{
  color:#fbbf24;
}


/* ===== V38 Shop Coming Soon ===== */
.legacy-site .shop-coming-soon{
  min-height:240px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% 10%,rgba(139,92,246,.09),transparent 32%),
    rgba(255,255,255,.02);
  display:grid;
  place-items:center;
  text-align:center;
}

.legacy-site .shop-coming-soon span{
  color:#ffffff;
  font-size:clamp(28px,4vw,42px);
  font-weight:1000;
  letter-spacing:-1px;
  text-shadow:
    0 0 12px rgba(255,255,255,.10),
    0 0 28px rgba(139,92,246,.12),
    0 0 34px rgba(56,189,248,.10);
}


/* ===== V39 Karriere ===== */

.legacy-site .career-intro-card{
  position:relative;
  padding:30px;
  border-radius:26px;
  border:1px solid rgba(139,92,246,.16);
  background:
    radial-gradient(circle at 88% 8%,rgba(139,92,246,.13),transparent 32%),
    radial-gradient(circle at 8% 92%,rgba(56,189,248,.07),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.034),rgba(255,255,255,.018));
  overflow:hidden;
}

.legacy-site .career-intro-badge{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  color:#c4b5fd;
  background:rgba(139,92,246,.08);
  border:1px solid rgba(139,92,246,.18);
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.4px;
  margin-bottom:14px;
}

.legacy-site .career-intro-card h3{
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(28px,4vw,42px);
  letter-spacing:-1.4px;
  line-height:1.05;
}

.legacy-site .career-intro-card p{
  max-width:820px;
  margin:0 0 13px;
  color:var(--muted);
  font-size:13px;
  line-height:1.75;
}

.legacy-site .career-intro-card p:last-child{
  margin-bottom:0;
}

.legacy-site .career-jobs{
  margin-top:22px;
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
}

.legacy-site .career-jobs-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin-bottom:18px;
}

.legacy-site .career-jobs-head h3{
  margin:4px 0 0;
  color:#fff;
  font-size:28px;
  letter-spacing:-1px;
}

.legacy-site .career-jobs-count{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  color:#a5afc1;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.2px;
}

.legacy-site .career-empty{
  min-height:210px;
  padding:28px;
  border-radius:18px;
  border:1px dashed rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 50% 0%,rgba(139,92,246,.055),transparent 35%),
    rgba(255,255,255,.015);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.legacy-site .career-empty-icon{
  width:46px;
  height:46px;
  margin-bottom:13px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#c4b5fd;
  background:rgba(139,92,246,.08);
  border:1px solid rgba(139,92,246,.16);
  box-shadow:0 8px 26px rgba(139,92,246,.08);
}

.legacy-site .career-empty strong{
  display:block;
  margin-bottom:7px;
  color:#f0f2f7;
  font-size:15px;
}

.legacy-site .career-empty p{
  max-width:540px;
  margin:0;
  color:#7f899f;
  font-size:11px;
  line-height:1.6;
}

@media(max-width:600px){
  .legacy-site .career-intro-card,
.legacy-site .career-jobs{
    padding:21px;
  }

  .legacy-site .career-jobs-head{
    align-items:flex-start;
    flex-direction:column;
  }
}



/* ===== V41 Games Style Fix ===== */

.legacy-site .games-showcase{
  display:grid;
  gap:20px;
}

.legacy-site .game-showcase-card{
  display:grid;
  grid-template-columns:minmax(340px, 1.05fr) minmax(320px, .95fr);
  gap:24px;
  align-items:center;
  padding:28px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  position:relative;
}

.legacy-site .jumpi-theme{
  background:
    radial-gradient(circle at 85% 10%,rgba(245,158,11,.18),transparent 28%),
    linear-gradient(145deg,rgba(18,14,5,.97),rgba(10,10,16,.98));
  border-color:rgba(245,158,11,.2);
}

.legacy-site .untamed-theme{
  background:
    radial-gradient(circle at 85% 10%,rgba(16,185,129,.18),transparent 28%),
    linear-gradient(145deg,rgba(5,18,12,.97),rgba(10,10,16,.98));
  border-color:rgba(16,185,129,.2);
}

.legacy-site .game-showcase-media{
  min-width:0;
}

.legacy-site .game-showcase-image-frame{
  position:relative;
  min-height:350px;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.02),transparent 45%),
    rgba(255,255,255,.02);
}

.legacy-site .game-showcase-image-frame img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:none;
}

.legacy-site .game-showcase-image-frame img.show{
  display:block;
}

.legacy-site .game-showcase-empty{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  text-align:center;
  padding:24px;
  color:#aab2c2;
  font-size:12px;
  line-height:1.6;
}

.legacy-site .game-showcase-upload{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.legacy-site .game-upload-button,
.legacy-site .game-remove-button,
.legacy-site .game-upload-inline{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:42px;
  padding:0 15px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#eef1f7;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  transition:.22s ease;
}

.legacy-site .game-upload-button:hover,
.legacy-site .game-remove-button:hover,
.legacy-site .game-upload-inline:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.055);
}

.legacy-site .game-remove-button{
  background:rgba(239,68,68,.07);
  color:#fecaca;
  border-color:rgba(239,68,68,.16);
}

.legacy-site .game-showcase-kicker{
  color:#f0d267;
  font-size:10px;
  font-weight:1000;
  letter-spacing:1.6px;
  margin-bottom:12px;
}

.legacy-site .untamed-theme .game-showcase-kicker{
  color:#6ee7b7;
}

.legacy-site .game-showcase-copy h3{
  margin:0 0 14px;
  font-size:clamp(42px,4vw,60px);
  line-height:.95;
  letter-spacing:-2px;
}

.legacy-site .jumpi-theme .game-showcase-copy h3{
  color:#facc15;
}

.legacy-site .untamed-theme .game-showcase-copy h3{
  color:#6ee7b7;
}

.legacy-site .game-showcase-copy p{
  margin:0 0 22px;
  color:var(--muted);
  font-size:14px;
  line-height:1.8;
  max-width:560px;
}

.legacy-site .game-more-button{
  min-height:50px;
  padding:0 18px;
  border:none;
  border-radius:15px;
  background:linear-gradient(135deg,#facc15,#eab308);
  color:#16140d;
  font-size:12px;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(250,204,21,.12);
  transition:.22s ease;
}

.legacy-site .game-more-button:hover{
  transform:translateY(-2px);
}

.legacy-site .game-more-button-green{
  background:linear-gradient(135deg,#34d399,#10b981);
  color:#07120f;
  box-shadow:0 12px 28px rgba(16,185,129,.12);
}

.legacy-site .game-tabs-shell{
  display:none;
  margin-top:-6px;
  padding:22px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
}

.legacy-site .game-tabs-shell.open{
  display:block;
  animation:gameTabsIn .28s ease both;
}

@keyframes gameTabsIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}

.legacy-site .game-tab-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:16px;
}

.legacy-site .game-tab-button{
  min-height:42px;
  padding:0 16px;
  border-radius:13px;
  border:1px solid rgba(250,204,21,.18);
  background:rgba(250,204,21,.06);
  color:#f9d54d;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  transition:.2s ease;
}

.legacy-site .game-tab-button.active{
  background:linear-gradient(135deg,#facc15,#eab308);
  color:#16140d;
  box-shadow:0 10px 24px rgba(250,204,21,.11);
}

.legacy-site .game-tab-button-green{
  border-color:rgba(16,185,129,.18);
  background:rgba(16,185,129,.06);
  color:#6ee7b7;
}

.legacy-site .game-tab-button-green.active{
  background:linear-gradient(135deg,#34d399,#10b981);
  color:#07120f;
  box-shadow:0 10px 24px rgba(16,185,129,.11);
}

.legacy-site .game-tab-panel{
  display:none;
}

.legacy-site .game-tab-panel.active{
  display:block;
}

.legacy-site .game-tab-panel-inner{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(260px,1.05fr);
  gap:20px;
  align-items:center;
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
}

.legacy-site .game-tab-copy span{
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:11px;
  margin-bottom:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-size:12px;
  font-weight:1000;
}

.legacy-site .game-tab-copy h4{
  margin:0 0 10px;
  color:#fff;
  font-size:30px;
  letter-spacing:-1px;
}

.legacy-site .game-tab-copy p{
  margin:0 0 14px;
  color:#ccd3de;
  font-size:13px;
  line-height:1.75;
}

.legacy-site .game-tab-image-frame{
  position:relative;
  min-height:260px;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
}

.legacy-site .game-tab-image-frame img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:none;
}

.legacy-site .game-tab-image-frame img.show{
  display:block;
}

.legacy-site .game-tab-empty{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  text-align:center;
  padding:20px;
  color:#adb6c7;
  font-size:12px;
  line-height:1.55;
}

.legacy-site .game-extra-upload{
  margin-top:6px;
}

.legacy-site .extra-purple{background:linear-gradient(180deg,rgba(139,92,246,.12),rgba(255,255,255,.02)); border-color:rgba(139,92,246,.19);}
.legacy-site .extra-blue{background:linear-gradient(180deg,rgba(96,165,250,.12),rgba(255,255,255,.02)); border-color:rgba(96,165,250,.19);}
.legacy-site .extra-pink{background:linear-gradient(180deg,rgba(236,72,153,.12),rgba(255,255,255,.02)); border-color:rgba(236,72,153,.19);}
.legacy-site .extra-orange{background:linear-gradient(180deg,rgba(249,115,22,.12),rgba(255,255,255,.02)); border-color:rgba(249,115,22,.19);}
.legacy-site .extra-teal{background:linear-gradient(180deg,rgba(20,184,166,.12),rgba(255,255,255,.02)); border-color:rgba(20,184,166,.19);}
.legacy-site .extra-green{background:linear-gradient(180deg,rgba(16,185,129,.12),rgba(255,255,255,.02)); border-color:rgba(16,185,129,.19);}
.legacy-site .extra-emerald{background:linear-gradient(180deg,rgba(52,211,153,.12),rgba(255,255,255,.02)); border-color:rgba(52,211,153,.19);}
.legacy-site .extra-lime{background:linear-gradient(180deg,rgba(132,204,22,.12),rgba(255,255,255,.02)); border-color:rgba(132,204,22,.19);}
.legacy-site .extra-forest{background:linear-gradient(180deg,rgba(34,197,94,.12),rgba(255,255,255,.02)); border-color:rgba(34,197,94,.19);}
.legacy-site .extra-mint{background:linear-gradient(180deg,rgba(45,212,191,.12),rgba(255,255,255,.02)); border-color:rgba(45,212,191,.19);}

.legacy-site .profile-rank-serverleader{
  color:#f87171 !important;
  text-shadow:0 0 14px rgba(248,113,113,.17);
}

@media(max-width:1050px){
  .legacy-site .game-showcase-card,
.legacy-site .game-tab-panel-inner{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .legacy-site .game-showcase-card{
    padding:20px;
  }

  .legacy-site .game-showcase-image-frame{
    min-height:240px;
  }

  .legacy-site .game-showcase-copy h3{
    font-size:38px;
  }

  .legacy-site .game-tabs-shell{
    padding:18px;
  }

  .legacy-site .game-tab-panel-inner{
    padding:18px;
  }

  .legacy-site .game-tab-image-frame{
    min-height:210px;
  }
}


/* ===== V42 Games button fix ===== */
.legacy-site .game-more-button:active{
  transform:translateY(0) scale(.985);
}

.legacy-site .game-tabs-shell.open{
  scroll-margin-top:110px;
}


/* ===== V43 Discord / Serverteam Dashboard integration ===== */
.legacy-site .team-dashboard-nav{
  min-width:128px;
  border-color:rgba(168,85,247,.22) !important;
  background:rgba(168,85,247,.075) !important;
  box-shadow:0 0 22px rgba(168,85,247,.08);
}
.legacy-site .team-dashboard-nav:hover{
  background:rgba(168,85,247,.13) !important;
  border-color:rgba(168,85,247,.35) !important;
}
.legacy-site .team-dashboard-nav[hidden]{display:none !important}

.legacy-site .profile-birthday-visibility{
  margin-top:12px;
  padding:12px 13px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
  display:flex;
  align-items:center;
  gap:10px;
  color:#aeb7c9;
  font-size:11px;
  cursor:pointer;
}
.legacy-site .profile-birthday-visibility input{
  accent-color:#8b5cf6;
}

.legacy-site #profileDiscordStatus.connected{
  color:#a78bfa;
  text-shadow:0 0 14px rgba(167,139,250,.16);
}

.legacy-site #profileRankTop,
.legacy-site #profileRankData{
  color:#e7e9f3;
}
.legacy-site #profileRankTop.role-serverleiter,
.legacy-site #profileRankData.role-serverleiter{color:#f87171;text-shadow:0 0 14px rgba(248,113,113,.18)}
.legacy-site #profileRankTop.role-admin,
.legacy-site #profileRankData.role-admin{color:#fb7185}
.legacy-site #profileRankTop.role-mod,
.legacy-site #profileRankData.role-mod{color:#4ade80}
.legacy-site #profileRankTop.role-support,
.legacy-site #profileRankData.role-support{color:#f472b6}
.legacy-site #profileRankTop.role-member,
.legacy-site #profileRankData.role-member{color:#34d399}

.legacy-site .discord-auth-warning{
  margin-top:12px;
  padding:12px;
  border-radius:12px;
  color:#fde68a;
  background:rgba(245,158,11,.06);
  border:1px solid rgba(245,158,11,.16);
  font-size:10px;
  line-height:1.55;
}


/* ===== V44 Integrated Serverteam Dashboard ===== */
.legacy-site .teamdash-modal{
  position:fixed;
  inset:0;
  z-index:3000;
  display:none;
  padding:18px;
}
.legacy-site .teamdash-modal.open{display:block}
.legacy-site .teamdash-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,4,8,.86);
  backdrop-filter:blur(12px);
}
.legacy-site .teamdash-window{
  position:relative;
  z-index:1;
  width:min(1500px,100%);
  height:min(900px,calc(100vh - 36px));
  margin:0 auto;
  display:grid;
  grid-template-columns:245px minmax(0,1fr);
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  overflow:hidden;
  background:#0a0b0f;
  box-shadow:0 30px 100px rgba(0,0,0,.55);
}
.legacy-site .teamdash-sidebar{
  padding:20px 14px;
  border-right:1px solid #292c34;
  background:#0d0e12;
  display:flex;
  flex-direction:column;
}
.legacy-site .teamdash-brand{
  display:flex;
  align-items:center;
  gap:11px;
  padding:5px 7px 22px;
}
.legacy-site .teamdash-brand-mark{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  color:#fff;font-weight:1000;
  background:linear-gradient(135deg,#8b5cf6,#38bdf8);
  box-shadow:0 0 25px rgba(124,58,237,.22);
}
.legacy-site .teamdash-brand strong{display:block;color:#fff;font-size:13px}
.legacy-site .teamdash-brand small{display:block;color:#7f8798;font-size:9px;margin-top:3px}
.legacy-site .teamdash-menu{display:grid;gap:7px}
.legacy-site .teamdash-menu-item{
  min-height:44px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:11px;
  display:flex;align-items:center;gap:10px;
  background:transparent;color:#c9ced9;
  text-align:left;font-size:11px;font-weight:900;
  cursor:pointer;transition:.2s ease;
}
.legacy-site .teamdash-menu-item:hover,
.legacy-site .teamdash-menu-item.active{
  color:#e9d5ff;
  background:rgba(168,85,247,.09);
  border-color:rgba(168,85,247,.19);
}
.legacy-site .teamdash-menu-item[hidden]{display:none!important}
.legacy-site .teamdash-access-note{
  margin-top:auto;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(168,85,247,.13);
  background:rgba(168,85,247,.04);
}
.legacy-site .teamdash-access-note strong{display:block;color:#c084fc;font-size:8px;letter-spacing:1.1px}
.legacy-site .teamdash-access-note span{display:block;color:#6f7787;font-size:9px;line-height:1.45;margin-top:4px}
.legacy-site .teamdash-main{min-width:0;display:flex;flex-direction:column;background:#090a0d}
.legacy-site .teamdash-topbar{
  flex:0 0 auto;
  min-height:82px;
  padding:16px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  border-bottom:1px solid #272a31;
}
.legacy-site .teamdash-kicker{color:#a855f7;font-size:8px;font-weight:1000;letter-spacing:1.5px}
.legacy-site .teamdash-topbar h2{margin:4px 0 0;color:#fff;font-size:27px;letter-spacing:-1px}
.legacy-site .teamdash-top-actions{display:flex;align-items:center;gap:11px}
.legacy-site .teamdash-me{
  padding:7px 10px;
  display:flex;align-items:center;gap:9px;
  border:1px solid #2b2e36;border-radius:12px;background:#111216;
}
.legacy-site .teamdash-me strong{display:block;color:#fff;font-size:11px}
.legacy-site .teamdash-me small{display:block;color:#7e8696;font-size:8px;margin-top:2px}
.legacy-site .teamdash-close{
  width:40px;height:40px;border-radius:11px;
  border:1px solid #30333b;background:#15171c;color:#fff;
  cursor:pointer;
}
.legacy-site .teamdash-avatar{
  width:36px;height:36px;border-radius:50%;object-fit:cover;
  background:#20222a;border:1px solid rgba(255,255,255,.08);
}
.legacy-site .teamdash-avatar-large{width:52px;height:52px}
.legacy-site .teamdash-content{flex:1;min-height:0;overflow:auto;padding:20px}
.legacy-site .teamdash-view{display:none}
.legacy-site .teamdash-view.active{display:block;animation:teamdashIn .23s ease}
@keyframes teamdashIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.legacy-site .teamdash-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.legacy-site .teamdash-panel{
  border:1px solid #2a2d35;
  border-radius:13px;
  overflow:hidden;
  background:#111216;
}
.legacy-site .teamdash-panel-head{
  min-height:54px;padding:0 16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-bottom:1px solid #2a2d35;
  color:#eceef3;font-size:12px;font-weight:1000;
}
.legacy-site .teamdash-panel-head small{color:#f87171;font-size:8px}
.legacy-site .teamdash-panel-head b{
  padding:4px 7px;border-radius:6px;background:#a835e9;color:#120417;font-size:9px;
}
.legacy-site .teamdash-panel-body{padding:18px}
.legacy-site .teamdash-status-active{
  padding:6px 9px;border-radius:8px;
  background:#22c55e;color:#041109;font-size:9px;font-weight:1000;
}
.legacy-site .teamdash-profile-head{
  display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;
  padding-bottom:13px;
}
.legacy-site .teamdash-profile-head strong{display:block;color:#fff;font-size:13px}
.legacy-site .teamdash-profile-head small{display:block;color:#818897;font-size:9px;margin-top:3px}
.legacy-site .teamdash-role-badge{
  padding:7px 9px;border-radius:8px;background:#7f1d1d;color:#fff;font-size:9px;font-weight:1000;
}
.legacy-site .teamdash-info-row{
  padding:14px 0;border-top:1px solid #292c33;
  display:flex;justify-content:space-between;align-items:center;gap:14px;
}
.legacy-site .teamdash-info-row span{display:block;color:#8e95a4;font-size:9px;margin-bottom:5px}
.legacy-site .teamdash-info-row strong{color:#ebedf2;font-size:11px}
.legacy-site .teamdash-info-row b{color:#9ba2b1;font-size:10px}
.legacy-site .teamdash-stars{color:#f59e0b!important;font-size:17px!important;letter-spacing:1px}
.legacy-site .teamdash-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.legacy-site .teamdash-stat-grid>div{
  padding:14px;border:1px solid #292c34;border-radius:11px;background:#0e0f13;
}
.legacy-site .teamdash-stat-grid span{display:block;color:#7f8797;font-size:8px;margin-bottom:5px}
.legacy-site .teamdash-stat-grid strong{color:#fff;font-size:17px}
.legacy-site .teamdash-purple{color:#c084fc!important;font-size:11px!important}
.legacy-site .teamdash-green{color:#34d399!important;font-size:11px!important}
.legacy-site .teamdash-toolbar{display:flex;gap:9px;margin-bottom:13px}
.legacy-site .teamdash-toolbar input{
  flex:1;min-width:0;padding:10px 12px;border-radius:9px;
  border:1px solid #30333b;background:#0c0d11;color:#fff;
}
.legacy-site .teamdash-toolbar button{
  padding:0 14px;border:0;border-radius:9px;background:#9333ea;color:#fff;font-size:10px;font-weight:1000;
}
.legacy-site .teamdash-table-wrap{overflow:auto}
.legacy-site .teamdash-table{width:100%;border-collapse:separate;border-spacing:0 8px}
.legacy-site .teamdash-table th{text-align:left;color:#838b9a;font-size:9px;padding:0 9px 3px}
.legacy-site .teamdash-table td{
  padding:9px;background:#0f1014;border-top:1px solid #2a2d35;border-bottom:1px solid #2a2d35;
}
.legacy-site .teamdash-table td:first-child{border-left:1px solid #2a2d35;border-radius:9px 0 0 9px}
.legacy-site .teamdash-table td:last-child{border-right:1px solid #2a2d35;border-radius:0 9px 9px 0}
.legacy-site .teamdash-usercell{display:flex;align-items:center;gap:9px}
.legacy-site .teamdash-usercell strong{display:block;color:#f3f4f6;font-size:10px}
.legacy-site .teamdash-usercell small{display:block;color:#737b8a;font-size:8px;margin-top:2px}
.legacy-site .teamdash-date{
  display:inline-block;padding:5px 7px;border-radius:6px;
  color:#6767ff;background:#16142c;font-size:8px;
}
.legacy-site .teamdash-table-role{
  display:inline-block;padding:6px 8px;border-radius:7px;color:#fff;font-size:8px;font-weight:900;
}
.legacy-site .teamdash-eye{
  width:34px;height:28px;border-radius:7px;
  border:1px solid #6b21a8;background:#25102e;color:#c04cff;font-weight:1000;
}
.legacy-site .teamdash-empty{
  padding:30px;text-align:center;color:#7d8595;font-size:10px;
}
.legacy-site .teamdash-error{
  padding:13px;border-radius:9px;border:1px solid #7f1d1d;background:#2a1114;color:#fecaca;font-size:10px;
}
.legacy-site .teamdash-list{display:grid;gap:9px}
.legacy-site .teamdash-list-item{
  padding:12px;border:1px solid #2b2e35;border-radius:9px;background:#0f1014;color:#d9dce3;font-size:10px;
}
.legacy-site .teamdash-list-item strong{display:block;color:#fff;margin-bottom:4px}
.legacy-site .teamdash-list-item small{display:block;color:#747c8b;margin-top:5px}
.legacy-site .teamdash-form{display:grid;gap:13px}
.legacy-site .teamdash-form label span{display:block;color:#eceef4;font-size:10px;font-weight:900;margin-bottom:7px}
.legacy-site .teamdash-form input,
.legacy-site .teamdash-form textarea,
.legacy-site .teamdash-warning-form textarea{
  width:100%;border:1px solid #343741;background:#0d0e12;color:#fff;border-radius:8px;padding:10px;
}
.legacy-site .teamdash-form textarea,
.legacy-site .teamdash-warning-form textarea{min-height:95px;resize:vertical}
.legacy-site .teamdash-form button{
  justify-self:end;padding:10px 17px;border:0;border-radius:8px;background:#9333ea;color:#100414;font-size:10px;font-weight:1000;
}
.legacy-site .teamdash-note{
  padding:13px;border:1px solid #37306b;background:#17152b;color:#6b6bff;border-radius:8px;font-size:10px;
}
.legacy-site .teamdash-member-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.legacy-site .teamdash-member-head>button{
  width:40px;height:40px;border:1px solid #30333b;border-radius:8px;background:#17191e;color:#fff;
}
.legacy-site .teamdash-member-banner{
  flex:1;padding:12px 14px;
  display:flex;align-items:center;gap:11px;
  border:1px solid #294231;border-radius:11px;
  background:linear-gradient(90deg,#101811,#0e3a20);
}
.legacy-site .teamdash-member-banner strong{display:block;color:#fff}
.legacy-site .teamdash-member-banner small{display:block;color:#d3d5dc;font-size:9px;margin-top:2px}
.legacy-site .teamdash-member-banner>span{
  margin-left:auto;color:#00ef67;font-size:23px;font-weight:1000;
}
.legacy-site .teamdash-member-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:11px}
.legacy-site .teamdash-member-cases{display:grid;gap:10px}
.legacy-site .teamdash-member-info{margin-bottom:14px}
.legacy-site .teamdash-member-info span{display:block;color:#848c9a;font-size:8px;margin-bottom:4px}
.legacy-site .teamdash-member-info strong{color:#fff;font-size:10px;overflow-wrap:anywhere}
.legacy-site .teamdash-warning-form{margin-top:20px;padding-top:16px;border-top:1px solid #292c34}
.legacy-site .teamdash-warning-form label{display:block;color:#fff;font-size:10px;font-weight:900;margin-bottom:7px}
.legacy-site .teamdash-warning-form button{
  width:100%;margin-top:9px;padding:9px;border-radius:8px;
  border:1px solid #7e2fb0;background:#2a1232;color:#cb4cff;font-size:10px;font-weight:1000;
}
@media(max-width:1000px){
  .legacy-site .teamdash-modal{padding:0}
  .legacy-site .teamdash-window{height:100vh;border-radius:0;grid-template-columns:1fr}
  .legacy-site .teamdash-sidebar{display:none}
  .legacy-site .teamdash-overview-grid,
.legacy-site .teamdash-member-grid{grid-template-columns:1fr}
}


/* ===== V50 Dynamic Shop ===== */
.legacy-site .lf-dynamic-shop{
  display:none;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.legacy-site .lf-dynamic-shop.active{display:grid}
.legacy-site .lf-shop-card{
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 90% 0%,rgba(139,92,246,.10),transparent 28%),
    rgba(255,255,255,.022);
  transition:.22s ease;
}
.legacy-site .lf-shop-card:hover{
  transform:translateY(-3px);
  border-color:rgba(139,92,246,.20);
}
.legacy-site .lf-shop-image{
  height:210px;
  background:rgba(255,255,255,.025);
  display:grid;
  place-items:center;
  color:#606b80;
  font-size:10px;
  overflow:hidden;
}
.legacy-site .lf-shop-image img{width:100%;height:100%;object-fit:cover}
.legacy-site .lf-shop-copy{padding:18px}
.legacy-site .lf-shop-copy h3{margin:0 0 8px;color:#fff;font-size:20px}
.legacy-site .lf-shop-copy p{min-height:60px;margin:0 0 14px;color:#929caf;font-size:11px;line-height:1.65}
.legacy-site .lf-shop-price{display:block;color:#c4b5fd;font-size:19px;font-weight:1000;margin-bottom:13px}
.legacy-site .lf-shop-action{
  display:inline-flex;min-height:42px;padding:0 14px;align-items:center;justify-content:center;
  border-radius:11px;border:1px solid rgba(139,92,246,.22);
  background:rgba(139,92,246,.08);color:#ede9fe;text-decoration:none;font-size:10px;font-weight:1000;
}
.legacy-site .lf-shop-action.disabled{opacity:.45;pointer-events:none}
@media(max-width:900px){.legacy-site .lf-dynamic-shop{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.legacy-site .lf-dynamic-shop{grid-template-columns:1fr}}


/* ===== V52 Discord Login ===== */
.legacy-site .discord-setup-modal{display:none!important;position:fixed;inset:0;z-index:4500;display:none;padding:20px}
.legacy-site .discord-setup-modal.open{display:grid;place-items:center}
.legacy-site .discord-setup-backdrop{position:absolute;inset:0;background:rgba(3,4,9,.88);backdrop-filter:blur(12px)}
.legacy-site .discord-setup-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:25px;background:radial-gradient(circle at 95% 0%,rgba(88,101,242,.11),transparent 28%),#0c0e15;box-shadow:0 30px 100px rgba(0,0,0,.55)}
.legacy-site .discord-setup-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:#171a23;color:#fff;cursor:pointer}
.legacy-site .discord-setup-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:17px;border-radius:17px;color:#fff;font-size:23px;font-weight:1000;background:linear-gradient(135deg,#5865f2,#8b5cf6);box-shadow:0 0 28px rgba(88,101,242,.20)}
.legacy-site .discord-setup-kicker{color:#a78bfa;font-size:9px;font-weight:1000;letter-spacing:1.5px}
.legacy-site .discord-setup-dialog h2{margin:7px 0 10px;color:#fff;font-size:31px;letter-spacing:-1.2px}
.legacy-site .discord-setup-intro{margin:0 0 19px;color:#9199aa;font-size:11px;line-height:1.65}
.legacy-site .discord-setup-status-row{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0a0c12;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.legacy-site .discord-setup-status-row span{display:block;color:#788297;font-size:8px}
.legacy-site .discord-setup-status-row strong{display:block;margin-top:4px;color:#fff;font-size:11px}
.legacy-site .discord-setup-ready{padding:6px 8px;border-radius:7px;background:rgba(52,211,153,.09);color:#86efac!important;font-size:7px!important;font-weight:1000}
.legacy-site .discord-setup-field label{display:block;margin-bottom:7px;color:#eef0f5;font-size:10px;font-weight:1000}
.legacy-site .discord-setup-field input{width:100%;padding:12px 13px;border:1px solid rgba(255,255,255,.10);border-radius:10px;outline:none;background:#090b10;color:#fff}
.legacy-site .discord-setup-field input:focus{border-color:rgba(139,92,246,.45);box-shadow:0 0 0 3px rgba(139,92,246,.07)}
.legacy-site .discord-setup-field small{display:block;margin-top:7px;color:#70798d;font-size:8px;line-height:1.5}
.legacy-site .discord-setup-redirect{margin-top:15px;padding:12px;border:1px solid rgba(56,189,248,.12);border-radius:11px;background:rgba(56,189,248,.035)}
.legacy-site .discord-setup-redirect>span{display:block;margin-bottom:7px;color:#8791a4;font-size:8px}
.legacy-site .discord-setup-redirect>div{display:flex;gap:8px;align-items:center}
.legacy-site .discord-setup-redirect code{flex:1;min-width:0;overflow-wrap:anywhere;color:#8bd6ff;font-size:9px}
.legacy-site .discord-setup-redirect button{min-height:32px;padding:0 10px;border:1px solid rgba(56,189,248,.18);border-radius:8px;background:rgba(56,189,248,.06);color:#bae6fd;font-size:8px;font-weight:1000;cursor:pointer}
.legacy-site .discord-setup-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.legacy-site .discord-setup-primary,
.legacy-site .discord-setup-secondary{min-height:43px;padding:0 15px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:1000;text-decoration:none}
.legacy-site .discord-setup-primary{border:0;background:linear-gradient(135deg,#5865f2,#8b5cf6);color:#fff;cursor:pointer}
.legacy-site .discord-setup-primary:disabled{opacity:.65;cursor:wait}
.legacy-site .discord-setup-secondary{border:1px solid rgba(255,255,255,.09);background:#171a23;color:#fff}
.legacy-site .discord-setup-message{display:none;margin-top:13px;padding:11px;border-radius:9px;font-size:9px;line-height:1.5}
.legacy-site .discord-setup-message.show{display:block}
.legacy-site .discord-setup-message.error{border:1px solid rgba(248,113,113,.20);background:rgba(248,113,113,.06);color:#fecaca}
.legacy-site .discord-setup-message.success{border:1px solid rgba(52,211,153,.18);background:rgba(52,211,153,.05);color:#a7f3d0}
@media(max-width:600px){.legacy-site .discord-setup-dialog{padding:24px 18px}.legacy-site .discord-setup-redirect>div{align-items:stretch;flex-direction:column}}


/* ===== V53 Owner CMS ===== */
.legacy-site .site-editor-button{width:43px;min-width:43px;padding:0!important;font-size:17px!important;border-color:rgba(139,92,246,.24)!important;background:rgba(139,92,246,.07)!important}
.legacy-site .site-editor-button:hover{box-shadow:0 0 24px rgba(139,92,246,.16)}
.legacy-site .owner-login{display:none;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}
.legacy-site .owner-login.open{display:block}
.legacy-site .provider-owner .provider-icon{background:linear-gradient(135deg,#ef4444,#7f1d1d);color:#fff}
.legacy-site .site-editor-modal{position:fixed;inset:0;z-index:5000;display:none;padding:18px}
.legacy-site .site-editor-modal.open{display:block}
.legacy-site .site-editor-backdrop{position:absolute;inset:0;background:rgba(3,4,9,.90);backdrop-filter:blur(13px)}
.legacy-site .site-editor-window{position:relative;z-index:1;width:min(1500px,100%);height:min(920px,calc(100vh - 36px));margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:25px;background:#090a0f;box-shadow:0 35px 120px rgba(0,0,0,.62)}
.legacy-site .site-editor-sidebar{padding:18px 12px;border-right:1px solid rgba(255,255,255,.08);background:#0c0e14;display:flex;flex-direction:column;gap:7px}
.legacy-site .site-editor-brand{display:flex;gap:10px;align-items:center;padding:5px 7px 19px}
.legacy-site .site-editor-brand-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#38bdf8);font-size:18px}
.legacy-site .site-editor-brand strong{display:block;font-size:12px;color:#fff}.legacy-site .site-editor-brand small{display:block;margin-top:3px;color:#747e91;font-size:7px;letter-spacing:1px}
.legacy-site .site-editor-tab{min-height:43px;padding:0 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#b9c0ce;text-align:left;font-size:9px;font-weight:900;cursor:pointer}
.legacy-site .site-editor-tab:hover,
.legacy-site .site-editor-tab.active{color:#f1e8ff;background:rgba(139,92,246,.09);border-color:rgba(139,92,246,.18)}
.legacy-site .site-editor-owner{margin-top:auto;padding:10px;border:1px solid rgba(239,68,68,.15);border-radius:11px;background:rgba(239,68,68,.04);display:flex;align-items:center;gap:9px}
.legacy-site .site-editor-owner img{width:37px;height:37px;border-radius:9px}.legacy-site .site-editor-owner strong{display:block;color:#fff;font-size:9px}.legacy-site .site-editor-owner small{display:block;margin-top:2px;color:#f87171;font-size:7px}
.legacy-site .site-editor-main{min-width:0;display:flex;flex-direction:column}.legacy-site .site-editor-top{height:76px;flex:0 0 76px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}
.legacy-site .site-editor-kicker{color:#a78bfa;font-size:7px;letter-spacing:1.4px;font-weight:1000}.legacy-site .site-editor-top h2{margin:4px 0 0;font-size:24px;color:#fff}
.legacy-site .site-editor-close{width:39px;height:39px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#171923;color:#fff;cursor:pointer}
.legacy-site .site-editor-scroll{flex:1;min-height:0;overflow:auto;padding:18px}.legacy-site .site-editor-panel{display:none}.legacy-site .site-editor-panel.active{display:block}
.legacy-site .editor-card{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#10121a;margin-bottom:12px}.legacy-site .editor-card h3{margin:0 0 14px;color:#fff;font-size:15px}
.legacy-site .editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.legacy-site .editor-grid label{display:block;color:#cfd4de;font-size:8px;font-weight:900}.legacy-site .editor-grid label.wide{grid-column:1/-1}
.legacy-site .editor-grid input,
.legacy-site .editor-grid textarea,
.legacy-site .editor-grid select{width:100%;margin-top:6px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#090b11;color:#fff;outline:none}
.legacy-site .editor-grid textarea{min-height:92px;resize:vertical}.legacy-site .editor-grid input:focus,
.legacy-site .editor-grid textarea:focus,
.legacy-site .editor-grid select:focus{border-color:rgba(139,92,246,.42)}
.legacy-site .editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.legacy-site .editor-save-button,
.legacy-site .editor-secondary-button{min-height:40px;padding:0 13px;border-radius:10px;font-size:8px;font-weight:1000;cursor:pointer}
.legacy-site .editor-save-button{border:0;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.legacy-site .editor-save-button.red{background:linear-gradient(135deg,#ef4444,#991b1b)}
.legacy-site .editor-secondary-button{border:1px solid rgba(255,255,255,.09);background:#171923;color:#fff}.legacy-site .editor-result{margin-top:10px;color:#86efac;font-size:8px}
.legacy-site .editor-list{display:grid;gap:8px}.legacy-site .editor-list-item{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0b0d13;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.legacy-site .editor-list-item strong{display:block;color:#fff;font-size:9px}.legacy-site .editor-list-item small{display:block;color:#747e91;font-size:7px;margin-top:3px}.legacy-site .editor-list-actions{display:flex;gap:6px}
.legacy-site .editor-list-actions button{padding:6px 8px;border-radius:7px;border:1px solid rgba(139,92,246,.16);background:rgba(139,92,246,.06);color:#c4b5fd;font-size:7px;font-weight:900;cursor:pointer}
.legacy-site .editor-list-actions button.delete{border-color:rgba(239,68,68,.18);background:rgba(239,68,68,.05);color:#fca5a5}
.legacy-site .editor-check{display:flex;align-items:center;gap:8px;margin-top:10px;color:#cdd3de;font-size:8px}
.legacy-site .cobble-editor-author{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:14px;border:1px solid rgba(239,68,68,.16);border-radius:10px;background:rgba(239,68,68,.04)}
.legacy-site .cobble-editor-author img{width:42px;height:42px;border-radius:9px}.legacy-site .cobble-editor-author strong{display:block;color:#fff;font-size:10px}.legacy-site .cobble-editor-author span{display:block;color:#f87171;font-size:7px;margin-top:3px}
.legacy-site .cms-news-feed{display:grid;gap:10px;margin-top:15px}.legacy-site .cms-news-card{padding:15px;border:1px solid color-mix(in srgb,var(--cms-accent,#8b5cf6) 28%,transparent);border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--cms-accent,#8b5cf6) 7%,transparent),rgba(255,255,255,.015))}
.legacy-site .cms-news-card .cms-meta{color:var(--cms-accent,#8b5cf6);font-size:8px;font-weight:1000;letter-spacing:1px;text-transform:uppercase}.legacy-site .cms-news-card h5{margin:7px 0;color:#fff;font-size:17px}.legacy-site .cms-news-card p{margin:0;color:#9ca5b7;line-height:1.65;font-size:10px}
.legacy-site .cms-cobble-feed{display:grid;gap:12px;margin-top:15px}.legacy-site .cms-cobble-post{padding:17px;border:1px solid color-mix(in srgb,var(--post-accent,#ef4444) 30%,transparent);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--post-accent,#ef4444) 7%,transparent),rgba(255,255,255,.015));font-family:var(--post-font,inherit)}
.legacy-site .cms-cobble-author{display:flex;align-items:center;gap:9px;margin-bottom:12px}.legacy-site .cms-cobble-author img{width:39px;height:39px;border-radius:8px}.legacy-site .cms-cobble-author strong{display:block;color:#fff;font-size:10px}.legacy-site .cms-cobble-author small{display:block;color:var(--post-accent,#ef4444);font-size:7px;margin-top:2px}
.legacy-site .cms-cobble-post h5{margin:0 0 9px;color:var(--post-title,#fff);font-size:19px}.legacy-site .cms-cobble-post p{margin:0;color:var(--post-text,#aeb6c7);font-size:10px;line-height:1.7;white-space:pre-line}
.legacy-site .cms-custom-section-card{padding:26px;border:1px solid color-mix(in srgb,var(--section-accent,#8b5cf6) 25%,transparent);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--section-accent,#8b5cf6) 7%,transparent),rgba(255,255,255,.015))}
.legacy-site .cms-custom-section-card p{color:#99a2b4;line-height:1.75;white-space:pre-line}
@media(max-width:900px){.legacy-site .site-editor-window{grid-template-columns:1fr;height:100vh;border-radius:0}.legacy-site .site-editor-sidebar{display:none}.legacy-site .site-editor-modal{padding:0}}
@media(max-width:650px){.legacy-site .editor-grid{grid-template-columns:1fr}.legacy-site .editor-grid label.wide{grid-column:auto}}


.legacy-site .owner-profile-note{
  margin-top:8px;padding:8px 10px;border:1px solid rgba(239,68,68,.16);
  border-radius:9px;background:rgba(239,68,68,.05);color:#fca5a5;
  font-size:8px;font-weight:900
}


/* ===== V55 Protected Editor Route ===== */
.legacy-site .site-editor-button[hidden]{display:none!important}
.legacy-site .site-editor-button:not([hidden]){display:inline-flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important;cursor:pointer!important;position:relative;z-index:100}

/* ===== V57 Werkzeug wirklich direkt neben KONTO ===== */
.legacy-site .account-nav .site-editor-button{
  flex:0 0 43px;
  width:43px;
  min-width:43px;
  height:43px;
  padding:0!important;
  border-radius:12px;
}
.legacy-site .account-nav .account-button{
  flex:0 0 auto;
}
.legacy-site .account-nav .account-dropdown{
  right:0;
}


/* ===== V59 Spiele-Bild Platzhalter Fix ===== */
.legacy-site .game-showcase-empty[hidden],
.legacy-site .game-tab-empty[hidden]{
  display:none!important;
}
.legacy-site .game-showcase-image-frame img.show,
.legacy-site .game-tab-image-frame img.show{
  z-index:2;
}
.legacy-site .game-showcase-empty,
.legacy-site .game-tab-empty{
  z-index:1;
}


/* ===== V60 UNTAMED festes Website-Bild ===== */
.legacy-site .untamed-fixed-media .game-showcase-image-frame{
  aspect-ratio:16 / 9;
  min-height:0;
}
.legacy-site .untamed-fixed-cover{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}


/* ===== V61 Spiele-Detailstruktur ===== */
.legacy-site .jumpverse-static-media .game-showcase-image-frame{
  min-height:0;
  aspect-ratio:16 / 9;
}
.legacy-site .game-details-top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:18px;
}
.legacy-site .game-details-top-box{
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  padding:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.legacy-site .game-details-top-kicker{
  font-size:11px;
  letter-spacing:1.6px;
  font-weight:900;
  color:#8bd4ff;
  margin-bottom:8px;
}
.legacy-site .game-details-top-box h4{
  margin:0 0 10px;
  font-size:28px;
}
.legacy-site .game-details-top-box p{
  margin:0;
  color:#aeb6c7;
  line-height:1.7;
}
.legacy-site .game-detail-content{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:stretch;
}
.legacy-site .game-detail-placeholder-box{
  min-height:240px;
  border:1px dashed rgba(255,255,255,.18);
  border-radius:22px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(180deg, rgba(0,0,0,.14), rgba(255,255,255,.02));
}
.legacy-site .game-detail-placeholder-kicker{
  font-size:11px;
  letter-spacing:1.6px;
  font-weight:900;
  margin-bottom:10px;
  color:#ffffff;
  opacity:.9;
}
.legacy-site .game-detail-placeholder-title{
  font-size:28px;
  font-weight:900;
  line-height:1.1;
  margin-bottom:10px;
}
.legacy-site .game-detail-placeholder-text{
  color:#d3d8e2;
  line-height:1.7;
  font-size:15px;
}
@media (max-width:900px){
  .legacy-site .game-details-top,
.legacy-site .game-detail-content{
    grid-template-columns:1fr;
  }
}


/* ===== V63 Vorschau-Fix ===== */
.legacy-site #mainPreview-untamed{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.legacy-site .untamed-fixed-media .game-showcase-image-frame{
  overflow:hidden!important;
}


/* ===== V64 Cobblemon Projektübersicht ===== */
.legacy-site .cobblemon-overview-nav{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}
.legacy-site .cobblemon-overview-item{width:100%;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.025);color:#fff;text-align:left;cursor:pointer;transition:.22s ease}
.legacy-site .cobblemon-overview-item:hover{transform:translateX(3px);border-color:rgba(239,68,68,.22);background:rgba(239,68,68,.04)}
.legacy-site .cobblemon-overview-item.active{border-color:rgba(239,68,68,.34);background:linear-gradient(90deg,rgba(239,68,68,.10),rgba(239,68,68,.025));box-shadow:inset 3px 0 0 #ef4444,0 0 25px rgba(239,68,68,.055)}
.legacy-site .cobblemon-overview-item strong{display:block;margin-bottom:5px;font-size:14px;color:#fff}
.legacy-site .cobblemon-overview-item span{display:block;color:#7f8ba3;font-size:10px;line-height:1.45}
.legacy-site .cobblemon-overview-item b{flex:0 0 auto;color:#f87171;font-size:18px;transition:.22s ease}
.legacy-site .cobblemon-overview-item.active b{transform:rotate(90deg)}
.legacy-site .cobblemon-overview-content{margin-top:18px}
.legacy-site .cobblemon-overview-panel{display:none;opacity:0;transform:translateY(9px)}
.legacy-site .cobblemon-overview-panel.active{display:block;animation:cobblemonOverviewIn .28s ease forwards}
@keyframes cobblemonOverviewIn{to{opacity:1;transform:none}}
.legacy-site .cobblemon-overview-panel-head{margin-bottom:18px;padding:18px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:rgba(255,255,255,.02)}
.legacy-site .cobblemon-overview-panel-head h5,
.legacy-site .cobblemon-placeholder-feature h5{margin:0 0 9px;color:#fff;font-size:21px;letter-spacing:-.4px}
.legacy-site .cobblemon-overview-panel-head p,
.legacy-site .cobblemon-placeholder-feature p{margin:0;color:#8995aa;font-size:11px;line-height:1.65;max-width:760px}
.legacy-site .cobblemon-region-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.legacy-site .cobblemon-region-card{min-width:0;padding:16px;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))}
.legacy-site .cobblemon-region-card h6{margin:0 0 13px;text-align:center;font-size:25px;letter-spacing:1.5px;font-weight:1000}
.legacy-site .region-elyria h6{color:#74d9ff;text-shadow:0 0 8px rgba(56,189,248,.58),0 0 22px rgba(56,189,248,.24)}
.legacy-site .region-kanto h6{color:#84f7aa;text-shadow:0 0 8px rgba(74,222,128,.55),0 0 22px rgba(74,222,128,.23)}
.legacy-site .cobblemon-region-image{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:#07090d}
.legacy-site .cobblemon-region-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.legacy-site .cobblemon-region-card:hover .cobblemon-region-image img{transform:scale(1.018)}
.legacy-site .cobblemon-region-card p{margin:14px 2px 2px;color:#919db1;font-size:10px;line-height:1.68}
.legacy-site .cobblemon-placeholder-feature{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:26px;border:1px dashed rgba(239,68,68,.22);border-radius:18px;background:radial-gradient(circle at 90% 10%,rgba(239,68,68,.08),transparent 32%),rgba(255,255,255,.018)}
.legacy-site .cobblemon-placeholder-feature>span{margin-top:18px;padding:7px 9px;border:1px solid rgba(239,68,68,.16);border-radius:8px;background:rgba(239,68,68,.055);color:#fca5a5;font-size:8px;font-weight:1000;letter-spacing:1px}
.legacy-site .cobblemon-placeholder-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:14px;border-radius:13px;background:rgba(239,68,68,.08);color:#f87171;font-size:19px;box-shadow:0 0 22px rgba(239,68,68,.08)}
@media(max-width:850px){.legacy-site .cobblemon-region-grid{grid-template-columns:1fr}}


/* ===== V65 Cobblemon echtes Akkordeon ===== */
.legacy-site .cobblemon-overview-nav,
.legacy-site .cobblemon-overview-content{
  display:none!important;
}

.legacy-site .cobblemon-accordion{
  display:grid;
  gap:11px;
  margin-top:24px;
}

.legacy-site .cobblemon-accordion-item{
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:rgba(255,255,255,.022);
  overflow:hidden;
  transition:border-color .24s ease,background .24s ease,box-shadow .24s ease;
}

.legacy-site .cobblemon-accordion-item.open{
  border-color:rgba(239,68,68,.34);
  background:linear-gradient(180deg,rgba(239,68,68,.055),rgba(255,255,255,.018));
  box-shadow:inset 3px 0 0 #ef4444,0 0 26px rgba(239,68,68,.045);
}

.legacy-site .cobblemon-accordion-trigger{
  width:100%;
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 18px;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  cursor:pointer;
}

.legacy-site .cobblemon-accordion-trigger:hover{
  background:rgba(239,68,68,.035);
}

.legacy-site .cobblemon-accordion-trigger strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-size:14px;
}

.legacy-site .cobblemon-accordion-trigger span{
  display:block;
  color:#7f8ba3;
  font-size:10px;
  line-height:1.45;
}

.legacy-site .cobblemon-accordion-arrow{
  flex:0 0 auto;
  color:#f87171;
  font-size:18px;
  transition:transform .28s ease;
}

.legacy-site .cobblemon-accordion-item.open .cobblemon-accordion-arrow{
  transform:rotate(180deg);
}

.legacy-site .cobblemon-accordion-panel{
  display:grid;
  grid-template-rows:0fr;
  opacity:.25;
  transition:grid-template-rows .34s ease,opacity .24s ease;
}

.legacy-site .cobblemon-accordion-item.open .cobblemon-accordion-panel{
  grid-template-rows:1fr;
  opacity:1;
}

.legacy-site .cobblemon-accordion-panel-inner{
  min-height:0;
  overflow:hidden;
}

.legacy-site .cobblemon-accordion-item.open .cobblemon-accordion-panel-inner{
  padding:2px 18px 18px;
}

.legacy-site .cobblemon-accordion .cobblemon-overview-panel-head{
  margin:0 0 18px;
}

.legacy-site .cobblemon-accordion .cobblemon-region-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.legacy-site .cobblemon-accordion .cobblemon-region-image{
  width:100%;
  aspect-ratio:16 / 10;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.08);
  background:#07090d;
}

.legacy-site .cobblemon-accordion .cobblemon-region-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  visibility:visible!important;
  opacity:1!important;
}

.legacy-site .cobblemon-accordion .region-elyria h6{
  color:#74d9ff;
  text-shadow:0 0 8px rgba(56,189,248,.72),0 0 26px rgba(56,189,248,.32);
}

.legacy-site .cobblemon-accordion .region-kanto h6{
  color:#84f7aa;
  text-shadow:0 0 8px rgba(74,222,128,.70),0 0 26px rgba(74,222,128,.30);
}

@media(max-width:850px){
  .legacy-site .cobblemon-accordion .cobblemon-region-grid{
    grid-template-columns:1fr;
  }
}



/* ===== V66 Cobblemon Blog + Map Fix ===== */
.legacy-site .cobblemon-hub-content{
  display:block;
}

.legacy-site .cobblemon-hub-panel.active{
  display:block;
  width:100%;
}

.legacy-site .cobblemon-accordion .cobblemon-region-image{
  aspect-ratio: 1 / 1;
  padding:10px;
  background:linear-gradient(180deg,rgba(10,13,20,.98),rgba(6,8,12,.98));
}

.legacy-site .cobblemon-accordion .cobblemon-region-image img{
  object-fit:contain!important;
}

.legacy-site .cobblemon-blog-stage{
  margin-top:22px;
  display:grid;
  gap:16px;
}

.legacy-site .cobblemon-blog-hero{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(239,68,68,.18);
  padding:22px;
  min-height:260px;
  background:
    radial-gradient(circle at 88% 12%, rgba(239,68,68,.14), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}

.legacy-site .cobblemon-blog-badge{
  position:absolute;
  top:18px;
  right:18px;
  color:#ff6b6b;
  font-size:28px;
  font-weight:1000;
  letter-spacing:2.4px;
  text-transform:uppercase;
  text-shadow:0 0 8px rgba(248,113,113,.85),0 0 22px rgba(239,68,68,.45),0 0 40px rgba(239,68,68,.18);
}

.legacy-site .cobblemon-blog-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:16px;
  align-items:start;
}

.legacy-site .cobblemon-blog-hero-copy h5{
  margin:0 0 12px;
  color:#fff;
  font-size:46px;
  line-height:0.98;
  letter-spacing:-2px;
  max-width:470px;
}

.legacy-site .cobblemon-blog-hero-copy p{
  margin:0;
  color:#a9b3c7;
  font-size:14px;
  line-height:1.72;
  max-width:560px;
}

.legacy-site .cobblemon-blog-sidecards{
  display:grid;
  gap:12px;
}

.legacy-site .cobblemon-blog-sidecard{
  border-radius:16px;
  border:1px solid rgba(239,68,68,.12);
  background:rgba(255,255,255,.03);
  padding:15px;
}

.legacy-site .cobblemon-blog-sidecard strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:13px;
}

.legacy-site .cobblemon-blog-sidecard span{
  display:block;
  color:#909bb0;
  font-size:10px;
  line-height:1.6;
}

.legacy-site .cobblemon-blog-list{
  margin-top:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

@media(max-width:960px){
  .legacy-site .cobblemon-blog-hero-grid,
.legacy-site .cobblemon-blog-list{
    grid-template-columns:1fr;
  }

  .legacy-site .cobblemon-blog-badge{
    position:static;
    display:inline-block;
    margin-bottom:14px;
  }

  .legacy-site .cobblemon-blog-hero-copy h5{
    font-size:38px;
    max-width:none;
  }
}



/* ===== V67 News Center + Jumpverse image ===== */
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active{
  text-align:center;
}

.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active > .cobblemon-section-label{
  margin-left:auto;
  margin-right:auto;
}

.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active > p,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active > p,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active > p,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active > p{
  margin-left:auto;
  margin-right:auto;
  max-width:760px;
}

.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active .cobblemon-placeholder-card,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active .cobblemon-placeholder-card,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active .cobblemon-placeholder-card,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active .battlepass-product-card{
  margin-left:auto;
  margin-right:auto;
}

.legacy-site .game-details-preview-box{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.legacy-site .game-details-preview-frame{
  position:relative;
  width:100%;
  min-height:280px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}

.legacy-site .game-details-preview-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.legacy-site .game-details-preview-note{
  margin:0;
  color:#9ea7bb;
  font-size:13px;
  line-height:1.65;
}


/* ===== V68 JUMPVERSE fest eingebettet ===== */
.legacy-site .jumpverse-fixed-frame{
  background:
    radial-gradient(circle at 50% 50%,rgba(250,204,21,.08),transparent 50%),
    #0b0a08!important;
}

.legacy-site .jumpverse-fixed-cover{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:20px!important;
  box-sizing:border-box!important;
}

.legacy-site #mainPreview-jumpverse.show{
  display:block!important;
}

.legacy-site .game-details-preview-frame img[alt="JUMPVERSE Vorschau"]{
  object-fit:contain!important;
  background:#0b0a08;
  padding:18px;
  box-sizing:border-box;
}



/* ===== V69 Cobblemon Panel Stage Fix ===== */
.legacy-site .cobblemon-hub-content{
  position:relative;
  min-height:640px;
}

.legacy-site .cobblemon-hub-panel.active{
  width:100%;
  min-height:588px;
}

.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="blog"].active,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}

.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="blog"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="blog"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="blog"].active > p,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active > p,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active > p,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active > p,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active > p{
  margin-left:auto;
  margin-right:auto;
}

.legacy-site .cobblemon-blog-stage{
  width:min(100%, 920px);
  margin:0 auto;
  display:grid;
  gap:18px;
  align-content:start;
}

.legacy-site .cobblemon-blog-hero{
  min-height:unset;
  text-align:left;
}

.legacy-site .cobblemon-blog-badge{
  right:24px;
  top:20px;
}

.legacy-site .cobblemon-blog-list{
  width:100%;
  margin-top:0;
}

.legacy-site .cobblemon-stage-corner-note,
.legacy-site .cobblemon-panel-corner-card{
  width:min(100%, 920px);
  margin:0 auto;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(239,68,68,.12);
  background:
    radial-gradient(circle at 0% 100%, rgba(239,68,68,.10), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,.018));
  text-align:left;
}

.legacy-site .cobblemon-stage-corner-label,
.legacy-site .cobblemon-panel-corner-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:0 12px;
  border-radius:999px;
  margin-bottom:10px;
  color:#fecaca;
  background:rgba(239,68,68,.10);
  border:1px solid rgba(239,68,68,.20);
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.6px;
  text-transform:uppercase;
}

.legacy-site .cobblemon-stage-corner-note strong,
.legacy-site .cobblemon-panel-corner-card strong{
  display:block;
  color:#fff;
  font-size:18px;
  margin-bottom:8px;
}

.legacy-site .cobblemon-stage-corner-note span,
.legacy-site .cobblemon-panel-corner-card span{
  display:block;
  max-width:680px;
  color:#9ca7bb;
  font-size:13px;
  line-height:1.72;
}

.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active .battlepass-product-card{
  margin:12px auto 18px;
}

.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active .cobblemon-placeholder-card,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active .cobblemon-placeholder-card,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active .cobblemon-placeholder-card{
  width:min(100%, 720px);
  margin:18px auto;
}

@media(max-width:960px){
  .legacy-site .cobblemon-hub-content{
    min-height:auto;
  }

  .legacy-site .cobblemon-hub-panel.active{
    min-height:auto;
  }

  .legacy-site .cobblemon-stage-corner-note,
.legacy-site .cobblemon-panel-corner-card,
.legacy-site .cobblemon-blog-stage{
    width:100%;
  }
}



/* ===== V70 Cobblemon Content Structure Fix ===== */
.legacy-site .cobblemon-hub-content{
  min-width:0;
  min-height:640px;
  padding:26px;
  box-sizing:border-box;
}

.legacy-site .cobblemon-hub-panel.active{
  display:block;
  width:100%;
  min-height:auto;
}

.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="blog"].active,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active{
  text-align:left;
}

.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="blog"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active > .cobblemon-section-label,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="blog"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active > h4,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="blog"].active > p,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active > p,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active > p,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active > p,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active > p{
  margin-left:0;
  margin-right:0;
}

.legacy-site .cobblemon-blog-stage,
.legacy-site .cobblemon-stage-corner-note,
.legacy-site .cobblemon-panel-corner-card{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}

.legacy-site .cobblemon-blog-stage{
  margin-top:18px;
}

.legacy-site .cobblemon-blog-hero{
  min-height:0;
}

.legacy-site .cobblemon-blog-badge{
  right:22px;
  top:18px;
}

.legacy-site .cobblemon-blog-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.legacy-site .cobblemon-panel-corner-card,
.legacy-site .cobblemon-stage-corner-note{
  margin-top:16px;
}

.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="news"].active .cobblemon-placeholder-card,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="updates"].active .cobblemon-placeholder-card,
.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="shop"].active .cobblemon-placeholder-card{
  width:100%;
  max-width:none;
  margin:18px 0 0;
}

.legacy-site .cobblemon-hub-panel[data-cobblemon-panel="battlepass"].active .battlepass-product-card{
  margin:18px 0 0;
}

@media (max-width: 960px){
  .legacy-site .cobblemon-blog-list,
.legacy-site .cobblemon-blog-hero-grid{
    grid-template-columns:1fr;
  }

  .legacy-site .cobblemon-hub-content{
    min-height:auto;
    padding:20px;
  }
}


/* ===== V72 stable community feeds ===== */
.legacy-site #genericCommunityHub{display:none}
.legacy-site #genericCommunityHub.active{display:block;animation:cobblemonHubIn .36s cubic-bezier(.22,.8,.2,1) both}
.legacy-site .lf-feed-panel{position:relative;width:100%;color:#fff}
.legacy-site .lf-feed-topline{position:relative;min-height:58px;border-bottom:1px solid color-mix(in srgb,var(--feed-accent) 35%,transparent);margin-bottom:24px}
.legacy-site .lf-feed-topline .cobblemon-section-label{display:block;text-align:center;margin:0;padding-top:4px;color:var(--feed-accent);font-size:20px;letter-spacing:2px;font-weight:1000}
.legacy-site .lf-feed-glow-title{position:absolute;right:8px;top:-30px;color:var(--feed-accent);font-size:34px;font-weight:1000;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 9px color-mix(in srgb,var(--feed-accent) 80%,transparent),0 0 24px color-mix(in srgb,var(--feed-accent) 48%,transparent)}
.legacy-site .lf-feed-heading{text-align:center;margin:0 auto 20px;max-width:880px}.legacy-site .lf-feed-heading h4{margin:0 0 10px;font-size:32px;color:#fff}.legacy-site .lf-feed-heading p{margin:0;color:#9da9be;line-height:1.65}
.legacy-site .lf-feed-toolbar{display:flex;justify-content:flex-start;margin:10px 0 18px}.legacy-site .lf-feed-toolbar button{min-width:210px;padding:12px 16px;border:1px solid rgba(255,255,255,.18);background:#10172a;color:#fff;border-radius:5px;display:flex;justify-content:space-between;font-weight:900;cursor:pointer}
.legacy-site .lf-feed-list{border-top:1px solid rgba(255,255,255,.09)}
.legacy-site .lf-feed-row{width:100%;display:grid;grid-template-columns:230px minmax(0,1fr) 190px;gap:18px;align-items:center;text-align:left;padding:16px 8px;border:0;border-bottom:1px solid rgba(255,255,255,.10);background:transparent;color:#fff;cursor:pointer;transition:.18s ease}
.legacy-site .lf-feed-row:hover{background:rgba(255,255,255,.025)}
.legacy-site .lf-feed-thumb{position:relative;display:block;min-height:126px;overflow:hidden;background:linear-gradient(135deg,var(--thumb-a),var(--thumb-b));border:1px solid rgba(255,255,255,.08)}
.legacy-site .lf-feed-thumb:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.15),transparent 30%),linear-gradient(180deg,transparent,rgba(0,0,0,.40))}
.legacy-site .lf-feed-thumb b{position:absolute;left:14px;right:14px;bottom:12px;white-space:pre-line;font-size:22px;line-height:.95;letter-spacing:1px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.65)}
.legacy-site .lf-feed-copy strong{display:block;color:var(--feed-accent);font-size:18px;text-transform:uppercase;margin-bottom:8px}.legacy-site .lf-feed-copy>span{display:block;color:#aebbd0;line-height:1.52;margin-bottom:16px}.legacy-site .lf-feed-copy small{color:#8fbce8;font-size:13px}.legacy-site .lf-feed-copy i{font-style:normal;padding:0 6px;color:#758399}
.legacy-site .lf-feed-author{text-align:right;color:#8fbce8;font-size:13px}.legacy-site .lf-feed-author b{display:block;color:#d9e7f7;margin-top:4px}
.legacy-site .lf-feed-detail-view{max-width:1050px;margin:0 auto}.legacy-site .lf-feed-back{margin:0 0 18px;padding:9px 12px;border:1px solid rgba(255,255,255,.12);background:#12192b;color:#fff;border-radius:8px;cursor:pointer}
.legacy-site .lf-feed-detail-head h4{font-size:32px;margin:0 0 8px;text-transform:uppercase}.legacy-site .lf-feed-detail-meta{color:#91c6f4;margin:0 0 10px}.legacy-site .lf-feed-detail-tags span{display:inline-flex;padding:4px 9px;border:1px solid rgba(255,255,255,.20);border-radius:4px;font-size:12px;font-weight:800}
.legacy-site .lf-feed-detail-hero{position:relative;height:430px;margin:28px 0;background:linear-gradient(135deg,var(--detail-a,#684159),var(--detail-b,#15263a));overflow:hidden;border:1px solid rgba(255,255,255,.08)}.legacy-site .lf-feed-detail-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.16),transparent 25%),radial-gradient(circle at 75% 70%,rgba(255,255,255,.10),transparent 25%)}.legacy-site .lf-feed-detail-hero-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:pre-line;text-align:center;font-size:54px;line-height:.95;font-weight:1000;letter-spacing:3px;color:#fff;text-shadow:0 6px 22px rgba(0,0,0,.55)}
.legacy-site .lf-feed-detail-body{font-size:18px;line-height:1.75;color:#b9dcfa;white-space:pre-line;max-width:960px}.legacy-site .lf-feed-detail-body:before{content:"📝";display:inline-block;margin-right:10px;font-size:28px}
.legacy-site .lf-generic-overview{display:grid;gap:16px}.legacy-site .lf-generic-overview h4{font-size:32px;margin:0}.legacy-site .lf-generic-overview>p{color:#a9b5c8;line-height:1.65}.legacy-site .lf-generic-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.legacy-site .lf-generic-overview-grid article{padding:18px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);border-radius:16px}.legacy-site .lf-generic-overview-grid strong{display:block;margin-bottom:8px;color:var(--feed-accent,#7dd3fc);font-size:16px}.legacy-site .lf-generic-overview-grid span{color:#95a2b6;line-height:1.55;font-size:13px}
@media(max-width:980px){.legacy-site .lf-feed-row{grid-template-columns:180px 1fr}.legacy-site .lf-feed-author{grid-column:2;text-align:left}.legacy-site .lf-generic-overview-grid{grid-template-columns:1fr}.legacy-site .lf-feed-glow-title{position:static;text-align:right;margin-top:5px}.legacy-site .lf-feed-topline{min-height:auto;padding-bottom:12px}.legacy-site .lf-feed-detail-hero{height:300px}}
@media(max-width:700px){.legacy-site .lf-feed-row{grid-template-columns:1fr}.legacy-site .lf-feed-author{grid-column:1}.legacy-site .lf-feed-thumb{min-height:170px}.legacy-site .lf-feed-detail-hero-text{font-size:34px}}

/* ===== V74 JUMPVERSE Clean Branding ===== */
.legacy-site .jumpverse-fixed-frame,
.legacy-site .jumpverse-detail-logo-frame{
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(57,189,248,.12),transparent 34%),
    linear-gradient(180deg,#070b13,#05070c)!important;
}
.legacy-site .jumpverse-clean-logo{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  padding:24px;
  text-align:center;
}
.legacy-site .jumpverse-clean-main{
  font-family:"Courier New",monospace;
  font-size:clamp(44px,6vw,82px);
  font-weight:1000;
  line-height:.88;
  letter-spacing:-5px;
  background:linear-gradient(180deg,#f7fbff 0%,#63ddff 24%,#168dff 57%,#0744c8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-stroke:2px rgba(0,29,93,.95);
  text-shadow:
    0 3px 0 #062b76,
    0 7px 0 rgba(0,22,70,.8),
    0 0 18px rgba(44,178,255,.58),
    0 0 34px rgba(47,100,255,.28);
}
.legacy-site .jumpverse-clean-by{
  color:#77d8ff;
  font-weight:1000;
  font-size:13px;
  letter-spacing:4px;
  text-transform:uppercase;
  text-shadow:0 0 12px rgba(64,193,255,.6);
}
.legacy-site .jumpverse-clean-logo.compact .jumpverse-clean-main{
  font-size:clamp(38px,5vw,68px);
}



/* ===== V87 Nutzer-Fixes ===== */
.legacy-site .jumpverse-logo-cover{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  background:#060912;
}
.legacy-site .jumpverse-detail-cover{
  object-fit:contain!important;
  padding:10px!important;
  background:#060912;
}
.legacy-site #gameCard-jumpverse .game-showcase-image-frame,
.legacy-site #gameCard-untamed .game-showcase-image-frame{
  height:315px;
  min-height:315px;
  aspect-ratio:auto;
}
.legacy-site #gameCard-jumpverse .game-showcase-copy,
.legacy-site #gameCard-untamed .game-showcase-copy{
  align-self:center;
}
.legacy-site #gameCard-jumpverse,
.legacy-site #gameCard-untamed{
  width:min(100%, 1160px);
  margin-inline:auto;
}
.legacy-site #gameCard-jumpverse .game-showcase-media,
.legacy-site #gameCard-untamed .game-showcase-media{
  align-self:stretch;
}
@media (max-width: 900px){
  .legacy-site #gameCard-jumpverse .game-showcase-image-frame,
.legacy-site #gameCard-untamed .game-showcase-image-frame{
    height:auto;
    min-height:0;
    aspect-ratio:16/9;
  }
}
.legacy-site .lf-feed-detail-hero.has-feed-image{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
}
.legacy-site .lf-feed-detail-hero.has-feed-image:before{
  background:linear-gradient(180deg,rgba(7,10,18,.10),rgba(7,10,18,.36));
}
.legacy-site .lf-feed-detail-hero.has-feed-image .lf-feed-detail-hero-text{
  left:24px;
  right:24px;
  top:auto;
  bottom:22px;
  transform:none;
  text-align:left;
  font-size:42px;
  line-height:1;
  max-width:70%;
}
.legacy-site .contact-success-copy span{
  white-space:pre-line;
}

/* ===== V74 Kategorien Dropdown ===== */
.legacy-site .lf-feed-toolbar{
  position:relative;
  z-index:20;
}
.legacy-site .lf-feed-filter-button[aria-expanded="true"] span{
  transform:rotate(180deg);
}
.legacy-site .lf-feed-filter-button span{
  transition:transform .18s ease;
}
.legacy-site .lf-feed-filter-menu{
  position:absolute;
  left:0;
  top:calc(100% + 6px);
  min-width:260px;
  display:none;
  padding:7px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:#0d1426;
  box-shadow:0 18px 38px rgba(0,0,0,.45);
  z-index:80;
}
.legacy-site .lf-feed-filter-menu.open{display:grid;gap:4px}
.legacy-site .lf-feed-filter-option{
  width:100%;
  border:0;
  padding:10px 12px;
  border-radius:7px;
  background:transparent;
  color:#cfd8e9;
  text-align:left;
  cursor:pointer;
  font-weight:800;
}
.legacy-site .lf-feed-filter-option:hover,
.legacy-site .lf-feed-filter-option.active{
  background:rgba(255,255,255,.08);
  color:#fff;
}

/* ===== V74 Downloads ===== */
.legacy-site .downloads-section{
  padding-bottom:70px;
}
.legacy-site .download-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  padding:26px;
  border:1px solid rgba(100,180,255,.18);
  border-radius:24px;
  background:
    radial-gradient(circle at 85% 15%,rgba(83,129,255,.14),transparent 28%),
    linear-gradient(135deg,rgba(14,22,43,.96),rgba(8,13,27,.98));
}
.legacy-site .download-card-icon{
  width:72px;height:72px;border-radius:20px;
  display:grid;place-items:center;
  color:#fff;font-size:24px;font-weight:1000;
  background:linear-gradient(135deg,#7c5cff,#38bdf8);
  box-shadow:0 0 32px rgba(82,142,255,.2);
}
.legacy-site .download-status{
  display:inline-flex;
  padding:6px 10px;
  border:1px solid rgba(125,211,252,.2);
  border-radius:999px;
  color:#83ddff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:1.3px;
}
.legacy-site .download-card h3{margin:10px 0 7px;font-size:24px;color:#fff}
.legacy-site .download-card p{margin:0;color:#9ba8bc;line-height:1.65;max-width:720px}
.legacy-site .download-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.legacy-site .download-meta span{
  padding:5px 8px;border-radius:7px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#aeb8ca;font-size:10px;font-weight:800
}
.legacy-site .download-button{white-space:nowrap}
@media(max-width:800px){
  .legacy-site .download-card{grid-template-columns:1fr;text-align:center}
  .legacy-site .download-card-icon{margin:auto}
  .legacy-site .download-meta{justify-content:center}
  .legacy-site .download-button{justify-self:center}
}

/* ===== V74 Account Registrierung ===== */
.legacy-site .auth-mode-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:5px;
  margin:18px 0 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:rgba(255,255,255,.025);
}
.legacy-site .auth-mode-button{
  padding:11px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#8e99ad;
  font-weight:950;
  cursor:pointer;
}
.legacy-site .auth-mode-button.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(124,92,255,.36),rgba(56,189,248,.26));
  box-shadow:0 0 18px rgba(92,126,255,.10);
}
.legacy-site .auth-form-panel{display:none}
.legacy-site .auth-form-panel.active{display:block}
.legacy-site .auth-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.legacy-site .auth-grid .full{grid-column:1/-1}
.legacy-site .auth-submit{width:100%;margin-top:6px}
@media(max-width:640px){
  .legacy-site .auth-grid{grid-template-columns:1fr}
  .legacy-site .auth-grid .full{grid-column:auto}
}


/* ===== V75 Server-/Payment-Hinweise ===== */
.legacy-site .file-server-warning{
  position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:100000;
  width:min(760px,calc(100% - 28px));padding:14px 16px;border-radius:14px;
  border:1px solid rgba(248,113,113,.28);background:rgba(16,17,28,.96);
  box-shadow:0 18px 45px rgba(0,0,0,.5);color:#fff;display:none;align-items:center;gap:14px
}
.legacy-site .file-server-warning.show{display:flex}.legacy-site .file-server-warning strong{display:block;margin-bottom:3px}.legacy-site .file-server-warning span{color:#aeb7ca;font-size:12px}.legacy-site .file-server-warning a{margin-left:auto;white-space:nowrap}
.legacy-site .payment-method.unavailable{opacity:.58}


/* ===== V76 Account-Modus ===== */
.legacy-site .auth-runtime-note{
  margin-top:10px;
  padding:9px 11px;
  border:1px solid rgba(125,211,252,.10);
  border-radius:10px;
  background:rgba(56,189,248,.035);
  color:#7f8da5;
  font-size:10px;
  line-height:1.55;
}


/* ===== V79 Launcher Download Fix ===== */
.legacy-site .download-runtime-note{
  margin-top:12px;
  color:#72d8ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.35px;
}
.legacy-site #launcherDownloadButton[aria-busy="true"]{
  opacity:.8;
  cursor:wait;
}


/* ===== V82 OFFICIAL UPDATE ===== */
.legacy-site .lf-official-update-list{margin-top:22px}
.legacy-site .lf-official-update-card{
  width:100%;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;
  align-items:center;gap:16px;padding:18px;border:1px solid rgba(250,204,21,.2);
  border-radius:18px;background:linear-gradient(135deg,rgba(250,204,21,.07),rgba(139,92,246,.045));
  color:#fff;text-align:left;cursor:pointer;transition:.2s ease;
}
.legacy-site .lf-official-update-card:hover{transform:translateY(-2px);border-color:rgba(250,204,21,.36);box-shadow:0 16px 38px rgba(0,0,0,.22)}
.legacy-site .lf-update-version{
  padding:8px 10px;border-radius:9px;border:1px solid rgba(250,204,21,.25);
  background:rgba(250,204,21,.08);color:#fde68a;font-size:9px;font-weight:1000;letter-spacing:1px
}
.legacy-site .lf-update-author-head img,
.legacy-site .lf-article-author img{width:48px;height:48px;border-radius:10px;image-rendering:auto}
.legacy-site .lf-update-card-copy{display:grid;gap:4px}
.legacy-site .lf-update-card-copy>span{color:#c5a94a;font-size:8px;font-weight:1000;letter-spacing:1px}
.legacy-site .lf-update-card-copy strong{font-size:17px}
.legacy-site .lf-update-card-copy small{color:#8f99ad;font-size:10px}
.legacy-site .lf-update-open-arrow{font-size:22px;color:#fde68a}
.legacy-site .lf-official-update-detail{padding:5px 2px 10px}
.legacy-site .lf-official-article-head{
  margin-top:18px;padding:24px;border:1px solid rgba(250,204,21,.16);border-radius:20px;
  background:radial-gradient(circle at 90% 10%,rgba(250,204,21,.11),transparent 32%),rgba(255,255,255,.018)
}
.legacy-site .lf-article-version{color:#fde68a;font-size:9px;font-weight:1000;letter-spacing:1.3px}
.legacy-site .lf-official-article-head h3{margin:9px 0 18px;font-size:clamp(28px,4vw,44px);line-height:1}
.legacy-site .lf-article-author{display:flex;align-items:center;gap:11px}
.legacy-site .lf-article-author div{display:grid;gap:3px}.legacy-site .lf-article-author strong{font-size:12px}.legacy-site .lf-article-author span{font-size:9px;color:#8995aa}
.legacy-site .lf-official-article-body{margin-top:14px;padding:24px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.018)}
.legacy-site .lf-official-article-body p{margin:0 0 15px;color:#aeb7c8;line-height:1.75;font-size:13px}
.legacy-site .lf-official-article-body p:last-child{margin-bottom:0}.legacy-site .lf-official-article-body strong{color:#fff}

/* ===== V82 COMPETITIVE ===== */
.legacy-site .competitive-shell{padding-top:2px}
.legacy-site .competitive-tabs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px;padding:5px;
  border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.02)
}
.legacy-site .competitive-tab{
  border:0;border-radius:9px;padding:11px 10px;background:transparent;color:#7f8ca2;
  font-size:10px;font-weight:1000;cursor:pointer
}
.legacy-site .competitive-tab.active{color:#fff;background:linear-gradient(135deg,rgba(239,68,68,.22),rgba(124,58,237,.18));box-shadow:0 0 18px rgba(239,68,68,.05)}
.legacy-site .competitive-panel{display:none}.legacy-site .competitive-panel.active{display:block}
.legacy-site .competitive-week-card,
.legacy-site .leaderboard-status-card{
  padding:22px;border:1px solid rgba(255,255,255,.075);border-radius:17px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))
}
.legacy-site .competitive-week-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
.legacy-site .competitive-week-top span,
.legacy-site .rank-intro>div>span,
.legacy-site .leaderboard-season{
  color:#f87171;font-size:8px;font-weight:1000;letter-spacing:1.2px
}
.legacy-site .competitive-week-top strong{font-size:16px}.legacy-site .competitive-week-card h6,
.legacy-site .leaderboard-status-card h6,
.legacy-site .rank-intro h6{margin:0 0 8px;font-size:21px;color:#fff}
.legacy-site .competitive-week-card>p,
.legacy-site .leaderboard-status-card>p,
.legacy-site .rank-intro>p{color:#8f9caf;line-height:1.65;font-size:10px}
.legacy-site .tournament-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}
.legacy-site .tournament-meta-grid div{padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.02)}
.legacy-site .tournament-meta-grid small{display:block;color:#6f7c92;font-size:7px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}
.legacy-site .tournament-meta-grid strong{color:#fff;font-size:12px}
.legacy-site .tournament-rules-slot{margin-top:9px;padding:13px;border:1px dashed rgba(255,255,255,.1);border-radius:11px}
.legacy-site .tournament-rules-slot small{display:block;color:#f87171;font-size:7px;font-weight:1000;letter-spacing:1px;margin-bottom:5px}
.legacy-site .tournament-rules-slot span{color:#7f8b9e;font-size:9px;line-height:1.5}
.legacy-site .rank-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:14px}
.legacy-site .rank-intro>p{max-width:430px;margin:0}
.legacy-site .rank-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.legacy-site .rank-group{
  --rank:#8b5a3c;padding:15px;border:1px solid color-mix(in srgb,var(--rank) 30%,rgba(255,255,255,.03));
  border-radius:15px;background:linear-gradient(160deg,color-mix(in srgb,var(--rank) 10%,transparent),rgba(255,255,255,.012));
  position:relative;overflow:hidden
}
.legacy-site .rank-group::after{content:"";position:absolute;width:90px;height:90px;right:-35px;top:-35px;border-radius:50%;background:var(--rank);filter:blur(40px);opacity:.12}
.legacy-site .rank-badge{
  width:48px;height:54px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 18%,83% 78%,50% 100%,17% 78%,6% 18%);
  background:linear-gradient(145deg,color-mix(in srgb,var(--rank) 86%,white 14%),color-mix(in srgb,var(--rank) 75%,black 25%));
  box-shadow:0 0 20px color-mix(in srgb,var(--rank) 35%,transparent);position:relative;z-index:2
}
.legacy-site .rank-badge span{font-size:13px;font-weight:1000;color:white;text-shadow:0 1px 2px #000}
.legacy-site .rank-group h6{margin:9px 0 8px;font-size:15px;color:#fff;position:relative;z-index:2}
.legacy-site .rank-levels{display:grid;gap:5px;position:relative;z-index:2}
.legacy-site .rank-levels span{padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.035);color:#9ca7b9;font-size:8px;font-weight:800}
.legacy-site .rank-bronze{--rank:#a96540}.legacy-site .rank-silver{--rank:#aeb8c8}.legacy-site .rank-gold{--rank:#e6b93f}.legacy-site .rank-platin{--rank:#67d5d2}.legacy-site .rank-diamond{--rank:#50a9ff}
.legacy-site .rank-elite{--rank:#9f73ff}.legacy-site .rank-master{--rank:#e45fff}.legacy-site .rank-mythic{--rank:#ff4fa1}.legacy-site .rank-legends{--rank:#ffd75c}
.legacy-site .rank-prestige{box-shadow:0 0 24px color-mix(in srgb,var(--rank) 10%,transparent)}
.legacy-site .rank-prestige h6{text-shadow:0 0 12px color-mix(in srgb,var(--rank) 60%,transparent)}
.legacy-site .rank-legends.legendary{background:radial-gradient(circle at 50% 0%,rgba(255,215,92,.13),transparent 45%),linear-gradient(160deg,rgba(255,215,92,.06),rgba(255,255,255,.012))}
.legacy-site .rank-legends .rank-badge{box-shadow:0 0 26px rgba(255,215,92,.32)}
.legacy-site .leaderboard-status-card{text-align:left}
.legacy-site .leaderboard-preview{margin-top:18px;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}
.legacy-site .leaderboard-head-row{display:grid;grid-template-columns:70px 1fr 130px 100px;padding:10px;background:rgba(255,255,255,.035);color:#7c899e;font-size:8px;font-weight:1000;text-transform:uppercase}
.legacy-site .leaderboard-empty-row{min-height:86px;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;color:#69768b;font-size:9px}
.legacy-site .leaderboard-avatar-placeholder{width:34px;height:34px;border-radius:8px;border:1px dashed rgba(255,255,255,.12);background:rgba(255,255,255,.02)}

/* ===== V82 HELP CENTER ===== */
.legacy-site .help-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.legacy-site .help-command-card{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.018)}
.legacy-site .help-command-card code{
  display:inline-flex;padding:6px 8px;margin-bottom:8px;border-radius:7px;background:rgba(239,68,68,.085);
  border:1px solid rgba(239,68,68,.14);color:#ff8a8a;font-size:10px;font-weight:1000
}
.legacy-site .help-command-card p{margin:0;color:#8e9aaf;font-size:9px;line-height:1.6}.legacy-site .help-command-card strong{color:#fff}

/* ===== V82 SEASON 1 BLOG ===== */
.legacy-site .lf-author-with-skin{display:flex!important;align-items:center;justify-content:flex-end;gap:8px}
.legacy-site .lf-author-with-skin img{width:32px;height:32px;border-radius:7px;flex:none}
.legacy-site .lf-author-with-skin>span{display:grid;gap:3px}
.legacy-site .season1-detail-author{display:flex;align-items:center;gap:10px;margin:9px 0 10px}
.legacy-site .season1-detail-author img{width:48px;height:48px;border-radius:9px}
.legacy-site .season1-detail-author div{display:grid;gap:3px}.legacy-site .season1-detail-author strong{color:#fff;font-size:12px}.legacy-site .season1-detail-author span{color:#7f8ca0;font-size:9px}
.legacy-site .lf-feed-detail-body.season1-rich{white-space:normal!important}
.legacy-site .season1-article{display:grid;gap:19px;color:#9eabc0}
.legacy-site .season1-article section{padding:18px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(255,255,255,.015)}
.legacy-site .season1-article h5{margin:0 0 9px;color:#fff;font-size:20px}
.legacy-site .season1-article h6{margin:0 0 7px;color:#ff7a7a;font-size:13px}
.legacy-site .season1-article p{margin:0;color:#9ca8bb;font-size:11px;line-height:1.72}
.legacy-site .season1-article ul{margin:10px 0 0;padding-left:19px;color:#9ca8bb;font-size:11px;line-height:1.8}
.legacy-site .season1-spawn-slot{
  margin-top:13px;min-height:300px;display:grid;place-items:center;text-align:center;padding:24px;
  border:1px dashed rgba(239,68,68,.24);border-radius:16px;
  background:radial-gradient(circle at 50% 40%,rgba(239,68,68,.09),transparent 38%),#090c13
}
.legacy-site .season1-spawn-slot span{display:block;color:#ff7c7c;font-size:9px;font-weight:1000;letter-spacing:1.4px}
.legacy-site .season1-spawn-slot strong{display:block;margin:8px 0;color:#fff;font-size:22px}
.legacy-site .season1-spawn-slot small{color:#78859a;font-size:9px}
.legacy-site .season1-project-link{
  margin-top:12px;border:1px solid rgba(239,68,68,.18);border-radius:9px;padding:9px 12px;
  background:rgba(239,68,68,.07);color:#ff9393;font-size:9px;font-weight:1000;cursor:pointer
}
.legacy-site .season1-closing{border-color:rgba(239,68,68,.14)!important;background:linear-gradient(135deg,rgba(239,68,68,.06),rgba(255,255,255,.012))!important}
.legacy-site .season1-closing p{color:#d6dbe5!important;font-weight:700}

@media(max-width:900px){
  .legacy-site .rank-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .legacy-site .tournament-meta-grid{grid-template-columns:repeat(2,1fr)}
  .legacy-site .rank-intro{display:block}.legacy-site .rank-intro>p{margin-top:8px}
  .legacy-site .leaderboard-head-row{grid-template-columns:50px 1fr 90px 70px}
}
@media(max-width:640px){
  .legacy-site .lf-official-update-card{grid-template-columns:auto 1fr auto}.legacy-site .lf-update-version{grid-column:1/-1;justify-self:start}
  .legacy-site .lf-update-author-head{display:none}
  .legacy-site .competitive-tabs{grid-template-columns:1fr}
  .legacy-site .rank-groups,
.legacy-site .help-command-grid{grid-template-columns:1fr}
  .legacy-site .tournament-meta-grid{grid-template-columns:1fr 1fr}
  .legacy-site .leaderboard-head-row{grid-template-columns:45px 1fr 70px 60px;font-size:7px}
  .legacy-site .lf-author-with-skin{justify-content:flex-start}
}

/* ===== V86 Full Restore: JUMPVERSE Screenshots + Season 1 Bild ===== */
.legacy-site .jumpverse-real-content{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);
  gap:18px;
  align-items:stretch;
}

.legacy-site .game-shot-card,
.legacy-site .game-shot-info-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(10,14,26,.9),rgba(7,10,18,.97));
  padding:18px;
}

.legacy-site .game-shot-frame{
  margin-top:12px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:#05070d;
}

.legacy-site .game-shot-frame img{
  display:block;
  width:100%;
  height:auto;
}

.legacy-site .season1-thumb-image{
  padding:0!important;
  overflow:hidden;
}

.legacy-site .season1-thumb-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.legacy-site .season1-blog-image{
  margin-top:16px;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:#080b13;
}

.legacy-site .season1-blog-image img{
  display:block;
  width:100%;
  height:auto;
}

@media(max-width:980px){
  .legacy-site .jumpverse-real-content{
    grid-template-columns:1fr;
  }
}



.legacy-site .game-showcase-image-frame img,
.legacy-site .game-details-preview-frame img,
.legacy-site .game-shot-frame img,
.legacy-site .cobblemon-region-image img,
.legacy-site .season1-thumb-image img{
  image-rendering:auto !important;
  -ms-interpolation-mode:bicubic;
  backface-visibility:hidden;
}