@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2") format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2") format("woff2");
	unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2") format("woff2");
	unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2") format("woff2");
	unicode-range: U+0370-03FF
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2") format("woff2");
	unicode-range: U+1F00-1FFF
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2") format("woff2");
	unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2") format("woff2");
	unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOlCnqEu92Fr1MmYUtfBBc4.woff2") format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2") format("woff2");
	unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2") format("woff2");
	unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2") format("woff2");
	unicode-range: U+0370-03FF
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2") format("woff2");
	unicode-range: U+1F00-1FFF
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2") format("woff2");
	unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/fonts/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2") format("woff2");
	unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Roboto"),local("Roboto Regular"),url("/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2") format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

*, *:before, *:after {
	box-sizing: border-box;
	font-family: "Roboto",Arial,sans-serif
}

html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: "Roboto",Arial,sans-serif;
	line-height: 1.15
}

body {
	background-color: #fff;
	color: #212529;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.5;
	margin: 0;
	text-align: left
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

a {
	background-color: transparent;
	color: #00b0e1;
	text-decoration: none
}

	a:hover {
		color: #0056b3;
		text-decoration: underline
	}

::-webkit-resizer {
	display: none
}

::placeholder {
	color: #b9b9b9;
	opacity: 1
}

:-ms-input-placeholder {
	color: #b9b9b9
}

::-ms-input-placeholder {
	color: #b9b9b9
}

::-webkit-scrollbar {
	width: 1vmin
}

::-webkit-scrollbar-track {
	background: #0000
}

::-webkit-scrollbar-thumb {
	background: #000;
	border-radius: .2vmin
}

	::-webkit-scrollbar-thumb:hover {
		background: #1a1a1a
	}

body, html {
	-webkit-font-smoothing: antialiased;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1vmin;
	margin: 0;
	overflow: hidden;
	overscroll-behavior: none;
	padding: 0;
	touch-action: none
}

.hide {
	opacity: 0
}

.hidden {
	display: none !important
}

#game-canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -4
}

#title, #subtitle {
	-webkit-text-stroke-width: .3vmin;
	-webkit-text-stroke-color: #000;
	align-items: center;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-weight: 700;
	height: 5vmin;
	left: 50%;
	pointer-events: none;
	position: absolute;
	text-align: center;
	transform: translateY(-50%) translateX(-50%) scale(var(--ui-user-scale, 1));
	-ms-transform: translateY(-50%) translateX(-50%) scale(var(--ui-user-scale, 1));
	-webkit-transform: translateY(-50%) translateX(-50%) scale(var(--ui-user-scale, 1))
}

#title {
	font-size: 8vmin;
	top: 1vmin
}

#subtitle {
	font-size: 4vmin;
	top: 10vmin;
	transition: opacity .5s,top .5s;
	letter-spacing: 0.1vh
}

	#subtitle.hide {
		opacity: 0
	}

#changelog {
	height: 50vmin;
	left: 1vmin;
	position: fixed;
	top: 1vmin;
	transition: opacity .5s,top .5s;
	width: 35vw;
	opacity: 1;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 2vmin;
	font-weight: 700;
	text-align: left;
	-webkit-text-stroke: 0;
	text-shadow: -.2vmin -.2vmin 0 #000,0 -.2vmin 0 #000,.2vmin -.2vmin 0 #000,.2vmin 0 0 #000,.2vmin .2vmin 0 #000,0 .2vmin 0 #000,-.2vmin .2vmin 0 #000,-.2vmin 0 0 #000;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transform-origin: top left;
	transform: scale(var(--ui-user-scale, 1));
	display: flex;
	flex-direction: column;
}

	#changelog.hide {
		opacity: 0
	}

	#changelog > p {
		margin: 1vmin;
		color: #fff;
		font-family: "Roboto",Arial,sans-serif;
		font-size: 2vmin;
		font-weight: 700;
		text-align: left;
		-webkit-text-stroke: 0;
		text-shadow: inherit
	}

	#changelog a {
		color: #00b0e1;
		text-decoration: none
	}

	#changelog a:hover {
		color: #0056b3;
		text-decoration: underline
	}

#changelog-reactions {
	margin: 0 1vmin 0.8vmin 1vmin;
	display: flex;
	flex-direction: column;
	gap: 0.6vmin;
	position: relative;
	margin-top: auto;
}

#changelog-latest {
	margin: 1vmin 1vmin 0.8vmin 1vmin;
}

#changelog > #changelog-truncated-note {
	color: #ffe46b;
}

#changelog > #changelog-truncated-note.hide {
	display: none;
}

#changelog-more {
	margin: 0 1vmin 1vmin 1vmin !important;
}

#changelog-reactions-label {
	font-size: 1.5vmin;
	font-weight: 700;
	color: #cccccc;
	text-shadow: inherit;
	line-height: 1.1;
}

#changelog-reactions-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5vmin;
}

.changelog-reaction-btn {
	-webkit-appearance: none;
	appearance: none;
	border: 0.22vmin solid #000;
	background: rgba(30, 30, 30, 0.78);
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.5vmin;
	font-weight: 900;
	line-height: 1;
	padding: 0.55vmin 0.9vmin;
	min-height: 3vmin;
	border-radius: 0.6vmin;
	cursor: pointer;
	transition: transform 0.12s ease, background 0.12s ease, opacity 0.12s ease;
	text-shadow: -.08vmin -.08vmin 0 #000,0 -.08vmin 0 #000,.08vmin -.08vmin 0 #000,.08vmin 0 0 #000,.08vmin .08vmin 0 #000,0 .08vmin 0 #000,-.08vmin .08vmin 0 #000,-.08vmin 0 0 #000;
}

.changelog-reaction-btn:hover:not(:disabled) {
	transform: translateY(-0.08vmin) scale(1.02);
	background: rgba(45, 45, 45, 0.88);
}

.changelog-reaction-btn:active:not(:disabled) {
	transform: translateY(0) scale(0.985);
}

.changelog-reaction-btn.is-selected {
	background: rgba(0, 176, 225, 0.92);
}

.changelog-reaction-btn:disabled {
	opacity: 0.5;
	cursor: default;
	transform: none;
}

#changelog-reaction-voters-tooltip {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 25;
	min-width: 18vmin;
	max-width: min(34vmin, 80vw);
	padding: 0.65vmin 0.8vmin;
	border-radius: 0.7vmin;
	box-shadow: 0 0 0 0.22vmin rgba(0,0,0,0.9), 0 0.8vmin 2vmin rgba(0,0,0,0.45);
	background: rgba(14,14,14,0.94);
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.24vmin;
	font-weight: 700;
	line-height: 1.22;
	white-space: normal;
	pointer-events: none;
	opacity: 0;
	transform: translateY(0.2vmin) scale(0.98);
	transition: opacity 0.12s ease, transform 0.12s ease;
}

#changelog-reaction-voters-tooltip.show {
	opacity: 1;
	transform: translateY(0) scale(1);
}

#achievement-hover-tooltip {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 95;
	min-width: 16vmin;
	max-width: min(40vmin, 86vw);
	padding: 0.65vmin 0.85vmin;
	border-radius: 0.7vmin;
	box-shadow: 0 0 0 0.22vmin rgba(0,0,0,0.92), 0 0.8vmin 2vmin rgba(0,0,0,0.45);
	background: rgba(10,10,10,0.95);
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.3vmin;
	font-weight: 700;
	line-height: 1.24;
	white-space: normal;
	pointer-events: none;
	opacity: 0;
	transform: translateY(0.22vmin) scale(0.98);
	transition: opacity 0.12s ease, transform 0.12s ease;
}

#achievement-hover-tooltip.show {
	opacity: 1;
	transform: translateY(0) scale(1);
}

#player-counter {
	position: fixed;
	left: 6.6vmin;
	bottom: 1.15vmin;
	margin: 0;
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap: .5vmin;
	white-space: nowrap;
	opacity: 1;
	color: #fff;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 2vmin;
	font-weight: 700;
	text-align: left;
	-webkit-text-stroke: 0;
	text-shadow: -.2vmin -.2vmin 0 #000, 0 -.2vmin 0 #000, .2vmin -.2vmin 0 #000, .2vmin 0 0 #000, .2vmin .2vmin 0 #000, 0 .2vmin 0 #000, -.2vmin .2vmin 0 #000, -.2vmin 0 0 #000;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transform-origin: bottom left;
	transform: scale(var(--ui-user-scale, 1));
	transition: opacity 0.5s
}

	#player-counter.hide {
		opacity: 0;
		pointer-events: none
	}

	#player-counter-title {
		font-size: 2vmin;
		font-weight: 700;
		margin-bottom: 0;
		color: #fff
	}

	#player-counter-list {
		display: flex;
		flex-direction: column;
		gap: 0.3vmin
	}

	.player-counter-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 1vmin
	}

	.player-counter-mode {
		font-size: 1.8vmin;
		font-weight: 700;
		color: #ccc
	}

	.player-counter-count-wrapper {
		display: inline-block;
		overflow: hidden;
		height: 1.1em;
		min-width: 2.5vmin;
		text-align: right;
		vertical-align: bottom;
		position: relative
	}

	.player-counter-count {
		font-size: 1.8vmin;
		font-weight: 700;
		color: #00b0e1;
		display: block;
		line-height: 1.1
	}

	.player-counter-count-anim {
		font-size: 1.8vmin;
		font-weight: 700;
		color: #00b0e1;
		display: block;
		line-height: 1.1;
		position: absolute;
		top: 0;
		right: 0
	}

#play-menu-wrapper {
	position: fixed;
	left: 50%;
	top: 52.1vh;
	width: min(22.395833vw, 39.814815vh);
	max-width: calc(100vw - 4vmin);
	transform: translateY(0vmin) translateX(-50%) scale(var(--ui-user-scale, 1));
	-ms-transform: translateY(0vmin) translateX(-50%) scale(var(--ui-user-scale, 1));
	-webkit-transform: translateY(0vmin) translateX(-50%) scale(var(--ui-user-scale, 1));
	opacity: 1;
	transition: opacity 2s,top 1s;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .45vmin;
	pointer-events: none;
}

	#play-menu-wrapper.hide {
		opacity: 0;
		top: -10vmin;
		transition: opacity 1s,top .5s;
	}

#play-menu {
	align-items: stretch;
	background-color: #fff;
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	display: flex;
	flex-direction: column;
	gap: .35vmin;
	opacity: 1;
	padding: .3vmin;
	width: 100%;
	text-align: center;
	transition: opacity .5s,top .5s;
	pointer-events: auto;
	position: relative;
	z-index: 2;
	overflow: visible;
}

#full-server-list-wrap {
	width: 100%;
	background: transparent;
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	padding: 0;
	position: relative;
	left: auto;
	top: auto;
	margin: 0 0 1.1vmin;
	pointer-events: auto;
	z-index: 3;
	overflow: visible;
}

#full-server-list-wrap.hide {
	display: none;
}

#full-server-list-button {
	position: relative;
	width: 100%;
	height: 4.85vmin;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	padding: 0 .7vmin;
	border: 0;
	border-radius: .5vmin;
	background: linear-gradient(180deg, #f04f54 0%, #f04f54 50%, #d23136 50%, #d23136 100%);
	box-shadow: none;
	color: #fff;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 1.86vmin;
	font-weight: 900;
	text-align: center;
	text-shadow: none;
	-webkit-text-stroke: .45vmin #000;
	paint-order: stroke fill;
	cursor: pointer;
	overflow: hidden;
}

#full-server-list-button:hover {
	filter: brightness(1.08);
}

#full-server-list-button > span {
	position: relative;
	z-index: 1;
	-webkit-text-stroke: .45vmin #000;
	paint-order: stroke fill;
}

#full-server-list-button-text {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#full-server-list-button-arrow {
	display: none;
}

#full-server-list-dropdown {
	position: absolute;
	left: 0;
	top: calc(100% + .2vmin);
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
	z-index: 8;
	background: rgba(0, 0, 0, 0);
	max-height: min(23vmin, 36vh);
	overflow-y: auto;
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
	transition: max-height .26s cubic-bezier(0.22, 1, 0.36, 1), opacity .2s ease, transform .26s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: max-height, opacity, transform;
}

#full-server-list-dropdown.hide {
	display: flex;
	max-height: 0;
	opacity: 0;
	transform: translateY(-.35vmin);
	pointer-events: none;
	overflow: hidden;
}

.full-server-list-item {
	width: 100%;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 1.7vmin;
	font-weight: 400;
	line-height: 1.2;
	padding: .44vmin .6vmin;
	text-align: center;
	white-space: nowrap;
	text-shadow: none;
	cursor: pointer;
}

.full-server-list-item:hover {
	filter: brightness(1.14);
}

.full-server-list-item.full-server-selected {
	box-shadow: none;
	filter: brightness(1.08);
}

	#play-menu.hide {
		opacity: 0;
		pointer-events: none;
	}

	#play-menu p {
		margin-bottom: 0
	}

	#play-menu-main-row {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: .45vmin;
		width: 100%;
	}

	#play-menu-advanced {
		display: flex;
		flex-direction: column;
		gap: .35vmin;
		width: 100%;
		max-height: 22vmin;
		opacity: 1;
		overflow: hidden;
		transform: translateY(0);
		will-change: max-height, opacity, transform;
		transition: max-height .42s cubic-bezier(0.22, 1, 0.36, 1), opacity .28s ease, transform .42s cubic-bezier(0.22, 1, 0.36, 1);
	}

	#play-menu-advanced.hide {
		display: flex;
		max-height: 0;
		opacity: 0;
		transform: translateY(-.5vmin);
		pointer-events: none;
	}

	#play-menu-coop-row {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: .45vmin;
		justify-content: space-between;
		width: 100%;
	}

	#coop-status-text {
		background: rgba(13, 23, 35, 0.78);
		border-radius: .45vmin;
		color: #fff;
		font-family: Roboto;
		font-size: 1.35vmin;
		font-weight: 700;
		line-height: 1.35;
		padding: .35vmin .55vmin;
		text-align: left;
		text-shadow:
			-.08vmin -.08vmin 0 rgba(0,0,0,0.95),
			.08vmin -.08vmin 0 rgba(0,0,0,0.95),
			-.08vmin .08vmin 0 rgba(0,0,0,0.95),
			.08vmin .08vmin 0 rgba(0,0,0,0.95);
	}

	#play-menu button,
	#play-menu input,
	#play-menu select {
		border: none;
		font-family: Roboto;
		font-size: 3vmin;
		font-weight: 700;
		height: 5vmin;
		max-height: 5vmin;
		outline: none;
		padding: 0;
		text-align: left;
		min-width: 0;
	}

	#play-menu input {
		background-color: rgba(255,0,0,0);
		padding-left: 1vmin;
		width: auto;
		flex: 1 1 auto;
	}

	#play-menu select {
		border-radius: .5vmin;
		height: 5vmin;
	}

	#play-menu button,
	#play-menu select {
		background-color: #38b764;
		color: #fff;
		padding-left: .5vmin;
		padding-right: .5vmin;
	}

	#play-menu button {
		cursor: pointer;
		border-radius: .6vmin;
		flex: 0 0 auto;
	}

#display-name-input {
	flex: 1 1 auto;
	min-width: 0;
}

#play-button {
	flex: 0 0 auto;
	min-width: 8.4vmin;
	text-align: center !important;
}

#play-menu-expand-button {
	flex: 0 0 auto !important;
	width: 3.9vmin;
	min-width: 3.9vmin !important;
	padding: 0 !important;
	font-size: 2.2vmin !important;
	text-align: center !important;
	line-height: 1 !important;
}

#play-menu-coop-row > button {
	flex: 1 1 auto;
	font-size: 1.7vmin !important;
	height: 3.85vmin !important;
	max-height: 3.85vmin !important;
	line-height: 1.05;
	padding: 0 .55vmin !important;
	text-align: center !important;
}

#coop-toggle-button.is-on {
	background-color: #2f78d8 !important;
}

#coop-invite-button:disabled {
	background-color: #5f6880 !important;
	opacity: .76;
	cursor: default;
}

#coop-role-row {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: .45vmin;
	justify-content: space-between;
	width: 100%;
}

#coop-role-row.hide {
	display: none;
}

#coop-role-text {
	background: rgba(13, 23, 35, 0.78);
	border-radius: .45vmin;
	color: #fff;
	flex: 1 1 auto;
	font-family: Roboto;
	font-size: 1.35vmin;
	font-weight: 700;
	line-height: 1.25;
	padding: .35vmin .55vmin;
	text-align: left;
	text-shadow:
		-.08vmin -.08vmin 0 rgba(0,0,0,0.95),
		.08vmin -.08vmin 0 rgba(0,0,0,0.95),
		-.08vmin .08vmin 0 rgba(0,0,0,0.95),
		.08vmin .08vmin 0 rgba(0,0,0,0.95);
}

#coop-switch-role-button {
	flex: 0 0 auto !important;
	font-size: 1.55vmin !important;
	height: 3.3vmin !important;
	max-height: 3.3vmin !important;
	min-width: 7.9vmin !important;
	padding: 0 .65vmin !important;
	text-align: center !important;
}

#coop-switch-role-button:disabled {
	background-color: #5f6880 !important;
	opacity: .76;
	cursor: default;
}

		#play-menu button:hover {
			background-color: #48f083
		}

