:root{
  --yellow:#ffe000;
  --card:#151927;
  --blue: #2336e2bd;
  --gold: #dfb02d71;
}

/* RESET & BASE */
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:#0d0f16;
  color:#fff;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

/* BURBANK */
@font-face{
  font-family:"Burbank Big";
  src:url("./burbank-big-condensed-black.otf") format("opentype");
  font-weight:900;font-style:normal;font-display:swap
}
.burbank{font-family:"Burbank Big",Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.5px}
.bodycopy{max-width:58ch;opacity:.9;margin-top:16px}

/* ===== FUNDO GLOBAL DINÂMICO (full-bleed, atrás de tudo) ===== */
body{ position: relative; }
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(180deg,#0d0f16 0%, #0b0e15 40%, #0d0f16 100%),
    radial-gradient(circle at 18% 28%, rgba(138,162,255,.12) 0%, transparent 55%),
    radial-gradient(circle at 82% 72%, rgba(255,224,0,.10) 0%, transparent 55%);
  background-blend-mode: screen;
  animation:bgMove 16s ease-in-out infinite alternate;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(1200px 700px at 50% 120%, rgba(0,0,0,.25), transparent 60%),
    linear-gradient(to top, rgba(0,0,0,.35), rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,.35));
}
@keyframes bgMove{
  0%   { background-position: 0 0, 18% 28%, 82% 72%; }
  50%  { background-position: 0 0, 22% 32%, 78% 68%; }
  100% { background-position: 0 0, 18% 28%, 82% 72%; }
}

