html {
            overflow-y: scroll;
            scrollbar-gutter: stable;
        }

        body {
            font-family: var(--fs-font-sans, 'FS Pretendard', sans-serif);
            font-weight: 500;
            -webkit-font-smoothing: antialiased;

            background: #0f1115;
            color: #eaeaf0;
            margin: 0;
            padding: 0px
        }

        h1,
        h2,
        h3 {
            margin: 0 0 10px
        }

        .muted {
            color: #9aa0c2
        }

        .mono {
            font-family: var(--fs-font-sans, 'FS Pretendard', sans-serif)
        }

        .row {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            align-items: center;
            margin: 10px 0 16px
        }

        select,
        button,
        input {
            background: #151924;
            color: #eaeaf0;
            border: 1px solid #23283a;
            border-radius: 8px;
            padding: 8px 10px
        }

        button {
            cursor: pointer
        }

        input {
            min-width: 260px
        }

        .section {
            background: #151924;
            border: 1px solid #23283a;
            border-radius: 12px;
            padding: 12px;
            margin: 12px 0
        }

        .grid2 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px
        }

        
        .grid2 > * { min-width: 0; }
@media(min-width:900px) {
            .grid2 {
                grid-template-columns: 1fr 1fr
            }
        }

        .pill {
            font-size: 12px;
            padding: 2px 8px;
            border-radius: 999px;
            background: #2b3150
        }

        .list {
            display: grid;
            gap: 8px
        }

        details {
            background: #111521;
            border: 1px solid #23283a;
            border-radius: 10px;
            padding: 8px
        }

        summary {
            cursor: pointer
        }

        table {
            width: 100%;
            border-collapse: collapse;
            background: #151924;
            border: 1px solid #23283a;
            border-radius: 12px;
            overflow: hidden
        }

        th,
        td {
            border-bottom: 1px solid #23283a;
            padding: 8px 10px;
            text-align: center
        }

        td.score-cell {
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            min-width: 118px;
        }

        td.score-cell .pk-inline {
            display: inline-block;
            margin-left: 6px;
            font-size: 12px;
            opacity: .9;
        }

        .rd-full-score-box {
            display: inline-grid;
            grid-template-columns: 54px minmax(0, 54px);
            align-items: center;
            justify-items: start;
            width: 112px;
            min-height: 30px;
            column-gap: 4px;
            white-space: nowrap;
            vertical-align: middle;
        }

        .rd-full-score-box.has-pk {
            grid-template-columns: 54px minmax(0, 54px);
            column-gap: 4px;
        }

        .rd-full-score-main {
            display: inline-grid;
            grid-template-columns: 18px 8px 18px;
            align-items: center;
            justify-content: center;
            justify-self: start;
            width: 54px;
            font-weight: 1000;
            line-height: 1;
        }

        .rd-full-score-main strong {
            display: block;
            min-width: 0;
            text-align: center;
            font-variant-numeric: tabular-nums;
        }

        .rd-full-score-main i {
            font-style: normal;
            color: var(--rd-muted);
            font-weight: 900;
        }

        .rd-full-score-pk {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            justify-self: start;
            max-width: 54px;
            min-height: 18px;
            padding: 0 6px;
            border-radius: 999px;
            background: #eef8f1;
            border: 1px solid #cfe7d6;
            color: #17633d;
            font-size: 10px;
            font-weight: 1000;
            line-height: 18px;
            box-sizing: border-box;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        @media (max-width: 520px) {
            #fullTableSection .table-scroll table {
                table-layout: fixed;
                width: 100% !important;
                min-width: 0 !important;
            }
            #fullTableSection .table-scroll th:nth-child(1),
            #fullTableSection .table-scroll td:nth-child(1) {
                width: 40px !important;
            }
            #fullTableSection .table-scroll th:nth-child(2),
            #fullTableSection .table-scroll td:nth-child(2) {
                width: 28px !important;
            }
            #fullTableSection .table-scroll th:nth-child(3),
            #fullTableSection .table-scroll td:nth-child(3),
            #fullTableSection .table-scroll th:nth-child(5),
            #fullTableSection .table-scroll td:nth-child(5) {
                width: calc((100% - 40px - 28px - 76px) / 2) !important;
            }
            #fullTableSection .table-scroll th:nth-child(4),
            #fullTableSection .table-scroll td:nth-child(4) {
                width: 76px !important;
            }
            #fullTableSection .table-scroll th:nth-child(6),
            #fullTableSection .table-scroll td:nth-child(6) {
                display: none;
            }
            #fullTableSection .rd-round-full {
                display: none;
            }
            #fullTableSection .rd-round-mobile {
                display: inline;
                font-size: 10px;
                font-weight: 900;
            }
            #fullTableSection td.score-cell {
                white-space: nowrap !important;
                line-height: 1;
                min-width: 76px;
                padding-left: 2px;
                padding-right: 2px;
            }
            #fullTableSection td.score-cell .pk-inline {
                display: block;
                margin: 2px 0 0 0;
                font-size: 10px;
                line-height: 1.1;
            }
            #fullTableSection .rd-full-score-box,
            #fullTableSection .rd-full-score-box.has-pk {
                grid-template-columns: 48px minmax(0, 30px);
                width: 80px;
                min-height: 34px;
                column-gap: 2px;
                justify-items: start;
            }
            #fullTableSection .rd-full-score-main {
                grid-template-columns: 16px 6px 16px;
                width: 48px;
                min-width: 48px;
                font-size: 12px;
            }
            #fullTableSection .rd-full-score-pk {
                min-height: 15px;
                max-width: 30px;
                padding: 0 3px;
                font-size: 8px;
                line-height: 15px;
            }
            #fullTableSection .rd-team-table-cell {
                min-width: 0;
                grid-template-columns: 16px minmax(0, 1fr);
                gap: 3px;
            }
            #fullTableSection .rd-team-logo-img,
            #fullTableSection .rd-team-logo-spacer,
            #fullTableSection .rd-team-logo-dot {
                width: 16px !important;
                height: 16px !important;
            }
            #fullTableSection .rd-team-table-name {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 10.5px;
            }
        }

        th {
            background: #1b2030
        }

        tr:last-child td {
            border-bottom: none
        }

        .left {
            text-align: left
        }

        .ok {
            color: #8dff8d
        }

        .warn {
            color: #ffd37a
        }

        .bad {
            color: #ff7a7a
        }

        .btn-mini {
            padding: 4px 8px;
            border-radius: 8px;
            font-size: 12px
        }

        .score {
            font-weight: 800
        }

        .card {
            background: #101422;
            border: 1px solid #23283a;
            border-radius: 12px;
            padding: 12px
        }

        .head {
            display: flex;
            justify-content: space-between;
            gap: 8px;
            align-items: center;
            margin-bottom: 8px;
            flex-wrap: wrap
        }

        .actions {
            display: flex;
            gap: 6px;
            align-items: center;
            flex-wrap: wrap
        }

        .note {
            font-size: 12px;
            color: #9aa0c2;
            margin-top: 6px
        }

        /* ===== 전체 레이아웃 중앙화 ===== */
        .app-wrap {
            max-width: 1100px;
            margin: 0 auto;
        }

        /* 제목/설명 중앙 정렬 */
        h1 {
            text-align: center;
            margin-bottom: 6px;
        }

        /* ===== 상단 컨트롤 영역 정리 ===== */
        .row {
            justify-content: center;
            background: #151924;
            border: 1px solid #23283a;
            border-radius: 14px;
            padding: 12px;
        }

        /* ===== section 카드화 강화 ===== */
        .section {
            max-width: 100%;
            margin: 18px auto;
        }

        .section>h2 {
            text-align: center;
            margin-bottom: 14px;
        }

        /* ===== 랭킹 테이블 그룹 중앙 정렬 ===== */
        .grid2 {
            justify-items: stretch;
        }

        .grid2>div {
            background: #101422;
            border: 1px solid #23283a;
            border-radius: 12px;
            padding: 12px;
        }

        /* ===== 경기 카드 그룹 ===== */
        #cards>details {
            border-radius: 14px;
            padding: 10px;
            border: 2px solid #ffd37a;
            /* 원하는 라인색 */
            border-radius: 10px;
        }

        /* details summary 가독성 */
        summary {
            font-size: 15px;
            padding: 6px 4px;
        }

        /* ===== 전체 경기표 중앙 카드 ===== */
        .section table {
            margin: 0 auto;
        }

        /* ===== 모바일 ===== */
        @media(max-width:600px) {
            .row {
                gap: 6px;
            }

            input {
                min-width: 180px;
            }
        }

        /* ===== 구역 단위 (하얀 테두리) ===== */
        .section {
            background: #0f1115;
            /* 바깥 배경 */
            border: 2px solid #ecd2d2e0;
            /* 하얀 구분선 */
            border-radius: 18px;
            padding: 16px;
            margin: 24px auto;
        }

        .section>h2 {
            text-align: center;
            margin-bottom: 16px;
            padding-bottom: 10px;
            border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
        }

        .card {
            background: #101422;
            border: 1px solid #2f3555;
            border-radius: 14px;
            padding: 12px;
        }

        .grid2>div {
            background: #151924;
            border: 1px solid #3a4066;
            border-radius: 14px;
            padding: 12px;
            border: 2px solid #ffd37a;
            /* 원하는 라인색 */
            border-radius: 10px;
        }

        .section table {
            background: #151924;
            border: 1px solid #3a4066;
            border-radius: 14px;
            overflow: hidden;

        }

        /* 라운드(Details) 안의 경기 카드들을 3열 그리드로 */
        .match-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: 1fr;
            /* 모바일 기본 1열 */
        }

        @media (min-width: 700px) {
            .match-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (min-width: 1000px) {
            .match-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        /* 카드 높이/내용 정리 */
        .match-card .head {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            /* 왼쪽 정보 / 오른쪽 액션 */
            gap: 8px;
            align-items: start;
            margin-bottom: 8px;
            min-height: 44px;
        }

        .match-card .meta {
            display: flex;
            flex-wrap: nowrap;
            gap: 6px;
            align-items: center;
            min-width: 0;
        }

        .match-card .match-meta-line {
            display: inline-flex;
            align-items: center;
            max-width: 100%;
            min-height: 24px;
            padding: 3px 9px;
            border-radius: 999px;
            background: #eef8f1;
            border: 1px solid #cfe8d6;
            color: #244b35;
            font-size: 12px;
            font-weight: 900;
            line-height: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .match-card .match-meta-full,
        .match-card .match-meta-short {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .match-card .match-meta-short {
            display: none;
        }

        .match-card .meta .match-title {
            flex: 1 1 100%;
            min-width: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .match-card .meta .match-id {
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 11px;
            opacity: .75;
        }

        .match-card .vsline {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
        }

        .match-card .teams {
            font-weight: 700;
        }

        .match-card .score {
            font-weight: 900;
            font-size: 18px;
            line-height: 1;
            white-space: nowrap;
        }
        .match-card .score .pk-inline {
            font-size: 10px;
            letter-spacing: 0;
            opacity: .9;
            margin-left: 1px;
            vertical-align: baseline;
        }

        @media (max-width: 520px) {
            .match-card .match-meta-line {
                min-height: 21px;
                padding: 3px 7px;
                font-size: 10px;
                max-width: 100%;
            }
            .match-card .match-meta-full {
                display: none;
            }
            .match-card .match-meta-short {
                display: inline;
            }
            .match-card .meta .match-title {
                white-space: normal;
                overflow: visible;
                text-overflow: clip;
                line-height: 1.2;
                word-break: keep-all;
            }
            .match-card .score {
                font-size: 16px;
            }
            .match-card .score .pk-inline {
                font-size: 9px;
                margin-left: 0;
            }
            .match-card .meta .match-id {
                display: inline-flex;
                max-width: none;
                padding: 3px 7px;
                border-radius: 999px;
                background: #eef8f1;
                border: 1px solid #cfe8d6;
                font-size: 10px;
            }
        }

        .match-card .actions {
            display: flex;
            align-items: center;
            gap: 6px;
            justify-content: flex-end;
            flex-wrap: nowrap;
            align-self: start;
        }

        /* 헤더 */
        header {
            width: 100%;
            padding: 1px;
            background-color: #ffffff;
            display: flex;
            justify-content: center;
            border-bottom: none;
        }

        /* 네비게이션 바 */
        .main-nav {
            position: sticky;
            top: 0;
            z-index: 1100;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(12, 16, 22, 0.94);
            border-bottom: 1px solid rgba(255, 255, 255, 0.10);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }

        .main-nav ul {
            display: flex;
            gap: 14px;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .main-nav ul li a {
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: #f6f0f0;
            font-weight: 600;
            padding: 6px 12px;
            border-radius: 4px;
            transition: all 0.2s ease;
        }

        .main-nav ul li a:hover {
            background-color: #f7f3f3;
            color: #474343;
        }

        .main-nav ul li a.active {
            background: linear-gradient(180deg, rgba(73, 121, 185, 0.42), rgba(52, 90, 144, 0.38));
            color: #f6fbff;
            border: 1px solid #5e84b0;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 4px 12px rgba(0, 0, 0, 0.34);
        }

        @media (max-width: 480px) {
            .main-nav {
                padding: 6px 0;
            }

            .main-nav ul {
                display: flex;
                flex-wrap: nowrap;
                /* ✅ 줄바꿈 금지 */
                overflow-x: auto;
                /* ✅ 넘치면 가로 스크롤 */
                -webkit-overflow-scrolling: touch;
                white-space: nowrap;

                gap: 6px;
                list-style: none;
                margin: 0;
                padding: 0 10px;
                /* 좌우 여백 */
            }

            .main-nav ul li {
                flex: 0 0 auto;
                /* ✅ 항목이 줄어들며 찌그러지지 않게 */
            }

            .main-nav ul li a {
                display: flex;
                align-items: center;
                justify-content: center;

                font-size: 12px;
                /* ✅ 글자 크기 */
                line-height: 1;
                /* ✅ 2줄 방지 */
                padding: 6px 10px;
                /* ✅ 과한 좌우 패딩 줄이기 */
                border-radius: 6px;

                text-decoration: none;
                color: #f6f0f0;
                font-weight: 600;
            }

            .main-nav ul li a:hover {
                background-color: #f7f3f3;
                color: #474343;
            }

            /* (선택) 스크롤바 숨김 */
            .main-nav ul::-webkit-scrollbar {
                display: none;
            }

            .main-nav ul {
                scrollbar-width: none;
            }
        }

        @media (max-width: 900px) {
            .main-nav {
                padding: 6px 0;
            }

            .main-nav ul {
                display: flex;
                flex-wrap: nowrap;
                /* ✅ 줄바꿈 금지 */
                overflow-x: auto;
                /* ✅ 넘치면 가로 스크롤 */
                -webkit-overflow-scrolling: touch;
                white-space: nowrap;

                gap: 6px;
                list-style: none;
                margin: 0;
                padding: 0 10px;
                /* 좌우 여백 */
            }

            .main-nav ul li {
                flex: 0 0 auto;
                /* ✅ 항목이 줄어들며 찌그러지지 않게 */
            }

            .main-nav ul li a {
                display: flex;
                align-items: center;
                justify-content: center;

                font-size: 12px;
                /* ✅ 글자 크기 */
                line-height: 1;
                /* ✅ 2줄 방지 */
                padding: 6px 10px;
                /* ✅ 과한 좌우 패딩 줄이기 */
                border-radius: 6px;

                text-decoration: none;
                color: #f6f0f0;
                font-weight: 600;
            }

            .main-nav ul li a:hover {
                background-color: #f7f3f3;
                color: #474343;
            }

            /* (선택) 스크롤바 숨김 */
            .main-nav ul::-webkit-scrollbar {
                display: none;
            }

            .main-nav ul {
                scrollbar-width: none;
            }
        }

        /* ===== 전체 경기표(표) 모바일 대응 ===== */
        .table-scroll {
            width: 100%;
            max-width: 100%;
            box-sizing: border-box;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            border: 2px solid #ffd37a;
            /* 원하는 라인색 */
            border-radius: 10px;
        }

        /* 모바일에서 글자가 한 글자씩 세로로 꺾이는 현상 방지 */
        .table-scroll table {
            min-width: 720px;
            /* 폰 화면에서는 가로 스크롤로 보이게 */
        }

        .table-scroll th,
        .table-scroll td {
            white-space: nowrap;
            word-break: keep-all;
        }

        @media (max-width: 480px) {

            .table-scroll th,
            .table-scroll td {
                font-size: 12px;
                padding: 6px 8px;
            }
        }

        /* ===============================
   시즌 순위 (Standings) 전용
   =============================== */
        #standingsSection {
            width: 100%;
            box-sizing: border-box;
        }

        #standingsSection .grid2 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
            width: 100%;
        }

        @media (min-width: 900px) {
            #standingsSection .grid2 {
                grid-template-columns: 1fr 1fr;
            }
        }

        #standingsSection .standings-box {
            background: #151924;
            border: 1px solid #3a4066;
            border-radius: 14px;
            padding: 12px;
        }

        #standingsSection .table-wrap {
            width: 100%;
            display: block;
        }

        #standingsSection .standings-table {
            width: 100%;
            border-collapse: collapse;
            table-layout: auto;
        }

        #standingsSection .standings-table th,
        #standingsSection .standings-table td {
            padding: 8px 8px;
            text-align: center;
            white-space: nowrap;
        }

        #standingsSection .standings-table th.left,
        #standingsSection .standings-table td.left {
            text-align: left;
            white-space: normal;
            word-break: keep-all;
        }

        #standingsSection .note {
            margin-top: 8px;
        }

        #standingsSection .rd-standings-switch {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin: 10px 0 12px;
        }

        #standingsSection .rd-standings-switch[hidden] {
            display: none;
        }

        #standingsSection .rd-standings-switch button {
            min-height: 32px;
            padding: 0 14px;
            border: 1px solid rgba(88, 144, 255, .28);
            border-radius: 999px;
            background: rgba(255, 255, 255, .07);
            color: #d8e4ff;
            font: inherit;
            font-weight: 800;
            cursor: pointer;
            transition: background .16s ease, border-color .16s ease, color .16s ease;
        }

        #standingsSection .rd-standings-switch button.is-active {
            border-color: #4f86ff;
            background: #2f70ff;
            color: #fff;
        }

        #gtaGroupStandingsWrap .standings-table--group {
            width: 100% !important;
            min-width: 720px;
            table-layout: fixed !important;
        }

        #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-rank { width: 5%; }
        #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-team { width: 31%; }
        #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-played { width: 7%; }
        #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-small { width: 6%; }
        #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-diff { width: 7%; }
        #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-points { width: 8%; }
        #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-total { width: 8%; }
        #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-final { width: 10%; }
        #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-recent { width: 13%; }

        #standingsSection.standings-points-only #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-rank { width: 5%; }
        #standingsSection.standings-points-only #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-team { width: 33%; }
        #standingsSection.standings-points-only #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-played { width: 7%; }
        #standingsSection.standings-points-only #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-small { width: 7%; }
        #standingsSection.standings-points-only #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-diff { width: 8%; }
        #standingsSection.standings-points-only #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-points { width: 12%; }
        #standingsSection.standings-points-only #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-total,
        #standingsSection.standings-points-only #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-final {
            display: none;
            width: 0;
        }
        #standingsSection.standings-points-only #gtaGroupStandingsWrap .standings-table--group .rd-standings-col-recent { width: 14%; }

        #gtaGroupStandingsWrap .standings-table--group th,
        #gtaGroupStandingsWrap .standings-table--group td {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        #gtaGroupStandingsWrap .standings-table--group th.left,
        #gtaGroupStandingsWrap .standings-table--group td.left {
            max-width: none;
            white-space: nowrap;
        }

        /* 태블릿/모바일: 표는 가로 스크롤로 보존 */
        @media (max-width: 900px) {
            #standingsSection .table-wrap {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }

            #standingsSection .standings-table {
                min-width: 720px;
            }
        }

        @media (max-width: 520px) {

            #standingsSection .rd-standings-switch {
                flex-wrap: nowrap;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                gap: 6px;
                margin: 8px 0 10px;
                padding-bottom: 2px;
            }

            #standingsSection .rd-standings-switch button {
                min-height: 30px;
                padding: 0 12px;
                font-size: 12px;
                white-space: nowrap;
                flex: 0 0 auto;
            }

            /* 남은 컬럼만으로 폭 줄이기 */
            #standingsSection .standings-table {
                min-width: unset;
                table-layout: fixed;
            }

            /* 합계 숨김 */
            #standingsSection th:nth-child(11),
            #standingsSection td:nth-child(11) {
                display: none;
            }

            /* 패딩 최소화 */
            #standingsSection th:not(.left),
            #standingsSection td:not(.left) {
                padding-left: 4px;
                padding-right: 4px;
            }

            /* 팀명 폭 제한 */
            #standingsSection th.left,
            #standingsSection td.left {
                max-width: 110px;
            }
        }

        /* PC에서도 전반/후반을 세로로 쌓기 */
        @media (min-width: 900px) {
            #standingsSection .grid2 {
                grid-template-columns: 1fr;
                /* 2열 → 1열 */
            }
        }

        /* 2. 모바일 컬럼 축소 */
        @media (max-width: 520px) {

            #standingsSection th:nth-child(3),
            #standingsSection td:nth-child(3),
            #standingsSection th:nth-child(5),
            #standingsSection td:nth-child(5),
            #standingsSection th:nth-child(6),
            #standingsSection td:nth-child(6),
            #standingsSection th:nth-child(7),
            #standingsSection td:nth-child(7),
            #standingsSection th:nth-child(8),
            #standingsSection td:nth-child(8) {
                display: none;
            }
        }

        @media (max-width: 900px) {
            #standingsSection .standings-table {
                min-width: 260px;
                table-layout: fixed;
            }

            #standingsSection th.left,
            #standingsSection td.left {
                max-width: 140px;
                /* 팀명 */
            }
        }

        /* === 시즌순위 모바일 잘림/가림 방지 (추가 패치) === */
        @media (max-width: 520px) {

            /* 표는 스크롤로 보여주고, 억지로 칸을 줄이지 않음 */
            #standingsSection .table-wrap {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }

            /* 기존 min-width unset / fixed 레이아웃 때문에 가림이 생겨서 되돌림 */
            #standingsSection .standings-table {
                min-width: 260px;
                /* 필요시 520~720 사이로 조절 */
                table-layout: auto;
                /* fixed 해제 */
            }

            /* 모든 셀은 줄바꿈하지 않게(가로 스크롤로 해결) */
            #standingsSection .standings-table th,
            #standingsSection .standings-table td {
                white-space: nowrap;
                word-break: keep-all;
            }

            /* 팀명은 너무 길면 말줄임 */
            #standingsSection .standings-table th.left,
            #standingsSection .standings-table td.left {
                max-width: 120px;
                /* 필요시 100~160 조절 */
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            /* 패딩 살짝 줄여서 한 화면에 더 보이게 */
            #standingsSection .standings-table th,
            #standingsSection .standings-table td {
                padding: 6px 6px;
                font-size: 12px;
            }
        }

        /* 최종순위 박스 강조 */
        #standingsSection .standings-box {
            border: 2px solid #ffd37a;
            /* 원하는 라인색 */
            border-radius: 14px;
            box-shadow: 0 0 0 1px rgba(255, 211, 122, 0.25);
        }

        /* =========================
   태블릿만: 시즌순위(3박스) 숫자/칸 줄여서 한 화면에 다 보이게
   대상: 600~899px (필요시 값 조절)
   ========================= */
        @media (min-width: 600px) and (max-width: 899px) {

            /* 기존 태블릿 규칙(min-width:720) 덮어쓰기 :contentReference[oaicite:2]{index=2} */
            #standingsSection .standings-table {
                min-width: unset !important;
                width: 100%;
                table-layout: fixed;
                /* 칸 폭 고정: 박스 안에 우겨넣기 */
            }

            /* 숫자/패딩 줄이기 :contentReference[oaicite:3]{index=3} */
            #standingsSection .standings-table th,
            #standingsSection .standings-table td {
                font-size: 11px;
                padding: 5px 4px;
                line-height: 1.15;
                white-space: nowrap;
            }

            /* 순위(1열) 폭 최소 */
            #standingsSection .standings-table th:nth-child(1),
            #standingsSection .standings-table td:nth-child(1) {
                width: 34px;
            }

            /* 팀명(2열) 폭 제한 + 말줄임 */
            #standingsSection .standings-table th.left,
            #standingsSection .standings-table td.left {
                width: 120px;
                /* 필요시 100~150 */
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            /* 굵게 처리된 점수도 너무 커 보이면 같이 축소 */
            #standingsSection .standings-table td strong {
                font-size: 11px;
            }

            /* ===============================
   최하단 전체 경기표(표)만 축소
   =============================== */

            /* table-scroll 안의 마지막 테이블 = 최하단 전체경기표 */
            .section:last-of-type .table-scroll table {
                width: 100%;
                table-layout: fixed;
                /* 셀 폭 고정 */
                font-size: 11px;
                /* 🔹 전체 폰트 축소 */
            }

            /* 헤더/셀 공통 */
            .section:last-of-type .table-scroll th,
            .section:last-of-type .table-scroll td {
                padding: 4px 4px;
                /* 🔹 패딩 최소화 */
                line-height: 1.2;
                white-space: nowrap;
                /* 줄바꿈 방지 */
                overflow: hidden;
                text-overflow: ellipsis;
                /* 셀 안에서 말줄임 */
            }

            /* 칼럼별 폭 조정 (전부 화면 안에 들어오게) */
            .section:last-of-type .table-scroll th:nth-child(1),
            .section:last-of-type .table-scroll td:nth-child(1) {
                width: 40px;
            }

            /* 구분 */

            .section:last-of-type .table-scroll th:nth-child(2),
            .section:last-of-type .table-scroll td:nth-child(2) {
                width: 46px;
            }

            /* 라운드 */

            .section:last-of-type .table-scroll th:nth-child(4),
            .section:last-of-type .table-scroll td:nth-child(4) {
                width: 58px;
            }

            /* 스코어 */

            /* 홈 / 원정 / 비고는 남은 폭 안에서만 표시 */
            .section:last-of-type .table-scroll th:nth-child(3),
            .section:last-of-type .table-scroll td:nth-child(3),
            .section:last-of-type .table-scroll th:nth-child(5),
            .section:last-of-type .table-scroll td:nth-child(5),
            .section:last-of-type .table-scroll th:nth-child(6),
            .section:last-of-type .table-scroll td:nth-child(6) {
                width: auto;
            }
        }

        /* ===== 전체 경기표(표) 반응형 보강 ===== */

        /* 1) 스크롤 시 헤더가 따라오게 (가독성) */
        .section:last-of-type .table-scroll thead th {
            position: sticky;
            top: 0;
            z-index: 2;
        }

        /* 2) 태블릿(600~899): 글자/패딩 줄이고 고정 레이아웃으로 칸 안정화 */
        @media (min-width: 600px) and (max-width: 899px) {
            .section:last-of-type .table-scroll table {
                min-width: 640px;
                /* 기존 720보다 조금 줄여 태블릿 부담 완화 */
                table-layout: fixed;
                /* 칸 폭 안정화 */
            }

            .section:last-of-type .table-scroll th,
            .section:last-of-type .table-scroll td {
                font-size: 12px;
                padding: 6px 6px;
            }
        }

        /* 3) 모바일(<=520): 비고 컬럼 숨겨서 폭 압축 + 폰트/패딩 축소 */
        @media (max-width: 520px) {
            .section:last-of-type .table-scroll table {
                min-width: 560px;
                /* 너무 길면 520~680 사이로 조절 */
            }

            /* 비고(6열) 숨김: 필요하면 홈/원정도 숨길 수 있음 */
            .section:last-of-type .table-scroll th:nth-child(6),
            .section:last-of-type .table-scroll td:nth-child(6) {
                display: none;
            }

            .section:last-of-type .table-scroll th,
            .section:last-of-type .table-scroll td {
                font-size: 11px;
                padding: 5px 6px;
            }
        }


        /* ===== 전체 경기표(표): PC는 폭 확장 + 비고 잘림 완화, 모바일은 스크롤 제거 ===== */

        /* PC/대화면: 페이지(또는 섹션) 최대폭을 넓혀 비고가 덜 잘리게 */
        @media (min-width: 1100px) {

            /* 페이지가 보통 .container/.wrap/.main 같은 래퍼를 쓰는 경우가 많아서 넓게 잡아줌 */
            .container,
            .wrap,
            .main,
            .page,
            .app {
                max-width: 1600px;
                /* 1200~1600 사이 취향대로 */
                margin-left: auto;
                margin-right: auto;
            }

            /* 테이블은 화면폭을 충분히 쓰게 */
            .table-scroll {
                overflow-x: auto;
                /* 혹시라도 넘치면 스크롤은 유지(안전) */
            }

            /* 비고 컬럼을 PC에서 넓힘 */
            .table-scroll th:nth-child(6),
            .table-scroll td:nth-child(6) {
                width: 220px;
                /* 기존보다 넓게 */
            }
        }

        /* 모바일/작은 화면: 비고(6열) 숨긴 상태에서 가로스크롤 없이 한 화면에 */
        @media (max-width: 520px) {

            /* 비고 숨김(이미 해둔 경우라도 안전하게) */
            .table-scroll th:nth-child(6),
            .table-scroll td:nth-child(6) {
                display: none;
            }

            .table-scroll table {
                min-width: 0 !important;
                /* 핵심: 기존 min-width 강제 해제 */
                width: 100%;
                table-layout: fixed;
                /* 칸폭 규칙 고정 */
            }

            /* 칸폭 재분배: 구분/라운드/스코어는 고정, 홈/원정은 남는 폭 공유 */
            .table-scroll th:nth-child(1),
            .table-scroll td:nth-child(1) {
                width: 26px;
                text-align: center;
            }

            /* 구분 */
            .table-scroll th:nth-child(2),
            .table-scroll td:nth-child(2) {
                width: 25px;
                text-align: center;
            }

            /* 라운드 */
            .table-scroll th:nth-child(3),
            .table-scroll td:nth-child(3) {
                width: 80px;
                text-align: center;
            }

            /* 라운드 */
            .table-scroll th:nth-child(4),
            .table-scroll td:nth-child(4) {
                width: 40px;
                text-align: center;
                font-weight: 700;
            }

            /* 스코어 */
            .table-scroll th:nth-child(5),
            .table-scroll td:nth-child(5) {
                width: 80px;
                text-align: center;
            }

            /* 라운드 */
            /* 홈/원정은 한 줄로 줄임표 처리 */
            .table-scroll th,
            .table-scroll td {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 11px;
                padding-left: 0px !important;
                padding-right: 0px !important;
            }
        }

        /* ===== Collapsible main sections (시즌순위/개인랭킹/경기카드/전체경기표) ===== */
        .fold {
            padding: 0;
            /* summary/body에서 패딩 관리 */
            overflow: hidden;
        }

        details.section.fold {
            position: relative;
        }

        details.section.fold::before {
            content: "";
            position: absolute;
            inset: 0 auto 0 0;
            width: 6px;
            background: linear-gradient(180deg, var(--rd-green), #8ad0a1);
            border-radius: 20px 0 0 20px;
            pointer-events: none;
        }

        .fold>summary {
            list-style: none;
        }

        .fold>summary::-webkit-details-marker {
            display: none;
        }

        .fold-summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 14px 14px;
            cursor: pointer;
            user-select: none;
            background: rgba(21, 25, 36, 0.65);
            border-bottom: 1px solid #23283a;
            border-radius: 16px;
        }

        details.fold[open]>.fold-summary {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .rd-nav-driven details.fold>.fold-summary {
            display: none;
        }

        .rd-nav-driven details.section.fold {
            margin: 0 0 12px !important;
            padding: 0 !important;
            border: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
        }

        .rd-nav-driven details.section.fold:not([open]) {
            display: none;
        }

        .rd-nav-driven details.fold[open]>.fold-body {
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            margin: 0;
        }

        .fold-title {
            font-weight: 800;
            font-size: 16px;
            letter-spacing: -0.2px;
        }

        /* chevron */
        .fold-summary::after {
            content: "▾";
            font-size: 14px;
            opacity: 0.85;
            transform: rotate(-90deg);
            transition: transform .18s ease;
        }

        details.fold[open]>.fold-summary::after {
            transform: rotate(0deg);
        }

        .fold-body {
            padding: 14px;
            background: #f6fbf7;
        }

        /* 모바일 세로에서 summary 더 컴팩트 */
        @media (max-width: 520px) {
            .fold-summary {
                padding: 12px 12px;
            }

            .fold-title {
                font-size: 15px;
            }

            .fold-body {
                padding: 12px;
            }
        }

        /* ===== Global fold toggle + mobile top controls polish (added) ===== */
        .rd-fold-toggle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            width: max-content;
            padding: 0;
            border: 0;
            background: transparent;
            white-space: nowrap;
            user-select: none;
        }

        .rd-fold-toggle-inner {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-height: 34px;
            padding: 0 9px;
            border: 1px solid #bfe2c9;
            border-radius: 12px;
            background: #e9f7ee;
            color: #0b5f38;
            font-size: 12px;
            font-weight: 900;
        }

        .rd-fold-toggle input {
            width: 14px;
            height: 14px;
            min-width: 0 !important;
            flex: 0 0 14px;
            margin: 0;
        }


        .row-actions {
            display: flex;
            align-items: center;
            gap: 8px;
            flex: 0 0 auto;
            margin-left: 0;
            /* 오른쪽 정렬 유지 */
        }

        /* 모바일 세로(포트레이트): '다시 불러오기' 옆에 '표시'를 같은 줄, 그 아래 '모두 펼침' */
        @media (max-width:520px) and (orientation: portrait) {
            .row {
                display: grid;
                gap: 8px 8px;
                align-items: center;
                padding: 10px;
                grid-template-columns: 56px auto !important;
                /* 전체 폭 줄임 */
            }

            /* 컨트롤 블록이 화면 상단에 더 붙게 */
            .section {
                margin-top: 6px;
            }

            /* 필요시 0~6px 조절 */
            .row {
                padding: 6px 20px !important;
            }

            /* 기존 10px → 6px */
            .row {
                gap: 4px !important;
            }

            /* 요소 사이 간격 축소 */

            /* 라벨/셀렉트 높이 줄여서 세로 공간 절약 */
            .row label.muted {
                margin: 0 !important;
                line-height: 1.1;
                font-size: 11px;
            }

            .row select {
                height: 32px;
                padding: 4px 8px;
            }

            /* 버튼/표시줄도 줄이기 */
            #btnReload {
                padding: 8px 10px !important;
                margin-top: 4px !important;
            }

            #status {
                margin-top: 4px !important;
                line-height: 1.1;
                font-size: 11px;
            }

            .row-actions {
                grid-column: 1 / -1;
                /* actions 한 줄 전체 */
                justify-content: space-between;
                /* 버튼과 표시를 양끝으로 */
                margin-left: 0;
                /* grid에서는 auto 밀기 불필요 */
                width: 100%;
            }

            #btnToggleAll {
                grid-column: 1 / -1;
                /* 그 아래 한 줄 전체 */
            }

            /* 버튼 + 상태를 한 줄에 */
            #btnReload {
                grid-column: 1 / 2 !important;
                width: auto !important;
                justify-self: start;
                padding: 8px 10px !important;
            }

            .row label.muted {
                justify-self: start !important;
                text-align: left !important;
            }

            .row select {
                max-width: 220px !important;
                justify-self: start !important;
            }

            /* 모두 펼침: 맨 마지막 줄, 중앙 */
            .view-label,
            .sort-label {
                display: none !important;
            }

            .rd-fold-toggle {
                grid-column: auto !important;
                justify-self: start !important;
                width: auto !important;
                max-width: none !important;
                margin: 0 !important;
            }
        }

        #status {
            display: none !important;
            margin-left: 0;
        }

        /* 기존 #status{margin-left:auto} 효과 제거 */
        #btnToggleAll {
            width: 100%;
        }

        /* points-only standings mode (hide TOTAL/BONUS columns) */
        .standings-points-only .standings-table th:nth-child(11),
        .standings-points-only .standings-table td:nth-child(11),
        .standings-points-only .standings-table th:nth-child(12),
        .standings-points-only .standings-table td:nth-child(12) {
            display: none;
        }

        .btn-mini {
            background: #2c7be5;
            /* 버튼 배경색 */
            color: #fff;
            /* 글자색 */
            border: none;
            border-radius: 6px;
            padding: 6px 10px;
            font-size: 12px;
            cursor: pointer;
        }

        .btn-mini:hover {
            background: #1a5fd0;
        }
    
        /* ===== Team Analysis ===== */
        .ta-scroll { border: 2px solid rgba(141,255,141,0.35); border-radius: 10px; box-sizing: border-box; }
        .ta-scroll table { width:100%; min-width: 0; }
        @media (max-width: 520px) {
            .ta-scroll table { width:100%; min-width: 0; }
        }



        /* ===== Team Analysis (Balanced layout + readable font) ===== */
        #teamAnalysisSection .grid2{
            display:grid;
            grid-template-columns: 1fr;
            gap: 12px;
            width: 100%;
        }
        @media (min-width: 900px){
            #teamAnalysisSection .grid2{ grid-template-columns: 1fr 1fr; }
            /* 종합(1), 포메이션(4)은 가로로 넓게(2칸) */
            #teamAnalysisSection .grid2 > div:nth-child(1){ grid-column: 1 / -1; }
            #teamAnalysisSection .grid2 > div:nth-child(4){ grid-column: 1 / -1; }
        }

        /* 표는 카드 폭에 맞춰 꽉 차게 + 정렬 안정화 */
        #teamAnalysisSection .ta-scroll{ width:100%; box-sizing:border-box; }
        #teamAnalysisSection .ta-scroll table{
            width:100%;
            min-width:0;
            border-collapse: collapse;
            table-layout: fixed;
            font-size: 14px;
        }
        #teamAnalysisSection .ta-scroll th,
        #teamAnalysisSection .ta-scroll td{
            padding: 6px 8px;
            text-align: center;
            white-space: nowrap;
        }
        /* 포메이션 컬럼만 좌측 정렬 + 줄바꿈 허용 */
        #teamAnalysisSection .ta-scroll th.left,
        #teamAnalysisSection .ta-scroll td.left{
            text-align: left;
            white-space: normal;
            word-break: keep-all;
        }

        /* 모바일: 조금만 줄이기 */
        @media (max-width: 520px){
            #teamAnalysisSection .ta-scroll table{ font-size: 12px; }
            #teamAnalysisSection .ta-scroll th,
            #teamAnalysisSection .ta-scroll td{ padding: 4px 6px; }
        }




