header {background: #13161f; margin: 0 auto; padding: 2rem 0;}
header .inner {display: flex; align-items: center; justify-content: space-between;}
header .inner .logo {width: 8rem;}
header .inner img {cursor: pointer;}



.main_wrap {background: #13161f; height: 100dvh; display: flex; flex-direction: column; justify-content: center;}
.main_wrap img {margin: 0 auto; margin-bottom: 10rem; width: 60%;}
.main_wrap a {background: #a5da10; color: #13161f; display: flex; width: 100%; border-radius: 6px; padding: 2rem 0; justify-content: center; align-items: center; font-size: 2rem; font-weight: 600;}

.home_wrap {background: #13161f;}
.home_wrap #section1 {}
.home_wrap #section1 .inner {padding-top: 3rem;}
.home_wrap #section1 .inner ul {display: flex; flex-direction: column; gap: 1.5rem;}
.home_wrap #section1 .inner ul li {}
.home_wrap #section1 .inner ul li a {background: #2b2f3a; display: flex; align-items: center; padding: 1.5rem 1rem; justify-content: space-between; border-radius: 8px;}
.home_wrap #section1 .inner ul li a .logo_wrap {display: flex; align-items: center; gap: 0.5rem;}
.home_wrap #section1 .inner ul li a .logo_wrap img {width: 2.5rem;}
.home_wrap #section1 .inner ul li a .logo_wrap p {color: #fff; font-weight: 800; font-size: 1.5rem;}
.home_wrap #section1 .inner ul li a .arrow_btn {width: 1rem;}

.home_wrap #section2 {padding: 3rem 0 ;}
.home_wrap #section2 .inner {}
.home_wrap #section2 .inner .title_wrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;}
.home_wrap #section2 .inner .title_wrap .img_wrap {display: flex; align-items: center; gap: 0.5rem;}
.home_wrap #section2 .inner .title_wrap .img_wrap img {width: 2.5rem;}
.home_wrap #section2 .inner .title_wrap .img_wrap p {font-weight: 800; color: #fff; font-size: 2rem;}
.home_wrap #section2 .inner .plus_wrap {}
.home_wrap #section2 .inner .plus_wrap a {display: flex; align-items: center; gap: 0.5rem;}
.home_wrap #section2 .inner .plus_wrap a img {width: 1.5rem;}
.home_wrap #section2 .inner .plus_wrap a p {color: #fff; font-size: 1.5rem;}

.home_wrap #section2 .inner .rank_wrap {}
.home_wrap #section2 .inner .rank_wrap .rank_table {width: 100%; border-collapse: separate; border-spacing: 0 0.3rem;}
.home_wrap #section2 .inner .rank_wrap .rank_table thead {background: #2b2f3a;}
.home_wrap #section2 .inner .rank_wrap .rank_table thead th {color: #fff; font-size: 1.4rem; font-weight: 600; text-align: left; padding: 1.6rem 0.8rem; color: #a5a5a5;}
.home_wrap #section2 .inner .rank_wrap .rank_table thead th:first-child {padding-left: 1em;}
.home_wrap #section2 .inner .rank_wrap .rank_table thead th:nth-child(2) {}
.home_wrap #section2 .inner .rank_wrap .rank_table thead th:not(:first-child):not(:nth-child(2)) {text-align: center;}
.home_wrap #section2 .inner .rank_wrap .rank_table tbody {}
.home_wrap #section2 .inner .rank_wrap .rank_table tbody tr {background: #434956;}
.home_wrap #section2 .inner .rank_wrap .rank_table tbody tr:last-child {}
.home_wrap #section2 .inner .rank_wrap .rank_table tbody td {color: rgba(255, 255, 255, 0.8); font-size: 1.4rem; padding: 1.6rem 0.8rem; vertical-align: middle; text-align: center;}
.home_wrap #section2 .inner .rank_wrap .rank_table tbody td:first-child {padding-left: 1.5em; text-align: left;}
.home_wrap #section2 .inner .rank_wrap .rank_table tbody td:nth-child(2) {text-align: left;}
.home_wrap #section2 .inner .rank_wrap .rank_table tbody td .team_info {display: flex; align-items: center; justify-content: flex-start; gap: 0.8rem;}
.home_wrap #section2 .inner .rank_wrap .rank_table tbody td .team_info .team_logo {width: 2.4rem; height: 2.4rem; object-fit: contain; flex-shrink: 0;}
.home_wrap #section2 .inner .rank_wrap .rank_table tbody td .team_info span {color: rgba(255, 255, 255, 0.8); font-size: 1.4rem; white-space: nowrap;}

.home_wrap #section3 {padding-bottom: 3rem;}
.home_wrap #section3 .inner {}
.home_wrap #section3 .inner .title_wrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;}
.home_wrap #section3 .inner .title_wrap .img_wrap {display: flex; align-items: center; gap: 0.5rem;}
.home_wrap #section3 .inner .title_wrap .img_wrap img {width: 2.5rem;}
.home_wrap #section3 .inner .title_wrap .img_wrap p {font-weight: 800; color: #fff; font-size: 2rem;}
.home_wrap #section3 .inner .plus_wrap {}
.home_wrap #section3 .inner .plus_wrap a {display: flex; align-items: center; gap: 0.5rem;}
.home_wrap #section3 .inner .plus_wrap a img {width: 1.5rem;}
.home_wrap #section3 .inner .plus_wrap a p {color: #fff; font-size: 1.5rem;}
.home_wrap #section3 .inner .video_wrap {display: flex; flex-direction: column; gap: 1.5rem;}
.home_wrap #section3 .inner .video_wrap li {}
.home_wrap #section3 .inner .video_wrap li a {display: flex; justify-content: flex-start; gap: 1rem;}
.home_wrap #section3 .inner .video_wrap li a .video {width: 12rem; height: 9rem; background: #434956;}
.home_wrap #section3 .inner .video_wrap li a .txt_wrap {flex-shrink: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 0.5rem 0;}
.home_wrap #section3 .inner .video_wrap li a .txt_wrap p {color: #fff; font-size: 1.5rem; line-height: 1.3;}
.home_wrap #section3 .inner .video_wrap li a .txt_wrap .img_wrap {display: flex; align-items: center; gap: 0.5rem;}
.home_wrap #section3 .inner .video_wrap li a .txt_wrap .img_wrap img {width: 1.3rem;}
.home_wrap #section3 .inner .video_wrap li a .txt_wrap .img_wrap span {font-size: 1.3rem; color: #a5a5a5;}
.home_wrap #section3 .inner .video_wrap li a .video img {width: 100%; height: 100%;}
.home_wrap .ranking_wrap {display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;}
.home_wrap .ranking_wrap p {font-weight: 800; color: #fff; font-size: 2rem;}

.league_name_wrap {background: #13161f;}
.league_name_wrap #section1 {padding: 0 0 3rem 0;}
.league_name_wrap #section1 .inner {padding-top: 2rem;}
.league_name_wrap #section1 .inner .title_wrap {display: flex; flex-direction: column; gap: 0.5rem;}
.league_name_wrap #section1 .inner .title_wrap .img_wrap {display: flex; align-items: center; gap: 1rem;}
.league_name_wrap #section1 .inner .title_wrap img {width: 3rem;}
.league_name_wrap #section1 .inner .title_wrap .img_wrap span {font-size: 2rem; color: #fff; font-weight: 800;}
.league_name_wrap #section1 .inner .title_wrap p {color: #aaa; font-size: 1.5rem;}
.league_name_wrap #section1 .inner .league_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; width: 100%; list-style: none; padding: 0; margin: 0; padding-top: 3rem;}
.league_name_wrap #section1 .inner .league_grid li {min-width: 0;}
.league_name_wrap #section1 .inner .league_grid li .league_item {background: #2b2f3a; border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; min-height: 12rem; min-width: 0; box-sizing: border-box; width: 100%; text-decoration: none; padding: 1rem;}
.league_name_wrap #section1 .inner .league_grid li .league_item .league_logo {width: 5rem; height: 5rem; object-fit: contain; flex-shrink: 0; max-width: 100%;}
.league_name_wrap #section1 .inner .league_grid li .league_item .league_text {color: #fff; font-size: 1.8rem; font-weight: 600; text-align: center; max-width: 100%; margin: 0; display: flex; flex-direction: column; align-items: center; line-height: 1.1;}
.league_name_wrap #section1 .inner .league_grid li .league_item .league_text .league_text_main {font-size: inherit; font-weight: inherit; color: #fff;}
.league_name_wrap #section1 .inner .league_grid li .league_item .league_text .league_text_sub {font-size: 1rem; color: #9a9b9b; margin-top: 0.2rem; letter-spacing: 0.05em;}

/* PUBG 토너먼트 목록 스타일 */
.league_name_wrap #section1 .inner .pubg_tournament_list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0;}
.league_name_wrap #section1 .inner .pubg_tournament_list li {border-bottom: 1px solid #65676a;}
.league_name_wrap #section1 .inner .pubg_tournament_list li:last-child {border-bottom: none;}
.league_name_wrap #section1 .inner .pubg_tournament_list li .pubg_tournament_item {display: flex; align-items: center; gap: 1.5rem; padding: 2rem 0; text-decoration: none; width: 100%;}
.league_name_wrap #section1 .inner .pubg_tournament_list li .pubg_tournament_item .tournament_image {width: 3.2rem; height: 3.2rem; object-fit: contain; flex-shrink: 0;}
.league_name_wrap #section1 .inner .pubg_tournament_list li .pubg_tournament_item .tournament_info {flex: 1; display: flex; flex-direction: column; gap: 0.8rem; min-width: 0;}
.league_name_wrap #section1 .inner .pubg_tournament_list li .pubg_tournament_item .tournament_info .tournament_name {color: #fff; font-size: 1.7rem; font-weight: 300; margin: 0; line-height: 1.2; word-break: break-word; letter-spacing: -1px;}
.league_name_wrap #section1 .inner .pubg_tournament_list li .pubg_tournament_item .tournament_info .tournament_details {display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;}
.league_name_wrap #section1 .inner .pubg_tournament_list li .pubg_tournament_item .tournament_info .tournament_details .tournament_date,
.league_name_wrap #section1 .inner .pubg_tournament_list li .pubg_tournament_item .tournament_info .tournament_details .tournament_region {display: flex; align-items: center; gap: 0.5rem; color: #a5a5a5; font-size: 1.3rem;}
.league_name_wrap #section1 .inner .pubg_tournament_list li .pubg_tournament_item .tournament_info .tournament_details .icon {width: 1rem; height: 1rem; object-fit: contain;}

.league_match_wrap {padding-bottom: 5rem;}
.league_match_wrap #section1 {background: #13161f;}
.league_match_wrap #section1 .inner {padding-top: 3rem;}
.league_match_wrap #section1 .inner .title_wrap {display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 2rem;}
.league_match_wrap #section1 .inner .title_wrap .img_wrap {display: flex; align-items: center; gap: 1rem;}
.league_match_wrap #section1 .inner .title_wrap img {width: 3rem;}
.league_match_wrap #section1 .inner .title_wrap .img_wrap span {font-size: 3rem; color: #fff; font-weight: 800;}
.league_match_wrap #section1 .inner .title_wrap p {color: #aaa; font-size: 1.5rem;}
.league_match_wrap #section1 .inner .drop_down_wrap {display: flex; gap: 0.8rem;}
.league_match_wrap #section1 .inner .drop_down_wrap select {background-color: #2b2f3a; border: none; border-radius: 6px; color: #ffffff; padding: 1.2rem 4rem 1.2rem 1.6rem; font-size: 1.4rem; font-weight: 400; appearance: none; cursor: pointer; flex: 1; min-height: 44px; background-image: url("../img/common/arrow-2.png"); background-repeat: no-repeat; background-position: right 12px center; background-size: 1rem;}
.league_match_wrap #section1 .inner .drop_down_wrap select:focus {outline: none;}
.league_match_wrap #section1 .inner .drop_down_wrap select option {background-color: #1a1c24; color: #ffffff;}
.league_match_wrap #section1 .inner .drop_down_wrap .hidden_select {position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0;}
.league_match_wrap #section1 .inner .drop_down_wrap .custom_dropdown {position: relative; flex: 1;}
.league_match_wrap #section1 .inner .drop_down_wrap .dropdown_trigger {background-color: #2b2f3a; border: none; border-radius: 6px; color: #ffffff; padding: 1.2rem 4rem 1.2rem 1.6rem; font-size: 1.4rem; font-weight: 400; cursor: pointer; min-height: 44px; display: flex; align-items: center; justify-content: space-between; background-image: url("../img/common/arrow-2.png"); background-repeat: no-repeat; background-position: right 12px center; background-size: 1rem;}
.league_match_wrap #section1 .inner .drop_down_wrap .dropdown_trigger .dropdown_arrow {display: none;}
.league_match_wrap #section1 .inner .drop_down_wrap .custom_dropdown.active .dropdown_trigger .dropdown_arrow {transform: rotate(180deg);}
.league_match_wrap #section1 .inner .drop_down_wrap .dropdown_menu {display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #2b2f3a; border-radius: 6px; margin-top: 4px; max-height: 300px; overflow-y: auto; z-index: 1000; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}
.league_match_wrap #section1 .inner .drop_down_wrap .custom_dropdown.active .dropdown_menu {display: block;}
.league_match_wrap #section1 .inner .drop_down_wrap .dropdown_item {padding: 1.2rem 1.6rem; color: #ffffff; font-size: 1.4rem; cursor: pointer; display: flex; align-items: center; gap: 0.8rem; position: relative; justify-content: space-between;}
.league_match_wrap #section1 .inner .drop_down_wrap .dropdown_item .checkmark {color: #ffffff; font-weight: bold; font-size: 1.8rem; width: 20px; display: inline-block;}
.league_match_wrap #section1 .inner .drop_down_wrap #dropdown_team .dropdown_item {justify-content: flex-start;}
.league_match_wrap #section1 .inner .drop_down_wrap #dropdown_team .dropdown_item .checkmark {margin-left: auto;}
.league_match_wrap #section1 .inner .drop_down_wrap .dropdown_item .team_icon {width: 24px; height: 24px; object-fit: contain;}
.league_match_wrap #section1 .inner .drop_down_wrap .dropdown_item span {font-size: 1.4rem; color: #fff;}
.league_match_wrap #section1 .inner .drop_down_wrap .dropdown_trigger span {font-size: 1.4rem; color: #fff;}
.league_match_wrap #section1 .inner .match_wrap {}
.league_match_wrap #section1 .inner .match_wrap li {display: flex; flex-direction: column; gap: 2rem; padding: 2.4rem 0; border-bottom: 2px solid #65676a;}
.league_match_wrap #section1 .inner .match_wrap li .days_wrap {display: flex; align-items: center; justify-content: space-between;}
.league_match_wrap #section1 .inner .match_wrap li .days_wrap span {color: #a5a5a5; font-size: 1.5rem;}
.league_match_wrap #section1 .inner .match_wrap li .days_wrap .status_wrap {display: flex; align-items: center; gap: 1rem;}
.league_match_wrap #section1 .inner .match_wrap li .days_wrap .status_wrap p {color: #a5a5a5; font-size: 1.5rem;}
.league_match_wrap #section1 .inner .match_wrap li .days_wrap .status_wrap b {color: #a5a5a5; font-size: 1.5rem; background: #2b2f3a; border-radius: 100px; padding: 0.5rem 1rem;}
.league_match_wrap #section1 .inner .match_wrap li .scroe_wrap {display: flex; flex-direction: column; gap: 1rem;}
.league_match_wrap #section1 .inner .match_wrap li .scroe_wrap .team {display: flex; align-items: center; justify-content: space-between;}
.league_match_wrap #section1 .inner .match_wrap li .scroe_wrap .team .img_wrap {display: flex; align-items: center; gap: 0.5rem;}
.league_match_wrap #section1 .inner .match_wrap li .scroe_wrap .team .img_wrap img {width: 2.5rem; max-height: 3rem;}
.league_match_wrap #section1 .inner .match_wrap li .scroe_wrap .team .img_wrap p {color: #fff; font-size: 2rem; font-weight: 800;}
.league_match_wrap #section1 .inner .match_wrap li .scroe_wrap .team span {color: #fff; font-size: 2rem; width: 4rem; height: 4rem; background: #2b2f3a; text-align: center; line-height: 4rem; border-radius: 5px;}
.league_match_wrap #section1 .inner .error_message {color: #ff6b6b; padding: 2rem 0;}
.league_match_wrap #section1 .inner .empty_schedule_wrap {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; padding-top: 10rem;}
.league_match_wrap #section1 .inner .empty_schedule_wrap .empty_icon {width: 3rem; height: 3rem; object-fit: contain;}
.league_match_wrap #section1 .inner .empty_schedule_wrap .empty_message {color: #a5a5a5; font-size: 1.6rem; margin: 0;}
.league_match_wrap #section1 .inner .empty_message {color: #a5a5a5; text-align: center;}

/* Round ranking에서도 동일한 빈 상태 스타일 사용 */
.round_ranking_wrap #section1 .inner .empty_schedule_wrap {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; padding-top: 10rem;}
.round_ranking_wrap #section1 .inner .empty_schedule_wrap .empty_icon {width: 3rem; height: 3rem; object-fit: contain;}
.round_ranking_wrap #section1 .inner .empty_schedule_wrap .empty_message {color: #a5a5a5; font-size: 1.6rem; margin: 0;}
.round_ranking_wrap #section1 .inner .empty_message {color: #a5a5a5; text-align: center;}

/* PUBG match_results 전용 레이아웃 (pubg_wrap 기준) */
.pubg_wrap #section1 {background: #13161f;}
.pubg_wrap #section1 .inner {padding-top: 3rem;}
.pubg_wrap #section1 .inner .title_wrap {display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 2rem;}
.pubg_wrap #section1 .inner .title_wrap .league_title_wrap {display: flex; flex-direction: column; gap: 0.8rem; justify-content: space-between;}
.pubg_wrap #section1 .inner .title_wrap .img_wrap {display: flex; align-items: center; gap: 1rem; width: 100%; height: 4rem;}
.pubg_wrap #section1 .inner .title_wrap img {width: 4rem;}
.pubg_wrap #section1 .inner .title_wrap .img_wrap span {font-size: 1.7rem; color: #fff; font-weight: 400; word-break: break-all; white-space: normal; word-wrap: break-word; display: inline-block; display: flex; flex-shrink: 1;}
.pubg_wrap #section1 .inner .title_wrap .league_title_wrap .tournament_details {display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;}
.pubg_wrap #section1 .inner .title_wrap .league_title_wrap .tournament_details .tournament_date,
.pubg_wrap #section1 .inner .title_wrap .league_title_wrap .tournament_details .tournament_region {display: flex; align-items: center; gap: 0.5rem; color: #a5a5a5; font-size: 1.3rem;}
.pubg_wrap #section1 .inner .title_wrap .league_title_wrap .tournament_details .icon {width: 1rem; height: 1rem; object-fit: contain;}
.pubg_wrap #section1 .inner .title_wrap p {color: #aaa; font-size: 1.5rem;}
.pubg_wrap #section1 .inner .drop_down_wrap {display: flex; gap: 0.8rem; margin-top: 0.5rem;}
.pubg_wrap #section1 .inner .drop_down_wrap .hidden_select {position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0;}
.pubg_wrap #section1 .inner .drop_down_wrap .custom_dropdown {position: relative; flex: 1;}
.pubg_wrap #section1 .inner .drop_down_wrap .dropdown_trigger {background-color: #2b2f3a; border: none; border-radius: 6px; color: #ffffff; padding: 1.2rem 1.6rem; font-size: 1.4rem; font-weight: 400; cursor: pointer; min-height: 44px; display: flex; align-items: center; justify-content: space-between;}
.pubg_wrap #section1 .inner .drop_down_wrap .dropdown_trigger .dropdown_value { flex: 1; min-width: 0;}
.pubg_wrap #section1 .inner .drop_down_wrap .dropdown_trigger .dropdown_value .dropdown_text {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;  font-size: 1.4rem; color: #fff; width: 25rem;}
.pubg_wrap #section1 .inner .drop_down_wrap .dropdown_trigger span {font-size: 1.4rem; color: #fff;}
.pubg_wrap #section1 .inner .drop_down_wrap .dropdown_trigger .dropdown_arrow {display: none;}
.pubg_wrap #section1 .inner .drop_down_wrap .custom_dropdown.active .dropdown_trigger .dropdown_arrow {transform: rotate(180deg);}
.pubg_wrap #section1 .inner .drop_down_wrap .dropdown_menu {display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #2b2f3a; border-radius: 6px; margin-top: 4px; max-height: 300px; overflow-y: auto; z-index: 1000; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}
.pubg_wrap #section1 .inner .drop_down_wrap .custom_dropdown.active .dropdown_menu {display: block;}
.pubg_wrap #section1 .inner .drop_down_wrap .dropdown_item {padding: 1.2rem 1.6rem; color: #ffffff; font-size: 1.4rem; cursor: pointer; display: flex; align-items: center; gap: 0.8rem; position: relative; justify-content: space-between;}
.pubg_wrap #section1 .inner .drop_down_wrap .dropdown_item span:not(.checkmark) {font-size: 1.4rem; color: #fff; min-width: 0; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-right: 4rem;}
.pubg_wrap #section1 .inner .drop_down_wrap .dropdown_item.selected span:not(.checkmark) {padding-right: 2rem;}
.pubg_wrap #section1 .inner .drop_down_wrap .dropdown_item .checkmark {color: #ffffff; font-weight: bold; font-size: 1.8rem; width: 20px; display: inline-block;}
.pubg_wrap #section1 .inner .empty_schedule_wrap {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; padding-top: 6rem;}
.pubg_wrap #section1 .inner .empty_schedule_wrap .empty_icon {width: 3rem; height: 3rem; object-fit: contain;}
.pubg_wrap #section1 .inner .empty_schedule_wrap .empty_message {color: #a5a5a5; font-size: 1.6rem; margin: 0; text-align: center;}

.round_ranking_wrap {}
.round_ranking_wrap #section1 {background: #13161f; padding-bottom: 2.4rem;}
.round_ranking_wrap #section1 .inner {padding-top: 3rem;}
.round_ranking_wrap #section1 .inner .title_wrap {display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 2rem;}
.round_ranking_wrap #section1 .inner .title_wrap .img_wrap {display: flex; align-items: center; gap: 1rem;}
.round_ranking_wrap #section1 .inner .title_wrap img {width: 3rem;}
.round_ranking_wrap #section1 .inner .title_wrap .img_wrap span {font-size: 3rem; color: #fff; font-weight: 800; flex-shrink: 1;}
.round_ranking_wrap #section1 .inner .title_wrap p {color: #aaa; font-size: 1.5rem;}
/* PUBG 스테이지 선택 UI */
.round_ranking_wrap #section1 .inner .stage_selector_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  gap: 1.6rem;
}
.round_ranking_wrap #section1 .inner .stage_selector_wrap .stage_nav_btn {
  width: 2.5rem;
  height: 2.5rem;
  background: #2b2f3a;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  border-radius: 100%;
}
.round_ranking_wrap #section1 .inner .stage_selector_wrap .stage_nav_btn:hover:not(:disabled) {
  background-color: #353944;
}
.round_ranking_wrap #section1 .inner .stage_selector_wrap .stage_nav_btn:active:not(:disabled) {
  background-color: #1f2129;
}
.round_ranking_wrap #section1 .inner .stage_selector_wrap .stage_nav_btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.round_ranking_wrap #section1 .inner .stage_selector_wrap .stage_nav_btn svg {
  width: 1.6rem;
  height: 1.6rem;
  display: block;
}
.round_ranking_wrap #section1 .inner .stage_selector_wrap .stage_text {
  flex: 1;
  text-align: center;
  color: #e0e0e0;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.round_ranking_wrap #section1 .inner .drop_down_wrap {display: flex; gap: 0.8rem; margin-bottom: 1.5rem;}
.round_ranking_wrap #section1 .inner .drop_down_wrap select {background-color: #2b2f3a; border: none; border-radius: 6px; color: #ffffff; padding: 1.2rem 4rem 1.2rem 1.6rem; font-size: 1.4rem; font-weight: 400; appearance: none; cursor: pointer; flex: 1; min-height: 44px; background-image: url("../img/common/arrow-2.png"); background-repeat: no-repeat; background-position: right 12px center; background-size: 1rem;}
.round_ranking_wrap #section1 .inner .drop_down_wrap select:focus {outline: none;}
.round_ranking_wrap #section1 .inner .drop_down_wrap select option {background-color: #1a1c24; color: #ffffff;}
.round_ranking_wrap #section1 .inner .drop_down_wrap .hidden_select {position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0;}
.round_ranking_wrap #section1 .inner .drop_down_wrap .custom_dropdown {position: relative; flex: 1;}
.round_ranking_wrap #section1 .inner .drop_down_wrap .dropdown_trigger {background-color: #2b2f3a; border: none; border-radius: 6px; color: #ffffff; padding: 1.2rem 4rem 1.2rem 1.6rem; font-size: 1.4rem; font-weight: 400; cursor: pointer; min-height: 44px; display: flex; align-items: center; justify-content: space-between; background-image: url("../img/common/arrow-2.png"); background-repeat: no-repeat; background-position: right 12px center; background-size: 1rem;}
.round_ranking_wrap #section1 .inner .drop_down_wrap .dropdown_trigger .dropdown_arrow {display: none;}
.round_ranking_wrap #section1 .inner .drop_down_wrap .custom_dropdown.active .dropdown_trigger .dropdown_arrow {transform: rotate(180deg);}
.round_ranking_wrap #section1 .inner .drop_down_wrap .dropdown_menu {display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #2b2f3a; border-radius: 6px; margin-top: 4px; max-height: 300px; overflow-y: auto; z-index: 1000; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}
.round_ranking_wrap #section1 .inner .drop_down_wrap .custom_dropdown.active .dropdown_menu {display: block;}
.round_ranking_wrap #section1 .inner .drop_down_wrap .dropdown_item {padding: 1.2rem 1.6rem; color: #ffffff; font-size: 1.4rem; cursor: pointer; display: flex; align-items: center; gap: 0.8rem; position: relative; justify-content: space-between;}
.round_ranking_wrap #section1 .inner .drop_down_wrap .dropdown_item .checkmark {color: #ffffff; font-weight: bold; font-size: 1.8rem; width: 20px; display: inline-block;}
.round_ranking_wrap #section1 .inner .drop_down_wrap #dropdown_team .dropdown_item {justify-content: flex-start;}
.round_ranking_wrap #section1 .inner .drop_down_wrap #dropdown_team .dropdown_item .checkmark {margin-left: auto;}
.round_ranking_wrap #section1 .inner .drop_down_wrap .dropdown_item .team_icon {width: 24px; height: 24px; object-fit: contain;}
.round_ranking_wrap #section1 .inner .drop_down_wrap .dropdown_item span {font-size: 1.4rem; color: #fff;}
.round_ranking_wrap #section1 .inner .drop_down_wrap .dropdown_trigger span {font-size: 1.4rem; color: #fff;}
.round_ranking_wrap #section1 .inner .drop_down_wrap ~ .title_wrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-direction: row;}
.round_ranking_wrap #section1 .inner .drop_down_wrap ~ .title_wrap .img_wrap {display: flex; align-items: center; gap: 0.5rem;}
.round_ranking_wrap #section1 .inner .drop_down_wrap ~ .title_wrap .img_wrap img {width: 2.5rem;}
.round_ranking_wrap #section1 .inner .drop_down_wrap ~ .title_wrap .img_wrap p {font-weight: 800; color: #fff; font-size: 2rem;}
.round_ranking_wrap #section1 .inner .drop_down_wrap ~ .title_wrap .plus_wrap {}
.round_ranking_wrap #section1 .inner .drop_down_wrap ~ .title_wrap .plus_wrap a {display: flex; align-items: center; gap: 0.5rem;}
.round_ranking_wrap #section1 .inner .drop_down_wrap ~ .title_wrap .plus_wrap a img {width: 1.5rem;}
.round_ranking_wrap #section1 .inner .drop_down_wrap ~ .title_wrap .plus_wrap a p {color: #fff; font-size: 1.5rem;}
.round_ranking_wrap #section1 .inner .rank_wrap {}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table {width: 100%; border-collapse: separate; border-spacing: 0 0.3rem;}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table thead {background: #2b2f3a;}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table thead th {color: #fff; font-size: 1.4rem; font-weight: 600; text-align: left; padding: 1.6rem 0.8rem; color: #a5a5a5;}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table thead th:first-child {padding-left: 1em; width: auto; max-width: 5rem;}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table thead th:nth-child(2) {text-align: left; width: auto; max-width: 12rem;}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table thead th:not(:first-child):not(:nth-child(2)) {text-align: center;}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table tbody {}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table tbody tr {background: #434956;}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table tbody tr:last-child {}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table tbody td {color: rgba(255, 255, 255, 0.8); font-size: 1.4rem; padding: 1.6rem 0.8rem; vertical-align: middle; text-align: center;}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table tbody td:first-child {padding-left: 1.5em; text-align: left; width: auto; max-width: 5rem;}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table tbody td:nth-child(2) {text-align: left; width: auto; max-width: 12rem;}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table tbody td .team_info {display: flex; align-items: center; justify-content: flex-start; gap: 0.8rem;}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table tbody td .team_info .team_logo {width: 2.4rem; height: 2.4rem; object-fit: contain; flex-shrink: 0;}
.round_ranking_wrap #section1 .inner .rank_wrap .rank_table tbody td .team_info span {color: rgba(255, 255, 255, 0.8); font-size: 1.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; max-width: 10rem;}

.highright_wrap {}
.highright_wrap #section1 {background: #13161f; padding-bottom: 2.4rem;}
.highright_wrap #section1 .inner {padding-top: 3rem;}
.highright_wrap #section1 .inner .title_wrap {display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 2rem;}
.highright_wrap #section1 .inner .title_wrap .img_wrap {display: flex; align-items: center; gap: 1rem;}
.highright_wrap #section1 .inner .title_wrap img {width: 3rem;}
.highright_wrap #section1 .inner .title_wrap .img_wrap span {font-size: 3rem; color: #fff; font-weight: 800;}
.highright_wrap #section1 .inner .title_wrap p {color: #aaa; font-size: 1.5rem;}
.highright_wrap #section1 .inner .drop_down_wrap {display: flex; gap: 0.8rem; margin-bottom: 2.4rem;}
.highright_wrap #section1 .inner .drop_down_wrap select {background-color: #2b2f3a; border: none; border-radius: 6px; color: #ffffff; padding: 1.2rem 4rem 1.2rem 1.6rem; font-size: 1.4rem; font-weight: 400; appearance: none; cursor: pointer; flex: 1; min-height: 44px; background-image: url("../img/common/arrow-2.png"); background-repeat: no-repeat; background-position: right 12px center; background-size: 1rem;}
.highright_wrap #section1 .inner .drop_down_wrap select:focus {outline: none;}
.highright_wrap #section1 .inner .drop_down_wrap select option {background-color: #1a1c24; color: #ffffff;}
.highright_wrap #section1 .inner .drop_down_wrap .hidden_select {position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0;}
.highright_wrap #section1 .inner .drop_down_wrap .custom_dropdown {position: relative; flex: 1;}
.highright_wrap #section1 .inner .drop_down_wrap .dropdown_trigger {background-color: #2b2f3a; border: none; border-radius: 6px; color: #ffffff; padding: 1.2rem 4rem 1.2rem 1.6rem; font-size: 1.4rem; font-weight: 400; cursor: pointer; min-height: 44px; display: flex; align-items: center; justify-content: space-between; background-image: url("../img/common/arrow-2.png"); background-repeat: no-repeat; background-position: right 12px center; background-size: 1rem;}
.highright_wrap #section1 .inner .drop_down_wrap .dropdown_trigger .dropdown_arrow {display: none;}
.highright_wrap #section1 .inner .drop_down_wrap .custom_dropdown.active .dropdown_trigger .dropdown_arrow {transform: rotate(180deg);}
.highright_wrap #section1 .inner .drop_down_wrap .dropdown_menu {display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #2b2f3a; border-radius: 6px; margin-top: 4px; max-height: 300px; overflow-y: auto; z-index: 1000; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}
.highright_wrap #section1 .inner .drop_down_wrap .custom_dropdown.active .dropdown_menu {display: block;}
.highright_wrap #section1 .inner .drop_down_wrap .dropdown_item {padding: 1.2rem 1.6rem; color: #ffffff; font-size: 1.4rem; cursor: pointer; display: flex; align-items: center; gap: 0.8rem; position: relative; justify-content: space-between;}
.highright_wrap #section1 .inner .drop_down_wrap .dropdown_item .checkmark {color: #ffffff; font-weight: bold; font-size: 1.8rem; width: 20px; display: inline-block;}
.highright_wrap #section1 .inner .drop_down_wrap #dropdown_team .dropdown_item {justify-content: flex-start;}
.highright_wrap #section1 .inner .drop_down_wrap #dropdown_team .dropdown_item .checkmark {margin-left: auto;}
.highright_wrap #section1 .inner .drop_down_wrap .dropdown_item .team_icon {width: 24px; height: 24px; object-fit: contain;}
.highright_wrap #section1 .inner .drop_down_wrap .dropdown_item span {font-size: 1.4rem; color: #fff;}
.highright_wrap #section1 .inner .drop_down_wrap .dropdown_trigger span {font-size: 1.4rem; color: #fff;}
.highright_wrap #section1 .inner .video_wrap {display: flex; flex-direction: column; gap: 1.5rem;}
.highright_wrap #section1 .inner .video_wrap li {}
.highright_wrap #section1 .inner .video_wrap li a {display: flex; justify-content: flex-start; gap: 1rem;}
.highright_wrap #section1 .inner .video_wrap li a .video {width: 12rem; height: 9rem; background: #434956;}
.highright_wrap #section1 .inner .video_wrap li a .txt_wrap {flex-shrink: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 0.5rem 0;}
.highright_wrap #section1 .inner .video_wrap li a .txt_wrap p {color: #fff; font-size: 1.5rem; line-height: 1.3;}
.highright_wrap #section1 .inner .video_wrap li a .txt_wrap .img_wrap {display: flex; align-items: center; gap: 0.5rem;}
.highright_wrap #section1 .inner .video_wrap li a .txt_wrap .img_wrap img {width: 1.3rem;}
.highright_wrap #section1 .inner .video_wrap li a .txt_wrap .img_wrap span {font-size: 1.3rem; color: #a5a5a5;}
.highright_wrap #section1 .inner .video_wrap li a .video img {width: 100%; height: 100%;}
.highright_wrap #section1 .inner .pagination_wrap {display: flex; justify-content: center; align-items: center; margin-top: 3rem; padding: 2rem 0;}
.highright_wrap #section1 .inner .pagination {display: flex; align-items: center; gap: 0.8rem;}
.highright_wrap #section1 .inner .pagination .pagination_arrow {text-decoration: none; cursor: pointer; display: flex; align-items: center; justify-content: center; width: auto; height: auto; transition: opacity 0.2s;}
.highright_wrap #section1 .inner .pagination .pagination_arrow img {width: 0.7rem; height: auto; display: block;}
.highright_wrap #section1 .inner .pagination .pagination_arrow:hover:not(.disabled) {opacity: 0.8;}
.highright_wrap #section1 .inner .pagination .pagination_arrow.disabled {opacity: 0.3; cursor: not-allowed;}
.highright_wrap #section1 .inner .pagination .pagination_number {color: #a5a5a5; font-size: 1.6rem; text-decoration: none; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem; border-radius: 4px; transition: all 0.2s;}
.highright_wrap #section1 .inner .pagination .pagination_number:hover:not(.active) {color: #fff; background: #2b2f3a;}
.highright_wrap #section1 .inner .pagination .pagination_number.active {color: #fff; background: #2b2f3a; font-weight: 600;}
.highright_wrap #section1 .inner .pagination .pagination_dots {color: #a5a5a5; font-size: 1.6rem; padding: 0 0.4rem;}

/* PUBG 리더보드 카드 스타일 (match_results PUBG 전용) */
.pubg_match_wrap #section1 .inner .pubg_leaderboard_wrap {margin-top: 2rem;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li {background: transparent; border-bottom: 1px solid #65676a; padding: 1.5rem 0; display: flex; flex-direction: column; gap: 0.6rem;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li:last-child {border-bottom: none;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li .pubg_match_card_link {text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 0.6rem; cursor: pointer;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li .pubg_match_header {display: flex; justify-content: space-between; align-items: center; font-size: 1.3rem; color: #a5a5a5; margin-bottom: 1.5rem;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li .pubg_match_header .date {font-size: 1.3rem; color: #848587; font-weight: 400;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li .pubg_match_header .map_badge {display: flex; align-items: center; gap: 0.4rem; background: transparent; font-weight: 400;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li .pubg_match_header .map_badge span:first-child {border-radius: 999px; padding: 0.3rem 0.85rem; color: #949494; font-weight: 500; font-size: 1.2rem; background: #2b2f3a;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li .pubg_match_header .map_badge span:last-child {font-size: 1.2rem; color: #a5a5a5; font-weight: 400; background: transparent;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li .pubg_match_name {color: #ffffff; font-size: 1.5rem; font-weight: 500; margin-bottom: 0.5rem;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li .pubg_leader_stats {display: flex; align-items: center; gap: 1.5rem;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li .pubg_leader_stats .stat_block {display: flex; gap: 0.6rem; align-items: center;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li .pubg_leader_stats .stat_block .label {color: #959596; font-size: 1.3rem; font-weight: 400;}
.pubg_match_wrap #section1 .inner .pubg_leaderboard_list li .pubg_leader_stats .stat_block .value {width: 3rem; height: 3rem; text-align: center; border-radius: 4px; background: #2b2f3a; color: #ffffff; font-size: 1.3rem; font-weight: 500; line-height: 3rem;}

/* PUBG 경기 상세 페이지 스타일 */
.pubg_match_detail_wrap {background: #13161f;}
.pubg_match_detail_wrap #section1 {background: #13161f; padding-bottom: 2.4rem;}
.pubg_match_detail_wrap #section1 .inner {padding-top: 3rem;}
.pubg_match_detail_wrap #section1 .inner .title_wrap {display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 2rem;}
.pubg_match_detail_wrap #section1 .inner .title_wrap .img_wrap {display: flex; align-items: center; gap: 1rem;}
.pubg_match_detail_wrap #section1 .inner .title_wrap img {width: 4rem;}
.pubg_match_detail_wrap #section1 .inner .title_wrap .league_title_wrap {display: flex; flex-direction: column; gap: 0.8rem; justify-content: space-between;}
.pubg_match_detail_wrap #section1 .inner .title_wrap .img_wrap span {font-size: 1.7rem; color: #fff; font-weight: 400; word-break: break-all; white-space: normal; word-wrap: break-word; display: inline-block; display: flex; flex-shrink: 1;}
.pubg_match_detail_wrap #section1 .inner .title_wrap .league_title_wrap .tournament_details {display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;}
.pubg_match_detail_wrap #section1 .inner .title_wrap .league_title_wrap .tournament_details .tournament_date,
.pubg_match_detail_wrap #section1 .inner .title_wrap .league_title_wrap .tournament_details .tournament_region {display: flex; align-items: center; gap: 0.5rem; color: #a5a5a5; font-size: 1.3rem;}
.pubg_match_detail_wrap #section1 .inner .title_wrap .league_title_wrap .tournament_details .icon {width: 1rem; height: 1rem; object-fit: contain;}
.pubg_match_detail_wrap #section1 .inner .pubg_match_header {display: flex; justify-content: space-between; align-items: center; font-size: 1.3rem; color: #a5a5a5; margin-bottom: 1.5rem; margin-top: 2rem;}
.pubg_match_detail_wrap #section1 .inner .pubg_match_header .date {font-size: 1.3rem; color: #848587; font-weight: 400;}
.pubg_match_detail_wrap #section1 .inner .pubg_match_header .map_badge {display: flex; align-items: center; gap: 0.4rem; background: transparent; font-weight: 400;}
.pubg_match_detail_wrap #section1 .inner .pubg_match_header .map_badge span:first-child {border-radius: 999px; border: 1px solid #65676a; padding: 0.3rem 0.85rem; color: #d0d0d0; font-weight: 500; font-size: 1.1rem; background: transparent;}
.pubg_match_detail_wrap #section1 .inner .pubg_match_header .map_badge span:last-child {border-radius: 999px; border: 1px solid #65676a; padding: 0.3rem 0.85rem; opacity: 0.6; font-size: 0.85rem; color: #a5a5a5; font-weight: 400; background: transparent;}
.pubg_match_detail_wrap #section1 .inner .pubg_match_name {color: #ffffff; font-size: 1.5rem; font-weight: 500; margin-bottom: 1.5rem;}
.pubg_match_detail_wrap #section1 .inner .pubg_leader_stats {display: flex; align-items: center; gap: 1.5rem; margin-bottom: 2.5rem;}
.pubg_match_detail_wrap #section1 .inner .pubg_leader_stats .stat_block {display: flex; gap: 0.6rem; align-items: center;}
.pubg_match_detail_wrap #section1 .inner .pubg_leader_stats .stat_block .label {color: #959596; font-size: 1.3rem; font-weight: 400;}
.pubg_match_detail_wrap #section1 .inner .pubg_leader_stats .stat_block .value {width: 3rem; height: 3rem; text-align: center; border-radius: 4px; background: #2b2f3a; color: #ffffff; font-size: 1.3rem; font-weight: 500; line-height: 3rem;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap {margin-top: 2rem;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table {width: 100%; border-collapse: separate; border-spacing: 0 0.3rem;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table thead {background: #2b2f3a;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table thead th {color: #a5a5a5; font-size: 1.4rem; font-weight: 600; text-align: left; padding: 1.6rem 0.8rem;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table thead th:first-child {padding-left: 1em; width: auto; max-width: 5rem;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table thead th:nth-child(2) {text-align: left; width: auto; max-width: 12rem;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table thead th:not(:first-child):not(:nth-child(2)) {text-align: center;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table tbody tr {background: #434956;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table tbody td {color: rgba(255, 255, 255, 0.8); font-size: 1.4rem; padding: 1.6rem 0.8rem; vertical-align: middle; text-align: center;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table tbody td:first-child {padding-left: 1.5em; text-align: left; width: auto; max-width: 5rem;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table tbody td:nth-child(2) {text-align: left; width: auto; max-width: 12rem;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table tbody td .team_info {display: flex; align-items: center; justify-content: flex-start; gap: 0.8rem;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table tbody td .team_info .team_logo {width: 2.4rem; height: 2.4rem; object-fit: contain; flex-shrink: 0;}
.pubg_match_detail_wrap #section1 .inner .rank_wrap .rank_table tbody td .team_info span {color: rgba(255, 255, 255, 0.8); font-size: 1.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; max-width: 10rem;}