/* Top画面のゲームスタートボタンのスタイルを定義 */
.kin-btn-start 
{
  /* 物理サイズ指定（環境により若干の誤差あり） */
  width: 6.5cm;
  height: 3cm;

  /* 配色 */
  background: #10B981;         /* エメラルド（emerald 500 相当） */
  color: #D4AF37;               /* 金色（ゴールド） */
  border: none;

  /* 形・書体・レイアウト */
  border-radius: 14px;
  font: 600 24px/1.1 "Noto Sans JP", system-ui, -apple-system, sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* 触り心地 */
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
  transition: transform .05s ease, box-shadow .2s ease, filter .2s ease;
}

/* ホバー時（少し濃いエメラルドに） */
.kin-btn-start:hover {
  filter: brightness(0.95);
  box-shadow: 0 10px 22px rgba(0,0,0,0.16);
}

/* クリック時（軽く押し込む感） */
.kin-btn-start:active {
  transform: translateY(1px) scale(0.99);
}

/* キーボード操作のフォーカス輪郭 */
.kin-btn-start:focus-visible {
  outline: 3px solid rgba(16,185,129,0.5); /* エメラルドの半透明 */
  outline-offset: 2px;
}