body:not(.ingame):not(.twc-menus-hidden)::after {
	content: 'TOURNAMENT MODE (PLAYER, SILVER)';
	position: absolute;
	top: 0;
	left: 10vw;
	z-index: 100000000;
	color: #FF0054;
	background-color: #FF005444;
	padding: 0.2rem 2rem;
	font-size: 0.8rem;
	font-family: 'Big Shoulders Display';
	font-weight: 900;
	pointer-events: none;
	clip-path: polygon(0 0, 100% 0, calc(100% - 2rem) 100%, 2rem 100%);
}

@font-face {
	font-family: 'Big Shoulders Display';
	font-weight: 100;
	src: url('https://worlds.tetr.io/res/font/BigShouldersDisplay-Thin.ttf');
}
@font-face {
	font-family: 'Big Shoulders Display';
	font-weight: 200;
	src: url('https://worlds.tetr.io/res/font/BigShouldersDisplay-ExtraLight.ttf');
}
@font-face {
	font-family: 'Big Shoulders Display';
	font-weight: 300;
	src: url('https://worlds.tetr.io/res/font/BigShouldersDisplay-Light.ttf');
}
@font-face {
	font-family: 'Big Shoulders Display';
	font-weight: 400;
	src: url('https://worlds.tetr.io/res/font/BigShouldersDisplay-Regular.ttf');
}
@font-face {
	font-family: 'Big Shoulders Display';
	font-weight: 500;
	src: url('https://worlds.tetr.io/res/font/BigShouldersDisplay-Medium.ttf');
}
@font-face {
	font-family: 'Big Shoulders Display';
	font-weight: 600;
	src: url('https://worlds.tetr.io/res/font/BigShouldersDisplay-SemiBold.ttf');
}
@font-face {
	font-family: 'Big Shoulders Display';
	font-weight: 700;
	src: url('https://worlds.tetr.io/res/font/BigShouldersDisplay-Bold.ttf');
}
@font-face {
	font-family: 'Big Shoulders Display';
	font-weight: 800;
	src: url('https://worlds.tetr.io/res/font/BigShouldersDisplay-ExtraBold.ttf');
}
@font-face {
	font-family: 'Big Shoulders Display';
	font-weight: 900;
	src: url('https://worlds.tetr.io/res/font/BigShouldersDisplay-Black.ttf');
}

#referee {
	top: 0.5rem;
	animation: 0.5s TWCREFEREEAPPEAR cubic-bezier(.25,1.5,.58,.99);
}

@keyframes TWCREFEREEAPPEAR {
	from { transform: translate(-50%, -10rem); }
	to { transform: translate(-50%, 0); }
}

#referee.duel #referee_top {
	background-color: #000;
	padding: 0.1rem;
	color: #FFF;
	border-radius: 0;
	font-family: 'Big Shoulders Display';
	font-weight: 900;
	font-size: 1.2rem;
	clip-path: polygon(1.3rem 0, calc(100% - 1.3rem) 0, 100% 100%, 0 100%);
}

#referee.duel .referee_point {
	flex-basis: 20em;
}

#referee.duel .referee_point {
	background-color: #000;
	border-radius: 0;
}

#referee.duel .referee_point h1 {
	font-family: 'Big Shoulders Display';
	font-weight: 900;
	font-size: 2.8rem;
	border-radius: 0;
	background: linear-gradient(to bottom, #B8A9C1 0%, #FFF 50%, #897DAA 50%, #C3B8E4 100%);
	color: #000;
	padding-top: 0;
	min-width: 4rem;
}

#referee.duel .referee_point p {
	font-family: 'Big Shoulders Display';
	font-weight: 800;
	font-size: 1.5rem;
	border-radius: 0;
	color: #FFF;
}

#referee.duel .referee_point:first-child h1,
#referee.duel .referee_point:first-child {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 3rem 100%);
}
#referee.duel .referee_point:last-child h1,
#referee.duel .referee_point:last-child {
	clip-path: polygon(0 0, 100% 0, calc(100% - 3rem) 100%, 0 100%);
}

#referee.duel .referee_sep {
	background: linear-gradient(to bottom, #B8A9C1 0%, #FFF 50%, #897DAA 50%, #C3B8E4 100%);
	color: #0000;
	align-self: stretch;
	width: 3rem;
	margin: 0 -0.1rem;
	position: relative;
	z-index: 1;
}