/* Tablet */
@media (max-width: 1024px) {
  #teamAnalysisSection .ta-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  #teamAnalysisSection table {
    font-size: 13px !important;
  }
}

/* Mobile */
@media (max-width: 640px) {
  #teamAnalysisSection .ta-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #teamAnalysisSection table {
    font-size: 12px !important;
  }

  #teamAnalysisSection th,
  #teamAnalysisSection td {
    padding: 3px 4px !important;
  }

  /* hide less important columns on mobile */
  #teamAnalysisSection .ta-formation th:nth-child(6),
  #teamAnalysisSection .ta-formation td:nth-child(6),
  #teamAnalysisSection .ta-formation th:nth-child(7),
  #teamAnalysisSection .ta-formation td:nth-child(7) {
    display: none;
  }
}


/* ===== Team Analysis Responsive (Mobile/Tablet) ===== */

/* Tablet */
@media (max-width: 1024px) {
  #teamAnalysisSection .grid2{
    grid-template-columns: 1fr 1fr !important;
  }
  #teamAnalysisSection .ta-scroll table{ font-size: 13px; }
}

/* Mobile (portrait 포함) */
@media (max-width: 640px) {
  #teamAnalysisSection .grid2{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  #teamAnalysisSection .ta-scroll table{ font-size: 12px; }

  #teamAnalysisSection .ta-scroll th,
  #teamAnalysisSection .ta-scroll td{
    padding: 3px 4px !important;
  }

  /* ✅ 컬럼 폭 강제(앞쪽/뒤쪽 쪼임 방지) */
  /* 1) 종합: 9 cols */
  #teamAnalysisSection .grid2 > div:nth-child(1) table{ table-layout: fixed; }
  #teamAnalysisSection .grid2 > div:nth-child(1) th:nth-child(1),
  #teamAnalysisSection .grid2 > div:nth-child(1) td:nth-child(1){ width:12%; }
  #teamAnalysisSection .grid2 > div:nth-child(1) th:nth-child(2),
  #teamAnalysisSection .grid2 > div:nth-child(1) td:nth-child(2),
  #teamAnalysisSection .grid2 > div:nth-child(1) th:nth-child(3),
  #teamAnalysisSection .grid2 > div:nth-child(1) td:nth-child(3),
  #teamAnalysisSection .grid2 > div:nth-child(1) th:nth-child(4),
  #teamAnalysisSection .grid2 > div:nth-child(1) td:nth-child(4){ width:8%; }
  #teamAnalysisSection .grid2 > div:nth-child(1) th:nth-child(5),
  #teamAnalysisSection .grid2 > div:nth-child(1) td:nth-child(5),
  #teamAnalysisSection .grid2 > div:nth-child(1) th:nth-child(6),
  #teamAnalysisSection .grid2 > div:nth-child(1) td:nth-child(6){ width:9%; }
  #teamAnalysisSection .grid2 > div:nth-child(1) th:nth-child(7),
  #teamAnalysisSection .grid2 > div:nth-child(1) td:nth-child(7){ width:12%; }
  #teamAnalysisSection .grid2 > div:nth-child(1) th:nth-child(8),
  #teamAnalysisSection .grid2 > div:nth-child(1) td:nth-child(8){ width:12%; }
  #teamAnalysisSection .grid2 > div:nth-child(1) th:nth-child(9),
  #teamAnalysisSection .grid2 > div:nth-child(1) td:nth-child(9){ width:22%; }

  /* 2) 전·후반: 4 cols */
  #teamAnalysisSection .grid2 > div:nth-child(2) table{ table-layout: fixed; }
  #teamAnalysisSection .grid2 > div:nth-child(2) th:nth-child(1),
  #teamAnalysisSection .grid2 > div:nth-child(2) td:nth-child(1){ width:28%; }
  #teamAnalysisSection .grid2 > div:nth-child(2) th:nth-child(2),
  #teamAnalysisSection .grid2 > div:nth-child(2) td:nth-child(2),
  #teamAnalysisSection .grid2 > div:nth-child(2) th:nth-child(3),
  #teamAnalysisSection .grid2 > div:nth-child(2) td:nth-child(3),
  #teamAnalysisSection .grid2 > div:nth-child(2) th:nth-child(4),
  #teamAnalysisSection .grid2 > div:nth-child(2) td:nth-child(4){ width:24%; }

  /* 3) 교체·부상교체: 6 cols */
  #teamAnalysisSection .grid2 > div:nth-child(3) table{ table-layout: fixed; }
  #teamAnalysisSection .grid2 > div:nth-child(3) th:nth-child(1),
  #teamAnalysisSection .grid2 > div:nth-child(3) td:nth-child(1),
  #teamAnalysisSection .grid2 > div:nth-child(3) th:nth-child(2),
  #teamAnalysisSection .grid2 > div:nth-child(3) td:nth-child(2){ width:18%; }
  #teamAnalysisSection .grid2 > div:nth-child(3) th:nth-child(3),
  #teamAnalysisSection .grid2 > div:nth-child(3) td:nth-child(3),
  #teamAnalysisSection .grid2 > div:nth-child(3) th:nth-child(4),
  #teamAnalysisSection .grid2 > div:nth-child(3) td:nth-child(4),
  #teamAnalysisSection .grid2 > div:nth-child(3) th:nth-child(5),
  #teamAnalysisSection .grid2 > div:nth-child(3) td:nth-child(5),
  #teamAnalysisSection .grid2 > div:nth-child(3) th:nth-child(6),
  #teamAnalysisSection .grid2 > div:nth-child(3) td:nth-child(6){ width:16%; }

  /* 4) 포메이션: 8 cols (포메이션/승점/실 쪼임 방지) */
        #teamAnalysisSection .grid2 > div:nth-child(4) table{ table-layout: fixed; }
  #teamAnalysisSection .grid2 > div:nth-child(4) th:nth-child(1),
  #teamAnalysisSection .grid2 > div:nth-child(4) td:nth-child(1){ width:28%; }
  #teamAnalysisSection .grid2 > div:nth-child(4) th:nth-child(2),
  #teamAnalysisSection .grid2 > div:nth-child(4) td:nth-child(2){ width:10%; }
  #teamAnalysisSection .grid2 > div:nth-child(4) th:nth-child(3),
  #teamAnalysisSection .grid2 > div:nth-child(4) td:nth-child(3),
  #teamAnalysisSection .grid2 > div:nth-child(4) th:nth-child(4),
  #teamAnalysisSection .grid2 > div:nth-child(4) td:nth-child(4),
  #teamAnalysisSection .grid2 > div:nth-child(4) th:nth-child(5),
  #teamAnalysisSection .grid2 > div:nth-child(4) td:nth-child(5){ width:8%; }
  #teamAnalysisSection .grid2 > div:nth-child(4) th:nth-child(6),
  #teamAnalysisSection .grid2 > div:nth-child(4) td:nth-child(6),
  #teamAnalysisSection .grid2 > div:nth-child(4) th:nth-child(7),
  #teamAnalysisSection .grid2 > div:nth-child(4) td:nth-child(7){ width:10%; }
  #teamAnalysisSection .grid2 > div:nth-child(4) th:nth-child(8),
        #teamAnalysisSection .grid2 > div:nth-child(4) td:nth-child(8){ width:18%; }

        .ta-control-card {
            margin-bottom: 12px;
        }

        .ta-control-row {
            display: grid !important;
            grid-template-columns: minmax(260px, 1.7fr) minmax(130px, .65fr) max-content max-content max-content;
            align-items: center;
            gap: 8px !important;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        .ta-control-row label,
        .ta-help {
            display: none !important;
        }

        .ta-control-row select,
        .ta-control-row button {
            min-width: 0 !important;
            width: 100%;
            height: 34px;
            padding: 5px 10px !important;
            border-radius: 11px !important;
            font-size: 12px;
            font-weight: 900;
        }

        .ta-control-row #taTeam,
        .ta-control-row #taOpp {
            justify-self: stretch;
            max-width: none !important;
        }

        .ta-control-row #taScope {
            width: auto !important;
            min-width: 74px !important;
            justify-self: start;
        }

        .ta-control-row #btnTARefresh {
            width: auto;
            min-width: 78px !important;
            white-space: nowrap;
            justify-self: start;
            background: var(--rd-green) !important;
            border: 1px solid var(--rd-green) !important;
            color: #fff !important;
            box-shadow: 0 4px 12px rgba(21, 131, 77, 0.16);
            cursor: pointer;
        }

        .ta-control-row #btnTARefresh:hover {
            background: var(--rd-green-dark) !important;
            border-color: var(--rd-green-dark) !important;
        }

        #taStatus {
            margin-left: 0 !important;
            font-size: 12px;
            font-weight: 900;
            white-space: nowrap;
        }

        @media (max-width: 760px) {
            .ta-control-row {
                grid-template-columns: minmax(0, 1fr) max-content max-content;
                gap: 6px !important;
            }

            .ta-control-row #taTeam {
                grid-column: 1 / -1;
            }

            .ta-control-row #taOpp {
                grid-column: 1 / 2;
            }

            .ta-control-row #taScope {
                grid-column: 2 / 3;
            }

            .ta-control-row #btnTARefresh {
                grid-column: 3 / 4;
                padding-left: 8px !important;
                padding-right: 8px !important;
            }

            #taStatus {
                grid-column: 1 / -1;
                justify-self: end;
                font-size: 11px;
            }
        }

  /* (기존) 모바일에서 포메이션 표 덜 중요한 컬럼 숨김은 해제: 폭 배분으로 해결 */
}

        /* ===== GTN-inspired records dashboard refresh ===== */
        :root {
            --rd-bg: #f3f8f4;
            --rd-panel: #ffffff;
            --rd-panel-soft: #eef8f0;
            --rd-line: #b9ddc5;
            --rd-line-strong: #68b985;
            --rd-green: #15834d;
            --rd-green-dark: #0b5f38;
            --rd-blue: #2563eb;
            --rd-blue-soft: #eaf1ff;
            --rd-orange: #f59e0b;
            --rd-red: #dc2626;
            --rd-ink: #143524;
            --rd-muted: #607568;
            --rd-shadow: 0 18px 46px rgba(22, 101, 52, 0.11);
        }

        body {
            background: var(--rd-bg) !important;
            color: var(--rd-ink) !important;
        }

        .main-nav {
            background: rgba(255, 255, 255, 0.94) !important;
            border-bottom: 1px solid var(--rd-line) !important;
            box-shadow: 0 8px 24px rgba(22, 101, 52, 0.08);
            min-height: 45px;
            padding: 6px 0;
            box-sizing: border-box;
        }

        .main-nav ul {
            max-width: 100%;
            box-sizing: border-box;
        }

        .main-nav ul li a {
            box-sizing: border-box;
            min-height: 32px;
            border: 1px solid transparent !important;
            color: var(--rd-green-dark) !important;
            border-radius: 999px !important;
            font-weight: 900 !important;
            font-size: 14px;
            line-height: 1;
        }

        .main-nav ul li a:hover,
        .main-nav ul li a.active {
            background: var(--rd-green) !important;
            color: #fff !important;
            border-color: var(--rd-green) !important;
            box-shadow: none !important;
        }

        @media (max-width: 900px) {
            .main-nav {
                padding: 6px 0;
            }

            .main-nav ul {
                flex-wrap: nowrap;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                white-space: nowrap;
                scrollbar-width: none;
                gap: 6px;
                padding: 0 10px;
            }

            .main-nav ul li {
                flex: 0 0 auto;
            }

            .main-nav ul li a {
                min-height: 28px;
                font-size: 12px;
                padding: 6px 10px;
            }
        }

        .app-wrap {
            max-width: 1280px;
            margin: 0 auto;
            padding: 18px clamp(14px, 2vw, 28px) 34px;
        }

        .app-wrap > h1 {
            color: var(--rd-green-dark);
            letter-spacing: 0;
            margin: 0 0 6px;
            font-size: clamp(24px, 3vw, 38px);
        }

        .muted {
            color: var(--rd-muted) !important;
        }

        .row {
            background: rgba(255, 255, 255, 0.88);
            border: 1px solid var(--rd-line);
            border-radius: 18px;
            box-shadow: 0 10px 30px rgba(22, 101, 52, 0.08);
            padding: 12px;
            gap: 10px;
            flex-wrap: nowrap;
            justify-content: center;
            overflow-x: auto;
            scrollbar-width: thin;
        }

        .row label.muted {
            flex: 0 0 auto;
            white-space: nowrap;
        }

        .row select {
            flex: 0 1 180px;
            min-width: 132px;
            max-width: 220px;
        }

        .records-toolbar {
            display: grid;
            grid-template-columns: minmax(0, 1fr) max-content max-content max-content;
            align-items: center;
            gap: 10px;
            width: 100%;
            box-sizing: border-box;
            margin: 0 0 18px !important;
            overflow: visible;
        }

        .records-toolbar select {
            width: 100%;
            max-width: none;
            min-width: 0;
            box-sizing: border-box;
            border-radius: 14px !important;
            font-weight: 900;
        }

        .records-toolbar #leagueSelect {
            display: block !important;
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            justify-self: stretch !important;
            flex: 1 1 auto !important;
        }

        .records-toolbar #filterType,
        .records-toolbar #sortMode {
            width: auto;
            min-width: max-content;
            padding-right: 34px;
        }

        .records-toolbar .row-actions {
            display: none !important;
        }

        .records-toolbar .rd-fold-toggle {
            justify-self: end;
            width: max-content !important;
            max-width: max-content !important;
            min-height: 0;
            padding: 0;
        }

        select,
        button,
        input {
            background: #fff !important;
            color: var(--rd-ink) !important;
            border-color: var(--rd-line) !important;
        }

        button,
        .btn-mini {
            border-radius: 12px !important;
            font-weight: 800;
        }

        button:hover,
        .btn-mini:hover {
            border-color: var(--rd-green) !important;
            box-shadow: 0 0 0 3px rgba(21, 131, 77, 0.1);
        }

        #btnReload {
            background: var(--rd-green) !important;
            color: #fff !important;
            border-color: var(--rd-green) !important;
        }

        .section {
            background: rgba(255, 255, 255, 0.94) !important;
            border: 1px solid var(--rd-line) !important;
            border-radius: 20px !important;
            box-shadow: var(--rd-shadow);
        }

        .fold-summary {
            background: #effaf1;
            border-radius: 18px;
            color: var(--rd-green-dark);
            border-bottom-color: #d7ecdd;
        }

        details.section.fold {
            border-color: #bfe2c9 !important;
            background: #fbfefd !important;
        }

        details.section.fold[open] .fold-summary {
            background: #e8f7ed;
        }

        details.section.fold .fold-body {
            background: #f8fcf9;
        }

        .fold-title,
        h2,
        h3 {
            color: var(--rd-green-dark) !important;
            letter-spacing: 0;
        }

        .card,
        .standings-box,
        .analysis-card,
        .table-wrap {
            background: #fff !important;
            border-color: var(--rd-line) !important;
            box-shadow: 0 10px 26px rgba(22, 101, 52, 0.08);
        }

        table {
            color: var(--rd-ink);
        }

        th {
            background: #eaf7ee !important;
            color: var(--rd-green-dark) !important;
            border-color: var(--rd-line) !important;
        }

        td {
            border-color: #dceee2 !important;
        }

        .pill {
            background: #eaf7ee !important;
            color: var(--rd-green-dark) !important;
            border: 1px solid #bfe2c9 !important;
            font-weight: 800;
        }

        .records-dashboard {
            margin: 0;
        }

        .records-dashboard .records-toolbar {
            margin: 10px 0 0 !important;
        }

        .rd-hero {
            display: grid;
            grid-template-columns: minmax(0, 1.25fr) minmax(420px, 0.75fr);
            gap: 18px;
            align-items: stretch;
            padding: clamp(18px, 2vw, 26px);
            border: 1px solid var(--rd-line);
            border-radius: 26px;
            background: #ffffff;
            box-shadow: var(--rd-shadow);
            overflow: hidden;
        }

        .rd-eyebrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            max-width: 100%;
            min-width: min(220px, 100%);
            min-height: 27px;
            white-space: nowrap;
            word-break: keep-all;
            overflow: hidden;
            text-overflow: ellipsis;
            width: max-content;
            margin-bottom: 10px;
            padding: 7px 14px;
            border-radius: 999px;
            background: #dff3e5;
            color: var(--rd-green-dark);
            font-size: 12px;
            font-weight: 900;
        }

        .rd-hero h2 {
            margin: 0;
            font-size: clamp(28px, 4vw, 52px);
            line-height: 1.02;
        }

        .rd-hero p {
            max-width: 680px;
            margin: 8px 0 0;
            color: var(--rd-muted);
            font-size: 13px;
            line-height: 1.45;
        }

        .rd-season-status {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: max-content;
            min-height: 26px;
            margin-top: 9px;
            padding: 0 11px;
            border-radius: 999px;
            border: 1px solid rgba(47, 111, 214, .22);
            background: #eef5ff;
            color: #255fbd;
            font-size: 12px;
            font-weight: 1000;
            line-height: 1;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86);
        }

        .rd-season-status--complete {
            border-color: rgba(23, 131, 79, .24);
            background: #eaf8ef;
            color: #126f43;
        }

        .rd-meta-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }

        .rd-stat {
            min-height: 96px;
            padding: 15px;
            border-radius: 18px;
            border: 1px solid var(--rd-stat-border, rgba(255, 255, 255, .34));
            background: var(--rd-stat-bg, #17834f);
            color: var(--rd-stat-fg, #fff);
            display: flex;
            flex-direction: column;
            justify-content: center;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, .28),
                0 10px 24px var(--rd-stat-shadow, rgba(21, 97, 60, .13));
        }

        .rd-stat-action {
            cursor: pointer;
            transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
        }

        .rd-stat-action:hover,
        .rd-stat-action:focus-visible {
            transform: translateY(-2px);
            border-color: var(--rd-stat-border-hover, rgba(255, 255, 255, .54));
            background: var(--rd-stat-bg-hover, var(--rd-stat-bg, #17834f));
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, .32),
                0 14px 28px var(--rd-stat-shadow, rgba(21, 97, 60, .18));
            outline: none;
        }

        .rd-meta-grid .rd-stat:nth-child(1) {
            --rd-stat-bg: #17834f;
            --rd-stat-bg-hover: #126f43;
            --rd-stat-border: rgba(23, 131, 79, .62);
            --rd-stat-shadow: rgba(23, 131, 79, .2);
        }

        .rd-meta-grid .rd-stat:nth-child(2) {
            --rd-stat-bg: #2f6fd6;
            --rd-stat-bg-hover: #255fbd;
            --rd-stat-border: rgba(47, 111, 214, .58);
            --rd-stat-shadow: rgba(47, 111, 214, .2);
        }

        .rd-meta-grid .rd-stat:nth-child(3) {
            --rd-stat-bg: #c74779;
            --rd-stat-bg-hover: #ad3867;
            --rd-stat-border: rgba(199, 71, 121, .58);
            --rd-stat-shadow: rgba(199, 71, 121, .19);
        }

        .rd-meta-grid .rd-stat:nth-child(4) {
            --rd-stat-bg: #b7791f;
            --rd-stat-bg-hover: #9f6819;
            --rd-stat-border: rgba(183, 121, 31, .58);
            --rd-stat-shadow: rgba(183, 121, 31, .2);
        }

        .rd-stat strong {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 6px;
            width: 100%;
            min-height: 40px;
            color: var(--rd-stat-fg, #fff);
            font-size: clamp(23px, 2.7vw, 34px);
            line-height: 1;
            word-break: keep-all;
            white-space: nowrap;
            min-width: 0;
            overflow: hidden;
        }

        #rdRecentScore {
            display: grid;
            grid-template-columns: minmax(3.62em, 3.88em) minmax(0, 1fr);
            align-items: end;
            justify-content: stretch;
            column-gap: 1px;
            font-size: clamp(23px, 2.7vw, 34px) !important;
            width: 100%;
            max-width: 100%;
            box-sizing: border-box;
        }

        .rd-stat-score-main {
            grid-column: 1;
            min-width: 0;
            text-align: left;
            font-size: 1em !important;
            font-weight: 1000;
            white-space: nowrap;
        }

        .rd-stat-score-pk {
            grid-column: 2;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            align-self: center;
            justify-self: start;
            width: fit-content;
            max-width: 100%;
            min-width: 0;
            margin-left: 0;
            height: 1.45em;
            padding: 0 6px;
            border-radius: 999px;
            background: rgba(255, 255, 255, .18);
            color: rgba(255, 255, 255, .96);
            border: 1px solid rgba(255, 255, 255, .22);
            font-size: .25em;
            font-weight: 1000;
            line-height: 1.45em;
            white-space: nowrap;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            box-sizing: border-box;
        }

        .rd-stat span {
            display: -webkit-box;
            min-height: 32px;
            margin-top: 7px;
            color: var(--rd-stat-sub-fg, rgba(255, 255, 255, .86));
            font-size: 11.5px;
            font-weight: 800;
            line-height: 1.35;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .records-loading .rd-stat strong {
            position: relative;
            color: transparent !important;
        }

        .records-loading .rd-stat span {
            position: relative;
            color: transparent !important;
        }

        .records-loading .rd-stat strong::before,
        .records-loading .rd-stat span::before,
        .rd-skeleton-card,
        .rd-skeleton-line {
            content: "";
            display: block;
            border-radius: 999px;
            background: linear-gradient(90deg, rgba(255,255,255,.26), rgba(255,255,255,.58), rgba(255,255,255,.26));
            background-size: 180% 100%;
            animation: rdSkeletonPulse 1.05s ease-in-out infinite;
        }

        .records-loading .rd-stat strong::before {
            width: min(92px, 72%);
            height: 24px;
        }

        .records-loading .rd-stat span::before {
            width: min(76px, 68%);
            height: 12px;
            margin-top: 3px;
        }

        .rd-skeleton-list {
            display: grid;
            gap: 10px;
        }

        .rd-skeleton-card {
            height: 92px;
            border-radius: 16px;
            background: linear-gradient(90deg, #e8f4ed, #fbfdfc, #e8f4ed);
            background-size: 180% 100%;
            border: 1px solid #dceee2;
        }

        .rd-skeleton-line {
            height: 34px;
            margin: 8px 0;
            background: linear-gradient(90deg, #edf7f1, #fbfdfc, #edf7f1);
            background-size: 180% 100%;
        }

        @keyframes rdSkeletonPulse {
            0% { background-position: 120% 0; }
            100% { background-position: -80% 0; }
        }

        @media (prefers-reduced-motion: reduce) {
            .records-loading .rd-stat strong::before,
            .records-loading .rd-stat span::before,
            .rd-skeleton-card,
            .rd-skeleton-line {
                animation: none;
            }
        }

        .rd-schedule-modal {
            position: fixed;
            inset: 0;
            z-index: 10000;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 18px;
            background: rgba(8, 35, 20, .42);
            backdrop-filter: blur(7px);
        }

        .rd-schedule-modal.is-open {
            display: flex;
        }

        .rd-schedule-panel {
            width: min(720px, 100%);
            max-height: min(86vh, 780px);
            overflow: auto;
            padding: 18px;
            border-radius: 22px;
            border: 1px solid #bde5ca;
            background: linear-gradient(180deg, #fbfffc 0%, #eef9f1 100%);
            box-shadow: 0 28px 80px rgba(4, 45, 22, .24);
        }

        .rd-schedule-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 14px;
        }

        .rd-schedule-head strong {
            display: block;
            color: var(--rd-green-dark);
            font-size: 20px;
            font-weight: 1000;
        }

        .rd-schedule-head span {
            display: block;
            color: var(--rd-muted);
            font-size: 12px;
            font-weight: 900;
            margin-top: 3px;
        }

        .rd-schedule-close {
            min-height: 34px;
            padding: 7px 14px;
            border-radius: 999px;
            border: 1px solid #bde5ca;
            background: #fff;
            color: var(--rd-green-dark);
            font-weight: 950;
            cursor: pointer;
        }

        .rd-schedule-calendar {
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            gap: 6px;
        }

        .rd-schedule-week {
            text-align: center;
            color: #678574;
            font-size: 11px;
            font-weight: 950;
            padding-bottom: 2px;
        }

        .rd-schedule-calendar button {
            display: grid;
            grid-template-rows: 1fr 17px;
            place-items: center;
            gap: 2px;
            min-width: 0;
            min-height: 52px;
            aspect-ratio: auto;
            border-radius: 13px;
            border: 1px solid #d7ecdd;
            background: rgba(255, 255, 255, .88);
            color: #224936;
            font-weight: 950;
            cursor: pointer;
            position: relative;
        }

        .rd-schedule-calendar button .rd-schedule-day-number {
            display: block;
            align-self: end;
            color: inherit;
            font-size: 13px;
            line-height: 1;
            font-weight: 1000;
        }

        .rd-schedule-calendar button:not(.has-match) .rd-schedule-day-number {
            grid-row: 1 / -1;
            align-self: center;
        }

        .rd-schedule-calendar button.is-muted {
            opacity: .42;
        }

        .rd-schedule-calendar button.is-today {
            border-color: #238b52;
            box-shadow: inset 0 0 0 1px #238b52;
        }

        .rd-schedule-calendar button.has-match {
            border-width: 1.5px;
            box-shadow: 0 5px 13px rgba(24, 120, 74, .10);
        }

        .rd-schedule-calendar button.has-played-match {
            background: linear-gradient(180deg, #e1f8e8 0%, #f7fff9 100%);
            border-color: #45bd72;
            color: #0b6c3b;
        }

        .rd-schedule-calendar button.has-upcoming-match {
            background: linear-gradient(180deg, #e6f0ff 0%, #f8fbff 100%);
            border-color: #4f8ee9;
            color: #1957b7;
        }

        .rd-schedule-calendar button.has-played-match.has-upcoming-match {
            background: linear-gradient(180deg, #fff1d6 0%, #fffaf0 100%);
            border-color: #e2a22e;
            color: #89560a;
        }

        .rd-schedule-calendar button.has-match b {
            display: block;
        }

        .rd-schedule-calendar button.is-selected {
            background: #1f8b51;
            border-color: #1f8b51;
            color: #fff;
            box-shadow: 0 8px 18px rgba(31, 139, 81, .22);
        }

        .rd-schedule-calendar button small,
        .rd-schedule-calendar button .rd-schedule-match-label {
            position: static;
            pointer-events: none;
            user-select: none;
            flex: 0 0 auto;
            min-width: 32px;
            height: 17px;
            margin-top: 0;
            border-radius: 999px;
            padding: 0 6px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(18, 112, 68, .12);
            color: #0e7645;
            font-size: 9.6px;
            font-weight: 1000;
            line-height: 1;
            white-space: nowrap;
            writing-mode: horizontal-tb;
            letter-spacing: 0;
        }

        .rd-schedule-calendar button.has-upcoming-match .rd-schedule-match-label {
            background: rgba(37, 86, 165, .12);
            color: #1c5bb8;
        }

        .rd-schedule-calendar button.has-played-match.has-upcoming-match .rd-schedule-match-label {
            background: rgba(134, 88, 14, .13);
            color: #86580e;
        }

        .rd-schedule-calendar button.is-selected .rd-schedule-match-label {
            background: rgba(255, 255, 255, .22);
            color: #fff;
        }

        .rd-schedule-list {
            margin-top: 14px;
            display: grid;
            gap: 7px;
            min-height: 50px;
            align-content: start;
        }

        .rd-schedule-date {
            min-width: 82px;
            color: var(--rd-green-dark);
            font-weight: 1000;
            font-size: 12px;
            white-space: nowrap;
        }

        .rd-schedule-match {
            display: grid;
            grid-template-columns: 82px minmax(120px, 1fr) 50px minmax(120px, 1fr) 48px;
            align-items: center;
            gap: 7px;
            min-height: 42px;
            padding: 7px 9px;
            border-radius: 14px;
            border: 1px solid #d7ecdd;
            background: rgba(255, 255, 255, .8);
        }

        .rd-schedule-match > span {
            min-width: 0;
        }

        .rd-schedule-team {
            width: 100%;
            justify-content: flex-start;
            padding-inline: 8px;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .rd-schedule-match strong {
            color: var(--rd-green-dark);
            white-space: nowrap;
            font-size: 14px;
            min-width: 44px;
            text-align: center;
        }

        .rd-schedule-match button {
            min-height: 30px;
            padding: 5px 10px;
            border-radius: 999px;
            border: 1px solid #1f8b51;
            background: #1f8b51;
            color: #fff;
            font-weight: 950;
            cursor: pointer;
        }

        .rd-schedule-action {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            min-width: 0;
        }

        .rd-schedule-status {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 26px;
            padding: 3px 8px;
            border-radius: 999px;
            border: 1px solid #c9dcff;
            background: #eef5ff;
            color: #1c5bb8;
            font-size: 11px;
            font-weight: 950;
            white-space: nowrap;
        }

        .rd-schedule-empty {
            padding: 13px;
            border-radius: 14px;
            border: 1px dashed #bde5ca;
            color: var(--rd-muted);
            font-weight: 850;
            background: rgba(255,255,255,.62);
        }

        @media (max-width: 640px) {
            .rd-schedule-modal {
                align-items: flex-end;
                padding: 10px;
            }

            .rd-schedule-panel {
                max-height: 88vh;
                padding: 13px;
                border-radius: 18px;
            }

            .rd-schedule-calendar {
                gap: 4px;
            }

            .rd-schedule-calendar button {
                border-radius: 10px;
                font-size: 12px;
                grid-template-rows: 1fr 16px;
                min-height: 46px;
            }

            .rd-schedule-list {
                min-height: 48px;
                gap: 6px;
            }

            .rd-schedule-date {
                min-width: 48px;
                font-size: 10.5px;
            }

            .rd-schedule-match {
                grid-template-columns: 43px minmax(0, 1fr) 36px minmax(0, 1fr) 34px;
                gap: 4px;
                min-height: 40px;
                padding: 6px;
            }

            .rd-schedule-team {
                padding-inline: 5px;
                font-size: 10.5px;
            }

            .rd-schedule-match strong {
                min-width: 38px;
                font-size: 12px;
            }

            .rd-schedule-match button {
                min-height: 28px;
                padding: 4px 6px;
                font-size: 10.5px;
            }

            .rd-schedule-calendar button .rd-schedule-match-label {
                min-width: 28px;
                height: 16px;
                padding-inline: 5px;
                font-size: 9px;
            }

            .rd-schedule-status {
                min-height: 25px;
                padding: 3px 6px;
                font-size: 10px;
            }
        }

        .rd-grid {
            display: grid;
            grid-template-columns: 1.35fr 1fr 1fr 1fr;
            gap: 14px;
            margin-top: 14px;
        }

        .rd-panel {
            min-width: 0;
            padding: 16px;
            border: 1px solid var(--rd-line);
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 12px 30px rgba(22, 101, 52, 0.08);
        }

        .rd-panel-main {
            background: #f8fcf9;
        }

        .rd-panel-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 12px;
        }

        .rd-panel-head span {
            color: var(--rd-muted);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .rd-panel-head strong {
            color: var(--rd-green-dark);
            font-size: 16px;
        }

        .rd-match-spot {
            border: 1px solid #d4ead9;
            border-radius: 16px;
            background: #fff;
            padding: 13px;
        }

        .rd-match-spot + .rd-match-spot {
            margin-top: 10px;
        }

        .rd-match-label {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            color: var(--rd-muted);
            font-size: 12px;
            font-weight: 900;
        }

        .rd-match-teams {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
            align-items: center;
            gap: 10px;
            margin-top: 10px;
            font-weight: 900;
        }

        .rd-match-teams .home,
        .rd-match-teams .away {
            display: flex;
            min-width: 0;
            line-height: 1.15;
            white-space: normal;
            word-break: keep-all;
            overflow-wrap: normal;
            text-wrap: balance;
        }

        .rd-match-teams .home {
            text-align: right;
            justify-content: flex-end;
        }

        .rd-match-teams .away {
            text-align: left;
            justify-content: flex-start;
        }

        .rd-match-teams .score {
            min-width: 72px;
            padding: 8px 12px;
            border: 0;
            border-radius: 999px;
            background: var(--rd-green);
            color: #fff;
            text-align: center;
            font-size: 18px;
            font-weight: 950;
        }

        .rd-score-play {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            cursor: pointer;
            background: linear-gradient(180deg, #fff8d8 0%, #e7f5df 100%);
            color: #123f2a !important;
            position: relative;
            isolation: isolate;
            overflow: hidden;
            box-shadow:
                inset 0 0 0 1px rgba(29, 113, 70, .22),
                inset 0 -10px 18px rgba(32, 110, 61, .08),
                0 8px 18px rgba(31, 122, 77, .13);
            transition: transform .14s ease, background .14s ease, box-shadow .14s ease;
        }

        .rd-score-play .rd-score-text {
            position: relative;
            z-index: 1;
            display: block;
            min-width: 3.6em;
            color: #123f2a !important;
            font-weight: 1000;
            line-height: 1;
            text-shadow: none;
        }

        .rd-score-play .rd-score-main {
            position: relative;
            z-index: 1;
            display: inline-block;
            min-width: 3.5em;
            color: #123f2a !important;
            font-weight: 1000;
            line-height: 1;
            white-space: nowrap;
        }

        .rd-score-play .rd-score-pk {
            position: relative;
            z-index: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 17px;
            padding: 0 5px;
            border-radius: 999px;
            background: rgba(18, 63, 42, .1);
            color: #2d6b49;
            font-size: .56em;
            font-weight: 1000;
            line-height: 17px;
            white-space: nowrap;
        }

        .rd-score-play::after {
            content: none;
        }

        .rd-score-play::before {
            content: none;
        }

        .rd-score-play:hover,
        .rd-score-play:focus-visible {
            background: linear-gradient(180deg, #fff3bd 0%, #d9f0ce 100%);
            transform: translateY(-1px);
            box-shadow:
                inset 0 0 0 1px rgba(29, 113, 70, .34),
                0 10px 20px rgba(31, 122, 77, .18);
        }

        @media (hover: hover) and (pointer: fine) {
            .rd-score-play:hover::before {
                content: "재생";
                position: absolute;
                left: 50%;
                bottom: calc(100% + 5px);
                z-index: 3;
                transform: translateX(-50%);
                padding: 3px 7px;
                border-radius: 999px;
                background: #143c28;
                color: #f6fff8;
                font-size: 10px;
                font-weight: 950;
                line-height: 1;
                white-space: nowrap;
                box-shadow: 0 5px 12px rgba(13, 58, 35, .22);
            }
        }

        .rd-play-icon {
            display: none !important;
        }

        .rd-play-icon::before {
            content: none;
        }

        .rd-list {
            display: grid;
            gap: 8px;
        }

        .rd-team-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            max-width: 100%;
            min-width: 0;
            padding: 4px 9px;
            border: 1px solid rgba(45, 138, 79, .24);
            border-radius: 999px;
            background: #edf8f1;
            color: var(--rd-green-dark);
            font-size: 11px;
            font-weight: 700;
            line-height: 1.08;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: middle;
        }

        .rd-team-table-cell {
            display: inline-grid;
            grid-template-columns: 24px minmax(0, 1fr);
            align-items: center;
            gap: 7px;
            max-width: 100%;
            min-width: 0;
            vertical-align: middle;
        }

        .rd-entity-trigger {
            border: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            padding: 0 !important;
            min-height: 0 !important;
            color: inherit;
            font: inherit;
            text-align: left;
            text-decoration: none !important;
            cursor: default;
            -webkit-tap-highlight-color: transparent;
        }

        .rd-team-logo-img {
            width: 24px;
            height: 24px;
            display: block;
        }

        .rd-team-logo-spacer {
            width: 24px;
            height: 24px;
            display: block;
        }

        .rd-team-table-name {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 700;
            color: var(--rd-ink);
        }

        #standingsSection .standings-table td.left .rd-team-table-cell,
        #fullTableSection td.left .rd-team-table-cell {
            width: 100%;
        }

        #fullTableSection td.left .rd-team-table-cell {
            grid-template-columns: 22px minmax(0, 1fr);
            gap: 6px;
        }

#fullTableSection .rd-team-logo-img,
#fullTableSection .rd-team-logo-spacer {
    width: 22px;
    height: 22px;
}

#standingsSection .standings-table th:nth-child(12) {
    color: #14532d !important;
    font-weight: 950 !important;
}

#standingsSection .standings-table td.rd-final-score-cell {
    color: #065f46 !important;
    font-weight: 950 !important;
    font-size: 15px;
}

#standingsSection .standings-table td.rd-final-score-cell::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 5px;
    border-radius: 999px;
    background: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.16);
    vertical-align: 1px;
}

.rd-recent-form-cell {
  min-width: 104px;
}

.rd-recent-form {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  white-space: nowrap;
}

.rd-form-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 24px;
  border-radius: 7px;
  border: 1px solid rgba(28, 112, 70, .18);
  background: #eef7f1;
  color: #126f43;
  font-size: 11px;
  font-weight: 1000;
  line-height: 1;
}

.rd-form-chip--w {
  border-color: rgba(13, 181, 103, .55);
  background: #e8fbf0;
  color: #048b4f;
}

.rd-form-chip--d {
  border-color: rgba(132, 145, 158, .42);
  background: #f3f5f6;
  color: #66727f;
}

.rd-form-chip--l {
  border-color: rgba(47, 111, 214, .50);
  background: #edf4ff;
  color: #2f6fd6;
}

.rd-form-empty {
  color: var(--rd-muted);
  font-weight: 900;
}

.rd-standing-rank {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    color: #fff;
    font-size: 12px;
    font-weight: 1000;
    line-height: 1;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .6),
        0 2px 7px rgba(21, 60, 39, .16);
}

.rd-standing-rank i {
    font-style: normal;
    transform: translateY(-.5px);
}

.rd-standing-rank--1 {
    background: linear-gradient(180deg, #ffc747, #f59e0b);
    border: 1px solid #f3b21a;
}

.rd-standing-rank--2 {
    background: linear-gradient(180deg, #dbe4ee, #94a3b8);
    border: 1px solid #aab6c6;
}

.rd-standing-rank--3 {
    background: linear-gradient(180deg, #d99a62, #b66a2b);
    border: 1px solid #c47b3a;
}

.rd-table-team-pill {
    justify-content: flex-start;
            max-width: min(100%, 190px);
            padding: 3px 8px;
            font-size: 11px;
            line-height: 1.15;
        }

        #standingsSection .standings-table td.left .rd-table-team-pill,
        #fullTableSection td.left .rd-table-team-pill {
            width: fit-content;
        }

        .rd-match-team-pill {
            padding: 6px 11px;
            background: linear-gradient(180deg, #f4fbf6 0%, #e7f6ec 100%);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72);
            font-size: 12px;
        }

        .rd-event-team {
            padding: 3px 8px;
            margin: 0 2px;
            background: #f0f8f3;
            font-size: 11px;
        }

        .rd-rank-item,
        .rd-team-chip {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            align-items: center;
            gap: 9px;
            padding: 9px 10px;
            border: 1px solid #d7ecdd;
            border-radius: 14px;
            background: #fbfefd;
        }

        .rd-team-chip {
            grid-template-columns: auto minmax(0, 1fr);
            align-items: center;
        }

        .rd-team-body {
            min-width: 0;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 3px 8px;
        }

        .rd-rank-item.rd-leader {
            border-color: #efd37a;
            background: linear-gradient(135deg, #fff9df 0%, #f3fbef 100%);
            box-shadow: inset 0 0 0 1px rgba(239, 211, 122, 0.32);
        }

        .rd-rank-no {
            width: 28px;
            height: 28px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            background: var(--rd-blue-soft);
            color: var(--rd-blue);
            font-weight: 900;
            font-size: 12px;
        }

        .rd-leader .rd-rank-no {
            width: 34px;
            height: 34px;
            background: #f2c94c;
            color: #17351f;
            font-size: 11px;
            letter-spacing: 0;
        }

        .rd-leader .rd-rank-name {
            font-size: 16px;
        }

        .rd-leader .rd-rank-score {
            font-size: 21px;
        }

        .rd-rank-name,
        .rd-team-name {
            min-width: 0;
            font-weight: 700;
            color: var(--rd-ink);
        }

        .rd-rank-name {
            display: flex;
            align-items: center;
            gap: 6px;
            overflow: hidden;
            white-space: nowrap;
        }

        .rd-player-name-text {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .rd-team-name {
            width: fit-content;
        }

        .rd-rank-team {
            display: inline-flex;
            margin-top: 0;
            font-size: 11px;
            flex: 0 0 auto;
        }

        .rd-team-meta {
            min-width: 0;
            color: var(--rd-muted);
            font-weight: 600;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .rd-rank-score,
        .rd-team-points {
            color: var(--rd-green-dark);
            font-size: 18px;
            font-weight: 800;
        }

        .rd-form {
            display: inline-flex;
            gap: 3px;
            align-items: center;
            justify-content: flex-end;
            min-width: max-content;
        }

        .rd-form b {
            width: 20px;
            height: 20px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            color: #fff;
            font-size: 10px;
            line-height: 1;
        }

        .rd-form .w { background: var(--rd-green); }
        .rd-form .d { background: var(--rd-orange); }
        .rd-form .l { background: var(--rd-red); }

        @media (max-width: 680px) {
            .rd-team-chip {
                gap: 7px;
                padding: 8px;
            }

            .rd-team-body {
                gap: 2px 6px;
            }

            .rd-team-name {
                font-size: 13px;
            }

            .rd-team-meta {
                font-size: 10px;
            }

            .rd-form {
                gap: 2px;
            }

            .rd-form b {
                width: 17px;
                height: 17px;
                font-size: 9px;
            }

            .rd-team-points {
                font-size: 16px;
            }
        }

        .rd-empty {
            padding: 18px 12px;
            border: 1px dashed #c6e3ce;
            border-radius: 14px;
            color: var(--rd-muted);
            text-align: center;
            font-weight: 800;
        }

        .rd-section-nav {
            display: flex;
            flex-wrap: wrap;
            gap: 9px;
            margin: 14px 0 20px;
            padding: 10px;
            border: 1px solid var(--rd-line);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.92);
            box-shadow: 0 10px 26px rgba(22, 101, 52, 0.07);
        }

        .rd-section-nav button {
            flex: 1 1 150px;
            min-height: 42px;
            background: #e9f7ee !important;
            color: var(--rd-green-dark) !important;
            border-color: #bfe2c9 !important;
        }

        .rd-section-nav button:hover,
        .rd-section-nav button.rd-active {
            background: var(--rd-green) !important;
            color: #fff !important;
            border-color: var(--rd-green) !important;
            box-shadow: 0 4px 12px rgba(21, 131, 77, 0.16);
        }

        @media (max-width: 760px) {
            .rd-section-nav {
                display: grid;
                grid-template-columns: repeat(6, minmax(0, 1fr));
                flex-wrap: initial;
                gap: 5px;
                margin: 8px 0 12px;
                padding: 6px;
                border-radius: 14px;
                overflow: hidden;
            }

            .rd-section-nav::-webkit-scrollbar {
                display: none;
            }

            .rd-section-nav button {
                flex: initial;
                min-width: 0;
                min-height: 33px;
                padding: 5px 2px !important;
                border-radius: 999px !important;
                font-size: 10.5px;
                line-height: 1.05;
                white-space: nowrap;
            }
        }

        .match-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 14px;
        }

        .match-card {
            border-radius: 20px !important;
            border: 1px solid var(--rd-line) !important;
            overflow: hidden;
        }

        .match-card .head {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 12px;
            padding: 14px;
            border-bottom: 1px solid #dceee2;
            background: #f7fbf8;
        }

        .match-card .meta {
            min-width: 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 7px;
        }

        .match-card .match-title,
        .match-card .match-id {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .match-card .actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 7px;
        }

        .match-card .score {
            min-width: 82px;
            padding: 8px 12px;
            border-radius: 999px;
            background: var(--rd-green) !important;
            color: #fff !important;
            text-align: center;
            font-weight: 950;
        }

        .match-card .btn-mini {
            background: var(--rd-blue) !important;
            color: #fff !important;
            border-color: var(--rd-blue) !important;
        }

        .match-card .btn-mini[data-share="1"] {
            background: #0f766e !important;
            border-color: #0f766e !important;
        }

        .match-card .vsline {
            padding: 16px 14px 12px;
        }

        .match-card .teams {
            padding: 11px 12px;
            border-radius: 16px;
            background: #f6fbf7;
            border: 1px solid #d7ecdd;
            color: var(--rd-green-dark);
            font-size: 18px;
            font-weight: 950;
            text-align: center;
            min-width: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .match-card details {
            margin: 10px 14px 14px !important;
            border: 1px solid #d7ecdd;
            border-radius: 14px;
            background: #fbfefd;
            padding: 9px 11px;
        }

        .match-card details summary {
            cursor: pointer;
            color: var(--rd-green-dark);
            font-weight: 900;
        }

        .match-card .note {
            border-color: #d7ecdd !important;
            background: #f8fcf9 !important;
            color: var(--rd-ink) !important;
        }

        /* Remove legacy dark panels inside every records section. */
        .section .grid2 > div,
        .section .ta-grid > div,
        .section details:not(.section),
        .section .note,
        .section .table-wrap,
        .section .table-scroll,
        #standingsSection .standings-box,
        #teamAnalysisSection .grid2 > div,
        #playerRankSection .grid2 > div,
        #fullTableSection .table-scroll {
            background: #fbfefd !important;
            color: var(--rd-ink) !important;
            border-color: #d7ecdd !important;
            box-shadow: none !important;
        }

        .section table,
        .section thead,
        .section tbody,
        .section tr,
        #standingsSection .standings-table,
        #teamAnalysisSection table,
        #playerRankSection table,
        #fullTableSection table {
            background: #ffffff !important;
            color: var(--rd-ink) !important;
            border-color: #cfe8d6 !important;
        }

        .section td,
        .section td.left,
        .section td.score-cell,
        .section td strong,
        .section summary,
        .section .mono,
        .section .score,
        .section .teams {
            color: var(--rd-ink) !important;
        }

        .section tbody tr:nth-child(even) td {
            background: #f7fbf8 !important;
        }

        .section tbody tr:hover td {
            background: #edf8f0 !important;
        }

        .section th {
            background: #dff3e5 !important;
            color: var(--rd-green-dark) !important;
            border-color: #c2e3cb !important;
        }

        .section .muted,
        .section .pk-inline {
            color: var(--rd-muted) !important;
        }

        .section .match-card .score,
        .section .match-card .score strong {
            color: #fff !important;
        }

        .section .match-card .score .pk-inline {
            color: rgba(255, 255, 255, 0.88) !important;
        }

        .section .ok {
            color: var(--rd-green) !important;
        }

        .section .warn {
            color: #b7791f !important;
        }

        .section .bad {
            color: var(--rd-red) !important;
        }

        .rd-nav-driven,
        .rd-nav-driven details.section.fold,
        .rd-nav-driven details.fold[open] > .fold-body,
        .rd-nav-driven .grid2,
        .rd-nav-driven .table-wrap,
        .rd-nav-driven .table-scroll,
        #teamAnalysisSection .grid2 > div,
        #playerRankSection .grid2 > div,
        #fullTableSection .table-scroll {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        #teamAnalysisSection table,
        #playerRankSection table,
        #fullTableSection table {
            width: 100% !important;
        }

        #fullTableSection .table-scroll table {
            min-width: 100%;
        }

        #fullTableSection table {
            table-layout: fixed;
        }

        #fullTableSection .rd-round-mobile {
            display: none;
        }

        #fullTableSection th:nth-child(1),
        #fullTableSection td:nth-child(1) {
            width: 84px;
        }

        #fullTableSection th:nth-child(2),
        #fullTableSection td:nth-child(2) {
            width: 54px;
        }

        #fullTableSection th:nth-child(3),
        #fullTableSection td:nth-child(3),
        #fullTableSection th:nth-child(5),
        #fullTableSection td:nth-child(5) {
            width: calc((100% - 84px - 54px - 122px - 25%) / 2);
        }

        #fullTableSection th:nth-child(4),
        #fullTableSection td:nth-child(4) {
            width: 122px;
        }

        #fullTableSection th:nth-child(6),
        #fullTableSection td:nth-child(6) {
            width: 25%;
        }

        #fullTableSection td.score-cell {
            text-align: center !important;
            padding-left: 5px;
            padding-right: 5px;
        }

        #fullTableSection td.score-cell .rd-full-score-box {
            margin-inline: auto;
        }

        @media (max-width: 1020px) {
            .rd-hero,
            .rd-grid {
                grid-template-columns: 1fr;
            }

            .rd-meta-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }

        @media (max-width: 680px) {
            .app-wrap {
                padding: 12px 10px 24px;
            }

            .row {
                display: grid;
                grid-template-columns: 1fr;
            }

            .rd-hero {
                border-radius: 20px;
                padding: 16px;
            }

            .rd-eyebrow {
                min-width: min(178px, 100%);
                padding-inline: 12px;
            }

            .rd-meta-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .rd-stat {
                min-height: 76px;
                padding: 12px;
            }

            .rd-stat strong {
                min-height: 34px;
                gap: 4px;
            }

            #rdRecentScore {
                grid-template-columns: minmax(3.62em, 3.88em) minmax(0, 1fr);
                column-gap: 0;
                font-size: clamp(23px, 2.7vw, 34px) !important;
            }

            .rd-stat-score-main {
                min-width: 0;
            }

            .rd-stat-score-pk {
                min-width: 0;
                min-height: 1.45em;
                padding: 1px 5px;
                font-size: .22em;
            }

            .rd-match-teams {
                grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
                gap: 5px;
                text-align: initial;
            }

            .rd-match-teams .home {
                text-align: right;
            }

            .rd-match-teams .away {
                text-align: left;
            }

            .rd-match-teams .home,
            .rd-match-teams .away {
                display: flex;
                font-size: 13px;
            }

            .rd-match-teams .score {
                min-width: 58px;
                padding: 7px 8px;
                font-size: 14px;
                text-align: center;
            }

            .rd-score-play {
                min-width: 76px;
                gap: 3px;
            }

            .rd-score-play .rd-score-text,
            .rd-score-play .rd-score-main {
                min-width: 3.4em;
            }

            .rd-score-play .rd-score-pk {
                padding: 1px 4px;
                font-size: .54em;
            }

            .match-grid {
                grid-template-columns: 1fr;
                gap: 9px;
            }

            .match-card {
                border-radius: 15px !important;
            }

            .match-card .head {
                grid-template-columns: 1fr;
                gap: 7px;
                padding: 9px 10px;
            }

            .match-card .meta {
                gap: 5px;
            }

            .match-card .match-meta-line {
                font-size: 11px;
                line-height: 1;
            }

            .match-card .pill,
            .match-card .match-title,
            .match-card .match-id {
                font-size: 11px;
                line-height: 1.1;
            }

            .match-card .actions {
                justify-content: stretch;
                gap: 6px;
            }

            .match-card .actions .score {
                flex: 1;
                min-width: 0;
                padding: 7px 9px;
                font-size: 15px;
            }

            .match-card .btn-mini {
                min-height: 32px;
                padding: 6px 8px;
                font-size: 12px;
            }

            .match-card .vsline {
                padding: 8px 9px 6px;
            }

            .match-card .teams {
                padding: 8px 9px;
                border-radius: 12px;
                font-size: 15px;
                line-height: 1.15;
            }

            .match-card details {
                margin: 6px 9px 9px !important;
                padding: 6px 8px;
                border-radius: 11px;
            }

            .match-card details summary {
                font-size: 12px;
                line-height: 1.15;
            }

            .match-card .note {
                margin-top: 4px !important;
                font-size: 11px;
                line-height: 1.25;
            }
        }

        @media (max-width: 760px) {
            .records-toolbar {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) max-content !important;
                gap: 6px !important;
                margin-top: 0 !important;
                padding: 8px !important;
                border-radius: 14px;
            }

            .records-toolbar #leagueSelect {
                grid-column: 1 / -1 !important;
                justify-self: stretch !important;
                width: 100% !important;
                max-width: none !important;
                min-width: 0 !important;
            }

            .records-toolbar #filterType,
            .records-toolbar #sortMode {
                width: auto;
                min-width: 0;
                max-width: 100%;
                height: 34px;
                padding: 5px 24px 5px 8px;
                border-radius: 11px !important;
                font-size: 12px;
                justify-self: stretch !important;
            }

            .records-toolbar #leagueSelect {
                height: 34px;
                padding: 5px 28px 5px 10px;
                border-radius: 11px !important;
                font-size: 12px;
                width: 100% !important;
                max-width: none !important;
            }

            .records-toolbar .row-actions {
                display: none !important;
            }

            .records-toolbar #btnReload {
                width: 100%;
                min-height: 34px;
                padding: 7px 8px !important;
                font-size: 12px;
            }

            .records-toolbar .rd-fold-toggle {
                grid-column: auto !important;
                justify-self: end !important;
                width: max-content !important;
                max-width: max-content !important;
                min-height: 0;
            }

            .records-toolbar .rd-fold-toggle-inner {
                min-height: 32px;
                padding: 0 8px;
                gap: 5px;
                border-radius: 11px;
                font-size: 11px;
            }

            .records-toolbar .rd-fold-toggle input {
                width: 13px;
                height: 13px;
                flex-basis: 13px;
            }
        }

        @media (max-width: 420px) {
            .records-toolbar {
                grid-template-columns: minmax(0, 1fr) max-content max-content !important;
            }

            .records-toolbar #leagueSelect {
                grid-column: 1 / -1;
            }

            .records-toolbar #filterType {
                min-width: 112px;
            }

            .records-toolbar #sortMode {
                min-width: 90px;
            }
        }
        /* Global nav lock: keep the top menu identical across pages. */
        .main-nav {
            width: 100% !important;
            min-height: 45px !important;
            padding: 6px 0 !important;
            box-sizing: border-box !important;
        }

        .main-nav ul {
            width: min(100%, 560px) !important;
            display: grid !important;
            grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
            gap: 6px !important;
            margin: 0 auto !important;
            padding: 0 10px !important;
            box-sizing: border-box !important;
            overflow: visible !important;
        }

        .main-nav ul li {
            min-width: 0 !important;
        }

        .main-nav ul li a {
            width: 100% !important;
            min-height: 32px !important;
            padding: 6px 8px !important;
            border: 1px solid transparent !important;
            border-radius: 999px !important;
            box-sizing: border-box !important;
            font-size: 13px !important;
            line-height: 1 !important;
            white-space: nowrap !important;
        }

        @media (max-width: 480px) {
            .main-nav ul {
                width: 100% !important;
            }

            .main-nav ul li a {
                min-height: 30px !important;
                padding: 6px 5px !important;
                font-size: 11px !important;
            }
        }
