Gadget-tournamentDisplay.css

/* Teams vs align */
.vs-align-left .team-object,
.vs-align-right .team-object {
	display:inline-flex;
	align-items:baseline;
	gap:2px;
}

.vs-align-left .team-object {
	flex-direction:row-reverse;
}

.vs-align-left .team-object img,
.vs-align-right .team-object img {
	align-self:center;
}


/* chrome needs this because reasons */
.vs-align-outer .team {
    display:flex;
}

/* start standings */
table.standings {
 text-align:center;
 margin-top:0px;
 white-space:nowrap;
}

.standings-place {
 font-weight:bold;
}

.standings-team {
 text-align:left;
}

td.standings-clinch-up,
.standings-clinch-up .standings-team .teamname,
.standings-clinch-up .timeline-score {
	text-decoration:underline;
}

td.standings-clinch-down,
.standings-clinch-down .standings-team .teamname,
.standings-clinch-down .timeline-score {
	text-decoration:overline;
}

.timeline-score {
	white-space:nowrap;
}

/* end standings */

/* start legends */
.legend-header {
 text-align:center;
 width:250px;
 font-weight:bold;
}

.legend-table {
 text-align:center;
 width:100%;
 color:var(--body-text-color);
 background: var(--interface-background);
 border: 1px solid var(--table-border);
 border-radius: 3px;
 box-shadow: 0.25em 0.25em 2px var(--box-shadow-color);
}
.legend-icon.popup-button .popup-content-inner {
 z-index: 101;
}
/* end legends */

/* start circuitpoints */
table.wikitable.circuitpoints > * > tr > th {
 color:var(--zebra-heading-text);
 background-color:var(--zebra-heading-background);
}

.circuitpoints > * > tr > th > a {
 color:var(--zebra-heading-text);
}

.circuitpoints {
 text-align:center;
}

.circuitpoints-team {
 text-align:left;
}
/* end circuitpoints */

/* matchlist */

.matchlist-tab-wrapper {
 display:inline-block;
 vertical-align:top;
}

table.matchlist {
	text-align:center;
	margin: 1em 1em 1em 0;
}

.matchlist-winner-team {
	font-weight:bold;
	background-color:var(--color-up);
}

.matchlist-winner-score {
	font-weight:bold;
	background-color:var(--color-up);
}

.matchlist-tied-team {
	background-color:var(--color-stay);
	font-weight:bold;
}

.matchlist-tied-score {
	background-color:var(--color-stay);
	font-weight:bold;
}

.matchlist-team1 {
	text-align:right;
}

.matchlist-team2 {
	text-align:left;
}

.matchlist .matchlist-date {
	padding-top:1px;
	padding-bottom:1px;
	font-size:80%;
}

#matchlist td.matchlist-time-cell,
#matchlist td.matchlist-score {
	padding-left:0;
	padding-right:0;
}

.prizepool-currency-hidden,
.matchlist-rs-hidden,
.matches-hiddentab,
.matchlist-results-hidden {
	display:none!important;
}

.matchlist-toggler-results {
	color:var(--link);
	cursor:pointer;
}

.matchlist-toggler-results.active {
	color:var(--body-text-color);
	cursor:default;
	font-weight:bold;
}

#matchlist .toggler-eyes {
	margin-top:-40px;
}

.matchlist-daterange {
	font-style:italic;
}

table.matchlist > * > tr.matchlist-newday > td {
	border-bottom:4px solid var(--table-border);
}

.matchlist-streamlink-icon::before {
	font-family:"FontAwesome";
	content:"\f04b";
}

.matchlist-flex .matchlist-team1 .teamname, .matchlist-flex .matchlist-team2 .teamname,
.ambox .matchlist-flex {
	text-decoration: underline;
	font-style: italic !important;
	font-weight: bold;
}

.matchlist-patch-number + .matchlist-patch-disabled {
 margin-left:.25em;
}