#connecting-text {
	color: #fff;
	font-family: Roboto;
	font-size: 6vmin;
	font-weight: 700;
	height: 5vmin;
	min-height: 5vmin;
	line-height: 1;
	opacity: 1;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	left: 50%;
	top: calc(4.85vmin + 1.1vmin + 2.5vmin);
	transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transition: opacity .5s;
	width: 100%;
	z-index: 1;
	pointer-events: none;
	text-shadow: -.3vmin -.3vmin 0 #000, 0 -.3vmin 0 #000, .3vmin -.3vmin 0 #000, .3vmin 0 0 #000, .3vmin .3vmin 0 #000, 0 .3vmin 0 #000, -.3vmin .3vmin 0 #000, -.3vmin 0 0 #000;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	#connecting-text.hide {
		opacity: 0;
		transition: opacity .5s;
	}


.modal {
	height: 0;
	padding: 1vmin;
	position: fixed;
	width: 0;
	z-index: 40;
	opacity: 0;
	transition: opacity .5s;
	pointer-events: none
}

	.modal.ui-modal-open {
		opacity: 1;
		pointer-events: auto
	}

	.modal, .modal:before {
		bottom: 0;
		left: 0;
		right: 0;
		top: 0
	}

		.modal:before {
			background-color: rgba(0,0,0,.78);
			content: "";
			display: inline-block;
			height: 120vh;
			position: absolute;
			transition: opacity .5s;
			width: 120vw;
			opacity: 0;
			pointer-events: none
		}

		.modal.ui-modal-open:before {
			opacity: 1;
			pointer-events: inherit
		}

		.modal > div {
			background-color: rgba(0,0,0,.5);
			border-radius: .5vmin;
			box-shadow: 0 0 0 .4vmin #000;
			color: #fff;
			font-family: "Roboto",Arial,sans-serif;
			font-weight: 700;
			left: 50%;
			padding: 2vmin 3vmin;
			position: fixed;
			text-align: center;
			transform: translateY(-50%) translateX(-50%) scale(var(--ui-user-scale, 1));
			-ms-transform: translateY(-50%) translateX(-50%) scale(var(--ui-user-scale, 1));
			-webkit-transform: translateY(-50%) translateX(-50%) scale(var(--ui-user-scale, 1));
			transition: top .5s,opacity .5s;
			top: -100%;
			opacity: 0;
			pointer-events: none
		}

		.modal.ui-modal-open > div {
			top: 50%;
			opacity: 1;
			pointer-events: auto
		}

		.modal > div * {
			margin-bottom: .5vmin;
			margin-top: .5vmin
		}

		.modal > div hr {
			border: 0;
			border-top: .2vmin solid #fff
		}

		.modal > div button {
			appearance: none;
			-webkit-appearance: none;
			border: 0;
			outline: none;
			background-color: #000;
			border-radius: .5vmin;
			box-shadow: 0 0 0 .4vmin #000;
			color: #fff;
			font-family: "Roboto",Arial,sans-serif;
			font-size: 1.8vmin;
			font-weight: 900 !important;
			height: auto;
			margin-left: 1vmin;
			margin-right: 1vmin;
			padding-left: 1vmin;
			padding-right: 1vmin;
			padding-top: .25vmin;
			padding-bottom: .25vmin;
			line-height: 1.2;
			text-align: center;
			white-space: nowrap;
			width: auto;
			cursor: pointer;
			transition: box-shadow .18s ease,background-color .18s ease,transform .12s ease
		}

			.modal > div button:hover {
				background-color: #141414;
				transform: translateY(-.08vmin)
			}

			.modal > div button:active {
				transform: translateY(0)
			}

#exit-changelog {
	padding-top: 0.6vmin;
	padding-bottom: 0.6vmin
}

#full-changelog-text {
	overflow: auto;
	overflow-x: hidden;
	height: 70vh;
	width: 70vw;
	text-align: left;
	font-size: 2vmin;
	font-weight: 900;
	margin: 1vmin;
	white-space: pre-wrap;
	word-break: break-word
}

.full-changelog-text-bold {
	font-weight: 900
}

#full-changelog-title {
	font-size: 3.6vmin;
	font-weight: 900
}

.full-changelog-entry {
	padding: .2vmin 0
}

.full-changelog-entry-sep {
	border: 0;
	border-top: .2vmin solid #fff;
	opacity: .55;
	margin: 0
}

#settings-title {
	font-size: 3.6vmin;
	font-weight: 900
}

#settings-panel {
	text-align: center
}

#settings-scroll {
	text-align: left
}

#settings.ui-modal-open > div,
#settings > div {
	width: min(80vw,56vmin);
	max-height: 92vh;
	overflow: hidden
}

#settings-scroll {
	width: 100%;
	height: min(70vmin,60vh) !important
}

.setting-text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 2vmin;
	font-weight: 400;
	white-space: nowrap
}

#login > div > div,
#signup > div > div {
	align-items: center;
	display: flex;
	gap: 1vmin;
	justify-content: center;
}

#login > div > div > .setting-text,
#signup > div > div > .setting-text {
	display: inline;
	flex: 0 0 auto;
}

#login > div > div > .switch,
#signup > div > div > .switch {
	flex: 0 0 auto;
}

#shop-buy-confirm > div {
	width: min(82vw,52vmin);
}

#shop-buy-confirm-item {
	font-size: 2.4vmin;
	margin-top: 0;
}

#shop-buy-confirm-text {
	text-align: center;
	font-size: 1.7vmin;
	line-height: 1.45;
	max-width: 42vmin;
	margin: 0 auto;
}

#coop-incoming-modal > div {
	width: min(84vw,58vmin);
	max-height: 92vh;
}

#coop-invite-modal > div {
	width: min(84vw,58vmin);
	will-change: transform, opacity, top;
	transform: translateY(-50%) translateX(-50%) scale(calc(var(--ui-user-scale, 1) * 0.88));
	-ms-transform: translateY(-50%) translateX(-50%) scale(calc(var(--ui-user-scale, 1) * 0.88));
	-webkit-transform: translateY(-50%) translateX(-50%) scale(calc(var(--ui-user-scale, 1) * 0.88));
	top: 53%;
	opacity: 0;
	transition: top .58s cubic-bezier(0.16, 1, 0.3, 1), opacity .48s ease, transform .58s cubic-bezier(0.16, 1, 0.3, 1);
}

#coop-incoming-modal > div {
	will-change: transform, opacity, top;
	transform: translateY(-50%) translateX(-50%) scale(calc(var(--ui-user-scale, 1) * 1.232));
	-ms-transform: translateY(-50%) translateX(-50%) scale(calc(var(--ui-user-scale, 1) * 1.232));
	-webkit-transform: translateY(-50%) translateX(-50%) scale(calc(var(--ui-user-scale, 1) * 1.232));
	top: 53%;
	opacity: 0;
	transition: top .58s cubic-bezier(0.16, 1, 0.3, 1), opacity .48s ease, transform .58s cubic-bezier(0.16, 1, 0.3, 1);
}

#coop-invite-modal.ui-modal-open > div {
	top: 50%;
	opacity: 1;
	transform: translateY(-50%) translateX(-50%) scale(calc(var(--ui-user-scale, 1) * 1));
	-ms-transform: translateY(-50%) translateX(-50%) scale(calc(var(--ui-user-scale, 1) * 1));
	-webkit-transform: translateY(-50%) translateX(-50%) scale(calc(var(--ui-user-scale, 1) * 1));
}

#coop-incoming-modal.ui-modal-open > div {
	top: 50%;
	opacity: 1;
	transform: translateY(-50%) translateX(-50%) scale(calc(var(--ui-user-scale, 1) * 1.4));
	-ms-transform: translateY(-50%) translateX(-50%) scale(calc(var(--ui-user-scale, 1) * 1.4));
	-webkit-transform: translateY(-50%) translateX(-50%) scale(calc(var(--ui-user-scale, 1) * 1.4));
}

#coop-invite-modal-desc {
	font-size: 1.55vmin;
	line-height: 1.4;
	text-align: center;
	margin-top: 0;
}

#coop-invite-search-input {
	width: min(50vmin, 74vw) !important;
}

#coop-invite-search-results {
	margin: .6vmin auto 0;
	max-height: 25vmin;
	overflow: auto;
	width: min(50vmin, 74vw);
	display: flex;
	flex-direction: column;
	gap: .35vmin;
	background: rgba(11, 21, 37, 0.72);
	border-radius: .5vmin;
	padding: .45vmin;
}

.coop-invite-search-row {
	align-items: center;
	background: rgba(27, 44, 73, 0.88);
	border: 2px solid rgba(89, 189, 255, 0.52);
	border-radius: .5vmin;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 1.65vmin;
	font-weight: 700;
	gap: .55vmin;
	justify-content: space-between;
	padding: .45vmin .55vmin;
	text-align: left;
}

.coop-invite-search-row:hover {
	background: rgba(42, 72, 120, 0.92);
}

.coop-invite-search-row.selected {
	border-color: rgba(95, 255, 183, 0.94);
	background: rgba(35, 90, 80, 0.88);
}

#coop-selected-user-wrap {
	font-size: 1.65vmin;
	font-weight: 700;
	margin-top: .65vmin;
	text-align: center;
}

#coop-role-choice-wrap {
	display: flex;
	flex-direction: row;
	gap: .6vmin;
	justify-content: center;
	margin-top: .65vmin;
}

#coop-role-choice-wrap > button {
	min-width: 17vmin;
}

#coop-role-choice-wrap > button.active {
	background: linear-gradient(180deg, #4092e6, #2f71bc) !important;
}

#coop-invite-status-line {
	font-size: 1.55vmin;
	font-weight: 700;
	line-height: 1.35;
	min-height: 2.1vmin;
	text-align: center;
}

.slider {
	display: flex;
	flex-direction: column;
	margin: 2vmin
}

.setting-toggle-row {
	display: flex;
	align-items: center;
	gap: 1vmin;
	font-size: 2vmin;
	font-weight: 400;
	white-space: nowrap;
	user-select: none;
	pointer-events: auto;
}

#settings-scroll .setting-text,
#settings-scroll .setting-toggle-row,
#settings-scroll .setting-toggle-row > span,
#settings-scroll .settings-keybind-row-label,
#settings-scroll #settings-keybinds-hint {
	font-weight: 400 !important;
}

#settings-scroll .setting-toggle-row .switch {
	flex: 0 0 auto;
}

#settings-scroll .setting-toggle-row > span {
	flex: 0 0 auto;
}

#settings-scroll .setting-toggle-row .switch input {
	width: 0 !important;
	height: 0 !important;
	opacity: 0;
}

#settings-keybinds-list {
	display: flex;
	flex-direction: column;
	gap: .6vmin;
	margin-top: .8vmin;
}

#settings-keybinds-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1vmin;
}

#settings-keybinds-toggle {
	min-width: 3.6vmin;
	height: 3.2vmin;
	padding: 0 .7vmin;
	font-size: 2vmin;
	font-weight: 400;
	line-height: 1;
	border-radius: .45vmin;
	background: rgba(24,24,24,.75) !important;
	color: #fff !important;
	box-shadow: 0 0 0 .24vmin rgba(0,0,0,0.9) !important;
}

#settings-keybinds-toggle:hover {
	background: rgba(36,36,36,.88) !important;
}

#settings-keybinds-content {
	margin-top: .5vmin;
}

#settings-keybinds-wrap.collapsed #settings-keybinds-content {
	display: none;
}

.settings-keybind-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1vmin;
}

.settings-keybind-row-label {
	font-size: 1.65vmin;
	font-weight: 400;
	color: #fff;
	text-shadow:
		-.18vmin -.18vmin 0 rgba(0,0,0,0.95),
		0 -.18vmin 0 rgba(0,0,0,0.95),
		.18vmin -.18vmin 0 rgba(0,0,0,0.95),
		.18vmin 0 0 rgba(0,0,0,0.95),
		.18vmin .18vmin 0 rgba(0,0,0,0.95),
		0 .18vmin 0 rgba(0,0,0,0.95),
		-.18vmin .18vmin 0 rgba(0,0,0,0.95),
		-.18vmin 0 0 rgba(0,0,0,0.95);
}

.settings-keybind-button {
	min-width: 8.8vmin;
	padding: .25vmin .7vmin;
	background: rgba(24,24,24,.75) !important;
	color: #fff !important;
	border-radius: .55vmin !important;
	box-shadow: 0 0 0 .28vmin rgba(0,0,0,0.9) !important;
	font-size: 1.5vmin !important;
	font-weight: 400 !important;
	text-align: center !important;
	line-height: 1.1 !important;
}

.settings-keybind-button:hover {
	background: rgba(36,36,36,.88) !important;
}

.settings-keybind-button.is-capturing {
	background: #fff !important;
	color: #111 !important;
	box-shadow: 0 0 0 .28vmin #fff !important;
}

#settings-keybinds-hint {
	margin: .8vmin 0 0;
	font-size: 1.35vmin;
	font-weight: 400;
	color: rgba(255,255,255,.9);
	text-align: left;
	text-shadow:
		-.14vmin -.14vmin 0 rgba(0,0,0,0.9),
		0 -.14vmin 0 rgba(0,0,0,0.9),
		.14vmin -.14vmin 0 rgba(0,0,0,0.9),
		.14vmin 0 0 rgba(0,0,0,0.9),
		.14vmin .14vmin 0 rgba(0,0,0,0.9),
		0 .14vmin 0 rgba(0,0,0,0.9),
		-.14vmin .14vmin 0 rgba(0,0,0,0.9),
		-.14vmin 0 0 rgba(0,0,0,0.9);
}

.slide {
	width: 100% !important
}

.slide {
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0,0,0,.75);
	border-radius: 4vmin !important;
	box-shadow: none !important;
	height: 3vmin !important;
	outline: none
}

	.slide::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		background: #fff;
		border-radius: 50%;
		cursor: pointer;
		height: 2vmin;
		width: 2vmin
	}

	.slide::-moz-range-thumb {
		background: #fff;
		border-radius: 50%;
		cursor: pointer;
		height: 2vmin;
		width: 2vmin
	}

	.slide::-moz-range-track {
		height: 3vmin;
		border-radius: 4vmin;
		background: rgba(0,0,0,.75)
	}

.large-input {
	background-color: rgba(0,0,0,.5);
	border: 0;
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.8vmin !important;
	font-weight: 700;
	height: auto !important;
	outline: none;
	padding: .5vmin;
	transition: background-color .2s ease,box-shadow .2s ease;
	width: 30vmin !important
}

.large-input:focus {
	background-color: rgba(0,0,0,.5);
}

.switch {
	display: inline-block;
	height: 4vmin;
	position: relative;
	width: 8vmin
}

.switch input {
	height: 0;
	opacity: 0;
	width: 0
}

.switch-button {
	background-color: rgba(0,0,0,.75);
	border-radius: 4vmin;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-color .4s
}

.switch-button:before {
	background-color: #fff;
	border-radius: 50%;
	bottom: .5vmin;
	content: "";
	height: 2vmin;
	left: .5vmin;
	position: absolute;
	transition: transform .4s;
	width: 2vmin
}

input:checked + .switch-button {
	background-color: #38b764
}

input:checked + .switch-button:before {
	transform: translateX(5vmin)
}

.loading-sign {
	display: inline-block;
	height: 8vmin;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	opacity: 1;
	overflow: hidden;
	padding: 0;
	position: relative;
	transform: scale(1);
	transition: height .5s,opacity .5s;
	width: 8vmin
}

.loading-sign.hide {
	height: 0;
	opacity: 0
}

.loading-sign div {
	animation: loading-sign 1.2s cubic-bezier(.5,0,.5,1) infinite;
	border: .8vmin solid transparent;
	border-radius: 50%;
	border-top-color: #fff;
	box-sizing: border-box;
	display: block;
	height: 6.4vmin;
	margin: .8vmin;
	position: absolute;
	width: 6.4vmin
}

.loading-sign div:first-child {
	animation-delay: -.45s
}

.loading-sign div:nth-child(2) {
	animation-delay: -.3s
}

.loading-sign div:nth-child(3) {
	animation-delay: -.15s
}

@keyframes loading-sign {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

#settings-hr-bottom {
	margin-bottom: 1.2vmin
}

#apply-settings, #cancel-settings {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: auto;
	font-weight: 400;
	padding-top: .7vmin;
	padding-bottom: .7vmin;
	padding-left: 1vmin;
	padding-right: 1vmin
}

#buttons {
	position: fixed;
	inset: 0;
	z-index: 3;
	pointer-events: none
}

#top-buttons {
	position: fixed;
	top: 0.5vmin;
	right: -4.5vmin;
	transform: translateX(-100%) scale(var(--ui-user-scale, 1));
	transform-origin: top right;
	display: flex;
	flex-direction: column;
	gap: 1.1vmin;
	pointer-events: none
}

#left-buttons {
	position: fixed;
	left: 0.5vmin;
	bottom: 0.5vmin;
	transform: scale(var(--ui-user-scale, 1));
	transform-origin: bottom left;
	display: flex;
	flex-direction: column;
	gap: 1.1vmin;
	pointer-events: none
}

#right-buttons {
	align-items: center;
	display: flex;
	flex-direction: row;
	position: fixed;
	left: 100%;
	top: 100%;
	transform: translateY(-100%) translateX(-100%) scale(var(--ui-user-scale, 1));
	transform-origin: bottom right;
	gap: 0;
	pointer-events: none
}

#buttons button {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	outline: none;
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 2vmin;
	font-weight: 900;
	height: 5vmin;
	line-height: 1;
	cursor: pointer;
	pointer-events: auto;
	transition: box-shadow .18s ease,background-color .18s ease,transform .12s ease
}

	#buttons button:hover {
		box-shadow: inset 0 0 0 10em hsla(0,0%,100%,.3),0 0 0 .4vmin #000;
		transform: translateY(-.08vmin)
	}

	#buttons button:active {
		transform: translateY(0)
	}