/* ===== 모바일 경기카드 상단 압축 패치 ===== */
.match-card .teams-compact {
    display: none;
}

@media (min-width: 681px) {
    #cards > .match-grid-flat {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    #cards > .match-grid-flat .match-card {
        min-width: 0;
    }

    #cards > .match-grid-flat .match-card .head {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 8px;
        padding: 11px 12px;
    }

    #cards > .match-grid-flat .match-card .meta {
        gap: 5px;
    }

    #cards > .match-grid-flat .match-card .actions {
        justify-content: stretch;
    }

    #cards > .match-grid-flat .match-card .actions .score {
        flex: 1 1 auto;
        min-width: 0;
        padding: 7px 10px;
    }

    #cards > .match-grid-flat .match-card .btn-mini {
        flex: 0 0 auto;
        min-height: 31px;
        padding: 6px 9px;
    }

    #cards > .match-grid-flat .match-card .vsline {
        padding: 11px 12px 8px;
    }

    #cards > .match-grid-flat .match-card .teams {
        padding: 9px 10px;
        font-size: 15px;
        line-height: 1.16;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #cards > .match-grid-flat .match-card details {
        margin: 7px 12px 11px !important;
        padding: 7px 9px;
    }
}

@media (min-width: 1040px) {
    #cards > .match-grid-flat {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1380px) {
    #cards > .match-grid-flat {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .match-card {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) auto auto auto !important;
        align-items: center !important;
        gap: 4px 5px !important;
        padding: 6px 7px 0 !important;
    }

    .match-card .head,
    .match-card .meta,
    .match-card .actions {
        display: contents !important;
    }

    .match-card .meta .pill,
    .match-card .meta .match-title,
    .match-card .meta .match-id,
    .match-card .match-meta-line {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: 10px !important;
        line-height: 1.05 !important;
    }

    .match-card .match-meta-line {
        grid-column: 1 / 3 !important;
        grid-row: 1 !important;
        max-width: 100% !important;
        min-height: 21px !important;
        padding: 3px 6px !important;
    }

    .match-card .match-meta-full {
        display: none !important;
    }

    .match-card .match-meta-short {
        display: inline !important;
    }

    .match-card .meta .pill {
        grid-column: 1 !important;
        grid-row: 1 !important;
        max-width: 64px !important;
        padding: 3px 5px !important;
    }

    .match-card .meta .match-title {
        display: none !important;
    }

    .match-card .meta .match-id {
        grid-column: 2 !important;
        grid-row: 1 !important;
        max-width: 58px !important;
        opacity: .8;
    }

    .match-card .actions .score {
        grid-column: 3 !important;
        grid-row: 1 !important;
        min-width: 42px !important;
        padding: 4px 5px !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    .match-card .btn-mini {
        min-height: 24px !important;
        padding: 4px 7px !important;
        font-size: 10px !important;
        border-radius: 999px !important;
    }

    .match-card .btn-mini[data-open="1"] {
        grid-column: 4 !important;
        grid-row: 1 !important;
    }

    .match-card .btn-mini[data-share="1"] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        grid-column: 5 !important;
        grid-row: 1 !important;
        min-width: 34px !important;
        width: auto !important;
        padding: 4px 7px !important;
        color: #fff !important;
        font-size: 10px !important;
        overflow: hidden !important;
    }

    .match-card .btn-mini[data-share="1"]::before {
        content: none !important;
    }

    .match-card .vsline {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        min-width: 0 !important;
        padding: 1px 2px 3px !important;
    }

    .match-card .teams {
        display: block !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        font-size: 11px !important;
        line-height: 1.12 !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .match-card .teams-full {
        display: none !important;
    }

    .match-card .teams-compact {
        display: inline !important;
    }

    .match-card details {
        grid-column: 1 / -1 !important;
        margin: 4px 0 8px !important;
        padding: 5px 7px !important;
    }
}

