/* Target home only: participation first, secondary information shrinks with space. */
#section_prediction_home .main_section { min-width: 0; }
#section_prediction_home .main_section .index_contents {
    display: flex; flex-direction: column; gap: 24px; padding: 24px;
}
#section_prediction_home .main_section .index_contents > .content {
    display: flex; flex-direction: column; gap: 28px;
    width: 100%; min-width: 0; max-width: 1120px; padding: 0 !important; margin: 0 auto;
}
#section_prediction_home .top_location_menu { margin: 0; }
#section_prediction_home .content_menu { margin-bottom: 16px; }
#section_prediction_home .ms-start-guide { margin: 12px 0 0; padding: 12px 16px; }
#section_prediction_home .ms-start-guide h2 { font-size: 16px; }
#section_prediction_home .ms-start-guide p { font-size: 12px; margin: 4px 0; }
#section_prediction_home .ms-start-guide details { margin-top: 6px; padding-top: 4px; }
#section_prediction_home .ms-start-guide summary { min-height: 32px; font-size: 12px; }
#section_prediction_home .ms-action-rounds {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;
    max-width: none; width: 100%; margin: 0; align-items: start;
}
#section_prediction_home .ms-action-rounds > div { width: 100%; min-width: 0; margin: 0; }
#section_prediction_home .ms-action-rounds .round_item_list { margin-bottom: 0; }
#section_prediction_home .ms-action-rounds .round_item { margin-bottom: 14px; }
#section_prediction_home .ms-action-rounds .round_top { padding: 20px; }
#section_prediction_home .ms-action-rounds .round_bottom { padding: 0 20px 16px; }
#section_prediction_home .ms-action-rounds .round_bottom .information { width: 100%; }
#section_prediction_home .ms-action-rounds .round_bottom .information p { color: #6a6375; font-size: 12px; }
#section_prediction_home .ms-action-rounds .round_item .info { margin-bottom: 12px; }
#section_prediction_home .ms-action-rounds .up_down_wrap_pre > div { padding: 12px 16px; }
#section_prediction_home .ms-action-rounds .btn_quick_participate { cursor: pointer; color: #444; font-weight: 700; }
#section_prediction_home .ms-action-rounds .btn_quick_participate.red_wrap,
#section_prediction_home .ms-action-rounds .btn_quick_participate.blue_wrap { color: white; }
#section_prediction_home .ms-round-empty { padding: 24px 20px; background: white; border-radius: 16px; color: #635c70; line-height: 1.7; margin-bottom: 14px; }
#section_prediction_home .round_item[hidden] { display: none !important; }
#section_prediction_home .round_item_upcoming[data-period-id="2"] ~ .round_item_upcoming[data-period-id="2"],
#section_prediction_home .round_item_upcoming[data-period-id="6"] ~ .round_item_upcoming[data-period-id="6"] { display: none; }
#section_prediction_home .ms-action-rounds .title_item { margin-bottom: 12px; }
#section_prediction_home .ms-action-rounds .title_item .title { font-size: 17px; }
#section_prediction_home .ms-action-rounds .btn_quick_participate:focus-visible { outline: 3px solid #591fc1; outline-offset: -3px; }
#section_prediction_home .round_item .title .name { overflow-wrap: anywhere; }
#section_prediction_home .ms-past-rounds > .title_item { margin-bottom: 12px; font-size: 18px; font-weight: 700; }
#section_prediction_home .ms-past-rounds .round_item_list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
#section_prediction_home .ms-past-rounds .round_item { margin: 0; }
#section_prediction_home .ms-past-rounds .round_item_more { grid-column: 1 / -1; }
#section_prediction_home .content_header_wrap { max-width: none; width: 100%; margin: 0; }
#section_prediction_home .content_header_wrap .realtime_statistic_wrap { flex-direction: row; gap: 20px; align-items: start; }
#section_prediction_home .content_header_wrap .realtime_temperature_wrap { width: 360px; flex-shrink: 0; }
#section_prediction_home .content_header_wrap .realtime_trend_wide_wrap { flex: 1; min-width: 0; max-width: none; width: auto; margin: 0; }
#section_prediction_home .content_header_wrap .info_wrap .main_info_wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; width: 100%; }
#section_prediction_home .content_header_wrap .realtime_trend_chart_wrap { height: 280px; margin: 0; }
#section_prediction_home .ms-tier-trend { min-width: 0; }
#section_prediction_home .ms-tier-trend > summary { display: none; cursor: pointer; padding: 14px; background: white; border-radius: 12px; font-weight: 600; }
#section_prediction_home .ms-home-ranking { width: 100%; max-width: none; margin: 0; min-width: 0; }
#section_prediction_home .ms-home-ranking > .title_item { margin-bottom: 12px; }
#section_prediction_home .ms-my-rank {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px;
    background: #f3efff; border: 1px solid #e4dbff; padding: 14px 16px; border-radius: 12px; margin-bottom: 14px;
}
#section_prediction_home .ms-my-rank-value { font-size: 18px; font-weight: 700; color: #591fc1; }
#section_prediction_home .ms-my-rank a { margin-left: auto; color: #591fc1; font-weight: 600; min-height: 32px; align-content: center; }
#section_prediction_home .ms-home-ranking .table_wrap { padding: 0; overflow: hidden; }
#section_prediction_home .ms-home-ranking table { table-layout: fixed; width: 100%; }
#section_prediction_home .ms-home-ranking td, #section_prediction_home .ms-home-ranking th { padding: 10px 6px; font-size: 12px; }
#section_prediction_home .ms-home-ranking tr { line-height: 24px; }
#section_prediction_home .ms-home-ranking .user_info a { display: flex; align-items: center; gap: 5px; overflow-wrap: anywhere; }
#section_prediction_home .ms-home-ranking .tier_icon { width: 24px; height: 24px; flex-shrink: 0; }
#section_prediction_home .ms-home-ranking .mobile_version { display: none; }
#section_prediction_home .ms-rank-preview[data-preview-index]:not([data-preview-index="0"]):not([data-preview-index="1"]):not([data-preview-index="2"]):not(.my_ranking) { display: none; }
#section_prediction_home .main_section .index_contents .right_wrap {
    display: block !important; width: 100% !important; max-width: 1120px !important;
    margin: 0 auto; padding: 0 !important; background: none; border: 0; overflow: visible;
}
#section_prediction_home .main_section .index_contents .right_wrap .board_wrap { display: block; margin: 0 !important; }
#section_prediction_home .main_section .index_contents .right_wrap .board_wrap .common_board { width: 100%; margin: 0; }
#section_prediction_home .board_list > .item:nth-child(n+4) { display: none; }
#section_prediction_home .ms-my-rank a:focus-visible,
#section_prediction_home .ms-tier-trend summary:focus-visible { outline: 3px solid #591fc1; outline-offset: 3px; }