#button-settings,
#button-account,
#button-achievements,
#button-wiki {
	background-color: #888;
	width: 5vmin;
	max-width: 5vmin;
	padding: 0 !important;
	text-align: center
}

#button-account {
	background-color: #0092c3
}

#button-achievements {
	background-color: #ffe449
}

#button-wiki {
	background-color: #4f6f3c
}

#button-discord {
	background-color: #5865f2;
	position: relative;
	width: 5vmin;
	max-width: 5vmin;
	padding: 0 !important;
	text-align: center
}

#button-discord.discord-reward-flash {
	animation: discordButtonRewardFlash 3.6s ease-in-out infinite
}

#button-feedback,
#button-bugs {
	box-shadow: 0 0 0 .4vmin #000;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 3vmin !important;
	font-weight: bolder;
	height: auto;
	margin: .5vmin;
	padding-left: 1vmin;
	padding-right: 1vmin;
	padding-top: .35vmin;
	padding-bottom: .35vmin;
	text-align: center;
	white-space: nowrap;
	width: auto;
	text-shadow: -.3vmin -.3vmin 0 #000,0 -.3vmin 0 #000,.3vmin -.3vmin 0 #000,.3vmin 0 0 #000,.3vmin .3vmin 0 #000,0 .3vmin 0 #000,-.3vmin .3vmin 0 #000,-.3vmin 0 0 #000
}

#right-buttons > #button-feedback,
#right-buttons > #button-bugs {
	font-size: 3vmin !important;
}

#button-feedback {
	background-color: #b58eff
}

#button-bugs {
	background-color: #fdcdac
}

#right-buttons > button:hover {
	box-shadow: inset 0 0 0 10em hsla(0,0%,100%,.3),0 0 0 .4vmin #000;
	transform: none
}

#right-buttons > button:active {
	transform: none
}

#submission-input {
	width: 40vmin !important;
	height: 20vmin !important;
	resize: none
}

#submission-error {
	min-height: 2vmin
}

#account-page-icon {
	display: block;
	width: 12vmin;
	height: 12vmin;
	margin: 0 auto .8vmin auto;
	border-radius: 50%;
	box-shadow: 0 0 0 .35vmin #000;
}

.discord-arrow {
	display: none !important;
	position: absolute;
	left: calc(100% + 0.9vmin);
	right: auto;
	top: 50%;
	transform: translateY(-50%);
	font-size: 6vmin;
	font-weight: 900;
	color: #FFE46B;
	-webkit-text-stroke: 0.45vmin #000;
	text-stroke: 0.45vmin #000;
	paint-order: stroke fill;
	text-shadow: 0.2vmin 0.2vmin 0 #000;
	animation: discordArrowPop 4s ease-in-out infinite;
	pointer-events: none;
	white-space: nowrap
}

@keyframes discordButtonRewardFlash {
	0%, 100% {
		background-color: #5865f2
	}
	8% {
		background-color: #5865f2
	}
	14% {
		background-color: #ffe46b
	}
	22% {
		background-color: #5865f2
	}
	30% {
		background-color: #5865f2
	}
	36% {
		background-color: #ffe46b
	}
	44% {
		background-color: #5865f2
	}
	84% {
		background-color: #5865f2
	}
}

@keyframes discordArrowPop {
	0%,100% {
		opacity: 0;
		transform: translateY(-50%) scale(1) rotate(0deg)
		}
	10% {
		opacity: 0;
		transform: translateY(-50%) scale(0.5) rotate(0deg)
		}
	20% {
		opacity: 1;
		transform: translateY(-50%) scale(2) rotate(-20deg)
		}
	25% {
		opacity: 1;
		transform: translateY(-50%) scale(1.8) rotate(10deg)
		}
	30% {
		opacity: 1;
		transform: translateY(-50%) scale(1.6) rotate(-5deg)
		}
	40% {
		opacity: 1;
		transform: translateY(-50%) scale(1.5) rotate(0deg)
		}
	50% {
		opacity: 1;
		transform: translateY(-50%) scale(1.4) rotate(0deg)
		}
	60% {
		opacity: 1;
		transform: translateY(-50%) scale(1.05) rotate(0deg)
		}
	70% {
		opacity: 1;
		transform: translateY(-50%) scale(1) rotate(0deg)
		}
	80% {
		opacity: 0;
		transform: translateY(-50%) scale(0.8) rotate(0deg)
		}
	90% {
		opacity: 0;
		transform: translateY(-50%) scale(0.5) rotate(0deg)
		}
}

#button-settings-img,
#button-account-img,
#button-achievements-img,
#button-discord-img,
#button-wiki-img {
	width: 5vmin;
	max-width: 5vmin;
	height: 5vmin;
	display: block
}

#account-text {
	font-size: 3vmin;
	height: auto;
	left: auto;
	position: absolute;
	right: 7vmin;
	text-align: right;
	top: .5vmin;
	width: fit-content;
	opacity: 1;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-weight: 700;
	text-shadow: -.2vmin -.2vmin 0 #000,0 -.2vmin 0 #000,.2vmin -.2vmin 0 #000,.2vmin 0 0 #000,.2vmin .2vmin 0 #000,0 .2vmin 0 #000,-.2vmin .2vmin 0 #000,-.2vmin 0 0 #000;
	transform-origin: top right;
	transform: scale(var(--ui-user-scale, 1));
	pointer-events: auto
}

#not-signed-in-text,
#signed-in-text {
	opacity: 1;
	position: absolute;
	right: 0;
	text-align: right;
	transition: opacity .3s;
	width: max-content
}

#not-signed-in-text {
	font-size: 3vmin;
	line-height: 1.05;
}

#not-signed-in-text a {
	font-size: 3vmin;
	line-height: 1.05;
}

#signed-in-text {
	font-size: 2vmin
}

#signed-in-text {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: .12vmin
}

#not-signed-in-text.hide,
#signed-in-text.hide {
	opacity: 0;
	pointer-events: none
}

#signed-in-name {
	cursor: pointer;
	font-size: 3.4vmin;
	line-height: .95
}

#signed-in-name:hover {
	text-decoration: underline
}

#signed-in-stars {
	align-items: center;
	display: inline-flex;
	gap: .2vmin;
	font-size: 3.4vmin;
	line-height: 1;
	opacity: 0;
	transition: opacity .28s ease
}

#signed-in-stars.ready {
	opacity: 1
}

#signed-in-stars > img {
	filter: drop-shadow(0 0 0.1vmin #000);
	height: 3.4vmin;
	width: 3.4vmin
}

#profile-screen {
	position: fixed;
	inset: 0;
	z-index: 18;
	background: rgba(0,0,0,.38);
	opacity: 1;
	transition: opacity .2s;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	pointer-events: auto
}

#profile-screen.hide {
	opacity: 0;
	pointer-events: none
}

#profile-screen-scroll {
	height: 100%;
	max-height: 100vh;
	overflow: auto;
	overflow-x: hidden;
	padding: 1vmin;
	width: 100%
}

#profile-screen-profile {
	display: flex;
	margin-top: 12vmin
}

#profile-screen-profile > div {
	margin-top: .85vmin
}

#profile-screen-profile-icon-wrapper {
	height: 15vmin;
	margin: 1vmin;
	position: relative;
	width: 15vmin
}

#profile-screen-profile-icon {
	border-radius: 50%;
	box-shadow: 0 0 0 .3vmin #000;
	height: 15vmin;
	width: 15vmin
}

#profile-screen-profile-icon + div {
	color: #fff;
	font-size: 1.8vmin;
	left: 0;
	opacity: .85;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 100%;
	width: 15vmin
}

#profile-screen-profile-name {
	font-size: 6vmin;
	margin-left: .5vmin;
	text-shadow: -.2vmin -.2vmin 0 #000,0 -.2vmin 0 #000,.2vmin -.2vmin 0 #000,.2vmin 0 0 #000,.2vmin .2vmin 0 #000,0 .2vmin 0 #000,-.2vmin .2vmin 0 #000,-.2vmin 0 0 #000
}
.profile-screen-nameplate-canvas {
	display: block;
	height: auto;
	max-width: min(86vw, 96vmin);
	margin-left: -0.8vmin;
}

#profile-screen-profile-star-counter {
	margin-top: -1.2vmin;
	display: flex;
	align-items: center;
	margin-left: .5vmin;
	text-shadow: -.2vmin -.2vmin 0 #000,0 -.2vmin 0 #000,.2vmin -.2vmin 0 #000,.2vmin 0 0 #000,.2vmin .2vmin 0 #000,0 .2vmin 0 #000,-.2vmin .2vmin 0 #000,-.2vmin 0 0 #000
}

#profile-screen-profile-star-counter > img {
	height: 5.5vmin;
	transform: translateY(-.2vmin);
	width: 5.5vmin
}

#profile-screen-profile-star-counter > div {
	font-size: 3.5vmin;
	margin-left: .5vmin
}

#profile-screen-description {
	color: #fff;
	font-size: 2.5vmin;
	font-weight: 700;
	margin: 1vmin;
	text-align: left;
	white-space: pre-wrap;
	text-shadow: -.2vmin -.2vmin 0 #000,0 -.2vmin 0 #000,.2vmin -.2vmin 0 #000,.2vmin 0 0 #000,.2vmin .2vmin 0 #000,0 .2vmin 0 #000,-.2vmin .2vmin 0 #000,-.2vmin 0 0 #000
}

#profile-screen-scroll > hr {
	border-radius: .5vmin;
	border-top: .3vmin solid #fff;
	box-shadow: 0 0 0 .3vmin #000;
	height: 0;
	margin-bottom: 1vmin;
	margin-top: 1vmin;
	width: calc(100% - 2vmin)
}

#profile-screen-statistics {
	display: flex;
	justify-content: space-evenly;
	text-align: center;
	color: #fff;
	font-weight: 700;
	text-shadow: -.2vmin -.2vmin 0 #000,0 -.2vmin 0 #000,.2vmin -.2vmin 0 #000,.2vmin 0 0 #000,.2vmin .2vmin 0 #000,0 .2vmin 0 #000,-.2vmin .2vmin 0 #000,-.2vmin 0 0 #000
}

#profile-screen-statistics > div > :first-child {
	font-size: 3vmin
}

#profile-screen-statistics > div > :last-child {
	font-size: 2vmin
}

#profile-screen-statistics > div {
	margin-left: 1vmin;
	margin-right: 1vmin
}

#profile-buttons {
	position: fixed;
	right: 1.2vmin;
	top: calc(1.2vmin + 4vmin + 1.4vmin);
	z-index: 5;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: .8vmin;
	height: auto;
	margin: 0;
	width: auto;
	max-width: min(96vw, 90vmin)
}

#profile-buttons > button {
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 2.2vmin;
	font-weight: 900 !important;
	height: 4.4vmin;
	margin: 0;
	padding: .25vmin 1.2vmin;
	white-space: nowrap;
	transition: box-shadow .18s ease,background-color .18s ease,transform .12s ease
}

#profile-buttons > button:hover {
	box-shadow: inset 0 0 0 10em hsla(0,0%,100%,.3),0 0 0 .4vmin #000;
	transform: translateY(-.08vmin)
}

#profile-buttons > button:active {
	transform: translateY(0)
}

#profile-screen-search {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	position: fixed;
	right: 1.2vmin;
	text-align: center;
	top: 1.2vmin;
	width: auto;
	max-width: calc(100vw - 2.4vmin);
	z-index: 6
}

#profile-screen-search-bar {
	background-color: #00000075;
	border-radius: .4vmin;
	box-shadow: 0 0 0 .4vmin #000;
	display: flex;
	height: 4vmin;
	margin: 0;
	width: min(44vmin, 90vw)
}

#profile-screen-search-input {
	background-color: transparent;
	border: none;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 2.5vmin;
	font-weight: 700;
	height: 4vmin;
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 0 0 1vmin;
	vertical-align: bottom;
	width: auto
}

#profile-screen-search-button {
	box-shadow: 0 0 0 .4vmin #000;
	height: 4vmin;
	padding: 0;
	text-align: center;
	width: 4vmin;
	transition: box-shadow .18s ease,background-color .18s ease,transform .12s ease
}

#profile-screen-search-button:hover {
	box-shadow: inset 0 0 0 10em hsla(0,0%,100%,.22),0 0 0 .4vmin #000;
	transform: translateY(-.08vmin)
}

#profile-screen-search-button:active {
	transform: translateY(0)
}

#profile-screen-search-button > img {
	height: 3vmin;
	width: 3vmin
}

#profile-screen-search-content {
	background-color: rgba(0,0,0,.79);
	border-radius: .5vmin;
	color: #fff;
	font-size: 2.1vmin;
	font-weight: 700;
	opacity: 1;
	position: absolute;
	right: 0;
	text-align: left;
	top: 5.2vmin;
	transition: opacity .2s;
	width: min(44vmin, 90vw);
	max-height: min(52vh, 44vmin);
	overflow: auto;
	overflow-x: hidden;
	z-index: 7
}

#profile-screen-search-content.hide {
	opacity: 0;
	pointer-events: none;
	user-select: none
}

.profile-screen-search-result {
	cursor: pointer;
	display: flex;
	padding: 1vmin
}

.profile-screen-search-result:hover {
	background: rgba(255,255,255,.08)
}

.profile-screen-search-result > .icon {
	border-radius: 50%;
	height: 6vmin;
	width: 6vmin
}

.profile-screen-search-result .result-name {
	font-size: 2.3vmin;
	margin-left: 1vmin;
	white-space: nowrap
}

.profile-screen-search-result .result-stars {
	display: flex;
	margin-left: 1vmin;
	margin-top: -.2vmin
}

.profile-screen-search-result .result-stars > img {
	height: 2.3vmin;
	margin-top: .2vmin;
	width: 2.3vmin
}

.profile-screen-search-result .result-stars > div {
	font-size: 2vmin;
	margin-left: .5vmin
}

#profile-screen.leaderboard-mode #profile-screen-search,
#profile-screen.shop-mode #profile-screen-search {
	display: none !important;
}

#profile-screen.leaderboard-mode #profile-screen-scroll,
#profile-screen.shop-mode #profile-screen-scroll {
	overflow: hidden !important;
}

#profile-screen-leaderboard-view {
	margin-top: 1.8vmin;
	display: flex;
	flex-direction: column;
	gap: .8vmin;
}

#profile-screen-profile-view.hide {
	display: none !important;
}

#profile-screen-leaderboard-view.hide {
	display: none !important;
}

#profile-screen-shop-view.hide {
	display: none !important;
}

#profile-screen.leaderboard-mode #profile-screen-profile-view {
	display: none !important;
}

#profile-screen.leaderboard-mode #profile-screen-leaderboard-view {
	display: flex !important;
}

#profile-screen.shop-mode #profile-screen-profile-view,
#profile-screen.shop-mode #profile-screen-leaderboard-view {
	display: none !important;
}

#profile-screen.shop-mode #profile-screen-shop-view {
	display: flex !important;
}

#profile-screen-leaderboard-header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: .8vmin;
	flex-wrap: nowrap;
	margin-bottom: 1vmin;
}

#profile-screen-leaderboard-title {
	font-size: 4vmin;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-weight: 700;
	text-align: left;
	text-shadow: -.3vmin -.3vmin 0 #000, 0 -.3vmin 0 #000, .3vmin -.3vmin 0 #000, .3vmin 0 0 #000, .3vmin .3vmin 0 #000, 0 .3vmin 0 #000, -.3vmin .3vmin 0 #000, -.3vmin 0 0 #000;
}

#profile-screen-leaderboard-controls {
	display: inline-flex;
	align-items: center;
	gap: .6vmin;
	margin-left: .2vmin;
}

#profile-screen-leaderboard-controls > label {
	font-size: 1.8vmin;
}

#profile-screen-leaderboard-sort {
	min-width: 18vmin;
}

#profile-screen-leaderboard-content {
	position: relative;
	background: rgba(0,0,0,.24);
	border-radius: .8vmin;
	max-height: 84vh;
	overflow: auto;
	overflow-x: hidden;
	padding: .3vmin 0;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

#profile-screen-leaderboard-content::-webkit-scrollbar {
	width: 0;
	height: 0;
}

#profile-screen-leaderboard-content::before,
#profile-screen-leaderboard-content::after {
	display: none;
}

#profile-screen-leaderboard-content::before {
	top: 0;
	margin-bottom: -2.6vmin;
	background: linear-gradient(to bottom, rgba(0,0,0,.75), rgba(0,0,0,0));
}

#profile-screen-leaderboard-content::after {
	bottom: 0;
	margin-top: -2.6vmin;
	background: linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,0));
}

.profile-screen-leaderboard-empty {
	padding: 1.4vmin;
	font-size: 2vmin;
	opacity: .85;
}

.profile-screen-leaderboard-row {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 1vmin;
	padding: .9vmin 1vmin;
	opacity: 1;
	visibility: visible;
	transition: opacity .18s cubic-bezier(.22,.61,.36,1);
	will-change: opacity;
}

.profile-screen-leaderboard-row:hover {
	background: rgba(255,255,255,.08);
}

.profile-screen-leaderboard-rank {
	min-width: 4.3vmin;
	text-align: center;
	font-size: 2vmin;
	font-weight: 900;
}

.profile-screen-leaderboard-row > .icon {
	border-radius: 50%;
	height: 6vmin;
	width: 6vmin;
}

