/* smash_live.css - ライブ配信ページ専用スタイル（Standalone） */

/* ========== 共通レイアウト（video_card.css から独立） ========== */


@import url("smash_live_card.css");

@import url("smash_live_header.css");

.no-streams {
    text-align: center;
    padding: 60px 20px;
    color: #606060;
}

/* 1画面あたりの表示件数と視認性のバランス調整 (38%と45%の中間) */
.rsg {
    padding: 11px 0 !important;
    /* 12pxと10pxの中間 */
}

.result-youtube {
    width: 42% !important;
    /* 38%と45%の中間 */
}

.player-name {
    font-size: 17px !important;
    /* 18pxと16pxの中間 */
}

.live-vtitle {
    font-size: 12.5px !important;
    /* 13pxと12pxの中間 */
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
}

.stream-meta {
    font-size: 12px !important;
}

/* モバイルでコンテンツが左に寄る問題の修正（はみ出しとの両立） */
@media screen and (max-width: 500px) {

    /* 左側の飛び出しアイコンを少しだけ戻して（-6px）視認性とレイアウトを両立 */
    .platform-tag {
        left: -6px !important;
        top: -6px !important;
        border-radius: 50% !important;
        /* 丸型を維持 */
        width: 30px !important;
        height: 30px !important;
        font-size: 16px !important;
    }

    /* アイコンのはみ出し分を考慮して、コンテナ自体にわずかに余白を追加 */
    .streams-list {
        padding-left: 6px;
    }
}

/* ページ全体の「はみ出し」によるガタつきを根本的に防ぐ */
html,
body {
    overflow-x: hidden;
}

/* 無限スクロール用：初期状態で隠すカード */
.stream-wrapper.is-hidden {
    display: none;
}