@charset "UTF-8";

html {
	height: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	overflow: hidden;
}

* {
	box-sizing: border-box;
  }

  body {
	margin: 0;
	padding: 0;
	display: flex;
	column-gap: 10px;
	padding: 10px;
  }

  div {
	width: calc((100% - 10px * 2) / 3);
	background: lightgray;
	padding: 0 10px;
  }

  div:not(:has(.miss)) {
	background: orange;
  }

  h1 {
	font-weight: bold;
	font-size: 24px;
  }