.profile-screen-leaderboard-main {
	min-width: 0;
	flex: 1 1 auto;
}

.profile-screen-leaderboard-name {
	font-size: 2.4vmin;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	min-height: 4.4vmin;
}
.profile-screen-leaderboard-nameplate-canvas {
	display: block;
	height: auto;
	max-width: min(100%, 56vmin);
}

.profile-screen-leaderboard-stats {
	display: flex;
	flex-wrap: wrap;
	gap: .8vmin 1.4vmin;
	align-items: center;
}

.profile-screen-leaderboard-stars {
	display: inline-flex;
	align-items: center;
	gap: .35vmin;
}

.profile-screen-leaderboard-stars > img {
	width: 1.7vmin;
	height: 1.7vmin;
	margin-top: .05vmin;
}

.profile-screen-leaderboard-stars > div {
	font-size: 1.6vmin;
	line-height: 1;
}

.profile-screen-leaderboard-stat {
	font-size: 1.6vmin;
	opacity: .92;
}

#profile-screen-leaderboard-load-more {
	margin-top: .2vmin;
	align-self: flex-start;
}

#profile-screen-leaderboard-load-more:disabled {
	opacity: .6;
	cursor: default;
}

#profile-screen-shop-view {
	margin-top: 1.8vmin;
	display: flex;
	flex-direction: column;
	gap: .9vmin;
}

#profile-screen-shop-header {
	display: flex;
	flex-direction: column;
	gap: .4vmin;
	padding: 0 .2vmin;
}

#profile-screen-shop-title {
	font-size: 4vmin;
	font-weight: 900;
	color: #fff;
	text-shadow: -.3vmin -.3vmin 0 #000, 0 -.3vmin 0 #000, .3vmin -.3vmin 0 #000, .3vmin 0 0 #000, .3vmin .3vmin 0 #000, 0 .3vmin 0 #000, -.3vmin .3vmin 0 #000, -.3vmin 0 0 #000;
}

#profile-screen-shop-subtitle {
	font-size: 1.8vmin;
	opacity: .9;
}

#profile-screen-shop-content {
	background: rgba(0,0,0,.28);
	border-radius: .8vmin;
	padding: 1vmin;
	max-height: 82vh;
	overflow: auto;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	gap: 1.1vmin;
}

.profile-shop-category {
	padding: .15vmin .2vmin .05vmin .2vmin;
}

.profile-shop-category-title {
	font-size: 2.35vmin;
	font-weight: 900;
	letter-spacing: .015em;
}

.profile-shop-category-subtitle {
	font-size: 1.4vmin;
	opacity: .82;
	margin-top: .15vmin;
}

.profile-shop-section {
	background: linear-gradient(180deg, rgba(17,24,39,.52), rgba(9,13,22,.52));
	border-radius: .8vmin;
	box-shadow: inset 0 0 0 .14vmin rgba(255,255,255,.08);
	padding: .95vmin;
	display: flex;
	flex-direction: column;
	gap: .7vmin;
}

.profile-shop-section-header {
	display: flex;
	flex-direction: column;
	gap: .15vmin;
	padding: .1vmin .15vmin .35vmin .15vmin;
	border-bottom: .12vmin solid rgba(255,255,255,.12);
}

.profile-shop-section-title {
	font-size: 2.15vmin;
	font-weight: 900;
	letter-spacing: .01em;
}

.profile-shop-section-subtitle {
	font-size: 1.42vmin;
	opacity: .82;
}

.profile-shop-section-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(27vmin, 1fr));
	gap: .9vmin;
}

.profile-shop-card {
	background: #000;
	border-radius: .7vmin;
	box-shadow: inset 0 0 0 .16vmin rgba(255,255,255,.12), 0 .2vmin .9vmin rgba(0,0,0,.25), 0 0 0 .2vmin rgba(0,0,0,.5);
	padding: .9vmin;
	display: flex;
	flex-direction: column;
	gap: .65vmin;
	transition: transform .15s ease, box-shadow .2s ease;
}

.profile-shop-card:hover {
	transform: translateY(-.08vmin);
	box-shadow: inset 0 0 0 .16vmin rgba(200,224,255,.18), 0 .24vmin 1vmin rgba(0,0,0,.32), 0 0 0 .2vmin rgba(0,0,0,.52);
}

.profile-shop-card.is-owned {
	box-shadow: inset 0 0 0 .16vmin rgba(255,255,255,.12), 0 .2vmin .9vmin rgba(0,0,0,.25), 0 0 0 .2vmin rgba(0,0,0,.5);
}

.profile-shop-preview-canvas {
	width: 100%;
	height: auto;
	aspect-ratio: 2.46 / 1;
	border-radius: .6vmin;
	box-shadow: inset 0 0 0 .16vmin rgba(120,166,255,.36);
	display: block;
}

.profile-shop-name {
	font-size: 2.12vmin;
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: .01em;
}

.profile-shop-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.34vmin;
	opacity: .93;
	gap: .6vmin;
}

.profile-shop-tier-pill {
	padding: .16vmin .52vmin;
	border-radius: 999vmin;
	background: rgba(143,184,255,.22);
	box-shadow: inset 0 0 0 .12vmin rgba(143,184,255,.34);
	font-size: 1.18vmin;
	font-weight: 900;
	text-transform: capitalize;
}

.profile-shop-price {
	display: inline-flex;
	align-items: center;
	gap: .3vmin;
	font-weight: 900;
}

.profile-shop-price > img {
	width: 1.5vmin;
	height: 1.5vmin;
}

.profile-shop-action-btn {
	margin-top: .25vmin;
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: .34vmin;
	white-space: nowrap;
	border-radius: .58vmin !important;
	border: 0 !important;
	box-shadow: inset 0 0 0 .13vmin rgba(255,255,255,.16), 0 .16vmin .46vmin rgba(0,0,0,.28), 0 0 0 .2vmin rgba(0,0,0,.6) !important;
	background: linear-gradient(180deg, #39b36d, #1b7d47) !important;
	color: #f7fff9 !important;
	font-weight: 900 !important;
	letter-spacing: .01em;
	padding: .35vmin 1.15vmin !important;
	font-size: 1.55vmin !important;
	line-height: 1.2;
	transition: transform .13s ease, filter .16s ease, box-shadow .18s ease !important;
}

.profile-shop-action-btn.is-equip {
	background: linear-gradient(180deg, #4a9dff, #2a66c7) !important;
}

.profile-shop-action-btn.is-active {
	background: linear-gradient(180deg, #2ec6a3, #168f75) !important;
}

.profile-shop-action-btn.is-locked {
	background: linear-gradient(180deg, #4a556d, #323b4e) !important;
}

.profile-shop-action-btn:hover {
	filter: brightness(1.08);
	transform: translateY(-.06vmin);
	box-shadow: inset 0 0 0 .13vmin rgba(255,255,255,.22), 0 .2vmin .55vmin rgba(0,0,0,.3), 0 0 0 .2vmin rgba(0,0,0,.6) !important;
}

.profile-shop-action-btn:active {
	transform: translateY(0);
}

.profile-shop-action-btn:disabled:not(.is-active) {
	background: linear-gradient(180deg, #3d4b66, #2b364c) !important;
	color: #c8d1df !important;
	opacity: .76;
	filter: grayscale(.2);
	cursor: default;
}

.profile-shop-action-btn.is-active:disabled {
	opacity: .92;
	filter: none;
	cursor: default;
}

.profile-shop-inline-star {
	width: 1.35vmin;
	height: 1.35vmin;
	margin-left: .18vmin;
	display: inline-block;
	vertical-align: middle;
}

#shop-buy-confirm .shop-confirm-star {
	width: 1.5vmin;
	height: 1.5vmin;
	margin: 0 .12vmin;
	display: inline-block;
	vertical-align: middle;
	transform: translateY(.03em);
}

#shop-buy-confirm .shop-confirm-btn-star {
	width: 1.45vmin;
	height: 1.45vmin;
	margin-left: .14vmin;
	display: inline-block;
	vertical-align: middle;
	transform: translateY(.02em);
}

.profile-shop-empty {
	grid-column: 1 / -1;
	font-size: 2vmin;
	opacity: .86;
}

@media (max-width: 900px) {
	#profile-screen-profile {
		margin-top: 16vmin
	}

	#profile-buttons {
		left: 1vmin;
		right: 1vmin;
		top: calc(1vmin + 4vmin + 1.2vmin);
		justify-content: flex-end
	}

	#profile-buttons > button {
		font-size: 2.1vmin;
		height: 4.2vmin;
		padding: .25vmin .9vmin
	}

	#profile-screen-search {
		left: 1vmin;
		right: 1vmin;
		max-width: none
	}

	#profile-screen-search-input {
		width: auto
	}

	#profile-screen-search-content {
		width: calc(100vw - 2vmin)
	}

	#profile-screen-shop-subtitle {
		font-size: 2.1vmin;
	}

	#profile-screen-shop-content {
		max-height: 80vh;
	}

	.profile-shop-category-title {
		font-size: 2.95vmin;
	}

	.profile-shop-category-subtitle {
		font-size: 1.95vmin;
	}

	.profile-shop-section-title {
		font-size: 2.55vmin;
	}

	.profile-shop-section-subtitle {
		font-size: 1.9vmin;
	}

	.profile-shop-section-grid {
		grid-template-columns: 1fr;
	}

	.profile-shop-name {
		font-size: 2.7vmin;
	}

	.profile-shop-meta {
		font-size: 1.95vmin;
	}

	.profile-shop-tier-pill {
		font-size: 1.55vmin;
	}

	.profile-shop-price > img {
		width: 2vmin;
		height: 2vmin;
	}

	.profile-shop-action-btn {
		font-size: 2vmin !important;
		padding: .45vmin 1.35vmin !important;
	}

	.profile-shop-inline-star {
		width: 1.8vmin;
		height: 1.8vmin;
	}
}

#wiki-screen {
	position: fixed;
	inset: 0;
	z-index: 45;
	background: #0f1117;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	opacity: 1;
	transition: opacity .2s;
	pointer-events: auto
}

#wiki-screen.hide {
	opacity: 0;
	pointer-events: none
}

#wiki-screen-layout {
	display: flex;
	width: 100%;
	height: 100%
}

#wiki-sidebar {
	width: min(30vw, 34vmin);
	min-width: 22vmin;
	max-width: 42vmin;
	background: rgba(0,0,0,.45);
	box-shadow: inset -0.3vmin 0 0 rgba(255,255,255,.18);
	padding: 1.3vmin 1vmin;
	overflow: auto
}

#wiki-sidebar-head {
	display: flex;
	align-items: center;
	gap: .8vmin;
	margin: 0 0 1vmin 0
}

#wiki-sidebar-title {
	margin: 0;
	font-size: 2.6vmin;
	font-weight: 900;
	line-height: 1;
	letter-spacing: .04em;
	text-transform: uppercase
}

#wiki-sidebar-search-wrap {
	position: relative;
	flex: 1 1 auto;
	min-width: 0
}

#wiki-page-search {
	width: 100%;
	border: 0;
	outline: none;
	border-radius: .45vmin;
	padding: .52vmin .68vmin;
	background: rgba(0,0,0,.5);
	box-shadow: inset 0 0 0 .16vmin rgba(255,255,255,.2), 0 0 0 .18vmin rgba(0,0,0,.6);
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.35vmin;
	font-weight: 700
}

#wiki-page-search::placeholder {
	color: rgba(255,255,255,.58)
}

#wiki-page-search-results {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + .34vmin);
	z-index: 3;
	background: rgba(0,0,0,.86);
	border-radius: .5vmin;
	box-shadow: 0 0 0 .18vmin rgba(255,255,255,.16), 0 .5vmin 1.4vmin rgba(0,0,0,.45);
	display: flex;
	flex-direction: column;
	gap: .25vmin;
	padding: .35vmin;
	max-height: min(34vmin, 44vh);
	overflow: auto
}

#wiki-page-search-results.hide {
	display: none
}

.wiki-search-item {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	outline: none;
	background: rgba(255,255,255,.06);
	color: #fff;
	border-radius: .35vmin;
	padding: .5vmin .6vmin;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.3vmin;
	font-weight: 700;
	text-align: left;
	cursor: pointer;
	transition: background-color .15s ease
}

.wiki-search-item:hover {
	background: rgba(255,255,255,.14)
}

.wiki-search-item-title {
	display: block;
	line-height: 1.22
}

.wiki-search-item-id {
	display: block;
	font-size: 1.08vmin;
	font-weight: 600;
	opacity: .66;
	line-height: 1.1;
	margin-top: .14vmin
}

.wiki-search-empty {
	padding: .55vmin .6vmin;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.2vmin;
	font-weight: 700;
	opacity: .72
}

#wiki-page-list {
	display: flex;
	flex-direction: column;
	gap: .6vmin;
	transition: opacity .22s ease
}

.wiki-page-button {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	outline: none;
	background: rgba(0,0,0,.45);
	color: #fff;
	border-radius: .5vmin;
	box-shadow: 0 0 0 .3vmin #000;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.7vmin;
	font-weight: 800;
	text-align: left;
	padding: .75vmin .8vmin;
	cursor: pointer;
	transition: transform .12s ease,box-shadow .18s ease,background-color .18s ease
}

.wiki-page-button:hover {
	transform: translateY(-.08vmin);
	box-shadow: inset 0 0 0 10em rgba(255,255,255,.11),0 0 0 .3vmin #000
}

.wiki-page-button.active {
	background: rgba(74,102,189,.62)
}

.wiki-sidebar-group {
	background: rgba(0,0,0,.2);
	border-radius: .45vmin;
	box-shadow: inset 0 0 0 .22vmin rgba(0,0,0,.45);
	padding: .35vmin
}

.wiki-page-group-row {
	display: flex;
	align-items: stretch;
	gap: .4vmin
}

.wiki-page-button-parent {
	flex: 1;
	min-width: 0
}

.wiki-page-button-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: 3.2vmin;
	min-width: 3.2vmin;
	text-align: center;
	font-size: 1.55vmin;
	font-weight: 900;
	background: rgba(39,57,110,.48);
	box-shadow: 0 0 0 .22vmin rgba(0,0,0,.55)
}

.wiki-page-button-arrow:hover {
	box-shadow: inset 0 0 0 10em rgba(255,255,255,.08),0 0 0 .22vmin rgba(0,0,0,.55)
}

.wiki-page-arrow-glyph {
	line-height: 1;
	transform-origin: center center
}

.wiki-sidebar-group-list {
	display: flex;
	flex-direction: column;
	gap: .45vmin;
	margin-top: .4vmin;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transform: translateY(-.35vmin);
	pointer-events: none;
	transition: max-height .28s ease, opacity .2s ease, transform .2s ease
}

.wiki-sidebar-group.open .wiki-sidebar-group-list {
	max-height: none;
	overflow: visible;
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto
}

.wiki-page-button-tank {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: .6vmin;
	font-size: 1.38vmin;
	padding: .55vmin .62vmin;
	background: rgba(0,0,0,.35);
	transition: transform .12s ease, box-shadow .16s ease, background-color .18s ease
}

.wiki-page-button-title {
	min-width: 0;
	flex: 1;
	white-space: normal;
	overflow-wrap: anywhere;
	line-height: 1.24
}

.wiki-page-tier-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	align-self: flex-start;
	min-width: 3.2vmin;
	padding: .18vmin .45vmin;
	border-radius: 999vmin;
	background: rgba(82,122,229,.55);
	box-shadow: inset 0 0 0 .16vmin rgba(0,0,0,.48);
	font-size: 1.12vmin;
	font-weight: 900
}

#wiki-main {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	padding: 1.2vmin
}

#wiki-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1vmin;
	margin-bottom: .8vmin
}

#wiki-page-title {
	font-size: 3vmin;
	font-weight: 900;
	line-height: 1.1
}

#wiki-header-actions {
	display: inline-flex;
	align-items: center;
	gap: .7vmin
}

#wiki-edit-lock-note {
	font-size: 1.45vmin;
	font-weight: 700;
	opacity: .95
}

#wiki-close-button,
#wiki-edit-button,
#wiki-save-button,
#wiki-toolbar button {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	outline: none;
	background: rgba(0,0,0,.5);
	color: #fff;
	border-radius: .5vmin;
	box-shadow: 0 0 0 .35vmin #000;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.55vmin;
	font-weight: 900;
	padding: .45vmin .95vmin;
	cursor: pointer;
	transition: transform .12s ease,box-shadow .18s ease,background-color .18s ease
}

#wiki-save-button {
	background: rgba(56,183,100,.82)
}

#wiki-edit-button {
	background: rgba(74,102,189,.82)
}

#wiki-close-button:hover,
#wiki-edit-button:hover,
#wiki-save-button:hover,
#wiki-toolbar button:hover {
	transform: translateY(-.08vmin);
	box-shadow: inset 0 0 0 10em rgba(255,255,255,.14),0 0 0 .35vmin #000
}

#wiki-toolbar {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .7vmin;
	margin-bottom: .8vmin
}

#wiki-status-line {
	min-height: 2.2vmin;
	font-size: 1.45vmin;
	font-weight: 700;
	color: #d6e3ff;
	margin-bottom: .8vmin
}

#wiki-content-scroll {
	flex: 1;
	min-height: 0;
	overflow: auto;
	overflow-x: hidden;
	padding-right: .3vmin
}

#wiki-content {
	background: rgba(0,0,0,.36);
	border-radius: .6vmin;
	box-shadow: 0 0 0 .3vmin #000;
	padding: 1.15vmin 1.2vmin;
	font-size: 1.8vmin;
	font-weight: 700;
	line-height: 1.34;
	min-height: 16vmin;
	word-break: break-word;
	transform-origin: top center;
	transition: opacity .2s ease, transform .22s ease
}