.popup-button-matchlist .table-header-showhide {
	display:none;
}

.popup-button-matchlist .matchlist {
	margin:0;
}

.teamimage-left, .teamimage-right {
  display:inline-flex;
  align-items:center;
}

/* end matchlist */

/* mvp-standings */

table + table.mvp-standings-more,
.ooui-theme-fandomooui table.mvp-standings-more,
.article-table-wrapper table.mvp-standings-more {
	margin-top:-15px;
}

table.mvp-standings,
table.mvp-standings td,
table.mvp-standings th {
	box-sizing: border-box;
}

table.mvp-standings-more,
table.mvp-standings-more td,
table.mvp-standings-more th {
	box-sizing: border-box;
}

/* end mvp standings */

/* crossbox */
.crossbox-outer {
	overflow:auto;
}

.crossbox-firstcol {
	position:sticky;
	left:0;
	background-clip: padding-box;
	z-index:1;
}

table.crossbox {
 text-align:center;
 margin-top:0px;
}

.crossbox-teamvs {
 opacity:.7;
 width:60px;
}

.crossbox-mirror {
 background-color:var(--color-crossbox-neutral);
}

.crossbox-total {
 font-weight:bold;
 text-align:center;
 background-color:var(--table-header);
 width:60px;
 white-space:nowrap;
}

.crossbox-toggler {
 font-weight:bold;
}

.crossbox-match-link a:before {
	content: '\f14c';
	font-family: 'FontAwesome';
}

.crossbox-win {
	background-color:var(--color-winner);
}

.crossbox-loss {
	background-color:var(--color-loser);
}

.crossbox-draw {
	background-color:var(--color-draw);
}

.crossbox-total-win {
	background-color:var(--color-winner-dark);
}

.crossbox-total-loss {
	background-color:var(--color-loser-dark);
}

.crossbox-total-draw {
	background-color:var(--color-draw-dark);
}

.crossbox-cell {
	white-space: nowrap;
}

/* end crossbox */

/* start timelines */
.timeline-section table.timeline {
  border-width:2px;
  display:inline-table;
  text-align:center;
  box-sizing: border-box;
  margin:0px 0px 8px -2px;
}

.timeline .timeline-place,
.timeline .timeline-team {
 padding-left:0;
 padding-right:0;
}

.timeline-place {
 font-weight:bold;
 width:1em;
}

.timeline .stat-diff {
	padding-left:0;
	padding-right:0;
}

.timeline-toggler {
 font-weight:bold;
}

.timeline-recordwithpoints {
 width:5em;
 padding-left:0;
 padding-right:0;
}

.timeline-points {
 width:1.5em;
}

.timeline-record {
 width:3em;
}

/* End timelines */

/* Match Details */
.md-winner {
	background-color:var(--color-up);
	font-weight:bold;
}

.md-table {
	white-space:nowrap;
}

.written-summary-outer {
	width:30em;
}

.written-summary-inner {
	padding:.5em;
	max-width:100%;
	white-space:normal;
	overflow-y: auto;
}

#md-table .md-pbp,
#md-table .md-color,
#md-table .md-with,
#md-table .md-mvp {
	max-width: 14em;
	white-space: normal;
}

/* End Match Details */

/* Start pools */
.pools {
	display:table;
}

.tournament-rosters.maxteams-3,
.pools.maxteams-3 .pool-participants {
  max-width: 600px;
}

.tournament-rosters.maxteams-4,
.pools.maxteams-4 .pool-participants {
  max-width: 700px;
}

.tournament-rosters.maxteams-5,
.pools.maxteams-5 .pool-participants {
  max-width: 900px;
}

.tournament-rosters.maxteams-6,
.pools.maxteams-6 .pool-participants {
  max-width: 1010px;
}

.tournament-rosters.maxteams-7,
.pools.maxteams-7 .pool-participants {
  max-width: 1180px;
}

.tournament-rosters.maxteams-8,
.pools.maxteams-8 .pool-participants {
  max-width: 1350px;
}