#referee.duel .referee_sep::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3.5rem;
	height: 3.5rem;
	transform: translate(-50%, -50%);
	background: center/contain url('https://worlds.tetr.io/res/img/vs-big.png');
	filter: invert(1);
}

#scoreslide {
	transform: skewX(-7deg);
	left: -10vw;
	right: -10vw;
	font-family: 'Big Shoulders Display';
	background: #000A;
}
#scoreslide.hiding {
	transition: 0.9s opacity;
}

#scoreslide_header {
	display: none;
}

#scoreslide_duel_p1 {
	border-right: none;
	transition: none;
	width: 60vw;
	animation: 0.5s SSDP1In cubic-bezier(.11,.36,.46,1);
	transform-origin: right;
	transform: perspective(50vw) rotateY(15deg);
}
#scoreslide.hiding #scoreslide_duel_p1 {
	transform: translateX(30vw);
	animation: 0.9s SSDP1Out cubic-bezier(.32,0,.55,.34) forwards;
}
@keyframes SSDP1In { from { transform: perspective(50vw) rotateY(15deg) translateX(10vw); } to { transform: perspective(50vw) rotateY(15deg) translateX(0vw); } }
@keyframes SSDP1Out { from { transform: perspective(50vw) rotateY(15deg) translateX(0vw); } to { transform: perspective(50vw) rotateY(15deg) translateX(-70vw); } }

#scoreslide_duel_p2 {
	border-left: none;
	transition: none;
	width: 60vw;
	animation: 0.5s SSDP2In cubic-bezier(.11,.36,.46,1);
	transform-origin: left;
	transform: perspective(50vw) rotateY(-15deg);
}
#scoreslide.hiding #scoreslide_duel_p2 {
	transform: translateX(-30vw);
	animation: 0.9s SSDP2Out cubic-bezier(.32,0,.55,.34) forwards;
}
@keyframes SSDP2In { from { transform: perspective(50vw) rotateY(-15deg) translateX(-10vw); } to { transform: perspective(50vw) rotateY(-15deg) translateX(0vw); } }
@keyframes SSDP2Out { from { transform: perspective(50vw) rotateY(-15deg) translateX(0vw); } to { transform: perspective(50vw) rotateY(-15deg) translateX(70vw); } }

.scoreslide_duel_player h1 {
	font-weight: 900;
    margin-top: calc(50vh - 12vw);
    text-shadow: 0 0 32px #fff;
}

#scoreslide_duel_p1 h1 { margin-right: 6vw; }
#scoreslide_duel_p2 h1 { margin-left: 6vw; }
#scoreslide_duel_p1 p { margin-right: 8vw; }
#scoreslide_duel_p2 p { margin-left: 8vw; }

#scoreslide_duel_p1::before {
	background: linear-gradient(to right, #0E4B9C22 0, #0E4B9CAA calc(100% - 2vw), #0E4B9C 100%);
	opacity: 0;
}
#scoreslide_duel_p1::after {
	opacity: 0;
	background: radial-gradient(ellipse farthest-side at 100% 50%, #0096FF 0, transparent 100%);
}
#scoreslide_duel_p2::before {
	background: linear-gradient(to left, #0E4B9C22 0, #0E4B9CAA calc(100% - 2vw), #0E4B9C 100%);
	opacity: 0;
}
#scoreslide_duel_p2::after {
	opacity: 0;
	background: radial-gradient(ellipse farthest-side at 0 50%, #0096FF 0, transparent 100%);
}

#scoreslide.pingedp1 #scoreslide_duel_p1::before {
	animation: 2s TWCX_DBPing ease-out forwards;
}
#scoreslide.pingedp1 #scoreslide_duel_p1::after {
	animation: 2s TWCX_DAPing ease-out forwards;
}
#scoreslide.pingedp2 #scoreslide_duel_p2::before {
	animation: 2s TWCX_DBPing ease-out forwards;
}
#scoreslide.pingedp2 #scoreslide_duel_p2::after {
	animation: 2s TWCX_DAPing ease-out forwards;
}

@keyframes TWCX_DBPing {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
	}
}
@keyframes TWCX_DAPing {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
	}
}

#scoreslide.pingedp1 #scoreslide_duel_p1 h1 {
	animation: 1s TWCX_DPPing ease-out;
}
#scoreslide.pingedp2 #scoreslide_duel_p2 h1 {
	animation: 1s TWCX_DPPing ease-out;
}

@keyframes TWCX_DPPing {
	0% {
		transform: scale(1);
		text-shadow: 0 0 32px #fff;
	}
	10% {
		transform: scale(1.3);
		text-shadow: 0 0 64px #fff;
	}
	100% {
		transform: scale(1);
		text-shadow: 0 0 32px #fff;
	}
}