#wiki-content[contenteditable="true"] {
	background: rgba(20,20,20,.58)
}

#wiki-content:focus {
	outline: .25vmin solid rgba(92,143,255,.8)
}

#wiki-content h1,
#wiki-content h2,
#wiki-content h3,
#wiki-content h4 {
	margin: .25vmin 0 .5vmin 0
}

#wiki-content p {
	margin: .45vmin 0
}

#wiki-content div {
	margin: .35vmin 0
}

#wiki-content ul,
#wiki-content ol {
	margin: .4vmin 0 .4vmin 2.1vmin
}

#wiki-content img {
	max-width: min(72vmin, 100%);
	height: auto;
	border-radius: .4vmin;
	box-shadow: 0 0 0 .22vmin rgba(255,255,255,.2)
}

#wiki-content .wiki-mech-page {
	display: flex;
	flex-direction: column;
	gap: .85vmin
}

#wiki-content .wiki-mech-section {
	background: rgba(0,0,0,.25);
	border-radius: .5vmin;
	box-shadow: inset 0 0 0 .18vmin rgba(0,0,0,.38);
	padding: .75vmin .85vmin
}

#wiki-content .wiki-mech-section h3 {
	margin: 0 0 .48vmin 0;
	font-size: 1.72vmin;
	font-weight: 900
}

#wiki-content .wiki-mech-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.34vmin
}

#wiki-content .wiki-mech-table th,
#wiki-content .wiki-mech-table td {
	padding: .28vmin .4vmin;
	border-bottom: .08vmin solid rgba(255,255,255,.12);
	text-align: left;
	vertical-align: top
}

#wiki-content .wiki-mech-table th {
	font-weight: 900
}

#wiki-content .wiki-mech-kv-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(18vmin, 1fr));
	gap: .5vmin
}

#wiki-content .wiki-mech-kv-grid > div {
	background: rgba(0,0,0,.3);
	border-radius: .4vmin;
	padding: .4vmin .5vmin;
	display: flex;
	flex-direction: column;
	gap: .15vmin
}

#wiki-content .wiki-mech-kv-grid > div > span {
	font-size: 1.2vmin;
	opacity: .86
}

#wiki-content .wiki-mech-kv-grid > div > strong {
	font-size: 1.38vmin
}

#wiki-content .wiki-mech-demo {
	display: flex;
	flex-direction: column;
	gap: .62vmin
}

#wiki-content .wiki-mech-canvas {
	width: 100%;
	height: 24vmin;
	min-height: 190px;
	background: rgba(0,0,0,.22);
	border-radius: .45vmin;
	box-shadow: inset 0 0 0 .16vmin rgba(255,255,255,.09)
}

#wiki-content .wiki-mech-canvas-compact {
	height: 18vmin;
	min-height: 150px
}

#wiki-content .wiki-mech-controls {
	display: flex;
	flex-wrap: wrap;
	gap: .65vmin;
	align-items: center
}

#wiki-content .wiki-mech-controls label {
	display: inline-flex;
	align-items: center;
	gap: .4vmin;
	background: rgba(0,0,0,.24);
	padding: .3vmin .5vmin;
	border-radius: .4vmin;
	font-size: 1.3vmin
}

#wiki-content .wiki-mech-controls select,
#wiki-content .wiki-mech-controls input[type="range"] {
	font-size: 1.22vmin
}

#wiki-content .wiki-mech-checkbox {
	cursor: pointer
}

#wiki-content .wiki-mech-output {
	font-size: 1.28vmin;
	opacity: .93
}

#wiki-content .wiki-mech-chip-row {
	display: flex;
	flex-wrap: wrap;
	gap: .5vmin
}

#wiki-content .wiki-mech-chip {
	display: inline-flex;
	align-items: center;
	gap: .2vmin;
	padding: .25vmin .52vmin;
	border-radius: 999vmin;
	background: rgba(74,102,189,.46);
	box-shadow: inset 0 0 0 .12vmin rgba(0,0,0,.45);
	font-size: 1.18vmin;
	font-weight: 900
}

#wiki-content .wiki-mech-ach-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(23vmin, 1fr));
	gap: .55vmin
}

#wiki-content .wiki-mech-ach-card {
	background: rgba(0,0,0,.28);
	border-radius: .42vmin;
	padding: .45vmin .55vmin;
	box-shadow: inset 0 0 0 .16vmin rgba(0,0,0,.5), 0 0 0 .1vmin var(--wiki-ach-color, #f2db78);
	position: relative;
	overflow: hidden;
}

#wiki-content .wiki-mech-ach-card[data-ach-tier="radiant"] {
	background-color: #fed857;
	animation: achievement-radiant-gradient 8s linear infinite;
}

#wiki-content .wiki-mech-ach-card[data-ach-tier="radiant"]::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		radial-gradient(circle at 20% 24%, color-mix(in srgb, currentColor 68%, #000 32%) 0 .18vmin, transparent .2vmin),
		radial-gradient(circle at 20% 24%, color-mix(in srgb, currentColor 95%, #fff 5%) 0 .11vmin, transparent .12vmin),
		radial-gradient(circle at 76% 28%, color-mix(in srgb, currentColor 68%, #000 32%) 0 .18vmin, transparent .2vmin),
		radial-gradient(circle at 76% 28%, color-mix(in srgb, currentColor 95%, #fff 5%) 0 .11vmin, transparent .12vmin),
		radial-gradient(circle at 54% 74%, color-mix(in srgb, currentColor 68%, #000 32%) 0 .18vmin, transparent .2vmin),
		radial-gradient(circle at 54% 74%, color-mix(in srgb, currentColor 95%, #fff 5%) 0 .11vmin, transparent .12vmin);
	opacity: .7;
	animation: achievement-radiant-particles-drift 5.2s linear infinite, achievement-radiant-particles-fade 2.1s ease-in-out infinite alternate;
}

#wiki-content .wiki-mech-ach-card[data-ach-tier="radiant"]::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50%;
	pointer-events: none;
	background: rgba(0,0,0,.3);
}

#wiki-content .wiki-mech-ach-card[data-ach-tier="radiant"] > * {
	color: #fff;
	position: relative;
	z-index: 1;
}

#wiki-content .wiki-mech-ach-card.hide {
	display: none
}

#wiki-content .wiki-mech-ach-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: .4vmin;
	margin-bottom: .2vmin
}

#wiki-content .wiki-mech-ach-head > strong {
	font-size: 1.34vmin
}

#wiki-content .wiki-mech-ach-head > span {
	font-size: 1.18vmin;
	opacity: .9
}

#wiki-content .wiki-mech-loading {
	opacity: .85
}

#wiki-class-grid {
	margin-top: 1.1vmin;
	display: flex;
	flex-direction: column;
	gap: 1.2vmin;
	transform-origin: top center;
	transition: opacity .2s ease, transform .22s ease
}

#wiki-content.wiki-page-enter,
#wiki-class-grid.wiki-page-enter {
	animation: wikiPageEnter .2s ease
}

#wiki-screen.wiki-loading #wiki-content,
#wiki-screen.wiki-loading #wiki-class-grid {
	opacity: .55;
	transform: translateY(.24vmin) scale(.995);
	pointer-events: none
}

#wiki-screen.wiki-loading #wiki-page-list {
	opacity: .78
}

@keyframes wikiPageEnter {
	0% {
		opacity: 0;
		transform: translateY(.55vmin) scale(.996)
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1)
	}
}

.wiki-tier-section {
	display: block
}

.wiki-tier-header {
	font-size: 1.95vmin;
	font-weight: 900;
	letter-spacing: .02em;
	margin-bottom: .6vmin
}

.wiki-tier-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(17.5vmin, 1fr));
	gap: .9vmin
}

.wiki-class-card {
	background: rgba(0,0,0,.44);
	border-radius: .55vmin;
	box-shadow: 0 0 0 .3vmin #000;
	padding: .8vmin;
	text-align: center;
	cursor: pointer;
	transition: transform .14s ease, box-shadow .18s ease, background-color .18s ease
}

.wiki-class-card:hover {
	transform: translateY(-.1vmin);
	box-shadow: inset 0 0 0 10em rgba(255,255,255,.06),0 0 0 .3vmin #000
}

.wiki-class-card.no-link {
	cursor: default
}

.wiki-class-card.no-link:hover {
	transform: none;
	box-shadow: 0 0 0 .3vmin #000
}

.wiki-class-card:active,
.wiki-page-button:active,
.wiki-page-button-tank:active,
.wiki-page-button-arrow:active {
	transform: translateY(.04vmin) scale(.992)
}

.wiki-class-card canvas {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	display: block;
	border-radius: 0;
	background: transparent
}

.wiki-class-name {
	margin-top: .55vmin;
	font-size: 1.55vmin;
	font-weight: 900;
	line-height: 1.1
}

#wiki-content .wiki-tank-page {
	display: flex;
	gap: 1.15vmin;
	align-items: flex-start
}

#wiki-content .wiki-tank-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: .8vmin
}

#wiki-content .wiki-tank-section {
	background: rgba(0,0,0,.25);
	border-radius: .5vmin;
	box-shadow: inset 0 0 0 .18vmin rgba(0,0,0,.38);
	padding: .65vmin .78vmin
}

#wiki-content .wiki-tank-section h3 {
	margin: 0 0 .38vmin 0;
	font-size: 1.7vmin;
	font-weight: 900
}

#wiki-content .wiki-upgrade-links {
	display: inline;
	line-height: 1.35
}

#wiki-content .wiki-upgrade-link {
	color: #67adff;
	text-decoration: underline;
	text-decoration-color: rgba(103,173,255,.85);
	text-underline-offset: .16vmin
}

#wiki-content .wiki-upgrade-link:hover {
	color: #99c9ff;
	text-decoration-color: rgba(153,201,255,.95)
}

#wiki-content .wiki-upgrade-links-sep {
	opacity: .8
}

#wiki-content .wiki-upgrade-links-empty {
	opacity: .78
}

#wiki-content .wiki-tank-section ul {
	margin: .35vmin 0 .2vmin 1.85vmin
}

#wiki-content .wiki-barrel-mix-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: .55vmin .75vmin;
	margin-bottom: .7vmin
}

#wiki-content .wiki-barrel-mix-row strong {
	font-size: clamp(12px, 1.2vmin, 16px);
	line-height: 1.25
}

#wiki-content .wiki-barrel-mix-pills {
	display: inline-flex;
	flex-wrap: wrap;
	gap: .45vmin;
	min-width: 0;
	flex: 1 1 22vmin
}

#wiki-content .wiki-barrel-mix-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .18vmin .5vmin;
	border-radius: 999vmin;
	background: rgba(88,122,226,.4);
	box-shadow: inset 0 0 0 .14vmin rgba(0,0,0,.45);
	font-size: clamp(10px, 1.05vmin, 14px);
	font-weight: 900;
	line-height: 1.25;
	white-space: normal;
	overflow-wrap: anywhere
}

#wiki-content .wiki-barrel-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(24vmin, 1fr));
	gap: .75vmin;
	align-items: stretch
}

#wiki-content .wiki-barrel-card {
	background: linear-gradient(180deg, rgba(32,52,74,.35) 0%, rgba(0,0,0,.34) 100%);
	border-radius: .5vmin;
	box-shadow: inset 0 0 0 .16vmin rgba(0,0,0,.45), 0 .16vmin .5vmin rgba(0,0,0,.18);
	padding: .62vmin .68vmin;
	transition: box-shadow .14s ease, background-color .14s ease, transform .14s ease
}

#wiki-content .wiki-barrel-card[data-wiki-focusable="1"] {
	cursor: pointer
}

#wiki-content .wiki-barrel-card[data-wiki-focusable="1"]:hover {
	background: linear-gradient(180deg, rgba(26,73,104,.54) 0%, rgba(17,49,73,.46) 100%);
	box-shadow: inset 0 0 0 .16vmin rgba(86,168,216,.58)
}

#wiki-content .wiki-barrel-card.is-active {
	background: linear-gradient(180deg, rgba(48,114,150,.62) 0%, rgba(28,86,120,.56) 100%);
	box-shadow: inset 0 0 0 .16vmin rgba(138,213,255,.9), 0 0 0 .18vmin rgba(0,0,0,.2)
}

#wiki-content .wiki-barrel-card-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: .35vmin .45vmin;
	margin-bottom: .5vmin
}

#wiki-content .wiki-barrel-title {
	flex: 1 1 100%;
	min-width: 0;
	font-size: clamp(12px, 1.24vmin, 18px);
	font-weight: 900;
	line-height: 1.25;
	overflow-wrap: anywhere
}

#wiki-content .wiki-barrel-bullet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	padding: .12vmin .4vmin;
	border-radius: 999vmin;
	background: rgba(255,255,255,.11);
	font-size: clamp(10px, 1.02vmin, 14px);
	font-weight: 800;
	line-height: 1.25;
	opacity: .95;
	white-space: normal;
	overflow-wrap: anywhere
}

#wiki-content .wiki-barrel-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .28vmin .7vmin
}

#wiki-content .wiki-barrel-stats > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: .34vmin .52vmin;
	font-size: clamp(10px, 1.02vmin, 14px);
	line-height: 1.28
}

#wiki-content .wiki-barrel-stats > div > span {
	opacity: .8;
	min-width: 0;
	overflow-wrap: anywhere
}

#wiki-content .wiki-barrel-stats > div > strong {
	font-weight: 900;
	text-align: right;
	font-variant-numeric: tabular-nums
}

#wiki-content .wiki-polygon-colors {
	display: flex;
	flex-direction: column;
	gap: .36vmin
}

#wiki-content .wiki-polygon-color-item {
	display: inline-flex;
	align-items: center;
	gap: .45vmin;
	font-size: 1.18vmin
}

#wiki-content .wiki-polygon-color-chip {
	width: 1.6vmin;
	height: 1.6vmin;
	border-radius: .25vmin;
	background: var(--wiki-poly-color, #777777);
	box-shadow: inset 0 0 0 .16vmin rgba(0,0,0,.5)
}

#wiki-content .wiki-polygon-color-chip-empty {
	background: repeating-linear-gradient(
		45deg,
		rgba(255,255,255,.1) 0,
		rgba(255,255,255,.1) .3vmin,
		rgba(255,255,255,.02) .3vmin,
		rgba(255,255,255,.02) .6vmin
	)
}

#wiki-content .wiki-polygon-note {
	margin-top: .45vmin;
	font-size: 1.08vmin;
	opacity: .84
}

#wiki-content .wiki-polygon-view-canvas {
	display: block;
	width: min(100%, min(38vmin, 45vh));
	height: auto;
	aspect-ratio: 1 / 1;
	margin: 0 auto;
	border-radius: .45vmin
}

#wiki-content .wiki-tank-viewer {
	width: min(44vmin, 46%);
	min-width: 27vmin;
	display: flex;
	flex-direction: column;
	gap: .7vmin
}

#wiki-content .wiki-tank-canvas-wrap {
	background: rgba(0,0,0,.25);
	border-radius: .55vmin;
	box-shadow: inset 0 0 0 .24vmin rgba(0,0,0,.5);
	padding: .55vmin
}

#wiki-content .wiki-tank-view-canvas {
	display: block;
	width: 100%;
	height: min(33vmin, 40vh);
	border-radius: .45vmin
}

#wiki-content .wiki-tank-controls {
	background: rgba(0,0,0,.25);
	border-radius: .55vmin;
	box-shadow: inset 0 0 0 .24vmin rgba(0,0,0,.5);
	padding: .62vmin;
	display: flex;
	flex-direction: column;
	gap: .55vmin
}

#wiki-content .wiki-tank-controls label {
	display: flex;
	flex-direction: column;
	gap: .24vmin;
	font-size: 1.24vmin;
	font-weight: 800
}

#wiki-content .wiki-tank-controls input,
#wiki-content .wiki-tank-controls select {
	width: 100%
}

