@keyframes timeshotMobileBannerScrollV2 {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-50% - 6px)); }
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) and (max-width: 1100px) {
    #timeshot-app-wrapper .main-nav {
        position: sticky !important;
        top: 0 !important;
        z-index: 10000 !important;
        padding: 8px 8px 6px !important;
        background: rgba(8, 15, 30, 0.94) !important;
        backdrop-filter: blur(16px);
    }

    #timeshot-app-wrapper .nav-container {
        width: 100% !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 6px !important;
        box-sizing: border-box;
    }

    #timeshot-app-wrapper .nav-search-wrapper {
        order: 20 !important;
        flex: 1 0 100% !important;
        min-width: 0 !important;
    }

    #timeshot-app-wrapper .nav-search-input {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
    }

    #timeshot-app-wrapper .main-layout {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding: 20px 12px 40px !important;
        box-sizing: border-box !important;
    }

    #timeshot-app-wrapper #sidebar {
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        padding: 8px 0 !important;
        box-sizing: border-box !important;
        order: 0 !important;
    }

    #timeshot-app-wrapper #sidebar .sidebar-nav {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
    }

    #timeshot-app-wrapper #sidebarRight {
        display: flex !important;
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;
        margin: 20px 0 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        order: 2 !important;
    }

    #timeshot-app-wrapper .main-content-wrapper {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        order: 1 !important;
    }

    #timeshot-app-wrapper #sidebarRight .sidebar-right-banners {
        width: 100% !important;
        height: auto !important;
        flex: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    #timeshot-app-wrapper #sidebarRight .sidebar-right-scroll {
        display: flex !important;
        flex-direction: row !important;
        width: max-content !important;
        height: auto !important;
        gap: 12px !important;
        overflow: visible !important;
    }

    #timeshot-app-wrapper #sidebarRight .sidebar-right-scroll.scrolling {
        animation: none !important;
        transform: none !important;
    }

    #timeshot-app-wrapper #sidebarRight .sidebar-right-banner {
        width: min(44vw, 172px) !important;
        flex: 0 0 min(44vw, 172px) !important;
        scroll-snap-align: start;
    }

    #timeshot-app-wrapper #section-cuadrante,
    #timeshot-app-wrapper #cuadranteContainer,
    #timeshot-app-wrapper #section-cuadrante .cuescore-table-container {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    #timeshot-app-wrapper #section-cuadrante .cuescore-table-container {
        padding: 8px !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tbody {
        display: grid !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 10px !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-separator,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-header {
        display: flex !important;
        width: 100% !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;
        box-sizing: border-box !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-separator td,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-header th {
        display: block !important;
        width: auto !important;
        padding: 8px !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-header th:last-child {
        display: block !important;
        width: 100% !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.match-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(132px, auto) !important;
        grid-template-areas:
            'number number'
            'table table'
            'playerA scoreA'
            'playerB scoreB' !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 8px !important;
        gap: 4px !important;
        border: 1px solid rgba(255,255,255,0.14) !important;
        border-radius: 10px !important;
        background: rgba(15,31,61,0.82) !important;
        box-sizing: border-box !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.match-row > td {
        display: flex !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 4px !important;
        border: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    #timeshot-app-wrapper #section-cuadrante tr.match-row > .match-no {
        grid-area: number !important;
        justify-content: flex-start !important;
    }

    #timeshot-app-wrapper #section-cuadrante tr.match-row > .player-a {
        grid-area: playerA !important;
        justify-content: flex-start !important;
    }

    #timeshot-app-wrapper #section-cuadrante tr.match-row > .score:nth-of-type(3) {
        grid-area: scoreA !important;
    }

    #timeshot-app-wrapper #section-cuadrante tr.match-row > .separator {
        display: none !important;
    }

    #timeshot-app-wrapper #section-cuadrante tr.match-row > .score:nth-of-type(5) {
        grid-area: scoreB !important;
    }

    #timeshot-app-wrapper #section-cuadrante tr.match-row > .player-b {
        grid-area: playerB !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    #timeshot-app-wrapper #section-cuadrante tr.match-row > .match-mesa {
        grid-area: table !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        text-align: left !important;
    }

    #timeshot-app-wrapper #section-cuadrante .player-wrapper,
    #timeshot-app-wrapper #section-cuadrante .player-wrapper.right-align {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
    }

    #timeshot-app-wrapper #section-cuadrante .player-wrapper .name {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        font-size: 12px !important;
    }

    #timeshot-app-wrapper #section-cuadrante .score-btn,
    #timeshot-app-wrapper #section-cuadrante .action-btn,
    #timeshot-app-wrapper #section-cuadrante .match-options-btn,
    #timeshot-app-wrapper #section-cuadrante .view-comment-btn {
        min-height: 44px !important;
    }

    #timeshot-app-wrapper .main-header {
        padding: 20px 12px 6px !important;
    }

    #timeshot-app-wrapper .main-title {
        max-width: 100%;
        font-size: clamp(1.7rem, 9vw, 2.45rem) !important;
        letter-spacing: 1.5px !important;
        overflow-wrap: anywhere;
    }

    #timeshot-app-wrapper .main-nav {
        padding: 8px 8px 6px !important;
    }

    #timeshot-app-wrapper .nav-container {
        border-radius: 14px !important;
    }

    #timeshot-app-wrapper .nav-btn {
        min-height: 44px;
        padding: 8px 12px !important;
        font-size: .78rem !important;
        letter-spacing: .7px !important;
    }

    #timeshot-app-wrapper .notifications-button {
        min-width: 44px;
    }

    #timeshot-app-wrapper .main-layout {
        gap: 16px;
    }

    #timeshot-app-wrapper #sidebar {
        border-radius: 14px !important;
    }

    #timeshot-app-wrapper #sidebar:not(:has(.sidebar-item:not([style*="display: none"]), .multireto-sidebar-actions[style*="display: flex"], #sidebarTorneoAdmin[style*="display: flex"])) {
        display: none !important;
    }

    #timeshot-app-wrapper #sidebar .sidebar-nav {
        scrollbar-width: none;
    }

    #timeshot-app-wrapper #sidebar .sidebar-nav::-webkit-scrollbar {
        display: none;
    }

    #timeshot-app-wrapper #sidebar .sidebar-item {
        min-height: 44px;
        flex: 0 0 auto;
        width: auto !important;
        padding: 10px 13px !important;
    }

    #timeshot-app-wrapper #sidebarRight {
        margin-top: 4px !important;
        border-radius: 14px !important;
    }

    #timeshot-app-wrapper #sidebarRight .sidebar-right-title {
        margin-bottom: 8px;
        padding: 2px 0 7px;
    }

    #timeshot-app-wrapper #section-inicio > .welcome-card {
        display: grid !important;
        grid-template-columns: 64px minmax(0, 1fr) 64px;
        gap: 10px !important;
        padding: 18px 14px !important;
        text-align: center !important;
    }

    #timeshot-app-wrapper #section-inicio > .welcome-card img {
        width: 64px !important;
        height: 64px !important;
        max-width: none !important;
    }

    #timeshot-app-wrapper #section-inicio > .welcome-card h2 {
        font-size: 1.1rem;
        line-height: 1.2;
    }

    #timeshot-app-wrapper #section-inicio > .welcome-card p {
        margin-top: 5px !important;
        font-size: .78rem;
        line-height: 1.4;
    }

    #timeshot-app-wrapper .content-section,
    #timeshot-app-wrapper .welcome-card,
    #timeshot-app-wrapper .profile-card,
    #timeshot-app-wrapper .crear-torneo-card,
    #timeshot-app-wrapper .torneo-detail-card,
    #timeshot-app-wrapper .admin-panel-card {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    #timeshot-app-wrapper .welcome-card,
    #timeshot-app-wrapper .profile-card,
    #timeshot-app-wrapper .crear-torneo-card,
    #timeshot-app-wrapper .admin-panel-card {
        padding: 20px 16px !important;
        border-radius: 14px !important;
    }

    #timeshot-app-wrapper .inicio-filtros {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px !important;
        padding: 12px !important;
    }

    #timeshot-app-wrapper .inicio-filtro-group,
    #timeshot-app-wrapper .inicio-filtro-group.inicio-filtro-date {
        min-width: 0 !important;
        width: 100%;
    }

    #timeshot-app-wrapper .inicio-filtro-group select,
    #timeshot-app-wrapper .inicio-filtro-group input,
    #timeshot-app-wrapper .inicio-filtro-clear {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        box-sizing: border-box;
    }

    #timeshot-app-wrapper .torneos-grid,
    #timeshot-app-wrapper .apps-grid,
    #timeshot-app-wrapper .participants-grid,
    #timeshot-app-wrapper .search-results-grid,
    #timeshot-app-wrapper .admin-menu-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    #timeshot-app-wrapper .torneo-card,
    #timeshot-app-wrapper .participant-card,
    #timeshot-app-wrapper .app-card {
        border-radius: 14px !important;
    }

    #timeshot-app-wrapper .torneo-detail-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 14px !important;
    }

    #timeshot-app-wrapper .torneo-detail-actions button,
    #timeshot-app-wrapper .torneo-detail-view-bracket-btn,
    #timeshot-app-wrapper .torneo-participants-btn,
    #timeshot-app-wrapper .torneo-detail-actions a {
        width: 100% !important;
        min-height: 44px !important;
        box-sizing: border-box;
        white-space: normal !important;
        text-align: center;
    }

    #timeshot-app-wrapper .participants-header > div {
        align-items: flex-start !important;
    }

    #timeshot-app-wrapper .participant-card {
        min-height: 76px;
        padding: 10px 12px !important;
    }

    #timeshot-app-wrapper .participant-avatar-wrapper,
    #timeshot-app-wrapper .participant-avatar {
        width: 52px !important;
        height: 52px !important;
    }

    #timeshot-app-wrapper #section-cuadrante .profile-back-btn {
        margin-bottom: 10px;
    }

    #timeshot-app-wrapper #section-cuadrante .cuadrante-header {
        padding: 16px 12px !important;
        border-radius: 14px !important;
    }

    #timeshot-app-wrapper #section-cuadrante .cuadrante-header h2 {
        font-size: 1.2rem !important;
        line-height: 1.25;
    }

    #timeshot-app-wrapper #section-cuadrante .cuadrante-info {
        gap: 10px !important;
        font-size: .88rem !important;
    }

    #timeshot-app-wrapper #section-cuadrante .cuadrante-info > div {
        width: 100%;
        gap: 8px !important;
    }

    #timeshot-app-wrapper #section-cuadrante .cuescore-table-container {
        border-radius: 14px !important;
        box-shadow: 0 8px 24px rgba(0,0,0,.28) !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tbody {
        gap: 8px !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-header {
        scroll-margin-top: 120px;
        margin-top: 8px;
        border-radius: 9px;
        background: linear-gradient(135deg, rgba(37,99,235,.3), rgba(14,116,144,.18));
        border: 1px solid rgba(96,165,250,.24);
        backdrop-filter: blur(14px);
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-header th > div {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-header th > div > div {
        flex: 0 1 auto !important;
        text-align: center !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-header th > div > div:nth-child(2) > div {
        flex-wrap: wrap !important;
        white-space: normal !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-header th > div > div:last-child {
        display: none;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list .round-title,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list .round-race {
        font-size: .84rem !important;
        white-space: normal !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.match-row {
        min-height: 0 !important;
        border-color: rgba(96,165,250,.18) !important;
        background: linear-gradient(145deg, rgba(19,42,76,.96), rgba(10,26,52,.96)) !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.match-row > td {
        min-height: 36px !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.match-row > .separator {
        display: none !important;
    }

    #timeshot-app-wrapper #section-cuadrante tr.match-row > .match-no,
    #timeshot-app-wrapper #section-cuadrante tr.match-row > .match-mesa {
        min-height: 32px !important;
        color: #8ea6c5 !important;
        font-size: .72rem !important;
    }

    #timeshot-app-wrapper #section-cuadrante tr.match-row > .match-no > div {
        width: 100%;
        justify-content: flex-start !important;
    }

    #timeshot-app-wrapper #section-cuadrante tr.match-row > .player-a,
    #timeshot-app-wrapper #section-cuadrante tr.match-row > .player-b {
        min-height: 40px !important;
    }

    #timeshot-app-wrapper #section-cuadrante .player-wrapper img {
        width: 24px !important;
        height: 24px !important;
        margin-left: 0 !important;
        margin-right: 7px !important;
        flex: 0 0 24px;
    }

    #timeshot-app-wrapper #section-cuadrante .player-wrapper .name {
        color: #dbeafe !important;
        font-weight: 700 !important;
    }

    #timeshot-app-wrapper #section-cuadrante .player-wrapper.right-align img {
        order: -2;
    }

    #timeshot-app-wrapper #section-cuadrante .player-wrapper.right-align .participant-flag,
    #timeshot-app-wrapper #section-cuadrante .player-wrapper.right-align img[src*="flag"] {
        order: -1;
    }

    #timeshot-app-wrapper #section-cuadrante .score-box {
        width: 36px !important;
        min-width: 36px !important;
        height: 44px !important;
        line-height: 44px !important;
    }

    #timeshot-app-wrapper #section-cuadrante .score-btn {
        width: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 0 !important;
    }

    #timeshot-app-wrapper .tournament-conclusion-container {
        padding: 18px 10px !important;
        overflow: hidden !important;
    }

    #timeshot-app-wrapper .podium-wrapper {
        gap: 6px !important;
        height: auto !important;
        min-height: 250px !important;
        padding-top: 18px !important;
    }

    #timeshot-app-wrapper .podium-step {
        min-width: 0 !important;
        width: 31% !important;
    }

    #timeshot-app-wrapper .podium-player-name {
        max-width: 100%;
        white-space: normal !important;
        overflow-wrap: anywhere;
        font-size: .72rem !important;
    }

    #timeshot-app-wrapper .stats-kpi-grid,
    #timeshot-app-wrapper .admin-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #timeshot-app-wrapper .stats-kpi-card {
        min-width: 0;
        padding: 14px 8px !important;
    }

    #timeshot-app-wrapper .stats-kpi-value {
        font-size: 1.5rem !important;
    }

    #timeshot-app-wrapper .admin-banner-item-actions,
    #timeshot-app-wrapper .admin-usuario-actions,
    #timeshot-app-wrapper .confirm-modal-actions,
    #timeshot-app-wrapper .schedule-modal-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: 8px !important;
    }

    #timeshot-app-wrapper .admin-banner-item-actions button,
    #timeshot-app-wrapper .admin-usuario-actions button,
    #timeshot-app-wrapper .confirm-modal-actions button,
    #timeshot-app-wrapper .schedule-modal-actions button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    #timeshot-app-wrapper .multireto-shell {
        padding: 18px 12px !important;
        border-radius: 14px !important;
    }

    #timeshot-app-wrapper .multireto-heading h2,
    #timeshot-app-wrapper .multireto-matches-heading h2 {
        font-size: 1.55rem !important;
    }

    #timeshot-app-wrapper .multireto-player-row {
        gap: 8px;
    }

    #timeshot-app-wrapper .multireto-player-identity > strong {
        font-size: .88rem;
    }

    #timeshot-app-wrapper .multireto-score-control {
        gap: 3px;
    }

    #timeshot-app-wrapper .multireto-score-control button {
        width: 34px;
        height: 34px;
    }

    #timeshot-app-wrapper .auth-tabs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 4px;
    }

    #timeshot-app-wrapper .auth-tab {
        min-width: 0;
        min-height: 44px;
        padding: 10px 5px !important;
        font-size: .8rem !important;
        line-height: 1.25;
    }

    #streamingOverlayModal .streaming-overlay-link-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }

    #streamingOverlayModal .streaming-overlay-link-row > strong,
    #streamingOverlayModal .streaming-overlay-link-row > input {
        grid-column: 1 / -1;
    }

    #streamingOverlayModal .streaming-overlay-link-row > button {
        width: 100% !important;
        white-space: normal !important;
    }

    body .modal-overlay {
        z-index: 1000001 !important;
        padding: 8px !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
    }

    body .modal-overlay .modal-box {
        width: min(100%, 720px) !important;
        max-width: 100% !important;
        max-height: calc(100dvh - 16px) !important;
        margin: auto !important;
        padding: 20px 16px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
    }

    body .modal-overlay input,
    body .modal-overlay select,
    body .modal-overlay textarea,
    #timeshot-app-wrapper input,
    #timeshot-app-wrapper select,
    #timeshot-app-wrapper textarea {
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 16px;
    }

    #timeshot-app-wrapper .content-section {
        max-width: 100% !important;
        overflow-wrap: anywhere;
    }

    #timeshot-app-wrapper .content-section > *,
    #timeshot-app-wrapper .form-row > *,
    #timeshot-app-wrapper .form-group {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    #timeshot-app-wrapper .form-row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #timeshot-app-wrapper .content-section table:not(.cuescore-list) {
        max-width: 100%;
    }

    #timeshot-app-wrapper .table-container,
    #timeshot-app-wrapper .admin-table-container,
    #timeshot-app-wrapper .ranking-table-container,
    #timeshot-app-wrapper .historial-table-container {
        width: 100%;
        max-width: 100%;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    #timeshot-app-wrapper button,
    #timeshot-app-wrapper [role="button"],
    body .modal-overlay button {
        max-width: 100%;
        box-sizing: border-box;
    }

    #timeshot-app-wrapper #section-cuadrante,
    #timeshot-app-wrapper #cuadranteContainer {
        overflow: visible !important;
    }

    #timeshot-app-wrapper #section-cuadrante .cuescore-table-container {
        overflow: visible !important;
    }

    #timeshot-app-wrapper #section-cuadrante .score {
        gap: 4px !important;
        overflow: visible !important;
    }

    #timeshot-app-wrapper #section-cuadrante .match-options-btn,
    #timeshot-app-wrapper #section-cuadrante .view-comment-btn,
    #timeshot-app-wrapper #section-cuadrante .match-no a {
        min-width: 44px !important;
        min-height: 44px !important;
    }

    #timeshot-app-wrapper #section-cuadrante .match-options-menu {
        right: auto !important;
        left: 0 !important;
        width: min(260px, calc(100vw - 48px)) !important;
        max-width: calc(100vw - 48px) !important;
        z-index: 10020 !important;
    }

    #streamingOverlayModal .modal-box {
        width: calc(100% - 16px) !important;
    }

    #streamingOverlayModal #streamingOverlayLayoutControls,
    #streamingOverlayModal #streamingOverlayLayoutControls > div,
    #streamingOverlayModal .streaming-overlay-sponsor-panel {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #streamingOverlayModal #streamingOverlayPreview {
        width: 100% !important;
        max-width: 100% !important;
    }

    #streamingOverlayModal #streamingOverlayLayoutControls > div:has(#overlayTopDesignUpload),
    #streamingOverlayModal #streamingOverlayLayoutControls > div:has(#overlayBottomDesignUpload) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #streamingOverlayModal #streamingOverlayLayoutControls button {
        min-height: 44px !important;
        white-space: normal !important;
    }
}

