/* ===============================================
   emptyページ専用スタイル（フッター追加版）
=============================================== */

/* --- ページ全体の基本設定 --- */
body#empty {
    background-color: #0c0c0c;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    margin: 0;
    padding: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body#empty #wrapper {
    display: none;
}

/* （中略：ヘッダーとグリッド、カードのスタイルは変更なし） */
body#empty .lounge-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 5px; margin-bottom: 20px; }
body#empty .lounge-header .header-logo { font-size: 1.5rem; font-weight: bold; letter-spacing: 1px; }
body#empty .lounge-header .header-icon img { width: 24px; height: 24px; vertical-align: middle; }
body#empty #lounge-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
body#empty .lounge-card { position: relative; aspect-ratio: 1 / 1.1; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 10px; box-sizing: border-box; }
body#empty .card-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; }
body#empty .lounge-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2; }
body#empty .card-content { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: space-around; height: 100%; width: 100%; }
body#empty .card-header {}
body#empty .card-title-box, body#empty .card-title-plain { font-size: 1.5rem; font-weight: bold; line-height: 1.2; }
body#empty .card-title-box { background-color: #000; padding: 5px 20px; border-radius: 8px; margin-bottom: 5px; }
body#empty .card-location { font-size: 1rem; margin-top: 2px; }
body#empty .card-status { font-size: 1.1rem; color: #ddd; margin-top: 5px; margin-bottom: 10px; }
body#empty .card-counts { display: flex; justify-content: space-around; width: 100%; }
body#empty .count-item { display: flex; flex-direction: column; align-items: center; font-size: 1.5rem; }
body#empty .count-number { font-size: 2.5rem; font-weight: 300; line-height: 1; }
body#empty .count-label { font-size: 1rem; letter-spacing: 1px; color: #ccc; margin-top: 2px; }

/* --- PC版のスタイル --- */
@media (min-width: 992px) {
    body#empty .lounge-header, body#empty #lounge-grid { max-width: 1200px; margin-left: auto; margin-right: auto; }
    body#empty #lounge-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; }
    body#empty .card-title-box, body#empty .card-title-plain { font-size: 1.5rem; }
    body#empty .count-number { font-size: 2.2rem; }
    body#empty .count-label { font-size: 1rem; }
}

/* --- ▼▼▼ フッターのスタイルを追記 ▼▼▼ --- */
body#empty .lounge-footer {
    text-align: center;      /* テキストを中央揃え */
    padding: 20px 15px;      /* 上下に余白を追加 */
    margin-top: 20px;        /* グリッドとの間に余白を追加 */
    font-size: 0.75rem;      /* 文字を小さめに */
    color: #888;             /* 文字色を控えめなグレーに */
}