body {
    margin: 0;
    padding: 0;
    background-color: #000;
    color: #fff;
    font-family: 'Courier New', Courier, monospace; /* データ感を出す等幅フォント */
    overflow-x: hidden;
}

#stream-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* 1枚の画像データカード（全画面表示） */
.data-card {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid #111;
}

.data-card img {
    width: 100%;
    height: 100vh;
    object-fit: cover; /* 画面いっぱいに写真を収める */
    z-index: 1;
    filter: grayscale(20%) brightness(80%); /* 少しノスタルジックな加工 */
}

/* データテキストのオーバーレイ表示 */
.data-overlay {
    position: absolute;
    bottom: 50px;
    left: 50px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.75);
    padding: 25px;
    border-left: 4px solid #ff5500; /* 火星をイメージしたオレンジ */
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
    pointer-events: none; /* スクロール操作を邪魔しない */
}

/* 読み込み検知用要素（見えないようにしておく） */
#sentinel {
    height: 10px;
    width: 100%;
}