.event-stage-tech-tree-action,
.event-god-overview-tech-tree {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .55rem .9rem;
  border: 1px solid rgba(213, 177, 101, .45);
  border-radius: var(--site-radius-sm);
  color: #fff2c8;
  background: rgba(10, 18, 33, .9);
  font-weight: 800;
  text-decoration: none;
}

.event-god-overview-window { max-width: 760px; }
.event-god-overview-title { margin: .2rem 0 0; color: var(--site-gold); }
.event-god-overview-body {
  display: grid;
  gap: .9rem;
  color: var(--site-text-muted);
  font-family: var(--site-font-body);
  font-size: .95rem;
}
.event-god-overview-section { display: grid; gap: .45rem; }
.event-god-overview-body h3 {
  margin: 0;
  color: var(--site-gold);
  font-family: var(--event-font-title);
}

.event-god-overview-focus {
  margin: 0;
  color: var(--site-text-muted);
  line-height: 1.55;
}

.event-god-overview-focus span {
  display: block;
  color: var(--site-gold);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* One compact semantic list, not a card for every sentence. */
.event-god-overview-bonuses {
  display: grid;
  gap: .35rem;
  margin: 0;
  padding: .7rem .85rem .7rem 2rem;
  border: 1px solid rgba(213, 177, 101, .22);
  border-radius: var(--site-radius-sm);
  background: rgba(10, 18, 33, .68);
  color: var(--site-text-muted);
  line-height: 1.55;
}

.event-god-overview-bonuses li { padding-left: .05rem; }

.event-god-overview-gifts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: .45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.event-god-overview-gift {
  display: flex;
  align-items: center;
  gap: .55rem;
  width: 100%;
  min-height: 58px;
  padding: .45rem .55rem;
  border: 1px solid rgba(213, 177, 101, .22);
  border-radius: var(--site-radius-sm);
  color: var(--site-text-muted);
  background: rgba(10, 18, 33, .68);
  text-align: left;
}

button.event-god-overview-gift { cursor: pointer; }
button.event-god-overview-gift:hover,
button.event-god-overview-gift:focus-visible {
  border-color: rgba(255, 224, 142, .72);
  color: #fff2c8;
}

.event-god-overview-gift img { flex: 0 0 40px; object-fit: contain; }
.event-god-overview-gift span { min-width: 0; }
.event-god-overview-gift small,
.event-god-overview-gift strong { display: block; }
.event-god-overview-gift small {
  color: var(--site-gold-strong);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.event-god-overview-gift strong {
  color: var(--site-text);
  font-size: .92rem;
  line-height: 1.25;
}

.event-god-overview-ages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .6rem;
}

.event-god-overview-age {
  padding: .6rem .7rem;
  border: 1px solid rgba(213, 177, 101, .22);
  border-radius: var(--site-radius-sm);
  background: rgba(10, 18, 33, .68);
}

.event-god-overview-age h4 {
  margin: 0 0 .4rem;
  color: var(--site-gold);
  font-size: .78rem;
}

.event-god-overview-age ul {
  display: grid;
  gap: .3rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.event-god-overview-age li {
  display: flex;
  align-items: center;
  gap: .35rem;
  color: var(--site-text-muted);
  font-size: .9rem;
  line-height: 1.35;
}
.event-god-overview-age img { flex: 0 0 28px; object-fit: contain; }

@media (max-width: 600px) {
  .event-god-overview-ages,
  .event-god-overview-gifts { grid-template-columns: 1fr; }
  .event-god-overview-window {
    inset: 1rem;
    left: 1rem;
    right: 1rem;
    width: auto;
    transform: none;
  }
  .event-god-overview-window .compendium-modal-icon { width: 48px; height: 48px; }
}