@charset "utf-8";
@import url("../../board/_mtc_board_common/common.css");

.mtc-live-score-content {
    width: 100%;
    margin: 0;
    color: #d1dae3;
    font-family: var(--mtc-board-font, -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif);
}

.mtc-live-score-board-output {
    display: block !important;
    padding: 12px;
}

.mtc-live-score-frame {
    width: 100%;
    height: 900px;
    min-height: 720px;
    background: #050a0f;
    border: 0;
    border-radius: 6px;
    overflow: hidden;
}

.mtc-live-score-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #050a0f;
}

@media (max-width: 1024px) {
    body.mtc-live-score-content-page {
        overflow-x: hidden;
    }

    body.mtc-live-score-content-page #wrapper,
    body.mtc-live-score-content-page #container_wr,
    body.mtc-live-score-content-page #container {
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    body.mtc-live-score-content-page #container_wr {
        padding: 0 10px !important;
    }

    body.mtc-live-score-content-page #container {
        padding: 0 !important;
    }

    body.mtc-live-score-content-page #aside {
        display: none !important;
    }

    body.mtc-live-score-content-page #container_title {
        margin: 0 0 12px !important;
    }

    .mtc-live-score-frame {
        height: calc(100dvh - 168px);
        min-height: 620px;
    }
}

@media (max-width: 480px) {
    .mtc-live-score-board-output {
        padding: 8px;
    }

    .mtc-live-score-frame {
        height: calc(100dvh - 190px);
        min-height: 540px;
    }
}
