body{

  margin:0;

  background:#000;

  font-family:sans-serif;

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:flex-start;

  min-height:100dvh;

  overflow:auto;
}

/* =========================
   SVG
========================= */

svg{

  width:100vw;

  height:auto;

  max-height:64dvh;

  display:block;

  flex-shrink:0;
}

/* =========================
   SVG内テキスト
========================= */

.title{

  font-size:54px;

  font-weight:bold;
}

.subtitle{

  font-size:28px;

  font-weight:bold;
}

.label{

  font-size:28px;

  font-weight:bold;
}

/* =========================
   検査UI
========================= */

#examUI{

  color:#fff;

  text-align:center;

  padding:
    2px
    0;

  min-height:118px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;
}

/* =========================
   開始ボタン
========================= */

#startBtn{

  font-size:18px;

  padding:
    10px
    24px;

  border:none;

  border-radius:12px;

  background:#3d6fb6;

  color:#fff;

  cursor:pointer;
}

/* =========================
   状態表示
========================= */

#status{

  margin-top:2px;

  min-height:20px;

  font-size:12px;

  line-height:1.2;

  color:#fff;
}

/* =========================
   方向ボタン
========================= */

#answerPad{

  display:none;

  grid-template-columns:
    repeat(3, 52px);

  grid-template-rows:
    repeat(3, 52px);

  gap:6px;

  justify-content:center;

  margin-top:2px;
}

#answerPad button{

  width:52px;

  height:52px;

  font-size:22px;

  border:none;

  border-radius:10px;

  background:#222;

  color:#fff;

  cursor:pointer;
}

.padCenter{

  width:52px;

  height:52px;
}

/* =========================
   フッター
========================= */

footer{

  color:#ccc;

  text-align:center;

  font-size:12px;

  line-height:1.5;

  padding:
    0
    0
    env(safe-area-inset-bottom);

  flex-shrink:0;
}

footer a{

  color:#7db7ff;

  text-decoration:none;
}