@import url('https://fonts.googleapis.com/css2?family=Anton&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  --bg: #0d0b14;
  --bg-soft: #15121f;
  --card: #1a1626;
  --card-border: #2c2440;
  --olive: #9146ff;
  --olive-bright: #b47bff;
  --moss: #5c2d99;
  --cream: #ece7f5;
  --cream-dim: #b3abc7;
  --gold: #f2b705;
  --live: #e0533d;
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  background: var(--bg);
  color: var(--cream);
  font-family:'Space Grotesk', sans-serif;
  line-height:1.5;
  overflow-x:hidden;
}

a{ color:inherit; text-decoration:none; }
ul{ list-style:none; }

.display{ font-family:'Anton', sans-serif; font-weight:400; letter-spacing:.01em; text-transform:uppercase; }
.mono{ font-family:'JetBrains Mono', monospace; }

/* ── Divider ── */
.branch-divider{ width:100%; height:48px; display:flex; align-items:center; justify-content:center; opacity:.7; }
.branch-divider svg{ height:20px; width:auto; }

/* ── Header / Nav ── */
header{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 6vw;
  background:rgba(16,19,13,0.85);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--card-border);
}
.logo{ display:flex; align-items:center; gap:2px; font-family:'Anton',sans-serif; font-size:1.4rem; letter-spacing:.03em; text-transform:none; }
.paren{ color:var(--cream-dim); }
.live-word{ color:var(--olive-bright); }
nav ul{ display:flex; gap:32px; font-size:.95rem; color:var(--cream-dim); }
nav a:hover{ color:var(--olive-bright); }
.nav-cta{ background:var(--olive); color:#12160c; padding:9px 20px; border-radius:999px; font-weight:600; font-size:.9rem; transition:transform .15s ease,background .15s ease; }
.nav-cta:hover{ background:var(--olive-bright); transform:translateY(-1px); }
.menu-toggle{ display:none; }

/* ── Hero ── */
.hero{
  position:relative; min-height:92vh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:120px 6vw 80px;
  background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(138,154,91,.16), transparent 60%), var(--bg);
}
.hero::before{
  content:""; position:absolute; inset:0;
  background-image:radial-gradient(circle, rgba(138,154,91,.09) 1px, transparent 1px);
  background-size:26px 26px;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 20%, black, transparent 70%);
  pointer-events:none;
}
.live-badge{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(224,83,61,.12); border:1px solid rgba(224,83,61,.4); color:#ff8a75;
  padding:6px 16px; border-radius:999px;
  font-family:'JetBrains Mono',monospace; font-size:.8rem; letter-spacing:.08em;
  margin-bottom:28px; z-index:1;
}
.live-dot{
  width:8px; height:8px; border-radius:50%;
  background:var(--live); box-shadow:0 0 0 0 rgba(224,83,61,.7);
  animation:pulse 1.8s infinite;
}
@keyframes pulse{
  0%{ box-shadow:0 0 0 0 rgba(224,83,61,.55); }
  70%{ box-shadow:0 0 0 10px rgba(224,83,61,0); }
  100%{ box-shadow:0 0 0 0 rgba(224,83,61,0); }
}
.hero h1{ font-size:clamp(3.2rem,9vw,7rem); line-height:.95; z-index:1; color:var(--cream); }
.hero h1 span{ color:var(--olive-bright); }
.hero h1 span.hero-paren{ color:var(--cream-dim); }
.hero p.sub{ z-index:1; max-width:560px; margin-top:22px; font-size:1.15rem; color:var(--cream-dim); }
.hero-actions{ z-index:1; display:flex; gap:16px; flex-wrap:wrap; justify-content:center; margin-top:40px; }
.btn-primary,.btn-secondary{ padding:14px 30px; border-radius:999px; font-weight:600; font-size:1rem; display:inline-flex; align-items:center; gap:10px; transition:all .15s ease; }
.btn-primary{ background:var(--olive); color:#12160c; }
.btn-primary:hover{ background:var(--olive-bright); transform:translateY(-2px); }
.btn-secondary{ border:1px solid var(--card-border); color:var(--cream); }
.btn-secondary:hover{ border-color:var(--olive); color:var(--olive-bright); }
.hero-socials{ z-index:1; display:flex; gap:22px; margin-top:48px; color:var(--cream-dim); }
.hero-socials a{ transition:color .15s ease; }
.hero-socials a:hover{ color:var(--olive-bright); }

/* ── Sections ── */
section{ padding:100px 6vw; position:relative; }
.eyebrow{ font-family:'JetBrains Mono',monospace; font-size:.78rem; letter-spacing:.18em; color:var(--olive-bright); text-transform:uppercase; margin-bottom:14px; }
.section-title{ font-size:clamp(2rem,4vw,3rem); max-width:640px; }
.section-lede{ color:var(--cream-dim); max-width:560px; margin-top:16px; font-size:1.05rem; }

/* ── Schedule ── */
.schedule-grid{ margin-top:48px; display:grid; grid-template-columns:repeat(7,1fr); gap:10px; }
.day-card{ background:var(--card); border:1px solid var(--card-border); border-radius:14px; padding:20px 12px; text-align:center; }
.day-card.active{ border-color:var(--olive); background:linear-gradient(180deg,rgba(138,154,91,.14),var(--card)); }
.day-card .d{ font-family:'JetBrains Mono',monospace; font-size:.75rem; color:var(--cream-dim); text-transform:uppercase; }
.day-card .t{ margin-top:10px; font-family:'Anton',sans-serif; font-size:1.3rem; }
.day-card .g{ margin-top:4px; font-size:.8rem; color:var(--cream-dim); }
.day-card.off .t{ color:var(--cream-dim); opacity:.5; }

/* ── Stats Panel ── */
.stats-panel{ margin-top:56px; background:var(--bg-soft); border:1px solid var(--card-border); border-radius:24px; padding:40px; position:relative; overflow:hidden; }
.stats-panel::after{ content:""; position:absolute; top:-60px; right:-60px; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle,rgba(145,70,255,.12),transparent 70%); pointer-events:none; }
.stats-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; }
.bot-name{ font-size:.85rem; color:var(--olive-bright); letter-spacing:.08em; }
.search-fake{ font-size:.85rem; color:var(--cream-dim); }
.stat-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:28px; }
.stat-card{ background:var(--card); border:1px solid var(--card-border); border-radius:16px; padding:20px; }
.stat-card .label{ font-family:'JetBrains Mono',monospace; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--cream-dim); margin-bottom:10px; }
.stat-card .value{ font-family:'Anton',sans-serif; font-size:2rem; }
.stat-card .delta{ font-size:.78rem; color:var(--cream-dim); margin-top:4px; }
.rank-list{ display:flex; flex-direction:column; gap:10px; }
.rank-row{ display:flex; align-items:center; gap:14px; }
.rank-row .pos{ font-family:'JetBrains Mono',monospace; color:var(--cream-dim); width:28px; text-align:center; }
.rank-row .bar-wrap{ flex:1; height:8px; background:#232a17; border-radius:999px; overflow:hidden; }
.rank-row .bar{ height:100%; background:linear-gradient(90deg,var(--moss),var(--olive-bright)); }
.rank-row .name{ width:140px; font-weight:500; }
.rank-row .xp{ font-family:'JetBrains Mono',monospace; color:var(--cream-dim); font-size:.85rem; width:90px; text-align:right; }

/* ── Minecraft ── */
.minecraft-grid{ margin-top:48px; display:grid; grid-template-columns:1fr 1.2fr; gap:24px; }
.mc-info-card{ background:var(--card); border:1px solid var(--card-border); border-radius:24px; padding:32px; display:flex; flex-direction:column; gap:4px; }
.mc-label{ font-family:'JetBrains Mono',monospace; font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--olive-bright); margin-top:16px; }
.mc-info-card .mc-label:first-child{ margin-top:0; }
.mc-value{ font-size:1rem; font-weight:600; color:var(--cream); margin-top:2px; }
.mc-desc-card{ background:linear-gradient(160deg,rgba(92,45,153,.25),var(--card)); border:1px solid var(--card-border); border-radius:24px; padding:32px; }
.mc-badge{ display:inline-flex; align-items:center; gap:6px; font-family:'JetBrains Mono',monospace; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:#86efac; background:rgba(74,222,128,.1); border:1px solid rgba(74,222,128,.3); border-radius:999px; padding:4px 12px; margin-bottom:16px; }
.mc-desc-card h3{ font-family:'Anton',sans-serif; font-size:1.2rem; text-transform:uppercase; letter-spacing:.02em; margin-bottom:8px; }
.mc-desc-card p{ color:var(--cream-dim); font-size:.95rem; line-height:1.6; }
.mc-rules{ display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.mc-rules span{ font-family:'JetBrains Mono',monospace; font-size:.72rem; letter-spacing:.06em; padding:5px 12px; border-radius:999px; background:rgba(255,255,255,.05); border:1px solid var(--card-border); color:var(--cream-dim); }
.mc-btn-primary,.mc-btn-secondary{ display:block; text-align:center; text-decoration:none; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:.9rem; padding:11px 18px; border-radius:999px; transition:all .15s ease; }
.mc-btn-primary{ background:var(--olive); color:#12160c; border:1px solid var(--olive); }
.mc-btn-primary:hover{ background:var(--olive-bright); border-color:var(--olive-bright); transform:translateY(-1px); }
.mc-btn-secondary{ background:transparent; color:var(--cream-dim); border:1px solid var(--card-border); }
.mc-btn-secondary:hover{ border-color:var(--olive); color:var(--olive-bright); transform:translateY(-1px); }

/* ── Community ── */
.community{ background:linear-gradient(180deg,transparent,rgba(138,154,91,.06)); }
.community-grid{ margin-top:48px; display:grid; grid-template-columns:1.2fr 1fr; gap:24px; }
.discord-card{ background:linear-gradient(160deg,var(--moss),#232a17); border-radius:24px; padding:40px; display:flex; flex-direction:column; justify-content:space-between; min-height:260px; }
.discord-card h3{ font-family:'Anton',sans-serif; font-size:2rem; }
.discord-card p{ color:rgba(236,231,216,.8); margin-top:12px; max-width:360px; }
.link-cards{ display:flex; flex-direction:column; gap:16px; }
.link-card{ background:var(--card); border:1px solid var(--card-border); border-radius:16px; padding:20px 24px; display:flex; align-items:center; justify-content:space-between; transition:border-color .15s ease,transform .15s ease; }
.link-card:hover{ border-color:var(--olive); transform:translateX(4px); }
.link-card .name{ font-weight:600; }
.link-card .sub{ font-size:.82rem; color:var(--cream-dim); }

/* ── Footer ── */
footer{ padding:48px 6vw 40px; border-top:1px solid var(--card-border); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; color:var(--cream-dim); font-size:.85rem; }

/* ── Work in Progress Overlay ── */
.wip-overlay{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  overflow: hidden;
}

.wip-band{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200vw;
  transform: translate(-50%, -50%) rotate(-20deg);
  background: rgba(145, 70, 255, 0.12);
  border-top: 1px solid rgba(145, 70, 255, 0.3);
  border-bottom: 1px solid rgba(145, 70, 255, 0.3);
  padding: 14px 0;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.85rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: rgba(180, 123, 255, 0.6);
  white-space: nowrap;
  user-select: none;
  text-align: center;
  backdrop-filter: blur(1px);
}
@media (max-width: 800px){
  .schedule-grid{ grid-template-columns:repeat(3,1fr); }
  .stat-cards{ grid-template-columns:repeat(2,1fr); }
  .community-grid,.minecraft-grid{ grid-template-columns:1fr; }
  .rank-row .name{ width:90px; font-size:.85rem; }
}
@media (max-width: 760px){
  nav ul{ display:none; }
}
@media (max-width: 520px){
  .stat-cards{ grid-template-columns:1fr 1fr; }
}

/* ── Stats Tabs ── */
.stats-tabs {
  display: flex;
  gap: 8px;
  margin-top: 32px;
  margin-bottom: -1px;
  position: relative;
  z-index: 1;
}

.stats-tab {
  font-family: 'JetBrains Mono', monospace;
  font-size: .78rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 14px 14px 0 0;
  border: 1px solid var(--card-border);
  border-bottom: none;
  background: var(--bg-soft);
  color: var(--cream-dim);
  cursor: pointer;
  transition: all .15s ease;
}

.stats-tab:hover { color: var(--cream); }
.stats-tab.active { background: var(--bg-soft); border-color: var(--card-border); color: var(--olive-bright); border-bottom: 1px solid var(--bg-soft); }

/* ── Profil Login ── */
.profile-login {
  text-align: center;
  padding: 48px 24px;
}

.profile-login-icon {
  font-size: 3rem;
  margin-bottom: 16px;
}

.profile-login h3 {
  font-family: 'Anton', sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: .02em;
  margin-bottom: 10px;
}

.profile-login p {
  color: var(--cream-dim);
  max-width: 400px;
  margin: 0 auto;
  line-height: 1.6;
}

/* ── Profil Header ── */
.profile-user {
  display: flex;
  align-items: center;
  gap: 14px;
}

.profile-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--olive);
}

.profile-logout {
  font-family: 'JetBrains Mono', monospace;
  font-size: .72rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--cream-dim);
  border: 1px solid var(--card-border);
  padding: 6px 14px;
  border-radius: 999px;
  transition: all .15s ease;
}

.profile-logout:hover { border-color: var(--danger); color: #ff8a75; }

.hidden { display: none !important; }