*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background: #1d1c1c  
}


@font-face {
  font-family: 'O2';
  src: url('/assets/o2.ttf') format('truetype'); /* Adicione outros formatos se necessário */
  font-weight: normal;
  font-style: normal;
}

h1 {
  font-family: 'O2'; /* Aplica a fonte ao título */
}

/* --- Layout do contêiner principal --- */
.game-container {
    width: 100%;
    height: 100vh; /* Usa toda a altura da viewport */
    display: flex;
    justify-content: center;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem;
    color: #9e8610;          /* texto em branco */
    font-size: 1.9rem;    /* tamanho legível */
    
}

/* --- Canvas --- */
#odysseyCanvas {
  width: 100%;
  height: auto;
  max-width: 1000px;
  max-height: 750px;
  border: 2px solid #1b1b1b;
  background: #000000  ;
 
  height: auto;
 
}


/* --- Placar --- */
.score-board {
  display: flex;
  gap: 1.5rem;          /* espaço entre score e hiscore */
  margin-top: 1rem;     /* distância do canvas */
  color: #fff;          /* texto em branco */
  font-size: clamp(1.6rem, 4vw, 1.5rem);
  font-family: sans-serif
}