@media (max-width: 480px) {
    #timeshot-app-wrapper #section-inicio > .welcome-card {
        grid-template-columns: 48px minmax(0, 1fr) 48px;
    }

    #timeshot-app-wrapper #section-inicio > .welcome-card img {
        width: 48px !important;
        height: 48px !important;
    }

    #timeshot-app-wrapper .inicio-filtros,
    #timeshot-app-wrapper .stats-kpi-grid,
    #timeshot-app-wrapper .admin-stats-grid,
    #timeshot-app-wrapper .admin-banner-item-actions,
    #timeshot-app-wrapper .admin-usuario-actions,
    #timeshot-app-wrapper .confirm-modal-actions,
    #timeshot-app-wrapper .schedule-modal-actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #streamingOverlayModal .streaming-overlay-link-row,
    #streamingOverlayModal #streamingOverlayLayoutControls > div:has(#overlayTopDesignUpload),
    #streamingOverlayModal #streamingOverlayLayoutControls > div:has(#overlayBottomDesignUpload) {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-height: 700px) {
    body .modal-overlay {
        align-items: flex-start !important;
    }
}

@media (max-width: 768px) {
    #timeshot-app-wrapper #section-crear-torneo.is-circuit-test-workspace {
        width: calc(100vw - 48px) !important;
        max-width: calc(100vw - 48px) !important;
        min-width: 0 !important;
        margin-right: 12px !important;
        margin-left: 12px !important;
        overflow: hidden !important;
    }

    #timeshot-app-wrapper #section-crear-torneo.is-circuit-test-workspace .crear-torneo-card,
    #timeshot-app-wrapper #section-crear-torneo.is-circuit-test-workspace .circuit-test-workspace-layout {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #timeshot-app-wrapper #section-crear-torneo.is-circuit-test-workspace input,
    #timeshot-app-wrapper #section-crear-torneo.is-circuit-test-workspace select,
    #timeshot-app-wrapper #section-crear-torneo.is-circuit-test-workspace textarea {
        font-size: 16px !important;
    }

    #timeshot-app-wrapper #section-participantes {
        width: calc(100vw - 48px) !important;
        max-width: calc(100vw - 48px) !important;
        min-width: 0 !important;
        margin-right: 12px !important;
        margin-left: 12px !important;
        overflow: hidden !important;
    }

    #timeshot-app-wrapper #section-participantes .participants-modern-shell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #timeshot-app-wrapper .participants-modern-head h1 {
        font-size: 1.3rem !important;
        line-height: 1.25 !important;
    }

    #timeshot-app-wrapper #section-participantes .participant-card {
        grid-template-columns: 36px 54px minmax(0, 1fr) !important;
        min-height: 0 !important;
        padding: 12px !important;
    }

    #timeshot-app-wrapper #section-participantes .participant-modern-payment {
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr) 98px auto;
        width: 100%;
        align-items: center;
        justify-items: start;
        padding-top: 9px;
        border-top: 1px solid #17324c;
    }

    #timeshot-app-wrapper #section-detalle-torneo {
        width: calc(100vw - 48px) !important;
        max-width: calc(100vw - 48px) !important;
        min-width: 0 !important;
        margin-right: 12px !important;
        margin-left: 12px !important;
        overflow: hidden !important;
    }

    #timeshot-app-wrapper #section-detalle-torneo #torneoDetailCard,
    #timeshot-app-wrapper #section-detalle-torneo .circuit-detail-shell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #timeshot-app-wrapper #section-detalle-torneo .tournament-modern-shell {
        width: calc(100vw - 72px) !important;
        max-width: calc(100vw - 72px) !important;
        min-width: 0 !important;
    }

    #timeshot-app-wrapper .tournament-modern-actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #timeshot-app-wrapper .tournament-modern-top h1 {
        font-size: 1.35rem !important;
        line-height: 1.25 !important;
    }

    #timeshot-app-wrapper .tournament-modern-actions button {
        min-height: 48px !important;
        font-size: .88rem !important;
    }

    #timeshot-app-wrapper .tournament-modern-hero h2 {
        font-size: 1.6rem !important;
        line-height: 1.25 !important;
    }

    #timeshot-app-wrapper .tournament-modern-hero p {
        font-size: .95rem !important;
    }

    #timeshot-app-wrapper .tournament-modern-facts b,
    #timeshot-app-wrapper .tournament-modern-summary > div {
        font-size: .85rem !important;
    }

    #timeshot-app-wrapper .tournament-modern-players span b,
    #timeshot-app-wrapper .tournament-modern-players button {
        font-size: .82rem !important;
    }

    #timeshot-app-wrapper .circuit-detail-top h1 {
        font-size: 1.5rem !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    #timeshot-app-wrapper .circuit-detail-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
    }

    #timeshot-app-wrapper .circuit-detail-actions button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        height: auto !important;
        padding: 8px !important;
        white-space: normal !important;
    }

    #timeshot-app-wrapper .circuit-detail-hero > div {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    #timeshot-app-wrapper .circuit-detail-hero h2,
    #timeshot-app-wrapper .circuit-detail-hero p {
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    #timeshot-app-wrapper .circuit-detail-hero h2 {
        font-size: 1.8rem !important;
    }

    #timeshot-app-wrapper .circuit-detail-hero p {
        font-size: 1rem !important;
    }

    #timeshot-app-wrapper .circuit-detail-test-copy > strong {
        font-size: 1rem !important;
    }

    #timeshot-app-wrapper .circuit-detail-progress-copy {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    #timeshot-app-wrapper .circuit-detail-test {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #timeshot-app-wrapper .circuit-detail-test-image {
        display: block !important;
        height: 130px !important;
        min-height: 0 !important;
    }

    #timeshot-app-wrapper .circuit-detail-test-copy {
        padding: 12px !important;
    }

    #timeshot-app-wrapper .circuit-detail-test-copy > strong {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    #timeshot-app-wrapper .circuit-detail-test-copy > em {
        flex-wrap: wrap !important;
    }

    #timeshot-app-wrapper #section-detalle-torneo .circuit-detail-hero,
    #timeshot-app-wrapper #section-detalle-torneo .tournament-modern-hero {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #timeshot-app-wrapper #section-detalle-torneo .circuit-detail-cover,
    #timeshot-app-wrapper #section-detalle-torneo .tournament-modern-cover {
        display: block !important;
        width: 100% !important;
        height: 160px !important;
        box-sizing: border-box !important;
    }

    #timeshot-app-wrapper #section-detalle-torneo .circuit-detail-cover img,
    #timeshot-app-wrapper #section-detalle-torneo .tournament-modern-cover img {
        display: block !important;
        object-fit: contain !important;
    }

    #timeshot-app-wrapper #section-detalle-torneo .circuit-detail-ranking {
        overflow-x: auto !important;
    }

    #timeshot-app-wrapper #section-detalle-torneo .circuit-detail-ranking article {
        min-width: 270px !important;
        grid-template-columns: 30px 32px minmax(0, 1fr) 58px !important;
        gap: 6px !important;
    }

    #timeshot-app-wrapper #section-detalle-torneo .circuit-detail-ranking article > b {
        width: 28px !important;
        height: 28px !important;
    }

    #timeshot-app-wrapper #section-detalle-torneo .circuit-detail-ranking img {
        width: 32px !important;
        height: 32px !important;
    }

    #timeshot-app-wrapper #section-detalle-torneo .circuit-detail-ranking span small {
        white-space: nowrap !important;
    }

    #timeshot-app-wrapper #section-cuadrante {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        margin-right: 12px !important;
        margin-left: 12px !important;
        overflow: hidden !important;
    }

    #timeshot-app-wrapper #section-cuadrante #cuadranteHeader,
    #timeshot-app-wrapper #section-cuadrante #cuadranteContainer,
    #timeshot-app-wrapper #section-cuadrante #streamsContainer {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #timeshot-app-wrapper #section-cuadrante .cuadrante-header {
        padding: 0 !important;
    }

    #timeshot-app-wrapper #section-cuadrante .cuadrante-hero-main {
        grid-template-columns: 48px minmax(0, 1fr) !important;
        padding: 17px 14px !important;
    }

    #timeshot-app-wrapper #section-cuadrante .cuadrante-event-identity {
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    #timeshot-app-wrapper #section-cuadrante .cuadrante-event-identity h2 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        font-size: .95rem !important;
    }

    #timeshot-app-wrapper #section-cuadrante .cuadrante-meta {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 0 !important;
    }

    #timeshot-app-wrapper #section-cuadrante .cuadrante-meta span {
        min-width: 0 !important;
        padding: 10px 12px !important;
        overflow-wrap: anywhere !important;
    }

    #timeshot-app-wrapper #section-cuadrante .match-columns {
        display: none !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list colgroup {
        display: none !important;
    }

    #timeshot-app-wrapper #section-cuadrante .match-identity {
        flex-wrap: nowrap !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list .col-match {
        width: 225px !important;
    }

    #timeshot-app-wrapper #section-cuadrante .match-status {
        order: 1;
    }

    #timeshot-app-wrapper #section-cuadrante .match-event-slots {
        order: 2;
    }

    #timeshot-app-wrapper #section-cuadrante .match-number {
        order: 3;
        margin-left: auto;
    }

    #timeshot-app-wrapper #section-cuadrante .match-status {
        display: none !important;
    }
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) and (max-width: 1100px) {
    /* Mantener el cuadrante en filas horizontales, desplazable sin alterar sus controles. */
    #timeshot-app-wrapper #section-cuadrante .cuescore-table-container {
        overflow-x: auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list {
        display: table !important;
        width: 1260px !important;
        min-width: 1260px !important;
        table-layout: fixed;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tbody {
        display: table-row-group !important;
        width: auto !important;
        min-width: 0 !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list colgroup {
        display: table-column-group !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-header,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-separator,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.match-row,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.match-columns {
        display: table-row !important;
        width: auto !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-header th,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.match-columns th {
        display: table-cell !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.round-separator td,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.match-row > td {
        display: table-cell !important;
        width: auto !important;
        vertical-align: middle;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.match-row > .separator {
        display: table-cell !important;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list tr.match-row > .match-no > div {
        width: auto;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list .player-wrapper,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list .player-wrapper.right-align {
        width: auto !important;
    }
}


/* Mobile bracket headers: put each label above its value instead of wrapping the whole phrase. */
@media(max-width:760px){
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list .cuadrante-round-title {
        display:flex!important;
        flex:1 1 100%!important;
        align-items:stretch!important;
        justify-content:center!important;
        gap:10px!important;
        flex-wrap:wrap!important;
        text-align:center!important;
    }
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list :is(.round-title,.round-match-count) {
        display:inline-flex!important;
        min-width:64px;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:2px!important;
        white-space:normal!important;
        text-align:center!important;
        line-height:1.12!important;
    }
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list .round-title-label,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list .round-match-count>span {
        display:block!important;
        color:#9db4c6!important;
        font-size:10px!important;
        font-weight:850!important;
        letter-spacing:.7px!important;
        text-transform:uppercase;
    }
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list .round-title-value,
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list .round-match-count>b {
        display:block!important;
        color:#f1f7fb!important;
        font-size:14px!important;
        font-weight:950!important;
    }
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list .round-title { font-size:inherit!important; }
    #timeshot-app-wrapper #section-cuadrante table.cuescore-list .round-match-count { color:#f1f7fb!important; }
}

@media(max-width:760px){
    #timeshot-app-wrapper #section-cuadrante .quadrant-score-controls{gap:4px!important}
    #timeshot-app-wrapper #section-cuadrante .quadrant-player-clock{display:inline-block;min-width:48px;text-align:center;color:#70e2f3;font:800 12px/1.2 ui-monospace,monospace;white-space:nowrap}
}
@media(max-width:760px){
 #timeshot-app-wrapper #section-cuadrante .player-wrapper .quadrant-player-clock{display:inline-block;min-width:48px;margin:0 10px;text-align:center;color:#9ca3af;font:800 12px/1.2 ui-monospace,monospace;white-space:nowrap;vertical-align:middle}
 #timeshot-app-wrapper #section-cuadrante .player-wrapper .quadrant-player-clock.is-running{color:#2ee6b1}
}


/* Compact per-player countdown badges, aligned on the TS ID baseline. */
#timeshot-app-wrapper #section-cuadrante .player-wrapper .quadrant-player-clock{
    box-sizing:border-box!important;display:inline-flex!important;flex:0 0 84px!important;width:84px!important;min-width:84px!important;height:34px!important;
    align-items:center!important;justify-content:center!important;gap:6px!important;margin:0 12px!important;padding:0 7px!important;
    border:1px solid #2e6680!important;border-radius:8px!important;background:linear-gradient(180deg,#15354a,#0d293b)!important;
    color:#cbd6e1!important;font:700 15px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.15px!important;white-space:nowrap!important;vertical-align:middle!important;
}
#timeshot-app-wrapper #section-cuadrante .player-a .quadrant-player-clock{border-color:#ef3340!important}
#timeshot-app-wrapper #section-cuadrante .player-b .quadrant-player-clock{border-color:#13a9df!important}
#timeshot-app-wrapper #section-cuadrante .quadrant-player-clock::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#8195a9;box-shadow:0 0 0 2px rgba(129,149,169,.14)}
#timeshot-app-wrapper #section-cuadrante .quadrant-player-clock.is-running{color:#e5faf5!important}
#timeshot-app-wrapper #section-cuadrante .quadrant-player-clock.is-running::before{background:#37e2b4;box-shadow:0 0 7px rgba(55,226,180,.75)}

/* Clock slots stay anchored independently from TS ID highlighting and polling updates. */
#timeshot-app-wrapper #section-cuadrante td.quadrant-clock-slot-a,
#timeshot-app-wrapper #section-cuadrante td.quadrant-clock-slot-b{overflow:visible!important}
#timeshot-app-wrapper #section-cuadrante td.quadrant-clock-slot-a>.quadrant-player-clock,
#timeshot-app-wrapper #section-cuadrante td.quadrant-clock-slot-b>.quadrant-player-clock{
    position:absolute!important;top:50%!important;z-index:5!important;transform:translateY(-50%)!important;
    box-sizing:border-box!important;display:inline-flex!important;flex:none!important;width:84px!important;min-width:84px!important;height:34px!important;
    align-items:center!important;justify-content:center!important;gap:6px!important;margin:0!important;padding:0 7px!important;
    border:1px solid #2e6680!important;border-radius:8px!important;background:linear-gradient(180deg,#15354a,#0d293b)!important;
    color:#cbd6e1!important;font:700 15px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;white-space:nowrap!important;
    opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important;pointer-events:none!important;
}
#timeshot-app-wrapper #section-cuadrante td.quadrant-clock-slot-a>.quadrant-player-clock{right:calc(8px + 2cm)!important;left:auto!important}
#timeshot-app-wrapper #section-cuadrante td.quadrant-clock-slot-b>.quadrant-player-clock{left:calc(12px + 2cm)!important;right:auto!important}
#timeshot-app-wrapper #section-cuadrante .player-wrapper .name.player-highlight{flex-shrink:1!important;min-width:0!important}


/* Persistent, player-specific visual alert for a pause initiated on that player's tablet clock. */
@keyframes ts-player-clock-pause-alert-a {
    0%,100% { box-shadow: inset 0 0 0 2px rgba(239,51,64,.55), inset 0 0 16px rgba(239,51,64,.08); }
    50% { box-shadow: inset 0 0 0 3px rgba(255,87,96,.98), inset 0 0 24px rgba(239,51,64,.24); }
}
@keyframes ts-player-clock-pause-alert-b {
    0%,100% { box-shadow: inset 0 0 0 2px rgba(19,169,223,.52), inset 0 0 16px rgba(19,169,223,.08); }
    50% { box-shadow: inset 0 0 0 3px rgba(65,203,255,.98), inset 0 0 24px rgba(19,169,223,.24); }
}
#timeshot-app-wrapper #section-cuadrante td.player-a.is-player-clock-paused,
#timeshot-app-wrapper #section-cuadrante td.player-b.is-player-clock-paused{position:relative!important;clip-path:none!important;animation:none!important;border-radius:8px;border-right:0!important;box-shadow:none!important;outline:0!important}
#timeshot-app-wrapper #section-cuadrante td.player-a.is-player-clock-paused::after,
#timeshot-app-wrapper #section-cuadrante td.player-b.is-player-clock-paused::after{content:"";position:absolute;inset:2px 52px 2px 2px;z-index:8;border:2px solid currentColor;border-radius:8px;pointer-events:none;transform:translateX(1.25cm);animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
#timeshot-app-wrapper #section-cuadrante td.player-a.is-player-clock-paused{color:#ef3340!important;border-right:0!important;box-shadow:none!important;outline:0!important}
#timeshot-app-wrapper #section-cuadrante td.player-b.is-player-clock-paused{color:#13a9df!important;border-right:0!important;box-shadow:none!important;outline:0!important}
#timeshot-app-wrapper #section-cuadrante td.player-a.is-player-clock-paused::after{animation-name:ts-player-clock-pause-alert-a;transform:translateX(0)}
#timeshot-app-wrapper #section-cuadrante td.player-b.is-player-clock-paused::after{animation-name:ts-player-clock-pause-alert-b;transform:translateX(1.25cm)}
@media(prefers-reduced-motion:reduce){
 #timeshot-app-wrapper #section-cuadrante td.player-a.is-player-clock-paused::after,
 #timeshot-app-wrapper #section-cuadrante td.player-b.is-player-clock-paused::after{animation:none!important}
}


.ts-final-seeds-dialog{width:min(980px,calc(100vw - 28px))!important;max-height:min(88vh,900px)!important;overflow:auto!important}
.ts-final-seeds-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 24px;color:#e8f2fa}
.ts-final-seeds-body>section{min-width:0;padding:14px;border:1px solid #234560;border-radius:12px;background:#081b2c}
.ts-final-seeds-body h3{display:flex;justify-content:space-between;gap:8px;margin:0 0 12px;color:#e9f4fb;font-size:14px}
.ts-final-seed-help{margin:0 0 12px;color:#9bb2c7;font-size:12px;line-height:1.5}
.ts-final-seed-available{display:grid;gap:7px;max-height:48vh;overflow:auto}
.ts-final-seed-candidate{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border:1px solid #29465f;border-radius:9px;background:#0e2539;color:#dceaf5;text-align:left;cursor:pointer}
.ts-final-seed-candidate.is-selected{border-color:#dbb652;background:#302b1d}
.ts-final-seed-candidate>b{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#19364d;color:#70ddf1}
.ts-final-seed-candidate>span,.ts-final-seed-selected li>span{display:grid;min-width:0;gap:3px;flex:1}
.ts-final-seed-candidate strong,.ts-final-seed-selected strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.ts-final-seed-candidate small,.ts-final-seed-selected small{color:#90a8bc;font-size:10px}
.ts-final-seed-candidate>i{color:#d7ba68;font-size:11px;font-style:normal;font-weight:800}
.ts-final-seed-selected{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.ts-final-seed-selected li{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #3a4a3d;border-radius:9px;background:#17251f}
.ts-final-seed-rank{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#e4bd54;color:#16202b}
.ts-final-seed-selected li>div{display:flex;gap:4px}
.ts-final-seed-selected li button{width:27px;height:27px;border:1px solid #3b596d;border-radius:6px;background:#132f44;color:#e8f4fa;cursor:pointer}
.ts-final-seed-selected li button:disabled{opacity:.35;cursor:default}
.ts-final-seeds-dialog .ts-seeds-footer{position:sticky;bottom:0;background:#07182a}
.final-draw-row.is-final-seeded{border-color:#d9b64f;background:rgba(217,182,79,.08)}
.final-draw-row.is-final-seeded select{opacity:.88;cursor:not-allowed}
@media(max-width:700px){.ts-final-seeds-body{grid-template-columns:1fr;padding:14px}.ts-final-seeds-body>section{padding:11px}.ts-final-seed-available{max-height:34vh}}


/* Keep labels readable in bracket headers on desktop as well as stacked mobile layouts. */
#timeshot-app-wrapper #section-cuadrante .cuadrante-round-title .round-title-value{margin-left:.32em}
#timeshot-app-wrapper #section-cuadrante .cuadrante-round-title .round-match-count{display:inline-flex;align-items:baseline;gap:4px}
@media(max-width:760px){
 #timeshot-app-wrapper #section-cuadrante .cuadrante-round-title .round-title-value{margin-left:0}
}

@media(max-width:760px){
 #timeshot-app-wrapper #section-cuadrante table.cuescore-list .round-match-count>span{text-transform:none!important;letter-spacing:0!important}
}


/* Quadrant identity shares the round-title typography, while remaining a single red inline label. */
#timeshot-app-wrapper #section-cuadrante table.cuescore-list .cuadrante-round-title .round-title.round-quadrant-title{
    display:inline-flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
    min-width:0!important;gap:5px!important;color:#ef4444!important;white-space:nowrap!important;
}
#timeshot-app-wrapper #section-cuadrante table.cuescore-list .round-title.round-quadrant-title>span,
#timeshot-app-wrapper #section-cuadrante table.cuescore-list .round-title.round-quadrant-title>.round-quadrant-separator{
    display:inline!important;font:inherit!important;color:#ef4444!important;letter-spacing:inherit!important;text-transform:inherit!important;
}
#timeshot-app-wrapper #section-cuadrante table.cuescore-list .round-title.round-quadrant-title>.round-quadrant-separator{font-weight:900!important}


/* Do not expose tournament-wide actions while viewing a qualifying A/B bracket. */
#timeshot-app-wrapper #section-cuadrante.is-qualifier-quadrant-view .admin-action-edit,
#timeshot-app-wrapper #section-cuadrante.is-qualifier-quadrant-view .admin-action-schedule,
#timeshot-app-wrapper #section-cuadrante.is-qualifier-quadrant-view .admin-action-sorteo-final,
#timeshot-app-wrapper #section-cuadrante.is-qualifier-quadrant-view .admin-action-finish,
#timeshot-app-wrapper #section-cuadrante.is-qualifier-quadrant-view .admin-action-delete{display:none!important}

#timeshot-app-wrapper #section-cuadrante.is-final-quadrant-view .admin-action-edit,
#timeshot-app-wrapper #section-cuadrante.is-final-quadrant-view .admin-action-schedule,
#timeshot-app-wrapper #section-cuadrante.is-final-quadrant-view .admin-action-finish,
#timeshot-app-wrapper #section-cuadrante.is-final-quadrant-view .admin-action-delete{display:none!important}

#quadrantSeedsModal .ts-final-seed-candidate>img,
#quadrantSeedsModal .ts-final-seed-selected li>img{display:block;width:36px;height:36px;flex:0 0 36px;object-fit:cover;border:1px solid #3c6680;border-radius:50%;background:#122d42}
#quadrantSeedsModal .ts-final-seed-selected li>img{width:34px;height:34px;flex-basis:34px}


/* More comfortable reading sizes in the Final Bracket seed manager only. */
#finalBracketSeedsModal .ts-seeds-header p{font-size:16px;line-height:1.55}
#finalBracketSeedsModal .ts-final-seeds-body h3{font-size:16px;line-height:1.35}
#finalBracketSeedsModal .ts-final-seed-help{font-size:14px;line-height:1.6}
#finalBracketSeedsModal .ts-final-seed-candidate{gap:12px;padding:11px}
#finalBracketSeedsModal .ts-final-seed-candidate>b{width:32px;height:32px;flex-basis:32px;font-size:14px}
#finalBracketSeedsModal .ts-final-seed-candidate strong{font-size:15px;line-height:1.3}
#finalBracketSeedsModal .ts-final-seed-candidate small{font-size:12px;line-height:1.35}
#finalBracketSeedsModal .ts-final-seed-candidate>i{font-size:12px}
#finalBracketSeedsModal .ts-final-seed-selected li{gap:11px;padding:10px}
#finalBracketSeedsModal .ts-final-seed-rank{width:32px;height:32px;flex-basis:32px;font-size:14px}
#finalBracketSeedsModal .ts-final-seed-selected strong{font-size:14px;line-height:1.3}
#finalBracketSeedsModal .ts-final-seed-selected small{font-size:12px;line-height:1.35}
#finalBracketSeedsModal .ts-final-seed-selected li button{width:31px;height:31px;font-size:15px}
#finalBracketSeedsModal .ts-seeds-footer p{font-size:12px;line-height:1.55}
#finalBracketSeedsModal .ts-seeds-footer button{font-size:14px}
@media(max-width:700px){
 #finalBracketSeedsModal .ts-seeds-header p{font-size:14px}
 #finalBracketSeedsModal .ts-final-seed-candidate strong{font-size:14px}
 #finalBracketSeedsModal .ts-final-seed-selected strong{font-size:14px}
}

#finalBracketSeedsModal .ts-seeds-footer>div{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:9px}
#finalBracketSeedsModal .ts-seeds-footer .ts-seeds-position{min-width:220px;border-color:#2ebda5;background:linear-gradient(110deg,#087c72,#0d9b82);color:#fff}
@media(max-width:700px){
 #finalBracketSeedsModal .ts-seeds-footer{align-items:stretch;flex-direction:column}
 #finalBracketSeedsModal .ts-seeds-footer>div{display:grid;width:100%;grid-template-columns:1fr 1fr}
 #finalBracketSeedsModal .ts-seeds-footer>div button{min-width:0;width:100%}
 #finalBracketSeedsModal .ts-seeds-footer .ts-seeds-position{grid-column:1/-1}
}


/* Guided A/B or single-quadrant draw wizard; deliberately has no Final-bracket controls. */
.ts-sort-wizard-backdrop{position:fixed;inset:0;z-index:100080;display:grid;place-items:center;padding:14px;background:rgba(1,7,18,.84);backdrop-filter:blur(9px);box-sizing:border-box}
.ts-sort-wizard{display:flex;width:min(1180px,100%);max-height:calc(100dvh - 28px);min-height:min(650px,calc(100dvh - 28px));flex-direction:column;overflow:hidden;border:1px solid #287397;border-radius:18px;background:linear-gradient(145deg,#0d2a43,#061727);color:#edf7fc;box-shadow:0 28px 85px rgba(0,0,0,.72),0 0 28px rgba(0,190,230,.12)}
.ts-sort-wizard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 26px;border-bottom:1px solid #24475f;background:linear-gradient(110deg,#10344f,#0a2137)}
.ts-sort-wizard-header small,.ts-sort-wizard-content>small{color:#52d8ef;font-size:10px;font-weight:900;letter-spacing:1.6px}
.ts-sort-wizard-header h2{margin:5px 0;font-size:24px;line-height:1.2}.ts-sort-wizard-header p{margin:0;color:#9eb7c9;font-size:13px;line-height:1.45}
.ts-sort-wizard-close{width:38px;height:38px;flex:0 0 38px;border:1px solid #3b647d;border-radius:10px;background:#12344b;color:#eaf7fc;font-size:23px;cursor:pointer}
.ts-sort-wizard-steps[hidden]{display:none!important}
.ts-sort-wizard-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:13px 20px;border-bottom:1px solid #1d3b52;background:#071a2b}
.ts-sort-wizard-step{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid #25465d;border-radius:9px;background:#091e30;color:#849daf}
.ts-sort-wizard-step b{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border:1px solid #3e5d72;border-radius:50%;font-size:11px}
.ts-sort-wizard-step span{overflow:hidden;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.ts-sort-wizard-step.is-active{border-color:#1b9ec1;background:#0c3047;color:#f4fbff;box-shadow:inset 0 0 0 1px #1b9ec155}
.ts-sort-wizard-step.is-active b{border-color:#39c5e3;background:#127494;color:#fff}.ts-sort-wizard-step.is-done{border-color:#28705c;color:#aae4d2}.ts-sort-wizard-step.is-done b{border-color:#2eb68c;background:#0d5b49;color:#e4fff5}
.ts-sort-wizard-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:17px;flex:1;min-height:0;overflow:auto;padding:22px}
.ts-sort-wizard-content{min-width:0;padding:4px 2px}.ts-sort-wizard-content h3{margin:5px 0 7px;font-size:21px}.ts-sort-wizard-content>p{margin:0 0 16px;color:#a4bdce;font-size:14px;line-height:1.55}
.ts-sort-wizard-stats{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 17px}.ts-sort-wizard-stats span{padding:9px 11px;border:1px solid #2a4d65;border-radius:8px;background:#081c2d;color:#a6becc;font-size:12px}.ts-sort-wizard-stats b{color:#edfaff}
.ts-sort-wizard-config{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:10px 0;padding:12px 16px;border:1px solid #188fb6;border-radius:10px;background:linear-gradient(120deg,#0f6480,#126c9c);color:white;font-size:14px;font-weight:900;cursor:pointer}
.ts-sort-wizard-config:hover{border-color:#51d9f2;background:linear-gradient(120deg,#117895,#147fb2)}
.ts-sort-wizard-footnote,.ts-sort-wizard-note,.ts-sort-wizard-state{margin:11px 0 0;padding:12px 14px;border:1px solid #2a5066;border-radius:9px;background:#091d2e;color:#a8c0ce;font-size:12px;line-height:1.55}
.ts-sort-wizard-state{border-color:#326455;background:#0a2823;color:#b8e8d7}.ts-sort-wizard-guide{align-self:start;padding:16px;border:1px solid #2b536c;border-radius:12px;background:linear-gradient(150deg,#0d293f,#081b2d)}
.ts-sort-wizard-guide>strong{color:#53d8ef;font-size:10px;font-weight:900;letter-spacing:1.5px}.ts-sort-wizard-guide h4{margin:9px 0;color:#f2f8fc;font-size:16px;line-height:1.35}.ts-sort-wizard-guide p{color:#a5bdcc;font-size:13px;line-height:1.55}.ts-sort-wizard-guide>div{margin-top:12px;padding:10px;border:1px solid #3a5a68;border-radius:8px;background:#111f28;color:#d5e2e7;font-size:12px;line-height:1.5}.ts-sort-wizard-guide>small{display:block;margin-top:12px;color:#72cddb;font-size:10px;line-height:1.4}
.ts-sort-wizard-schedule{display:flex;align-items:flex-start;gap:11px;margin:12px 0;padding:14px;border:1px solid #2a4d65;border-radius:10px;background:#091f32;cursor:pointer}.ts-sort-wizard-schedule input{margin-top:4px;accent-color:#16a8c7}.ts-sort-wizard-schedule b{display:block;color:#eef8fc;font-size:14px}.ts-sort-wizard-schedule small{display:block;margin-top:4px;color:#9fb7c7;font-size:12px;line-height:1.45}
.ts-sort-wizard-date{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px;border:1px solid #2a4d65;border-radius:9px;background:#071a2b}.ts-sort-wizard-date[hidden]{display:none}.ts-sort-wizard-date label{display:grid;gap:6px;color:#b5cbd8;font-size:11px;font-weight:850}.ts-sort-wizard-date input{min-width:0;height:39px;padding:0 9px;border:1px solid #345b73;border-radius:7px;background:#061421;color:#f1f8fc}
.ts-sort-wizard-status{min-height:18px;margin:0;padding:0 23px 8px;color:#ffd273;font-size:12px}.ts-sort-wizard>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-top:1px solid #25465d;background:#071727}.ts-sort-wizard>footer>div{display:flex;gap:8px}.ts-sort-wizard>footer button{min-height:42px;padding:9px 15px;border:1px solid #365971;border-radius:8px;background:#15364c;color:#e5f2f8;font-size:12px;font-weight:900;cursor:pointer}.ts-sort-wizard>footer button:disabled{opacity:.55;cursor:wait}.ts-sort-wizard>footer .ts-sort-wizard-generate{border-color:#159b79;background:linear-gradient(110deg,#0d9a76,#087b67);color:white}.ts-sort-wizard>footer [hidden]{display:none!important}
.manual-draw-row.is-seed-locked{border-color:#c29b3c;background:#292719}.manual-draw-seed-lock{display:block;margin-top:5px;color:#f0cf70;font-size:10px;font-weight:900;letter-spacing:.35px}
@media(max-width:760px){.ts-sort-wizard-backdrop{padding:0}.ts-sort-wizard{min-height:100dvh;max-height:100dvh;border-radius:0}.ts-sort-wizard-header{padding:16px}.ts-sort-wizard-header h2{font-size:21px}.ts-sort-wizard-steps{gap:4px;padding:9px}.ts-sort-wizard-step{justify-content:center;padding:7px 4px}.ts-sort-wizard-step span{display:none}.ts-sort-wizard-body{display:flex;flex-direction:column;gap:10px;padding:13px;overflow:auto}.ts-sort-wizard-guide{order:-1;padding:11px}.ts-sort-wizard-guide h4{margin:5px 0;font-size:14px}.ts-sort-wizard-guide p{margin:5px 0;font-size:12px}.ts-sort-wizard-guide>div,.ts-sort-wizard-guide>small{display:none}.ts-sort-wizard-content h3{font-size:19px}.ts-sort-wizard-content>p{font-size:13px}.ts-sort-wizard-date{grid-template-columns:1fr}.ts-sort-wizard>footer{position:sticky;bottom:0;padding:10px}.ts-sort-wizard>footer>div{flex:1}.ts-sort-wizard>footer button{flex:1;min-width:0;padding:8px 7px;font-size:11px}}

/* Readable typography and controls for the integrated draw wizard. */
.ts-sort-wizard-header h2{font-size:27px}.ts-sort-wizard-header p,.ts-sort-wizard-content>p{font-size:16px;line-height:1.55}.ts-sort-wizard-steps{gap:10px}.ts-sort-wizard-step{padding:11px 12px}.ts-sort-wizard-step b{width:30px;height:30px;flex-basis:30px;font-size:14px}.ts-sort-wizard-step span{font-size:14px}.ts-sort-wizard-content h3{font-size:24px}.ts-sort-wizard-content small,.ts-sort-wizard-player small,.ts-sort-wizard-guide p{font-size:14px}.ts-sort-wizard-player b,.ts-sort-wizard-seed{font-size:16px}.ts-sort-wizard-player select,.ts-sort-wizard-inline-toolbar input,.ts-sort-wizard-inline-toolbar select,.ts-sort-wizard-head-search,.ts-sort-wizard-content button{font-size:15px;min-height:42px}.ts-sort-wizard-guide h4{font-size:17px}.ts-sort-wizard-guide p{line-height:1.5}.ts-sort-wizard>footer button{font-size:15px;min-height:44px}
@media(max-width:760px){.ts-sort-wizard-header h2{font-size:23px}.ts-sort-wizard-step b{width:30px;height:30px;flex-basis:30px;font-size:14px}.ts-sort-wizard-content>p{font-size:15px}.ts-sort-wizard>footer button{font-size:13px}}

/* Match the integrated wizard markup to the approved standalone mockup. */
#tsSortQuadrantsWizard{padding:14px!important;background:rgba(1,7,18,.88)!important}
#tsSortQuadrantsWizard .ts-sort-wizard{width:min(1500px,100%)!important;min-height:min(820px,calc(100dvh - 28px))!important;max-height:calc(100dvh - 28px)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(12,38,60,.99),rgba(5,17,31,.99))!important}
#tsSortQuadrantsWizard .ts-sort-wizard-header{padding:24px 30px 19px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-steps{padding:16px 30px 15px!important;gap:8px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-step{justify-content:flex-start!important;padding:10px 12px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-step span{display:block!important;white-space:nowrap!important;font-size:13px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-body{grid-template-columns:minmax(0,1fr) 285px!important;gap:18px!important;padding:20px 24px!important;overflow:auto!important}
#tsSortQuadrantsWizard .ts-sort-wizard-content{padding:0!important}
#tsSortQuadrantsWizard .ts-sort-wizard-content h3{font-size:22px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-content>p{font-size:14px!important;margin-bottom:16px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-guide{padding:17px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-guide h4{font-size:17px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-guide p{font-size:13px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-stats{gap:8px!important;margin:13px 0 16px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-stats span{padding:8px 10px!important;font-size:12px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-inline-toolbar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin:10px 0!important}
#tsSortQuadrantsWizard .ts-sort-wizard-inline-toolbar input,#tsSortQuadrantsWizard .ts-sort-wizard-head-search{flex:1 1 260px!important;width:100%!important;min-width:180px!important;height:39px!important;padding:0 11px!important;border:1px solid #345b74!important;border-radius:8px!important;background:#061522!important;color:#eff9fd!important;font-size:13px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-inline-toolbar label{display:flex!important;align-items:center!important;gap:8px!important;color:#b4c9d6!important;font-size:12px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-inline-toolbar select,#tsSortQuadrantsWizard .ts-sort-wizard-player select{height:38px!important;padding:0 10px!important;border:1px solid #345b74!important;border-radius:7px!important;background:#07192a!important;color:#eaf7fc!important;font-size:13px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-head-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;gap:14px!important;min-height:480px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-inline-panel,#tsSortQuadrantsWizard .ts-sort-wizard-inline-list{min-width:0!important;overflow:hidden!important;border:1px solid #24465f!important;border-radius:12px!important;background:#071a2b!important}
#tsSortQuadrantsWizard .ts-sort-wizard-panel-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:13px 15px!important;border-bottom:1px solid #203e55!important;background:#0b2236!important;color:#edf7fc!important}
#tsSortQuadrantsWizard .ts-sort-wizard-panel-title small{color:#8fa9bc!important;font-size:11px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-candidates{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;gap:7px!important;max-height:430px!important;overflow:auto!important;padding:11px!important;border:0!important;border-radius:0!important}
#tsSortQuadrantsWizard .ts-sort-wizard-player{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-width:0!important;margin:0!important;padding:9px!important;border:1px solid #203f56!important;border-radius:9px!important;background:#0a2236!important;color:#eaf5fa!important}
#tsSortQuadrantsWizard .ts-sort-wizard-player>div:first-child{min-width:0!important}
#tsSortQuadrantsWizard .ts-sort-wizard-player b{display:block!important;overflow:hidden!important;font-size:13px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#tsSortQuadrantsWizard .ts-sort-wizard-player small{display:block!important;margin-top:4px!important;color:#8ca8bb!important;font-size:11px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-player.is-seed{border-color:#b88e2e!important;background:#292618!important}
#tsSortQuadrantsWizard .ts-sort-wizard-head-actions{display:flex!important;gap:4px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-head-actions button{min-width:34px!important;height:31px!important;padding:0 7px!important;border:1px solid #2e536a!important;border-radius:6px!important;background:#102d43!important;color:#d8e8f0!important;font-size:11px!important;font-weight:900!important}
#tsSortQuadrantsWizard .ts-sort-wizard-head-actions button.is-a,#tsSortQuadrantsWizard .ts-sort-wizard-head-actions button.is-b{border-color:#24afd4!important;background:#0e455e!important;color:#f3fcff!important}
#tsSortQuadrantsWizard .ts-sort-wizard-seed-group{margin:0!important;padding:10px!important;color:#e8f5fa!important}
#tsSortQuadrantsWizard .ts-sort-wizard-seed-group> b{display:flex!important;justify-content:space-between!important;padding:8px!important;font-size:12px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-seed{display:grid!important;grid-template-columns:25px minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;margin:5px 0!important;padding:7px!important;border:1px solid #5e512b!important;border-radius:8px!important;background:#201f18!important;color:#f1f7fb!important}
#tsSortQuadrantsWizard .ts-sort-wizard-seed> b{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;border-radius:50%!important;background:#e8bd4b!important;color:#17202b!important}
#tsSortQuadrantsWizard .ts-sort-wizard-seed button{width:26px!important;height:26px!important;padding:0!important;border:1px solid #536170!important;border-radius:5px!important;background:#102437!important;color:#e5edf4!important}
#tsSortQuadrantsWizard .ts-sort-wizard-empty{padding:12px!important;border:1px dashed #35546a!important;border-radius:8px!important;color:#8fa9bc!important;font-size:12px!important;text-align:center!important}
#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-distribution,#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-manual{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;gap:7px!important;max-height:530px!important;overflow:auto!important;padding:11px!important;border:1px solid #24465f!important;border-radius:12px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-player select{width:170px!important;max-width:100%!important}
#tsSortQuadrantsWizard .ts-sort-wizard-player em{grid-column:1/-1!important;color:#f2ce6a!important;font-size:11px!important;font-style:normal!important;font-weight:900!important}
#tsSortQuadrantsWizard .ts-sort-wizard-tabs{display:flex!important;gap:8px!important;margin:12px 0!important}
#tsSortQuadrantsWizard .ts-sort-wizard-tabs button{padding:9px 16px!important;border:1px solid #34536a!important;border-radius:8px!important;background:#0a2033!important;color:#a8bfce!important;font-weight:900!important}
#tsSortQuadrantsWizard .ts-sort-wizard-tabs button.active{border-color:#24afd4!important;background:#0e455e!important;color:#fff!important}
#tsSortQuadrantsWizard .ts-sort-wizard-date{gap:10px!important;padding:13px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-date label{font-size:12px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-schedule{padding:15px!important}
@media(max-width:900px){#tsSortQuadrantsWizard .ts-sort-wizard-body{grid-template-columns:minmax(0,1fr) 245px!important}#tsSortQuadrantsWizard .ts-sort-wizard-head-layout{grid-template-columns:minmax(0,1fr) 250px!important}}
@media(max-width:760px){#tsSortQuadrantsWizard{padding:0!important}#tsSortQuadrantsWizard .ts-sort-wizard{min-height:100dvh!important;max-height:100dvh!important;border-radius:0!important}#tsSortQuadrantsWizard .ts-sort-wizard-header{padding:16px!important}#tsSortQuadrantsWizard .ts-sort-wizard-steps{padding:10px!important}#tsSortQuadrantsWizard .ts-sort-wizard-step{justify-content:center!important;padding:7px 4px!important}#tsSortQuadrantsWizard .ts-sort-wizard-step span{display:none!important}#tsSortQuadrantsWizard .ts-sort-wizard-body{display:flex!important;flex-direction:column!important;gap:12px!important;padding:13px!important}#tsSortQuadrantsWizard .ts-sort-wizard-guide{order:-1!important}#tsSortQuadrantsWizard .ts-sort-wizard-head-layout{grid-template-columns:1fr!important}#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-candidates,#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-distribution,#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-manual{grid-template-columns:1fr!important;max-height:48vh!important}#tsSortQuadrantsWizard .ts-sort-wizard-player select{width:140px!important}#tsSortQuadrantsWizard .ts-sort-wizard>footer{position:sticky!important;bottom:0!important}}

#tsSortQuadrantsWizard .ts-sort-wizard-player{grid-template-columns:42px minmax(0,1fr) auto!important;min-height:66px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-avatar{display:block!important;width:42px!important;height:42px!important;object-fit:cover!important;border:1px solid #345b74!important;border-radius:50%!important;background:#07192a!important}
#tsSortQuadrantsWizard .ts-sort-wizard-player-identity{min-width:0!important}
#tsSortQuadrantsWizard .ts-sort-wizard-player-identity>b{display:block!important;color:#eaf5fa!important;font-size:13px!important;font-weight:900!important;line-height:1.35!important}
#tsSortQuadrantsWizard .ts-sort-wizard-player-identity>small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#tsSortQuadrantsWizard .ts-sort-wizard-player em{grid-column:2/-1!important}
@media(max-width:760px){#tsSortQuadrantsWizard .ts-sort-wizard-player{grid-template-columns:40px minmax(0,1fr) auto!important}#tsSortQuadrantsWizard .ts-sort-wizard-avatar{width:40px!important;height:40px!important}}

#tsSortQuadrantsWizard .ts-sort-wizard-seed{grid-template-columns:25px 34px minmax(0,1fr) auto!important}
#tsSortQuadrantsWizard .ts-sort-wizard-seed .ts-sort-wizard-avatar{width:34px!important;height:34px!important}

/* Schedule step: mockup-style choices, live summary and visible native date/time controls. */
#tsSortQuadrantsWizard .ts-sort-wizard-schedule-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important;gap:12px!important;align-items:stretch!important}
#tsSortQuadrantsWizard .ts-sort-wizard-schedule-panel{min-width:0!important;padding:16px!important;border:1px solid #24465f!important;border-radius:12px!important;background:#071a2b!important}
#tsSortQuadrantsWizard .ts-sort-wizard-schedule-options{display:grid!important;gap:9px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-schedule-choice{display:flex!important;align-items:flex-start!important;gap:11px!important;margin:0!important;padding:13px!important;border:1px solid #294d65!important;border-radius:10px!important;background:#0a2135!important;color:#edf7fc!important;cursor:pointer!important}
#tsSortQuadrantsWizard .ts-sort-wizard-schedule-choice.is-selected{border-color:#29aeca!important;background:#0d2d43!important;box-shadow:0 0 0 1px #1d8ca9 inset!important}
#tsSortQuadrantsWizard .ts-sort-wizard-schedule-choice input{width:15px!important;height:15px!important;flex:0 0 15px!important;margin:3px 0 0!important;accent-color:#16a7c8!important}
#tsSortQuadrantsWizard .ts-sort-wizard-schedule-choice span{display:block!important}
#tsSortQuadrantsWizard .ts-sort-wizard-schedule-choice b{display:block!important;color:#eef8fc!important;font-size:16px!important;line-height:1.4!important}
#tsSortQuadrantsWizard .ts-sort-wizard-schedule-choice small{display:block!important;margin-top:4px!important;color:#a6bdcd!important;font-size:14px!important;line-height:1.5!important}
#tsSortQuadrantsWizard .ts-sort-wizard-date{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:12px 0 0!important;padding:13px!important;border:1px solid #294b61!important;border-radius:10px!important;background:#081b2d!important}
#tsSortQuadrantsWizard .ts-sort-wizard-date label{display:grid!important;gap:7px!important;color:#c2d3dd!important;font-size:14px!important;font-weight:800!important}
#tsSortQuadrantsWizard .ts-sort-wizard-date input{width:100%!important;min-width:0!important;height:44px!important;padding:0 10px!important;border:1px solid #345970!important;border-radius:8px!important;background:#061523!important;color:#f3fafc!important;color-scheme:dark!important;font-size:15px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-date input:disabled{opacity:.58!important;cursor:not-allowed!important}
#tsSortQuadrantsWizard .ts-sort-wizard-date input::-webkit-calendar-picker-indicator{filter:invert(.92)!important;opacity:1!important;cursor:pointer!important}
#tsSortQuadrantsWizard .ts-sort-wizard-schedule-notice{margin-top:12px!important;padding:12px!important;border:1px solid #52602d!important;border-radius:9px!important;background:#1d241a!important;color:#e2edc8!important;font-size:14px!important;line-height:1.5!important}
#tsSortQuadrantsWizard .ts-sort-wizard-schedule-notice.is-scheduled{border-color:#246e83!important;background:#0b2a3b!important;color:#c8eff8!important}
#tsSortQuadrantsWizard .ts-sort-wizard-summary{min-width:0!important;padding:16px!important;border:1px solid #255d58!important;border-radius:12px!important;background:#092721!important;color:#a9cbbc!important}
#tsSortQuadrantsWizard .ts-sort-wizard-summary h4{margin:0 0 9px!important;color:#78e3c0!important;font-size:17px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-summary p{margin:0!important;color:#b7d0c4!important;font-size:14px!important;line-height:1.8!important}
#tsSortQuadrantsWizard .ts-sort-wizard-summary b{color:#e9fff7!important}
#tsSortQuadrantsWizard .ts-sort-wizard-note{font-size:14px!important;line-height:1.6!important}
#tsSortQuadrantsWizard .ts-sort-wizard-content>p{font-size:16px!important;line-height:1.6!important}
#tsSortQuadrantsWizard .ts-sort-wizard-content h3{font-size:25px!important}
@media(max-width:900px){#tsSortQuadrantsWizard .ts-sort-wizard-schedule-layout{grid-template-columns:minmax(0,1fr) 230px!important}}
@media(max-width:760px){#tsSortQuadrantsWizard .ts-sort-wizard-schedule-layout{grid-template-columns:1fr!important}#tsSortQuadrantsWizard .ts-sort-wizard-date{grid-template-columns:1fr!important}#tsSortQuadrantsWizard .ts-sort-wizard-schedule-choice b{font-size:15px!important}#tsSortQuadrantsWizard .ts-sort-wizard-schedule-choice small{font-size:13px!important}}

/* Larger, comfortably readable guide panel in wizard steps 1–3. */
#tsSortQuadrantsWizard .ts-sort-wizard-guide{padding:20px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-guide>strong{font-size:13px!important;letter-spacing:1.4px!important;line-height:1.5!important}
#tsSortQuadrantsWizard .ts-sort-wizard-guide h4{margin:11px 0!important;font-size:21px!important;line-height:1.4!important}
#tsSortQuadrantsWizard .ts-sort-wizard-guide p{margin:8px 0!important;font-size:17px!important;line-height:1.65!important}
#tsSortQuadrantsWizard .ts-sort-wizard-guide>div{margin-top:15px!important;padding:13px!important;font-size:15px!important;line-height:1.6!important}
@media(max-width:760px){#tsSortQuadrantsWizard .ts-sort-wizard-guide{padding:15px!important}#tsSortQuadrantsWizard .ts-sort-wizard-guide>strong{font-size:12px!important}#tsSortQuadrantsWizard .ts-sort-wizard-guide h4{font-size:19px!important}#tsSortQuadrantsWizard .ts-sort-wizard-guide p{font-size:16px!important;line-height:1.6!important}#tsSortQuadrantsWizard .ts-sort-wizard-guide>div{font-size:14px!important}}

/* Keep protected seeds readable and their locked slot control aligned in Manual Draw. */
#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-manual .ts-sort-wizard-player{grid-template-columns:42px minmax(0,1fr) minmax(155px,220px)!important;align-items:center!important;}
#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-manual .ts-sort-wizard-player-identity{grid-column:2!important;grid-row:1!important;}
#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-manual .ts-sort-wizard-player-identity em{display:block!important;margin-top:5px!important;color:#f2ce6a!important;font-size:12px!important;font-style:normal!important;font-weight:900!important;line-height:1.35!important;}
#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-manual .ts-sort-wizard-player>select{grid-column:3!important;grid-row:1!important;width:100%!important;min-width:0!important;height:40px!important;}
#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-manual .ts-sort-wizard-player.is-seed>select{border-color:#b88e2e!important;background:#262316!important;color:#ffe185!important;opacity:1!important;font-weight:800!important;}
@media(max-width:760px){#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-manual .ts-sort-wizard-player{grid-template-columns:40px minmax(0,1fr)!important;gap:7px!important}#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-manual .ts-sort-wizard-player-identity{grid-column:2!important;grid-row:auto!important}#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-manual .ts-sort-wizard-player>select{grid-column:2!important;grid-row:auto!important;width:100%!important}#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-manual .ts-sort-wizard-player.is-seed>select{grid-column:2!important}}

/* Compact seed order list: TSID only, with enough space for long identifiers. */
#tsSortQuadrantsWizard .ts-sort-wizard-seed{grid-template-columns:25px 32px minmax(0,1fr) auto!important;gap:6px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-seed>span{display:block!important;min-width:0!important;overflow-wrap:anywhere!important;color:#f1f7fb!important;font-size:13px!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important}
#tsSortQuadrantsWizard .ts-sort-wizard-seed>span small{display:none!important}
#tsSortQuadrantsWizard .ts-sort-wizard-seed>div{display:flex!important;gap:3px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-seed>div button{width:25px!important;min-width:25px!important;height:30px!important;padding:0!important;font-size:13px!important}
#tsSortQuadrantsWizard .ts-sort-wizard-inline-list.is-manual .ts-sort-wizard-player-identity em{font-size:12px!important}

/* Full participant breakdown below the final podium statistics. */
.tournament-conclusion-container .conclusion-more{width:100%;max-width:560px;margin:12px auto 0;text-align:left;box-sizing:border-box}
.tournament-conclusion-container .conclusion-more>summary{cursor:pointer;padding:13px 18px;border:1px solid rgba(56,189,248,.4);border-radius:10px;background:rgba(56,189,248,.08);color:#7dd3fc;font-weight:700;text-align:center;list-style:none}
.tournament-conclusion-container .conclusion-more>summary::-webkit-details-marker{display:none}
.tournament-conclusion-container .conclusion-more>summary::after{content:' ▾'}
.tournament-conclusion-container .conclusion-more[open]>summary::after{content:' ▴'}
.tournament-conclusion-container .conclusion-more>summary:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}
.tournament-conclusion-container .conclusion-more-open{display:none}
.tournament-conclusion-container .conclusion-more[open] .conclusion-more-open{display:inline}
.tournament-conclusion-container .conclusion-more[open] .conclusion-more-closed{display:none}
.tournament-conclusion-container .conclusion-more-content{padding-top:8px}
.tournament-conclusion-container .conclusion-place-group{margin-top:20px;padding:0 4px}
.tournament-conclusion-container .conclusion-place-group h4{margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.2);color:#e2e8f0;font-size:1rem;text-align:left}
.tournament-conclusion-container .conclusion-stat-row>div:first-child{gap:12px}
.tournament-conclusion-container .conclusion-stat-row>div:first-child>div{min-width:0}
.tournament-conclusion-container .conclusion-stat-row>div:first-child>div>span:first-child{flex-shrink:0;white-space:nowrap}
.tournament-conclusion-container .conclusion-stat-row>div:first-child>div>span:last-child{min-width:0;overflow-wrap:anywhere;text-align:left}
.tournament-conclusion-container .conclusion-stat-row>div:first-child>span{flex-shrink:0}