/* ============================================================
   Intro ASCII - stili
   Nero su bianco, monospaziato.
   ============================================================ */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #f5f5f0;
  color: #181818;
  font-family: 'Courier New', Courier, monospace;
}

/* Il canvas dell'intro: fullscreen, sopra tutto */
#intro-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  background: #f5f5f0;
  cursor: default;
  display: block;
  user-select: none;
}

/* La pagina vera (sotto il canvas, nascosta finché non si clicca) */
#page {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f0;
  color: #181818;
  font-size: 16px;
  font-family: 'Courier New', Courier, monospace;
}

/* Quando body.ready: il canvas svanisce e diventa cliccabile attraverso */
body.ready #intro-canvas {
  pointer-events: none;
  animation: introFadeOut 1.2s ease-out forwards;
}

@keyframes introFadeOut {
  from { opacity: 1; }
  to   { opacity: 0; visibility: hidden; }
}