:root{
  --gold:#d9b65a;
  --gold2:#fff0a8;
  --red:#8b1010;
  --dark:#050507;
  --panel:#101016;
  --muted:#b9b1a0;
}
*{box-sizing:border-box;scroll-behavior:smooth}
body{margin:0;background:var(--dark);color:#f3eee2;font-family:Rajdhani,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3,.cinzel{font-family:Cinzel,serif}
.gold-text{background:linear-gradient(135deg,var(--gold2),var(--gold),#9d722a);-webkit-background-clip:text;background-clip:text;color:transparent}
.rating-stars{display:inline-flex;gap:4px;align-items:center;color:#d9b65a;position:relative}
.rating-stars.shimmer-stars:after{content:"";position:absolute;inset:-8% -10%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.14) 46%,rgba(255,240,168,.85) 50%,rgba(255,255,255,.22) 54%,transparent 66%);transform:translateX(-120%);animation:starGoldShift 7.2s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}
.rating-stars svg{width:34px;height:34px;display:block;position:relative;z-index:1}
@media (min-width: 768px){.rating-stars svg{width:42px;height:42px}}
.glass{background:linear-gradient(180deg,rgba(18,18,24,.88),rgba(8,8,12,.94));border:1px solid rgba(217,182,90,.22);box-shadow:0 30px 90px rgba(0,0,0,.55)}
.gold-border{border:1px solid rgba(217,182,90,.32)}
.hero{
  min-height:auto;
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg,#050507 0%,#0b0707 48%,#050507 100%);
}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 40%,rgba(217,182,90,.12),transparent 34%),radial-gradient(circle at 82% 50%,rgba(139,16,16,.18),transparent 36%);z-index:-1}
.hero:after{display:none}
.page-banner-glow{position:relative;isolation:isolate}
.page-banner-glow:after{content:"";position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);width:min(920px,84vw);height:170px;background:radial-gradient(circle,rgba(255,228,147,.34) 0%,rgba(217,182,90,.22) 30%,rgba(217,182,90,.10) 48%,rgba(217,182,90,0) 74%);filter:blur(28px);opacity:.95;pointer-events:none;z-index:-1}
.page-banner-media{width:min(980px,100%);margin-inline:auto;position:relative;z-index:1}
.page-banner-media:before{content:"";position:absolute;inset:12% 10% -8% 10%;background:radial-gradient(circle,rgba(255,228,147,.30) 0%,rgba(217,182,90,.16) 34%,rgba(217,182,90,0) 72%);filter:blur(34px);z-index:-1;pointer-events:none}
.page-banner-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center;border-radius:1.5rem;border:1px solid rgba(217,182,90,.28);box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 42px rgba(217,182,90,.18)}
.page-banner-portrait img{aspect-ratio:9/16;max-height:680px}
.page-banner-card{width:100%;position:relative;isolation:isolate}
.page-banner-card:before{content:"";position:absolute;inset:12% 10% -8% 10%;background:radial-gradient(circle,rgba(255,228,147,.30) 0%,rgba(217,182,90,.16) 34%,rgba(217,182,90,0) 72%);filter:blur(34px);z-index:-1;pointer-events:none}
.page-banner-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center;border-radius:1.5rem;border:1px solid rgba(217,182,90,.28);box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 42px rgba(217,182,90,.18)}
.hero-banner{
  width:100%;
  line-height:0;
  background:#050507;
  overflow:hidden;
  border-bottom:1px solid rgba(217,182,90,.22);
  box-shadow:0 28px 70px rgba(0,0,0,.55);
  position:relative;
}
.hero-banner img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center top;
}
.spark-video-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  overflow:hidden;
  mix-blend-mode:screen;
  opacity:.40;
}
.spark-video-overlay video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  filter:saturate(1.2) contrast(1.05) brightness(1.08);
}
.btn-primary{background:linear-gradient(135deg,#921515,#4b0606);border:1px solid rgba(255,224,134,.78);box-shadow:0 0 32px rgba(146,21,21,.45),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-primary:hover{filter:brightness(1.12);transform:translateY(-2px)}
.btn-secondary{background:rgba(217,182,90,.08);border:1px solid rgba(217,182,90,.45)}
.btn-secondary:hover{background:rgba(217,182,90,.15);transform:translateY(-2px)}
.card{background:linear-gradient(180deg,rgba(17,17,24,.96),rgba(7,7,10,.98));border:1px solid rgba(217,182,90,.22);transition:.25s ease;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;inset:auto -25% -55% -25%;height:120px;background:radial-gradient(circle,rgba(217,182,90,.14),transparent 65%)}
.card:hover{transform:translateY(-6px);border-color:rgba(217,182,90,.55);box-shadow:0 24px 60px rgba(0,0,0,.42)}
.stat{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.service-status{
  position:relative;
  border-color:rgba(52,211,153,.32) !important;
  background:linear-gradient(180deg,rgba(6,78,59,.30),rgba(0,0,0,.34));
  box-shadow:0 0 18px rgba(52,211,153,.10), inset 0 1px 0 rgba(255,255,255,.06);
}
.status-group-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
  padding:4px 12px;
  border-radius:999px;
  border:1px solid rgba(52,211,153,.26);
  background:rgba(6,78,59,.22);
  color:#d1fae5;
  font-size:11px;
  font-weight:900;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
  box-shadow:0 0 18px rgba(52,211,153,.16);
}
.status-dot{
  animation:statusPulse 1.55s ease-in-out infinite;
  box-shadow:0 0 10px #34d399,0 0 24px rgba(52,211,153,.85),0 0 42px rgba(52,211,153,.32);
}
.classic-event-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(217,182,90,.32);
  background:linear-gradient(180deg,rgba(217,182,90,.10),rgba(0,0,0,.28));
  color:#ffe493;
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
  box-shadow:0 12px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
.classic-event-badge span{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#d9b65a;
  box-shadow:0 0 14px rgba(217,182,90,.65);
}
@keyframes statusPulse{
  0%,100%{transform:scale(.86);opacity:.72;box-shadow:0 0 8px #34d399,0 0 18px rgba(52,211,153,.55)}
  50%{transform:scale(1.35);opacity:1;box-shadow:0 0 12px #34d399,0 0 30px rgba(52,211,153,.95),0 0 58px rgba(52,211,153,.45)}
}
@keyframes starGoldShift{
  0%,35%{transform:translateX(-120%);opacity:0}
  50%{transform:translateX(0);opacity:1}
  65%,100%{transform:translateX(120%);opacity:0}
}
.section-bg{background:linear-gradient(180deg,#050507,#0e0707 52%,#050507)}
.image-card img{transition:transform .45s ease,filter .45s ease}.image-card:hover img{transform:scale(1.07);filter:saturate(1.15)}
.autofarm-banner{
  background:rgba(0,0,0,.28);
}
.autofarm-banner img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center center;
}
.nav-blur{backdrop-filter:blur(16px);background:rgba(5,5,7,.78);border-bottom:1px solid rgba(217,182,90,.18)}
.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:shine 4s infinite}@keyframes shine{55%,100%{transform:translateX(120%)}}
.floating{animation:floating 5s ease-in-out infinite}@keyframes floating{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.vote-banners{
  position:fixed;
  left:14px;
  bottom:18px;
  transform:none;
  z-index:60;
  display:flex;
  flex-direction:column;
  gap:10px;
  pointer-events:auto;
}
.vote-banner{
  width:65px;
  display:block;
  line-height:0;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.52);
  transition:.2s ease;
}
.vote-banner img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.vote-banner:hover{transform:translateX(5px);filter:brightness(1.12) saturate(1.08)}

.discord-support{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:60;
  width:min(310px,calc(100vw - 36px));
  display:block;
  line-height:0;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.62),0 0 24px rgba(88,101,242,.24);
  transition:.2s ease;
}
.discord-support img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.discord-support:hover{transform:translateY(-4px);filter:brightness(1.08) saturate(1.08)}

@media(max-width:900px){
  .vote-banners{left:8px;bottom:12px;gap:7px}.vote-banner{width:65px}.vote-banners-title{display:none}
  .discord-support{right:12px;bottom:12px;width:min(280px,calc(100vw - 24px))}
}
@media(max-width:640px){
  .vote-banners{display:flex;left:6px;bottom:10px;gap:6px}
  .vote-banner{width:41px;border-radius:6px}
  .discord-support{right:6px;bottom:10px;width:min(210px,calc(100vw - 12px));border-radius:6px}
}

.skip-link{position:absolute;top:-999px;left:0;z-index:999;padding:12px 24px;background:#d9b65a;color:#050507;font-weight:700;text-decoration:none}
.skip-link:focus{top:0}