.tabContent { 
	display: none; 
}

.tabContent.show { 
	display: block;
}

.playerHoldz, #scoreChange {
	background: white;
	border-radius: 3px;
	border: 2px solid #d3d3d3;
	margin: 0 auto;
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 0px;
	width: 1000px;
}

.containerPlayers {
	border-top: 1px solid #d3D3D3;	
	border-left: 1px solid #d3D3D3;
	border-right: 1px solid #d3D3D3;
	display: table;
	margin: 0 auto;
	width: 1000px;
}

.column {
	border-bottom: 1px solid #D3D3D3;
}

.competitionHolder{
	position: absolute;
    margin-top: 130px;
    margin-left: 470px;
}
    
.competitionHolder img {
	background-color: white;
	border-radius: 50%;
	height: 60px;
	padding: 5px;
	width: 60px;
}

.left, .right {
	display: table-cell;
	width: 480px;
}

.middle {
	border-bottom: 1px solid #d3D3D3;  
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 40px;
}

.experience, .name, .country, .gameTime {
	padding: 5px;
}

.experience {
	display: table-cell;
	width: 300px;
}

.gameTime, .discipline, .tackleCount {
	display: table-cell;
	width: 290px;
}

.name {
	display: table-cell;
	width: 175px;
}

.matchScorers {
	display: table-cell;
	text-align: right;
	vertical-align: middle;	
	width: 305px;
}

.country, .age {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 25px;
}
	

