body, html { margin:0; padding:0; height:100%; overflow:hidden; font-family:'Cinzel', serif; }
#intro-video { position:fixed; top:0; left:0; min-width:100%; min-height:100%; object-fit:cover; z-index:-1; }
.audio-button { position:absolute; top:15px; left:15px; background:transparent; border:none; font-size:24px; cursor:pointer; color:white; z-index:1001; text-shadow:0 0 8px black; }
.intro-overlay {
  position:absolute; top:0; left:0; width:100%; height:100%;
  background:rgba(0,0,0,0.5); display:flex; flex-direction:column;
  justify-content:center; align-items:center; text-align:center;
  color:white; user-select:none;
}
.glow { font-size:3em; color:#ffd700; animation:glow 2s infinite alternate;}
@keyframes glow { from { text-shadow:0 0 10px #ffd700; } to { text-shadow:0 0 20px #fff; } }
.intro-button {
  margin-top:20px; background:#ffd700; color:black; padding:12px 25px;
  border-radius:5px; font-size:1.2em; font-weight:bold;
  text-decoration:none; box-shadow:0 0 10px rgba(0,0,0,.4); transition:background .3s;
}
.intro-button:hover { background:#e6c200; }