.pool {
 border: 1px dashed var(--strong-border-color);
  margin-bottom:.5em;
  border-radius:1em;
}

.rotated-text {
	width: 1em;
	position:relative;
	vertical-align:middle;
}
.rotated-text-inner {
	width:100%;
	position:absolute;
	transform:rotate(-90deg);
	white-space:nowrap;
	left:0;
}
.pool .rotated-text {
	display: table-cell;
	font-size:2em;
	padding-left:.5em;
	font-weight:bold;
}
.pool-participants {
	display: table-cell;
}
/* End pools */

/* Pick-ban history */

/* the min-content width is needed for the column show-hide labels */
#pbh-outer {
 margin-right:15px;
 display:inline-block;
 max-width:calc(100% - 70px);
 width: min-content;
}

/* Main table */

#pbh-table {
 text-align:center;
 white-space:nowrap;
 margin-right:0;
}

table.wikitable > * > tr > td.pbh-ban {
 opacity:.75;
}

table.wikitable > * > tr > td.pbh-blue {
 background-color:var(--color-mhside1);
}

table.wikitable > * > tr > td.pbh-red {
 background-color:var(--color-mhside2);
}

table.wikitable > * > tr > td.pbh-winner {
 font-weight:bold;
 background-color:var(--color-up);
}

/* cn is short for pbh-champion */
.pbh-cn .sprite.champion-sprite {
	height:25px;
	width:25px;
}

.pbh-tournament {
	text-align:left;
}

/* toolbox */

#pbh-setcolor-box {
 display:inline-block;
 position:-webkit-sticky;
 position:sticky;
 vertical-align:top;
 top:calc(10px + var(--sticky-header-height));
 margin-top:13px;
}

#pbh-setcolor-box > div {
 cursor:pointer;
 width:20px;
 height:20px;
 text-align:center;
 border: 1px solid #a2a9b1;
}

#pbh-remove::after {
  content:"\f12d";
  font-family:FontAwesome;
}

#pbh-removeall::after {
	content:"\f00d";
	font-family:FontAwesome;
}

#pbh-undo:after {
 content:"\f0e2";
 font-family:FontAwesome;
}

.pbh-current-tool {
 outline: 3px solid #000;
 border: 1px solid #000!important;
}

.pbh-divider {
	border-right: 5px solid var(--table-border) !important;
}

/* end pick-ban history */

/* spoiler-free schedule */

.sfs-date1 {
	text-decoration:underline;
}

.sfs-date2 {
	font-style:italic;
}

.sfs-tbd {
	text-align:center;
}

table.wikitable > * > tr > td.upcoming-matches-match {
	padding-left:1em;
	padding-right:1em;
}

/* end spoiler-free schedule */

/* extended rosters */
.extended-rosters {
	table-layout:fixed;
}

.extended-rosters-id {
	font-weight:bold;
}

.extended-rosters th,
.extended-rosters td {
	background-clip: padding-box!important;
}

.extended-rosters th.extended-rosters-res,
.extended-rosters th.extended-rosters-country,
.extended-rosters th.extended-rosters-role,
.extended-rosters th.extended-rosters-round {
	padding-left:0!important;
	padding-right:0!important;
}

th.extended-rosters-res {
	width:26px;
}

th.extended-rosters-country {
	width:28px;
}

th.extended-rosters-role {
	width:27px;
}

/* These selectors are ridiculous because of a bad rule in FandomDesktop styling that's also incredibly specific. I didn't want to !important the position:sticky; so... */
.wide-content-scroll .extended-rosters.wikitable .extended-rosters-res,
.wide-content-scroll .extended-rosters.wikitable .extended-rosters-country,
.wide-content-scroll .extended-rosters.wikitable .extended-rosters-role,
.wide-content-scroll .extended-rosters.wikitable .extended-rosters-id {
	position:sticky;
	background-clip: padding-box;
	background-color:var(--table-background);
 	z-index:1;
}