#leagueSelect option,
#leagueSelect optgroup {
    background: #f5fcf8;
    color: #143c28;
}
:root {
  --ui-row-h: 38px;
  --ui-chip-h: 28px;
  --ui-card-gap: 10px;
  --ui-section-gap: 14px;
}

@media (max-width: 720px) {
  .section {
    margin-bottom: var(--ui-section-gap);
  }

  .section,
  .rd-summary-card,
  .match-card,
  .rd-rank-item {
    padding: 10px;
  }

  .table-scroll th,
  .table-scroll td,
  .standings-table th,
  .standings-table td {
    height: var(--ui-row-h);
    line-height: 1.2;
  }

  .rd-table-team-pill,
  .rd-rank-team,
  .chip,
  .badge,
  button,
  select {
    min-height: var(--ui-chip-h);
  }

  .rd-rank-name,
  .rd-table-team-pill,
  .match-card strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.rd-rank-name {
  min-width: 0;
  max-width: 100%;
}

.rd-circle-logo {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  overflow: hidden;
  display: inline-grid;
  place-items: center;
  background: #fff;
  border: 1.5px solid rgba(30, 77, 52, 0.3);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.72),
    0 1px 5px rgba(21, 60, 39, 0.16);
  color: #1d5f3c;
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
}

.rd-circle-logo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.rd-player-avatar {
  width: 26px;
  height: 26px;
  background: #f6faf7;
}

