:root{
    /* Android colors.xml をCSS変数化 */
    --background-light-blue: #e8f8fd;                 /* background_light_blue */
    --background-dark-blue: rgba(0,0,153,0.5);       /* background_dark_blue (kampo_blue alpha 0.5) */
    --background-dark-blue-notalpha: #607bc7;         /* background_dark_blue_notalpha */
    --background-light-blue-alpha: rgba(232,248,253,0.8); /* background_light_blue_alpha background_lite_blue alpha 0.8 */
    --kampo-blue: #000099;                             /* kampo_blue (#00119aではない？) */
    --white: #fff;
    --black: #000;
}

/* cameraWaiting（全画面/ライトブルー） */
  #cameraWaiting{
    position: absolute; inset: 0;
    background: var(--background-light-blue);
    display: flex; flex-direction: column; align-items: center;
    padding-top: 20px;
  }
  #cameraStatus, #cameraRestart{
    color: var(--kampo-blue);
    font-weight: 800; font-size: 48px; text-align: center; margin: 0.25rem 0;
  }

  .vstack{
    width: 100%; padding: 8px 16px; display: flex; flex-direction: column; gap: 8px;
  }

  #camera_icon_center{
    text-align: center;
  }

  #camera_icon{
    width: 100%; max-width: 640px; height: 128px; object-fit: contain;
    filter: brightness(0) saturate(100%) invert(8%) sepia(86%) saturate(3855%) hue-rotate(206deg) brightness(88%) contrast(101%); /* 青系に寄せたいとき */
  }
  .rounded-box{
    background: var(--background-dark-blue);
    border-radius: 16px; padding: 8px;
    text-align: center; color: var(--white);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
  }
  .rounded-box .title { font-weight: 700; font-size: 28px; margin: 0.25rem 0; }

/* cameraStarting（半透明帯・縦中央） */
  #cameraStarting{
    position: absolute; left: 0; right: 0; top: 50%;
    transform: translateY(-50%);
    background: var(--background-light-blue-alpha);
    padding: 8px 16px;
  }
  .vstack-center{
    display: flex; flex-direction: column; gap: 8px;
    max-width: 960px; margin: 0 auto;
    align-items: stretch; justify-content: center;
  }
  .spacer-20{ height: 20px; }
  .spacer-40{ height: 40px; }
  .title-box{
    background: var(--background-dark-blue);
    border-radius: 16px; padding: 8px;
    text-align: center; color: var(--white);
  }
  .title-box .title{ font-weight: 700; font-size: 40px; margin: 0.25rem 0; }
  .attention{ color: var(--kampo-blue); font-weight: 700; font-size: 30px; text-align: center; }
  
  
  /* ユーティリティ */
  .hidden{ display: none !important; }