@media (max-width: 900px) {
	#wiki-screen-layout {
		flex-direction: column
	}

	#wiki-sidebar {
		width: 100%;
		max-width: none;
		min-width: 0;
		max-height: 23vh
	}

	#wiki-sidebar-head {
		gap: 1vmin
	}

	#wiki-page-search {
		font-size: 1.7vmin;
		padding: .72vmin .85vmin
	}

	.wiki-search-item {
		font-size: 1.62vmin;
		padding: .72vmin .82vmin
	}

	.wiki-search-item-id {
		font-size: 1.36vmin
	}

	.wiki-search-empty {
		font-size: 1.5vmin
	}

	#wiki-main {
		padding: 1vmin
	}

	#wiki-page-title {
		font-size: 3.3vmin
	}

	#wiki-edit-lock-note {
		font-size: 1.7vmin
	}

	#wiki-close-button,
	#wiki-edit-button,
	#wiki-save-button,
	#wiki-toolbar button {
		font-size: 1.85vmin
	}

	#wiki-content {
		font-size: 2vmin
	}

	#wiki-class-grid {
		gap: 1.4vmin
	}

	.wiki-tier-grid {
		grid-template-columns: repeat(auto-fill, minmax(21vmin, 1fr))
	}

	.wiki-class-name {
		font-size: 1.8vmin
	}

	.wiki-tier-header {
		font-size: 2.2vmin
	}

	.wiki-page-button-arrow {
		font-size: 1.9vmin;
		width: 4.2vmin;
		min-width: 4.2vmin
	}

	.wiki-page-button-tank {
		font-size: 1.6vmin
	}

	.wiki-page-tier-pill {
		font-size: 1.35vmin;
		min-width: 4.2vmin
	}

	#wiki-content .wiki-tank-page {
		flex-direction: column
	}

	#wiki-content .wiki-tank-viewer {
		width: 100%;
		min-width: 0
	}

	#wiki-content .wiki-tank-section h3 {
		font-size: 2.05vmin
	}

	#wiki-content .wiki-tank-controls label {
		font-size: 1.65vmin
	}

	#wiki-content .wiki-barrel-mix-pill {
		font-size: 1.45vmin
	}

	#wiki-content .wiki-barrel-grid {
		grid-template-columns: 1fr;
		gap: .9vmin
	}

	#wiki-content .wiki-barrel-title {
		font-size: clamp(13px, 1.9vmin, 18px)
	}

	#wiki-content .wiki-barrel-bullet {
		font-size: clamp(11px, 1.45vmin, 15px)
	}

	#wiki-content .wiki-barrel-stats {
		grid-template-columns: 1fr
	}

	#wiki-content .wiki-barrel-stats > div {
		font-size: clamp(11px, 1.45vmin, 15px)
	}

	#wiki-content .wiki-mech-table {
		font-size: 1.8vmin
	}

	#wiki-content .wiki-mech-controls label {
		font-size: 1.7vmin
	}

	#wiki-content .wiki-mech-kv-grid > div > span {
		font-size: 1.6vmin
	}

	#wiki-content .wiki-mech-kv-grid > div > strong {
		font-size: 1.78vmin
	}

	#wiki-content .wiki-mech-ach-grid {
		grid-template-columns: 1fr
	}
}

#edit-profile-popup {
	z-index: 46;
}

#edit-profile-value-popup {
	z-index: 47;
}

#edit-icon-popup {
	z-index: 48;
}

#edit-profile-description {
	background-color: rgba(0,0,0,.5);
	border: 0;
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.8vmin;
	font-weight: 700;
	height: 20vmin;
	outline: none;
	padding: .5vmin;
	resize: none;
	transition: background-color .2s ease,box-shadow .2s ease;
	width: 30vmin;
}

#edit-profile-description:focus {
	background-color: rgba(24,24,24,.55);
}

#profile-screen-profile {
	display: flex;
	margin-top: 8vmin;
}

#profile-screen-profile > div {
	margin-top: .85vmin;
}

#profile-screen-profile-icon-wrapper {
	height: 15vmin;
	margin: 1vmin;
	position: relative;
	width: 15vmin;
}

#profile-screen-profile-icon {
	border-radius: 50%;
	box-shadow: 0 0 0 .3vmin #000;
	height: 15vmin;
	width: 15vmin;
}

#profile-screen-profile-icon.clickable {
	cursor: pointer;
	transition: filter .2s;
}

#profile-screen-profile-icon.clickable:hover {
	filter: brightness(.5);
}

#profile-screen-profile-icon + div {
	color: #fff;
	font-size: 4vmin;
	font-weight: 700;
	height: 15vmin;
	left: 0;
	line-height: 15vmin;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 0;
	transition: opacity .2s;
	user-select: none;
	width: 15vmin;
}

#profile-screen-profile-icon.clickable:hover + div {
	opacity: 1;
}

#profile-screen-profile-star-counter {
	margin-top: -1.2vmin;
	display: inline-flex;
	align-items: center;
	gap: .5vmin;
}

#profile-screen-profile-star-counter > img {
	display: block;
	height: 5.5vmin;
	transform: none;
	width: 5.5vmin;
	flex: 0 0 auto;
}

#profile-screen-profile-star-counter > div {
	display: block;
	font-size: 3.5vmin;
	line-height: 1;
}

#profile-screen-achievements-title,
#profile-screen-description,
#profile-screen-profile-name,
#profile-screen-profile-star-counter > div,
#profile-screen-statistics > div > div {
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-weight: 700;
	text-align: left;
	text-shadow: -.3vmin -.3vmin 0 #000, 0 -.3vmin 0 #000, .3vmin -.3vmin 0 #000, .3vmin 0 0 #000, .3vmin .3vmin 0 #000, 0 .3vmin 0 #000, -.3vmin .3vmin 0 #000, -.3vmin 0 0 #000;
}

#profile-screen-description {
	font-size: 2.5vmin;
	margin-left: 1vmin;
	margin-right: 1vmin;
	white-space: pre-wrap;
}

#profile-screen-achievements-title {
	font-size: 4vmin;
	margin-left: 1vmin;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1vmin;
}

#profile-screen-achievements-controls {
	align-items: center;
	display: inline-flex;
	gap: .8vmin;
}

#profile-screen-achievements-filter-toggle,
#profile-screen-achievements-difficulty-filter-toggle {
	width: auto;
	min-width: 7vmin;
	padding: 0 .9vmin;
	margin-left: 0;
}

#profile-screen-achievements-difficulty-filter-toggle {
	min-width: 10vmin;
}

#profile-screen-achievements-filter-toggle > div,
#profile-screen-achievements-difficulty-filter-toggle > div {
	font-size: 1.4vmin;
	line-height: 3vmin;
}

#profile-screen-achievements-filter-container,
#profile-screen-achievements-difficulty-filter-container {
	margin: 0 1vmin 1vmin 1vmin;
	max-height: 5.5vmin;
	overflow: hidden;
	transition: max-height .18s ease, opacity .18s ease;
	opacity: 1;
}

#profile-screen-achievements-filter-container.collapsed,
#profile-screen-achievements-difficulty-filter-container.collapsed {
	max-height: 0;
	opacity: 0;
}

#profile-screen-achievements {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
	max-height: min(52vh,44vmin);
	align-content: flex-start;
	transition: max-height .2s ease;
}

#profile-screen-achievements.collapsed {
	max-height: 0;
	overflow: hidden;
}

.achievement-placeholder {
	background: rgba(0,0,0,.36);
	border-radius: .6vmin;
	box-shadow: 0 0 0 .3vmin #000;
	color: #fff;
	font-size: 1.8vmin;
	font-weight: 700;
	margin: 1vmin;
	min-width: 24vmin;
	padding: 1vmin 1.2vmin;
}

.profile-achievement-card,
.profile-achievement-card *,
#achievements-scroll .achievement-row,
#achievements-scroll .achievement-row *,
#achievement-notification,
#achievement-notification * {
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-weight: 700;
	text-shadow: -.3vmin -.3vmin 0 #000, 0 -.3vmin 0 #000, .3vmin -.3vmin 0 #000, .3vmin 0 0 #000, .3vmin .3vmin 0 #000, 0 .3vmin 0 #000, -.3vmin .3vmin 0 #000, -.3vmin 0 0 #000;
}

.profile-achievement-card {
	background: var(--achievement-bg, #7E92F7);
	border: .42vmin solid #000;
	border-radius: .85vmin;
	box-shadow: 0 0 0 .22vmin rgba(0,0,0,.55);
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: .26vmin;
	height: 16.66vmin;
	margin: 1vmin;
	max-width: 50vmin;
	min-height: 16.66vmin;
	min-width: 50vmin;
	overflow: hidden;
	padding: .7vmin .9vmin .72vmin .9vmin;
	position: relative;
	transition: filter .2s ease,opacity .2s ease,transform .2s ease;
}

.profile-achievement-card.unlocked {
	background: var(--achievement-bg, #7E92F7);
}

.profile-achievement-card.locked {
	background: #5b5b5b;
	filter: grayscale(1);
	opacity: .72;
}

.profile-achievement-card.unlocked.achievement-radiant,
#achievements-scroll .achievement-row.unlocked.achievement-radiant,
#achievement-notification.achievement-radiant {
	background-color: #fed857;
	animation: achievement-radiant-gradient 8s linear infinite;
}

.profile-achievement-card.unlocked.achievement-radiant::before,
#achievements-scroll .achievement-row.unlocked.achievement-radiant::before,
#achievement-notification.achievement-radiant::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		radial-gradient(circle at 14% 22%, color-mix(in srgb, currentColor 68%, #000 32%) 0 .25vmin, transparent .27vmin),
		radial-gradient(circle at 14% 22%, color-mix(in srgb, currentColor 95%, #fff 5%) 0 .16vmin, transparent .17vmin),
		radial-gradient(circle at 78% 18%, color-mix(in srgb, currentColor 68%, #000 32%) 0 .25vmin, transparent .27vmin),
		radial-gradient(circle at 78% 18%, color-mix(in srgb, currentColor 95%, #fff 5%) 0 .16vmin, transparent .17vmin),
		radial-gradient(circle at 62% 74%, color-mix(in srgb, currentColor 68%, #000 32%) 0 .25vmin, transparent .27vmin),
		radial-gradient(circle at 62% 74%, color-mix(in srgb, currentColor 95%, #fff 5%) 0 .16vmin, transparent .17vmin),
		radial-gradient(circle at 31% 81%, color-mix(in srgb, currentColor 68%, #000 32%) 0 .25vmin, transparent .27vmin),
		radial-gradient(circle at 31% 81%, color-mix(in srgb, currentColor 95%, #fff 5%) 0 .16vmin, transparent .17vmin);
	opacity: .74;
	animation: achievement-radiant-particles-drift 5.2s linear infinite, achievement-radiant-particles-fade 1.9s ease-in-out infinite alternate;
}

.profile-achievement-card::after {
	background: rgba(0,0,0,.25);
	bottom: 0;
	content: "";
	height: 50%;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
}

.profile-achievement-card.unlocked.achievement-radiant::after,
#achievements-scroll .achievement-row.unlocked.achievement-radiant::after,
#achievement-notification.achievement-radiant::after {
	background: rgba(0,0,0,.3);
}

.profile-achievement-header {
	align-items: flex-start;
	display: flex;
	gap: .7vmin;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

.profile-achievement-title {
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 3.9vmin;
	line-height: .95;
}

.profile-achievement-completed {
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.55vmin;
	line-height: 1;
	margin-top: .12vmin;
	position: relative;
	z-index: 1;
}

.profile-achievement-description {
	bottom: 0;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 2.5vmin;
	left: 0;
	line-height: .95;
	margin: 0;
	padding: .7vmin .9vmin;
	position: absolute;
	right: 0;
	text-align: left;
	top: 50%;
	z-index: 2;
}

.profile-achievement-stars {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	gap: .28vmin;
	position: relative;
	z-index: 1;
}

.profile-achievement-stars > img {
	filter: drop-shadow(0 0 0.1vmin #000);
	height: 3.8vmin;
	width: 3.8vmin;
}

.profile-achievement-stars > span {
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 3.3vmin;
	letter-spacing: -.04vmin;
	line-height: 1;
}

.achievements-filter-container {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1vmin;
	justify-content: center;
	margin: 1vmin 0;
	padding: 0.5vmin;
}

.achievements-filter-label {
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 2.1vmin;
	font-weight: 700;
	text-shadow: none;
}

.achievements-filter-dropdown {
	appearance: none;
	-webkit-appearance: none;
	background-color: rgba(0,0,0,.5);
	border: 0;
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	color: #fff;
	cursor: pointer;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 2.2vmin;
	font-weight: 700;
	outline: none;
	padding: .25vmin 1.2vmin;
	height: 4.4vmin;
	line-height: 1.2;
	white-space: nowrap;
	text-shadow: none;
	transition: box-shadow .18s ease,background-color .18s ease,transform .12s ease;
}

.achievements-filter-dropdown:hover {
	background-color: rgba(32,32,32,.5);
	box-shadow: inset 0 0 0 10em hsla(0,0%,100%,.3),0 0 0 .4vmin #000;
	transform: translateY(-.08vmin);
}

.achievements-filter-dropdown:focus {
	box-shadow: 0 0 0 .4vmin #000;
}

.achievements-filter-dropdown:active {
	transform: translateY(0);
}

.achievements-filter-dropdown option {
	background: #2d2d2d;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-weight: 700;
	text-shadow: none;
}

.color-filter-dropdown {
	appearance: none;
	-webkit-appearance: none;
	background-color: rgba(0, 0, 0, 0.5);
	border: 0;
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	color: #fff;
	cursor: pointer;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 2vmin;
	font-weight: 700;
	outline: none;
	padding: .4vmin 1.2vmin;
	height: 4.5vmin;
	line-height: 1.2;
	white-space: nowrap;
	text-shadow: none;
	transition: box-shadow .18s ease, background-color .18s ease, transform .12s ease;
	width: 20vmin;
}

.color-filter-dropdown:hover {
	background-color: rgba(32, 32, 32, 0.5);
	box-shadow: inset 0 0 0 10em hsla(0, 0%, 100%, .3), 0 0 0 .4vmin #000;
	transform: translateY(-.08vmin);
}

.color-filter-dropdown:focus {
	box-shadow: 0 0 0 .4vmin #00b0e1;
}

.color-filter-dropdown:active {
	transform: translateY(0);
}

.color-filter-dropdown option {
	background: #2d2d2d;
	color: #fff;
	font-family: "Roboto", Arial, sans-serif;
	font-weight: 700;
	text-shadow: none;
}

#achievements-scroll .achievement-row {
	background: var(--achievement-bg, #7E92F7);
	border: .42vmin solid #000;
	border-radius: .85vmin;
	box-shadow: 0 0 0 .22vmin rgba(0,0,0,.55);
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: .24vmin;
	height: 16.66vmin;
	margin: 1vmin auto;
	max-width: 50vmin;
	overflow: hidden;
	padding: .7vmin .9vmin .72vmin .9vmin;
	position: relative;
	width: 50vmin;
}

#achievements-scroll .achievement-row.unlocked {
	background: var(--achievement-bg, #7E92F7);
}

#achievements-scroll .achievement-row.locked {
	background: #5b5b5b;
	filter: grayscale(1);
	opacity: .72;
}

#achievements-scroll .achievement-row::after {
	background: rgba(0,0,0,.25);
	bottom: 0;
	content: "";
	height: 50%;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
}

#achievements-scroll .achievement-row-header {
	align-items: flex-start;
	display: flex;
	gap: .7vmin;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

#achievements-scroll .achievement-row-name {
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 3.9vmin;
	line-height: .95;
}

#achievements-scroll .achievement-row-completed {
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.55vmin;
	line-height: 1;
	margin-top: .12vmin;
	position: relative;
	z-index: 1;
}

#achievements-scroll .achievement-row-desc {
	bottom: 0;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 2.5vmin;
	left: 0;
	line-height: .95;
	margin: 0;
	padding: .7vmin .9vmin;
	position: absolute;
	right: 0;
	text-align: left;
	top: 50%;
	z-index: 2;
}

#achievements-scroll .achievement-row-stars {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	gap: .28vmin;
	position: relative;
	z-index: 1;
}

#achievements-scroll .achievement-row-stars > img {
	filter: drop-shadow(0 0 0.1vmin #000);
	height: 3.8vmin;
	width: 3.8vmin;
}

#achievements-scroll .achievement-row-stars > span {
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 3.3vmin;
	letter-spacing: -.04vmin;
	line-height: 1;
}

#achievements-scroll {
	display: flex;
	flex-direction: column;
	max-height: 70vh;
	overflow-y: auto;
	overflow-x: hidden;
}

#achievement-notification {
	background: var(--achievement-bg, #7E92F7);
	border: .42vmin solid #000;
	border-radius: .85vmin;
	box-shadow: 0 0 0 .22vmin rgba(0,0,0,.55);
	color: #fff;
	left: 50%;
	min-width: 50vmin;
	max-width: 50vmin;
	height: 16.66vmin;
	padding: .7vmin .9vmin .72vmin .9vmin;
	position: fixed;
	top: 1.2vmin;
	transform: translateX(-50%) translateY(-9vmin) scale(var(--ui-user-scale, 1));
	opacity: 0;
	z-index: 80;
	pointer-events: none;
	will-change: transform,opacity;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: .26vmin;
}

#achievement-notification::after {
	background: rgba(0,0,0,.25);
	bottom: 0;
	content: "";
	height: 50%;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
}

#achievement-notification.ui-achievement-open {
	animation: achievement-notification-slide 2.9s ease forwards;
}

#achievement-notification.achievement-radiant.ui-achievement-open {
	animation: achievement-notification-slide 2.9s ease forwards, achievement-radiant-gradient 8s linear infinite;
}

@keyframes achievement-radiant-gradient {
	0% {
		background-color: #fed857;
		color: #fed857;
	}
	33.333% {
		background-color: #e28c27;
		color: #e28c27;
	}
	66.666% {
		background-color: #88bbb4;
		color: #88bbb4;
	}
	100% {
		background-color: #fed857;
		color: #fed857;
	}
}

@keyframes achievement-radiant-particles-drift {
	0% {
		transform: translate3d(-1.1vmin, .2vmin, 0);
	}
	50% {
		transform: translate3d(.9vmin, -.35vmin, 0);
	}
	100% {
		transform: translate3d(1.2vmin, .1vmin, 0);
	}
}

@keyframes achievement-radiant-particles-fade {
	0% {
		opacity: .35;
	}
	100% {
		opacity: .74;
	}
}

@keyframes achievement-notification-slide {
	0% {
		opacity: 0;
		transform: translateX(-50%) translateY(-9vmin) scale(var(--ui-user-scale, 1));
	}

	12% {
		opacity: 1;
		transform: translateX(-50%) translateY(0) scale(var(--ui-user-scale, 1));
	}

	82% {
		opacity: 1;
		transform: translateX(-50%) translateY(0) scale(var(--ui-user-scale, 1));
	}

	100% {
		opacity: 0;
		transform: translateX(-50%) translateY(-9vmin) scale(var(--ui-user-scale, 1));
	}
}

#achievement-notification .profile-achievement-header {
	align-items: flex-start;
	display: flex;
	gap: .7vmin;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

#achievement-notification-name {
	font-size: 3.9vmin;
	line-height: .95;
}

#achievement-notification-desc {
	bottom: 0;
	font-size: 2.5vmin;
	left: 0;
	line-height: .95;
	margin: 0;
	padding: .7vmin .9vmin;
	position: absolute;
	right: 0;
	text-align: left;
	top: 50%;
	z-index: 2;
}

#achievement-notification-stars {
	align-items: center;
	display: inline-flex;
	gap: .28vmin;
	position: relative;
	z-index: 1;
}

#achievement-notification-stars > img {
	filter: drop-shadow(0 0 0.1vmin #000);
	height: 3.8vmin;
	width: 3.8vmin;
}

#achievement-notification.ui-achievement-badge #achievement-notification-stars > img {
	display: none;
}

