/* Podium and Stats Styles */
.tournament-conclusion-container {
    padding: 30px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: linear-gradient(145deg, #1a1a2e 0%, #0f0f1a 100%);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
    animation: fadeIn 0.8s ease-out forwards;
    overflow: visible;
}

.podium-title {
    text-align: center;
    color: #fbbf24;
    font-size: 1.8rem;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 0 15px rgba(251, 191, 36, 0.4);
}

.podium-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 40px;
    height: 340px;
    padding-top: 20px;
}

.podium-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 120px;
    max-width: 160px;
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    animation: slideUpPodium 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.podium-1 { animation-delay: 0.6s; z-index: 3; }
.podium-2 { animation-delay: 0.3s; z-index: 2; }
.podium-3 { animation-delay: 0.9s; z-index: 1; width: auto; max-width: none; }

.podium-avatar-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 8px;
}

.podium-award {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 6px;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.6));
}

.podium-1 .podium-award {
    font-size: 2.6rem;
}

.podium-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 8px;
    border: 3px solid #374151;
    background-color: #1f2937;
    object-fit: cover;
    display: block;
}

.podium-1 .podium-avatar {
    border-color: #fbbf24;
    box-shadow: 0 0 20px rgba(251, 191, 36, 0.5);
    width: 80px;
    height: 80px;
}
.podium-2 .podium-avatar {
    border-color: #9ca3af;
    box-shadow: 0 0 15px rgba(156, 163, 175, 0.3);
}
.podium-3 .podium-avatar {
    border-color: #b45309;
    box-shadow: 0 0 15px rgba(180, 83, 9, 0.3);
}

.podium-player-name {
    color: white;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    font-size: 1rem;
    white-space: nowrap;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8);
}

.podium-base {
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 15px;
    font-size: 2rem;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 5px 15px rgba(255,255,255,0.1), 0 10px 20px rgba(0,0,0,0.5);
    position: relative;
    overflow: hidden;
}

.podium-base::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    animation: shine 3s infinite;
}