.left, .right {
	vertical-align: middle;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.row {
	height: 28px;
	display: table-row;
}

.score_holder {
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.teamBarGrey, .teamBarH, .teamBarA {
	display: table-cell;
	background-color: #D3D3D3; 	
	padding: 0;
    padding-bottom: 4px;
    padding-top: 4px;
	vertical-align: middle;    
}

.tsCrest {
	height: 45px; 
	width: 50px; 
	margin-right: 4px;	
}

.tsMeasure { 
	display: table-cell; 
	padding: 3px; 
	text-align: center;
	vertical-align: middle;
	width: 150px; 
}

.tsnuml{
	padding-right: 8px;
}

.tsnumr{
	padding-left: 8px;
}


.next-fixture__info--home {
 	text-align: left;
}

/* Desktop */
#tabs {
    display: flex;
    justify-content: center;
}

/* Mobile */
.mobileTabSelect {
    display: none;
}




/* =========================
   Mobile-only styles
   ========================= */
@media (max-width: 1024px) {
	
	a[rel="license"] {
        display: none;
    }
    
    #scoreChange {
    	width: 95vw;
    	margin-bottom: 200px;
    }


	/* Scoreboard */
	
	.mobileScoreboard {
		display:flex;
	    flex-direction:row;
	    align-items:center;
	    justify-content:space-between;
	    background-color:white;
	    border-radius:20px;
	    padding:2vw;
	    width:95vw;
	    margin-top: 1vw !important;
	    margin-bottom: 1vw !important;
	    margin: 0 auto;
	    white-space:nowrap;		
	}

	.msHolderHome, .msHolderAway {
		border-right:1px solid #d3d3d3;
	    display:flex;
	    flex-direction:column;
	    align-items:center;
	    flex:0 0 auto;
	    padding: 2vw;
	}
	
	.msHolderAway {
		border-right: 0px;
	}

	.sHomeScore, .sAwayScore {
		font-family: Anton, sans-serif;
        font-size: 90px;
        line-height: 0.8;
        letter-spacing: 0.5px;
        margin: 2vw;		
	}

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

	.crestHolder {
		width:35px;
        height:35px;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow: hidden;
        border-radius:50%;
	}

	.crestHolder img {
		width:85%; 
		height:85%; 
		display: block; 
		object-fit:contain;
	}

	.teamAbb {
		font-weight:800; 
		font-size: 1.4em;
	}

	.matchDetails {
		text-align: center; 
		flex: 1; 
		text-align: left; 
		font-size: 0.8em;		
	}

	.sKickOff {
		border-radius:20px;
	    padding:4px 10px;
	    background-color:#222;
	    color:white;
	}
	
	.sMatchDate {
		border-bottom: 1px solid #d3d3d3;
	}
	
	.venueHolder {
    	margin-top: 5px;
    	white-space: normal;
   		overflow-wrap: break-word;
    	word-break: normal;
    	padding-bottom: 5px;
	}

	.sRoundHold {
		font-weight: 800; 
		border-bottom: 1px solid #d3d3d3;
	}

	.sRoundHold img {
		width: 6vw; 
		height: 6vw;
		margin-right: 0.5vw;
	}


	/*MatchFooter*/
	
	.matchFooter {
	    display: flex;
	    margin: 0 auto;	
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;	
	    z-index: 999999999 !important;
	    width: 100%;
	    gap: 1.5vw;
	    transform: translateY(100%);
	    transition: transform 0.25s ease;
	    will-change: transform;	
	    pointer-events: none;
	    min-height: 200px;
	}
	
	.matchFooter.is-visible {
	    transform: translateY(0);
	    pointer-events: auto;
	}
	
	/* DISTINCT PANELS */
	.mfBox {
	    flex:1;
	    border-radius:20px;
	    padding:2vw;
	    display:flex;
	    flex-direction:column;
	    gap:1.5vw;
	    border: 1px solid #d3d3d3;
	}
	
	.mfBlock {
	    flex: 1;
	    display: flex;
	    flex-direction: column;
	    gap: 0.8vw;
	}
	
	.homeBox, .awayBox{
	    position: relative;
	    overflow: hidden;
	    background: radial-gradient(
	        circle,
	        rgba(255,255,255,1) 40%,
	        rgba(255,255,255,0.9) 100%
	    );
	}


	.homeBox .mfWatermark, .awayBox .mfWatermark {
	    position: absolute;
	    top: 60%;
	    left: 55%;
	    transform: translate(-50%, -50%);	    
	    z-index: 0;
	    pointer-events: none;	    
	    opacity: 0.08;

	}
	
	.phBlock, .paBlock {
	    border-right: 1px solid #d3d3d3;
	    padding-right: 0.2em;		
	}
	
	.homeBox .mfWatermark img,  .awayBox .mfWatermark img{
	    width: 560px;
	    height: 560px;
	    object-fit: contain;
	    transform: rotate(-15deg);
	}
	
	.awayBox .mfWatermark img{
	    transform: rotate(15deg);
	}	
		    
	    
	.homeBox > *:not(.mfWatermark), .awayBox > *:not(.mfWatermark) {
	    position: relative;
	    z-index: 1;
	}
	

	
	/* FORM */
	.mfForm {
	    display:flex;
	    justify-content:center;
	}
	
	/* SECTION LABELS */
	.mfSectionTitle {
	    font-size:0.7em;
	    font-weight:800;
	    color:#999;
	    letter-spacing:1px;
	}

	.mfSectionTitleNext {
	    font-size:0.7em;
	    font-weight:800;
	    color:#999;
	    letter-spacing:1px;
	    text-align: right;
	}	
	
	
	
	/* MINI SCOREBOARD ROW */
	.mfMiniRow {
	    display:flex;
	    align-items:center;
	    gap: 8px;
	    padding: 0.3vw;
	}
	
	/* SMALL SCORE */
	.mfScoreSmall {
	    font-size:0.75em;
	    font-weight:800;
	    margin-left:auto;
	}
	
	/* NEXT FIXTURE */
	.mfNextFixture {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    gap: 2vw;
	}
	
	.mfFixtureSide {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    flex: 1;
	    gap: 6px;
	}
	
	.mfFixtureSide .crestHolder {
	    width: 34px;
	    height: 34px;
	}
	
	/* small score */
	.mfScoreSmall {
	    font-size:0.8em;   /* key requirement */
	    font-weight:800;
	    margin-left:auto;
	    color:#222;
	}
	
	/* small crest */
	.mfCrest {
	    width:22px;
	    height:22px;
	    object-fit:contain;
	}
	
	.mfTeamName {
	    font-size:0.8em;
	    font-weight:700;
	}

	.mfFixtureRow {
	    display:flex;
	    flex-direction:row;
	    justify-content:space-between;
	    gap:1.5vw;
	    align-items:flex-start;
	}
	
	.mfFixtureRow a {
	    flex: 1;
	}
	
	.mfCrestLarge {
	    width:34px;
	    height:34px;
	}
	
	.mfAbbr {
	    font-size:0.70em;
	    font-weight:800;
	}


	.crestHolderSmall {
	    width:26px;
	    height:26px;
	    display:flex;
	    align-items:center;
	    justify-content:center;
	    border-radius:50%;
	    overflow:hidden;
	}
	
	.crestHolderSmall img {
	    width:80%;
	    height:80%;
	    object-fit:contain;
	}
	
	/* FORM BLOCKS */
	.mfFormBlock {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 1vw;
	}
	
	/* FORM DOTS */
	.formWrap {
	    display: flex;
	    gap: 6px;
	}
	
	/* W / D / L styling */
	.formDot {
	    width: 24px;
	    height: 24px;
	    border-radius: 50%;
	    display:flex;
	    align-items:center;
	    justify-content:center;
	    font-weight: 800;
	    color: white;
	    font-size: 0.75em;
	}
	
	.formDot.win  { background: #2e7d32; }
	.formDot.draw { background: #f9a825; }
	.formDot.loss { background: #c62828; }
	






















	
	.page-container {
		background-color: #e3e3e3;
		height: 100vh;
    	display: flex;
    	flex-direction: column;
    	min-height: 0;
    	overflow-y: auto;	
	}			
		
	#tabs {
        display: none;
    }

    .mobileTabSelect {
        display: block;
    }

	.numbers {
		padding: 0.1rem;
		text-align: center;
		font-family: Helvetica Neue, sans-serif;
		line-height: 1;
		display: table-cell;
	}
	
	.digit {
		position: relative;
		font-size: 3rem;
		font-weight: bold;
		background-color: #333333;
		color: white;
		line-height: 0.8;
		padding: 0 0.4rem;
		border-radius: 0.4rem
		
	}
	    
	.playerHoldz {
		border: 0px;
		margin-top: 0px;
		border-top: 1px solid white;
		width: 100vw;
	}
	
	.solidblockplayers {
		background-color: #333333;
		float: none;
	}
	
	.solidblockplayers li{
		line-height: 2;
	}
	
	.sc {
	    height: 0.05em !important;
	    width: 0.05em !important;
	}
	
	.ptsA {
		padding-left: 3px;
	}
	
	.tsMeasure {
		width: 10vw !important;
		font-size: 0.7em;
	}
	
	.circle77 {
		width: 15px;
		height: 15px;
	}
	
	.left, .right {
		width: inherit;
	}
	
	.name {
		width: 14vw;
		padding: 2px;
	}
	
	.middle {
		width: 4vw;
	}
	
	.gameTime, .discipline, .tackleCount {
	    width: 33vw;
	    display: table-cell;
	    padding: 2px;
	}

	.header {
		background: #B88F3B;
		border-bottom: 1px solid white;
	}


    #tabs {
        display: none;
    }

    .mobileTabSelect {
        display: block;
        padding: 2px;
        background: #333;
    }

    #mobileTabMenu {
        width: 90%;
        padding: 4px;
        font-size: 12px;
        border-radius: 6px;
        margin-bottom: 0;
        margin-top: 0;
    }

	.statRow {
	    display: flex;
	    align-items: center;
	    width: 100%;
	    padding: 6px 0;
	    border-bottom: 1px solid rgba(255,255,255,0.05);
	}
	
	.mobtsMeasure {
	    width: 28%;
	    font-size: 13px;
	    color: #333;
	    padding-right: 8px;
	    padding-bottom: 10px;
	}
	
	.mobBarContainer {
	    width: 72%;
	    display: flex;
	    flex-direction: column;
	    gap: 3px;
	}
	
	.mobBar {
	    width: 100%;
	    background: rgba(255,255,255,0.05);
	    border-radius: 4px;
	    overflow: hidden;
	    height: 18px;
	    position: relative;
	}
	
	.barFill {
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	    padding-right: 6px;
	    color: #fff;
	    font-size: 11px;
	    white-space: nowrap;
	}


	.stackBar {
	    display: flex;
	    width: 100%;
	    height: 18px;
	    border-radius: 4px;
	    overflow: hidden;
	    background: rgba(255,255,255,0.05);
	}
	
	.stackHome,
	.stackAway {
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	    font-size: 11px;
	    color: #fff;
	    padding-right: 6px;
	    white-space: nowrap;
	    transition: width 0.6s ease-in-out;
	}
	
	.stackHome {
		justify-content: flex-start;
		padding-left: 6px;
	}
	
	.statRow {
	    display: flex;
	    align-items: center;
	    width: 100%;
	    margin: 6px 0;
	}
	
	.mobtsMeasure {
	    width: 100%;
	    flex-shrink: 0;
	    font-size: 12px;
	    font-weight: 600;
	}
	
	.mobBarTrack {
	    display: flex;
	    flex: 1;
	    height: 22px;
	    border-radius: 4px;
	    overflow: hidden;
	    background: #eee;
	}
	
	.homeBar,
	.awayBar {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: #fff;
	    font-size: 11px;
	    transition: width 0.4s ease;
	}
	
	.phaseHolder {
		text-align: center;
		padding: 5px;
	}
	
	.phaseBlock {
		display: none;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
    	gap: 2vw;
    	justify-items: center;
    	padding-bottom: 120px;
    	min-height: 0;
    	overflow-y: auto;
	}
	
	.phaseBlock.active {
	    display: grid;
	    padding: 10px;
	}
	
	.phaseTab {
		background: white;
	    border: 1px solid #d3d3d3;
	    padding: 6px 10px;
	    margin-right: 6px;
	    cursor: pointer;
	    transition: all 0.25s ease;
	    border-radius: 20px;
	    margin-bottom: 6px;
	}
	
	.phaseTab.active {
	    color: #fff;
	}
	
	.pieMetric {
	    display: inline-block;
	    text-align: center;
	    margin: 10px;
	}
	
	.pieLabel {
	    font-size: 0.9em;
	    margin-bottom: 5px;
	}
	
	.pieMetric svg {
	    display: block;
	    margin: 0 auto;
	}
	
	.mr-page-container {
		background: white;
		height: 100%;
	}
	
	.page-content {

	}

	.metricCard {
	    background: white;
	    color: #222;
	    padding: 0.8em;
	    margin: 0.5em;
	    border: 1px solid #d3d3d3;	
	    border-radius: 10px;
	    box-shadow: 0 0 10px rgba(0,0,0,0.25);	
	    display: flex;
	    flex-direction: column;
	    gap: 0.4em;
	    width: 100%;
	    box-sizing: border-box;
	    opacity: 0;
    	transform: translateY(12px);
    	transition: opacity .35s ease, transform .35s ease;	    
	}
	
	.metricCard.show {
	    opacity: 1;
	    transform: translateY(0);
	}

	.footer {
	    color: white;
	    text-align: center;
	    background-color: #333;
	    position: fixed;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    width: 100%;
	    z-index: 99999;
	    height: 60px; /* IMPORTANT */
	}


	
	.territoryWrapper {
	}
	
	.territoryDirection {
	    display: flex;
	    justify-content: space-between;
	    font-size: 11px;
	    color: #666;
	    margin-bottom: 6px;
	}
	
	.territoryBar {
	    display: flex;
	    width: 100%;
	    height: 42px;
	    border-radius: 10px;
	    overflow: hidden;
	    background: #eee;
	}
	
	.territorySegment {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: #fff;
	    font-weight: 700;
	    font-size: 12px;
	}
	
	.territoryLabels {
	    display: flex;
	    margin-top: 3px;
	    margin-bottom: 3px;
	    font-size: 11px;
	    color: #666;
	}
	
	.territoryLabels span {
	    flex: 1;
	    text-align: center;
	}

	/* WRAPPER */
	.mobileMetricWrapper {
	    width: 95vw;
	    margin: 0 auto;
	    padding-bottom: 220px;
	}
	
	/* HEADER */
	.mobileMetricHeader {
	    font-size: 1.2em;
	    font-weight: 700;
	    margin: 0.5em 0;
	    border-bottom: 1px solid #e5e5e5;
	    padding-bottom: 0.3em;
	}
	
	/* ROWS */
	.mobileMetricRow {
	    display: table-row;
	    border-bottom: 1px solid #e5e5e5;
	    line-height: 1;
	    opacity: 0;
	    transform: translateY(8px);
	    transition: opacity 0.45s ease, transform 0.45s ease;
	}
	
	.mobileMetricRow.show {
	    opacity: 1;
	    transform: translateY(0);
	}
	
	/* TEAM LAYOUT */
	.team-home .mobileMetricRow {
	    grid-template-columns: 24px max-content 1fr;
	}
	
	.team-away .mobileMetricRow {
	    grid-template-columns: 1fr max-content 24px;
	}
	
	/* JERSEY & FLAG */
	.mobileMetricJersey, .mobileMetricFlag {
	    display: table-cell;
	    width: 24px;
	    padding-left: 3px;
	    padding-right: 3px;
	    vertical-align: middle;
	    text-align: center;
	}
	
	.mobileJerseySquare {
	    width: 24px;
	    height: 24px;
	    background: black;
	    color: white;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 0.9em;
	    border-radius: 50%;
	}
	
	/* PLAYER BLOCK */
	.mobileMetricPlayer {
	    display: flex;
	    align-items: center;
	    overflow: hidden;
	    white-space: nowrap;
	    min-width: 0;
	    padding: 3px 0.2em;
	}
	
	.team-home .mobileMetricPlayer {
	    flex-direction: row;
	    text-align: left;
	}
	
	.team-away .mobileMetricPlayer {
	    flex-direction: row-reverse;
	    text-align: right;
	}
	
	.mobileMetricPic img, .mobileMetricFlag img {
	    width: 30px;
	    height: 30px;
	    border-radius: 50%;
	    object-fit: cover;
	    display: block;
	}

	.mobileMetricFlag img {
	    width: 24px;
	    height: 24px;
	    border-radius: 50%;
	    object-fit: cover;
	    display: block;
	}
	
	.mobileMetricName {
	    overflow: hidden;
	    padding: 0 3px;
	}
	
	.mobileMetricName a {
	    color: #222;
	    text-decoration: none;
	    font-size: 1em;
	    font-weight: 600;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    line-height: 1;
	    display: block;
	}
	
	/* BAR WRAPPER */
	.mobileMetricBarWrap {
	    display: table-cell;
	    height: 100%;
	    vertical-align: middle;
	    width: 100%;
	    min-width: 0;
	    padding: 6px 0;
	    position: relative;
	}
	
	/* GREY BACKGROUND */
	.mobileMetricBarBg {
	    width: 100%;
	    height: 24px;
	    background: #e4e4e4;
	    border-radius: 20px;
	    overflow: hidden;
	    position: relative;
	}
	
	/* FULL BAR WRAPPER (absolute) */
	.mobileMetricBarFill {
	    height: 100%;
	    width: 100%;
	    border-radius: 20px;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	
	/* COLOURED BAR (scaled) */
	.mobileMetricBarFillInner {
	    height: 100%;
	    width: 100%;
	    border-radius: 20px;
	    transform: scaleX(0);
	    transform-origin: left;
	    transition: transform 0.6s ease;
	}
	
	/* INSIDE LABEL (default hidden) */
	.mobileMetricLabel.inside {
	    display: none;
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    color: #fff;
	    font-size: 12px;
	    font-weight: 700;
	    white-space: nowrap;
	    padding-left: 8px;
	    left: 0;
	}
	
	/* INSIDE LABEL — AWAY (right aligned) */
	.team-away .mobileMetricLabel.inside {
	    left: auto;
	    right: 0;
	    padding-right: 8px;
	    text-align: right;
	}
	
	/* OUTSIDE LABEL (default hidden) */
	.mobileMetricLabel.outside {
	    display: none;
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    color: #000;
	    font-size: 12px;
	    font-weight: 700;
	    white-space: nowrap;
	}
		
	/* HOME: bar grows left → right */
	.team-home .mobileMetricLabel.outside {
	    left: 0;
	    transform: translateX(var(--bar-scale, 1)) translateY(-50%);
	    margin-left: 8px;
	}
	
	/* AWAY: bar grows right → left */
	.team-away .mobileMetricLabel.outside {
	    right: 0;
	    transform: translateX(calc(-1 * var(--bar-scale, 1))) translateY(-50%);
	    margin-right: 8px;
	}

	
	/* ROWS CONTAINER */
	.mobileMetricRows {
	    display: none;
	    opacity: 0;
	    transform: translateY(8px);
	    pointer-events: none;
	    transition: opacity 0.35s ease, transform 0.35s ease;
	}
	
	.mobileMetricRows.active {
	    display: table;
	    width: 100%;
	    border-collapse: collapse;
	    padding-bottom: 20px;
	    opacity: 1;
	    transform: translateY(0);
	    pointer-events: auto;
	}
	

	/* ===== Best XV ===== */
	
	.bestXV-row {
	    display: flex;
	    align-items: center;
	    gap: 6px;
	    min-height: 32px;
	    border-bottom: 1px solid #e5e5e5;
	    padding: 3px 0;
	    overflow: visible;
	}
	
	.bestXV-barCell {
	    flex: 1 1 0;
	    min-width: 0;
	}
	
	.bestXV-barOuter {
	    position: relative;
	    width: 100%;
	    height: 24px;
	    overflow: visible;
	}
	
	.bestXV-barFill {
	    position: relative;
	    width: 100%;
	    height: 24px;
	}
	
	.bestXV-barInner {
	    position: relative;
	    height: 24px;
	    width: 0%;
	    transition: width 0.6s ease;
	    overflow: visible;
	    display: block;
	    border-radius: 12px;
	}
	
	.bestXV-barInner-home {
	    margin-left: auto;
	}
	
	.bestXV-barInner-away {
	    margin-left: 0;
	}
	
	/* Labels */
	.bestXV-label-inside {
	    position: absolute;
	    top: 0;
	    height: 24px;
	    line-height: 24px;
	    font-size: 0.8em;
	    white-space: nowrap;
	    pointer-events: none;
	    color: white;
	    display: none;
	    z-index: 2;
	}
	
	.bestXV-barInner-home .bestXV-label-inside {
	    right: 6px;
	    text-align: right;
	}
	
	.bestXV-barInner-away .bestXV-label-inside {
	    left: 6px;
	    text-align: left;
	}
	
	.bestXV-label-outside {
	    position: absolute;
	    top: 0;
	    transform: translateX(calc(100% + 6px));
	    height: 24px;
	    line-height: 24px;
	    font-size: 0.8em;
	    white-space: nowrap;
	    pointer-events: none;
	    display: none;
	    color: #333;
	    z-index: 10;
	}
	
	.bestXV-label-homeOutside {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    right: auto; /* JS will set this */
	    left: auto;
	}

	
	.bestXV-label-awayOutside {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    left: auto; /* JS will set this */
	    right: auto;
	}

	
	/* Names */
	.bestXV-playerHome,
	.bestXV-playerAway {
	    flex: 0 0 auto;
	    font-size: 0.8em;
	    line-height: 1.05;
	    white-space: normal;
	}
	
	.bestXV-playerHome {
	    text-align: right;
	}
	
	.bestXV-playerAway {
	    text-align: left;
	}
	
	/* Pics */
	.bestXV-pic {
	    width: 30px;
	    flex: 0 0 30px;
	}
	
	.bestXV-pic img {
	    width: 100%;
	    height: auto;
	    display: block;
	    border-radius: 50%;
	}
	
	/* Jersey */
	.bestXV-jerseyCell {
	    width: 30px;
	    flex: 0 0 30px;
	    text-align: center;
	}
	
	.bestXV-jerseySquare {
	    width: 24px;
	    height: 24px;
	    border-radius: 50%;
	    background: black;
	    color: white;
	    line-height: 24px;
	    text-align: center;
	    font-size: 0.9em;
	    margin: 0 auto;
	}
	
	
	/*TeamStats*/
	
	.pieWrap {
		font-size: 13px;
		weight: 700;
		display:flex; 
		align-items:center; 
		justify-content:center; 
		gap:10px;
	}
		
	.teamBlock {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	
	.pct {
	    margin-top: 4px;
	    font-size: 12px;
	    font-weight: 600;
	}
	
	.crestBubble {
	    width: 44px;
	    height: 44px;
	    border-radius: 50%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
	.crestInner {
	    width: 26px;
	    height: 26px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    shape-rendering: crispEdges;
	}
	
	.crestInner svg {
	    width: 100%;
	    height: 100%;
	    display: block;
	}

	.teamToggle {
	    position: relative;
	    display: flex;
	    justify-content: center;
	    gap: 1.2em;
	    padding: 0.4em;
	    border-radius: 999px;
	    width: fit-content;
	    margin: 0 auto;
	}
	
	.teamToggleTrack{
	    position:relative;
	    display:flex;
	    justify-content:center;
	    align-items: center;
	    gap:1.2em;	
	    border-radius:999px;
	    width:fit-content;
	    margin:0 auto;
	}
	
	.teamToggleIndicator {
	    position: absolute;
	    top: 50%;
	    left: 0;
	    width: 64px;
	    height: 64px;
	    border-radius: 50%;
	    transform: translateY(-50%);
	    transition: transform 0.35s cubic-bezier(.34,1.56,.64,1), background 0.25s ease;
	}

	
	.teamBtn {
	    background: none;
	    border: 0;
	    padding: 0;
	    width: 64px;
	    height: 64px;
	    border-radius: 50%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    cursor: pointer;
	    position: relative;
	}
	
	.teamBtn.active{
	    opacity:1;
	}
	
	.teamBtn img {
	    display: block;
	    object-fit: contain;
	    width: 100%;
	    height: 100%;
	}
	
	.teamBtn .mrcrest {
	    position: absolute;
	    inset: 0;
	    transition: opacity 0.25s ease;
	}
	
	/* default state: white crest visible, colour crest hidden */
	.mrcrest--white {
	    opacity: 1;
	}
	
	.mrcrest--color {
	    opacity: 0;
	}
	
	/* active state: fade to colour crest */
	.teamBtn.active .mrcrest--white {
	    opacity: 0;
	}
	
	.teamBtn.active .mrcrest--color {
	    opacity: 1;
	}

		
	.tabContent {
		width: 96vw;
		margin: 0 auto;
		margin-bottom: 200px;
		background: white;
	}
	
	.mr_footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: #fff;
        border-top: 1px solid #ddd;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 4px 6px;
        font-size: 11px;
	}
	
	.mr_footer a {
	    white-space: nowrap;
	}
	
	.footer img {
	    display: none;
	}
	
	/*Temp
	.page-content,
	.mr-page-container,
	.tabContent {
	    transform: none !important;
	    overflow: visible !important;
	}
}