#achievement-notification-stars > span {
	font-size: 3.3vmin;
	letter-spacing: -.04vmin;
	line-height: 1;
}

.collapse-button {
	box-shadow: 0 0 0 .4vmin #000;
	height: 3vmin;
	margin-left: 1vmin;
	padding: 0;
	transform: translateY(-.1vmin);
	width: 3vmin;
}

.collapse-button > div {
	font-size: 3vmin;
	font-weight: 900 !important;
	height: 3vmin;
	line-height: 3vmin;
}

#profile-screen-achievements-filter-toggle,
#profile-screen-achievements-difficulty-filter-toggle,
#profile-screen-achievements-filter-toggle > div,
#profile-screen-achievements-difficulty-filter-toggle > div {
	font-weight: 900 !important;
}

#edit-icon-wrapper {
	display: flex;
}

#edit-icon-preview {
	border-radius: 50%;
	height: 15vmin;
	width: 15vmin;
}

#edit-icon-tab-container {
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	margin-left: 3vmin;
}

#edit-icon-tabs {
	background-color: rgba(0,0,0,.25);
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	display: flex;
	justify-content: space-evenly;
	margin-top: 0;
	width: 50vw;
}

#edit-icon-tabs > div {
	border-radius: .5vmin;
	color: #cfcfcf;
	cursor: pointer;
	font-size: 2.5vmin;
	margin: 0 .75vmin;
	padding-left: .75vmin;
	padding-right: .75vmin;
	transition: box-shadow .2s,background-color .2s;
	user-select: none;
}

#edit-icon-tabs > div.selected {
	background-color: #474747;
	box-shadow: 0 0 0 .4vmin #000;
	color: #fff;
}

#edit-icon-tabs > div:hover {
	background-color: #5f5f5f;
	box-shadow: 0 0 0 .4vmin #000;
	color: #fff;
}

#edit-icon-tab-content {
	height: 40vh;
	margin: 0;
	width: 50vw;
}

#edit-icon-tab-content > div {
	height: inherit;
	margin: 0;
	overflow: auto;
	overflow-x: clip;
	padding: 1vmin;
}

#edit-icon-attributes-scroll {
	background-color: rgba(0,0,0,.25);
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	height: calc(40vh - 12vmin);
	margin: 0;
	overflow: auto;
	overflow-x: clip;
	width: 20vmin;
}

#edit-icon-attributes-scroll > .slider > label {
	text-align: left;
	white-space: nowrap;
}

.edit-icon-tab-title {
	font-size: 3vmin;
	text-align: left;
}

.edit-icon-tab-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
	width: auto;
}

.edit-icon-tab-item {
	background-color: rgba(0,0,0,.5);
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	cursor: pointer;
	height: 9.8vmin;
	margin: 1vmin !important;
	position: relative;
	transition: background-color .2s,box-shadow .2s;
	width: 9.8vmin;
	overflow: hidden;
}

.edit-icon-tab-item:hover {
	background-color: rgba(37,37,37,.5);
}

.edit-icon-tab-item.selected {
	background-color: rgba(0,0,0,.5);
	box-shadow: 0 0 0 .4vmin #fff;
	cursor: default;
}

.edit-icon-tab-item > canvas {
	border-radius: .5vmin;
	height: 9.8vmin;
	margin: 0;
	width: 9.8vmin;
}

.edit-icon-tab-item.locked {
	cursor: not-allowed;
}

.edit-icon-tab-item.locked > canvas {
	filter: grayscale(.4) brightness(.65);
}

.edit-icon-tab-item.locked::after {
	background: rgba(0,0,0,.28);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.edit-icon-lock {
	align-items: center;
	display: flex;
	inset: 0;
	justify-content: center;
	pointer-events: none;
	position: absolute;
	z-index: 3;
}

.edit-icon-lock-icon {
	background: #000;
	border-radius: .45vmin;
	box-shadow: 0 0 0 .22vmin #000;
	height: 3.8vmin;
	position: relative;
	width: 3.8vmin;
}

.edit-icon-lock-shackle {
	background: transparent;
	border: .24vmin solid #fff;
	border-bottom: 0;
	border-radius: .7vmin .7vmin 0 0;
	height: 1.05vmin;
	left: 50%;
	position: absolute;
	top: 35%;
	transform: translate(-50%,-50%);
	width: 1.2vmin;
}

.edit-icon-lock-body {
	background: transparent;
	border: .25vmin solid #fff;
	border-radius: .22vmin;
	height: 1.25vmin;
	left: 50%;
	position: absolute;
	top: 58%;
	transform: translate(-50%,-50%);
	width: 1.72vmin;
}

.edit-icon-lock-text {
	background: rgba(0,0,0,.82);
	border-radius: .35vmin;
	box-shadow: 0 0 0 .16vmin #000;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.05vmin;
	font-weight: 900;
	line-height: 1;
	left: 50%;
	padding: .18vmin .42vmin;
	position: absolute;
	top: calc(50% + 2.7vmin);
	transform: translateX(-50%);
	white-space: nowrap;
}

#profile-buttons {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	height: 0;
	margin-left: 48.5vw;
	position: relative;
	right: auto;
	top: auto;
	width: 50vw;
	z-index: auto;
	gap: 0;
	justify-content: flex-start;
}

#profile-buttons > button {
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	font-size: 2.5vmin;
	height: 4vmin;
	margin: 1vmin;
	padding: .25vmin 1vmin;
}

#profile-screen-search {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	max-width: none;
	position: relative;
	right: auto;
	text-align: center;
	top: auto;
	width: 100%;
	z-index: auto;
}

#profile-screen-search-bar {
	height: 4vmin;
	margin: 1vmin;
	width: fit-content;
}

#profile-screen-search-input {
	font-size: 2.5vmin;
	height: 4vmin;
	padding: 0 0 0 1vmin;
	vertical-align: bottom;
	width: 30vmin;
}

#profile-screen-search-button {
	height: 4vmin;
	padding: 0;
	text-align: center;
	width: 4vmin;
}

#profile-screen-search-button > img {
	width: 3vmin;
}

#profile-screen-search-content {
	font-size: 2.5vmin;
	font-weight: 700;
	opacity: 1;
	position: relative;
	text-align: center;
	top: 0;
	transition: opacity .2s;
	width: 30vmin;
	max-height: none;
	right: auto;
	overflow: visible;
}

#profile-screen-search-content > hr {
	border-radius: .15vmin;
	border-top: .3vmin solid #fff;
	color: #fff;
	height: 0;
	margin: 0 0 0 1vmin;
	opacity: .5;
	transition: height .2s;
	width: calc(100% - 2vmin);
}

.profile-screen-search-result {
	cursor: pointer;
	display: flex;
	font-weight: 400;
	height: 8vmin;
	padding: 1vmin;
	transition: height .2s;
}

.profile-screen-search-result > * {
	pointer-events: none;
}

#profile-screen-search-content.hide > .profile-screen-search-result,
#profile-screen-search-content.hide > hr {
	height: 0;
}

.profile-screen-search-result > div > .result-name {
	font-size: 2.5vmin;
	height: 3.8vmin;
	line-height: 3.8vmin;
	margin-left: 1vmin;
	margin-top: -.2vmin;
	text-align: left;
	white-space: nowrap;
	width: 21vmin;
}

.profile-screen-search-result > div > .result-stars {
	display: flex;
	margin-left: 1vmin;
	margin-top: -.5vmin;
}

.profile-screen-search-result > div > .result-stars > img {
	height: 2.3vmin;
	margin-top: .2vmin;
	width: 2.3vmin;
}

.profile-screen-search-result > div > .result-stars > div {
	font-size: 2vmin;
	margin-left: .5vmin;
}

.tooltip-trigger {
	position: relative
}

.tooltip {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #000;
	color: #fff;
	border-radius: .5vmin;
	padding: .6vmin 1vmin;
	font-size: 2vmin;
	font-weight: 900;
	white-space: nowrap;
	opacity: 0;
	transition: opacity .1s,right .1s,left .1s;
	pointer-events: none
}

	.tooltip.left {
		right: 0
	}

.tooltip-trigger:hover .tooltip.left {
	opacity: 1;
	right: 7vmin
}

body.in-game #title,
body.in-game #subtitle,
body.in-game #changelog,
body.in-game #buttons,
body.in-game #full-changelog,
body.in-game #play-menu-wrapper,
body.in-game #connecting-text {
	display: none !important;
}

body.accounts-open #title,
body.accounts-open #subtitle,
body.accounts-open #changelog,
body.accounts-open #player-counter,
body.accounts-open #buttons,
body.accounts-open #play-menu-wrapper,
body.accounts-open #connecting-text {
	display: none !important;
}

body.wiki-open #title,
body.wiki-open #subtitle,
body.wiki-open #changelog,
body.wiki-open #player-counter,
body.wiki-open #buttons,
body.wiki-open #play-menu-wrapper,
body.wiki-open #connecting-text {
	display: none !important;
}

#disconnect-modal > div {
	width: min(60vw, 50vmin)
}

#disconnect-title {
	font-size: 3.6vmin;
	font-weight: 900
}

#disconnect-text {
	font-size: 2vmin;
	font-weight: 400;
	line-height: 1.2;
	margin: 1vmin
}

#quick-chat-editor > div {
	width: min(70vw, 50vmin);
	max-height: 85vh;
	overflow: hidden
}

#quick-chat-editor-title {
	font-size: 3.6vmin;
	font-weight: 900
}

#quick-chat-editor-desc {
	font-size: 1.8vmin;
	font-weight: 700;
	color: #ccc;
	margin-bottom: 1.5vmin
}

#quick-chat-editor-inputs {
	display: flex;
	flex-direction: column;
	gap: 0.8vmin;
	margin: 1vmin 0;
	max-height: 55vh;
	overflow-y: auto;
	padding-right: 0.5vmin
}

.quick-chat-input-row {
	display: flex;
	align-items: center;
	gap: 0.8vmin
}

.quick-chat-slot-indicator {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 3vmin;
	height: 3vmin;
	border-radius: 0.4vmin;
	font-size: 1.5vmin;
	font-weight: 900;
	color: #fff;
	text-shadow: -.1vmin -.1vmin 0 #000,0 -.1vmin 0 #000,.1vmin -.1vmin 0 #000,.1vmin 0 0 #000,.1vmin .1vmin 0 #000,0 .1vmin 0 #000,-.1vmin .1vmin 0 #000,-.1vmin 0 0 #000;
	flex-shrink: 0
}

#quick-chat-editor-inputs input {
	flex: 1;
	background-color: #0f0f0fc0;
	border: 0.22vmin solid #000;
	border-radius: 0.6vmin;
	box-shadow: 0 0 0 0.4vmin #000;
	color: #fff;
	font-family: Roboto,Arial,sans-serif;
	font-size: 1.6vmin;
	font-weight: 700;
	padding: 0.5vmin 0.8vmin;
	outline: none;
	appearance: none;
	-webkit-appearance: none
}

#quick-chat-editor-inputs input:focus {
	border-color: #00b0e1
}

#quick-chat-editor-inputs input::placeholder {
	color: rgba(200, 200, 200, 0.6);
	font-weight: 400
}

#quick-chat-editor-buttons {
	display: flex;
	justify-content: center;
	margin: 1vmin 0
}

#quick-chat-reset-btn {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	outline: none;
	background-color: rgba(200, 50, 50, 0.8);
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.5vmin;
	font-weight: 700;
	padding: 0.5vmin 1vmin;
	margin: 0 0.5vmin;
	cursor: pointer;
	transition: transform 0.12s ease, background 0.12s ease
}

#quick-chat-reset-btn:hover {
	background-color: rgba(220, 70, 70, 0.9);
	transform: scale(1.05)
}

#quick-chat-reset-btn:active {
	transform: scale(0.95)
}

#quick-chat-save,
#quick-chat-cancel {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	outline: none;
	background-color: rgba(0,0,0,.5);
	border-radius: .5vmin;
	box-shadow: 0 0 0 .4vmin #000;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: 1.8vmin;
	font-weight: 700;
	height: auto;
	margin: 0 0.5vmin;
	padding-left: 1vmin;
	padding-right: 1vmin;
	padding-top: .5vmin;
	padding-bottom: .5vmin;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	width: auto;
	cursor: pointer;
	transition: transform 0.12s ease, background 0.12s ease
}

#quick-chat-save:hover,
#quick-chat-cancel:hover {
	background-color: rgba(32,32,32,.5);
	transform: scale(1.05)
}

#quick-chat-save {
	background-color: rgba(56, 183, 100, 0.8)
}

#quick-chat-save:hover {
	background-color: rgba(72, 200, 120, 0.9)
}

:root {
	--ui-scale: 1;
	--ui-user-scale: 1;
	--chat-right: 3vmin;
	--chat-top: 37vmin;
	--chat-gap: 1vmin;
	--chat-input-w: 45/1.8vmin;
	--chat-input-h: 6vmin;
	--chat-btn-sz: 7vmin;
	--chat-font: 2.8vmin;
	--chat-radius: 1.25vmin;
	--chat-outline: 0.6vmin;
}

#chat {
	position: fixed;
	right: var(--chat-right);
	top: var(--chat-top);
	display: none;
	gap: var(--chat-gap);
	align-items: center;
	opacity: 1;
	z-index: 4;
	transform-origin: top right;
	transform: scale(var(--ui-user-scale, 1));
}

body.in-game #chat {
	display: flex;
}

#chat input,
#chat button {
	background-color: #0f0f0fc0;
	border: none;
	border-radius: var(--chat-radius);
	box-shadow: 0 0 0 var(--chat-outline) #000;
	color: #fff;
	font-family: Roboto,Arial,sans-serif;
	font-size: var(--chat-font);
	font-weight: 400;
	padding: calc(7px * var(--ui-scale));
	text-align: left;
	user-select: none;
	-webkit-user-select: none;
	appearance: none;
	-webkit-appearance: none;
}

#chat input {
	width: var(--chat-input-w);
	height: var(--chat-input-h);
	pointer-events: auto;
}

#chat button {
	width: var(--chat-btn-sz);
	height: var(--chat-btn-sz);
	font-size: 0;
	padding: 0;
	cursor: pointer;
	pointer-events: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

#quick-chat-img {
	width: 70%;
	height: 70%;
	display: block;
}

#chat input:focus,
#chat input:active,
#chat button:focus,
#chat button:active {
	outline: none;
	box-shadow: 0 0 0 var(--chat-outline) #000;
}
#respawn-level-text {
	display: none;
	position: absolute;
	left: 50%;
	top: calc(100% + 1.2vmin);
	transform: translateX(-50%);
	text-align: center;
	font-family: "Roboto",Arial,sans-serif;
	font-weight: 900;
	font-size: 2.2vmin;
	line-height: 1.1;
	letter-spacing: 0.05vmin;
	color: rgba(255, 255, 255, 0.9);
	-webkit-text-stroke: 0.22vmin rgba(0,0,0,0.95);
	paint-order: stroke fill;
	text-shadow:
		-.22vmin -.22vmin 0 rgba(0,0,0,0.95),
		0 -.22vmin 0 rgba(0,0,0,0.95),
		.22vmin -.22vmin 0 rgba(0,0,0,0.95),
		.22vmin 0 0 rgba(0,0,0,0.95),
		.22vmin .22vmin 0 rgba(0,0,0,0.95),
		0 .22vmin 0 rgba(0,0,0,0.95),
		-.22vmin .22vmin 0 rgba(0,0,0,0.95),
		-.22vmin 0 0 rgba(0,0,0,0.95);
	pointer-events: none;
	white-space: nowrap;
}

#play-menu-wrapper {
	position: fixed;
	left: 50%;
	top: 52.1vh;
	transform: translateY(0vmin) translateX(-50%) scale(var(--ui-user-scale, 1));
	-ms-transform: translateY(0vmin) translateX(-50%) scale(var(--ui-user-scale, 1));
	-webkit-transform: translateY(0vmin) translateX(-50%) scale(var(--ui-user-scale, 1));
	opacity: 1;
	transition: opacity 2s,top 1s;
	z-index: 1;
	overflow: visible;
}

#music-player {
	position: absolute;
	top: 1.6vmin;
	right: calc(100% - 1.2vmin);
	transform: translateX(100%);
	z-index: 10;
}

#music-player-controls {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.4vmin;
	background: rgba(30, 30, 30, 1);
	border: 0.4vmin solid rgba(0, 0, 0, 1);
	border-radius: 0.4vmin;
	padding: 0.4vmin 0.5vmin;
	text-transform: uppercase;
}