.podium-1 .podium-base { height: 150px; background: linear-gradient(180deg, #f59e0b 0%, #b45309 100%); }
.podium-2 .podium-base { height: 110px; background: linear-gradient(180deg, #9ca3af 0%, #4b5563 100%); }
.podium-3 .podium-base { height: 80px; background: linear-gradient(180deg, #d97706 0%, #78350f 100%); }

.stats-grid-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 25px;
    opacity: 0;
    animation: fadeIn 0.8s ease-out 1.2s forwards;
}

.tournament-stat-card {
    background: rgba(31, 41, 55, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    backdrop-filter: blur(10px);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tournament-stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
    border-color: rgba(59, 130, 246, 0.3);
}

.tournament-stat-icon {
    font-size: 2rem;
    margin-bottom: 10px;
    color: #60a5fa;
}

.tournament-stat-value {
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    margin-bottom: 5px;
}

.tournament-stat-label {
    font-size: 0.9rem;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@keyframes slideUpPodium {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes shine {
    0% { transform: translateX(-200%); }
    20% { transform: translateX(400%); }
    100% { transform: translateX(400%); }
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .podium-wrapper {
        gap: 10px;
        height: 280px;
    }
    .podium-step {
        width: 90px;
    }
    .podium-title {
        font-size: 1.3rem;
    }
    .podium-avatar {
        width: 45px;
        height: 45px;
    }
    .podium-1 .podium-avatar {
        width: 60px;
        height: 60px;
    }
    .podium-player-name {
        font-size: 0.85rem;
    }
    .podium-1 .podium-base { height: 120px; }
    .podium-2 .podium-base { height: 90px; }
    .podium-3 .podium-base { height: 65px; }
}

/* FINAL OVERRIDE FOR PREMIUM TOURNAMENT BUTTONS */
.torneo-detail-actions button,
.torneo-detail-view-bracket-btn,
.torneo-participants-btn,
.torneo-detail-finish-btn,
.torneo-detail-empty-bracket-btn,
.torneo-detail-schedule-btn,
.torneo-detail-draw-btn,
.torneo-detail-sync-btn,
.torneo-detail-swap-btn,
.torneo-detail-sorteo-final-btn,
.admin-banner-edit,
.admin-banner-delete {
    padding: 10px 24px !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: 'Nunito', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.torneo-detail-actions button:hover,
.torneo-detail-view-bracket-btn:hover,
.torneo-participants-btn:hover,
.torneo-detail-finish-btn:hover,
.torneo-detail-empty-bracket-btn:hover,
.torneo-detail-schedule-btn:hover,
.torneo-detail-draw-btn:hover,
.torneo-detail-sync-btn:hover,
.torneo-detail-swap-btn:hover,
.torneo-detail-sorteo-final-btn:hover,
.admin-banner-edit:hover,
.admin-banner-delete:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.25) !important;
    filter: brightness(1.05) !important;
}

/* Colores de cada boton */
.torneo-detail-edit-btn, .admin-banner-edit { background-color: #5D9CEC !important; }
.torneo-detail-delete-btn, .torneo-detail-empty-bracket-btn, .admin-banner-delete { background-color: #F05050 !important; }
.torneo-detail-draw-btn { background-color: #37C871 !important; }
.torneo-detail-schedule-btn { background-color: #9B59B6 !important; }
.torneo-participants-btn, .torneo-detail-view-bracket-btn { background: linear-gradient(90deg, #4A89DC 0%, #5D9CEC 100%) !important; }
.torneo-detail-finish-btn { background-color: #F6BB42 !important; }
.torneo-detail-swap-btn { background-color: #E67E22 !important; /* Naranja/Bronce para intercambiar */ }
.torneo-detail-sync-btn { background-color: #34495E !important; /* Gris oscuro elegante para Ver ID */ }
.torneo-detail-sorteo-final-btn { background-color: #E83E8C !important; /* Rosa/Magenta vibrante para Sorteo Final */ }

/* EFECTO RELIEVE (3D / DEPTH) PARA BLOQUES Y SUBMENUS */
.torneo-card,
.search-user-card,
.crear-torneo-card,
.admin-panel-form,
.tournament-stat-card,
.dropdown-menu,
.sidebar-submenu,
.news-card,
.torneo-detail-container,
.participants-header,
.app-section-content {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top-color: rgba(255, 255, 255, 0.3) !important;
    border-left-color: rgba(255, 255, 255, 0.2) !important;
    border-bottom-color: rgba(0, 0, 0, 0.5) !important;
    border-right-color: rgba(0, 0, 0, 0.4) !important;
    box-shadow: 
        4px 6px 15px rgba(0, 0, 0, 0.4),
        inset 1px 1px 2px rgba(255, 255, 255, 0.15),
        inset -1px -1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* Ajuste para que los submenus no se vean raros al desplegarse */
.dropdown-menu, .sidebar-submenu {
    border-radius: 8px !important;
}

/* Responsive overrides loaded after the theme styles. */
@keyframes timeshotMobileBannerScroll {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-50% - 6px)); }
}

@media (min-width: 769px) and (max-width: 1279px) {
    #timeshot-app-wrapper .main-layout {
        padding-right: 20px !important;
    }

    #timeshot-app-wrapper .main-content-wrapper {
        width: 100%;
        max-width: 800px;
        margin-right: auto;
    }

    #timeshot-app-wrapper #sidebarRight {
        display: none !important;
    }
}

@media (max-width: 768px) {
    #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-top: 20px;
        padding: 10px !important;
        box-sizing: border-box;
        order: 1;
    }

    #timeshot-app-wrapper .main-content-wrapper {
        order: 2;
    }

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

    #timeshot-app-wrapper #sidebarRight .sidebar-right-banners {
        width: 100%;
        height: auto;
        flex: none;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

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

    #timeshot-app-wrapper #sidebarRight .sidebar-right-scroll.scrolling {
        width: max-content;
        height: auto;
        animation: timeshotMobileBannerScroll 40s linear infinite;
    }

    #timeshot-app-wrapper #sidebarRight .sidebar-right-banner {
        width: min(78vw, 320px);
        flex: 0 0 min(78vw, 320px);
    }

    #timeshot-app-wrapper .main-nav {
        position: sticky !important;
        top: 0;
        z-index: 10000;
        padding-top: 8px;
        padding-bottom: 6px;
        background: rgba(8, 15, 30, 0.94);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }

    #timeshot-app-wrapper .main-layout {
        padding-top: 20px !important;
    }

    #timeshot-app-wrapper .nav-container {
        width: 100%;
        padding: 6px 8px;
        gap: 6px;
    }

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

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

    #timeshot-app-wrapper .search-empty-tooltip,
    #timeshot-app-wrapper .nav-search-dropdown,
    #timeshot-app-wrapper .dropdown-menu {
        max-width: calc(100vw - 24px);
        white-space: normal;
        overflow-wrap: anywhere;
    }

    #timeshot-app-wrapper .sidebar-submenu,
    #timeshot-app-wrapper .sidebar-submenu.visible-sub {
        max-width: calc(100vw - 16px) !important;
    }

    #timeshot-app-wrapper .profile-actions-grid {
        flex-wrap: wrap !important;
    }

    #timeshot-app-wrapper .profile-actions-grid > * {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 0 !important;
    }

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

    #timeshot-app-wrapper #section-crear-torneo input,
    #timeshot-app-wrapper #section-crear-torneo select,
    #timeshot-app-wrapper #section-crear-torneo textarea {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

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

    #timeshot-app-wrapper .wib-flex-small {
        width: 100% !important;
    }

    #timeshot-app-wrapper .news-grid,
    #timeshot-app-wrapper #misRetosList,
    #timeshot-app-wrapper #peticionesRetoList,
    #timeshot-app-wrapper .admin-menu-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #timeshot-app-wrapper .torneo-card,
    #timeshot-app-wrapper .news-card,
    #timeshot-app-wrapper .app-card {
        min-width: 0 !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    #timeshot-app-wrapper #section-inicio > .welcome-card img {
        height: 100px !important;
        max-width: 42vw;
        object-fit: contain;
    }

    #timeshot-app-wrapper #section-app-detail-scoreboard > .welcome-card {
        flex-direction: column !important;
        text-align: center;
    }

    #timeshot-app-wrapper #downloadBtnContainer a {
        width: 100%;
        box-sizing: border-box;
        white-space: normal;
    }

    #timeshot-app-wrapper .versus-arena {
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px;
        padding: 24px 12px !important;
    }

    #timeshot-app-wrapper .versus-fighter {
        width: 100% !important;
    }

    #timeshot-app-wrapper #vsLogoContainer {
        position: static !important;
        transform: none !important;
        order: 2;
    }

    #timeshot-app-wrapper #vsSearchContainer {
        margin: 0 auto !important;
        width: 100%;
    }

    #timeshot-app-wrapper #vsSearchInput,
    #timeshot-app-wrapper #vsSearchDropdown {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box;
    }

    #timeshot-app-wrapper #crearRetoUserInfo,
    #timeshot-app-wrapper #crearRetoSearchContainer,
    #timeshot-app-wrapper #crearRetoSearchTsid,
    #timeshot-app-wrapper #crearRetoSearchDropdown {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box;
    }

    #timeshot-app-wrapper #section-cuadrante .cuadrante-container {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch;
    }

    #timeshot-app-wrapper #section-cuadrante .cuescore-table-container {
        width: 100% !important;
        padding: 8px !important;
        padding-bottom: 14px !important;
        overflow-x: auto !important;
        box-sizing: border-box;
        scrollbar-width: auto;
        scrollbar-color: #3b82f6 rgba(255,255,255,0.12);
        touch-action: pan-x pan-y;
    }

    #timeshot-app-wrapper #section-cuadrante .cuescore-table-container::before {
        display: none;
    }

    #timeshot-app-wrapper #section-cuadrante .cuescore-table-container::-webkit-scrollbar,
    #timeshot-app-wrapper #sidebarRight .sidebar-right-banners::-webkit-scrollbar {
        height: 10px;
    }

    #timeshot-app-wrapper #section-cuadrante .cuescore-table-container::-webkit-scrollbar-thumb,
    #timeshot-app-wrapper #sidebarRight .sidebar-right-banners::-webkit-scrollbar-thumb {
        background: #3b82f6;
        border-radius: 999px;
    }

    #timeshot-app-wrapper #section-cuadrante .cuescore-table-container::-webkit-scrollbar-track,
    #timeshot-app-wrapper #sidebarRight .sidebar-right-banners::-webkit-scrollbar-track {
        background: rgba(255,255,255,0.12);
        border-radius: 999px;
    }

    #timeshot-app-wrapper #section-cuadrante table.cuescore-list {
        display: block;
        width: 100%;
        min-width: 0;
        border-collapse: separate;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    #timeshot-app-wrapper #section-cuadrante tr.match-row > .match-mesa {
        grid-area: table;
        justify-content: flex-end;
        width: auto !important;
        padding-left: 4px !important;
        text-align: right !important;
    }

    #timeshot-app-wrapper #section-cuadrante .player-wrapper {
        width: 100%;
        min-width: 0;
        gap: 4px;
    }

    #timeshot-app-wrapper #section-cuadrante .player-wrapper.right-align {
        justify-content: flex-start !important;
    }

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

    #timeshot-app-wrapper #section-cuadrante .score-box {
        width: 40px !important;
        min-width: 40px;
        text-align: center;
    }

    #timeshot-app-wrapper #section-cuadrante .cuadrante-info,
    #timeshot-app-wrapper #section-cuadrante .cuadrante-info > div {
        flex-wrap: wrap !important;
        border-left: 0 !important;
        padding-left: 0 !important;
        justify-content: center !important;
    }

    #timeshot-app-wrapper .admin-banner-item,
    #timeshot-app-wrapper .admin-usuario-item {
        flex-wrap: wrap;
    }

    #timeshot-app-wrapper .admin-banner-actions,
    #timeshot-app-wrapper .admin-usuario-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    #timeshot-app-wrapper .admin-banner-info,
    #timeshot-app-wrapper .admin-usuario-info {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    #timeshot-app-wrapper .schedule-modal-fields {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #timeshot-app-wrapper .schedule-modal-fields select {
        width: 100% !important;
        min-width: 0;
    }

    #timeshot-app-wrapper .modal-overlay,
    #seedsModal,
    #vistasModal,
    #bannersModal,
    #cropperModal {
        padding: 12px !important;
        overflow-y: auto !important;
        align-items: flex-start !important;
        box-sizing: border-box;
    }

    #timeshot-app-wrapper .modal-box,
    #seedsModal .modal-box,
    #vistasModal > div,
    #bannersModal > div {
        width: 100% !important;
        max-width: 600px !important;
        max-height: calc(100dvh - 24px) !important;
        margin: auto !important;
        padding: 20px !important;
        overflow-y: auto !important;
        box-sizing: border-box;
    }

    #timeshot-app-wrapper #section-multipantalla {
        padding: 12px !important;
    }

    #timeshot-app-wrapper #section-multipantalla > div:first-of-type {
        flex-direction: column !important;
        gap: 12px;
    }

    #timeshot-app-wrapper #section-multipantalla .mp-controls,
    #timeshot-app-wrapper #section-multipantalla > div:first-of-type > div:last-child {
        position: static !important;
        width: 100% !important;
        flex-wrap: wrap;
        justify-content: center !important;
        align-items: center;
    }

    #timeshot-app-wrapper #multipantallaTorneoName {
        font-size: clamp(20px, 7vw, 32px) !important;
        overflow-wrap: anywhere;
    }

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

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

    #timeshot-app-wrapper #vistasOptionsContainer .vista-option {
        grid-column: auto !important;
    }

    #seedsModal.ts-seeds-backdrop.active {
        display: grid !important;
        place-items: center !important;
        align-items: center !important;
    }
}