.rd-player-silhouette {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.rd-player-silhouette::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 24%;
  width: 38%;
  height: 38%;
  border-radius: 999px;
  background: #143c28;
  transform: translate(-50%, -50%);
}

.rd-player-silhouette::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 12%;
  width: 64%;
  height: 42%;
  border-radius: 999px 999px 8px 8px;
  background: #143c28;
  transform: translateX(-50%);
}

.rd-rank-name .rd-player-name-text {
  flex: 0 0 auto;
  min-width: max-content;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

.rd-rank-name .rd-rank-team {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rd-rank-name .rd-player-avatar {
  margin-right: 1px;
}

.rd-team-pill {
  min-width: 0;
}

.rd-team-pill .rd-team-logo {
  margin-right: 5px;
}

.rd-team-pill .rd-team-pill-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rd-table-player {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  vertical-align: middle;
}

.rd-table-player-name {
  white-space: nowrap;
}

.standings-table td.left .rd-team-pill,
#playerRankSection td.left .rd-rank-team {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

#playerRankSection td.left {
  min-width: 0;
}

#playerRankSection .rd-player-rank-tables {
  display: none !important;
}

.rd-label-short {
  display: none;
}

@media (max-width: 720px) {
  #playerRankSection .grid2 > div {
    padding: 8px !important;
  }

  #playerRankSection .grid2 h3 {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 1.1;
    white-space: nowrap;
  }

  #playerRankSection table {
    table-layout: fixed;
  }

  #playerRankSection th,
  #playerRankSection td {
    padding: 6px 4px !important;
    font-size: 11px;
    line-height: 1.05;
    white-space: nowrap !important;
    word-break: keep-all !important;
    writing-mode: horizontal-tb !important;
  }

  #playerRankSection .rd-rank-order,
  #playerRankSection td:first-child {
    width: 34px;
    min-width: 34px;
  }

  #playerRankSection .rd-rank-value,
  #playerRankSection td:last-child {
    width: 42px;
    min-width: 42px;
  }

  #playerRankSection .rd-rank-value--points .rd-label-full {
    display: none;
  }

  #playerRankSection .rd-rank-value--points .rd-label-short {
    display: inline;
  }

  .rd-rank-name .rd-player-name-text {
    overflow: visible;
    text-overflow: clip;
  }

  .rd-rank-name .rd-rank-team {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .rd-circle-logo {
    width: 22px;
    height: 22px;
  }

  .rd-team-logo.rd-circle-logo {
    width: 24px;
    height: 24px;
  }

  .rd-player-avatar {
    width: 24px;
    height: 24px;
  }

  .rd-rank-name {
    gap: 5px;
  }

  #playerRankSection td.left {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  #playerRankSection td.left .rd-rank-team {
    flex: 1 1 auto;
    max-width: 46%;
  }
}

