/*
t8-tournament-system/taikousen/tenma-2/main-page/main.css
*/


/* T8 TOURNAMENT タイトル */
.t8-eye-title {

    text-align:center;

    font-size:24px;

    font-weight:bold;

    margin-bottom:20px;

    opacity:0;

    animation:
        t8-title-show 1s ease-out forwards;

}


/* タイトル表示 */
@keyframes t8-title-show {

    from {
        opacity:0;
        transform:translateY(20px);
    }

    to {
        opacity:1;
        transform:translateY(0);
    }

}



/*--------------------------------------
 アイキャッチ画像
--------------------------------------*/

.t8-tournament-eye-catch-img {

    display:block;

    width:800px;

    max-width:100%;

    height:auto;

    margin:0 auto;

    opacity:0;

    animation:
        t8-eye-fadein 1s ease-out 1s forwards;

    transition:transform 0.3s ease;

}



/* 画像表示時アニメーション */
@keyframes t8-eye-fadein {

    from {
        opacity:0;
        transform:translateY(20px);
    }

    to {
        opacity:1;
        transform:translateY(0);
    }

}



/* 提供者クレジット */
.t8-image-credit {

    margin-top:10px;

    font-size:13px;

    text-align:center;

}



	
/*
========================================
共通カードデザイン
大会ページ内の
開催概要・ルール説明・参加チームなどで使用
========================================
*/

.t8-card {

    max-width:900px;

    margin:40px auto;

    padding:30px;

    background:#2a2a2a;

    color:#eee;

    border-radius:16px;

    box-shadow:0 5px 20px rgba(0,0,0,0.4);

}

/*
========================================
カード内 見出し
========================================
*/

.t8-card h2{

    margin-top:0;

    margin-bottom:20px;

    padding-bottom:10px;

    border-bottom:2px solid #444;

}


/*
========================================
開催概要のリンク
========================================
*/

.t8-stream-link {

    margin-right:15px;
}


.t8-stream-item {

    margin-top:15px;

}
@media(max-width:600px){

    .t8-stream-links{
        flex-direction:column;
    }

}

/*
========================================
ラウンジ案内
========================================
*/

.t8-tournament-venue h3{
    margin-top:20px;
    margin-bottom:15px;
}

.t8-venue-guide{
    padding-left:25px;
}

.t8-venue-guide li{
    margin-bottom:15px;
    line-height:1.8;
}


/*
========================================
ルール説明
========================================
*/

.t8-rules-list{
    margin:0;
    padding-left:25px;
}

.t8-rules-list li{
    margin-bottom:12px;
    line-height:1.8;
}

.t8-rules-list li:last-child{
    margin-bottom:0;
}


/*
========================================
参加チーム
========================================
*/

.t8-tournament-teams{

    margin-top:30px;

}

/*--------------------------------------
 チームカード
--------------------------------------*/

.t8-team-card{

    margin-top:25px;

    padding:20px;

    background:#333;

    border-radius:10px;

}

.team-blue{

    border-left:5px solid #66b3ff;

}

.team-blue h3{

    color:#66b3ff;

}

.team-red{

    border-left:5px solid #e53935;

}

.team-red h3{

    color:#e53935;

}

.t8-team-subtitle{

    margin:5px 0 20px;

    color:#aaa;

    font-size:0.9rem;

}

/*--------------------------------------
 選手一覧
--------------------------------------*/

.t8-team-list{

    margin:0;

    padding:0;

    list-style:none;

}

.t8-team-list li{

    padding:12px 0;

    border-bottom:1px solid #444;

}

.t8-team-list li:last-child{

    border-bottom:none;

}

/*--------------------------------------
 選手情報
--------------------------------------*/

.t8-player-info{

    display:grid;

    grid-template-columns:260px 120px 1fr;

    align-items:center;

    gap:15px;

}

.t8-player-name{

    font-size:1rem;

    font-weight:bold;

    color:#fff;

}

.t8-player-rank{

    color:#ccc;

}

/*--------------------------------------
 配信リンク
--------------------------------------*/

.t8-player-links{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    align-items:center;

}

.t8-player-links a{

    display:inline-block;

    padding:6px 14px;

    border-radius:6px;

    text-decoration:none;

    font-size:0.9rem;

    font-weight:bold;

    transition:.2s;

}

.t8-player-links a{

    display:inline-block;

    padding:6px 14px;

    border-radius:6px;

    background:#555;

    color:#fff;

    text-decoration:none;

    font-size:0.9rem;

    font-weight:bold;

    transition:.2s;

}

.t8-player-links a:hover{

    background:#777;

}