#music-playlist-input {
	width: 18vmin;
	padding: 0.4vmin 0.6vmin;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 1.2vmin;
	font-weight: 900;
	color: #fff;
	background: rgba(30, 30, 30, 1);
	border: 0.15vmin solid rgba(60, 60, 60, 1);
	border-radius: 0.3vmin;
	outline: none;
}

#music-playlist-input::placeholder {
	color: rgba(150, 150, 150, 1);
	text-transform: uppercase;
}

#music-playlist-input:focus {
	border-color: rgba(100, 100, 100, 1);
}

#music-load-btn {
	padding: 0.3vmin 0.8vmin;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 1.1vmin;
	font-weight: 900;
	color: #fff;
	background: rgba(70, 70, 70, 1);
	border: 0.15vmin solid rgba(90, 90, 90, 1);
	border-radius: 0.3vmin;
	cursor: pointer;
	-webkit-text-stroke: 0.08vmin #000;
	paint-order: stroke fill;
	text-transform: uppercase;
	transition: transform 0.1s ease-out, background 0.15s ease-out, box-shadow 0.15s ease-out;
}

#music-load-btn:hover {
	background: rgba(100, 100, 100, 1);
	transform: scale(1.08);
	box-shadow: 0 0 0.3vmin rgba(255, 255, 255, 0.2);
}

#music-load-btn:active {
	background: rgba(50, 50, 50, 1);
	transform: scale(0.95);
	box-shadow: 0 0 0.1vmin rgba(0, 0, 0, 0.5);
}

#music-control-buttons {
	display: flex;
	gap: 0.2vmin;
}

#music-visualizer {
	display: flex;
	align-items: flex-end;
	gap: 0.15vmin;
	height: 1.6vmin;
	width: 3.5vmin;
}

#music-visualizer .viz-bar {
	flex: 1;
	height: 0.2vmin;
	background: #fff;
	border-radius: 0.1vmin 0.1vmin 0 0;
	transition: height 0.1s ease-out;
	opacity: 0.4;
}

#music-visualizer.playing .viz-bar {
	opacity: 1;
}

#music-visualizer.playing .viz-bar:nth-child(1) { animation: vizBar1 0.351s ease-in-out infinite alternate; }
#music-visualizer.playing .viz-bar:nth-child(2) { animation: vizBar2 0.421s ease-in-out infinite alternate; }
#music-visualizer.playing .viz-bar:nth-child(3) { animation: vizBar3 0.281s ease-in-out infinite alternate; }
#music-visualizer.playing .viz-bar:nth-child(4) { animation: vizBar4 0.381s ease-in-out infinite alternate; }
#music-visualizer.playing .viz-bar:nth-child(5) { animation: vizBar5 0.311s ease-in-out infinite alternate; }
#music-visualizer.playing .viz-bar:nth-child(6) { animation: vizBar6 0.451s ease-in-out infinite alternate; }
#music-visualizer.playing .viz-bar:nth-child(7) { animation: vizBar7 0.331s ease-in-out infinite alternate; }
#music-visualizer.playing .viz-bar:nth-child(8) { animation: vizBar8 0.391s ease-in-out infinite alternate; }
#music-visualizer.playing .viz-bar:nth-child(9) { animation: vizBar9 0.291s ease-in-out infinite alternate; }
#music-visualizer.playing .viz-bar:nth-child(10) { animation: vizBar10 0.361s ease-in-out infinite alternate; }
#music-visualizer.playing .viz-bar:nth-child(11) { animation: vizBar11 0.431s ease-in-out infinite alternate; }
#music-visualizer.playing .viz-bar:nth-child(12) { animation: vizBar12 0.321s ease-in-out infinite alternate; }

@keyframes vizBar1 { 0% { height: 0.2vmin; } 30% { height: 1.1vmin; } 70% { height: 0.4vmin; } 100% { height: 1.4vmin; } }
@keyframes vizBar2 { 0% { height: 0.2vmin; } 25% { height: 0.5vmin; } 60% { height: 1.3vmin; } 100% { height: 0.6vmin; } }
@keyframes vizBar3 { 0% { height: 0.2vmin; } 40% { height: 1.2vmin; } 80% { height: 0.3vmin; } 100% { height: 1.1vmin; } }
@keyframes vizBar4 { 0% { height: 0.2vmin; } 20% { height: 0.4vmin; } 50% { height: 0.8vmin; } 75% { height: 1.4vmin; } 100% { height: 0.5vmin; } }
@keyframes vizBar5 { 0% { height: 0.2vmin; } 35% { height: 1.0vmin; } 65% { height: 0.4vmin; } 100% { height: 1.3vmin; } }
@keyframes vizBar6 { 0% { height: 0.2vmin; } 15% { height: 0.3vmin; } 45% { height: 1.4vmin; } 85% { height: 0.7vmin; } 100% { height: 1.1vmin; } }
@keyframes vizBar7 { 0% { height: 0.2vmin; } 30% { height: 0.9vmin; } 55% { height: 0.4vmin; } 100% { height: 1.2vmin; } }
@keyframes vizBar8 { 0% { height: 0.2vmin; } 20% { height: 0.5vmin; } 40% { height: 1.1vmin; } 70% { height: 0.3vmin; } 100% { height: 1.0vmin; } }
@keyframes vizBar9 { 0% { height: 0.2vmin; } 25% { height: 1.3vmin; } 50% { height: 0.5vmin; } 75% { height: 1.0vmin; } 100% { height: 0.4vmin; } }
@keyframes vizBar10 { 0% { height: 0.2vmin; } 35% { height: 0.6vmin; } 60% { height: 1.4vmin; } 90% { height: 0.8vmin; } 100% { height: 1.1vmin; } }
@keyframes vizBar11 { 0% { height: 0.2vmin; } 40% { height: 1.1vmin; } 70% { height: 0.4vmin; } 100% { height: 1.3vmin; } }
@keyframes vizBar12 { 0% { height: 0.2vmin; } 30% { height: 0.5vmin; } 50% { height: 0.9vmin; } 100% { height: 0.7vmin; } }

#music-prev-btn,
#music-play-pause-btn,
#music-next-btn {
	width: 2.8vmin;
	height: 2.8vmin;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2vmin;
	font-weight: 900;
	color: #fff;
	background: rgba(70, 70, 70, 1);
	border: 0.15vmin solid rgba(90, 90, 90, 1);
	border-radius: 0.3vmin;
	cursor: pointer;
	-webkit-text-stroke: 0.1vmin #000;
	paint-order: stroke fill;
	transition: transform 0.1s ease-out, background 0.15s ease-out, box-shadow 0.15s ease-out;
}

#music-prev-btn:hover,
#music-play-pause-btn:hover,
#music-next-btn:hover {
	background: rgba(100, 100, 100, 1);
	transform: scale(1.12);
	box-shadow: 0 0 0.4vmin rgba(255, 255, 255, 0.25);
}

#music-prev-btn:active,
#music-play-pause-btn:active,
#music-next-btn:active {
	background: rgba(50, 50, 50, 1);
	transform: scale(0.92);
	box-shadow: 0 0 0.15vmin rgba(0, 0, 0, 0.6);
}

#music-now-playing {
	width: 20vmin;
	padding: 0.3vmin 0.5vmin;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 1.1vmin;
	font-weight: 900;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	background: rgba(30, 30, 30, 1);
	border: 0.15vmin solid rgba(60, 60, 60, 1);
	border-radius: 0.3vmin;
	-webkit-text-stroke: 0.06vmin #000;
	paint-order: stroke fill;
	position: relative;
}

#music-now-playing.scrolling {
	animation: none;
}

#music-now-playing.scrolling .scroll-text {
	display: inline-block;
	animation: scrollText 25s linear infinite;
}

@keyframes scrollText {
	0% {
		transform: translateX(0);
	}
	10% {
		transform: translateX(0);
	}
	40% {
		transform: translateX(calc(-50% - 0.5vmin));
	}
	50% {
		transform: translateX(calc(-50% - 0.5vmin));
	}
	100% {
		transform: translateX(0);
	}
}

#music-player.hide {
	display: none;
}

#menu-grid-canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -5;
	pointer-events: none
}

#dim-switch-overlay {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	opacity: 0;
	z-index: 11;
	transition: opacity .12s linear;
}

#dim-switch-text {
	max-width: 90vw;
	padding: 0 2vw;
	color: #fff;
	font-family: "Roboto",Arial,sans-serif;
	font-size: clamp(86px, 13.8vmin, 236px);
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: 0.012em;
	text-align: center;
	-webkit-text-stroke: 0.24vmin #000;
	text-shadow: -.28vmin -.28vmin 0 #000,0 -.28vmin 0 #000,.28vmin -.28vmin 0 #000,.28vmin 0 0 #000,.28vmin .28vmin 0 #000,0 .28vmin 0 #000,-.28vmin .28vmin 0 #000,-.28vmin 0 0 #000;
}

body.teleporting #dim-switch-overlay {
	opacity: 1;
}

body.teleporting #menu-grid-canvas {
	z-index: -3;
}

body.teleporting #game-canvas {
	opacity: 0;
}

body.teleporting #chat,
body.teleporting #music-player,
body.teleporting #buttons {
	opacity: 0;
	pointer-events: none;
}

/* Profile + Icon Editor Layout Fixes */
#profile-screen-profile {
	margin-top: 1.8vmin !important;
}

#profile-buttons {
	position: fixed !important;
	right: 0.4vmin !important;
	top: 6.2vmin !important;
	z-index: 8 !important;
	display: flex !important;
	flex-direction: row-reverse !important;
	flex-wrap: wrap !important;
	justify-content: flex-end !important;
	gap: 0.6vmin !important;
	height: auto !important;
	margin: 0 !important;
	width: auto !important;
	max-width: calc(100vw - 1vmin) !important;
}

#profile-buttons > button {
	margin: 0 !important;
	height: 4.2vmin !important;
	font-size: 2.2vmin !important;
	padding: .2vmin 1vmin !important;
}

#profile-screen-search {
	position: fixed !important;
	right: 0.4vmin !important;
	top: 1.2vmin !important;
	z-index: 9 !important;
	display: flex !important;
	flex-direction: row-reverse !important;
	justify-content: flex-end !important;
	width: auto !important;
	max-width: calc(100vw - 1vmin) !important;
}

#profile-screen-search-bar {
	display: flex !important;
	height: 4vmin !important;
	margin: 0 !important;
	width: min(44vmin, 90vw) !important;
}

#profile-screen-search-input {
	width: auto !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

#profile-screen-search-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background-color: #fff !important;
}

#profile-screen-search-button > img {
	display: block !important;
	width: 3vmin !important;
	height: 3vmin !important;
}

#profile-screen-search-content {
	position: absolute !important;
	right: 0 !important;
	top: 5.2vmin !important;
	width: min(44vmin, 90vw) !important;
	max-height: min(52vh, 44vmin) !important;
	overflow: auto !important;
	overflow-x: hidden !important;
}

#edit-icon-popup > div {
	width: min(95vw, 150vmin) !important;
	max-height: 92vh !important;
	overflow: hidden !important;
}

#edit-icon-wrapper {
	display: grid !important;
	grid-template-columns: minmax(20vmin, 22vmin) minmax(0, 1fr) !important;
	gap: 2vmin !important;
	height: 58vh !important;
	min-height: 48vh !important;
	overflow: hidden !important;
}

#edit-icon-attributes {
	display: flex;
	flex-direction: column;
	min-height: 0;
	gap: 1vmin;
}

#edit-icon-preview {
	align-self: center;
	flex: 0 0 auto;
}

#edit-icon-attributes-scroll {
	width: 100% !important;
	height: auto !important;
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

#edit-icon-tab-container {
	margin-left: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

#edit-icon-tabs {
	width: 100% !important;
	flex: 0 0 auto !important;
}

#edit-icon-tab-content {
	width: 100% !important;
	height: auto !important;
	flex: 1 1 auto !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

#edit-icon-tab-content > div {
	height: 100% !important;
	min-height: 0 !important;
	overflow: auto !important;
	overflow-x: hidden !important;
	overscroll-behavior: contain !important;
}

.edit-icon-tab-list {
	align-content: flex-start;
}

@media (max-width: 900px) {
	#profile-screen-profile {
		margin-top: 1.4vmin !important;
	}

	#profile-buttons {
		right: 0.5vmin !important;
		left: auto !important;
		top: 6.1vmin !important;
		max-width: calc(100vw - 1vmin) !important;
	}

	#profile-screen-search {
		right: 0.5vmin !important;
		left: auto !important;
		top: 1.1vmin !important;
		max-width: calc(100vw - 1vmin) !important;
	}

	#edit-icon-wrapper {
		grid-template-columns: 1fr !important;
		height: 66vh !important;
		min-height: 56vh !important;
	}
}

.mobile-orientation-warning {
	position: fixed;
	inset: 0;
	z-index: 3000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4vmin;
	background: rgba(10, 12, 18, 0.94);
	color: #fff;
	text-align: center;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity 0.18s ease, visibility 0.18s ease;
}

.mobile-orientation-warning > div {
	max-width: min(92vw, 72vmin);
	background: rgba(0, 0, 0, 0.52);
	border-radius: 1.2vmin;
	padding: 2.4vmin 2.8vmin;
	box-shadow: 0 0 0 0.35vmin rgba(255, 255, 255, 0.22), 0 1vmin 2.2vmin rgba(0, 0, 0, 0.38);
}

.mobile-orientation-warning h2 {
	margin: 0 0 1vmin 0;
	font-size: clamp(22px, 4.6vmin, 42px);
	line-height: 1.05;
}

.mobile-orientation-warning p {
	margin: 0.4vmin 0;
	font-size: clamp(14px, 2.6vmin, 24px);
	line-height: 1.25;
}

.mobile-orientation-warning.hide {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

body.mobile-touch-device button,
body.mobile-touch-device input,
body.mobile-touch-device select,
body.mobile-touch-device textarea {
	touch-action: manipulation;
}

body.mobile-touch-device {
	--mobile-button-scale: 1.4;
}

body.mobile-touch-device button {
	font-size: calc(1em * var(--mobile-button-scale)) !important;
}

body.mobile-touch-device #top-buttons {
	gap: calc(1.1vmin * var(--mobile-button-scale));
	right: calc(-4.5vmin * var(--mobile-button-scale));
}

body.mobile-touch-device #left-buttons {
	left: 0.5vmin;
	bottom: 0.5vmin;
	gap: calc(1.1vmin * var(--mobile-button-scale));
	transform: scale(var(--ui-user-scale, 1));
}

body.mobile-touch-device #player-counter {
	left: calc(1.8vmin + (5vmin * var(--mobile-button-scale)));
	bottom: 1.2vmin;
}

body.mobile-touch-device #top-buttons > button {
	width: calc(5vmin * var(--mobile-button-scale)) !important;
	max-width: calc(5vmin * var(--mobile-button-scale)) !important;
	height: calc(5vmin * var(--mobile-button-scale)) !important;
}

body.mobile-touch-device #left-buttons > button {
	width: calc(5vmin * var(--mobile-button-scale)) !important;
	max-width: calc(5vmin * var(--mobile-button-scale)) !important;
	height: calc(5vmin * var(--mobile-button-scale)) !important;
}

body.mobile-touch-device #button-settings-img,
body.mobile-touch-device #button-account-img,
body.mobile-touch-device #button-achievements-img,
body.mobile-touch-device #button-discord-img,
body.mobile-touch-device #button-wiki-img {
	width: calc(5vmin * var(--mobile-button-scale)) !important;
	max-width: calc(5vmin * var(--mobile-button-scale)) !important;
	height: calc(5vmin * var(--mobile-button-scale)) !important;
}

body.mobile-touch-device #right-buttons {
	left: 100%;
	top: 100%;
	right: auto;
	bottom: auto;
	transform: translateY(-100%) translateX(-100%) scale(var(--ui-user-scale, 1));
	gap: 0
}

body.mobile-touch-device #right-buttons > button {
	width: auto !important;
	max-width: none !important;
	height: auto !important;
	margin: .5vmin;
	padding-left: 1vmin;
	padding-right: 1vmin;
	padding-top: .35vmin;
	padding-bottom: .35vmin;
	font-size: 3vmin !important
}

body.mobile-touch-device #play-menu button,
body.mobile-touch-device #play-menu select,
body.mobile-touch-device #play-menu input {
	height: 4.35vmin;
	max-height: 4.35vmin;
}

body.mobile-touch-device #play-menu button,
body.mobile-touch-device #play-menu select,
body.mobile-touch-device #play-menu input {
	font-size: 2.15vmin !important;
}

body.mobile-touch-device #play-menu {
	box-shadow: 0 0 0 .24vmin #000;
	padding: .22vmin;
}

body.mobile-touch-device #full-server-list-button {
	height: 4.25vmin;
	font-size: 1.73vmin;
}

body.mobile-touch-device .full-server-list-item {
	font-size: 1.6vmin;
}

body.mobile-touch-device #play-button {
	min-width: 7.2vmin;
	padding-left: .25vmin;
	padding-right: .25vmin;
}

body.mobile-touch-device #chat input {
	font-size: max(16px, var(--chat-font));
}

body.mobile-touch-device #not-signed-in-text {
	font-size: 3vmin;
	line-height: 1.05;
}

body.mobile-touch-device #not-signed-in-text a {
	font-size: 3vmin;
	line-height: 1.05;
	display: inline-block;
	padding: 0.2vmin 0.35vmin;
}

body.mobile-portrait-blocked #game-canvas {
	pointer-events: none;
}