@media (max-width: 380px) {
  #playerRankSection th,
  #playerRankSection td {
    padding-inline: 3px !important;
    font-size: 10.5px;
  }

  #playerRankSection .rd-rank-order,
  #playerRankSection td:first-child {
    width: 31px;
    min-width: 31px;
  }

  #playerRankSection .rd-rank-value,
  #playerRankSection td:last-child {
    width: 36px;
    min-width: 36px;
  }
}

.rd-record-card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(168px, 1fr));
  gap: 14px;
  margin: 8px 0 18px;
  padding-top: 36px;
}

.rd-dashboard-secondary,
.rd-dashboard-secondary[hidden] {
  display: none !important;
}

.rd-record-card {
  position: relative;
  min-width: 0;
  min-height: 352px;
  padding: 58px 16px 0;
  border: 1px solid #d7ecdd;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfefd 100%);
  box-shadow: 0 12px 24px rgba(22, 101, 52, 0.08);
  overflow: visible;
}

.rd-record-card h3 {
  position: absolute;
  top: -34px;
  left: 2px;
  margin: 0;
  color: var(--rd-ink);
  font-size: 17px;
  font-weight: 950;
  letter-spacing: 0;
}

.rd-record-hero {
  position: relative;
  min-height: 166px;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 7px;
}

