/* ===== ホーム画面 専用（レポート位置選択モードなど） =====
   地図まわりの共通UIは map.css。home は map.css と併せて読み込む。 */


/* レポート位置選択：地図中央の照準（十字） */
#report-reticle {
    display: none;                    /* 通常は非表示 */
    position: fixed;                  /* 画面中央に固定 */
    top: calc(50% - (var(--footer-h) - var(--header-h)) / 2);   /* 画面中央ではなく「地図の中心」に合わせる（下のフッター分だけ上へ） */
    left: 50%;                        /* 横中央 */
    transform: translate(-50%,-50%);  /* 自分の中心を画面中央に */
    z-index: 6;                       /* 地図より前面 */
    font-size: 48px;                  /* 十字の大きさ */
    color: #8e24aa;                   /* 紫 */
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;  /* 白フチで見やすく */
    pointer-events: none;             /* 地図操作を邪魔しない */
}
#report-reticle.show {
    display: block;                   /* 位置選択モード中だけ表示 */
}

/* レポート位置選択：確定ボタン */
#report-confirm {
    display: none;                          /* 通常は非表示 */
    position: fixed;                        /* 画面下部に固定 */
    bottom: calc(var(--footer-h) + 72px);   /* フッターより上 */
    left: 50%;                              /* 横中央 */
    transform: translateX(-50%);           /* 中央寄せ */
    z-index: 6;                            /* 地図より前面 */
    background: #8e24aa;                    /* 紫の塗り */
    color: #fff;                           /* 白文字 */
    border: none;                          /* 枠なし */
    border-radius: 24px;                   /* 丸みの強いボタン */
    padding: 12px 24px;                    /* 内側の余白 */
    font-weight: bold;                     /* 太字 */
    box-shadow: 0 2px 8px rgba(0,0,0,.3);  /* 影 */
    cursor: pointer;                       /* 指カーソル */
}
#report-confirm.show {
    display: block;                        /* 表示状態 */
}

/* 位置選択モード中は現在地ボタンを隠す */
#locate-btn.hide {
    display: none;                         /* 非表示 */
}

/* 位置確認カード：配置と表示切替だけ home 固有（見た目・中身は .card-box / .confirm-* を共用） */
#report-check {
    display: none;                          /* 通常は非表示 */
    position: fixed;                        /* 画面下部に固定 */
    bottom: calc(var(--footer-h) + 72px);   /* 確定ボタンの少し上 */
    left: 50%;                              /* 横中央 */
    transform: translateX(-50%);           /* 中央寄せ */
    z-index: 7;                            /* 確定ボタンより前面 */
    padding: 12px 16px;                    /* インラインカード用の余白 */
    min-width: 240px;                      /* 窮屈にならない最小幅（お好みで調整） */
}
#report-check.show {
    display: block;                        /* 表示（インラインなので block。モーダルの flex とは別） */
}