* { box-sizing: border-box; font-family: Arial, sans-serif; }
body { margin: 0; background: #000; color: #eaeaea; overflow: hidden; }

.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.6s ease;
  cursor: pointer;
  z-index: 10;
}

.overlay-content { text-align: center; max-width: 90%; }
.overlay h1 { font-size: 3rem; margin: 0; }
.sub { opacity: 0.9; margin-top: 0.5rem; }
.small { font-size: 0.9rem; opacity: 0.8; }
.small a { color: #8ab4ff; text-decoration: underline; }

.hidden { display: none; }

main {
  width: 100vw;
  height: 100vh;
}

.gif-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tos { max-width: 800px; margin: 2rem auto; padding: 1rem; }

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}