.extended-rosters-res {
	left:0;
}

.extended-rosters-country {
	left:26px;
}

.extended-rosters-role {
	left:54px;
}

.extended-rosters-id {
	left:81px;
}

.extended-rosters-nores .extended-rosters-country {
	left:0;
}

.extended-rosters-nores .extended-rosters-role {
	left:26px;
}

.extended-rosters-nores .extended-rosters-id {
	left:55px;
}

.extended-rosters-name,
.extended-rosters-id,
.extended-rosters-round {
	white-space:nowrap;
}

.extended-rosters-round {
	text-align:center;
}

/* end extended rosters */

/* start trl */

.tournament-results {
	text-align:center;
}

.tournament-results-place {
	font-weight:bold;
}

.tournament-results-player,
.tournament-results-team {
	text-align:left;
}

.toggle-button + .tournament-results {
  margin-top:0;
}

/* end trl */


/* Picks and Bans classes */

/* flex champion objects in picks and bans */
.pb .champion-object {
    display:inline-flex;
}

.pb .markup-object .sprite {
    align-self:center;
}

.pb .team-object {
	font-weight:bold;
}

@supports (gap: 3px) {
    .pb .champion-object {
        gap:3px;
    }
    
    /* override the normal margin-right rule that we have in regular markup-object land */
    .pb .champion-object .sprite.champion-sprite {
        margin-right:0;
    }
}

.pb-blue .champion-object {
    flex-direction:row-reverse;
}
/* end flex champion objects in picks and bans */

.wikitable .pb-ban {
    background-color:var(--color-red);
    font-weight:700;
}

.wikitable .pb-pick {
    background-color:var(--color-green);
    font-weight:700;
}

.wikitable .pb-blue {
    text-align:right;
    padding-left:0;
}

.wikitable .pb-red {
    text-align:left;
    padding-right:0;
}

.wikitable .pb-border {
    border-bottom:4px solid var(--table-border-emphasized);
}

.pb {
  width:320px;
  table-layout:fixed;
  text-align:center;
}

.pb-winner {
	background-color:var(--color-green);
}

table.wikitable.pb-game-2 {
  margin-top:-14px;
}

.pb-day-label + .pb {
	margin-top:1px;
}

/* End picks and bans classes */

/* compress in featured leagues box*/
.fl-content-inner-container .standings-outer-div{
	display: inline-block;
	width: 100%;
	padding:0 0.5em;
	box-sizing: border-box
}
.fl-content-inner-container .standings-outer-div .standings{
	width:100%;
}
@media screen and (min-width:415px){
	.fl-content-inner-container .standings-outer-div{
		min-width:22em;
		width:50%;
	}
}
/* end featured leagues box */

.seasonaward-team-and-player {
	white-space:nowrap;
}


.diff-up {
	color:green;
}

.diff-down {
	color:red;
}

.diff-neutral {
	font-size:10px;
	font-weight:bold;
}

table.wikitable.spstats:not(.nested-table) {
	text-align:center;
	margin-bottom:0.25em;
}

.spstats-player,
.spstats-subject {
	text-align:left;
}

.spstats-bold {
	font-weight:bold;
}

.mhgame,
.mhplayer {
	font-size:90%;
}

.mhgame-headings,
.mhplayer-headings {
	font-size:80%;
}

.mhgame-bans,
.mhplayer-championvs {
	opacity:.7;
}

.mhplayer-winner,
.mhgame-winner {
	background-color:var(--color-winner);
}

/* .mhplayer-winner, .mhgame-winner {
	font-weight:bold;
	font-style:italic;
} */

.mhgame-blue  {
	background-color:var(--color-mhside1);
}

.mhgame-red  {
	background-color:var(--color-mhside2);
}

.mhplayer-loser,
.mhgame-loser {
	background-color:var(--color-mhgame-loser);
}