@media (max-width: 600px) {
    .podium-step {
        width: min(29vw, 90px);
        min-width: 0;
    }

    .podium-player-name {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

@media (pointer: coarse) {
    #timeshot-app-wrapper button,
    #timeshot-app-wrapper .score-btn,
    #timeshot-app-wrapper .action-btn,
    #timeshot-app-wrapper .match-options-btn,
    #timeshot-app-wrapper .view-comment-btn,
    #timeshot-app-wrapper .profile-back-btn,
    #timeshot-app-wrapper .add-players-btn {
        min-height: 44px !important;
    }

    #timeshot-app-wrapper .score-btn,
    #timeshot-app-wrapper .match-options-btn,
    #timeshot-app-wrapper .view-comment-btn,
    #timeshot-app-wrapper .add-players-btn {
        min-width: 44px !important;
    }

    #timeshot-app-wrapper button:active,
    #timeshot-app-wrapper [role="button"]:active {
        transform: scale(0.98);
    }
}
.ts-premium-avatar-host {
    position: relative !important;
}

.ts-premium-avatar-badge {
    position: absolute;
    z-index: 20;
    display: grid;
    box-sizing: border-box;
    place-items: center;
    overflow: hidden;
    border: 1px solid #fff1a6;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 52%, #fffdf1 0 34%, transparent 36%),
        radial-gradient(circle at 32% 25%, #fff6aa 0 8%, #ffd33d 22%, #d49500 62%, #8a5600 100%);
    box-shadow: inset -2px -2px 3px rgba(91, 51, 0, .35), 0 1px 4px rgba(0, 0, 0, .55);
    color: #2c2107;
    font-family: Arial, sans-serif;
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
}
.manual-draw-backdrop{position:fixed;inset:0;z-index:100100;display:grid;place-items:center;padding:20px;background:rgba(2,9,20,.78);backdrop-filter:blur(5px)}
.manual-draw-dialog{display:flex;width:min(1120px,calc(100vw - 32px));max-height:min(88vh,900px);flex-direction:column;overflow:hidden;border:1px solid #3aa4d0;border-radius:16px;background:linear-gradient(155deg,#102944,#071725);color:#edf6ff;box-shadow:0 24px 80px #000b}
.manual-draw-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 26px;border-bottom:1px solid #234660;background:#0c304d}
.manual-draw-dialog>header small{color:#58dcf4;font-size:12px;font-weight:900;letter-spacing:1.5px}
.manual-draw-dialog>header h2{margin:7px 0;color:#f3f8fc;font-size:30px;font-weight:900}
.manual-draw-dialog>header p{margin:0;color:#a9bfd2;font-size:16px;line-height:1.55}
.manual-draw-close{flex:0 0 38px;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff12;color:#c5d5e1;font-size:25px;cursor:pointer}
.manual-draw-columns,.manual-draw-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,350px) minmax(180px,240px);align-items:center;gap:16px}
.manual-draw-columns{padding:13px 20px;background:#091a2b;color:#91abc0;font-size:12px;font-weight:900;letter-spacing:1.2px}
.manual-draw-list{min-height:0;overflow:auto;padding:5px 20px 10px}
.manual-draw-row{min-height:70px;padding:9px 0;border-bottom:1px solid #203d56}
.manual-draw-player{display:flex;min-width:0;align-items:center;gap:11px}
.manual-draw-player img{width:42px;height:42px;flex:0 0 42px;border:1px solid #3286ab;border-radius:50%;background:#071827;object-fit:cover}
.manual-draw-player span{display:grid;min-width:0;gap:3px}
.manual-draw-player b{overflow:hidden;color:#edf6ff;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.manual-draw-player small{overflow:hidden;color:#91aabe;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.manual-draw-row select{width:100%;min-height:46px;padding:9px 11px;border:1px solid #365d79;border-radius:7px;background:#071827;color:#eef7ff;font-size:15px}
.manual-draw-row select:disabled{opacity:.55}
.manual-draw-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 20px;padding:12px 14px;border:1px solid #28516d;border-radius:8px;background:#0b1c2d}
.manual-draw-summary b{color:#8debc9;font-size:15px}
.manual-draw-summary span{color:#9bb4c8;font-size:14px}
.manual-draw-feedback{min-height:20px;margin:9px 22px 0;color:#ffb6bf;font-size:14px;font-weight:800}
.manual-draw-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px 18px;border-top:1px solid #234660}
.manual-draw-dialog>footer button{min-height:48px;padding:10px 18px;border:0;border-radius:8px;background:#34485b;color:#fff;font-size:16px;font-weight:800;cursor:pointer}
.manual-draw-dialog>footer .manual-draw-save{background:linear-gradient(135deg,#0878dc,#0ea5e9)}
.manual-draw-dialog>footer button:disabled{opacity:.55;cursor:wait}
@media(max-width:760px){.manual-draw-backdrop{padding:8px}.manual-draw-dialog{width:100%;max-height:94vh}.manual-draw-columns{display:none}.manual-draw-row{grid-template-columns:minmax(0,1fr) minmax(135px,.8fr);gap:8px;padding:10px 0}.manual-draw-player{grid-column:1/-1}.manual-draw-row select{min-width:0;font-size:14px}.manual-draw-summary{align-items:flex-start;flex-direction:column}.manual-draw-dialog>header{padding:18px}.manual-draw-dialog>footer{padding:12px}.manual-draw-dialog>footer button{flex:1}}
.circuit-venues-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;width:100%;margin:0 0 18px}
.circuit-venues-fields .circuit-venue-name-field{min-width:0;margin:0}
.circuit-venues-fields .circuit-venue-name-field label{display:block;margin-bottom:6px}
.circuit-venues-fields .circuit-venue-name-field input{box-sizing:border-box;width:100%}
.circuit-organizer-section{width:100%;margin:10px 0 20px;padding:18px;border:1px solid rgba(59,130,246,.2);border-radius:12px;background:rgba(15,31,61,.42);box-sizing:border-box}
.circuit-organizer-section>header{margin-bottom:14px}
.circuit-organizer-section>header h3{margin:0;color:var(--text-primary,#f8fafc);font-size:1rem;font-weight:800}
.circuit-organizer-section>header p{margin:5px 0 0;color:var(--text-secondary,#94a3b8);font-size:.82rem;line-height:1.4}
.circuit-organizer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.circuit-organizer-column{display:grid;min-width:0;align-content:start;gap:14px}
.circuit-organizer-grid .form-group{min-width:0;margin:0}
.circuit-organizer-grid input{box-sizing:border-box;width:100%}
@media(max-width:640px){.circuit-venues-fields{grid-template-columns:1fr;gap:10px}}
@media(max-width:640px){.circuit-organizer-section{padding:14px}.circuit-organizer-grid{grid-template-columns:1fr;gap:10px}}
.quadrant-distribution-backdrop{position:fixed;inset:0;z-index:100110;display:grid;place-items:center;padding:18px;background:rgba(2,9,20,.8);backdrop-filter:blur(5px)}
.quadrant-distribution-dialog{display:flex;width:min(960px,calc(100vw - 30px));max-height:90vh;flex-direction:column;overflow:hidden;border:1px solid #3aa4d0;border-radius:16px;background:linear-gradient(155deg,#102944,#071725);color:#edf6ff;box-shadow:0 24px 80px #000b}
.quadrant-distribution-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #234660;background:#0c304d}
.quadrant-distribution-dialog>header small{color:#58dcf4;font-size:11px;font-weight:900;letter-spacing:1.35px}
.quadrant-distribution-dialog>header h2{margin:6px 0;color:#f3f8fc;font-size:25px;font-weight:900}
.quadrant-distribution-dialog>header p{margin:0;color:#a9bfd2;font-size:14px;line-height:1.5}
.quadrant-distribution-close{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;background:#ffffff12;color:#c5d5e1;font-size:25px;cursor:pointer}
.quadrant-distribution-mode{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:center;gap:14px;margin:16px 22px 12px;padding:13px 15px;border:1px solid #28536e;border-radius:9px;background:#0a1b2c;color:#58dcf4;font-size:11px;font-weight:900;letter-spacing:.7px}
.quadrant-distribution-mode select,.quadrant-distribution-row select{width:100%;min-height:42px;padding:8px 11px;border:1px solid #3b6683;border-radius:7px;background:#071827;color:#eef7ff;font-size:14px;letter-spacing:0}
.quadrant-distribution-capacities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 22px 12px}
.quadrant-distribution-capacities>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 9px;padding:12px;border:1px solid #28516d;border-radius:8px;background:#0b3047}
.quadrant-distribution-capacities small{grid-column:1/-1;color:#58dcf4;font-size:10px;font-weight:900;letter-spacing:1px}
.quadrant-distribution-capacities b{color:#fff;font-size:18px;font-weight:900}
.quadrant-distribution-capacities b.is-over-capacity{color:#ff7c89}
.quadrant-distribution-capacities span{color:#9bb4c8;font-size:11px}
.quadrant-distribution-columns{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:15px;padding:10px 22px;background:#091a2b;color:#91abc0;font-size:10px;font-weight:900;letter-spacing:1.1px}
.quadrant-distribution-list{min-height:0;overflow-y:auto;padding:4px 22px 8px}
.quadrant-distribution-row{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:15px;min-height:56px;border-bottom:1px solid #203d56}
.quadrant-distribution-player{display:flex;min-width:0;align-items:center;gap:10px}
.quadrant-distribution-player img{width:36px;height:36px;flex:0 0 36px;border:1px solid #3286ab;border-radius:50%;background:#071827;object-fit:cover}
.quadrant-distribution-player span{display:grid;min-width:0;gap:2px}
.quadrant-distribution-player b{overflow:hidden;color:#edf6ff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.quadrant-distribution-player small{overflow:hidden;color:#91aabe;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.quadrant-distribution-note{min-height:16px;margin:7px 22px 0;color:#f3cc78;font-size:12px;line-height:1.45}
.quadrant-distribution-feedback{min-height:18px;margin:4px 22px 0;color:#ffb6bf;font-size:13px;font-weight:800}
.quadrant-distribution-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:13px 22px 18px;border-top:1px solid #234660}
.quadrant-distribution-dialog>footer button{min-height:44px;padding:9px 16px;border:0;border-radius:8px;background:#34485b;color:#fff;font-size:14px;font-weight:800;cursor:pointer}
.quadrant-distribution-dialog>footer .quadrant-distribution-save{background:linear-gradient(135deg,#0878dc,#0ea5e9)}
.quadrant-distribution-dialog>footer button:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.quadrant-distribution-backdrop{padding:8px}.quadrant-distribution-dialog{width:100%;max-height:94vh}.quadrant-distribution-dialog>header{padding:16px}.quadrant-distribution-mode{grid-template-columns:1fr;margin:12px}.quadrant-distribution-capacities{gap:6px;margin:0 12px 10px}.quadrant-distribution-capacities>div{padding:9px;gap:3px 5px}.quadrant-distribution-capacities b{font-size:15px}.quadrant-distribution-capacities span{font-size:10px}.quadrant-distribution-columns{grid-template-columns:minmax(0,1fr) 145px;padding:9px 12px;font-size:9px}.quadrant-distribution-list{padding:3px 12px 6px}.quadrant-distribution-row{grid-template-columns:minmax(0,1fr) 145px;gap:8px}.quadrant-distribution-row select{font-size:12px;padding:7px}.quadrant-distribution-note,.quadrant-distribution-feedback{margin-right:12px;margin-left:12px}.quadrant-distribution-dialog>footer{padding:11px 12px}.quadrant-distribution-dialog>footer button{flex:1;padding:8px 9px}}