/* Tema Homem-Aranha e seus amigos — salvo para reutilizar */
:root {
  --red: #d61f26;
  --red-dark: #9e1218;
  --navy: #071433;
  --navy-2: #0c2156;
  --blue: #1e4db7;
  --gold: #f6c445;
  --cream: #fff6ea;
  --ink: #140c0c;
  --pink: #ff7eb6;
  --accent: var(--red);
  --accent-dark: var(--red-dark);
  --panel: rgba(7, 20, 51, 0.82);
  --confirmed: #7dffb0;
}

body.theme-homem-aranha {
  background:
    radial-gradient(circle at 50% -10%, #3a0c12 0%, var(--navy) 42%, #040814 100%);
  color: var(--cream);
}

body.theme-homem-aranha .web-bg {
  display: block;
  background: url("/assets/web.svg") center -80px / 1100px no-repeat;
  opacity: 0.55;
}

body.theme-homem-aranha .city-bg {
  display: block;
  background:
    linear-gradient(180deg, transparent, rgba(4, 8, 20, 0.92)),
    url("/assets/cidade-teia.png") center bottom / cover no-repeat;
  opacity: 0.28;
}

body.theme-homem-aranha .web-corner,
body.theme-homem-aranha .critters,
body.theme-homem-aranha .party-stickers {
  display: block;
}

body.theme-homem-aranha .web-corner {
  background: url("/assets/canto-teia.svg") center / contain no-repeat;
}

/* Panel corner webs — Homem-Aranha only (never in style.css shell). */
body.theme-homem-aranha .panel::before,
body.theme-homem-aranha .panel::after {
  content: "";
  position: absolute;
  width: 54px;
  height: 54px;
  background: url("/assets/canto-teia.svg") center / contain no-repeat;
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
}

body.theme-homem-aranha .panel::before {
  top: 8px;
  left: 8px;
}

body.theme-homem-aranha .panel::after {
  top: 8px;
  right: 8px;
  transform: scaleX(-1);
}

body.theme-homem-aranha .hero {
  background: linear-gradient(180deg, rgba(214, 31, 38, 0.42), transparent 78%);
}

body.theme-homem-aranha .badge {
  background: var(--gold);
  color: #3a2200;
}

body.theme-homem-aranha .lock-card,
body.theme-homem-aranha .panel {
  border-color: rgba(246, 196, 69, 0.55);
}

body.theme-homem-aranha .guest-card::before {
  content: "";
  display: block;
  background: url("/assets/aranha-fofa.png") center / contain no-repeat;
}