.rd-record-hero-trigger {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 7px;
  max-width: 100%;
}

.rd-record-medal {
  position: absolute;
  top: -43px;
  left: 1px;
  z-index: 3;
  width: 32px;
  height: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 8px;
  color: #fff;
  font-family: var(--fs-font-sans, 'FS Pretendard', sans-serif);
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(126, 75, 0, 0.36);
  text-indent: 1px;
}

.rd-record-medal::before,
.rd-record-medal::after {
  content: "";
  position: absolute;
}

.rd-record-medal::before {
  left: 0;
  top: 0;
  z-index: -1;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 2px solid #ffd96a;
  background: linear-gradient(145deg, #ffe07a 0%, #ffbf35 48%, #f59e0b 100%);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.32),
    inset 0 -2px 0 rgba(168, 92, 0, 0.17),
    0 2px 8px rgba(187, 113, 0, 0.24);
}

.rd-record-medal::after {
  left: 6px;
  top: 28px;
  z-index: -2;
  width: 22px;
  height: 14px;
  background: linear-gradient(180deg, #ffc84d 0%, #f59e0b 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 75% 77%, 50% 100%, 25% 77%, 0 100%);
  filter: drop-shadow(0 1px 1px rgba(160, 92, 0, 0.14));
}

.rd-record-hero-media {
  position: relative;
  display: block;
  margin-top: -76px;
  width: 108px;
  height: 108px;
}

.rd-record-hero-photo {
  position: relative;
  width: 108px;
  height: 108px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #f8fbf9;
  border: 1px solid rgba(31, 94, 57, 0.16);
  box-shadow: 0 8px 18px rgba(17, 63, 37, 0.12);
}

.rd-record-hero-photo--player::after {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: -2px;
  height: 38%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.78) 58%, rgba(255,255,255,.96) 100%);
}

.rd-record-hero-photo img {
  width: 100%;
  height: 100%;
  display: block;
}

.rd-record-hero-photo--team .rd-circle-logo {
  width: 100px;
  height: 100px;
  border: 0;
  box-shadow: none;
}

.rd-record-team-badge {
  position: absolute;
  right: -4px;
  bottom: 4px;
  z-index: 2;
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  border: 1.5px solid rgba(20, 60, 40, 0.28);
  box-shadow: 0 5px 12px rgba(20, 60, 40, 0.14);
}

.rd-record-team-badge .rd-circle-logo {
  width: 29px;
  height: 29px;
  border: 0;
  box-shadow: none;
}

.rd-record-hero-name {
  max-width: 100%;
  color: var(--rd-ink);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rd-record-hero-value {
  color: var(--rd-blue);
  font-size: 23px;
  font-weight: 950;
  line-height: 1;
}

.rd-record-hero--empty .rd-record-hero-photo {
  background: #f3faf5;
  border-style: dashed;
  box-shadow: 0 8px 18px rgba(17, 63, 37, 0.08);
}

.rd-record-hero--empty .rd-record-hero-name {
  color: var(--rd-muted);
}

.rd-record-hero--empty .rd-record-hero-value {
  color: #7a8d82;
}

.rd-record-mini-list {
  display: grid;
  gap: 0;
  margin: -30px -16px 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e3f0e7;
  position: relative;
  z-index: 2;
}

.rd-record-mini-list li {
  min-width: 0;
  min-height: 49px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  border-bottom: 1px solid #edf5ef;
}

.rd-record-mini-list strong {
  color: var(--rd-ink);
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

.rd-record-rank {
  color: #66726b;
  font-size: 17px;
  font-weight: 950;
  text-align: center;
}

.rd-record-list-entity {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.rd-record-list-entity-btn {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}

.rd-record-list-entity--player {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.rd-record-list-entity--player .rd-player-avatar {
  width: 34px;
  height: 34px;
}

.rd-record-player-lines {
  min-width: 0;
  display: grid;
  gap: 1px;
  align-content: center;
}

.rd-record-list-name {
  flex: 0 0 auto;
  color: var(--rd-ink);
  font-weight: 900;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rd-record-list-team {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--rd-muted);
  background: transparent;
  border: 0;
  padding: 0;
  font-size: 11px;
  justify-content: flex-start;
}

.rd-record-more {
  width: calc(100% + 32px);
  min-height: 52px;
  margin: 0 -16px;
  border: 0 !important;
  border-radius: 0 0 16px 16px !important;
  background: #f3faf5 !important;
  color: #557061 !important;
  font-size: 15px;
  font-weight: 900;
  box-shadow: none !important;
}

.rd-record-more:hover {
  background: #e5f4ea !important;
  color: var(--rd-green-dark) !important;
}

.rd-record-empty,
.rd-record-empty-row {
  color: var(--rd-muted);
  font-weight: 800;
  text-align: center;
}

.rd-record-empty:empty,
.rd-record-mini-list:empty,
.rd-record-modal-list:empty {
  display: none;
}

.rd-record-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #d7ecdd;
  border-radius: 16px;
  background: #fbfefd;
}

.rd-record-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  background: #fff;
}

.rd-record-table th,
.rd-record-table td {
  padding: 12px 10px;
  border-bottom: 1px solid #e3f0e7;
  text-align: center;
}

.rd-record-table th.left,
.rd-record-table td.left {
  text-align: left;
}

.rd-record-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: rgba(17, 24, 39, 0.52);
}

.rd-record-modal-backdrop.is-open {
  display: flex;
}

.rd-record-modal-backdrop.is-opening .rd-record-modal {
  animation: rdRecordSheetIn 0.22s cubic-bezier(.22, .82, .22, 1);
}

.rd-record-modal {
  width: min(520px, 100%);
  min-height: 560px;
  max-height: min(760px, calc(100vh - 44px));
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
  overflow: hidden;
}

.rd-record-modal-head {
  display: grid;
  grid-template-columns: 34px 1fr 34px;
  align-items: center;
  padding: 22px 22px 12px;
}

.rd-record-modal-head h3 {
  grid-column: 2;
  margin: 0;
  text-align: center;
  font-size: 21px;
  font-weight: 950;
}

.rd-record-modal-close {
  grid-column: 3;
  width: 34px;
  height: 34px;
  min-height: 34px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(20, 83, 45, 0.22) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #14532d !important;
  font-size: 22px;
  line-height: 1;
  box-shadow: 0 4px 12px rgba(20, 83, 45, 0.1) !important;
}

.rd-record-modal-tabs {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  padding: 0 16px;
  border-bottom: 1px solid #e2e8f0;
  scrollbar-width: none;
}

.rd-record-modal-tabs::-webkit-scrollbar {
  display: none;
}

.rd-record-modal-tabs button {
  flex: 0 0 auto;
  min-height: 48px;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #2f3a34 !important;
  font-size: 15px;
  font-weight: 900;
  box-shadow: none !important;
}

.rd-record-modal-tabs button.is-active {
  color: var(--rd-blue) !important;
  box-shadow: inset 0 -3px 0 var(--rd-blue) !important;
}

.rd-record-modal-list {
  margin: 0;
  padding: 0 18px;
  list-style: none;
  overflow-y: auto;
}

.rd-record-modal-row {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  border-bottom: 1px solid #e9f1ec;
}

.rd-record-modal-rank {
  color: #66726b;
  font-size: 18px;
  font-weight: 950;
  text-align: center;
}

.rd-record-modal-rank--leader {
  position: relative;
  min-height: 42px;
}

.rd-record-medal--modal {
  top: 50%;
  left: -1px;
  transform: translateY(-52%) scale(0.78);
  transform-origin: left center;
}

.rd-record-modal-entity {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.rd-record-modal-entity .rd-record-list-entity {
  width: 100%;
}

.rd-record-modal-entity small {
  color: var(--rd-muted);
  font-size: 12px;
  font-weight: 800;
  padding-left: 32px;
}

.rd-record-modal-row > strong {
  color: var(--rd-blue);
  font-size: 18px;
  font-weight: 950;
  white-space: nowrap;
}

@keyframes rdRecordSheetIn {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

@media (max-width: 1180px) {
  .rd-record-card-grid {
    grid-template-columns: repeat(3, minmax(176px, 1fr));
  }
}

@media (max-width: 760px) {
  .rd-record-card-grid {
    display: flex;
    gap: 12px;
    margin: 4px -10px 16px;
    padding: 34px 10px 4px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .rd-record-card-grid::-webkit-scrollbar {
    display: none;
  }

  .rd-record-card {
    flex: 0 0 238px;
    min-height: 330px;
    padding: 54px 13px 0;
    border-radius: 14px;
  }

  .rd-record-card h3 {
    top: -30px;
    font-size: 15px;
  }

  .rd-record-hero {
    min-height: 144px;
  }

  .rd-record-hero-media {
    margin-top: -68px;
  }

  .rd-record-hero-media,
  .rd-record-hero-photo {
    width: 96px;
    height: 96px;
  }

  .rd-record-hero-photo--team .rd-circle-logo {
    width: 90px;
    height: 90px;
  }

  .rd-record-hero-name {
    font-size: 15px;
  }

  .rd-record-hero-value {
    font-size: 21px;
  }

  .rd-record-mini-list {
    margin: -25px -13px 0;
  }

  .rd-record-mini-list li {
    min-height: 45px;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    gap: 6px;
    padding: 6px 13px;
  }

  .rd-record-list-name {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .rd-record-more {
    width: calc(100% + 26px);
    min-height: 46px;
    margin: 0 -13px;
    border-radius: 0 0 14px 14px !important;
  }

  .rd-record-modal-backdrop {
    align-items: flex-end;
    justify-content: center;
    padding: 0;
    background: rgba(17, 24, 39, 0.48);
  }

  .rd-record-modal {
    position: relative;
    width: 100%;
    height: min(82dvh, calc(100vh - 18px));
    min-height: 0;
    max-height: min(82dvh, calc(100vh - 18px));
    padding-top: 12px;
    border-radius: 24px 24px 0 0;
    box-shadow: 0 -18px 46px rgba(0, 0, 0, 0.24);
  }

  .rd-record-modal::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 50%;
    width: 42px;
    height: 4px;
    border-radius: 999px;
    background: #d5ded8;
    transform: translateX(-50%);
  }

  .rd-record-modal-head {
    padding: 16px 16px 9px;
  }

  .rd-record-modal-head h3 {
    font-size: 18px;
  }

  .rd-record-modal-close {
    width: 36px;
    height: 36px;
    min-height: 36px !important;
  }

  .rd-record-modal-tabs button {
    min-height: 44px;
    padding: 0 12px !important;
    font-size: 14px;
  }

  .rd-record-modal-row {
    min-height: 62px;
    gap: 8px;
  }

  .rd-record-modal-rank--leader {
    min-height: 38px;
  }

  .rd-record-medal--modal {
    left: -2px;
    transform: translateY(-52%) scale(0.72);
  }

  .rd-record-modal-list {
    padding: 0 14px calc(14px + env(safe-area-inset-bottom));
    overscroll-behavior: contain;
  }

}

/* Team analysis gets wider breathing room than the dense ranking tables. */
#teamAnalysisSection .fold-body {
  display: grid;
  gap: 16px;
}

#teamAnalysisSection .ta-control-card {
  margin: 0;
  padding: 14px !important;
  border: 1px solid #cfe8d6 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #fbfefd 0%, #f1faf4 100%) !important;
}

#teamAnalysisSection .ta-control-row {
  grid-template-columns: minmax(220px, 1.5fr) minmax(160px, 1fr) minmax(96px, .55fr) minmax(92px, .5fr) max-content !important;
  gap: 10px !important;
  align-items: center !important;
}

#teamAnalysisSection .ta-control-row select,
#teamAnalysisSection .ta-control-row button {
  height: 38px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
}

#teamAnalysisSection #taStatus {
  justify-self: end;
  padding: 7px 10px;
  border-radius: 999px;
  background: #edf8f0;
  color: var(--rd-green-dark) !important;
}

#teamAnalysisSection .grid2 {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

#teamAnalysisSection .ta-panel {
  min-width: 0;
  padding: 14px !important;
  border: 1px solid #d7ecdd !important;
  border-radius: 16px !important;
  background: #fbfefd !important;
}

#teamAnalysisSection .ta-panel--overall,
#teamAnalysisSection .ta-panel--formations {
  grid-column: 1 / -1 !important;
}

#teamAnalysisSection .ta-panel--halves {
  grid-column: span 5 !important;
}

#teamAnalysisSection .ta-panel--discipline {
  grid-column: span 7 !important;
}

#teamAnalysisSection .ta-panel h3 {
  margin: 0 0 10px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1.2;
  color: var(--rd-ink);
}

#teamAnalysisSection .ta-scroll {
  overflow-x: auto;
  border: 1px solid #cfe8d6 !important;
  border-radius: 12px !important;
  background: #fff !important;
}

#teamAnalysisSection .ta-scroll table {
  width: 100% !important;
  min-width: 100%;
  table-layout: fixed;
  font-size: 14px !important;
}

#teamAnalysisSection .ta-panel--overall table {
  min-width: 680px !important;
}

#teamAnalysisSection .ta-panel--halves table {
  min-width: 360px !important;
}

#teamAnalysisSection .ta-panel--discipline table {
  min-width: 560px !important;
}

#teamAnalysisSection .ta-panel--formations table {
  min-width: 620px !important;
}

#teamAnalysisSection .ta-scroll th,
#teamAnalysisSection .ta-scroll td {
  height: 42px;
  padding: 9px 10px !important;
  line-height: 1.25;
  text-align: center;
  vertical-align: middle;
}

#teamAnalysisSection .ta-scroll th {
  font-size: 13px;
  font-weight: 950;
}

#teamAnalysisSection .ta-scroll td {
  font-size: 14px;
  font-weight: 800;
}

#teamAnalysisSection .ta-scroll td.left {
  text-align: left;
  white-space: nowrap;
}