.perfectgames .mhgame-winner .mhgame-result {
	background-color:transparent;
}

.mhplayer-record-kills .mhplayer-k,
.mhplayer-record-deaths .mhplayer-d,
.mhplayer-record-assists .mhplayer-a,
.mhplayer-record-cs .mhplayer-cs,
.mhplayer-record-gold .mhplayer-g {
	font-weight:bold;
}

.mhgame-record-length .mhgame-len {
	font-weight:bold;
}

.mhgame-thth-outer {
	display:flex;
}

.mhgame-thth-team1,
.mhgame-thth-team2 {
	flex-basis:50%;
}

.mhgame-thth-team1 {
	background-color:var(--color-up);
}

.mhgame-thth-team2 {
	background-color:var(--color-mhside1);
}

.spstats td,
.mhgame td,
.mhplayer td {
	white-space:nowrap;
}


/* tournament rosters start */

table.tournament-roster {
	margin-top: 2px;
	width: 150px;
}

.tournament-roster-caption {
	font-weight: 700;
}

.tournament-roster-header {
	line-height: 130%;
	font-size: 80%;
	padding: 0;
}

.tournament-roster-logo-cell {
	text-align: center;
	line-height: 133px;
	width: 150px;
	padding: 0 3px;
}

.tournament-roster-role {
	height: 0;
	overflow: visible;
	position: relative;
	z-index: 98;
	opacity: 0.5;
	float: right;
}

.tournament-roster-player {
	position: relative;
	z-index: 99;
}

/* tournament rosters end */


.point-system {
 text-align:center;
}

table.point-system > * > tr > th {
 color:var(--zebra-heading-text);
 background-color:var(--zebra-heading-background);
}


/* prospective participant timeline qualification classes */
.qualifiedToEvent {
	border: solid 1px black;
	display: inline-block;
}

td > .qualifiedToEvent {
	width: 100%;
}

.qualifiedToMainEvent {
	border: solid 1px black;
	display: inline-block;
	font-weight: bold;
	font-style: italic;
}

td > .qualifiedToMainEvent {
	width: 100%;
}
/* end prospective participant timeline qualification classes */


/* RedX and GreenCheck for Extended Roster Line */

div.redx {
    display: inline-block;
    width:14px;
    height:10px;
    background-image: var(--red-x);
    background-repeat:no-repeat;
    background-position: center; 
}

div.greencheck {
    display: inline-block;
    width: 14px;
    height:10px;
    background-image: var(--green-check);
    background-repeat:no-repeat;
    background-position: center; 
}

/* End RedX and GreenCheck */

.as-thousands::after {
	content:'k';
}


.runedata-header th {
	position: sticky;
	top: 0;
	background-clip: padding-box;
}

.skin-fandomdesktop .runedata-header th {
	top: var(--sticky-header-height);
}


/* most-recent-game styles */

.recentgame-wrapper + div > table {
	margin-top:0;
}

.recentgame-wrapper {
	margin-bottom:.2em;
}

.recentgame {
	display:flex;
}

.recentgame-team-1,
.recentgame-team-2 {
	display:flex;
}

.recentgame-team-1 {
	margin-right:.3em;
}

.recentgame-team-2 {
	flex-direction:row-reverse;
	margin-left:.3em;
}

.recentgame-champions,
.recentgame-team {
	display:flex;
}

.recentgame-team-1 .recentgame-team {
	display:flex;
	flex-direction:row-reverse;
}

.recentgame-team-1 .recentgame-team {
	margin-left:.3em;
}

.recentgame-team-2 .recentgame-team {
	margin-right:.3em;
}

.recentgame-winner {
	border: 3px solid var(--color-winner-dark);
}

/* end most-recent-game styles */


/* distribution stuff */

.distribution-cell,
.distribution-heading {
	font-weight:bold;
	text-align:center;
}

/* unofficial world championship belt */

.uwc-date {
	text-align: center;
	white-space: nowrap;
}