/* 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: -100%; 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% { left: -100%; }
    20% { left: 200%; }
    100% { left: 200%; }
}

/* 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,
.news-card,
.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;
    }
}

@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);
    }
}