<!-- <template>
  <div
    :style="{
      position: 'relative',
      width: '256px',
      transformOrigin: 'top left',
    }"
  >
    <div
      :style="{
        boxSizing: 'border-box',
        width: '256px',
        height: '192px',
      }"
    >
      <img src="/assets/background.png" />

      <div
        :style="{
          position: 'absolute',
          display: 'grid',
          gap: '1px',
          top: 'calc(4 * 16px)',
          right: 'calc(1 * 16px + 1px)',
          gridTemplateRows: 'repeat(5, 15px)',
          gridTemplateColumns: 'repeat(7, 15px)',
        }"
      >
        <div
          v-for="i in 5 * 7"
          :key="i"
          :style="{ display: 'flex', flexDirection: 'column' }"
        >
          <span :style="{ fontSize: '12px' }">8</span>
        </div>
      </div>
    </div>
  </div>
</template> -->
<template>
  <Screen>
    <Background />
    <Stats />
  </Screen>
</template>