/* ===== HEADER ===== */
.site-header{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(180deg,#0e111a,.7),#0e111a;
  border-bottom:1px solid rgba(255,255,255,.06)
}
.nav{
  max-width: 1400px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px
}
.brand-text{font-weight:900;letter-spacing:.8px}
.menu{display:flex;gap:22px;font-weight:700;opacity:.92}
.menu a{padding:8px 6px;border-radius:6px}
.menu a:hover{background:rgba(255,255,255,.06)}

/* ===== HERO ===== */
.hero{position:relative;min-height:88vh;overflow:hidden}
.slides{position:absolute;inset:0}
.hero-slide{
  position:absolute;inset:0;
  background:var(--bg) center/cover no-repeat;
  opacity:0;transition:opacity .45s ease
}
.hero-slide.active{opacity:1}
.hero-overlay{position:relative;z-index:1;padding:110px 20px 160px}
.panel{position:absolute;inset:0;display:grid;place-items:center;text-align:center}

.panel-battlepass{text-align:left}
.panel-battlepass .bp-wrap{position:absolute;left:8vw;top:16vh;max-width:560px}

.kicker{
  font:900 clamp(18px,3vw,28px)/1 "Burbank Big",Impact,"Arial Black";
  text-shadow:0 4px 0 rgba(0,0,0,.35);
  margin-bottom:60px;
  margin-top:40px; /* ↓ abaixa o texto */
}

.topsecret{width:min(620px,72vw);transform:rotate(-6deg);filter:drop-shadow(0 14px 0 rgba(0,0,0,.35))}

.hero-cta{margin-top:22px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.hero-cta.left{justify-content:flex-start}

.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 22px;border-radius:8px;font-weight:900;
  transition:transform .08s ease,box-shadow .08s ease
}
.btn:hover{transform:translateY(-2px)}
.btn-yellow{background:var(--yellow);color:#000;box-shadow:0 10px 0 #a99400}
.btn-yellow:active{transform:translateY(2px);box-shadow:0 6px 0 #a99400}
.btn-outline{border:2px solid #fff;border-radius:999px;padding:10px 16px;opacity:.95}
.btn-blue{background:var(--blue);color:#000;box-shadow:0 10px 0 #210271} 
.btn-gold{background:var(--gold);color:#000;box-shadow:0 10px 0 var(--card)} 


.hero-segments{
  position:absolute;left:50%;bottom:28px;transform:translateX(-50%);
  display:flex;gap:36px;z-index:2
}
.seg{
  position:relative;width:280px;height:14px;
  background:rgba(255,255,255,.28);border:none;border-radius:0;
  cursor:pointer;overflow:hidden
}

/* alternância de painéis */
.hero.mode-topsecret .panel-battlepass{display:none !important}
.hero.mode-battlepass .panel-topsecret{display:none !important}

/* entrada suave do Battle Pass */
.panel-battlepass.enter .bp-kicker{animation:up .45s ease both .05s}
.panel-battlepass.enter .bp-title{animation:up .55s ease both .12s}
.panel-battlepass.enter .bp-sub{animation:up .5s ease both .2s}
.panel-battlepass.enter .bp-cta{animation:up .5s ease both .28s}
@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* ===== SPLIT / BATTLE PASS BLOCO ===== */
.split{background:linear-gradient(180deg,#0d0f16,#0b0e15)}
.split-inner{
  max-width:1200px;margin:0 auto;padding:96px 20px;
  display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center
}
.bp-title{
  font:900 clamp(56px,8vw,110px)/.9 "Burbank Big",Impact,"Arial Black";
  margin:0 0 8px;color:#aaf2ff;
  text-shadow:0 18px 0 rgba(0,0,0,.35),-4px 6px 0 #0b0f16
}
.subtitle{
  font:50 clamp(5px,8vw,18px)/.9 "Burbank Big";
  margin:0 0 10px;color:#c6c4c4;
  }
.with-shadow{text-shadow:0 6px 0 rgba(0,0,0,.35)}
.poster{
  aspect-ratio:4/3;border-radius:24px;
  box-shadow:0 40px 80px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.06);
  background:#111 center/cover no-repeat
}

/* ===== NEWS (container — fundo global já está no body) ===== */
.news{
  position:relative;max-width:1220px;margin:0 auto;padding:40px 20px 96px;z-index:1
}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.card{background:var(--card);border-radius:16px;overflow:hidden;box-shadow:0 90px 90px rgba(0,0,0,.35);display:flex;flex-direction:column}
.thumb{height:260px;background-size:cover;background-position:center}
.meta{padding:18px}
.date{color:#8aa2ff;font-weight:800;letter-spacing:.4px;margin-bottom:6px;opacity:.9}
.title{font:900 30px/1.05 "Burbank Big",Impact,"Arial Black" }

/* ===== ABOUT (consolidado, sem duplicatas) ===== */
.about{
  background: linear-gradient(180deg,#0d0f16,#0b0e15);
  padding: clamp(72px,10vw,120px) 20px;
  position: relative;
  overflow: hidden;
}
.about-inner{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 420px 1fr; 
  gap: clamp(28px,4vw,56px);
  align-items: center;
}
.about-art{
  height: clamp(260px,42vw,520px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,.35));
  animation: floatY 6s ease-in-out infinite;
}
@keyframes floatY{ 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(-8px) } }

.about-card{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px;
  padding: clamp(20px,3.6vw,32px);
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
  backdrop-filter: blur(4px);
}
.about-title{
  font: 900 clamp(28px,4.8vw,44px)/1 "Burbank Big", Impact, "Arial Black";
  letter-spacing: .5px;
  margin: 0 0 12px;
  position: relative;
}
.about-underline{
  position: absolute; left: 0; bottom: -10px;
  width: 235px; height: 6px;
  background: linear-gradient(90deg,#86e3ff,#c9f4ff);
  border-radius: 999px;
  box-shadow: 0 6px 0 rgba(0,0,0,.25);
}
.about-lead{ margin:22px 0 10px; font-weight:800; line-height:1.55; text-align:center; }
.hl{ color:#b8f1ff; text-shadow:0 4px 0 rgba(0,0,0,.28); }
.about-list{ list-style:none; padding:0; margin:14px auto 18px; display:grid; gap:10px; max-width:58ch;}
.about-list li{ display:grid; grid-template-columns:14px 1fr; align-items:center; column-gap:10px; font-weight:800; opacity:.95;}
.about-list .dot{ width:10px; height:10px; border-radius:50%; background:#86e3ff; box-shadow:0 0 0 4px rgba(134,227,255,.18); }
.about-cta{ margin-top:16px; display:flex; justify-content:center; }
.reveal{ opacity:0; transform:translateY(16px); }
.reveal.in{ opacity:1; transform:translateY(0); transition:.6s ease; }

/* ===== MODAL DE VÍDEO ===== */
.video-modal{
  position:fixed; inset:0;
  background:rgba(0,0,0,.85);
  backdrop-filter:blur(4px);
  display:flex; align-items:center; justify-content:center;
  visibility:hidden; opacity:0;
  transition:opacity .25s ease, visibility .25s ease;
  z-index:9999;
}
.video-modal.active{ visibility:visible; opacity:1; }
.video-content{
  position:relative; width:min(90vw,900px); aspect-ratio:16/9;
  background:#000; border-radius:12px; overflow:hidden;
  box-shadow:0 0 40px rgba(0,0,0,.5);
  animation:popUp .4s ease;
}
@keyframes popUp{ from{ transform:scale(.95); opacity:0; } to{ transform:scale(1); opacity:1; } }
.video-content iframe{ width:100%; height:100%; border:none; }
.close-btn{
  position:absolute; top:10px; right:16px;
  background:none; border:none; font-size:32px; color:#fff; cursor:pointer;
  transition:transform .2s ease; z-index:2;
}
.close-btn:hover{ transform:scale(1.1); color:#86e3ff; }

/* ===== CTA FINAL (com imagem e contraste top/bottom) ===== */
.cta{
  position:relative; color:#fff; text-align:center;
  padding:clamp(100px,18vh,200px) 20px;
  overflow:hidden; z-index:1;
}
.cta::before{
  content:""; position:absolute; inset:0;
  background:url('Assets/ch2s2battlepass.webp') center/cover no-repeat;
  opacity:0; transform:scale(1.08);
  animation:bgFade 14s ease-in-out infinite alternate;
  z-index:-2;
}
.cta::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,.85) 0%, rgba(0,0,0,.25) 25%, rgba(0,0,0,.25) 75%, rgba(0,0,0,.85) 100%);
  z-index:-1;
}
@keyframes bgFade{
  0%{opacity:0; transform:scale(1.08)}
  20%{opacity:1; transform:scale(1.03)}
  80%{opacity:1; transform:scale(1.05)}
  100%{opacity:.9; transform:scale(1.06)}
}
.cta-inner{ position:relative; z-index:2; max-width:800px; margin:0 auto; }
.cta h2{
  font:900 clamp(48px,8vw,92px)/1 "Burbank Big";
  text-transform:uppercase; letter-spacing:1px; color:#fff;
  margin:0 0 16px; text-shadow:0 6px 0 rgba(0,0,0,.4);
  animation:fadeUp 1s ease-out;
}
.cta .slogan{
  font:700 clamp(18px,2vw,24px)/1.4 "Burbank Big";
  color:#c9f4ff; text-shadow:0 3px 0 rgba(0,0,0,.3); margin-bottom:32px;
  animation:fadeUp 1.3s ease-out;
}
.cta .btn-yellow{ animation:fadeUp 1.6s ease-out; }
@keyframes fadeUp{ from{opacity:0; transform:translateY(30px)} to{opacity:1; transform:translateY(0)} }

/* ===== FOOTER ===== */
footer{ background:#0b0e15; border-top:1px solid rgba(255,255,255,.06) }
.foot{
  max-width:1200px; margin:0 auto; padding:28px 20px 60px;
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px
}
.foot a{ display:block; padding:8px 4px; color:#aeb6d6; font-weight:700 }
.foot a:hover{ color:#fff }

/* ===== RESPONSIVE ===== */
@media (max-width:1024px){
  .split-inner{grid-template-columns:1fr}
  .hero-overlay{padding:88px 20px 120px}
  .news-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .menu{display:none}
  .topsecret{width:min(420px,82vw)}
  .seg{width:40vw}
  .cta{padding:120px 20px;background-position:center top}
  .about-inner{ grid-template-columns:1fr; }
  .about-art{ height: clamp(200px,50vw,340px); background-position: left bottom; }
  .about-card{ padding: 20px; }
}

/* --- FIX: deixa o gradiente do site todo visível --- */
body{
  background: transparent !important; /* tira o fundo sólido do body */
}

/* garante que nenhuma seção tampe o fundo global nessa emenda */
.hero,
.split,
.news,
.about,
.cta{
  background: transparent !important;
  border: 0 !important;
}

/* fadezinho suave no rodapé do hero pra juntar bonito com o fundo */
.hero{
  position: relative;
}
.hero::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 48px;
  pointer-events: none;
  background: linear-gradient(to bottom,
    rgba(0,0,0,0) 0%,
    rgba(13,15,22,.55) 100%);
}

/* === HERO TOP SECRET — versão final clean, centralizado e equilibrado === */
.panel-topsecret {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;       /* centraliza verticalmente */
  min-height: 80vh;              /* altura base do hero */
  transform: translateY(-6vh);   /* sobe um pouco o conjunto */
  gap: 18px;
}

/* ordem: kicker -> topsecret -> hero-cta */
.panel-topsecret .kicker {
  order: 1;
  margin: 0;
  padding: 10px 18px;
  border-radius: 999px;
  font: 900 clamp(13px, 2vw, 20px)/1 "Burbank Big", Impact, "Arial Black";
  color: #c9f4ff;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(3px);
}

.panel-topsecret .topsecret {
  order: 2;
  width: min(580px, 75vw);
  transform: rotate(-5deg);
  filter: drop-shadow(0 14px 0 rgba(0, 0, 0, 0.35));
}

.panel-topsecret .hero-cta {
  order: 3;
  display: flex;
  gap: 16px;
  margin-top: -30px;
  justify-content: center;       /* centraliza horizontalmente */
}

/* responsivo — centraliza e ajusta em telas menores */
@media (max-width: 768px) {
  .panel-topsecret {
    min-height: 75vh;
    transform: translateY(-4vh); /* sobe menos no mobile */
    gap: 14px;
  }
  .panel-topsecret .topsecret {
    width: min(400px, 85vw);
    transform: rotate(-4deg);
  }
  .panel-topsecret .kicker {
    font-size: clamp(11px, 3vw, 15px);
    padding: 8px 14px;
  }
}


/* === Custom tweaks requested === */

/* Reorder elements on TOP SECRET panel: image first, then the chapter text, then CTAs */
.panel-topsecret{ display:flex !important; flex-direction:column; align-items:center; gap:14px; }
.panel-topsecret .topsecret{ order:1; }
.panel-topsecret .kicker{ order:2; margin:8px 0 0 0; }

/* Image buttons (play/watch/learn) */
.btn.btn-image{ background:transparent !important; border:none !important; padding:0 !important; box-shadow:none !important; }
.btn.btn-image:hover{ transform:none; }
.btn.btn-image .cta-img{ display:block; height:clamp(44px, 7vw, 62px); width:auto; }

/* Progress bars: no loading animation, squarer ends, stronger blue */
.hero-segments{ gap:28px; }
.seg{
  position:relative; width:280px; height:12px;
  background:rgba(255,255,255,.24);
  border-radius:0; overflow:hidden;
}
.seg .fill{
  position:absolute; left:0; top:0; height:100%;
  width:0; background:#29a9ff; /* azul mais forte */
  transition:none; /* remove animação */
 border-radius:0;}

/* Header spacing: brand more left, menu more right */
.nav{ max-width: 1400px; padding-left: 16px; padding-right: 16px; }
.brand{ margin-right:auto; }
.menu{ margin-left:auto; }


/* Screen-reader-only text for accessibility */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}



/* --- CTA sizing tweaks (bigger on desktop, responsive) --- */
.hero-cta .cta-img{ height: clamp(64px, 10vw, 120px) !important; }
.bp-cta .cta-img{ height: clamp(60px, 9vw, 110px) !important; }



/* --- CTA fine tuning --- */
.btn-play .cta-img{ height: clamp(84px, 12vw, 150px) !important; }
.btn-watch{ display:inline-flex; align-items:center; gap:14px; }
.btn-watch .cta-img{ height: clamp(34px, 5vw, 60px) !important; }
.btn-watch .label{
  color:#fff; text-shadow:0 4px 0 rgba(0,0,0,.35);
  font-family:"Burbank Big", Impact, "Arial Black", sans-serif; 
  font-weight:900; letter-spacing:.6px;
  font-size: clamp(16px, 2.6vw, 26px);
}

/* Ensure the image-only buttons are truly image-only */
a.btn.btn-image{ padding:0 !important; border-radius:0 !important; }


/* Remove any background/padding from image-only CTAs inside the hero BP panel */
.panel-battlepass .bp-cta .btn-image{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  border:none !important;
  border-radius:0 !important;
}



/* === CTA refinements (sizes + label) === */
.hero-cta a.btn-image{ display:inline-flex; align-items:center; gap:12px; }
.cta-play{ height: clamp(120px, 16vw, 220px) !important; }
.cta-watch{ height: clamp(36px, 6vw, 68px) !important; }
.watch-label{
  font: 900 clamp(16px, 2.2vw, 26px)/1 "Burbank Big", Impact, "Arial Black", sans-serif;
  letter-spacing:.5px; color:#fff;
  text-shadow: 0 4px 0 rgba(0,0,0,.35);
  user-select:none;
}



/* === Unified CTA sizing === */
.cta-lg{ height: clamp(120px, 16vw, 220px) !important; } /* Learn More, Play Now, Get It Now */
.cta-play{ height: clamp(120px, 16vw, 220px) !important; } /* Play Now a mais */
.hero-cta a.btn-image{ display:inline-flex; align-items:center; gap:14px; }

/* Watch icon we built */
.watch-icon{ width: clamp(44px, 6vw, 64px); height: auto; filter: drop-shadow(0 6px 0 rgba(0,0,0,.35)); vertical-align: middle; }
.watch-label{ font: 900 clamp(18px, 2.4vw, 28px)/1 "Burbank Big", Impact, "Arial Black", sans-serif; color:#fff; text-shadow:0 4px 0 rgba(0,0,0,.35); }


/* Ensure LEARN MORE (inside .bp-cta) uses the large size */
.bp-cta .cta-img.cta-lg{ height: clamp(120px, 16vw, 220px) !important; }


/* Watch button polish */
.watch-btn{
  background: rgba(0,0,0,.35);
  border: 2px solid rgba(255,255,255,.22);
  border-radius: 9999px;
  padding: 10px 16px;
  backdrop-filter: blur(2px);
  transition: transform .1s ease, box-shadow .1s ease, background .2s ease, border-color .2s ease;
}
.watch-btn:hover{
  transform: translateY(-2px);
  background: rgba(0,0,0,.45);
  border-color: rgba(255,255,255,.35);
  box-shadow: 0 10px 0 rgba(0,0,0,.35);
}


/* Cleaner Watch Trailer */
.watch-btn{
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  gap: 12px;
  margin-left: clamp(28px, 5vw, 64px); /* move a bit to the side */
}
.watch-icon{ width: clamp(40px, 6vw, 60px); height: auto; filter: drop-shadow(0 4px 0 rgba(0,0,0,.28)); }
.watch-label{
  font: 900 clamp(18px, 2.2vw, 28px)/1 "Burbank Big", Impact, "Arial Black", sans-serif;
  color:#fff; text-shadow: 0 3px 0 rgba(0,0,0,.3);
}
.watch-btn:hover .watch-label{ opacity:.9; }


/* Watch Trailer pill similar to kicker */
.watch-btn{
  display:inline-flex; align-items:center; gap:8px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 9999px;
  padding: 8px 14px;
  backdrop-filter: blur(3px);
}
.watch-btn .watch-icon{ width: clamp(44px, 6vw, 64px); height:auto; filter: drop-shadow(0 4px 0 rgba(0,0,0,.28)); }
.watch-btn .watch-label{ font: 900 clamp(18px, 2.1vw, 26px)/1 "Burbank Big", Impact, "Arial Black", sans-serif; color:#fff; text-shadow: 0 3px 0 rgba(0,0,0,.28); }



/* === FORCE CTA SIZES (ID/src-based, with !important to win specificity) === */
/* Play Now bigger */
.hero-cta img.cta-img.cta-play,
.hero-cta img[src*="play_now"]{
  height: clamp(140px, 18vw, 240px) !important;
  width: auto !important;
  display: inline-block;
}

/* Learn More keep large if present */
.hero-cta img[src*="learn_more"],
.bp-cta img[src*="learn_more"]{
  height: clamp(120px, 16vw, 220px) !important;
  width: auto !important;
}

/* Get It Now bigger */
#\67 et img.cta-img, /* fallback if any */
.cta-inner img.cta-get,
.cta-inner img[src*="get_it_now"]{
  height: clamp(130px, 17vw, 230px) !important;
  width: auto !important;
  display: inline-block;
}



/* Ensure the hero CTA aligns content nicely */
.hero-cta{ gap: 16px !important; }


/* === FINAL CTA OVERRIDES (force sizes) === */
.hero-cta .cta-img.cta-lg{ height: clamp(150px, 18vw, 260px) !important; width: auto !important; }
.hero-cta .cta-img.cta-play{ height: clamp(170px, 20vw, 280px) !important; width: auto !important; }
#battle-pass .bp-cta .cta-img.cta-lg{ height: clamp(150px, 18vw, 260px) !important; }
#top .hero-cta .cta-img.cta-lg{ height: clamp(150px, 18vw, 260px) !important; }

/* Watch Trailer: pill like kicker, icon near text */
.watch-btn{
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 9999px !important;
  padding: 10px 16px !important;
  backdrop-filter: blur(3px) !important;
  margin-left: clamp(16px, 3vw, 32px) !important;
}
.watch-btn .watch-icon{ width: clamp(40px, 6vw, 60px) !important; height:auto !important; filter: drop-shadow(0 3px 0 rgba(0,0,0,.25)) !important; }
.watch-btn .watch-label{ font: 900 clamp(18px, 2.2vw, 28px)/1 "Burbank Big", Impact, "Arial Black", sans-serif !important; color:#fff !important; text-shadow:0 3px 0 rgba(0,0,0,.28) !important; }

/* Revive section: ensure GET IT NOW large */
.cta .hero-cta .cta-img.cta-lg{ height: clamp(150px, 18vw, 260px) !important; }


.watch-btn{
  display:inline-flex; align-items:center; gap:10px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 10px 16px;
  backdrop-filter: blur(3px);
}
.watch-btn .watch-icon{ width: clamp(36px, 5vw, 56px); height:auto; filter:none; }
.watch-btn .watch-label{ font: 900 clamp(18px, 2.2vw, 28px)/1 "Burbank Big", Impact, "Arial Black", sans-serif; color:#fff; text-shadow:0 3px 0 rgba(0,0,0,.28); }


/* === FINAL, STRONG OVERRIDES === */

/* Watch Trailer rectangle like CH2S2 kicker */
a.watch-btn{ 
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  background: rgba(0,0,0,.35) !important; 
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 14px !important; 
  padding: 10px 16px !important; 
  backdrop-filter: blur(3px) !important;
}
a.watch-btn .watch-icon{ width: clamp(36px, 5vw, 56px) !important; height:auto !important; }
a.watch-btn .watch-label{ font: 900 clamp(18px,2.2vw,28px)/1 "Burbank Big", Impact, "Arial Black", sans-serif !important; color:#fff !important; text-shadow:0 3px 0 rgba(0,0,0,.28) !important; }

/* Bottom tab bars -> rectangular */
.seg{ border-radius: 0 !important; }
.seg .fill{ border-radius: 0 !important; }

/* ========== FINAL OVERRIDES (DO NOT MOVE) ========== */

/* CTAs: force sizes */
.hero .hero-cta img.cta-img.cta-lg{ height: clamp(150px, 18vw, 260px) !important; width:auto !important; }
.hero .hero-cta img.cta-img.cta-play{ height: clamp(170px, 20vw, 300px) !important; width:auto !important; }
#battle-pass .bp-cta img.cta-img.cta-lg{ height: clamp(150px, 18vw, 260px) !important; }


/* Bottom slider segments: rectangular (no rounded corners) */
.hero .hero-segments .seg{ border-radius:0 !important; }
.hero .hero-segments .seg .fill{ border-radius:0 !important; }

/* Revive section button size */
section.cta .hero-cta img.cta-img.cta-lg{ height: clamp(150px, 18vw, 260px) !important; }




/* === SLIDE SWITCH BARS: rectangular === */
.hero .hero-segments .seg, .slides .seg{ border-radius: 0 !important; }
.hero .hero-segments .seg .fill, .slides .seg .fill{ border-radius: 0 !important; }

/* === CTA sizes === */
.btn-play .cta-img{ height: clamp(120px, 16vw, 260px) !important; }
.bp-cta .cta-img{ height: clamp(120px, 16vw, 260px) !important; }
.cta-inner img[src*="get_it_now"]{
  height: clamp(130px, 17vw, 230px) !important;
  width: auto !important;
  display: inline-block;
}


/* === ULTRA-SPECIFIC WATCH RECTANGLE === */
#top .panel-topsecret .hero-cta #watchTrailerBtn{
  width: 250px !important;
  height: 85px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 14px !important;
  padding: 10px 16px !important;
  box-shadow: none !important;
  backdrop-filter: blur(7px) !important;
  position: relative;
  top: 75px;
}

/* ===========================================
   DOWNLOAD PAGE (downloads.html)
   =========================================== */

/* HERO GRANDÃO COM FUNDO */
.dl-hero{
  position:relative;
  background:#0b0e15;
  min-height:60vh;
  padding:clamp(60px,6vw,100px) 20px 60px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  color:#fff;
}
.dl-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%, rgba(138,162,255,.18) 0%, transparent 60%),
    radial-gradient(circle at 80% 80%, rgba(255,224,0,.12) 0%, transparent 60%),
    linear-gradient(180deg,#0d0f16 0%,#0b0e15 40%,#0d0f16 100%);
  mix-blend-mode:screen;
  opacity:.6;
  z-index:0;
}
.dl-hero::after{
  content:"";
  position:absolute;
  inset:0;
  /* coloca aqui um screenshot grande do jogo pra ficar de fundo,
     pode ser tipo lobby / gameplay. Troca o arquivo abaixo. */
  background:url("Assets/bg-download.jpg") center/cover no-repeat;
  opacity:.18;
  filter:blur(2px) brightness(.8);
  z-index:-1;
}
.dl-hero-inner{
  position:relative;
  z-index:1;
  max-width:1200px;
  width:100%;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.dl-headline{
  font:900 clamp(36px,4vw,64px)/.95 "Burbank Big",Impact,"Arial Black";
  color:#fff;
  text-shadow:0 10px 0 rgba(0,0,0,.4);
  margin:0 0 12px;
  letter-spacing:.8px;
}
.dl-sub{
  max-width:70ch;
  font-weight:700;
  line-height:1.4;
  color:var(--ink);
  opacity:.9;
  text-align:center;
  margin:0 auto 32px;
}

/* GRID DOS CARDS DE DOWNLOAD */
.dl-card-row{
  width:100%;
  max-width:1000px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));
  gap:24px;
}
.dl-card{
  background:rgba(15,17,26,.6);
  backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
  padding:24px 24px 20px;
  color:#fff;
  display:flex;
  flex-direction:column;
  text-align:center;
}
.dl-card-top{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.dl-card-icon{
  width:80px;
  height:80px;
  object-fit:cover;
  border-radius:12px;
  box-shadow:0 20px 40px rgba(0,0,0,.6),0 0 0 2px rgba(255,255,255,.08) inset;
  margin-bottom:16px;
}
.dl-card-icon.thumb{
  width:100px;
  height:100px;
  border-radius:14px;
  object-fit:cover;
}
.dl-card-title{
  margin:0 0 8px;
  font:900 28px/1 "Burbank Big",Impact,"Arial Black";
  letter-spacing:.5px;
  color:#fff;
  text-shadow:0 6px 0 rgba(0,0,0,.4);
}
.dl-card-desc{
  font-weight:700;
  line-height:1.45;
  color:var(--ink-dim);
  opacity:.95;
  margin:0 0 20px;
  text-align:center;
}

/* COLUNA DOS BOTÕES DENTRO DO CARD */
.dl-btn-col{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}
.dl-bigbtn{
  font-size:26px;
  line-height:1.1;
  padding:16px 30px;
  border-radius:10px;
  min-width:220px;
  text-align:center;
  justify-content:center;
  box-shadow:0 10px 0 #a99400;
  margin-bottom:16px;
  margin-top: 10px;
}
.dl-outbtn{
  border:2px solid #fff;
  border-radius:10px;
  padding:12px 18px;
  min-width:220px;
  font-size:15px;
  line-height:1.1;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  text-shadow:0 2px 0 rgba(0,0,0,.6);
  box-shadow:0 10px 24px rgba(0,0,0,.7);
}
.dl-outbtn:hover{
  background:rgba(255,255,255,.08);
}
.dl-small-hint{
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  color:var(--ink-dim);
  text-align:center;
  opacity:.8;
}

.dl-note{
  font-size:13px;
  font-weight:700;
  line-height:1.45;
  color:var(--ink-dim);
  opacity:.85;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.06);
  padding-top:14px;
}

/* ===========================================
   REQUISITOS DO SISTEMA
   =========================================== */

.dl-req{
  position:relative;
  background:
    radial-gradient(circle at 15% 20%, rgba(138,162,255,.10) 0%, transparent 60%),
    linear-gradient(180deg,#0d0f16 0%,#0b0e15 70%,#0d0f16 100%);
  padding:60px 20px;
  color:#fff;
  overflow:hidden;
}
.dl-req-inner{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr minmax(260px,360px);
  gap:40px;
  position:relative;
  z-index:1;
}
@media(max-width:900px){
  .dl-req-inner{
    grid-template-columns:1fr;
  }
}
.dl-sec-title{
  font:900 clamp(28px,3vw,38px)/1 "Burbank Big",Impact,"Arial Black";
  color:#fff;
  margin:0 0 10px;
  text-shadow:0 6px 0 rgba(0,0,0,.4);
  letter-spacing:.6px;
}
.dl-req-copy{
  font-weight:700;
  color:var(--ink);
  opacity:.9;
  margin:0 0 16px;
  line-height:1.4;
}
.dl-req-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:14px;
  font-weight:700;
  color:var(--ink-dim);
  line-height:1.45;
}
.dl-req-list li{
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.05);
  border-radius:12px;
  padding:14px 16px;
  box-shadow:0 20px 40px rgba(0,0,0,.6);
}
.req-label{
  color:#fff;
  font-weight:900;
}

.dl-req-right{
  position:relative;
  min-height:220px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.dl-req-art{
  width:220px;
  height:220px;
  opacity:.08;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.8));
  background:url("Assets/keyboardicon.png") center/contain no-repeat;
  position: relative;
  top: -60px;
}
@media(max-width:900px){
  .dl-req-right{
    order:-1;
    min-height:160px;
  }
  .dl-req-art{
    width:180px;
    height:180px;
    opacity:.1;
  }
}

/* ===========================================
   COMO INSTALAR
   =========================================== */

.dl-how{
  position:relative;
  padding:60px 20px 100px;
  background:
    radial-gradient(circle at 80% 70%, rgba(255,224,0,.07) 0%, transparent 60%),
    linear-gradient(180deg,#0d0f16 0%,#0b0e15 60%,#0d0f16 100%);
  color:#fff;
}
.dl-how-inner{
  max-width:1200px;
  margin:0 auto;
  position:relative;
  z-index:1;
}
.dl-how-copy{
  font-weight:700;
  color:var(--ink);
  opacity:.9;
  line-height:1.4;
  margin:0 auto 24px;
  max-width:60ch;
}
.center{
  text-align:center;
}
/* vídeo centralizado com moldura */
.dl-video-wrap{
  display:flex;
  justify-content:center;
  margin-bottom:32px;
}
.dl-video-frame{
  width:100%;
  max-width:900px;
  aspect-ratio:16/9;
  background:#000;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.8),
             0 0 0 2px rgba(255,255,255,.08) inset;
}
.dl-video-frame iframe{
  width:100%;
  height:100%;
  border:0;
}

/* cards 1 / 2 / 3 */
.dl-steps-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));
  gap:20px;
  margin-bottom:48px;
}
.dl-step-card{
  background:rgba(15,17,26,.6);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
  padding:20px 20px 24px;
  color:#fff;
}
.dl-step-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
.dl-step-icon{
  width:34px;
  height:34px;
  border-radius:8px;
  background:var(--yellow);
  color:#000;
  font-weight:900;
  font-size:18px;
  line-height:34px;
  text-align:center;
  box-shadow:0 6px 0 #a99400,0 20px 40px rgba(0,0,0,.6);
}
.dl-step-title{
  font:900 22px/1 "Burbank Big",Impact,"Arial Black";
  text-shadow:0 4px 0 rgba(0,0,0,.4);
  letter-spacing:.5px;
  color:#fff;
}
.dl-step-text{
  font-weight:700;
  color:var(--ink-dim);
  line-height:1.45;
}
.dl-step-text b{
  color:#fff;
  font-weight:900;
}

/* bloco suporte/discord */
.dl-support{
  background:rgba(15,17,26,.5);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.7);
  padding:50px 24px;
  display:grid;
  grid-template-columns:1fr minmax(220px,320px);
  gap:24px;
  align-items:center;
}
@media(max-width:900px){
  .dl-support{
    grid-template-columns:1fr;
    text-align:center;
  }
}
.dl-support-title{
  margin:0 0 20px;
  font:900 60px/1 "Burbank Big",Impact,"Arial Black";
  letter-spacing:.5px;
  color:#ffe100;
  text-shadow:0 6px 0 rgba(0,0,0,.4);
}
.dl-support-text{
  margin:0 0 40px;
  font-weight:1000;
  line-height:1.45;
  color:#c9c9c9;
  max-width:60ch;
}
.dl-support-right{
  position:relative;
  min-height:200px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.dl-support-art{
  width:200px;
  height:200px;
  background:url("Assets/caution.png") center/contain no-repeat;
  opacity:.12;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.8));
}
@media(max-width:900px){
  .dl-support-art{
    opacity:.18;
    width:160px;
    height:160px;
  }
}

/*safety*/

.safe-hero{position:relative;min-height:48vh;display:grid;place-items:center;text-align:center;padding:84px 20px 48px;overflow:hidden}
.safe-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 700px at 12% 20%,rgba(138,162,255,.14),transparent 60%),radial-gradient(1200px 700px at 88% 80%,rgba(255,224,0,.10),transparent 60%),linear-gradient(180deg,#0d0f16 0%,#0b0e15 40%,#0d0f16 100%);z-index:-2}
.safe-hero::after{content:"";position:absolute;right:max(40px,6vw);bottom:max(30px,6vh);width:min(28vmax,420px);aspect-ratio:1;background:url('Assets/shield.png') center/contain no-repeat;opacity:.10;filter:drop-shadow(0 14px 28px rgba(0,0,0,.35));z-index:-1}
.safe-hero-inner h1{font:900 clamp(40px,7vw,88px)/.95 "Burbank Big",Impact,"Arial Black";margin:0 0 8px;text-shadow:0 8px 0 rgba(0,0,0,.35)}
.lead{max-width:78ch;margin:8px auto 20px;color:var(--ink-dim);font-weight:800}
.badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}
.badges span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#fff;padding:8px 12px;border-radius:999px;font-weight:900}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.safe-wrap{max-width:1100px;margin:0 auto;padding:30px 20px 100px}
.block{margin:24px 0;padding:22px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.block h2{margin:0 0 12px;font:900 clamp(22px,3.6vw,34px)/1 "Burbank Big",Impact,"Arial Black";letter-spacing:.4px}
.list{display:grid;gap:10px;margin:0;padding-left:18px}
.hashbox{display:grid;gap:10px}
.code{background:#0f1320;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;overflow:auto}
.steps{display:grid;gap:12px;margin:0;padding-left:18px}
.mvf{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mvf-tag{margin:0 0 4px;font:900 16px/1 "Burbank Big"}
.mvf-tag.good{color:#8df18d}
.callout{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02))}
.footnote{margin-top:14px;color:var(--ink-dim);font-weight:800}
.jahgihjagg{margin-top:14px;color:#b1b1b1;font-weight:800}

@media (max-width:820px){
  .mvf{grid-template-columns:1fr}
  .safe-hero::after{width:min(44vw,260px)}
}

.safe-hero{position:relative}
.bg-minishield{
  position:absolute;
  left:max(40px,6vw);
  bottom:max(-200px,-60vh);
  width:min(26vmax,380px);
  aspect-ratio:1;
  background:url('Assets/minishield.png') center/contain no-repeat;
  opacity:.12;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.35));
  pointer-events:none;
  z-index:-1
}

.safe-hero{position:relative}
.bg-health{
  position:absolute;
  right:clamp(16px,6vw,60px);
  bottom: clamp(-1000px, -1000000vh, 1000px);
  width:clamp(160px,26vmax,1000px);
  aspect-ratio:1;
  background:url('Assets/health.png') center/contain no-repeat;
  opacity:.14;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.35));
  transform:rotate(8deg);
  pointer-events:none;
  animation:healthFloat 9s ease-in-out infinite;
}
@keyframes healthFloat{
  0%,100%{transform:translateY(0) rotate(8deg)}
  50%{transform:translateY(-10px) rotate(8deg)}
}

.safe-hero{overflow:visible}
.bg-health.is-home{right:max(40px,6vw);bottom:-40vh !important;width:min(26vmax,420px)}

.shop-hero{
  position:relative;
  min-height:calc(100vh - 140px);
  display:grid;
  place-items:center;
  text-align:center;
  padding:40px 20px 80px;
  overflow:hidden;
}
.shop-hero-inner{position:relative;z-index:1;max-width:1000px;margin:0 auto}
.shop-title{
  margin:0 0 10px;
  font:900 clamp(50px,10vw,130px)/.95 "Burbank Big",Impact,"Arial Black";
  text-shadow:0 12px 0 rgba(0,0,0,.38)
}
.shop-sub{
  margin:0 auto 18px;
  max-width:60ch;
  font-weight:800;
  opacity:.95
}
.shop-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.shop-hero::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-6vh;
  transform:translateX(-50%);
  width:min(62vmax,880px);
  aspect-ratio:1;
  background:url("Assets/construtor.png") center/contain no-repeat;
  opacity:.12;
  filter:drop-shadow(0 24px 40px rgba(0,0,0,.55));
  z-index:0
}
@media (max-width:720px){
  .shop-title{font-size:clamp(40px,12vw,72px)}
  .shop-hero{min-height:calc(100vh - 120px);padding:30px 16px 90px}
  .shop-hero::after{width:min(86vw,560px);bottom:-4vh}
}

.bp-slider{
  position:relative;
  aspect-ratio:4/3;
  border-radius:24px;
  overflow:hidden;
  background:#111;
  box-shadow:0 40px 80px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.06)
}
.bp-slide{
  position:absolute;
  inset:0;
  background:var(--bg) center/cover no-repeat;
  opacity:0;
  transition:opacity .45s ease
}
.bp-slide.active{opacity:1}
.bp-dots{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  z-index:2
}
.bp-dot{
  position:relative;
  width:48px;
  height:8px;
  background:rgba(255,255,255,.28);
  border:0;
  padding:0;
  cursor:pointer
}
.bp-dot .fill{
  position:absolute;
  left:0;top:0;height:100%;width:0;
  background:#7ad7ff;
  transition:none
}

.bp-left{position:relative}
.bp-stamp{
  position:absolute;
  right:-28px;
  top:-10px;
  width:clamp(80px,12vw,140px);
  transform:rotate(-6deg);
  filter:drop-shadow(0 12px 0 rgba(0,0,0,.35));
  pointer-events:none;
  z-index:2
}
@media(max-width:900px){
  .bp-stamp{right:-10px;top:-6px;width:clamp(64px,18vw,120px)}
}

.bp-slider{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.06);background:#111}
.bp-slide{position:absolute;inset:0;opacity:0;transform:scale(1.03);transition:opacity .35s ease,transform .35s ease;background:var(--bg) center/cover no-repeat}
.bp-slide.active{opacity:1;transform:scale(1)}
.bp-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:10px;z-index:2}
.bp-dot{position:relative;width:52px;height:12px;border-radius:8px;background:rgba(255,255,255,.28);overflow:hidden}
.bp-dot .fill{position:absolute;left:0;top:0;height:100%;width:0;background:#86e3ff}
.bp-dot.active .fill{width:100%}

.news-row{position:relative;max-width:1220px;margin:0 auto;padding:40px 20px 70px;z-index:1}
.news-track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.news-track::-webkit-scrollbar{display:none}
.news-track .card{flex:0 0 clamp(320px,42vw,560px)}
.news-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35);backdrop-filter:blur(3px);border-radius:999px;color:#fff;font-weight:900;display:grid;place-items:center;z-index:2}
.news-nav.prev{left:8px}
.news-nav.next{right:8px}
.news-nav:hover{transform:translateY(-50%) scale(1.05)}
.news-scroll{position:absolute;left:20px;right:20px;bottom:24px;height:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;overflow:hidden}
.news-thumb{position:absolute;left:0;top:0;height:100%;width:80px;background:linear-gradient(90deg,#86e3ff,#c9f4ff);border-radius:999px;box-shadow:0 4px 16px rgba(0,0,0,.35)}

.news-nav{display:none!important}

.news-row{max-width:1500px;padding:24px 0 78px}
.news-track{gap:32px;padding:0 12px}
.news-track .card{flex:0 0 clamp(520px,48vw,760px)}
.news .thumb{height:clamp(260px,30vw,340px)}
.news-scroll{left:12px;right:12px}

#newsTitle{
  display:block;
  width:100%;
  text-align:center;
  font:900 clamp(60px,4vw,140px)/.95 "Burbank Big",Impact,"Arial Black";
  letter-spacing:.12px;
  color:#fff;
  margin:12px auto 12px;
  text-shadow:0 6px 0 rgba(0,0,0,.35);
}

.highlight {
  color: #ffe000;
  font-weight: 900;
  text-shadow: 0 2px 8px rgba(255, 224, 0, 0.3);
  transition: 0.25s ease;
}

.highlight-2 {
  color: #00e1ff;
  font-weight: 900;
  text-shadow: 0 2px 8px rgba(255, 224, 0, 0.3);
  transition: 0.25s ease;
}

#battle-pass .bp-desc{
  margin:12px 0 20px;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  color:#eaf2ff;
  font-weight:800;
  font-size:clamp(18px,2.1vw,22px);
  line-height:1.45;
  letter-spacing:.3px;
  text-shadow:0 3px 0 rgba(0,0,0,.35);
}
#battle-pass .bp-desc::before{
  content:none;
  display:none;
}

.blockHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.nsBadge{
  display:flex;
  align-items:center;
  padding:6px 10px;
  border-radius:14px;
  background:rgba(8,12,20,.55);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 10px 22px rgba(0,0,0,.35);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.nsImg{
  height:20px;
  width:auto;
  display:block;
  border-radius:8px;
  opacity:.95;
}

@media (max-width:520px){
  .blockHead{flex-direction:column;align-items:flex-start}
  .nsImg{height:18px}
}
.block-assets{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.block-assets .asset{display:block;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);box-shadow:0 12px 34px rgba(0,0,0,.42)}
.block-assets .asset img{width:100%;height:clamp(140px,18vw,230px);object-fit:contain;display:block;filter:contrast(1.05) saturate(1.05)}
.block-assets .asset:hover img{transform:scale(1.03)}
@media (max-width:640px){.block-assets{grid-template-columns:1fr}}