* { margin: 0; padding: 0; box-sizing: border-box; }
body, html { height: 100%; overflow: hidden; background: black; font-family: 'Courier New', monospace; }
canvas { display: block; position: absolute; top: 0; left: 0; z-index: 1; }

.overlay {
  position: absolute;
  top:0; left:0; width:100%; height:100%;
  background:black; opacity:0; z-index:2;
  transition: opacity 1.5s;
}

.message {
  position:absolute; top:50%; left:50%;
  transform: translate(-50%, -50%);
  color:#00FF00;
  font-size:48px;
  text-align:center;
  opacity:0;
  transition: opacity 1.5s;
  z-index:3;
  padding: 0 10px; /* Mobilde taşmayı önler */
}

/* Mobil uyumlu yazı boyutu */
@media (max-width: 768px) {
  .message {
    font-size: 32px;
  }
}
@media (max-width: 480px) {
  .message {
    font-size: 24px;
  }
}