/* Keep a useful instrument list in two columns; use a drawer when it stops fitting. */
@media (min-width: 1200px) {
    #section_prediction_home .left_section { width: 260px; flex-shrink: 0; }
    #section_prediction_home .main_section { width: calc(100% - 260px); }
}
@media (max-width: 1199px) {
    header .left_section_btn { display: inline-block; cursor: pointer; margin-right: 16px; vertical-align: middle; }
    #section_prediction_home .main_section { width: 100%; }
    #section_prediction_home .left_section { position: absolute; left: 0; width: 260px; transform: translateX(-300px); transition: transform .3s ease; z-index: 20; }
}
@media (min-width: 1800px) {
    #section_prediction_home .left_section { width: 300px; }
    #section_prediction_home .main_section { width: calc(100% - 300px); }
    #section_prediction_home .main_section .index_contents { flex-direction: row; align-items: start; gap: 28px; }
    #section_prediction_home .main_section .index_contents > .content { flex: 1; }
    #section_prediction_home .main_section .index_contents .right_wrap { width: 360px !important; flex: 0 0 360px; margin: 0; }
    #section_prediction_home .ms-home-ranking { margin-bottom: 24px; }
    #section_prediction_home .ms-my-rank { gap: 6px 10px; }
    #section_prediction_home .ms-my-rank a { width: 100%; margin-left: 0; }
    #section_prediction_home .ms-home-ranking .win, #section_prediction_home .ms-home-ranking .lose,
    #section_prediction_home .ms-home-ranking th:nth-child(3), #section_prediction_home .ms-home-ranking th:nth-child(4) { display: none; }
    #section_prediction_home .ms-home-ranking colgroup { display: none; }
    #section_prediction_home .ms-home-ranking table { table-layout: auto; }
    #section_prediction_home .ms-home-ranking th { white-space: nowrap; }
    #section_prediction_home .ms-home-ranking .rank { width: 36px; }
    #section_prediction_home .ms-home-ranking .win_rate,
    #section_prediction_home .ms-home-ranking .earnings_rate { white-space: nowrap; }
    #section_prediction_home .ms-rank-preview[data-preview-index="3"],
    #section_prediction_home .ms-rank-preview[data-preview-index="4"] { display: table-row !important; }
}
@media (max-width: 999px) {
    #section_prediction_home .content_header_wrap .realtime_statistic_wrap { flex-direction: column; }
    #section_prediction_home .content_header_wrap .realtime_temperature_wrap,
    #section_prediction_home .content_header_wrap .realtime_trend_wide_wrap { width: 100%; }
}
@media (max-width: 699px) {
    #section_prediction_home .main_section .index_contents { padding: 16px; }
    #section_prediction_home .ms-action-rounds { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    #section_prediction_home .ms-past-rounds .round_item_list,
    #section_prediction_home .content_header_wrap .info_wrap .main_info_wrap { grid-template-columns: minmax(0, 1fr); }
    #section_prediction_home .ms-tier-trend > summary { display: list-item; list-style-position: inside; }
    #section_prediction_home .ms-home-ranking > .title_item,
    #section_prediction_home .ms-home-ranking .table_wrap { display: none; }
    #section_prediction_home .ms-my-rank { margin: 0; }
    #section_prediction_home .ms-my-rank a { width: 100%; margin-left: 0; }
    #section_prediction_home .ms-start-guide .ms-guide-top { flex-direction: row; flex-wrap: wrap; }
    #section_prediction_home .ms-start-guide .ms-guide-action { min-height: 36px; font-size: 13px; }
}

/* PC(700px~): 왼쪽 현재 라운드 · 오른쪽 다음 라운드. 마크업은 다음 라운드가 먼저라(모바일은 참여 먼저) 순서만 바꾼다 */
@media (min-width: 700px) {
    #section_prediction_home .ms-action-rounds > .round_wrap_left  { order: 1; }
    #section_prediction_home .ms-action-rounds > .round_wrap_right { order: 2; }
}