@media (max-width: 900px) {
  #teamAnalysisSection .grid2 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #teamAnalysisSection .ta-panel,
  #teamAnalysisSection .ta-panel--halves,
  #teamAnalysisSection .ta-panel--discipline {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 640px) {
  #teamAnalysisSection .fold-body {
    gap: 12px;
  }

  #teamAnalysisSection .ta-control-card {
    padding: 11px !important;
  }

  #teamAnalysisSection .ta-control-row {
    grid-template-columns: minmax(0, 1fr) 86px 74px !important;
    gap: 7px !important;
  }

  #teamAnalysisSection .ta-control-row #taTeam {
    grid-column: 1 / -1;
  }

  #teamAnalysisSection .ta-control-row #taOpp {
    grid-column: 1 / 2;
  }

  #teamAnalysisSection .ta-control-row #taScope {
    grid-column: 2 / 3;
    min-width: 0 !important;
    width: 100% !important;
  }

  #teamAnalysisSection .ta-control-row #btnTARefresh {
    grid-column: 3 / 4;
    min-width: 0 !important;
    width: 100% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  #teamAnalysisSection #taStatus {
    grid-column: 1 / -1;
    justify-self: start;
    max-width: 100%;
    font-size: 11px;
  }

  #teamAnalysisSection .ta-panel {
    padding: 11px !important;
    border-radius: 14px !important;
  }

  #teamAnalysisSection .ta-panel h3 {
    margin-bottom: 8px !important;
    font-size: 15px !important;
  }

  #teamAnalysisSection .ta-scroll table {
    font-size: 13px !important;
  }

  #teamAnalysisSection .ta-scroll th,
  #teamAnalysisSection .ta-scroll td {
    height: 38px;
    padding: 7px 9px !important;
  }
}

/* Small table logos need a visible circular edge; hero logos stay borderless above. */
.rd-team-logo-dot {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  border-radius: 999px;
  box-sizing: border-box;
  background: #fff;
  border: 1.5px solid rgba(30, 77, 52, 0.32);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.74),
    0 1px 5px rgba(21, 60, 39, 0.16);
}

.rd-team-logo-dot .rd-team-logo-img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  aspect-ratio: 1 / 1 !important;
}

.rd-team-logo-dot--text {
  color: var(--rd-green-dark);
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
}

#fullTableSection .rd-team-logo-dot {
  width: 22px;
  height: 22px;
}

#fullTableSection .rd-team-logo-dot--text {
  font-size: 8px;
}

#fullTableSection .rd-match-type-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid rgba(22, 101, 52, 0.18);
  background: #eef8f1;
  color: #12643d;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
}

#fullTableSection .rd-match-type-pill--postseason {
  background: #fff3db;
  border-color: rgba(202, 138, 4, 0.28);
  color: #a16207;
}

#fullTableSection .rd-match-type-pill--special {
  background: #eff6ff;
  border-color: rgba(37, 99, 235, 0.22);
  color: #1d4ed8;
}

#fullTableSection .rd-match-type-pill--interleague,
#fullTableSection .rd-match-type-pill--other {
  background: #f5f3ff;
  border-color: rgba(124, 58, 237, 0.20);
  color: #6d28d9;
}

@media (max-width: 520px) {
  #fullTableSection .table-scroll {
    overflow-x: hidden !important;
    padding-inline: 0 !important;
  }

  #fullTableSection .table-scroll table {
    width: 100% !important;
    min-width: 100% !important;
    table-layout: fixed !important;
  }

  #fullTableSection .table-scroll th:nth-child(1),
  #fullTableSection .table-scroll td:nth-child(1) {
    width: 42px !important;
  }

  #fullTableSection .table-scroll th:nth-child(2),
  #fullTableSection .table-scroll td:nth-child(2) {
    width: 26px !important;
  }

  #fullTableSection .table-scroll th:nth-child(3),
  #fullTableSection .table-scroll td:nth-child(3),
  #fullTableSection .table-scroll th:nth-child(5),
  #fullTableSection .table-scroll td:nth-child(5) {
    width: calc((100% - 42px - 26px - 74px) / 2) !important;
  }

  #fullTableSection .table-scroll th:nth-child(4),
  #fullTableSection .table-scroll td:nth-child(4) {
    width: 74px !important;
  }

  #fullTableSection .table-scroll th:nth-child(6),
  #fullTableSection .table-scroll td:nth-child(6) {
    display: none !important;
  }

  #fullTableSection .rd-match-type-pill {
    min-width: 34px;
    max-width: 40px;
    height: 19px;
    padding: 0 4px;
    font-size: 9px;
  }

  #fullTableSection td.score-cell {
    min-width: 74px !important;
    padding-inline: 1px !important;
  }

  #fullTableSection .rd-full-score-box,
  #fullTableSection .rd-full-score-box.has-pk {
    grid-template-columns: 44px minmax(0, 26px) !important;
    width: 74px !important;
    column-gap: 1px !important;
  }

  #fullTableSection .rd-full-score-main {
    grid-template-columns: 15px 5px 15px !important;
    width: 44px !important;
    min-width: 44px !important;
  }

  #fullTableSection .rd-full-score-pk {
    max-width: 26px !important;
    padding-inline: 2px !important;
    font-size: 7.5px !important;
  }

  #fullTableSection td.left {
    padding-inline: 2px !important;
  }

  #fullTableSection td.left .rd-team-table-cell {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  #fullTableSection .rd-team-logo-dot,
  #fullTableSection .rd-team-logo-img,
  #fullTableSection .rd-team-logo-spacer {
    display: none !important;
  }

  #fullTableSection .rd-team-table-name {
    max-width: 100% !important;
    font-size: 10.5px !important;
  }
}

/* ===== 전체경기 표 최종 배분 ===== */
#fullTableSection .fold-body {
  min-width: 0;
}

#fullTableSection .table-scroll {
  width: 100%;
  overflow-x: auto;
  border-radius: 14px;
}

#fullTableSection .table-scroll table {
  table-layout: fixed;
  width: 100%;
  min-width: 860px;
  border-collapse: separate;
  border-spacing: 0;
}

#fullTableSection .table-scroll th,
#fullTableSection .table-scroll td {
  box-sizing: border-box;
  vertical-align: middle;
  padding: 9px 8px;
}

#fullTableSection .table-scroll th:nth-child(1),
#fullTableSection .table-scroll td:nth-child(1) {
  width: 94px;
}

#fullTableSection .table-scroll th:nth-child(2),
#fullTableSection .table-scroll td:nth-child(2) {
  width: 70px;
}

#fullTableSection .table-scroll th:nth-child(4),
#fullTableSection .table-scroll td:nth-child(4) {
  width: 128px;
}

#fullTableSection .table-scroll th:nth-child(6),
#fullTableSection .table-scroll td:nth-child(6) {
  width: 240px;
}

#fullTableSection .table-scroll td:nth-child(3) {
  text-align: right;
}

#fullTableSection .table-scroll td:nth-child(5) {
  text-align: left;
}

#fullTableSection .table-scroll td:nth-child(3) .rd-team-table-cell {
  direction: rtl;
  justify-content: end;
}

#fullTableSection .table-scroll td:nth-child(3) .rd-team-table-name {
  direction: ltr;
  text-align: right;
}

#fullTableSection .table-scroll td:nth-child(5) .rd-team-table-cell {
  justify-content: start;
}

#fullTableSection .rd-team-table-cell {
  width: 100%;
  max-width: 100%;
}

#fullTableSection .rd-team-table-name,
#fullTableSection .table-scroll td:nth-child(6) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#fullTableSection .table-scroll td:nth-child(6) {
  color: #5f6f68 !important;
  font-size: 12px;
}

#fullTableSection td.score-cell {
  min-width: 0;
  padding-inline: 5px;
}

#fullTableSection .rd-full-score-box,
#fullTableSection .rd-full-score-box.has-pk {
  width: 116px;
  grid-template-columns: 58px minmax(0, 54px);
  justify-content: center;
}

#fullTableSection .rd-full-score-pk {
  align-self: center;
}

@media (max-width: 640px) {
  #fullTableSection .table-scroll {
    overflow-x: hidden !important;
  }

  #fullTableSection .table-scroll table {
    min-width: 100% !important;
    width: 100% !important;
    table-layout: fixed !important;
  }

  #fullTableSection .table-scroll th,
  #fullTableSection .table-scroll td {
    padding: 7px 2px !important;
    font-size: 10px !important;
    line-height: 1.15;
  }

  #fullTableSection .table-scroll th:nth-child(1),
  #fullTableSection .table-scroll td:nth-child(1) {
    width: 31px !important;
  }

  #fullTableSection .table-scroll th:nth-child(2),
  #fullTableSection .table-scroll td:nth-child(2) {
    width: 20px !important;
  }

  #fullTableSection .table-scroll th:nth-child(3),
  #fullTableSection .table-scroll td:nth-child(3),
  #fullTableSection .table-scroll th:nth-child(5),
  #fullTableSection .table-scroll td:nth-child(5) {
    width: calc((100% - 31px - 20px - 76px) / 2) !important;
  }

  #fullTableSection .table-scroll th:nth-child(4),
  #fullTableSection .table-scroll td:nth-child(4) {
    width: 76px !important;
  }

  #fullTableSection .table-scroll th:nth-child(6),
  #fullTableSection .table-scroll td:nth-child(6) {
    display: none !important;
  }

  #fullTableSection .table-scroll th:nth-child(1) {
    font-size: 0 !important;
  }

  #fullTableSection .table-scroll th:nth-child(1)::after {
    content: '구분';
    font-size: 10px;
  }

  #fullTableSection .table-scroll th:nth-child(2) {
    font-size: 0 !important;
  }

  #fullTableSection .table-scroll th:nth-child(2)::after {
    content: 'R';
    font-size: 10px;
  }

  #fullTableSection .rd-match-type-pill {
    min-width: 28px !important;
    max-width: 32px !important;
    height: 18px !important;
    padding-inline: 2px !important;
    font-size: 8.5px !important;
    border-radius: 8px !important;
  }

  #fullTableSection .rd-round-full {
    display: none !important;
  }

  #fullTableSection .rd-round-mobile {
    display: inline !important;
    font-size: 9px !important;
    font-weight: 950;
  }

  #fullTableSection .rd-team-logo-dot,
  #fullTableSection .rd-team-logo-img,
  #fullTableSection .rd-team-logo-spacer {
    display: inline-grid !important;
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
  }

  #fullTableSection td.left .rd-team-table-cell {
    display: grid !important;
    grid-template-columns: 15px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 2px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #fullTableSection .rd-team-table-name {
    display: block !important;
    max-width: 100% !important;
    font-size: 10.5px !important;
    font-weight: 850 !important;
  }

  #fullTableSection td.score-cell {
    padding-inline: 1px !important;
  }

  #fullTableSection .rd-full-score-box,
  #fullTableSection .rd-full-score-box.has-pk {
    width: 74px !important;
    min-height: 24px !important;
    grid-template-columns: 42px minmax(0, 29px) !important;
    column-gap: 2px !important;
    justify-items: center !important;
  }

  #fullTableSection .rd-full-score-main {
    width: 42px !important;
    min-width: 42px !important;
    grid-template-columns: 15px 4px 15px !important;
    font-size: 12px !important;
  }

#fullTableSection .rd-full-score-pk {
    max-width: 29px !important;
    min-height: 14px !important;
    padding-inline: 2px !important;
    font-size: 7px !important;
    line-height: 14px !important;
  }
}

/* 전체경기 모바일 최종 배분: 비고 컬럼을 완전히 빼고 홈-스코어-원정 축을 고정한다. */
@media (max-width: 640px) {
  #fullTableSection .table-scroll,
  #fullTableSection .table-scroll table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  #fullTableSection .table-scroll table,
  #fullTableSection .table-scroll thead,
  #fullTableSection .table-scroll tbody {
    display: block !important;
  }

  #fullTableSection .table-scroll tr {
    display: grid !important;
    grid-template-columns: 32px 22px minmax(0, 1fr) 70px minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: center !important;
  }

  #fullTableSection .table-scroll table {
    table-layout: fixed !important;
  }

  #fullTableSection .table-scroll th,
  #fullTableSection .table-scroll td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 6px 1px !important;
    font-size: 10px !important;
    overflow: hidden !important;
  }

  #fullTableSection .table-scroll th:nth-child(1),
  #fullTableSection .table-scroll td:nth-child(1) {
    width: auto !important;
  }

  #fullTableSection .table-scroll th:nth-child(2),
  #fullTableSection .table-scroll td:nth-child(2) {
    width: auto !important;
  }

  #fullTableSection .table-scroll th:nth-child(4),
  #fullTableSection .table-scroll td:nth-child(4) {
    width: auto !important;
  }

  #fullTableSection .table-scroll th:nth-child(6),
  #fullTableSection .table-scroll td:nth-child(6) {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
  }

  #fullTableSection .table-scroll th:nth-child(3),
  #fullTableSection .table-scroll td:nth-child(3),
  #fullTableSection .table-scroll th:nth-child(5),
  #fullTableSection .table-scroll td:nth-child(5) {
    width: auto !important;
  }

  #fullTableSection .table-scroll td[colspan] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  #fullTableSection td.score-cell {
    padding-inline: 1px !important;
  }

  #fullTableSection .rd-full-score-box,
  #fullTableSection .rd-full-score-box.has-pk {
    display: grid !important;
    grid-template-columns: minmax(0, 42px) minmax(0, 25px) !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    column-gap: 1px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-inline: auto !important;
  }

  #fullTableSection .rd-full-score-main {
    width: 42px !important;
    min-width: 42px !important;
    grid-template-columns: 15px 4px 15px !important;
    justify-content: center !important;
    font-size: 12px !important;
  }

  #fullTableSection .rd-full-score-pk {
    max-width: 25px !important;
    min-height: 13px !important;
    padding-inline: 1px !important;
    font-size: 6.5px !important;
    line-height: 13px !important;
    white-space: nowrap !important;
  }

  #fullTableSection td.left {
    min-width: 0 !important;
    padding-inline: 1px !important;
  }

  #fullTableSection td.left .rd-team-table-cell {
    display: grid !important;
    grid-template-columns: 14px minmax(0, 1fr) !important;
    gap: 2px !important;
    min-width: 0 !important;
    width: 100% !important;
    align-items: center !important;
  }

  #fullTableSection .table-scroll td:nth-child(3) .rd-team-table-cell {
    direction: rtl !important;
  }

  #fullTableSection .table-scroll td:nth-child(3) .rd-team-table-name {
    direction: ltr !important;
    text-align: right !important;
  }

  #fullTableSection .rd-team-logo-dot,
  #fullTableSection .rd-team-logo-spacer {
    display: inline-grid !important;
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
  }

  #fullTableSection .rd-team-logo-dot {
    place-items: center !important;
    overflow: hidden !important;
  }

  #fullTableSection .rd-team-logo-dot .rd-team-logo-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  #fullTableSection .rd-team-table-name {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    font-weight: 850 !important;
  }
}

@media (max-width: 520px) {
  #standingsSection .standings-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  #standingsSection .standings-table th,
  #standingsSection .standings-table td {
    padding: 6px 2px !important;
    font-size: 10.5px !important;
  }

  #standingsSection .standings-table th:nth-child(1),
  #standingsSection .standings-table td:nth-child(1) {
    width: 30px !important;
  }

  #standingsSection .standings-table th:nth-child(2),
  #standingsSection .standings-table td:nth-child(2) {
    width: auto !important;
    min-width: 108px !important;
    max-width: none !important;
  }

  #standingsSection .standings-table th:nth-child(4),
  #standingsSection .standings-table td:nth-child(4),
  #standingsSection .standings-table th:nth-child(9),
  #standingsSection .standings-table td:nth-child(9),
  #standingsSection .standings-table th:nth-child(10),
  #standingsSection .standings-table td:nth-child(10) {
    width: 28px !important;
  }

  #standingsSection .standings-table th:last-child,
  #standingsSection .standings-table td:last-child {
    width: 54px !important;
  }

  #standingsSection .standings-table td.left {
    padding-left: 2px !important;
    padding-right: 3px !important;
    overflow: visible !important;
  }

  #standingsSection .standings-table td.left .rd-entity-trigger,
  #standingsSection .standings-table td.left .rd-team-table-cell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #standingsSection .standings-table td.left .rd-team-table-cell {
    grid-template-columns: 22px minmax(0, 1fr) !important;
    gap: 5px !important;
  }

  #standingsSection .standings-table td.left .rd-team-table-name {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: var(--rd-ink) !important;
    font-size: 10.5px !important;
    font-weight: 950 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #standingsSection .rd-recent-form-cell {
    min-width: 0 !important;
  }

  #standingsSection .rd-recent-form {
    gap: 1px !important;
  }

  #standingsSection .rd-form-chip {
    width: 16px !important;
    height: 18px !important;
    border-radius: 6px !important;
    font-size: 9px !important;
  }

  #standingsSection .rd-recent-form .rd-form-chip:nth-child(n+4) {
    display: none !important;
  }
}