body {
      background: black;
      color: lime;
      font-family: monospace;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      padding-top: 40px;
    }
    #message, #inputDisplay, #status {
      margin: 10px;
      font-size: 1.2em;
      text-align: center;
    }
    #keypad {
      display: grid;
      grid-template-columns: repeat(3, 60px);
      grid-gap: 10px;
      margin-top: 20px;
    }
    button {
	  background: #111;
	  color: lime;
	  font-size: 1.5em;
	  border: 1px solid lime;
	  width: 60px;
	  height: 60px;
	  cursor: pointer;
	  transition: background 0.1s, transform 0.1s;
	}

	button.pressed {
	  background: #0a0a0a; /* slightly darker */
	  transform: scale(0.95); /* slight press-in */
	}
	#container {
	  display: flex;
	  flex-direction: row;
	  gap: 40px;
	  align-items: flex-start;
	  justify-content: center;
	}
	#card-container {
		display: flex;
		gap: 30px;
	}

	#radio, #phone, #card {
	  border: 1px solid lime;
	  padding: 20px;
	  min-width: 250px;
	  background: #111;
	}
	
	#card {
	  font-family: courier;
	  font-size: 0.75em;
	}

	#radio button {
	  margin-bottom: 10px;
	  padding: 10px;
	  font-size: 1em;
	  cursor: pointer;
	}

	#tuner {
	  width: 100%;
	  margin-top: 5px;
	}
	button {
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  line-height: 1;
	  padding: 4px;
	}
	@media (max-width: 768px) {
	  #container {
		flex-direction: column;
		align-items: center;
	  }

	  #radio, #phone, #card {
		width: 90%;
		min-width: unset;
		max-width: 500px;
		margin-bottom: 20px;
	  }
	}