#scoreslide_duel_match {
	font-family: 'Big Shoulders Display';
	font-weight: 900;
	padding-top: 0.2rem;
	font-size: 6vh;
}

#scoreslide_duel_match.ssdm_p1,
#scoreslide_duel_match.ssdm_p2 {
	background-color: #005AFF;
	color: #FFF;
}

.shout {
	font-family: 'Big Shoulders Display';
	font-size: calc(140px * var(--r));
}
#majorshouts .shout.game {
	-webkit-text-stroke: 0.02em #FF7100;
	text-stroke: 0.02em #FF7100;
	background: linear-gradient(to bottom, #FFE400 0%, #FFF 50%, #FF7100 50%, #F7FA28 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15vw;
    text-shadow: 0px 0px 32px currentColor;
    transform-origin: center;
    animation: 5s majorShoutExpand2 ease-out !important;
}
#majorshouts .shout.gameshort {
	color: #897DAA;
	-webkit-text-stroke: 0.02em #897DAA;
	text-stroke: 0.02em #897DAA;
	background: linear-gradient(to bottom, #B8A9C1 0%, #FFF 50%, #897DAA 50%, #C3B8E4 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 10vw;
    text-shadow: 0px 0px 32px currentColor;
}
#majorshouts .shout.warmupover {
	-webkit-text-stroke: 0px #0096FF;
	text-stroke: 0px #0096FF;
	color: #005AFF;
    font-size: 7vw;
    text-shadow: 0px 0px 32px #0096FF;
    transform-origin: center;
    animation: 5s majorShoutExpand3 ease-out !important;
}

@keyframes majorShoutExpand {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(3) skewY(-18deg) skewX(-4deg);
		filter: brightness(4) grayscale(1);
	}
	20% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.5) skewY(-18deg) skewX(-4deg);
		filter: brightness(1.5) grayscale(0);
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1.4) skewY(-18deg) skewX(-4deg);
		filter: brightness(1) grayscale(0);
	}
}

@keyframes majorShoutExpand2 {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(3) skewY(-18deg) skewX(-4deg);
		filter: brightness(4) grayscale(1);
	}
	5% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.3) skewY(-18deg) skewX(-4deg);
		filter: brightness(1.5) grayscale(0);
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1) skewY(-18deg) skewX(-4deg);
		filter: brightness(1) grayscale(0);
	}
}

@keyframes majorShoutExpand3 {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(3) skewX(-7deg);
		filter: brightness(4) grayscale(1);
	}
	20% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.5) skewX(-7deg);
		filter: brightness(1.5) grayscale(0);
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1.4) skewX(-7deg);
		filter: brightness(1) grayscale(0);
	}
}

#victory {
	transform: scale(1.4) translate(-3vw, -1vh) perspective(50vw) rotateY(-20deg) skewX(-7deg);
}

#victory_header {
	font-family: 'Big Shoulders Display';
}

#victory_victor {
	font-family: 'Big Shoulders Display';
	text-stroke: 0.03vw #FF0;
	-webkit-text-stroke: 0.03vw #FF0;
	background: linear-gradient(to bottom, #B8A9C1 0%, #FFF 50%, #897DAA 50%, #C3B8E4 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#victory_sub {
	display: none;
}

#victory_also {
	display: none;
}

.shout.mission_versus {
	text-shadow: 0px 0px calc(4px * var(--r)) #FF004E;
	background: linear-gradient(to right, transparent 0%, #FF004E88 50%, transparent 100%);
	transform: skewX(-7deg) translate(-50%, -50%) scale(1);
}

@keyframes missionExpand {
	0% {
		opacity: 0;
		letter-spacing: calc(8px * var(--r));
		padding-top: calc(16px * var(--r));
		padding-bottom: calc(16px * var(--r));
	}
	10% {
		opacity: 1;
		letter-spacing: calc(2px * var(--r));
		padding-top: calc(8px * var(--r));
		padding-bottom: calc(8px * var(--r));
	}
	90% {
		opacity: 1;
		letter-spacing: 0px;
		padding-top: calc(8px * var(--r));
		padding-bottom: calc(8px * var(--r));
	}
	100% {
		opacity: 0;
		letter-spacing: calc(8px * var(--r));
		padding-top: calc(16px * var(--r));
		padding-bottom: calc(16px * var(--r));
	}
}