/* Layout */
header{margin:3rem 0;}
.wrap{margin-bottom: 4rem;}
.todayWrap span{font-size:1.6rem;color:#6C6C6C;}
header img{width: 10rem;}

/* Today Match */
.today_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;margin-top:1rem;}
.today_header h2{font-size:1.8rem;color:#3C3C3C;font-weight:700;}
.today_header a{font-size:1.5rem;}
.today_header a img{margin-left:0.7rem;}
.today_match ul li{background:#F6F6F6;border-radius:2rem;margin-bottom:2rem;}
.today_match ul li a{padding:3rem;display:flex;justify-content:center;flex-direction:column;gap:2rem;}
.today_match .bedge{display:flex;justify-content:space-between;}
.today_match ul li .bedge span{width:7rem;border-radius:2rem;font-size:1.4rem;text-align:center;line-height:2.5rem;}
.today_match ul .yet .bedge span{background:#E5E5E5;}
.today_match ul .ing .bedge span{background:#57D14A;color:#fff;}
.today_match ul .over .bedge span{background:#747474;color:#fff;}
.today_match ul li .bedge p{font-size:1.4rem;color:#6C6C6C;}
.today_match ul li img{width:4rem;height:4rem;object-fit:contain;}
.today_match ul li .team_intro{display:flex;justify-content:space-between;font-size:1.5rem;color:#6C6C6C;font-weight:500;align-items:center;}
.today_match ul li .team_intro strong,.today_match ul li .team_intro .score{font-size:1.8rem;font-weight:500;color:#3C3C3C;}
.today_match .team_left,.today_match .team_right{display:flex;align-items:center;gap:1rem;}

/* Match Detail */
.match_detail ul li{background:#F6F6F6;border-radius:2rem;margin-bottom:2rem;padding:3rem;display:flex;justify-content:center;flex-direction:column;gap:2rem;}
.match_detail .bedge{display:flex;justify-content:space-between;}
.match_detail ul li .bedge{display:flex;flex-direction:column;align-items:center;gap:1rem;justify-content:flex-start;}
.match_detail ul li .bedge span{width:7rem;border-radius:2rem;font-size:1.4rem;text-align:center;line-height:2.5rem;}
.match_detail ul .yet .bedge span{background:#E5E5E5;}
.match_detail ul .ing .bedge span{background:#57D14A;color:#fff;}
.match_detail ul .over .bedge span{background:#747474;color:#fff;}
.match_detail ul li .bedge p{font-size:1.4rem;color:#6C6C6C;}
.match_detail ul li img{width:4rem;height:4rem;object-fit:contain;}
.match_detail ul li .team_intro{display:flex;justify-content:space-between;font-size:1.5rem;color:#6C6C6C;font-weight:500;align-items:flex-start;}
.match_detail ul li .team_intro strong,.match_detail ul li .team_intro .score{font-size:1.8rem;font-weight:500;color:#3C3C3C;}
.match_detail .team_left,.match_detail .team_right{display:flex;align-items:center;gap:1rem;flex-direction:column;}
.match_detail .team_left p,.match_detail .team_right p{font-size:1.2rem;}
.match_schedule #gameList li{font-size: 1.4rem;}

/* Another Match */
.another_match ul{display:flex;flex-direction:row;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem;scrollbar-width:none;}
.another_match ul::-webkit-scrollbar{display:none;}
.another_match ul li{background:#fff;border-radius:2rem;flex:0 0 170px;width:170px;border:1px solid #F0F0F0;scroll-snap-align:start;}
.another_match ul li a{padding:2rem;display:flex;justify-content:center;flex-direction:column;gap:2rem;}
.another_match .bedge{display:flex;justify-content:space-between;}
.another_match ul li .bedge span{width:4.5rem;border-radius:2rem;font-size:1.2rem;text-align:center;line-height:2rem;}
.another_match ul .yet .bedge span{background:#E5E5E5;}
.another_match ul .ing .bedge span{background:#57D14A;color:#fff;}
.another_match ul .over .bedge span{background:#747474;color:#fff;width:6rem;}
.another_match ul li .bedge p{font-size:1.2rem;color:#6C6C6C;}
.another_match ul li img{width:3rem;height:3rem;object-fit:contain;}
.another_match ul li .team_intro{display:flex;justify-content:space-between;font-size:1.2rem;color:#6C6C6C;font-weight:500;align-items:center;}
.another_match ul li .team_intro strong,.another_match ul li .team_intro .score{font-size:1.3rem;font-weight:500;color:#3C3C3C;}
.another_match .team_left,.another_match .team_right{display:flex;align-items:center;gap:1rem;flex-direction:column;}

/* Highlight (match.php용: a태그 없이 figure + .txt 구조) */
.highlight h2{font-size:1.8rem;font-weight:500;margin-top:2rem;margin-bottom:1.5rem;}
.highlight ul{list-style:none;padding:0;margin:0;}
.highlight ul li{display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem;}
.highlight figure{height:10rem;background:#ddd;width:calc((100% - 2rem) / 2);}
.highlight .txt{width:calc((100% - 2rem) / 2);}
.highlight .txt h3{font-size:1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-bottom:1rem;}
.highlight .txt span{font-size:1.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9F9D9D;}
/* Highlight (video.php용: a태그로 감싼 구조, 위 규칙을 덮어씀) */
.highlight ul li a{display:flex;gap:14px;text-decoration:none;color:inherit;}
.highlight ul li a figure{width:160px;min-width:160px;height:100px;background:#e0e0e0;overflow:hidden;margin:0;flex-shrink:0;}
.highlight ul li a figure img{width:100%;height:100%;object-fit:cover;display:block;}
.highlight ul li a .txt{display:flex;flex-direction:column;justify-content:center;gap:8px;flex:1;min-width:0;overflow:hidden;width:auto;}
.highlight ul li a .txt h3{font-size:15px;font-weight:600;color:#111;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.highlight ul li a .txt span{font-size:13px;color:#aaa;white-space:normal;text-overflow:unset;}

/* Date Select / Day */
.date_select{display:flex;justify-content:space-between;}
.date_select .month{display:flex;justify-content:space-between;gap:2.5rem;width:14rem;align-items:center;}
.date_select .month p{font-size:1.8rem;font-weight:500;}
.day{margin-bottom:2rem;}
.day ul{display:flex;background:#F6F6F6;border-radius:1.5rem;height:6.5em;margin-top:2rem;}
.day ul li{flex:1;height:100%;}
.day ul li.select{background:#57D14A;}
.day ul li a{display:flex;flex-direction:column;width:100%;height:100%;text-align:center;justify-content:center;align-items:center;}
.day ul li span{font-size:1.5rem;display:block;margin-bottom:1rem;}
.day ul li.select span{color:#fff;}
.day ul li strong{font-size:1.5rem;font-weight:600;}
.day ul li.select strong{color:#fff;}

/* Match Schedule */
.match_schedule ul li{background:#F6F6F6;border-radius:2rem;margin-bottom:2rem;padding:2.5rem;display:flex;justify-content:center;flex-direction:column;gap:2rem;}
.match_schedule .bedge{display:flex;justify-content:space-between;}
.match_schedule ul li .bedge{display:flex;align-items:center;gap:1rem;justify-content:space-between;}
.match_schedule ul li .bedge span{width:7rem;border-radius:2rem;font-size:1.4rem;text-align:center;line-height:2.5rem;}
.match_schedule ul .yet .bedge span{background:#E5E5E5;}
.match_schedule ul .ing .bedge span{background:#57D14A;color:#fff;}
.match_schedule ul .over .bedge span{background:#747474;color:#fff;}
.match_schedule ul li .bedge p{font-size:1.4rem;color:#6C6C6C;}
.match_schedule ul li img{width:4rem;height:4rem;object-fit:contain;margin-right:1rem;}
.match_schedule ul li .team_intro{font-size:1.5rem;color:#6C6C6C;font-weight:500;}
.match_schedule ul li .team_intro strong{font-size:1.8rem;font-weight:500;color:#3C3C3C;margin-bottom:0.6rem;display:block;}
.match_schedule ul li .team_intro .score{font-size:1.8rem;font-weight:500;color:#3C3C3C;}
.match_schedule .team_left p,.match_schedule .team_right p{font-size:1.2rem;}
.match_schedule .team_left{margin:2rem 0;}
.match_schedule .team_left,.match_schedule .team_right{display:flex;justify-content:space-between;align-items:center;}
.match_schedule .team_left>div,.match_schedule .team_right>div{display:flex;align-items:center;}

/* Tab Menu */
.tab-menu{display:flex;margin-bottom:0;}
.tab-btn{flex:1;padding:16px 0;background:none;border:none;border-bottom:3px solid transparent;font-size:17px;font-weight:600;cursor:pointer;transition:color 0.2s,border-color 0.2s;margin-bottom:-1px;}
.tab-btn.active{color:#57D14A;border-bottom-color:#57D14A;}
.tab-content{display:none;}
.tab-content.active{display:block;}

/* Season Select / Custom Select */
.season-select{display:flex;justify-content:flex-end;margin:1.5rem 0;}
.custom-select{position:relative;display:inline-block;}
.custom-select__selected{display:flex;align-items:center;gap:0.8rem;cursor:pointer;padding:4px 2px;}
.custom-select__label{font-size:15px;font-weight:600;color:#222;}
.custom-select__arrow{transition:transform 0.2s;flex-shrink:0;}
.custom-select.open .custom-select__arrow{transform:rotate(180deg);}
.custom-select__options{display:none;position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.10);z-index:100;min-width:12.5rem;padding:6px 0;list-style:none;margin:0;}
.custom-select__options.date{min-width:10rem;}
.custom-select__options.team{min-width:7.5rem;}
.custom-select__options.season{left:-0.5rem;}
.custom-select.open .custom-select__options{display:block;}
.custom-select__option{padding:10px 16px;font-size:14px;color:#444;cursor:pointer;}
.custom-select__option:hover{background:#f5f5f5;}
.custom-select__option.active{color:#57D14A;font-weight:700;}
.custom-select__options.date {
    max-height: 40rem;
    overflow-y: auto;
}

/* Rank Table */
.rank-table-wrap{overflow-x:auto;border-radius:12px 12px 0 0;position:relative;}
.rank-table-wrap::after{content:'';position:absolute;top:0;left:12.3rem;width:0.8rem;height:100%;background:linear-gradient(to right,rgba(0,0,0,0.06),transparent);pointer-events:none;}
.rank-table-wrap.no-after::after {
    display: none;
}
.rank-table{width:100%;border-collapse:collapse;font-size:14px;color:#333;}
.rank-table thead tr{background:#f5f5f5;}
.rank-table thead th{padding:11px 8px;font-weight:500;color:#555;text-align:center;font-size:13px;}
.rank-table thead th.col-rank{text-align:center;padding-left:16px;width:140px;}
.rank-table tbody tr{height:3.3rem;}
.rank-table tbody tr:last-child{border-bottom:none;}
.rank-table tbody td{text-align:center;font-size:1.2rem;}
.rank-table td.col-rank{display:flex;align-items:center;gap:8px;padding-left:16px;text-align:left;min-width:130px;}
.rank-num{display:inline-block;width:20px;font-size:15px;color:#222;text-align:center;flex-shrink:0;}
.team-logo{width:30px;height:30px;object-fit:contain;flex-shrink:0;}
.team-name{font-size:14px;}

/* Record Sub-tab */
.record-subtab{display:flex;gap:10px;padding:16px 16px 12px;}
.subtab-btn{padding:10px 32px;border-radius:999px;border:none;font-size:15px;cursor:pointer;background:#efefef;color:#888;transition:background 0.2s,color 0.2s;}
.subtab-btn.active{background:#57D14A;color:#fff;}
.subtab-content{display:none;padding:0 16px 20px;}
.subtab-content.active{display:block;}

/* Record Card */
.record-card{background:#f5f5f5;border-radius:14px;padding:20px 18px 16px;margin-bottom:16px;}
.record-card-title{font-size:18px;font-weight:700;color:#111;margin:0 0 14px;}
.record-list{list-style:none;margin:0;padding:0;}
.record-item{display:flex;align-items:center;padding:13px 0;border-bottom:1px solid #e2e2e2;gap:10px;}
.record-item:last-child{border-bottom:none;}
.record-rank{font-size:15px;font-weight:700;color:#222;width:20px;flex-shrink:0;}
.record-name{font-size:16px;font-weight:500;color:#222;flex:1;}
.record-team{font-size:14px;color:#999;margin-right:6px;}
.record-value{font-size:18px;font-weight:700;color:#57D14A;min-width:56px;text-align:right;}
.record-more-btn{display:block;margin-top:16px;width:100%;padding:14px 0;background:#57D14A;color:#fff;font-size:16px;text-align:center;border-radius:10px;text-decoration:none;transition:background 0.2s;}
.record-more-btn:hover{background:#2fa040;}

/* Detail */
.detail-title{font-size:2.2rem;font-weight:700;color:#111;margin:1.2rem 0 0.8rem;}
.detail-list{list-style:none;padding:0;margin:0;}
.detail-item{display:flex;align-items:center;padding:1.6rem 0;border-bottom:1px solid #ebebeb;gap:1.2rem;}
.detail-item:last-child{border-bottom:none;}
.detail-rank{font-size:1.5rem;font-weight:500;width:2.2rem;flex-shrink:0;text-align:center;}
.detail-rank.first{color:#57D14A;}
.detail-name{font-size:1.6rem;font-weight:500;flex:1;}
.detail-team{font-size:1.4rem;}
.detail-value{font-size:1.8rem;font-weight:700;color:#57D14A;min-width:6rem;text-align:right;}
.detail-season{font-size: 1.4rem;margin-top: 1rem;}

/* Video Filter */
.video-filter{display:flex;align-items:center;gap:1.8rem;position:absolute;top:3rem;right:2.8rem;}

/* No Result */
.no-result{text-align:center;color:#aaa;font-size:14px;padding:40px 0;}


.cancel span { background: #e5e5e5;}
.another_match .cancel span {width: 6rem !important;}