@font-face {
	font-display: swap;
	font-family: main;
	src: url(/fonts/yenemy.woff2);
}

@font-face {
	font-display: swap;
	font-family: chat;
	src: local('Trebuchet MS'), local('Arial');
}

html {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	touch-action: manipulation;
}

html, body {
	overflow: hidden;
	overscroll-behavior: none;
}

body * {
	z-index: 2;
	user-select: none;
	font-family: chat;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

body {
	cursor: url(images/cursor.webp) 0 0, auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: #41516d;
	height: 100%;
}

body * ::-webkit-scrollbar {
	width: 1px;
	height: 1px;
}

body * ::selection {
	background: #aaa;
}

input {
	user-select: initial;
	cursor: url(images/cursor2.webp) 0 0, auto;
	padding: min(0.16vw, 0.32vh);
}

hr {
	border: none;
	border-top: min(0.1vw, 0.2vh) solid rgba(221, 221, 221, 0.25);
}

canvas {
	display: none;
}

select.beauty_input option {
	line-height: min(2vw, 4vh);
	height: min(2vw, 4vh);
	background: #111;
	padding: min(100vw, 200vh) 0;
	font-size: min(1vw, 2vh);
	color: #dde;
}

.slot:hover .buff_icon_description, .buff_icon:hover .buff_icon_description, [datatitle]:hover:after {
	opacity: 1;
	transition: all 0.1s ease 0.5s;
	visibility: visible;
	text-shadow: none !important;
}

.buff_icon_description, [datatitle]:after {
	pointer-events: none;
	content: attr(datatitle);
	background-color: rgba(16, 16, 16, 0.95);
	font-weight: normal;
	color: #dde;
	font-size: 90%;
	position: absolute;
	padding: min(0.25vw, 0.5vh) min(0.5vw, 1vh);
	bottom: calc(100% - min(0.468vw, 0.936vh));
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	box-shadow: 1.5px 1.5px 3px #222222;
	opacity: 0;
	border: 1.5px solid #111111;
	z-index: 1000000;
	visibility: hidden;
	border-radius: 7px;
	line-height: min(1.1vw, 2.2vh);
}

[datatitle] {
	position: relative;
}

.HUD {
	background-size: 100%;
	width: min(4vw, 8vh);
	height: min(4vw, 8vh);
	cursor: url(images/cursor2.webp) 0 0, auto;
	opacity: 0.85;
	transition: opacity 0.48s, filter 0.48s, box-shadow 0.48s;
	border-radius: 50%;
	pointer-events: all;
	z-index: 3;
}

#leaderboard_container.farm .HUD {
	width: min(1.8vw, 3.6vh);
	height: min(1.8vw, 3.6vh);
	margin-left: min(0.9vw, 1.8vh);
}

.HUD:hover {
	opacity: 1;
	filter: contrast(1.075) brightness(1.075);
}

.HUD.current {
	opacity: 1;
	filter: contrast(1.15) brightness(1.15);
}

.plus:not(.skill_inactive *):hover {
	opacity: 1;
}

.plus:not(.skill_inactive *):active {
	opacity: 1;
	filter: contrast(1.2) brightness(1.2);
}

.appearance {
	line-height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.beauty_input::placeholder {
	color: rgba(0, 0, 0, 0.5);
}

.Blue, .clan_0 {
	color: #3A6DC5;
}

.Green, .clan_1 {
	color: #469700;
}

.Red, .clan_2 {
	color: #C02A2A;
}

.Yellow, .clan_3 {
	color: #E4C900;
}

.Purple, .clan_4 {
	color: #9427CE;
}

.Brown, .clan_5 {
	color: #915D28;
}

.Orange, .clan_6 {
	color: #FF9500;
}

.Gray {
	color: #888;
}

.map_chat_gray {
	color: #000;
	text-shadow: rgb(96, 96, 96) 0px 0px 7px, rgb(96, 96, 96) 0px 0px 7px;
}

.title {
	font-size: min(2.5vw, 5vh);
	color: #fff;
	font-family: main;
	margin: 0 auto;
	transform: translateY(max(-1.3vw, -2.6vh));
	text-align: center;
	line-height: min(4vw, 8vh);
	font-weight: normal;
	height: min(3vw, 6vh);
}

#title {
	transition: filter 0.36s;
}

#title:hover {
	filter: brightness(1.3);
}

.row_highlight {
	position: absolute;
	background: left / min(10vw, 20vh) repeat url(images/blinking_stars.gif), min(4vw, 8vh) min(3vw, 6vh) / min(10vw, 20vh) repeat url(images/blinking_stars.gif);
	width: 100%;
	height: 100%;
	z-index: 10;
	pointer-events: none;
	filter: drop-shadow(0px 0px 2px #fff);
	opacity: 0.7;
	top: 0;
}

.white_button {
	background-size: 100%;
	margin: auto;
	width: min(16vw, 32vh);
	height: min(5vw, 10vh);
	line-height: min(3.8vw, 7.6vh);
	text-align: center;
	background-position: center;
	font-family: main;
	font-size: min(1.6vw, 3.2vh);
	color: #ddd;
	cursor: url(images/cursor2.webp) 0 0, auto;
}

#new_buttons_container {
	width: 100%;
	height: 100%;
}

#new_buttons_container .white_button {
	color: #000;
}

.beauty_input {
	width: min(28vw, 56vh);
	height: min(1.8vw, 3.6vh);
	color: #111;
	font-family: chat;
	font-size: min(1.3vw, 2.6vh);
	outline: none;
	background-color: rgba(0, 0, 0, 0.196);
	border: min(0.1vw, 0.2vh) solid;
	border-color: rgba(127, 127, 127, 0.8) rgba(72, 72, 72, 0.8) rgba(93, 93, 93, 0.8) rgba(137, 137, 137, 0.8);
	border-radius: min(0.8vw, 1.6vh);
	cursor: url(images/cursor2.webp) 0 0, auto;
	padding: min(0.2vw, 0.4vh) min(0.6vw, 1.2vh);
	margin-bottom: min(0.8vw, 1.6vh);
	text-align: center;
}

.settings_slider {
	appearance: none;
	background: transparent;
	border-radius: max(100vw, 100vh);
	width: min(14.9vw, 29.8vh);
	height: min(0.3vw, 0.6vh);
	outline: none;
	padding: 0;
	display: block;
	border-radius: 50%;
	border: min(0.1vw, 0.2vh) solid #555;
	background-color: rgba(0, 0, 0, 0.5);
	margin: auto;
}

.hidden {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.invisible {
	opacity: 0;
}

select.beauty_input {
	outline: none;
	font-size: min(0.9vw, 1.8vh);
	width: min(12vw, 24vh);
}

#Game, #TutorialArrowCanvas, #Distinct, #Night, #UnderObjects, #OverObjects, #Landscape {
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	transform: translate(-50%, -50%);
	z-index: 0;
}

#TutorialArrowCanvas {
	z-index: 1004;
	pointer-events: none;
}

#webgl {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: none;
	z-index: 1;
}

#Landscape, #UnderObjects, #OverObjects {
	display: none !important;
}

#background {
	bottom: clamp(-14.150943396226415vw, -37.35902255639098vh, -18.75vw);
	left: calc(50% - clamp(50.31446540880503vw, 133.33333333333331vh, 66.66666666666666vw));
	width: clamp(100.62893081761005vw, 265.6641604010025vh, 133.33333333333331vw);
	height: clamp(56.60377358490566vw, 149.43609022556393vh, 75vw);
	background: linear-gradient(0, transparent 90%, #41516d), url(images/new_background.webp);
	background-size: 100%;
	background-position: bottom;
	z-index: -1;
	bottom: 0;
	left: 50%;
	opacity: 1;
	position: absolute;
	transform: translateX(-50%);
}

#temple_stars {
	display: none;
}

#Factory {
	position: absolute;
	display: none;
	top: 200%;
	left: 50%;
}

#change_orientation, #phone_interface {
	display: none;
}

#fps {
	display: none;
	position: absolute;
	right: min(1vw, 2vh);
	bottom: min(0.5vw, 1vh);
	width: auto;
	height: auto;
	border-radius: min(0.4vw, 0.8vh);
	color: #aaa;
	font-size: min(0.9vw, 1.8vh);
	z-index: 12;
}

#achievements_container {
	height: calc(100% + min(1vw, 2vh));
	width: auto;
	overflow: auto;
	transform: translateY(max(-2.2vw, -4.4vh));
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: min(1vw, 2vh) min(0.6vw, 1.2vh);
	scroll-behavior: smooth;
}

#achievements_container .title {
	width: 100%;
	height: auto;
	transform: none;
	font-family: chat;
	font-size: min(1.6vw, 3.2vh);
	margin-top: min(0.4vw, 0.8vh);
}

.achievement_container {
	display: block;
	width: min(13vw, 26vh);
	height: min(17.3vw, 34.6vh);
	background-image: url(images/project_images/achievement_plate.webp);
	background-size: auto 100%;
	opacity: 0.84;
	filter: drop-shadow(0 0 min(0.4vw, 0.8vh) black);
	margin: min(0.36vw, 0.72vh) min(0.18vw, 0.36vh);
	transition: filter 0.48s;
}

.achievement_bar {
	background-image: url(images/project_images/achievement_plate_full.webp);
	position: absolute;
	z-index: -1;
	height: 100%;
	background-size: auto 100%;
}

.achievement_title {
	color: #1E160D;
	font-size: min(1.6vw, 3.2vh);
	text-align: center;
	font-family: main;
	padding-top: min(2.4vw, 4.8vh);
	letter-spacing: -0.6px;
	white-space: nowrap;
}

.achievement_level {
	width: 100%;
	text-align: center;
	font-size: min(1vw, 2vh);
	font-style: italic;
	color: #210;
	line-height: min(1.15vw, 2.3vh);
}

.achievement_image {
	display: block;
	position: relative;
	width: min(6vw, 12vh);
	height: min(6vw, 12vh);
	background-size: 100%;
	border-radius: 50%;
	-webkit-mask-image: radial-gradient(black 50%, transparent 72%);
	margin: min(0.3vw, 0.6vh) auto;
}

.achievement_description {
	color: #1E160D;
	font-size: min(0.85vw, 1.7vh);
	text-align: center;
	line-height: min(1.4vw, 2.8vh);
	width: 69%;
	margin: min(0.5vw, 1vh) auto 0 auto;
	height: min(3vw, 6vh);
	font-weight: bold;
	letter-spacing: -0.5px;
}

.achievement_reward {
	display: inline-block;
	position: relative;
	z-index: 10;
	color: #ddb;
	font-size: min(1.3vw, 2.6vh);
	line-height: min(1.65vw, 3.3vh);
	text-align: center;
	position: absolute;
	bottom: min(0.5vw, 1vh);
	right: min(0.5vw, 1vh);
	font-family: main;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
}

.achievement_reward * {
	filter: grayscale(0.8);
}

.achievement_reward .coin_icon {
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	filter: drop-shadow(0 0 min(0.2vw, 0.4vh) black) drop-shadow(0 0 min(0.2vw, 0.4vh) black) grayscale(0.8);
	transform: translateY(min(0.15vw, 0.3vh));
}

.highlighted_achievement .achievement_reward * {
	opacity: 1;
	filter: drop-shadow(0 0 min(0.2vw, 0.4vh) black) drop-shadow(0 0 min(0.2vw, 0.4vh) black);
}

.highlighted_achievement .achievement_image {
	filter: none;
}

.highlighted_achievement {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1, 1);
	transition: filter 0.25s, transform 0.25s;
	opacity: 1 !important;
	cursor: url(images/cursor2.webp) 0 0, auto;
}

.highlighted_achievement:hover {
	filter: drop-shadow(0 0 min(0.5vw, 1vh) #bb3);
	transform: scale(1.05);
}

.highlighted {
	opacity: 1;
}

.map_achievement {
	width: min(35vw, 70vh);
	height: min(21vw, 42vh);
	position: absolute;
	top: 32%;
	left: 50%;
	background-size: 100%;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 1s, opacity 1s, filter 1.5s;
	text-align: center;
	font-family: main;
	font-size: min(3vw, 6vh);
	pointer-events: none;
}

.new_achievement_unlocked {
	transform: translateY(max(0vw, 0vh));
	font-size: min(1.8vw, 3.6vh);
	font-family: main;
	color: #dde;
	text-shadow: 0 0 min(0.5vw, 1vh) black;
}

.map_achievement .achievement_container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	border: none;
	filter: none;
}

.map_achievement .achievement_title {
	font-size: min(1.3vw, 2.6vh);
	text-align: center;
	font-family: main;
}

.map_achievement .achievement_reward .coin_icon {
	vertical-align: sub;
}

#final_achievements_container {
	width: calc(100% - min(2vw, 4vh));
	position: absolute;
	display: flex;
	overflow-x: auto;
	margin: 0 min(1vw, 2vh);
	pointer-events: none;
	-webkit-mask-image: linear-gradient(90deg, transparent, black 5%, black 95%, transparent);
}

#final_achievements_holder {
	display: none;
}

#final_achievements_holder.register {
	display: block;
	height: min(16.5vw, 33vh);
}

#final_achievements_row {
	display: flex;
	margin: auto;
	margin-top: min(0.8vw, 1.6vh);
}

#final_achievements_container .map_achievement {
	position: relative;
	transform: none;
	width: min(14vw, 28vh);
	left: 0;
	top: 0;
	height: min(18vw, 36vh);
}

.temple_sleep_button {
	background-image: url(images/play/island.webp);
	margin: 0 !important;
	position: absolute !important;
	top: 0;
	left: 50%;
	transform: translate(-50%, -110%);
	z-index: 72;
}

.slot[datatitle]:after {
	background-color: rgba(16, 16, 16, 0.7);
}

.slot {
	width: min(3.335vw, 5.929vh);
	height: min(3.335vw, 5.929vh);
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0.3);
	border: min(0.1vw, 0.2vh) solid #222;
	display: inline-block;
	position: relative;
	margin: min(0.3vw, 0.6vh);
	margin-bottom: min(1.6vw, 3.2vh);
	border-radius: 16%;
}

.slot_lock {
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background-image: url(images/locked_slot_new.webp);
	background-size: 100%;
	transform: translate(-50%, -50%);
	padding: min(0.7vw, 1.4vh);
}

.product_slot {
	margin-left: min(2vw, 4vh);
	width: min(4.3355vw, 7.7077vh);
	height: min(4.3355vw, 7.7077vh);
}

#inventory.farm #building_inventory .slot:not(.product_slot) {
	margin: min(1vw, 2vh) min(0.3vw, 0.6vh);
}

#building_inventory .slot {
	margin-bottom: min(0.3vw, 0.6vh);
	border: min(0.15vw, 0.3vh) solid rgba(128, 128, 128, 0.64);
}

.nmb {
	position: absolute;
	font-size: min(0.75vw, 1.3vh);
	text-align: right;
	color: #ccc;
	pointer-events: none;
	user-select: none;
	bottom: min(0.2vw, 0.4vh);
	right: min(0.2vw, 0.4vh);
}

.product_slot .nmb {
	bottom: min(0.4vw, 0.8vh);
	right: min(0.4vw, 0.8vh);
}

.dragon .nmb {
	color: #888;
	font-size: min(1vw, 2vh);
	padding: min(0.15vw, 0.3vh);
}

.collectable {
	position: absolute;
	background-size: 100%;
	left: 50%;
	width: min(5vw, 10vh);
	height: min(5vw, 10vh);
	transform: translate(-50%, -50%) scale(0.5);
	transition: all 0.5s cubic-bezier(0.33, -0.01, 0.12, 1.36);
	opacity: 0;
	z-index: 4;
	pointer-events: none;
}

.craftable {
	transform: translate(-50%, -50%) scale(0.5);
	transition: all 2s, transform 1.5s cubic-bezier(0.33, -0.01, 0.12, 1.36), top 2s cubic-bezier(0.33, -0.01, 0.12, 1.36), left 2s cubic-bezier(0.33, -0.01, 0.12, 1.36), background-position-x 0s, opacity 0.2s, filter 1s ease-out;
	background-size: 3200%;
}

.icon {
	background-size: 100%;
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	border-radius: min(0.6vw, 1.2vh);
	margin-right: min(0.6vw, 1.2vh);
	display: none;
}

.inventory_placeholder {
	display: block;
	opacity: 0.12;
	width: calc(100% - min(1vw, 2vh));
	height: calc(100% - min(1vw, 2vh));
	padding: min(0.5vw, 1vh);
	user-drag: none;
	-webkit-user-drag: none;
	pointer-events: none;
}

.reserved_slot {
	border: min(0.15vw, 0.3vh) solid rgba(128, 128, 128, 0.5);
	width: min(3.6685vw, 6.5219vh);
	height: min(3.6685vw, 6.5219vh);
	margin: min(0.14vw, 0.28vh);
	margin-bottom: min(1.4vw, 2.8vh);
}

#trash:hover {
	opacity: 1;
}

.tutorial #trash {
	opacity: 0;
}

#trash {
	display: none;
	position: fixed;
	width: min(8vw, 8vh);
	height: min(8vw, 8vh);
	background-image: url(images/menu/bin.webp);
	background-size: 100%;
	transform: translateX(50%);
	right: calc(25% - min(16.00634196vw, 29.118711384vh));
	bottom: min(1.7vw, 3.4vh);
	border-radius: 50%;
	z-index: 3;
	opacity: 0.5;
}

#inventory {
	position: fixed;
	width: max-content;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	display: none;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: min(0.6vw, 1.2vh) min(0.6vw, 1.2vh) 0 0;
	padding-bottom: min(0.3vw, 0.6vh);
	box-shadow: 0px 0px min(0.5vw, 1vh) min(0.45vw, 0.9vh) rgba(0, 0, 0, 0.2);
	transition: opacity 0.36s;
	z-index: 3;
}

#building_inventory {
	display: none;
	align-items: center;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	padding: min(0.3vw, 0.6vh);
	padding-bottom: min(1vw, 2vh);
	text-align: center;
	border-radius: min(0.6vw, 1.2vh) min(0.6vw, 1.2vh) 0 0;
	background-color: rgba(0, 0, 0, 0.2);
	transition: bottom 0.4s;
}

#building_inventory img {
	width: 80%;
	height: 80%;
	margin: 10%;
}

.bar {
	width: 4.5vw;
	height: 0.6vw;
	transition: bottom 0.4s;
	background: linear-gradient(rgba(32, 32, 32, 0.5), rgba(24, 24, 24, 7));
	text-align: center;
	z-index: 3;
	border: min(0.1vw, 0.2vh) solid rgba(96, 72, 96, 0.4);
	border-radius: 0.5vw;
	overflow: hidden;
}

.glory_container hr {
	margin: 0;
	padding: min(0.3vw, 0.6vh) 0;
	width: 100%;
	display: block;
	position: relative;
	border: none;
	background-image: url(images/project_images/list_horizontal.webp);
	background-size: 100%;
	background-repeat: no-repeat;
}

.t_arrow {
	background-image: url(images/project_images/arrow.webp);
	background-size: 100%;
	width: min(3.2vw, 6.4vh);
	height: min(1.6vw, 3.2vh);
	position: absolute;
	left: 306%;
	filter: drop-shadow(0 0 min(0.25vw, 0.5vh) #000);
	transition: opacity 0.36s;
}

#t_arrow_top, #t_arrow_top_left {
	top: min(14.6vw, 29.2vh);
	transform: rotate(90deg);
}

#t_arrow_bottom, #t_arrow_bottom_left {
	top: min(35.8vw, 71.6vh);
	transform: rotate(-90deg);
}

.t_arrow.inbox_left {
	left: -101.7%;
}

.first_text_plate .first_text .stars {
	width: calc(100% + min(1vw, 2vh));
	height: calc(100% - min(4.2vw, 8.4vh));
	transform: translate(max(-0.5vw, -1vh), calc(-100% - min(0.05vw, 0.1vh)));
	background: left / min(10vw, 20vh) repeat url(images/blinking_stars.gif), min(4vw, 8vh) min(3vw, 6vh) / min(10vw, 20vh) repeat url(images/blinking_stars.gif);
	transition: opacity 0.5s;
	opacity: 0;
}

.first_text_plate:hover .first_text .stars {
	opacity: 0.25;
}

.global_leaderboard_row:hover {
	background: left / min(10vw, 20vh) repeat url(images/blinking_stars.gif), min(4vw, 8vh) min(3vw, 6vh) / min(10vw, 20vh) repeat url(images/blinking_stars.gif);
}

.global_leaderboard_row.global_leaderboard_even:hover {
	background: left / min(10vw, 20vh) repeat url(images/blinking_stars.gif), min(4vw, 8vh) min(3vw, 6vh) / min(10vw, 20vh) repeat url(images/blinking_stars.gif);
	background-color: rgba(0, 0, 0, 0.14);
}

.global_leaderboard_even {
	background-color: rgba(0, 0, 0, 0.14);
}

#world_cup_rows .global_leaderboard_row, #tournament_rows .global_leaderboard_row {
	padding: 0px;
	border: min(1.25vw, 2.5vh) solid rgba(0, 0, 0, 0);
	border-right-width: min(1.2vw, 2.4vh);
	background-position: min(11vw, 22vh) 50%;
}

.global_leaderboard_row {
	display: flex;
	font-family: chat;
	width: calc(100% - min(2vw, 4vh));
	justify-content: space-between;
	padding: min(1.25vw, 2.5vh) min(2vw, 4vh);
	line-height: min(1.5vw, 3vh);
	background-repeat: no-repeat;
	background-size: min(2.75vw, 5.5vh) min(1.6vw, 3.2vh);
	background-position: min(12.5vw, 25vh) 50%;
	position: relative;
}

.glv {
	text-align: left;
	width: min(5vw, 10vh);
	font-size: min(1vw, 2vh);
	white-space: nowrap;
	height: min(1.2vw, 2.4vh);
	line-height: min(1.2vw, 2.4vh);
	font-weight: bold;
	color: #321;
}

.glv .star_icon {
	transform: scale(1.2) translate(min(0.2vw, 0.4vh), max(-0.05vw, -0.1vh));
}

.glv .rank_icon {
	transform: scale(2.8) translate(min(0.2vw, 0.4vh));
}

.glv .coin_icon {
	transform: scale(0.8);
	vertical-align: middle;
	margin-left: min(0.4vw, 0.8vh);
	transform: translateY(-9%) scale(1.3);
}

.glv .diamond_icon {
	vertical-align: middle;
	margin-left: min(0.4vw, 0.8vh);
	transform: translateY(-16%) scale(1.3);
	background-image: url(images/crystal.webp);
	width: min(1.35vw, 2.7vh);
	height: min(1.35vw, 2.7vh);
	background-size: 100%;
	display: inline-block;
}

.highlighted_row {
	background-color: rgba(255, 128, 0, 0.25);
	pointer-events: none;
}

.glv.flag_icon {
	background-image: url(images/flags/flags.webp);
	height: min(1.6vw, 3.2vh);
	transform: translateX(max(-0.5vw, -1vh));
	margin: max(-0.2vw, -0.4vh) 0;
	background-size: 1600% 1700%;
}

#list_search {
	position: absolute;
	top: min(45vw, 90vh);
	left: min(44vw, 88vh);
	background: 6% 60% / 10% no-repeat url(images/search_timer/search_icon.webp), center / 100% no-repeat url(images/search_timer/search_bar.webp);
	border: none;
	outline: none;
	padding: min(1vw, 2vh);
	padding-left: min(1.5vw, 3vh);
	width: min(15vw, 30vh);
	height: min(1.5vw, 3vh);
	text-align: center;
	font-weight: bold;
	color: #442200;
	font-size: min(1vw, 2vh);
}

#list_search.achievements {
	left: 50%;
	transform: translateX(-50%);
}

#list_search::placeholder {
	color: rgba(32, 16, 0, 0.5);
}

#list_of_ranks_rows, #world_cup_rows {
	overflow: hidden auto;
	height: 100%;
	width: min(30vw, 60vh);
	margin-left: min(1vw, 2vh);
	padding-right: min(1vw, 2vh);
	scroll-behavior: smooth;
	padding-bottom: min(1vw, 2vh);
}

#list_of_ranks_rows:after, #world_cup_rows:after {
	height: min(1vw, 2vh);
	width: 100%;
	background: rgba(0, 0, 0, 0.14);
}

.menu {
	width: min(4vw, 8vh);
	height: min(4vw, 8vh);
	margin: min(0.2vw, 0.4vh) auto;
	pointer-events: auto;
	background-size: auto 100%;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	opacity: 0.85;
	transition: opacity 0.48s ease-out, margin 0.48s ease-out, box-shadow 0.48s ease-out;
}

.menu:not(.menu_craft) {
	border-radius: 50%;
}

.menu_craft span {
	line-height: 0px;
	font-size: min(0.7vw, 1.4vh);
	color: #eef;
	transform: translateY(max(-1.3vw, -2.6vh));
	display: block;
	text-align: center;
}

.seed_growth_time {
	color: #bbc;
	text-align: center;
	font-size: min(0.8vw, 1.6vh);
	padding-bottom: min(0.9vw, 1.8vh);
}

.menu.activated {
	box-shadow: 0px 0px min(2vw, 4vh) rgba(255, 255, 255, 0.48) inset;
}

.menu:hover {
	opacity: 1;
}

.menu_item_container .menu {
	width: min(2.5vw, 5vh);
	height: min(2.5vw, 5vh);
	margin: min(1.25vw, 2.5vh) min(0.75vw, 1.5vh);
	position: relative;
}

.menu_item_container {
	position: relative;
	border-radius: min(1vw, 2vh);
	background-color: rgba(0, 0, 0, 0.75);
	opacity: 0.85;
	transition: opacity 0.48s ease-out, background-color 0.2s;
	margin: min(0.5vw, 1vh) 0;
	padding: min(0.5vw, 1vh) 0;
	cursor: url(images/cursor2.webp) 0 0, auto;
	pointer-events: all;
}

.menu_item_container:hover {
	background-color: rgba(8, 8, 8, 0.5);
}

.menu_name {
	color: #fff;
	font-size: min(0.8vw, 1.6vh);
	text-align: center;
	padding-bottom: min(0.2vw, 0.4vh);
	letter-spacing: -0.5px;
}

.menu_item .menu_name {
	padding-top: min(0.8vw, 1.6vh);
	padding-bottom: 0;
}

.menu_cost {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-evenly;
	line-height: min(1.4vw, 2.8vh);
	padding-bottom: 0;
	font-size: min(0.8vw, 1.6vh);
}

.menu_description_icon {
	width: min(1.4vw, 2.8vh);
	height: min(1.4vw, 2.8vh);
	display: inline-block;
	background-size: 100%;
	margin: 0 min(0.2vw, 0.4vh);
	vertical-align: middle;
}

#craft_navigation [datatitle]:after {
	left: 110%;
	top: 50%;
	transform: translateY(-50%);
	height: fit-content;
}

.farm_inv_slot[datatitle]:after {
	bottom: unset;
	top: 100%;
}

.menu_cost [datatitle]:after {
	bottom: 100%;
	background-color: rgba(16, 16, 16, 0.9);
	font-weight: normal;
	color: #dde;
	opacity: 1;
}

.craft_list {
	display: none;
	flex-direction: row;
}

.ingredients {
	text-align: right;
}

.metal_arrows_rank_icon {
	background-image: url(images/ranks/4_y.webp);
	width: min(1.8vw, 3.6vh);
	height: min(1vw, 2vh);
	margin: max(-0.7vw, -1.4vh) auto min(0.2vw, 0.4vh) min(0.7vw, 1.4vh);
	background-size: 140%;
	background-position: center;
}

#craft_bar {
	transition: all 0.1s;
	margin: auto;
	pointer-events: none;
}

#craft_container {
	position: fixed;
	left: min(0.3vw, 0.6vh);
	top: min(0.3vw, 0.6vh);
	height: calc(100% - min(0.6vw, 1.2vh));
	width: min(7.5vw, 15vh);
	display: none;
	border-radius: min(0.8vw, 1.6vh);
	transition: left 0.4s;
	pointer-events: none;
}

#craft_bar_container {
	width: 100%;
	height: calc(100% - min(8.4vw, 16.8vh));
	overflow-y: auto;
	overflow-x: visible;
	display: none;
	scrollbar-width: none;
	-ms-overflow-style: none;
	pointer-events: all;
	padding-right: min(36vw, 64vh);
	pointer-events: none;
	outline: none;
}

#return, #build_defence, #build_seeds, #build_tree, #build_farm, #build_production, #craft_tools, #craft_tools, #craft_weapons, #craft_archery, #farm_shop_button, #craft_armor, #demolition, #harvest_all, #watering {
	margin-top: min(1.2vw, 2.4vh);
	margin-bottom: min(1.2vw, 2.4vh);
}

#return {
	background-image: url(images/menu/return.webp);
	display: none;
	border-radius: 0;
}

#build_farm {
	background-image: url(images/menu/build_farm.webp);
}

#build_seeds {
	background-image: url(images/menu/seeds.webp);
}

#build_tree {
	background-image: url(images/menu/farm_seeds.webp);
}

#farm_shop_button {
	display: none;
	background-image: url(images/menu/shop.webp);
}

#build_defence {
	background-image: url(images/menu/build_defence.webp);
}

#build_production {
	background-image: url(images/menu/build_production.webp);
}

#craft_tools {
	background-image: url(images/menu/craft_tools.webp);
}

#craft_weapons {
	background-image: url(images/menu/craft_weapons.webp);
}

#craft_archery {
	background-image: url(images/menu/craft_archery.webp);
}

#craft_armor {
	background-image: url(images/menu/craft_armor.webp);
}

#demolition {
	background-image: url(images/menu/build_defence.webp);
}

#harvest_all {
	background-image: url(images/menu/basket.webp);
	opacity: 0;
	pointer-events: none;
}

#watering {
	background-image: url(images/menu/water.webp);
	transition: opacity 0.48s ease-out, background-color 0.2s, height 0.2s, margin 0.2s;
	background-position: center;
	background-repeat: no-repeat;
}

.menu_item {
	border-radius: min(1vw, 2vh);
	background-color: rgba(0, 0, 0, 0.75);
	opacity: 0.85;
	transition: opacity 0.48s ease-out, background-color 0.2s;
	margin: min(0.5vw, 1vh) 0;
	cursor: url(images/cursor2.webp) 0 0, auto;
	pointer-events: all;
}

.menu_nmb {
	text-align: center;
	color: #ccc;
	font-size: min(0.7vw, 1.4vh);
	margin-top: min(0.3vw, 0.6vh);
}

.craft_icon {
	display: block;
	width: min(3vw, 6vh);
	height: min(3vw, 6vh);
	background-size: 100%;
	margin: min(0.55vw, 1.05vh) auto min(0.6vw, 1.2vh) auto;
	color: #ccc;
	font-size: min(0.7vw, 1.4vh);
	text-align: right;
	line-height: min(5.6vw, 11.2vh);
	transform: translateX(max(-0.1vw, -0.2vh));
	letter-spacing: -0.72px;
}

#map_tutorial {
	display: none;
	position: absolute;
	width: calc(100% - min(5vw, 10vh));
	top: min(6.5vw, 13vh);
	left: min(2.4vw, 4.8vh);
	transition: left 0.512s;
}

#map_tutorial_companion {
	width: min(4vw, 8vh);
	height: min(4vw, 8vh);
	background-size: 100%;
	border-radius: 4px;
	box-shadow: 4px 4px 4px rgba(255, 255, 255, 0.08), -4px 4px 4px rgba(255, 255, 255, 0.08), 4px -4px 4px rgba(255, 255, 255, 0.08), -4px -4px 4px rgba(255, 255, 255, 0.08);
}

#map_tutorial_text {
	color: #b2b2c0;
	line-height: min(1.5vw, 3vh);
	margin: auto;
	font-size: min(0.95vw, 1.9vh);
	max-width: min(12vw, 24vh);
}

#map_tutorial_image {
	width: min(4vw, 8vh);
	height: min(4vw, 8vh);
	margin: auto 0;
	background-size: 100%;
}

#map_tutorial .background {
	box-shadow: -100vw 0px min(2vw, 4vh) min(2vw, 4vh) rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	transform: translate(100vw);
}

.wc_above .star_icon {
	width: min(1.6vw, 3.2vh);
	height: min(1.6vw, 3.2vh);
}

#world_cup_rows .player_icon {
	transform: translateY(max(-0.1vw, -0.2vh));
	vertical-align: bottom;
}

#world_cup_rows .global_leaderboard_row, #tournament_rows .global_leaderboard_row {
	width: calc(100% - min(2.5vw, 5vh));
	border-left-width: min(0.8vw, 1.6vh);
}

#world_cup_rows.thin {
	width: 33%;
}

#world_cup_rows.tall {
	padding-bottom: 0;
}

.wc_flag_container {
	width: min(17.36vw, 34.72vh);
	height: min(14.2vw, 28.4vh);
	display: inline-block;
	position: relative;
	transition: filter 0.36s;
}

.wc_flag_container.large {
	width: 100% !important;
	height: 100% !important;
	display: flex;
	justify-content: center;
}

.country_ranks {
	color: #321;
	text-shadow: none;
	font-weight: bold;
	font-size: min(1.2vw, 2.4vh);
	width: min(9vw, 18vh);
	margin: auto;
	margin-top: min(0.5vw, 1vh);
	line-height: min(2.6vw, 5.2vh);
}

.country_ranks div div {
	float: right;
}

.wc_flag_container:not(.large):hover .wc_flag {
	opacity: 1;
}

.wc_flag {
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-position: center;
	-webkit-mask-image: linear-gradient(black, transparent);
	z-index: -1;
	top: 0;
	filter: none;
	transition: opacity 0.36s;
	opacity: 0.4;
}

.wc_flag_container.large .wc_flag {
	display: block;
	-webkit-mask-image: none;
	height: min(5vw, 10vh);
	width: min(8vw, 16vh);
	position: relative;
	margin: auto;
	z-index: 1;
	opacity: 0.8;
}

.wc_light_container {
	height: auto;
	margin: auto;
	position: relative;
}

.wc_light {
	width: 100%;
	height: 100%;
	position: absolute;
	top: min(-100vw, -100vh);
	z-index: -1;
	box-shadow: 0 max(100vw, 100vh) min(1vw, 2vh) min(1vw, 2vh) rgba(255, 213, 152, 0.26);
}

.wc_light_container.left {
	margin-top: min(6vw, 12vh);
}

.wc_light_container.center {
	width: fit-content;
	margin: min(3vw, 6vh) auto auto auto;
	padding: min(0.5vw, 1vh);
}

.wc_light_container.right {
	margin-top: min(6vw, 12vh);
	width: min(10vw, 20vh);
}

.wc_crown span {
	display: block;
	opacity: 0.7;
	transform: translateY(min(0.1vw, 0.2vh));
	font-family: main;
}

.wc_flag_container.large .wc_crown.cup_1 span {
	font-size: min(6.5vw, 13vh);
	line-height: min(12vw, 24vh);
}

.grid_slot_1 .wc_info_container {
	top: min(0.6vw, 1.2vh);
}

.grid_slot_1 .wc_crown {
	margin-top: min(2.1vw, 4.2vh);
	font-size: min(1.3vw, 2.6vh) !important;
}

.wc_info_container {
	position: absolute;
	top: min(1.2vw, 2.4vh);
	left: 50%;
	transform: translateX(-50%);
	width: min(14vw, 28vh);
	color: #fed;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
	font-size: min(1.5vw, 3vh);
}

.wc_flag_container.large .wc_info_container {
	width: 22%;
	position: relative;
	left: 0;
	top: 0;
	display: inline-block;
	height: 100%;
	transform: none;
	float: left;
}

.wc_flag_container.large .cup_container {
	display: inline-block;
	position: relative;
	width: 47%;
}

.grid_slot_2 .cup_3 {
	margin-bottom: min(1.2vw, 1.4vh);
	width: min(5vw, 10vh);
	height: min(5vw, 10vh);
	margin-top: min(4.8vw, 9.6vh);
	line-height: min(4.7vw, 9.4vh) !important;
}

.wc_info_players {
	display: inline-block;
	float: right;
	letter-spacing: min(0.1vw, 0.2vh);
	font-family: main;
}

.wc_info_players .player_icon {
	transform: translateY(max(0.05vw, 0.1vh));
}

.wc_flag_container.large .wc_info_players .player_icon {
	width: min(2.2vw, 4.4vh);
	height: min(2.2vw, 4.4vh);
	vertical-align: middle;
	transform: scale(0.7) translateY(max(-0.05vw, -0.1vh));
	margin-left: 0;
}

.wc_info_stars {
	display: inline-block;
	float: left;
	letter-spacing: min(0.1vw, 0.2vh);
	font-family: main;
	text-align: center;
}

.wc_info_stars.small {
	font-size: min(2vw, 4vh) !important;
	margin-bottom: min(1vw, 2vh) !important;
}

.wc_info_title {
	text-shadow: none;
	font-family: main;
	font-size: min(2.4vw, 4.8vh);
	color: rgba(16, 16, 16, 0.8);
	text-align: center;
}

.wc_info_sub_title {
	text-align: center;
	width: 100%;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: none;
	font-family: main;
	font-size: min(2.2vw, 4.4vh);
}

.wc_info_sub_title.small {
	font-size: min(1.8vw, 3.6vh);
}

.wc_flag_container.large .wc_info_stars, .wc_flag_container.large .wc_info_players {
	font-size: min(2vw, 4vh);
	display: block;
	width: 100%;
	text-align: center;
	letter-spacing: 2px;
	float: none;
}

.wc_info_stars .star_icon {
	width: min(1.2vw, 2.4vh);
	height: min(1.2vw, 2.4vh);
	transform: scale(1.4);
	vertical-align: unset;
	margin-right: min(0.36vw, 0.72vh);
}

.wc_flag_container.large .wc_info_stars .star_icon {
	width: min(2.5vw, 5vh);
	height: min(2.5vw, 5vh);
	vertical-align: bottom;
	transform: translateY(min(0.05vw, 0.1vh));
	margin-right: 0;
	margin-left: min(0.1vw, 0.2vh);
}

.cup_0 {
	background-image: url(images/project_images/gold_cup.webp);
	line-height: min(3.7vw, 7.4vh);
	font-size: min(1.8vw, 3.6vh) !important;
}

.cup_0 span {
	margin-right: min(0.1vw, 0.2vh);
	font-family: main;
}

.cup_1 {
	background-image: url(images/project_images/silver_cup.webp);
	line-height: min(4.2vw, 8.4vh);
	font-size: min(1.8vw, 3.6vh) !important;
}

.cup_1 span {
	font-family: main;
}

.cup_2 {
	background-image: url(images/project_images/bronze_cup.webp);
	line-height: min(4.5vw, 9vh);
	font-size: min(1.5vw, 3vh) !important;
}

.cup_2 span {
	margin-right: min(0.1vw, 0.2vh);
	font-family: main;
}

.cup_3 {
	background-image: url(images/project_images/wood_cup.webp);
	line-height: min(5.7vw, 11.4vh);
	font-size: min(1.6vw, 3.2vh) !important;
	color: #E5B98D !important;
}

.cup_3 span {
	margin-right: min(0.1vw, 0.2vh);
	font-family: main;
}

.wc_flag_container.large .cup_3 {
	background-position: center;
	background-size: contain;
}

.cup_3 span {
	margin-left: min(0.1vw, 0.2vh);
}

.grid_slot_1 .wc_name {
	font-size: min(1.5vw, 3vh);
	margin-top: min(0.15vw, 0.3vh);
}

.grid_slot_1 span {
	line-height: min(3.6vw, 7.2vh);
}

#world_cup_place_1 {
	margin-right: min(0.3vw, 0.6vh);
	font-size: min(3vw, 6vh);
}

.wc_flag_container.large #world_cup_place_1 {
	margin-right: min(0.3vw, 0.6vh);
	font-size: min(6vw, 12vh);
	line-height: min(11vw, 22vh);
}

#world_cup_place_4 {
	line-height: min(4.5vw, 9vh);
	margin-right: min(0.1vw, 0.2vh);
}

.wc_flag_container.large #world_cup_place_4 {
	line-height: min(11vw, 22vh);
	font-size: min(5.5vw, 11vh);
}

#world_cup_place_5 {
	margin-right: 0;
	line-height: min(4.55vw, 9.1vh);
}

.wc_flag_container.large #world_cup_place_5 {
	line-height: min(11vw, 22vh);
	font-size: min(5.5vw, 11vh);
}

#world_cup_place_6 {
	line-height: min(4.95vw, 9.9vh);
}

.wc_flag_container.large #world_cup_place_6 {
	line-height: min(18vw, 36vh);
	margin-left: min(0.4vw, 0.8vh);
}

#world_cup_place_7 {
	margin-left: min(0.15vw, 0.3vh);
	line-height: min(4.9vw, 9.8vh);
}

.wc_flag_container.large #world_cup_place_7 {
	line-height: min(18vw, 36vh);
	margin-left: min(0.4vw, 0.8vh);
}

#world_cup_place_8 {
	line-height: min(3.7vw, 7.4vh);
}

.wc_flag_container.large #world_cup_place_8 {
	line-height: min(18vw, 36vh);
	margin-left: min(0.4vw, 0.8vh);
}

#world_cup_place_9 {
	line-height: min(3.7vw, 7.4vh);
}

.wc_flag_container.large #world_cup_place_6, .wc_flag_container.large #world_cup_place_7, .wc_flag_container.large #world_cup_place_8, .wc_flag_container.large #world_cup_place_9 {
	line-height: min(13vw, 26vh);
	margin-left: 0;
	font-size: min(5.5vw, 11vh);
}

#world_cup_place_10 {
	margin-right: min(0.1vw, 0.2vh);
	line-height: min(3.75vw, 7.5vh);
	font-size: min(1.2vw, 2.4vh);
}

.wc_flag_container.large span, .wc_flag_container.large #world_cup_place_10 {
	line-height: min(13vw, 26vh);
	font-size: min(5vw, 10vh);
}

#world_cup_flag_container_10 .wc_name:not(.wc_flag_container.large *) {
	font-size: min(1.3vw, 2.6vh);
}

.wc_crown {
	color: #fff;
	font-size: min(2.5vw, 5vh);
	text-align: center;
	text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
	line-height: min(5.25vw, 10.5vh);
	background-size: 100%;
	background-repeat: no-repeat;
}

.wc_name {
	text-align: center;
	font-size: min(2vw, 4vh);
	text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff;
	font-family: main;
}

#place_-1 .wc_name {
	white-space: nowrap;
	text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
	color: #fed;
	min-width: min(12vw, 24vh);
}

.wc_leader {
	width: min(6vw, 12vh);
	white-space: nowrap;
	margin: min(1.5vw, 3vh) auto;
	font-size: min(1.2vw, 2.4vh);
	color: #321;
	text-shadow: none;
	font-weight: bold;
}

.wc_leader .rank_icon {
	transform: translate(-100%) scale(3);
}

.wc_flag_container.large .wc_name {
	font-size: min(3vw, 6vh);
	line-height: min(2vw, 4vh);
	height: min(2.2vw, 4.4vh);
	margin: 0 0 min(1vw, 2vh) 0;
}

.wc_continent {
	margin-top: min(1vw, 2vh);
	text-align: center;
	color: #000;
	font-size: min(1.8vw, 3.6vh);
	color: rgba(16, 16, 16, 0.8);
	line-height: min(0.9vw, 1.8vh);
	font-family: main;
}

.wc_place {
	text-align: center;
	font-family: main;
	font-size: min(2.5vw, 5vh);
	width: min(18vw, 36vh);
	color: rgba(16, 16, 16, 0.8);
}

.wc_place span {
	line-height: min(2vw, 4vh) !important;
	font-size: inherit !important;
	font-family: main;
	color: rgba(255, 255, 255, 0.9);
	text-shadow: -1px -1px #000, -1px 1px #000, 1px 1px #000, 1px -1px #000;
}

.wc_above {
	margin-top: min(1vw, 2vh);
	text-align: center;
	font-size: min(1.2vw, 2.4vh);
}

.wc_flag_container.grid_slot_0 {
	height: min(17.5vw, 35vh);
}

.wc_flag_container.grid_slot_1 {
	height: min(8.4vw, 16.8vh);
}

.wc_flag_container.large .wc_crown {
	width: min(7vw, 14vh);
	height: min(7vw, 14vh);
	margin: 0 auto min(1vw, 2vh) auto;
}

#world_cup_back, #tournaments_back {
	width: min(12vw, 24vh);
	height: min(4vw, 8vh);
	line-height: min(4vw, 8vh);
	font-size: min(1.4vw, 2.8vh);
	display: inline-block;
	margin: 0 min(0.3vw, 0.6vh);
	margin-top: min(4.2vw, 8.4vh);
}

#world_cup_rows .flag_icon {
	opacity: 0.8;
	margin: 0 min(0.4vw, 0.8vh);
	transform: translate(max(-0.2vw, -0.4vh), max(-0.2vw, -0.4vh));
}

#world_cup {
	width: calc(100% - min(31.25vw, 62.5vh));
	height: calc(100% + min(2vw, 4vh));
	transition: opacity 0.36s;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

#world_cup .player_icon {
	width: min(1vw, 2vh);
	height: min(1vw, 2vh);
	transform: scale(1.4) translateY(max(-0.05vw, -0.1vh));
	margin-left: min(0.5vw, 1vh);
}

#country_profile {
	width: 66%;
}

#list_search.cp {
	left: min(43.5vw, 87vh);
}

.t_arrow.cp {
	left: 296.75%;
}

#power_info {
	display: none;
	position: absolute;
	top: min(1.4vw, 2.8vh);
	left: 50%;
	transform: translate(-50%);
	font-size: min(2.6vw, 5.2vh);
	color: #dde;
	pointer-events: none;
}

#power_info .power_block {
	position: relative;
	display: inline-block;
	text-align: center;
	line-height: min(2.7vw, 5.4vh);
	width: min(7vw, 14vh);
	height: min(8.5vw, 17vh);
}

#power_info .power_block.left {
	margin-right: min(6vw, 12vh);
}

#power_info .background {
	position: absolute;
	width: 100%;
	height: 100%;
	transform: translateY(-100vw);
	box-shadow: 0px 100vw min(2vw, 4vh) min(2vw, 4vh) rgba(0, 0, 0, 0.4);
	z-index: -1;
}

.power_clan_name {
	font-size: min(1.2vw, 2.4vh);
	line-height: min(1.5vw, 3vh);
	margin-bottom: min(0.36vw, 0.72vh);
	width: 200%;
	transform: translateX(-25%);
}

.clan_power_number {
	-webkit-mask-image: linear-gradient(0deg, transparent, black 20%, black 80%, transparent);
	padding: min(0.5vw, 1vh) 0;
	margin: max(-0.5vw, -1vh) 0;
}

.power_roll_number {
	display: block;
	position: absolute;
	transition: transform 0.84s;
}

.power_roll_number_container {
	height: min(2vw, 4vh);
	width: min(1.4vw, 2.8vh);
	display: inline-block;
	transition: width 0.12s;
}

.clans_fighting .power_roll_number_container {
	height: min(1.3vw, 2.6vh);
	width: min(0.7vw, 1.4vh);
	display: inline-block;
	transition: width 0.12s;
}

.power_roll_number_container.empty {
	width: 0;
}

.power_weapon_list .item_icon {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: min(1.6vw, 3.2vh);
	margin: min(0.2vw, 0.4vh) min(0.5vw, 1vh);
	height: min(2vw, 4vh);
	display: inline-block;
	text-align: right;
	line-height: min(3.6vw, 7.2vh);
	font-size: min(0.8vw, 1.6vh);
	font-weight: bold;
	letter-spacing: -1px;
}

.power_weapon_list .item_icon span {
	transform: translateX(min(0.1vw, 0.2vh));
	display: block;
}

.power_weapon_list .item_icon_400 {
	margin-right: min(0.1vw, 0.2vh);
}

.power_weapon_list .item_icon_201 {
	background-size: 84%;
}

.power_weapon_list {
	width: min(11vw, 22vh);
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: min(0.36vw, 0.72vh);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
	height: min(2.7vw, 5.4vh);
	pointer-events: all;
}

.help_plate {
	flex-direction: column;
	height: 100%;
}

#chat_button {
	display: none;
}

#plate_skills, #plate_settings, #map_desk, #chat, #leaderboard, #plate_guide {
	display: none;
	-webkit-user-drag: none;
	position: relative;
	height: min(21vw, 42vh);
	width: min(21vw, 42vh);
	margin: 0 auto 0 auto;
	color: #eee;
	text-align: center;
	pointer-events: all;
}

#map_desk {
	pointer-events: none;
}

#settings_button {
	background-image: url(images/menu/account.webp);
}

#skills_button {
	background-image: url(images/menu/skills.webp);
}

#map_button {
	background-image: url(images/menu/map.webp);
}

#chat_button {
	background-image: url(images/menu/chat.webp);
}

#leaderboard_button {
	background-image: url(images/menu/list.webp);
}

#guide_button {
	background-image: url(images/menu/question.webp);
}

.t_arrow.guide {
	left: 202.5%;
}

#plate_guide_paragraph .leaderboard_icon, #plate_guide_paragraph .guide_star_icon, #plate_guide_paragraph .skills_icon, #plate_guide_paragraph .chat_icon, #plate_guide_paragraph .map_icon {
	width: min(1.5vw, 3vh);
	height: min(1.5vw, 3vh);
	vertical-align: middle;
}

#plate_guide_paragraph .guide_star_icon {
	line-height: min(1.5vw, 3vh);
	font-size: min(0.5vw, 1vh);
}

#plate_guide_top {
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url(images/menu/down.webp);
	opacity: 0;
	transform: rotate(180deg);
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	background-size: 100%;
	opacity: 0.85;
	transition: opacity 0.48s;
}

#plate_guide_titles .guide_title {
	transition: color 0.2s;
	font-size: min(0.85vw, 1.7vh);
	line-height: min(2.1vw, 4.2vh);
	text-align: left;
	width: min(10.5vw, 21vh);
}

#plate_guide_titles .guide_title:hover {
	color: #E4C900;
}

#plate_guide_titles {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: min(22vw, 44vh);
	align-content: space-between;
}

#plate_guide_container {
	display: flex;
	overflow: auto;
	flex-direction: column;
}

#plate_guide b {
	font-size: min(1.3vw, 2.6vh);
	color: #ccc;
}

#plate_guide_paragraph {
}

#plate_guide_paragraph {
	width: 100%;
	font-size: min(1.1vw, 2.2vh);
	text-align: left;
	line-height: min(2vw, 4vh);
	margin-top: min(1vw, 2vh);
	min-height: min(22vw, 44vh);
	color: #abc;
}

#leaderboard_container [datatitle]:after {
	top: 110%;
	height: fit-content;
}

.leaderboard_info .player_icon {
	margin: 0 min(0.5vw, 1vh) 0 min(0.3vw, 0.6vh);
	width: min(0.8vw, 1.6vh);
	height: min(0.8vw, 1.6vh);
}

.leaderboard_info [datatitle]:after {
	top: auto !important;
	height: fit-content;
	line-height: min(1.5vw, 3vh);
	font-size: min(1vw, 2vh);
	transform: translate(-50%, -33%);
}

.leaderboard_info .flag_icon[datatitle]:after {
	font-size: min(0.8vw, 1.6vh);
}

.leaderboard_info .flag_icon {
	width: min(1.6vw, 3.2vh);
	height: min(0.9vw, 1.8vh);
	margin: 0 min(0.42vw, 0.84vh);
	opacity: 0.8;
}

.leaderboard_row .row_highlight {
	height: 60%;
	margin: 5% 0;
}

.in_game_rank {
	width: min(2vw, 4vh);
	font-size: 1vw;
	transform: translateY(-10%);
	background-size: 100%;
	display: inline-block;
	text-shadow: none;
	text-align: center;
}

.leaderboard_score {
	font-family: chat;
	font-size: min(0.936vw, 1.872vh);
	font-weight: bold;
	line-height: 0px;
}

.leaderboard_score.sleeping {
	line-height: min(2.9625vw, 5.925vh);
}

.leaderboard_list {
	text-align: left;
	overflow: hidden auto;
	height: calc(100% - min(5.2vw, 10.4vh));
	margin-top: min(1.55vw, 3.1vh);
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%);
	line-height: min(2.5vw, 5vh);
	position: relative;
}

.leaderboard_flags_container {
	margin-top: min(0.2vw, 0.4vh);
}

.sub_leaderboard {
	width: 50%;
	text-align: center;
	line-height: min(3vw, 6vh);
}

.sub_leaderboard_title {
	font-family: main !important;
	font-size: min(1.5vw, 3vh);
	color: #ccc;
}

.sub_leaderboard_title span {
	font-family: main !important;
	font-size: min(1.9vw, 3.8vh);
	transform: translateY(min(0.19vw, 0.38vh));
	display: inline-block;
	color: #ddd;
}

.leaderboard_row {
	width: 100%;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: min(1vw, 2vh);
	height: min(2vw, 4vh);
	position: absolute;
}

.leaderboard_name {
	margin-right: auto;
	max-width: min(8.7vw, 17.4vh);
	overflow: hidden;
	white-space: nowrap;
	font-size: min(0.88vw, 1.76vh);
	letter-spacing: -0.4px;
}

.leaderboard_info {
	display: block;
	position: absolute;
	width: 50%;
	font-size: min(0.9vw, 1.8vh);
	transform: translateY(max(-1.15vw, -2.3vh));
	color: #ddd;
}

#leaderboards_container {
	display: flex;
	height: calc(100% + min(2.5vw, 5vh));
	width: calc(100% + min(2.5vw, 5vh));
	transform: translate(max(-1.75vw, -2.5vh), max(-1.25vw, -2.5vh));
	z-index: 100;
	position: relative;
}

#clan_leaderboard {
	border-right: min(0.05vw, 0.1vh) solid rgba(136, 136, 136, 0.25);
}

#leaderboard_container {
	display: none;
	position: fixed;
	flex-wrap: wrap;
	width: min(24vw, 48vh);
	height: min(29vw, 58vh);
	justify-content: space-between;
	right: min(0.4vw, 0.8vh);
	top: min(0.4vw, 0.8vh);
	padding: min(0.5vw, 1vh) min(1vw, 2vh);
	pointer-events: none;
	z-index: 10;
}

.tutorial #leaderboard_container {
	justify-content: flex-end;
}

#leaderboard_container.farm {
	top: 0px;
	padding: min(0.5vw, 1vh) min(1vw, 2vh);
	right: 0px;
	justify-content: flex-end;
}

#leaderboard {
	position: relative;
	font-size: min(1.2vw, 2.4vh);
	color: #fff;
	line-height: min(2.1vw, 4.2vh);
	font-family: main;
	text-align: left;
}

#leaderboard span {
	font-family: chat;
}

.leaderboard_info_icon {
	display: inline-block;
	width: min(1.1vw, 2.2vh);
	height: min(1.1vw, 2.2vh);
	background-size: 100%;
	transform: translateY(min(0.3vw, 0.6vh));
}

.leaderboard_info_icon.armor {
	margin: 0 min(0.2vw, 0.4vh) 0 min(0.1vw, 0.2vh);
}

.leaderboard_info_icon.weapon {
	transform: translate(min(0.4vw, 0.8vh), min(0.3vw, 0.6vh)) scale(-1, 1);
}

.leaderboard_info_icon.bow {
	transform: translateY(min(0.3vw, 0.6vh)) scale(-1, -1);
	margin-left: max(-1vw, -2vh);
}

#me_on_map {
	position: absolute;
	top: 50%;
	left: 50%;
	width: min(0.8vw, 1.6vh);
	height: min(0.8vw, 1.6vh);
	border: min(0.3vw, 0.6vh) solid #333;
	transform: translate(-40%, -40%);
	border-radius: 50%;
}

.pin_0 {
	background-color: #3A6DC5;
}

.pin_1 {
	background-color: #429700;
}

.pin_2 {
	background-color: #C02A2A;
}

.pin_3 {
	background-color: #E4C900;
}

.pin_4 {
	background-color: #9427CA;
}

.pin_5 {
	background-color: #915D28;
}

.pin_6 {
	background-color: #FF9500;
}

#mapShadow {
	display: block;
}

#MiniMap {
	position: absolute;
	width: min(48vw, 96vh);
	height: min(48vw, 96vh);
	display: block;
}

#MiniMap.chart {
	width: min(24vw, 48vh);
	height: min(24vw, 48vh);
}

#map_container {
	position: relative;
	margin: 50%;
	width: 0;
	height: 0;
}

.leaderboard_icon {
	background-size: 100%;
	background-image: url(images/menu/list.webp);
	border-radius: 50%;
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	display: inline-block;
	vertical-align: bottom;
}

.skills_icon {
	background-size: 100%;
	background-image: url(images/menu/skills.webp);
	border-radius: 50%;
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	display: inline-block;
	vertical-align: bottom;
}

.chat_icon {
	background-size: 100%;
	background-image: url(images/menu/chat.webp);
	border-radius: 50%;
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	display: inline-block;
	vertical-align: bottom;
}

.map_icon {
	background-size: 100%;
	background-image: url(images/menu/map.webp);
	border-radius: 50%;
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	display: inline-block;
	vertical-align: bottom;
}

.guide_star_icon {
	background-size: 120%;
	background-image: url(images/ranks/new/0.webp);
	border-radius: 50%;
	width: min(4vw, 8vh);
	height: min(4vw, 8vh);
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	line-height: min(3.9vw, 7.8vh);
	color: #dd3;
	text-shadow: 1px 1px #000, 1px -1px #000, -1px -1px #000, -1px 1px #000, 0 1px #000, 0 -1px #000, 1px 0 #000, -1px 0 #000;
	font-size: min(1vw, 2vh);
	font-family: arial;
	background-position: center;
	transform: translateY(max(-0.1vw, -0.2vh));
	margin: max(-1vw, -2vh);
}

.flag_icon {
	display: inline-block;
	height: min(1.6vw, 3.2vh);
	width: min(2.75vw, 5.5vh);
	pointer-events: all;
	background-size: 100% 100%;
	margin: max(-0.5vw, -1vh) 0;
}

.flag_icon.atlas {
	background-image: url(images/flags/flags.webp);
	background-size: 1600% 1700%;
}

.star_icon, .coin_icon, .rank_icon, .level_star_icon {
	display: inline-block;
	background-image: url(images/final_star.webp);
	background-size: 100%;
	width: min(1.2vw, 2.4vh);
	height: min(1.2vw, 2.4vh);
	margin-left: min(0.2vw, 0.4vh);
	vertical-align: bottom;
}

.coin_icon {
	background-image: url(images/coin.webp);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: min(0.35vw, 0.7vh);
	width: min(1.35vw, 2.7vh);
	height: min(1.35vw, 2.7vh);
}

.player_icon {
	width: min(1.2vw, 2.4vh);
	height: min(1.2vw, 2.4vh);
	background-image: url(images/player_icon.webp);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	vertical-align: unset;
	margin-left: min(0.3vw, 0.6vh);
	transform: translateY(17%);
}

.power_icon {
	width: min(0.8vw, 1.6vh);
	height: min(0.8vw, 1.6vh);
	background-image: url(images/power.webp);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	vertical-align: unset;
	margin-left: min(0.3vw, 0.6vh);
	transform: translateY(8%);
}

.rank_icon {
	transform: translate(-35%, 5%) scale(2.25);
}

.crystal_icon {
	display: inline-block;
	background-image: url(images/crystal.webp);
	background-size: 100%;
}

.shard_icon {
	display: inline-block;
	background-image: url(images/discovery_point.webp);
	background-size: 100%;
}

#new_chat {
	bottom: 0px;
	left: calc(50% + clamp(22.798742138364787vw, 60.416666666666686vh, 30.208333333333343vw));
	width: clamp(13.993710691823901vw, 36.94392230576442vh, 18.541666666666668vw);
	height: clamp(14.033018867924529vw, 37.047697368421055vh, 18.59375vw);
}

#TutorialArrowCanvas.window_opened {
	z-index: 2;
	pointer-events: all;
}

#chat_preview {
	width: clamp(14.15vw, 37.35vh, 18.75vw);
	overflow: auto;
	font-size: clamp(0.71vw, 1.87vh, 0.94vw);
	-webkit-mask-image: linear-gradient(transparent, #000 12%, #000 97%, transparent);
	padding-left: min(1vw, 2vh);
	padding-top: min(1.8vw, 3.6vh);
	padding-bottom: min(0.5vw, 1vh);
	padding-right: min(1.5vw, 3vh);
	position: absolute;
	top: max(0px, calc(100vh - 66vw));
	bottom: clamp(13.01vw, 34.35vh, 17.24vw);
	left: calc(50% + clamp(21.42vw, 56.56vh, 28.39vw));
	line-height: clamp(1.22vw, 3.22vh, 1.61vw);
	color: #ddd;
	filter: none !important;
	margin-top: min(1vw, 2vh);
	outline: none;
	transition: none;
	z-index: 1001;
}

#chat_preview.unscrollable {
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}

#chat_preview.unscrollable br {
	display: none;
}

.chat_background {
	display: none;
	width: clamp(14.15vw, 37.35vh, 18.75vw);
	padding-left: min(1vw, 2vh);
	padding-top: min(1.8vw, 3.6vh);
	padding-bottom: min(0.5vw, 1vh);
	position: absolute;
	top: max(0px, calc(100vh - 66vw));
	bottom: clamp(13.01vw, 34.35vh, 17.24vw);
	left: calc(50% + clamp(21.42vw, 56.56vh, 28.39vw));
	background-color: rgba(0, 0, 0, 0.32);
	box-shadow: 0 0 min(1.5vw, 3vh) min(1vw, 2vh) rgba(0, 0, 0, 0.32);
	pointer-events: none;
	z-index: 1001;
}

.loggedin .chat_background {
	display: block;
}

.window_open .chat_background {
	z-index: 1;
}

#chat_preview .rank_icon {
	background-image: none;
	transform: translate(-13%, -20%) scale(2.25);
	margin-right: min(0.3vw, 0.6vh);
}

#chat_preview .flag_icon {
	transform: scale(0.72) translateX(max(-0.45vw, -0.85vh));
	margin-right: max(-0.3vw, -0.6vh);
}

.start_chat_gray {
	color: #ddd;
	position: relative;
}

#start_chat_text .rank_icon {
	text-align: center;
	font-size: min(0.8vw, 1.6vh);
	line-height: min(2.2vw, 4.4vh);
	transform: translate(25%, 5%) scale(1.3);
	width: min(1.8vw, 3.6vh);
	height: min(1.8vw, 3.6vh);
	background-size: 125%;
	background-position: center;
	margin-right: min(1.1vw, 2.2vh);
	margin-left: 0;
}

#start_chat_text {
	scrollbar-width: none;
	-ms-overflow-style: none;
	text-align: left;
	color: #111;
	font-size: min(1vw, 2vh);
	line-height: min(1.8vw, 3.6vh);
	word-break: break-word;
	font-family: chat !important;
	overflow-y: auto;
	max-height: calc(100% - min(7vw, 14vh));
	width: 100%;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%);
	padding-bottom: min(1vw, 2vh);
	margin-top: auto;
}

#start_chat_input {
	width: clamp(14.858vw, 39.226vh, 19.687vw);
	height: clamp(1.808vw, 4.773vh, 2.395vw);
	outline: none;
	padding: clamp(0.381vw, 1.006vh, 0.505vw);
	color: #eee;
	font-size: clamp(0.71vw, 1.87vh, 0.94vw);
	background-color: rgba(0, 0, 0, 0.196);
	border: min(0.1vw, 0.2vh) solid;
	border-color: rgba(127, 127, 127, 0.8) rgba(72, 72, 72, 0.8) rgba(93, 93, 93, 0.8) rgba(137, 137, 137, 0.8);
	border-radius: clamp(0.628vw, 1.66vh, 0.833vw);
	bottom: clamp(11.163vw, 29.472vh, 14.791vw);
	left: calc(50% + clamp(21.894vw, 57.802vh, 29.01vw));
	position: absolute;
	filter: none !important;
	transition: opacity 0.36s;
	opacity: 0;
}

.loggedin #start_chat_input {
	opacity: 0.5;
	z-index: 1001;
}

.window_open #start_chat_input {
	display: none;
}

#start_chat_input:focus {
	opacity: 1;
}

#chat_preview .item_icon, #chat_preview .star_icon {
	width: min(1.2vw, 2.4vh);
	vertical-align: text-bottom;
	transform: scale(1.2);
	margin-left: min(0.15vw, 0.3vh);
}

.chat_template {
	opacity: 1;
	width: min(12vw, 24vh);
	text-align: center;
	height: min(3vw, 6vh);
	line-height: min(2.85vw, 5.7vh);
	background-image: url(images/chat_white_button.webp);
	font-size: min(1.4vw, 2.8vh);
}

#chat_templates_container {
	display: flex;
	position: absolute;
	top: min(4vw, 8vh);
	left: 50%;
	transform: translateX(-50%);
}

#chat {
	display: none;
	position: fixed;
	text-align: left;
	color: #fff;
	font-size: min(1vw, 2vh);
	line-height: min(2vw, 4vh);
	word-break: break-word;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: max-content;
}

#chat_message {
	width: calc(100% - min(0.2vw, 0.4vh));
	height: min(2.5vw, 5vh);
	color: #eee;
	font-family: chat;
	font-size: min(1.2vw, 2.4vh);
	outline: none;
	background-color: rgba(0, 0, 0, 0.196);
	border: min(0.1vw, 0.2vh) solid;
	border-color: rgba(127, 127, 127, 0.8) rgba(72, 72, 72, 0.8) rgba(93, 93, 93, 0.8) rgba(137, 137, 137, 0.8);
	border-radius: min(0.8vw, 1.6vh);
	cursor: url(images/cursor2.webp) 0 0, auto;
	padding: min(0.2vw, 0.4vh);
}

.companion_preview {
	width: min(15vw, 30vh);
	height: min(22.5vw, 45vh);
	background-size: 100%;
	transition: filter 0.48s, transform 0.48s;
	margin-top: max(-3vw, -6vh);
	background-repeat: no-repeat;
	font-size: min(2.4vw, 4.8vh);
	text-align: center;
	color: #321;
	border-radius: 4px;
	box-shadow: 4px 4px 4px rgba(255, 255, 255, 0.08), -4px 4px 4px rgba(255, 255, 255, 0.08), 4px -4px 4px rgba(255, 255, 255, 0.08), -4px -4px 4px rgba(255, 255, 255, 0.08);
}

.companion_preview span {
	display: block;
	font-family: main;
	transform: translateY(min(22.5vw, 45vh));
}

.companion_preview:hover {
	filter: brightness(1.2);
}

.companions_container_row {
	display: flex;
	justify-content: space-evenly;
}

.chosen_companion {
	transform: scale(1.05);
}

#companion_previews_container {
	display: flex;
	position: relative;
	width: min(165vw, 330vh);
	justify-content: space-evenly;
	height: 100%;
	align-items: center;
	transition: left 0.48s;
	left: 0;
}

#choose_companion_button {
	opacity: 0;
	background-image: url(images/project_images/register_button.webp);
	background-size: 100%;
	margin: 0 auto;
	width: min(21vw, 42vh);
	height: min(5vw, 10vh);
	line-height: min(5vw, 10vh);
	text-align: center;
	background-position: center;
	font-size: min(2vw, 4vh);
	color: #CA9869;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
	transition: opacity 0.48s;
}

#companions_container {
	display: block;
	width: min(82.5vw, 165vh);
	height: calc(100% - min(8vw, 16vh));
	overflow: hidden;
	padding-right: min(0.5vw, 1vh);
	transform: translateX(max(-1vw, -2vh));
}

#main_dialogue_option_3 {
	display: none;
}

#companion_favor_bar_container[datatitle]:after, #favor_anchor[datatitle]:after {
	background-color: rgba(16, 16, 16, 0.95) !important;
	color: #dde !important;
	line-height: min(1vw, 2vh);
	font-size: min(1vw, 2vh) !important;
	transform: translate(-50%, max(-1vw, -2vh));
}

.dialogue_option {
	background-image: url(images/project_images/register_button.webp);
	background-size: 100%;
	margin: 0 min(1vw, 2vh);
	width: min(14vw, 28vh);
	height: min(3.5vw, 7vh);
	font-size: min(1.3vw, 2.6vh);
	color: #CA9869;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
	line-height: min(3.5vw, 7vh);
	text-align: center;
	cursor: url(images/cursor2.webp) 0 0, auto;
	background-position: center;
	margin-bottom: min(0.5vw, 1vh);
	background-repeat: no-repeat;
}

.dialogue_options {
	display: none;
}

.quest_tutorial_row {
	color: #482300;
	width: min(15vw, 30vh);
	text-align: left;
	font-size: min(1vw, 2vh);
	height: 14%;
	line-height: min(1.8vw, 3.6vh);
	margin-left: min(4vw, 8vh);
	font-weight: bold;
}

.tutorial_check_mark {
	margin-right: min(0.5vw, 1vh);
	text-shadow: 0 0 1px #000;
	background-image: url(images/settings/yes.webp);
	background-size: 100% 100%;
	width: min(1.7vw, 3.4vh);
	display: inline-block;
	height: min(1.7vw, 3.4vh);
	transform: translateY(min(0.5vw, 1vh));
}

.complete_tutorial {
	opacity: 0.84;
}

#tutorial_table {
	flex-direction: column;
	flex-wrap: wrap;
	height: min(17vw, 34vh);
	align-content: center;
	margin: 0 auto auto auto;
}

#your_companion {
	color: #321;
	font-size: min(1.3vw, 2.6vh);
	text-align: center;
	line-height: min(2vw, 4vh);
	transform: translateY(min(0.8vw, 1.6vh));
	font-weight: bold;
}

#companion_goal {
	color: #421;
	font-size: min(1.5vw, 3vh);
	text-align: center;
	line-height: min(2vw, 4vh);
}

#companion_title {
	font-size: min(4vw, 8vh);
	transform: translateY(max(-0.5vw, -1vh));
}

#complete_quest_sign {
	position: absolute;
	right: 0;
	bottom: 0;
	background-size: 80%;
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	transform: translate(-5%, 50%);
	background-image: url(images/exclamation.webp);
	border: min(0.1vw, 0.2vh) solid rgba(96, 72, 96, 0.4);
	border-radius: 50%;
	background-color: #111;
	background-position: 40% 35%;
	background-repeat: no-repeat;
	z-index: 3;
}

#favor_anchor {
	position: relative;
	background-size: 100%;
	width: min(5vw, 10vh);
	height: min(5vw, 10vh);
	background-image: url(images/exclamation_wooden.webp);
	transform: translate(-50%, 21%);
	transition: left 0.48s;
	border-radius: 50%;
	background-repeat: no-repeat;
	z-index: 3;
	margin: max(-1vw, -2vh) 0 max(-2vw, -4vh) 0;
}

#companion_container {
	display: flex;
}

#dialogue_container {
	display: flex;
	width: 100%;
	height: min(39vw, 78vh);
	flex-direction: column;
}

#companion_favor_title {
	margin-top: min(1vw, 2vh);
	width: 100%;
	text-align: center;
	color: #dde;
	font-size: min(1.6vw, 3.2vh);
	font-family: main;
}

#dialogue_options_main {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
}

#dialogue_options_container {
	width: 100%;
	max-height: min(16vw, 32vh);
}

#companion_text {
	height: min(8vw, 16vh);
	width: 70%;
	font-size: min(1.3vw, 2.6vh);
	color: #321;
	line-height: min(2.4vw, 4.8vh);
	position: relative;
	overflow: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin: auto;
}

#quest_progress {
	min-height: min(3.6vw, 7.2vh);
	font-size: min(0.9vw, 1.8vh);
	font-weight: bold;
	text-align: center;
	color: #321;
}

#companion_favor_bar_container {
	position: relative;
	margin: 0 auto;
	width: 84%;
	height: min(1vw, 2vh);
	border-radius: 0.5vw;
	box-shadow: inset 0 min(0.2vw, 0.4vh) min(0.5vw, 1vh) min(0.2vw, 0.4vh) #6F4725;
}

#companion_favor_bar {
	width: 50%;
	height: 60%;
	border-radius: 100vw;
	transition: bottom 0.4s linear, width 0.4s linear;
	background-color: #784629;
	box-shadow: inset 0 max(-0.1vw, -0.2vh) min(0.2vw, 0.4vh) min(0.05vw, 0.1vh);
	transform: scaleY(0.84) translate(min(0.3vw, 0.6vh), 36%);
}

#companion_image {
	background-size: 100%;
	background-repeat: no-repeat;
	height: min(39vw, 78vh);
	width: min(30vw, 60vh);
	margin-right: min(2vw, 4vh);
	border-radius: 4px;
	box-shadow: 4px 4px 4px rgba(255, 255, 255, 0.08), -4px 4px 4px rgba(255, 255, 255, 0.08), 4px -4px 4px rgba(255, 255, 255, 0.08), -4px -4px 4px rgba(255, 255, 255, 0.08);
	transform: scale(1.11);
	display: block;
}

#complete_quests {
	transform: translateY(-8%) !important;
	margin: auto min(5.5vw, 11vh);
	width: 60% !important;
	font-size: min(1.8vw, 3.6vh) !important;
}

.guide_highlighted {
	color: #444;
}

#guide_paragraph b {
	font-family: main;
	font-weight: normal;
	font-size: min(2.3vw, 4.6vh);
	width: calc(100% - min(3vw, 6vh));
	display: inline-block;
}

#inventory.guide_title {
	display: block;
	position: initial;
	transform: none;
	background-color: transparent;
	padding: 0;
}

.guide_title {
	transition: color 0.2s;
}

.guide_title_hr {
	width: min(15vw, 30vh);
	height: min(0.36vw, 0.72vh);
	background-image: url(images/project_images/inbox_horizontal.webp);
	background-size: 100%;
	transform: translateX(-10%);
}

#guide_title:hover {
	color: #f00;
}

#guide_paragraph {
	scroll-behavior: smooth;
	float: left;
	display: block;
	line-height: min(2.4vw, 4.8vh);
	overflow: auto;
	height: calc(100% - min(2.5vw, 5vh));
	width: calc(100% - min(24vw, 48vh));
	font-size: min(1.4vw, 2.8vh);
	padding: min(3vw, 6vh) 0;
	margin-top: max(-3vw, -6vh);
	margin-left: min(5vw, 10vh);
}

#guide_titles {
	display: flex;
	font-weight: bold;
	height: calc(100% + min(1vw, 2vh));
	flex-direction: column;
	justify-content: space-between;
	width: min(13vw, 26vh);
	font-size: min(1.05vw, 2.1vh);
	color: #321;
	float: left;
	line-height: min(1.8vw, 3.6vh);
	margin-top: max(-2.4vw, -4.8vh);
}

#guide {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	height: 100%;
	width: 100%;
	margin-top: min(1vw, 2vh);
	font-size: 2vh;
	line-height: 3.3vh;
	color: #111;
}

.skill {
	display: inline-block;
	font-size: min(1.3vw, 2.6vh);
	font-family: main;
	margin: min(0.3vw, 0.6vh) 0;
	width: min(6vw, 9vh);
	color: #ddd;
}

.plus {
	opacity: 0.7;
	width: min(2.2vw, 4.4vh);
	height: min(2.2vw, 4.4vh);
	transform: scale(1.2);
	transition: filter 0.36s, opacity 0.36s;
}

.plus:not(.skill_inactive *) {
	background-image: url(images/menu/plus.webp) !important;
	background-size: 100%;
}

.skill_container {
	width: calc(100% + min(2vw, 4vh));
}

.skill_description {
	color: #bbb;
	font-size: min(0.8vw, 1.6vh);
	text-shadow: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: min(1vw, 2vh);
	white-space: nowrap;
	line-height: min(3.6vw, 7.2vh);
}

.skill_bar_container {
	display: inline-block;
	background: linear-gradient(rgba(32, 32, 32, 0.25), rgba(24, 24, 24, 0.5));
	width: min(10vw, 20vh);
	height: min(0.5vw, 1vh);
	border: min(0.1vw, 0.2vh) solid rgba(96, 72, 96, 0.4);
	border-radius: min(2vw, 4vh);
}

.skill_plus {
	display: inline-block;
	position: relative;
	font-size: min(2vw, 4vh);
	color: rgba(0, 0, 0, 0);
}

.skill_bar {
	position: absolute;
	height: min(0.5vw, 1vh);
	transition: width 0.8s, background-position-x 0.8s;
	background: linear-gradient(rgb(108, 118, 128), rgb(63, 63, 64));
	width: 0;
	border-radius: 100vw;
}

.the_skill {
	transform: translate(0);
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	font-size: min(1.8vw, 3.6vh);
}

.skill_inactive .plus {
	pointer-events: none;
	background-size: 135%;
	background-position: center;
}

.glow {
	box-shadow: 0 0 min(0.6vw, 1.2vh) min(0.4vw, 0.8vh) #eee;
	z-index: 3;
}

#skill_plus_0 .plus {
	background-image: url(images/achievements/47.webp);
}

#skill_plus_1 .plus {
	background-image: url(images/achievements/48.webp);
}

#skill_plus_2 .plus {
	background-image: url(images/achievements/49.webp);
}

#skill_plus_3 .plus {
	background-image: url(images/achievements/50.webp);
}

#skills_text {
	transform: translateY(25%);
	font-size: min(1.1vw, 2.2vh);
}

.skill_points {
	font-family: main;
}

.skill_points span {
	color: #999;
}

#my_level {
	font-family: main;
	line-height: min(0.4vw, 0.8vh);
}

#my_level span {
	font-family: main;
	font-size: min(3vw, 6vh);
	display: inline-block;
	transform: translateY(50%);
	position: relative;
	top: min(0.1vw, 0.2vh);
}

#plate_skills {
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

#appearance_list .appearance {
	flex-direction: row;
}

#logout {
	margin: min(1.25vw, 2.5vh) auto min(1.5vw, 3vh) auto;
}

.current_appearance {
	width: min(9.5vw, 19vh);
	background-size: 96%;
	height: min(3.2vw, 6.4vh);
	line-height: min(3.2vw, 6.4vh);
	font-size: min(1.3vw, 2.6vh);
	font-family: chat;
	font-weight: bold;
}

#window .settings_slider {
	width: calc(100% - min(5vw, 10vh));
	background-color: rgba(64, 32, 0, 0.5);
	margin: 0 auto;
}

.start_slider_icon {
	width: min(2.8vw, 5.6vh);
	height: min(2.8vw, 5.6vh);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#sound_start_slider_icon {
	background-image: url(images/settings/sound.webp);
}

#music_start_slider_icon {
	background-image: url(images/settings/music.webp);
}

#start_settings_sound_slider {
	margin-bottom: min(1vw, 2vh);
}

#window .settings_slider::-webkit-slider-thumb {
	width: min(1.6vw, 3.2vh);
	height: min(1.6vw, 3.2vh);
	background-image: url(images/settings/dot.webp);
	background-size: 100%;
}

.chat_link {
	color: #210;
	font-size: min(1vw, 2vh);
	display: inline-block;
	margin: 0 min(1vw, 2vh);
	margin-bottom: min(0.3vw, 0.6vh);
}

.account_change_container {
	width: 50%;
	margin: min(0.6vw, 1.1vh) 0 min(0.7vw, 1.4vh) 0;
	height: min(3.6vw, 7.2vh);
}

#account_change_container .title {
	font-size: min(3.5vw, 7vh);
}

#account_change_name_container {
	width: 40%;
}

.account_slider_container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 25% min(0.4vw, 0.8vh) 25%;
	flex-wrap: wrap;
	align-items: center;
	height: min(2.1vw, 4.2vh);
}

.account_change_description {
	display: inline-block;
	color: #673E1E;
	font-size: min(1.2vw, 2.4vh);
	height: min(1.4vw, 2.8vh);
	font-weight: bold;
}

#appearance_title {
	color: #673E1E;
	font-size: min(2vw, 4vh);
	font-weight: bold;
	line-height: min(4vw, 8vh);
}

.account_change_description_container {
	width: max-content;
	margin: auto;
}

.account_change_edit {
	width: min(1.6vw, 3.2vh);
	height: min(1.6vw, 3.2vh);
	background-image: url(images/settings/edit.webp);
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: max(-0.7vw, -1.4vh);
	cursor: url(images/cursor2.webp) 0 0, auto;
	position: absolute;
	transform: translate(min(0.3vw, 0.6vh), max(-0.35vw, -0.7vh));
}

.account_change {
	display: block;
	text-overflow: ellipsis;
	border: none !important;
	background-color: transparent !important;
	overflow: hidden;
	font-size: min(1.2vw, 2.4vh);
	width: calc(100% - min(1.2vw, 2.4vh));
	cursor: url(images/cursor.webp) 0 0, auto;
	height: min(1.5vw, 3vh);
	color: #321;
	margin: min(0.5vw, 1vh) 0 0 0;
}

#account_change_name {
	font-size: min(1.6vw, 3.2vh);
	overflow: visible;
}

#account_changes_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: min(36vw, 72vh);
	height: calc(100% + min(1vw, 2vh));
	align-content: space-evenly;
	justify-content: center;
	transform: translateY(min(-0.3vw, -0.6vh));
}

#account_changes_container .current_appearance {
	margin: min(0.9vw, 1.8vh) min(1.25vw, 2.5vh) min(1.2vw, 2.4vh) min(1.25vw, 2.5vh);
}

.account_change_input {
	display: inline-block;
	margin: min(1vw, 2vh) 0 min(1vw, 2vh) min(1.6vw, 3.2vh);
	height: min(2vw, 4vh);
	border-radius: min(0.4vw, 0.8vh);
	font-size: min(1.3vw, 2.6vh);
	width: 60%;
	color: #000;
}

.change_container {
	display: none;
	margin: 0 auto;
	width: max-content;
	align-items: center;
	position: relative;
	transform: translate(min(0.25vw, 0.5vh), max(-0.15vw, -0.3vh));
}

.change_button {
	display: inline-block;
	width: min(1.2vw, 2.4vh);
	height: min(1.2vw, 2.4vh);
	background-image: url(images/settings/yes.webp);
	background-size: 100%;
	vertical-align: middle;
	margin: 0 min(0.6vw, 1.2vh);
	opacity: 0.7;
}

.cancel_button {
	display: inline-block;
	width: min(1.2vw, 2.4vh);
	height: min(1.2vw, 2.4vh);
	background-image: url(images/settings/no.webp);
	background-size: 100%;
	vertical-align: middle;
	margin-right: max(-3.6vw, -7.2vh);
	opacity: 0.7;
}

.account_slider_container .account_change_description {
	height: min(1.8vw, 3.6vh);
}

.register_ad_table {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: min(1.5vw, 3vh);
	margin: 0 auto;
}

.register_ad_table .quest_tutorial_row {
	width: auto;
	height: min(1.2vw, 2.4vh);
	margin: auto;
	font-size: min(0.95vw, 1.9vh);
	white-space: nowrap;
}

#human_container {
	display: flex;
	flex-direction: column;
	width: 40%;
	justify-content: space-between;
	align-items: center;
}

#account_change_password {
	height: min(0.8vw, 1.6vh);
}

#change_name_bar {
	width: min(12vw, 24vh);
	margin-left: 0;
}

#account_flag {
	vertical-align: middle;
	margin-right: min(0.2vw, 0.4vh);
	transform: translateY(max(-0.1vw, -0.2vh));
}

#chat_links_container {
	text-align: center;
	height: 0;
	line-height: min(2vw, 4vh);
}

#change_error_text {
	color: #420;
	width: 100%;
	text-align: center;
	position: absolute;
	font-size: min(1.2vw, 2.4vh);
	margin: 0;
	top: min(2.7vw, 4.4vh);
}

#change_error_text.with_flag {
	top: min(4.4vw, 8.8vh);
}

.error_button {
	width: min(7vw, 14vh);
	height: min(3vw, 6vh);
	line-height: min(2.3vw, 4.6vh);
	margin: min(1vw, 2vh) auto;
	font-weight: bold;
	font-size: min(1.2vw, 2.4vh);
}

.error_flag {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: max(-3.4vw, -6.8vh);
	width: min(5vw, 10vh);
	height: min(3vw, 6vh);
}

#account_change_container {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	height: calc(100% - min(2.6vw, 5.2vh));
	width: 100%;
	position: absolute;
	flex-wrap: wrap;
	align-items: center;
	margin: min(0.3vw, 0.6vh) 0;
}

#account_change_container #player_container {
	display: flex;
	height: 0;
	padding: min(10vw, 20vh) 0;
	z-index: -1;
}

#StartHuman {
	background-size: 100%;
}

#StartHuman, #start_hair {
	display: block;
	width: min(12vw, 24vh);
	height: min(12vw, 24vh);
	transform: translate(50%, -50%) rotate(180deg) scale(2);
	pointer-events: none;
}

#account_change_container #StartHuman {
	transform: translateY(-50%) scale(1.6);
}

#start_hair {
	transform: translate(-50%, -50%) rotate(180deg) scale(1.6);
	background-size: 100%;
}

#appearance_list {
	width: 100%;
	display: flex;
	height: min(5vw, 10vh);
	justify-content: space-around;
	margin: 0;
}

.controls_container {
	width: auto;
	margin: min(0.4vw, 0.8vh) 0 min(1vw, 2vh) 0;
	margin-right: min(4vw, 8vh);
	margin-left: min(4vw, 8vh);
	height: auto;
}

.controls_container .current_controls_type {
	color: #673E1E;
	text-align: center;
}

.controls_container .control_button {
	margin: min(0.2vw, 0.4vh) min(0.8vw, 1.6vh);
	margin-top: min(0.7vw, 1.4vh);
	font-size: min(1.2vw, 2.4vh);
}

.controls_container .control_button .check {
	border: 1px solid #753;
	background-color: rgba(0, 0, 0, 0.1);
	line-height: min(1.5vw, 3vh);
	width: min(1.5vw, 3vh);
	height: min(1.5vw, 3vh);
	font-size: min(1vw, 2vh);
}

.controls_container .control_button.current_controls_type .check {
	color: #531;
	text-align: center;
	font-weight: bold;
}

.controls_container .control_button .sub_title {
	color: #321;
	font-size: min(1vw, 2vh);
}

.tutorial_check_container {
	display: flex;
	align-items: center;
	width: min(6.5vw, 13vh);
	justify-content: space-between;
	margin: min(0.4vw, 0.8vh);
	flex-direction: column;
	height: min(2.3vw, 4.6vh);
}

.settings_slider_container {
	width: min(17vw, 34vh);
}

#settings_check_container .settings_slider {
	margin: 0;
}

.settings_subtitle {
	font-size: min(1.05vw, 2.1vh);
	color: #ccc;
	width: 100%;
	margin-bottom: min(0.5vw, 1vh);
}

.settings_controls_container.quality {
	height: min(4.4vw, 8.8vh);
	margin-top: min(0.6vw, 1.2vh);
	margin-bottom: min(0.5vw, 1vh);
}

.settings_slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: min(1.4vw, 2.8vh);
	height: min(1.4vw, 2.8vh);
	background: conic-gradient(#999, #444, #999);
	border-radius: 50%;
}

#settings_check_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: min(19.2vw, 38.4vh);
	justify-content: space-evenly;
}

.settings_controls_container.controls {
	margin-top: min(0.8vw, 1.6vh);
}

#plate_settings {
	justify-content: space-between;
}

#plate_settings .title {
	line-height: min(4vw, 8vh);
	height: min(1.5vw, 3vh);
}

.control_button {
	position: relative;
	display: inline-block;
	margin: min(0.5vw, 1vh) min(3vw, 6vh) 0 min(9vw, 18vh);
	line-height: min(1.6vw, 3.2vh);
	font-size: min(0.9vw, 1.8vh);
	color: transparent;
	cursor: url(images/cursor2.webp) 0 0, auto;
	width: max-content;
	float: left;
}

#battle_chat_options .control_button {
	margin: min(0.5vw, 1vh) min(3vw, 6vh) 0 min(6vw, 12vh);
}

.control_button .check {
	display: inline-block;
	width: min(1.1vw, 2.2vh);
	height: min(1.1vw, 2.2vh);
	border: 1px solid #555;
	border-radius: 50%;
	line-height: min(1.15vw, 2.3vh);
	font-size: min(0.85vw, 1.7vh);
}

.control_button .sub_title {
	display: inline-block;
	color: #999;
	margin-left: min(0.5vw, 1vh);
	letter-spacing: -0.3px;
	font-size: min(0.85vw, 1.7vh);
}

.current_controls_type {
	color: #888;
}

.settings_controls_container {
	font-size: min(1vw, 2vh);
	margin: min(0.6vw, 012vh) 0 min(0.3vw, 0.6vh) 0;
	width: 113%;
}

#battle_chat_options {
	margin-top: min(0.2vw, 0.4vh);
}

.settings_slider_container .settings_subtitle {
	transform: translateY(max(-0.2vw, -0.4vh));
}

.new_image_button {
	position: absolute;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	transition: filter 0.36s, background-size 0.36s;
}

.new_image_button:hover, #new_companion:hover .new_image_button {
	filter: drop-shadow(0 0 min(1.2vw, 2.4vh) rgba(128, 192, 255, 0.5));
}

.new_image_button:hover .new_button_plate {
	opacity: 1;
}

#new_achievements:hover, #new_world_cup:hover {
	background-size: 100.5%;
}

.new_button_plate {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	line-height: min(2.70vw, 5.18vh);
	text-align: center;
	font-size: clamp(1.1vw, 2.9vh, 1.46vw);
	opacity: 0.9;
	transform: translateX(-50%);
	width: max-content;
	font-family: main;
	letter-spacing: 0.5px;
}

.loggedin .new_button_plate {
	display: block;
}

.window_open .new_image_button, .window_open .new_button_plate, .window_open #fighting {
	pointer-events: none;
	opacity: 0;
}

#battle_plate_container {
	position: relative;
	top: 100%;
	transform: translateX(5.7%);
}

#new_battle .new_button_plate {
	transform: translate(-50%);
	line-height: clamp(3.5vw, 9.24vh, 4.64vw);
	font-size: clamp(1.57vw, 4.151vh, 2.08vw);
}

#fighting {
	display: none;
	position: absolute;
	top: calc(100% + clamp(3.616352201257862vw, 9.547305764411028vh, 4.791666666666667vw));
	text-align: center;
	width: 100%;
	font-size: clamp(0.7861635220125786vw, 2.075501253132832vh, 1.0416666666666665vw);
	color: #420;
	font-weight: bold;
	text-shadow: -1px 0 #eca, 0 -1px #eca, 1px 0 #eca, 0 1px #eca;
	transition: filter 0.6s;
	white-space: nowrap;
}

.loggedin #fighting {
	display: block;
}

.first_subtext {
	text-align: left;
	font-size: min(1.1vw, 2.2vh);
	font-weight: bold;
	white-space: nowrap;
	width: 100%;
	color: #999;
	line-height: min(3.6vw, 7.2vh);
	transform: translateX(5%);
	width: min(17vw, 34vh);
}

.first_subtext_tutorial .first_subtext, #first_fighting {
	text-align: center;
}

.first_subtext_tutorial, #first_fighting {
	white-space: nowrap;
	width: 100%;
	line-height: min(1.8vw, 3.2vh);
	font-size: min(1.1vw, 1.95vh);
	text-align: center;
	color: #888;
}

.first_subtext_tutorial {
	margin-top: min(0.8vw, 1.42vh);
}

.loggedin .clans_fighting {
	display: none;
}

.clans_fighting {
	position: absolute;
	top: 66%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	color: #888;
	font-size: min(1vw, 1.77vh);
}

.clans_fighting .clan {
	position: relative;
	display: inline-block;
	margin: 0 min(0.5vw, 0.87vh);
	width: min(4vw, 7.11vh);
	transform: translateY(-75%);
	text-align: center;
}

.clans_fighting .power {
	position: absolute;
	top: min(1.4vw, 2.48vh);
	left: 50%;
	-webkit-mask-image: linear-gradient(0deg, transparent, black 20%, black 80%, transparent);
	padding: min(0.5vw, 1vh) 0;
	margin: max(-0.5vw, -1vh) 0;
	transform: translateX(-50%);
	font-size: min(1.4vw, 2.48vh);
	width: max-content;
	letter-spacing: max(-0.03vw, -0.06vh);
}

#new_companion .new_button_plate {
	transform: translateY(-185%);
	left: 110%;
}

#new_companion.girl_0 .new_button_plate {
	transform: translate(calc(-50% + clamp(13.75vw, 36.32vh, 18.22vw)), -120%);
}

.game_rules:not(.loggedin *) {
	fill: #9aa0a6;
}

#curved_text:not(.loggedin *), #rolling_text:not(.loggedin *) {
	fill: #ccc;
	bottom: min(calc(100vh - min(9vw, 16vh)), calc(50vh + min(18vw, 32vh)));
}

#new_battle:not(.loggedin *), #new_battle.waiting_battle #fighting:not(.loggedin *) {
	filter: none !important;
}

#chat_preview:not(.loggedin *) {
	width: calc(clamp(14.15vw, 37.35vh, 18.75vw) * 1.2);
	z-index: 10;
	top: 69%;
	left: calc(50% + min(1vw, 1.775vh) - clamp(7.075vw, 18.675vh, 9.375vw));
	bottom: 3%;
	-webkit-mask-image: linear-gradient(transparent, #000 25%, #000 97%, transparent);
	color: #ccc;
}

#chat_preview:not(.loggedin *) .start_chat_gray {
	color: #ccc;
}

#fighting:not(.active_item *) {
	top: 50%;
	left: 50%;
	transform: translate(-50%, calc(min(12vw, 24vh) - 50%));
	width: min(14vw, 28vh);
	text-shadow: none;
	color: transparent;
}

#copyright:not(.loggedin *) {
	opacity: 0.6;
	z-index: 10;
}

.active_item:not(.loggedin *) {
	display: none;
}

.active_item {
	cursor: url(images/cursor2.webp) 0 0, auto;
	position: absolute;
}

.new_image_button:not(#chat_preview, #start_chat_input, #new_boat) {
	width: 100%;
	height: 100%;
}

#volcano_battle {
	bottom: 75%;
	left: 25%;
}

#volcano_fighting {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
	color: #420;
	font-weight: bold;
	text-shadow: -1px 0 #eca, 0 -1px #eca, 1px 0 #eca, 0 1px #eca;
	font-size: clamp(0.78vw, 2.07vh, 1.04vw);
	transition: filter 0.5s;
	top: 102%;
}

#volcano_fighting.ready {
	filter: drop-shadow(0 0 min(0.75vw, 1.5vh) rgba(255, 255, 255, 0.5)) drop-shadow(0 0 min(0.75vw, 1.5vh) rgba(255, 255, 255, 0.5)) drop-shadow(0 0 min(0.75vw, 1.5vh) rgba(255, 255, 255, 0.5));
}

#new_battle {
	bottom: clamp(6.32vw, 16.70vh, 8.38vw);
	left: calc(50% - clamp(5.97vw, 15.83vh, 7.91vw));
	width: clamp(11.32vw, 29.88vh, 15vw);
	height: clamp(10.02vw, 26.46vh, 13.28vw);
}

#new_battle .new_image_button {
	background-image: url(images/background_buttons/battle.webp);
	background-position: 59% 95%;
}

#new_tournaments {
	bottom: clamp(2.12vw, 5.6vh, 2.81vw);
	left: calc(50% - clamp(14.50vw, 38.43vh, 19.21vw));
	width: clamp(6.83vw, 18.05vh, 9.06vw);
	height: clamp(7.38vw, 19.5vh, 9.79vw);
}

#new_tournaments .new_image_button {
	background-image: url(images/background_buttons/tournaments.webp);
}

#new_tournaments .new_button_plate {
	transform: translate(-50%, -20%);
}

#new_achievements {
	bottom: clamp(5.11vw, 13.49vh, 6.77vw);
	left: calc(50% - clamp(38.67vw, 101.8vh, 51.1vw));
	width: clamp(14.77vw, 39.01vh, 19.58vw);
	height: clamp(16.23vw, 42.85vh, 21.51vw);
}

#new_achievements .new_image_button {
	background-image: url(images/background_buttons/achievements.webp);
}

#new_achievements .new_button_plate {
	transform: translate(-10%, -150%);
}

#new_volcano {
	bottom: clamp(21.69vw, 57.28vh, 28.74vw);
	left: calc(50% - clamp(10.92vw, 28.95vh, 14.47vw));
	width: clamp(16.78vw, 44.31vh, 22.23vw);
	height: clamp(11.67vw, 30.82vh, 15.46vw);
}

#new_volcano .new_image_button {
	background-image: url(images/background_buttons/volcano.webp);
	transition: opacity 4s;
	opacity: 0;
}

#new_volcano.eruption .new_image_button {
	opacity: 1;
}

#new_volcano .new_button_plate {
	top: 81%;
	transform: translateX(-38%);
	font-size: clamp(1.57vw, 4.151vh, 2.08vw);
}

#new_mailbox {
	bottom: clamp(8.8vw, 23.24vh, 11.66vw);
	left: calc(50% + clamp(12.85vw, 34.06vh, 17.03vw));
	width: clamp(6.44vw, 17.01vh, 8.54vw);
	height: clamp(8.92vw, 23.55vh, 11.82vw);
}

#new_mailbox .new_image_button {
	background-image: url(images/background_buttons/inbox.webp);
}

#new_mailbox:hover {
	background-size: 87% 87%;
}

#new_mailbox:active {
	background-size: 82% 82% !important;
}

#new_guide {
	bottom: clamp(1.88vw, 4.98vh, 2.5vw);
	left: calc(50% + clamp(9vw, 23.85vh, 11.92vw));
	width: clamp(8.41vw, 22.2vh, 11.14vw);
	height: clamp(5.22vw, 13.8vh, 6.92vw);
}

#new_guide .new_image_button {
	background-image: url(images/background_buttons/guide.webp);
}

#new_guide .new_button_plate {
	transform: translate(-60%, -40%);
}

#new_customize {
	bottom: clamp(17.53vw, 46.28vh, 23.22vw);
	left: calc(50% - clamp(9.63vw, 25.52vh, 12.76vw));
	width: clamp(1.88vw, 4.98vh, 2.5vw);
	height: clamp(4.75vw, 12.55vh, 6.3vw);
}

#new_customize .new_image_button {
	background-image: url(images/background_buttons/mirror.webp);
}

#new_customize .new_button_plate {
	transform: translateX(-36%);
}

#new_coins {
	bottom: clamp(12.06vw, 31.85vh, 15.98vw);
	left: calc(50% - clamp(15.84vw, 41.97vh, 20.98vw));
	width: clamp(6.95vw, 18.36vh, 9.21vw);
	height: clamp(6.25vw, 16.5vh, 8.28vw);
}

#new_coins .new_image_button {
	background-image: url(images/background_buttons/upgrades.webp);
}

#new_coins .new_button_plate {
	transform: translateX(-35%);
}

#new_mailbox .new_button_plate {
	transform: translate(-37%, -45%);
}

#new_companion {
	bottom: clamp(15.72vw, 41.51vh, 20.83vw);
	left: calc(50% + clamp(0.90vw, 2.39vh, 1.19vw));
	transform: none;
}

#new_companion.girl_0 {
	width: clamp(9.11vw, 24.07vh, 12.08vw);
	height: clamp(7.11vw, 18.78vh, 9.42vw);
}

#new_companion.girl_0 .new_image_button {
	background-image: url(images/background_buttons/companion_0.webp);
}

#new_companion.girl_1 {
	width: clamp(7.03vw, 18.57vh, 9.32vw);
	height: clamp(7.66vw, 20.23vh, 10.15vw);
}

#new_companion.girl_1 .new_image_button {
	background-image: url(images/background_buttons/companion_1.webp);
}

#new_companion.girl_2 {
	width: clamp(8.21vw, 21.68vh, 10.88vw);
	height: clamp(7.82vw, 20.65vh, 10.36vw);
}

#new_companion.girl_2 .new_image_button {
	background-image: url(images/background_buttons/companion_2.webp);
}

#new_companion.girl_3 {
	width: clamp(6.87vw, 18.16vh, 9.11vw);
	height: clamp(7.11vw, 18.78vh, 9.42vw);
}

#new_companion.girl_3 .new_image_button {
	background-image: url(images/background_buttons/companion_3.webp);
}

#new_companion.girl_4 {
	width: clamp(8.09vw, 21.37vh, 10.72vw);
	height: clamp(6.76vw, 17.84vh, 8.95vw);
}

#new_companion.girl_4 .new_image_button {
	background-image: url(images/background_buttons/companion_4.webp);
}

#new_boat {
	bottom: clamp(3.49vw, 9.23vh, 4.63vw);
	left: clamp(0.86vw, 2.28vh, 1.14vw);
	width: clamp(18.94vw, 50.01vh, 25.10vw);
	height: clamp(18.71vw, 49.39vh, 24.79vw);
}

#new_boat {
	background-image: url(images/background_buttons/caravel.webp) !important;
}

#new_world_cup {
	bottom: clamp(15.48vw, 40.88vh, 20.52vw);
	left: calc(50% - clamp(23.89vw, 63.33vh, 31.66vw));
	width: clamp(7.38vw, 19.5vh, 9.79vw);
	height: clamp(7.58vw, 20.02vh, 10.05vw);
}

#new_world_cup .new_image_button {
	background-image: url(images/background_buttons/world_cup.webp);
}

#new_list_of_ranks {
	bottom: clamp(7.15vw, 18.88vh, 9.47vw);
	left: calc(50% - clamp(23.23vw, 61.56vh, 30.78vw));
	width: clamp(6.6vw, 17.43vh, 8.75vw);
	height: clamp(5.54vw, 14.63vh, 7.34vw);
}

#new_list_of_ranks .new_image_button {
	background-image: url(images/background_buttons/list_of_ranks.webp);
}

#new_list_of_ranks .new_button_plate {
	transform: translateX(-40%);
}

#new_wage {
	bottom: clamp(6.21vw, 16.39vh, 8.22vw);
	left: calc(50% + clamp(18.86vw, 50vh, 25vw));
	width: clamp(3.3vw, 8.71vh, 4.37vw);
	height: clamp(2.27vw, 6.01vh, 3.02vw);
	transition: filter 0.36s ease-out, 0.72s ease-in-out, opacity 0.84s cubic-bezier(0.22, 0.01, 0.95, -0.03);
	z-index: 5;
}

#new_wage .new_image_button {
	background-image: url(images/background_buttons/wage.webp);
}

#new_wage.present .new_image_button {
	width: clamp(3.3vw, 8.71vh, 4.37vw);
	height: clamp(3.3vw, 8.71vh, 4.37vw);
	background-position: bottom;
	transform: scale(2.6);
}

#loading_bar {
	position: relative;
	height: min(0.5vw, 1vh);
	background: linear-gradient(rgb(158, 168, 178) 0%, rgb(24, 24, 32) 72%, rgb(128, 138, 148) 130%);
}

#loading_bar_container {
	display: block;
	height: min(0.5vw, 1vh);
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
	margin-top: max(-0.5vw, -1vh);
	width: min(14vw, 28vh);
}

.loggedin #loading_bar_container {
	margin-top: min(0.5vw, 1vh);
	width: 100%;
}

.first_button #loading_bar_container {
	margin-top: min(0.5vw, 1vh);
}

.new_counter {
	display: none;
	text-align: center;
	width: min(1.3vw, 2.6vh);
	height: min(1.3vw, 2.6vh);
	border-radius: 50%;
	position: absolute;
	top: max(-0.8vw, -1.6vh);
	right: max(-1.6vw, -3.2vh);
	line-height: min(1.3vw, 2.6vh);
	text-shadow: none;
	color: #fff;
	font-size: min(0.9vw, 1.8vh);
	background-color: #0048FF;
	box-shadow: 0 0 min(0.5vw, 1vh) min(0.36vw, 0.72vh) #0048FF;
}

#royal_upgrades .new_counter {
	top: 0px;
	right: 0px;
}

#window .title {
	color: #221 !important;
}

.glory_container {
	width: calc(100% + min(2vw, 4vh));
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% + min(3vw, 6vh));
	transform: translate(max(-1vw, -2vh), max(-2vw, -4vh));
	flex-wrap: wrap;
}

.frame_vertical {
	width: min(2vw, 4vh);
	height: min(50vw, 100vh);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(images/project_images/frame_vertical.webp);
	background-size: 100%;
	z-index: 3;
	filter: drop-shadow(0px 0px min(0.5vw, 1vh) rgba(0, 0, 0, 0.5));
}

.glory_container .frame_vertical {
	left: 62%;
}

#companion_container .frame_vertical {
	left: 33%;
}

#window_grid {
	position: absolute;
	height: min(50vw, 100vh);
	background-image: url(images/project_images/tournaments_grid.webp);
	width: min(54.58vw, 109.16vh);
	background-size: 100%;
	left: min(1vw, 2vh);
	z-index: 3;
	pointer-events: none;
	transform: translate(max(-3vw, -6vh), max(-4vw, -8vh));
}

#window_title {
	position: absolute;
	top: 0;
	width: min(22vw, 44vh);
	height: min(4.2vw, 8.4vh);
	line-height: min(4vw, 8vh);
	text-align: center;
	font-family: main;
	font-size: min(2vw, 4vh);
	z-index: 3;
	left: 50%;
	transform: translate(-50%, 10%);
	background-image: url(images/project_images/nameplate.webp);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	color: #420;
}

#window_background {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 96%;
	height: 90%;
	transform: translate(-50%, -50%);
	background-size: min(20vw, 40vh);
	background-image: url(images/project_images/window_repeat.webp);
}

#window {
	position: absolute;
	width: min(87.5vw, 175vh);
	height: min(50vw, 100vh);
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -49.6%);
	transition: opacity 0.12s;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	pointer-events: none;
}

#window_inner {
	width: 93%;
	height: 80%;
	top: 52%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}

#window_inner.thin {
	width: auto;
}

#window_frame {
	width: 100%;
	height: 100%;
	background-image: url(images/project_images/window_frame.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	pointer-events: none;
	position: absolute;
	z-index: 3;
	filter: drop-shadow(0px 0px min(0.5vw, 1vh) rgba(0, 0, 0, 0.5));
}

#window_close {
	position: absolute;
	width: min(3.6vw, 7.2vh);
	height: min(3.6vw, 7.2vh);
	background-image: url(images/project_images/close_button.webp);
	background-size: 100%;
	top: min(1.3vw, 2.6vh);
	right: min(0.2vw, 0.4vh);
	background-position: center;
	background-repeat: no-repeat;
	transition: background-size 0.36s;
	z-index: 4;
}

#window_close:hover {
	background-size: 102.8%;
}

#window_close:active {
	background-size: 96.2%;
}

#window_frame_eagle {
	display: none;
	background-image: url(images/project_images/inbox_battle_results.webp);
	height: 100%;
	width: 100%;
	background-size: min(40vw, 80vh);
	opacity: 0.5;
	background-repeat: no-repeat;
	margin: auto;
	background-position: min(8vw, 16vh) center;
}

#no_messages_yet, #fight_a_battle, #complete_quests {
	font-size: min(2vw, 4vh);
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	text-align: center;
	color: #111;
	line-height: min(3vw, 6vh);
	height: min-content;
	width: 100%;
}

.main_title, .main_sub_title {
	margin: auto;
	width: max-content;
	white-space: nowrap;
	background-clip: text;
	color: transparent;
}

.main_title {
	font-size: calc(clamp(1.33vw, 3.52vh, 1.77vw) * 3);
	line-height: calc(clamp(1.33vw, 3.52vh, 1.77vw) * 3);
	font-family: main;
	height: auto;
	background-image: linear-gradient(#fff 19%, #fe4 36%, #a60 90%, #000 107%);
	margin-bottom: calc(clamp(1.33vw, 3.52vh, 1.77vw) * 0.6);
	letter-spacing: calc(clamp(1.33vw, 3.52vh, 1.77vw) * 0.3);
	transform: translateX(1.5%);
}

.main_title:not(.loggedin *) {
	font-size: min(5.31vw, 9.44vh);
	line-height: min(5.31vw, 9.44vh);
	margin-bottom: min(1.062vw, 1.888vh);
	letter-spacing: min(0.531vw, 0.944vh);
}

.main_title.background {
	transform: translateX(-48.5%);
}

.main_title.background, .main_sub_title.background {
	position: absolute;
	left: 50%;
	text-shadow: -1px 0 rgb(16, 16, 16), 0 -1px rgb(16, 16, 16), 1px 0 rgb(16, 16, 16), 0 1px rgb(16, 16, 16), 0px 0px min(0.72vw, 1.44vh) #000, 0px 0px min(0.72vw, 1.44vh) rgba(0, 0, 0, 0.2);
	z-index: -1;
}

.main_title.background {
	text-shadow: -1px 0 rgb(16, 16, 16), 0 -1px rgb(16, 16, 16), 1px 0 rgb(16, 16, 16), 0 1px rgb(16, 16, 16), 0px 0px min(0.72vw, 1.44vh) #000;
}

#title {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	z-index: 10;
	width: calc(clamp(1.33vw, 3.52vh, 1.77vw) * 14);
	height: calc(clamp(1.33vw, 3.52vh, 1.77vw) * 6);
}

.loggedin #title {
	bottom: clamp(clamp(23.275vw, 61.6vh, 30.975vw), clamp(33.25vw, 88vh, 44.25vw), calc(100% - clamp(8.645vw, 22.88vh, 11.505vw)));
}

#title:not(.loggedin *) {
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
	top: min(1.77vw, 3.147vh);
	z-index: 10;
	width: min(24.78vw, 44.053vh);
	height: min(10.62vw, 18.88vh);
}

.main_sub_title {
	position: absolute;
	font-size: calc(clamp(1.33vw, 3.52vh, 1.77vw) * 0.64);
	background-image: linear-gradient(#ccc 36%, #777);
	font-weight: normal;
	height: auto;
	left: 50%;
	transform: translateX(85%);
	transition: transform 1.6s;
	opacity: 0;
}

.main_sub_title:not(.loggedin *) {
	font-size: min(1.1vw, 1.95vh);
}

.main_sub_title.small {
	font-size: calc(clamp(1.33vw, 3.52vh, 1.77vw) * 0.54);
	font-weight: bold;
	letter-spacing: max(-0.025vw, -0.05vh);
}

.main_sub_title.current {
	transform: translateX(-50%);
	opacity: 1;
}

.main_sub_title.rolled {
	transform: translateX(-185%);
	opacity: 1;
}

.t_arrow.lof {
	left: 234.5%;
}

#list_search.lof {
	left: min(30vw, 60vh);
}

#list_of_ranks {
	display: flex;
	width: calc(100% - min(31.25vw, 62.5vh));
	height: 100%;
	transition: opacity 0.2s ease-in-out;
	flex-wrap: wrap;
	flex-direction: column;
}

#list_of_ranks .global_leaderboard_row {
	display: flex;
	font-family: chat;
	width: min(25vw, 50vh);
	border: none;
	justify-content: space-between;
	padding: min(1.25vw, 2.5vh) min(1.1vw, 2.2vh);
	line-height: min(1.5vw, 3vh);
}

#list_of_ranks_rows .global_leaderboard_row {
	padding: min(0.14vw, 0.28vh) min(1.25vw, 2.5vh);
	width: min(25vw, 50vh);
}

#list_of_ranks_rows .glv {
	font-size: min(0.85vw, 1.7vh);
}

#list_of_ranks_rows .flag_icon {
	height: min(0.96vw, 1.92vh);
	width: min(1.65vw, 3.3vh);
	margin: min(0.1vw, 0.2vh) 0;
}

#list_of_ranks_rows .rank_icon {
	transform: scale(2.2) translateY(min(0.06vw, 0.12vh));
}

#list_of_ranks_rows .rank_icon.rank_1 {
	transform: scale(2.3);
}

#list_of_ranks_rows .rank_icon.rank_0 {
	transform: scale(2.1);
}

#list_of_ranks_rows .star_icon {
	transform: scale(0.9);
}

#list_of_ranks_rows hr {
	padding: min(0.1vw, 0.2vh) 0;
}

.global_leaderboard_row.small_row {
	padding: min(0.525vw, 1.05vh) min(1vw, 2vh) !important;
	width: min(25vw, 50vh) !important;
}

.global_leaderboard_row.small_row .flag_icon {
	height: min(1.28vw, 2.56vh);
	width: min(2.2vw, 4.4vh);
	margin: 0;
}

.global_leaderboard_row.small_row .glv {
	font-size: min(0.95vw, 1.9vh);
}

.global_leaderboard_row.small_row .rank_icon {
	transform: scale(2.6) translateY(min(0.05vw, 0.1vh)) !important;
}

.global_leaderboard_row.extra_small_row {
	padding: 0 min(1.25vw, 2.5vh);
}

#list_of_ranks .glv .rank_icon {
	transform: scale(2.8) translate(min(0.05vw, 0.1vh), max(-0.03vw, -0.06vh));
}

#list_of_ranks .glv .rank_icon.rank_4 {
	transform: scale(4) translate(min(0.05vw, 0.1vh), min(0.16vw, 0.32vh));
}

#list_of_ranks .small_row .glv .rank_icon.rank_4 {
	transform: scale(2.8) translate(min(0.05vw, 0.1vh), min(0.2vw, 0.4vh));
}

#list_of_ranks {
	width: 67%;
}

#frame_vertical_1 {
	transform: translate(-50%, -50%);
	left: 66.7%;
}

#frame_vertical_2 {
	transform: translate(-50%, -50%);
	left: 33.3%;
}

#list_of_ranks hr {
	width: 50%;
}

#list_of_ranks_rows {
	margin-left: 0;
	width: min(27.5vw, 55vh);
	padding: min(0.3vw, 0.6vh) 0 min(1vw, 2vh) 0;
}

#tournament_rows .glv .rank_icon, .glv .rank_icon {
	transform: scale(3.2) translate(min(0.15vw, 0.3vh));
}

.glv .rank_icon.rank_4, #tournament_rows .glv .rank_icon.rank_4 {
	transform: scale(3.2) translate(min(0.15vw, 0.3vh), min(0.1vw, 0.2vh));
}

.global_leaderboard_coins {
	transform: translateX(min(1vw, 2vh));
}

.global_leaderboard_diamonds {
	margin-left: min(1.8vw, 3.6vh);
	margin-right: max(-1vw, -2vh);
}

#global_leaderboard_sort_type_2 {
	min-width: min(9vw, 18vh);
	width: max-content;
	pointer-events: none;
	font-size: min(2vw, 4vh) !important;
}

#global_leaderboard_sort_type_1, #global_leaderboard_sort_type_3 {
	width: min(2.8vw, 5.6vh);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(images/project_images/arrow.webp);
}

#global_leaderboard_sort_type_1 {
	transform: rotate(180deg);
}

.tournaments_slot_container {
	width: 100%;
	height: calc(100% - min(0.5vw, 1vh));
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.t_slot_0 {
	width: 33.3%;
	height: 20%;
}

.t_slot_1 {
	width: 33.3%;
	height: 14.28%;
}

.t_slot_2 {
	width: 33.3%;
	height: 12.5%;
}

.t_flag_icon {
	pointer-events: none;
	margin: 0;
	position: absolute;
	width: 82%;
	height: 100%;
	background-size: 1280%;
	line-height: min(1.8vw, 3.6vh);
	background-position: top left;
	text-align: center;
	font-size: min(0.8vw, 1.6vh);
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
	top: 0;
	left: 0;
	-webkit-mask-image: linear-gradient(135deg, black, transparent 60%);
	transition: background-size 0.36s, filter 0.36s;
}

.t_slot_1 .t_flag_icon {
	width: 65%;
	-webkit-mask-image: linear-gradient(135deg, black, transparent 72%);
}

.t_slot_2 .t_flag_icon {
	width: min(8.5vw, 17vh);
	height: min(5.3vw, 10.6vh);
	-webkit-mask-image: linear-gradient(135deg, black, transparent 74%);
}

.t_slot_0 .t_place {
	font-size: min(5vw, 10vh);
	transform: translateY(max(-3.05vw, -6.1vh));
}

#world_cup .t_slot_0 .t_place {
	font-size: min(5vw, 10vh);
	transform: translateY(-63%);
}

.t_slot_1 .t_place {
	font-size: min(3.8vw, 7.4vh);
	transform: translateY(max(-2.15vw, -4.3vh));
}

.t_slot_2 .t_place {
	font-size: min(2.8vw, 5.6vh);
	transform: translateY(max(-1.75vw, -3.5vh));
}

.t_place {
	width: min(5.4vw, 10.8vh);
	font-size: min(3.6vw, 7.2vh);
	text-align: center;
	color: #fff;
	opacity: 0.48;
	position: absolute;
	top: 50%;
	transform: translateY(max(-1.8vw, -3.6vh));
	text-shadow: -2px 0 rgba(0, 0, 0, 0.32), 0 -2px rgba(0, 0, 0, 0.32), 2px 0 rgba(0, 0, 0, 0.32), 0 2px rgba(0, 0, 0, 0.32);
	font-family: main;
	height: min(5vw, 10vh);
	background-size: 72%;
	background-position: center;
	background-repeat: no-repeat;
}

.t_slot_container {
	position: relative;
}

.t_slot_container:hover {
	background: left / min(10vw, 20vh) repeat url(images/blinking_stars.gif), min(4vw, 8vh) min(3vw, 6vh) / min(10vw, 20vh) repeat url(images/blinking_stars.gif);
}

.t_info_container {
	display: flex;
	justify-content: space-evenly;
	flex-direction: column;
	position: absolute;
	right: 0;
	height: 94%;
	padding: 0 min(0.5vw, 1vh);
	align-items: flex-end;
	margin-right: min(0.1vw, 0.2vh);
	font-weight: bold;
	color: #531;
	margin-top: min(0.2vw, 0.4vh);
}

#world_cup .t_info_container {
	justify-content: space-evenly;
	flex-direction: column;
	align-items: center;
	height: calc(100% - min(2.6vw, 5.2vh));
	margin-top: min(1.3vw, 2.6vh);
	justify-content: space-between;
	margin-right: min(0.4vw, 0.8vh);
	width: calc(100% - min(5vw, 10vh));
}

#world_cup .t_slot_1 .t_info_container {
	height: calc(100% - min(1.2vw, 2.4vh));
	margin-top: min(0.6vw, 1.2vh);
	justify-content: space-between;
	margin-right: 0;
}

#world_cup .t_slot_2 .t_info_container {
	height: calc(100% - min(1.4vw, 2.8vh));
	margin-top: min(0.7vw, 1.4vh);
	justify-content: space-between;
	margin-right: min(0.1vw, 0.2vh);
}

.t_slot_0 .t_stars .star_icon {
	transform: scale(2.1) translateY(max(-0.1vw, -0.2vh));
	margin-left: min(0.8vw, 1.6vh);
	margin-right: min(0.4vw, 0.8vh);
}

.t_crystals .crystal_icon {
	background-image: url(images/crystal.webp);
	background-size: 100%;
	width: min(1vw, 2vh);
	height: min(1vw, 2vh);
	display: inline-block;
	vertical-align: middle;
	transform: scale(1.5) translate(min(0.3vw, 0.6vh), max(-0.15vw, -0.3vh));
	margin-right: min(0.4vw, 0.8vh);
}

.t_slot_1 .t_crystals .crystal_icon {
	margin-left: min(0.5vw, 1vh);
	transform: scale(1.7) translate(min(0.2vw, 0.4vh), max(-0.15vw, -0.3vh));
}

.t_slot_0 .t_crystals .crystal_icon {
	margin-left: min(0.5vw, 1vh);
	transform: scale(1.8) translateY(max(-0.15vw, -0.3vh));
}

#world_cup .t_slot_0 .t_stars .star_icon {
	margin-left: min(0.5vw, 1vh);
	margin-right: 0;
	width: min(0.7vw, 1.4vh);
	height: min(0.7vw, 1.4vh);
}

#world_cup .t_slot_0 .t_coins .player_icon {
	width: min(0.7vw, 1.4vh);
	height: min(0.7vw, 1.4vh);
	transform: scale(1.4);
}

.t_slot_0 .t_coins .coin_icon {
	transform: scale(2) translateY(max(-0.05vw, -0.1vh));
	margin-left: min(0.8vw, 1.6vh);
	margin-right: min(0.4vw, 0.8vh);
}

.t_slot_1 .t_stars .star_icon {
	transform: scale(1.8) translateY(max(-0.1vw, -0.2vh));
	margin-left: min(0.7vw, 1.4vh);
	margin-right: min(0.2vw, 0.4vh);
}

#world_cup .t_slot_1 .t_stars .star_icon {
	margin-right: 0;
	margin-left: min(0.45vw, 0.9vh);
	width: min(0.6vw, 1.2vh);
	height: min(0.6vw, 1.2vh);
}

#world_cup .t_slot_1 .t_coins .player_icon {
	width: min(0.6vw, 1.2vh);
	height: min(0.6vw, 1.2vh);
}

#world_cup .t_slot_2 .t_stars .star_icon {
	margin-right: 0;
	margin-left: min(0.3vw, 0.6vh);
}

.t_slot_1 .t_coins .coin_icon {
	transform: scale(1.8) translateY(max(-0.025vw, -0.05vh));
	margin-left: min(0.6vw, 1.2vh);
	margin-right: min(0.2vw, 0.4vh);
}

.t_stars, .t_coins, .t_crystals {
	font-size: min(1vw, 2vh);
	line-height: min(1vw, 2vh);
	margin: min(0.25vw, 0.5vh) 0;
	margin-right: min(0.4vw, 0.8vh);
	height: min(0.75vw, 1.5vh);
}

#world_cup .t_stars, #world_cup .t_coins {
	font-size: min(0.8vw, 1.6vh);
	font-weight: bold;
}

#world_cup .t_slot_1 .t_stars, #world_cup .t_slot_1 .t_coins {
	font-size: min(0.9vw, 1.8vh);
}

#world_cup .t_slot_0 .t_stars, #world_cup .t_slot_0 .t_coins {
	font-size: min(1vw, 2vh);
}

#world_cup .t_stars .star_icon, #world_cup .t_coins .player_icon {
	width: min(0.5vw, 1vh);
	height: min(0.5vw, 1vh);
}

.t_slot_1 .t_stars, .t_slot_1 .t_coins {
	margin: min(0.4vw, 0.8vh) 0;
	margin-right: min(0.4vw, 0.8vh);
}

.t_stars .star_icon {
	width: min(1vw, 2vh);
	height: min(1vw, 2vh);
	vertical-align: middle;
	transform: scale(1.4) translateY(max(-0.15vw, -0.3vh));
	margin-left: min(0.5vw, 1vh);
}

.t_coins .coin_icon {
	width: min(1vw, 2vh);
	height: min(1vw, 2vh);
	vertical-align: bottom;
	transform: scale(1.4) translateY(max(-0.02vw, -0.04vh));
	margin-left: min(0.5vw, 1vh);
}

.t_name .rank_icon {
	transform: translate(-50%, 23%) scale(3.6);
	position: absolute;
	left: 50%;
	margin: 0;
	z-index: -1;
	opacity: 0.72;
}

.t_name_container {
	position: relative;
	height: 100%;
}

.t_slot_0 .t_name {
	font-size: min(1.6vw, 3.2vh);
}

#world_cup .t_name {
	transform: translateY(calc(min(0.1vw, 0.2vh) - 50%));
	text-shadow: 0 -1px rgba(224, 240, 255, 0.25), -1px 0 rgba(224, 240, 255, 0.25), 0 1px rgba(224, 240, 255, 0.25), 1px 0 rgba(224, 240, 255, 0.25);
	color: #420;
}

#world_cup .t_slot_0 .t_name {
	width: calc(100% - min(2.5vw, 5vh));
	font-size: min(2vw, 4vh);
	float: right;
}

.t_slot_0 .t_name .rank_icon {
	transform: translate(-50%, 50%) scale(7.2);
}

.t_slot_0 .t_name .rank_icon.rank_0 {
	transform: translate(-50%, 45%) scale(7.2);
}

#world_cup .t_slot_0 .t_name .rank_icon {
	transform: translate(-50%, 34%) scale(4);
}

.t_slot_1 .t_name .rank_icon {
	transform: translate(-50%, 20%) scale(4.8);
}

.t_slot_1 .t_name .rank_icon.rank_0 {
	transform: translate(-50%, 28%) scale(7.2);
}

#world_cup .t_slot_1 .t_name {
	width: calc(100% - min(2.5vw, 5vh));
	font-size: min(1.9vw, 3.8vh);
	float: right;
}

.t_slot_2 .t_name {
	font-size: min(1.2vw, 2.4vh);
}

#world_cup .t_slot_2 .t_name {
	width: calc(100% - min(2.5vw, 5vh));
	font-size: min(1.6vw, 3.2vh);
	float: right;
}

.t_slot_2 .t_name .rank_icon {
	transform: translate(-50%, 20%) scale(4.6);
}

.t_slot_2 .t_name .rank_icon.rank_0 {
	transform: translate(-50%, 15%) scale(4.6);
}

.t_name {
	position: relative;
	top: 50%;
	text-align: center;
	transform: translateY(-50%);
	font-size: min(1.2vw, 2.4vh);
	width: 100%;
	text-shadow: 0 -2px rgba(32, 16, 0, 0.72), -2px 0 rgba(32, 16, 0, 0.72), 0 2px rgba(32, 16, 0, 0.72), 2px 0 rgba(32, 16, 0, 0.72);
	color: #f0f8ff;
	opacity: 0.9;
	font-family: main;
	letter-spacing: min(0.07vw, 0.14vh);
}

#tournaments_slot_container_0 {
	height: min(24.1vw, 48.2vh);
}

#tournaments_slot_container_1 {
	height: min(9vw, 18vh);
}

#tournaments_slot_container_2 {
	height: min(9vw, 18vh);
}

#tournament_rows {
	width: min(30.25vw, 60.5vh);
	transform: translateX(max(-0.6vw, -1.2vh));
	overflow: hidden auto;
	margin-left: min(1.5vw, 3vh);
	height: 100%;
	transition: opacity 0.2s;
	padding: min(0.4vw, 0.8vh) 0;
	scroll-behavior: smooth;
}

#rewards_timer {
	font-size: min(0.9vw, 1.8vh);
	text-align: center;
	transition: opacity 0.36s;
	position: absolute;
	width: min(27vw, 54vh);
	background-image: url(images/search_timer/timer_bar.webp);
	height: min(3.1vw, 6.2vh);
	line-height: min(3.1vw, 6.2vh);
	left: min(39.5vw, 79vh);
	top: min(1vw, 2vh);
	text-shadow: none;
	background-size: 100%;
	font-weight: bold;
	color: #531;
}

#tournament_tabs {
	display: flex;
	width: min(52vw, 104vh);
	justify-content: space-around;
	width: 84%;
	height: 100%;
	margin: auto;
}

#tournament_tabs .glv {
	cursor: url(images/cursor2.webp) 0 0, auto;
	font-family: main;
	color: #420;
	font-size: min(1.5vw, 3vh);
	line-height: min(3.9vw, 7.8vh);
	transition: opacity 0.32s;
	font-weight: normal;
	height: 100%;
}

#tournaments {
	width: calc(100% - min(31.25vw, 62.5vh));
	height: calc(100% + min(2vw, 4vh));
	transition: opacity 0.36s;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.mirror_t {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: min(2vw, 4vh);
	width: 100%;
	background-image: url(images/mirror/t.webp);
	background-size: contain;
	bottom: 100%;
	z-index: 3;
	pointer-events: none;
}

.mirror_tl {
	position: absolute;
	height: min(2vw, 4vh);
	width: min(2vw, 4vh);
	background-image: url(images/mirror/tl.webp);
	background-size: 100%;
	right: 100%;
	bottom: 100%;
	z-index: 3;
	pointer-events: none;
}

.mirror_l {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: min(2vw, 4vh);
	height: 100%;
	background-image: url(images/mirror/l.webp);
	background-size: contain;
	right: 100%;
	z-index: 3;
	pointer-events: none;
}

.mirror_bl {
	position: absolute;
	height: min(2vw, 4vh);
	width: min(2vw, 4vh);
	background-image: url(images/mirror/bl.webp);
	background-size: 100%;
	top: 100%;
	right: 100%;
	z-index: 3;
	pointer-events: none;
}

.mirror_b {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: min(2vw, 4vh);
	width: 100%;
	background-image: url(images/mirror/b.webp);
	background-size: contain;
	top: 100%;
	z-index: 3;
	pointer-events: none;
}

.mirror_br {
	position: absolute;
	height: min(2vw, 4vh);
	width: min(2vw, 4vh);
	background-image: url(images/mirror/br.webp);
	background-size: 100%;
	top: 100%;
	left: 100%;
	z-index: 3;
	pointer-events: none;
}

.mirror_r {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: min(2vw, 4vh);
	height: 100%;
	background-image: url(images/mirror/r.webp);
	background-size: contain;
	left: 100%;
	z-index: 3;
	pointer-events: none;
}

.mirror_tr {
	position: absolute;
	height: min(2vw, 4vh);
	width: min(2vw, 4vh);
	background-image: url(images/mirror/tr.webp);
	background-size: 100%;
	bottom: 100%;
	left: 100%;
	z-index: 3;
	pointer-events: none;
}

.mirror_thin {
	opacity: 0.5;
}

.mirror_gradient {
	height: calc(100% + min(2.75vw, 5.5vh));
	width: calc(100% + min(2.75vw, 5.5vh));
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	border-radius: min(1.85vw, 3.7vh);
	pointer-events: none;
}

.final_star {
	background-size: 100%;
	height: min(3vw, 6vh);
	width: min(3vw, 6vh);
	background-image: url(images/final_star.webp);
	transition: transform 0.3s cubic-bezier(0.78, -0.02, 0.97, 0.45), opacity 0.7s;
	transform: rotate(-45deg) scale(3);
	opacity: 0;
}

.victory .map_chat_gray {
	color: #999;
}

.empty_final_star {
	background-size: 100%;
	height: min(3vw, 6vh);
	width: min(3vw, 6vh);
	background-image: url(images/empty_star.webp);
	margin-left: max(-3vw, -6vh);
	z-index: 1;
}

.final_loot {
	width: min(3.6vw, 7.2vh);
	height: min(3.6vw, 7.2vh);
	text-align: right;
	font-size: min(0.8vw, 1.6vh);
	line-height: min(6.5vw, 13vh);
	background-size: 100%;
	margin: min(1vw, 2vh) min(0.7vw, 1.4vh) max(-0.5vw, -1vh) min(0.7vw, 1.4vh);
	color: #dde;
	position: relative;
	background-color: rgba(0, 0, 0, 0.5);
	border: min(0.1vw, 0.2vh) solid #222;
	border-radius: 16%;
	padding: min(0.2vw, 0.4vh);
	background-size: 60%;
	background-position: center 20%;
	background-repeat: no-repeat;
	pointer-events: all;
}

.final_loot.tall {
	margin-bottom: min(0.2vw, 0.4vh);
}

.final_loot.big {
	width: min(5vw, 10vh);
	height: min(5vw, 10vh);
}

.final_loot.big .final_loot_nmb {
	font-size: min(0.9vw, 1.8vh);
	top: min(3.9vw, 7.8vh);
}

.final_loot_nmb {
	font-size: min(0.8vw, 1.6vh);
	text-align: center;
	line-height: min(1vw, 2vh);
	position: absolute;
	top: min(2.75vw, 5.5vh);
	width: 100%;
	left: 0px;
}

.final_loot_row {
	display: flex;
	justify-content: center;
	margin: min(0.3vw, 0.6vh) 0;
}

.final_loot_row.resources_are_sent {
	font-size: min(1vw, 2vh);
	justify-content: center;
	line-height: min(3vw, 6vh);
	transform: translateY(30%);
}

#final_stars_container {
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	background-size: min(3vw, 6vh);
	width: fit-content;
	margin: auto;
}

.victory #final_stars_container {
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	background-size: min(3vw, 6vh);
	width: fit-content;
	margin: auto;
	width: min(30vw, 60vh);
	max-height: min(16vw, 32vh);
}

#final_loot_container {
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	background-size: min(3vw, 6vh);
	width: 100%;
	margin: auto;
	opacity: 0;
	transition: opacity 1s;
	flex-direction: column;
	align-content: center;
	align-items: center;
}

#final_stars_container.large {
	width: min(60vw, 120vh);
}

#final_stars_container.extra_large {
	width: min(90vw, 180vh);
}

#final_stars_container.extra_large .final_star {
	height: min(2.2vw, 4.4vh);
	width: min(2.2vw, 4.4vh);
}

#final_stars_container.extra_large .empty_final_star {
	height: min(2.2vw, 4.4vh);
	width: min(2.2vw, 4.4vh);
	margin-left: max(-2.2vw, -4.4vh);
}

.loot_details_name {
	width: max-content;
	font-size: min(1.1vw, 2.2vh);
	text-align: right;
	line-height: min(2.8vw, 5.6vh);
	transform: translateY(25%);
}

.loot_details_name.big {
	font-size: min(1.4vw, 2.8vh);
	transform: translateY(25%);
}

.play_again {
	display: none;
	position: relative;
	margin-top: min(0.8vw, 1.6vh);
	text-align: center;
	pointer-events: auto !important;
	line-height: min(4.8vw, 9.6vh);
	width: min(16vw, 32vh);
	height: min(5vw, 10vh);
}

.victory .play_again {
	display: inline-block;
	line-height: min(4.8vw, 9.6vh);
	font-size: min(1.9vw, 3.8vh);
	margin: min(1.5vw, 3vh) min(0.5vw, 1vh) 0 min(0.5vw, 1vh);
	background-image: url(images/black_button.webp);
	background-repeat: no-repeat;
}

#final_loot_container hr {
	width: 100%;
	display: block;
	border-top: min(0.1vw, 0.2vh) solid rgba(221, 221, 221, 0.75);
	margin: min(2vw, 4vh) 0 min(0.5vw, 1vh) 0;
}

.victory hr {
	display: none;
}

#final_stats_defeater {
	text-align: center;
	width: 100%;
	white-space: nowrap;
}

.victory #final_stats_defeater {
	font-family: main;
	font-size: min(2.8vw, 5.6vh);
	margin-bottom: min(1.2vw, 2.4vh);
}

#final_stats_background {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
	transform: scale(1.3) translateY(-200vh);
	filter: drop-shadow(0 200vh min(1.5vw, 3vh) rgba(0, 0, 0, 0.6));
	z-index: -1;
}

#final_stats {
	position: absolute;
	color: #ddd;
	font-size: min(2.5vw, 5vh);
	min-width: min(25vw, 50vh);
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	transition: 2s opacity;
	opacity: 0;
	pointer-events: none;
	text-align: center;
}

.t_arrow.inbox {
	left: 191%;
}

.inbox_message {
	color: #2a2a2a;
	font-size: min(1.2vw, 2.4vh);
	padding: min(0.5vw, 1vh) min(1.5vw, 3vh);
	width: calc(100% - min(3vw, 6vh));
	padding-bottom: min(1.1vw, 2.2vh);
	background-image: url(images/project_images/inbox_horizontal.webp);
	background-size: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
}

.inbox_new {
	color: #000;
	font-weight: bold;
}

#inbox_message .coin_icon, #inbox_message .star_icon {
	margin: 0;
	vertical-align: middle !important;
	transform: translateY(-10%);
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	margin-left: min(0.3vw, 0.6vh);
}

#inbox_message .coin_icon {
	transform: translateY(-5%) scale(0.9);
}

.current_mail {
	color: #000;
}

.inbox_table_row {
	width: 100%;
	display: block;
	height: min(2.6vw, 5.2vh);
	padding: min(0.5vw, 1vh) min(0.5vw, 1vh);
	transform: translateX(max(-0.5vw, -1vh));
}

.inbox_table_row .rank_icon {
	color: #fff;
	text-align: center;
	font-size: min(0.9vw, 1.8vh);
	line-height: min(5.3vw, 10.6vh);
	transform: translate(-15%, -12%);
	width: min(5.4vw, 10.8vh);
	height: min(5.4vw, 10.8vh);
	background-position: center;
	float: left;
	clear: left;
	margin: max(-0.75vw, -1.5vh) max(-1.6vw, -3.2vh) max(-1.6vw, -3.2vh) max(-0.4vw, -0.8vh);
}

.inbox_table_row .rank_icon.rank_3 {
	margin-top: max(-0.5vw, -1vh);
}

.inbox_table_row .rank_icon.rank_4 {
	margin-top: 0px;
	line-height: min(5.2vw, 10.4vh);
}

.inbox_table_row .star_icon {
	vertical-align: sub;
}

.message_title {
	font-size: min(1.8vw, 3.6vh);
	display: inline-block;
	width: calc(100% - min(3vw, 6vh));
	color: #3A1E08;
	font-weight: bold;
}

.message_title div {
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	display: inline-block;
	vertical-align: bottom;
	margin: 0 min(1vw, 2vh) 0 min(0.5vw, 1vh);
	background-size: 100%;
	transform: scale(1.5);
}

.inbox_table_name {
	text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
}

.inbox_table_column {
	width: 34%;
}

.inbox_message div {
	width: min(1.5vw, 3vh);
	height: min(1.5vw, 3vh);
	display: inline-block;
	vertical-align: bottom;
	margin: 0 min(1.5vw, 3vh) 0 min(0.5vw, 1vh);
	background-size: 100%;
	transform: scale(1.5) translateX(min(0.3vw, 0.6vh));
}

.inbox_message .inbox_rank_icon {
	transform: translateX(30%) scale(2.4);
}

.inbox_swords_icon {
	background-image: url(images/project_images/inbox_battle.webp);
}

.inbox_tournament_icon {
	background-image: url(images/project_images/inbox_tournament.webp);
}

#inbox_messages_container .frame_vertical {
	left: 21.5%;
}

#inbox_table {
	display: flex;
	justify-content: space-evenly;
}

#no_messages_yet {
	width: 74%;
	margin-left: auto;
}

#inbox_message hr {
	width: 50%;
	margin-left: 0;
	border-top: min(0.1vw, 0.2vh) solid rgba(192, 192, 192, 1);
}

#inbox_messages_container {
	display: flex;
	flex-direction: row;
	height: calc(100% - min(2vw, 4vh));
	width: 100%;
	align-items: center;
	flex-wrap: nowrap;
}

#inbox_messages {
	overflow: visible auto;
	width: 25%;
	height: calc(100% + min(4vw, 8vh));
	margin-top: min(0.8vw, 1.6vh);
	margin-left: max(-1.5vw, -3vh);
	padding: min(1vw, 2vh) 0;
	scroll-behavior: smooth;
}

.empty_inbox #delete_mail {
	display: none;
}

#delete_mail {
	width: min(3.6vw, 7.2vh);
	height: min(3.6vw, 7.2vh);
	background-image: url(images/project_images/recycle.webp);
	background-size: 100%;
	position: absolute;
	bottom: min(1vw, 2vh);
	right: min(1vw, 2vh);
	line-height: min(3.5vw, 7vh);
	text-align: center;
	cursor: url(images/cursor2.webp) 0 0, auto;
}

#inbox_message {
	color: #111;
	width: calc(80% - min(8vw, 16vh));
	font-size: min(1.2vw, 2.4vh);
	line-height: min(2.3vw, 4.6vh) !important;
	border-color: rgba(127, 127, 127, 0.8);
	padding: min(4vw, 8vh) min(3vw, 6vh);
	overflow: auto;
	text-align: left;
	height: calc(100% - min(2vw, 4vh));
	scroll-behavior: smooth;
}

.empty_inbox {
	border-top: none !important;
	text-align: center !important;
	height: calc(100% - min(1.2vw, 2.4vh)) !important;
	line-height: calc(100vh - min(56vw, 56vh)) !important;
	overflow: hidden !important;
	width: 100% !important;
}

#inbox_table.tournament_table {
	flex-direction: column;
	width: min(36vw, 72vh);
	margin: min(2vw, 4vh) 0 min(2vw, 4vh) min(10.5vw, 21vh);
	border-radius: min(1vw, 2vh);
	overflow: hidden;
}

.tournament_table_item {
	width: 18%;
	font-size: min(1vw, 2vh);
}

.tournament_table_item .rank_icon {
	transform: scale(0.9);
	margin-left: max(-1.1vw, -2.2vh);
	margin-right: max(-0.6vw, -1.2vh);
}

.tournament_table_item .rank_icon.rank_2 {
	transform: translateY(min(0.1vw, 0.2vh)) scale(0.9);
}

.tournament_table_item .rank_icon.rank_3 {
	transform: translateY(min(0.1vw, 0.2vh)) scale(0.9);
}

.tournament_table_item .rank_icon.rank_4 {
	transform: translateY(max(-0.2vw, -0.4vh)) scale(0.9);
}

.tournament_table .inbox_table_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: min(3.6vw, 7.2vh);
	width: calc(100% - min(1vw, 2vh));
	transform: translate(0);
	height: min(2.4vw, 4.8vh);
}

.inbox_table_row_even {
	background-color: rgba(0, 0, 0, 0.08);
}

.inbox_tournament_cup {
	position: absolute;
	background-image: url(images/project_images/inbox_tournaments.webp);
	height: 100%;
	width: min(57vw, 114vh);
	background-size: min(35vw, 70vh);
	opacity: 0.3;
	background-repeat: no-repeat;
	margin: auto;
	background-position: top;
	top: 0;
	z-index: -1;
}

.inbox_battle_results {
	position: absolute;
	background-image: url(images/project_images/inbox_battle_results.webp);
	height: 100%;
	width: min(57vw, 114vh);
	background-size: min(35vw, 70vh);
	opacity: 0.3;
	background-repeat: no-repeat;
	margin: auto;
	background-position: center;
	top: 0;
	z-index: -1;
}

.inbox_table_row .flag_icon {
	transform: translate(-17%) scale(0.8);
	margin: min(0.5vw, 1vh) min(0.4vw, 0.8vh);
	float: left;
}

.inbox_table_row span {
	float: right;
	transform: translateY(8%);
}

.inbox_table_row .inbox_table_name {
	float: left;
	transform: translateY(5%);
}

#tutorial_skills .skill_description {
	display: none;
}

.login_button {
	font-size: min(1.8vw, 3.6vh);
	line-height: min(4.3vw, 8.6vh);
	height: min(4.6vw, 9vh);
	width: min(14vw, 28vh);
	cursor: url(images/cursor2.webp) 0 0, auto;
}

#tutorial_cursor {
	width: min(3vw, 6vh);
	height: min(3vw, 6vh);
	position: absolute;
	background-image: url(images/tutorial_cursor.webp);
	bottom: min(0.5vw, 1vh);
	right: max(-2vw, -4vh);
	background-size: 100%;
	z-index: 10;
}

#tutorial_skills {
	display: flex;
	position: absolute;
	width: min(18vw, 36vh);
	height: min(18vw, 36vh);
	left: calc(50% + min(10vw, 20vh));
	transform: translate(-50%, max(-10vw, -20vh)) scale(0.4);
	color: #eee;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	text-align: center;
	z-index: 2;
	top: min(17vw, 34vh);
}

#start_tutorial_text {
	position: absolute;
	opacity: 0;
}

#password_confirm_bar {
	display: none !important;
}

#login_form {
	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: min(17vw, 30.22vh);
	margin: 0 min(4vw, 7.11vh);
	margin-bottom: min(14vw, 24.88vh);
	justify-content: space-around;
	opacity: 0;
	pointer-events: none;
	transform: translate(75%);
}

#register_check {
	display: none;
	color: #eee;
	font-family: main;
	font-size: min(1.5vw, 3vh);
}

#register_terms_link, #code_coins {
	text-decoration: underline;
	color: #454545 !important;
	cursor: url(images/cursor2.webp) 0 0, auto;
}

#register_terms {
	font-size: min(0.8vw, 1.6vh);
	line-height: min(0.8vw, 1.6vh);
	margin-bottom: min(0.5vw, 1vh);
	color: #222;
	text-align: center;
}

#battle_register_container #player_container {
	display: flex;
	height: 100% !important;
	z-index: -1;
	flex-direction: column;
}

#player_container {
	opacity: 0;
	transition: opacity 0.36s;
}

#login_error_text, #register_error_text, .error_text {
	color: #888;
	text-align: center;
	display: none;
	width: max-content;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	font-size: min(1vw, 2vh);
	margin-top: min(0.9vw, 1.8vh);
}

#login_error_text {
	display: block;
	height: min(1.3vw, 2.6vh);
	width: 200%;
	text-align: center;
	line-height: min(1.3vw, 2.6vh);
	margin-top: max(-0.4vw, -0.8vh);
	margin-bottom: min(0.5vw, 1vh);
	white-space: nowrap;
}

.first_buttons_container .container {
	height: auto;
	width: 26%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

.first_buttons_container .beauty_input, .tutorial_name_input {
	width: calc(100% - min(1.4vw, 2.8vh));
	margin-bottom: min(0.8vw, 1.6vh);
	color: #ccc;
	font-size: min(1.1vw, 2.2vh);
}

.tutorial_name_input {
	background-color: rgba(0, 0, 0, 0.256);
}

.first_buttons_container .beauty_input::placeholder, .tutorial_name_input::placeholder {
	color: rgba(172, 172, 172, 0.5);
}

.first_buttons_container .sub_title {
	text-align: center;
	font-size: min(2.4vw, 4.8vh);
	font-family: main;
	line-height: min(3vw, 6vh);
	margin-bottom: min(1vw, 2vh);
	color: #531;
}

.first_buttons_container .button {
	background-image: url(images/project_images/register_button.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	width: min(13vw, 26vh);
	height: min(3.1vw, 6.2vh);
	margin: min(1vw, 2vh) auto min(0.5vw, 1vh) auto;
	text-align: center;
	font-size: min(1.4vw, 2.8vh);
	line-height: min(3.2vw, 6.4vh);
	color: #CA9869;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
	font-family: chat;
	background-color: transparent;
	border: none;
	display: block;
	outline: none;
}

#battle_register_container .list_item, .register_list .list_item {
	line-height: min(2vw, 4vh);
	font-weight: bold;
	font-size: min(1vw, 2vh);
	white-space: nowrap;
	width: min-content;
	margin-left: min(2.4vw, 4.8vh);
}

.register_list {
	width: min-content;
	margin: auto;
}

.register_container .list_item {
	padding: 0 !important;
}

.list_item.registration_benefits {
	color: #bbb;
	margin-bottom: min(1.2vw, 2.4vh);
	font-size: min(1.5vw, 3vh);
	margin-left: 0 !important;
}

#StartGameGuest {
	margin-bottom: min(1.8vw, 3.6vh) !important;
	margin-top: 0 !important;
}

#battle_register_container .list_item .check_no, .register_list .list_item .check_no {
	width: min(0.7vw, 1.4vh);
	height: min(0.7vw, 1.4vh);
	background-color: #404040;
	display: inline-block;
	margin-right: min(0.5vw, 1vh);
	border-radius: 50%;
}

#battle_register_container .list_item .check_yes, .register_list .list_item .check_yes {
	display: inline-block;
	margin-right: min(0.5vw, 1vh);
	color: #047300;
}

#battle_register_container #StartHuman {
	margin: auto;
	transform: scale(2) !important;
}

.forgot {
	text-align: center;
	color: #4C1F02;
	font-size: min(1.1vw, 2.2vh);
	display: none;
}

.buff_container {
	position: relative;
	width: min(15.15vw, 30.3vh);
	height: min(20.6vw, 41.2vh);
	padding-right: min(0.4vw, 0.8vh);
	padding-bottom: min(0.4vw, 0.8vh);
	background-size: 100% 84%;
	background-position: 50% 89%;
	transition: filter 0.36s, transform 0.36s;
	cursor: url(images/cursor2.webp) 0 0, auto;
}

.royal .buff_container, .weapon .buff_container {
	background-position: 0% calc(100% - min(0.4vw, 0.8vh));
	background-size: calc(100% - min(0.4vw, 0.8vh));
}

.buff_container:hover:not(.expensive_buff) {
	filter: brightness(1.2) saturate(1.2);
}

.buff_title {
	position: absolute;
	width: 100%;
	text-align: center;
	top: min(0.6vw, 1.2vh);
	font-size: min(1.4vw, 2.8vh);
	font-family: main;
	letter-spacing: -0.6px;
	color: #FEC28E;
	text-shadow: 0px 0px min(0.2vw, 0.4vh) #000, 0px 0px min(0.2vw, 0.4vh) #000;
	line-height: min(1.9vw, 3.8vh);
}

.buff_change {
	color: #ddd;
	font-family: main;
	display: inline-block;
	margin-left: min(0.2vw, 0.4vh);
	font-size: min(1.55vw, 3.1vh);
	vertical-align: middle;
	transform: translateY(max(-0.1vw, -0.2vh));
}

.buff_image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 100% 84%;
	background-position: 50% 89%;
	z-index: -1;
}

.buff_container.wide .buff_image {
	background-size: auto 83%;
}

.buff_container.expensive_buff .buff_image {
	filter: grayscale(1);
}

.buff_upgrade_for {
	position: absolute;
	color: #bfbfbf;
	font-size: min(1vw, 2vh);
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
	font-weight: bold;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	bottom: min(1vw, 2vh);
	width: max-content;
	transition: filter 0.48s, opacity 0.48s;
}

.buff_upgrade_for .coin_icon {
	vertical-align: middle;
	transform: translateY(max(-0.2vw, -0.4vh));
}

.buff_upgrade_for .crystal_icon {
	width: min(1.4vw, 2.8vh);
	height: min(1.4vw, 2.8vh);
	margin-left: min(0.2vw, 0.4vh);
	transform: translateY(min(0.25vw, 0.5vh));
}

.buff_cost {
	position: absolute;
	color: #111;
	font-size: min(0.87vw, 1.74vh);
	text-align: center;
	bottom: min(0.72vw, 1.44vh);
	font-weight: bold;
	left: 50%;
	transform: translateX(calc(-50% + min(0.15vw, 0.3vh)));
	letter-spacing: -0.3px;
}

.buff_cost .coin_icon {
	width: min(1.35vw, 2.7vh);
	height: min(1.35vw, 2.7vh);
	margin-left: min(0.15vw, 0.3vh);
	transform: translateY(min(0.155vw, 0.31vh));
}

.buff_bar_container {
	position: absolute;
	top: 0px;
	left: 50%;
	width: min(15.55vw, 31.1vh);
	height: min(3.3vw, 6.6vh);
	background: linear-gradient(rgba(48, 56, 72, 1), rgba(24, 24, 24, 7));
	border-radius: min(0.4vw, 0.8vh);
	transform: translateX(-50%);
	z-index: -1;
}

.royal #buff_container_0 .basic_upgrade_bar_frame {
	background-image: url(images/royal_upgrade_8_frame.webp);
}

.royal #buff_container_0 .basic_upgrade_bar_filler {
	background-image: url(images/royal_upgrade_8_filler.webp);
}

.royal #buff_container_1 .basic_upgrade_bar_frame {
	background-image: url(images/royal_upgrade_9_frame.webp);
}

.royal #buff_container_1 .basic_upgrade_bar_filler {
	background-image: url(images/royal_upgrade_9_filler.webp);
}

.royal #buff_container_2 .basic_upgrade_bar_frame {
	background-image: url(images/royal_upgrade_10_frame.webp);
}

.royal #buff_container_2 .basic_upgrade_bar_filler {
	background-image: url(images/royal_upgrade_10_filler.webp);
}

.royal #buff_container_3 .basic_upgrade_bar_frame {
	background-image: url(images/royal_upgrade_11_frame.webp);
}

.royal #buff_container_3 .basic_upgrade_bar_filler {
	background-image: url(images/royal_upgrade_11_filler.webp);
}

.weapon .buff_bar_container {
	filter: hue-rotate(-125deg);
}

.weapon .achievement_container {
	width: min(11.5vw, 23vh);
	height: min(15vw, 30vh);
	margin: 0px min(1.9vw, 3.8vh);
}

.weapon .achievement_title {
	font-size: min(1.4vw, 2.8vh);
	padding-top: min(1.9vw, 3.8vh);
}

.weapon .achievement_level {
	font-size: min(0.9vw, 1.8vh);
}

.weapon .achievement_image {
	width: min(5vw, 10vh);
	height: min(5vw, 10vh);
	margin: 0px auto;
}

.weapon .achievement_description {
	margin-top: min(0.3vw, 0.6vh);
}

.weapon .achievement_description.complete {
	margin-top: min(0.8vw, 1.6vh);
}

.buff_bar {
	background: linear-gradient(rgba(20, 20, 20, 1), rgba(0, 0, 0, 0), rgba(20, 20, 20, 1)), rgb(153 83 13);
	border-radius: min(0.4vw, 0.8vh);
	width: 100%;
	height: 100%;
	transition: width 0.48s;
}

.buff_bar_strips {
	position: absolute;
	width: 100%;
	top: 0px;
	background: repeating-linear-gradient(0.25turn, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(128, 128, 128, 1) 11.5%, rgba(0, 0, 0, 0) 13%);
	height: 100%;
}

.expensive_buff .buff_upgrade_for {
	opacity: 0.5;
}

.buff_upgrade_for.warning_highlighted {
	filter: drop-shadow(0px 0px min(1vw, 2vh) #fff);
	opacity: 1;
}

#shop .frame_vertical {
	left: 75%;
}

#shop_coins .coin_icon {
	width: min(3.4vw, 6.8vh);
	height: min(3.4vw, 6.8vh);
	vertical-align: top;
	transform: translateY(21%);
}

#shop_coins_count {
	filter: drop-shadow(0px 0px min(0.2vw, 0.4vh) rgba(255, 255, 255, 0.72));
	font-size: min(4vw, 8vh);
	display: inline-block;
	font-family: main;
	color: #421;
	text-shadow: 0 0 min(0.5vw, 1vh) rgba(255, 255, 255, 0.72);
}

#upgrades_crystals {
	display: inline-block;
	width: min(3.4vw, 6.8vh);
	height: min(3.4vw, 6.8vh);
	vertical-align: top;
	transform: translateY(15%);
	background-image: url(images/crystal.webp);
	background-size: 100%;
	margin-left: min(0.2vw, 0.4vh);
}

#shop_coins {
	text-align: center;
	color: #111;
	font-size: min(1.5vw, 3vh);
	line-height: min(4.6vw, 9.2vh);
	margin-top: min(12vw, 24vh);
}

#shop_coins_title {
	width: 100%;
	text-align: center;
	margin-top: min(0.2vw, 0.4vh);
	font-size: min(2.4vw, 4.8vh);
	font-family: main;
	color: #421;
}

#upgrades_are_permanent {
	font-size: min(1.1vw, 2.2vh);
	width: 100%;
	text-align: center;
	line-height: min(3.1vw, 6.2vh);
	margin-bottom: max(-0.2vw, -0.4vh);
}

#upgrades_are_permanent.new {
	font-size: min(1.1vw, 2.2vh);
	width: 100%;
	text-align: center;
	line-height: min(2.1vw, 4.2vh);
	height: min(2.1vw, 4.2vh);
}

#shop {
	color: #111;
	width: 105%;
	height: 100%;
	display: flex;
}

#shop .title {
	margin-top: min(2vw, 4vh);
	font-size: min(3.5vw, 7vh);
}

#buff_buttons_container {
	display: flex;
	justify-content: space-around;
	width: min(62.2vw, 124.4vh);
	height: min(42vw, 84vh);
	flex-wrap: wrap;
	transform: translate(max(-0.8vw, -1.6vh), max(-1.8vw, -3.6vh));
	align-content: space-around;
}

.royal_upgrade_requirements {
	width: min(10vw, 20vh);
	height: min(10vw, 20vh);
	margin: min(1.2vw, 2.4vh);
	filter: drop-shadow(0px 0px min(0.5vw, 1vh) #000);
	margin: min(0.72vw, 1.44vh) auto;
}

.royal_upgrade_requirements .grid {
	position: absolute;
	width: calc(100% + min(2.4vw, 4.8vh));
	height: calc(100% + min(2.4vw, 4.8vh));
	background-image: url(images/upgrades/grid.webp);
	background-size: 102%;
	background-position: center;
	transform: translate(max(-1.2vw, -2.4vh), max(-1.2vw, -2.4vh));
}

#inventory.farm {
	padding: min(0.3vw, 0.6vh);
	position: fixed;
	display: flex;
	width: auto;
	bottom: auto;
	justify-content: space-around;
	background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4), 15%, rgba(0, 0, 0, 0.4));
	border-radius: 0;
	left: unset;
	right: 0px;
	transform: none;
	padding-right: min(3.4vw, 6.8vh);
	padding-left: min(3vw, 6vh);
	box-shadow: none;
}

.farm_slot {
	display: inline-block;
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	background-size: 100%;
}

.farm_slot_nmb {
	display: inline-block;
	color: #eee;
	transform: translateY(-62%);
	font-size: min(0.9vw, 1.8vh);
	margin-left: min(0.2vw, 0.4vh);
}

#inventory.farm #building_inventory {
	top: calc(100vh);
	width: max-content;
	max-width: 90vw;
}

#slot_-1 {
	background-position: right;
	background-repeat: no-repeat;
	background-size: 84%;
	margin-left: max(-0.72vw, -1.44vh);
	transform: translateX(min(0.05vw, 0.1vh));
}

.farm_building_slot {
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	background-size: 100%;
	display: inline-block;
	position: relative;
	margin: 0 min(2vw, 4vh);
}

.farm_building_slot span {
	color: #eee;
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
	left: 120%;
}

.seed {
	display: none;
	width: min(3.6vw, 7.2vh);
	height: min(3.6vw, 7.2vh);
	background-size: 100%;
	margin: 0 min(0.8vw, 1.6vh);
	font-size: min(1vw, 2vh);
	text-align: right;
	line-height: min(7.2vw, 14.4vh);
	color: #dde;
}

#seed_picker {
	display: none;
	position: absolute;
	width: max-content;
	transform: translate(-50%, -100%);
}

#seed_picker .mirror_thin {
	pointer-events: all;
}

#seed_timer, #building_producing_bar_container {
	position: relative;
	color: #321;
	width: min(14vw, 28vh);
	text-align: center;
	font-size: min(0.75vw, 1.5vh);
	height: min(1vw, 2vh);
	border-radius: 0.5vw;
	box-shadow: inset 0 min(0.2vw, 0.4vh) min(0.5vw, 1vh) min(0.2vw, 0.4vh) #6F4725;
	margin: auto;
	margin-top: min(0.5vw, 1vh);
	line-height: min(1vw, 2vh);
}

.farm_stock {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: min(1.6vw, 3.2vh) 0;
	align-items: center;
	height: calc(100% - min(3.8vw, 7.6vh));
	width: 73%;
}

.stock_container {
	width: 100%;
	margin-top: min(2.3vw, 4.6vh);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.farm_stock .stock_container {
	height: auto;
	position: relative;
}

.stock_container.scrollable {
	display: block;
	overflow: auto;
	margin: min(1.5vw, 3vh) 0 0 max(-1vw, -2vh);
	width: calc(100% + min(2vw, 4vh));
	scroll-behavior: smooth;
}

.stock_slot {
	width: min(3vw, 6vh);
	height: min(4.2vw, 8.4vh);
	display: inline-block;
	font-size: min(0.9vw, 1.8vh);
	line-height: min(0.8vw, 1.6vh);
	text-align: center;
	color: #421;
	margin: min(0.5vw, 1vh) min(0.9vw, 1.8vh);
	background-size: 72%;
	background-repeat: no-repeat;
	background-position: center 72%;
}

.research_line_item {
	position: relative;
	width: min(11.9vw, 23.8vh);
	height: min(11.9vw, 23.8vh);
	display: inline-block;
	font-size: min(1.2vw, 2.4vh);
	line-height: max(1.2vw, 2.4vh);
	text-align: center;
	color: #321;
	margin: min(2vw, 4vh) min(1.35vw, 2.7vh) min(1vw, 2vh) min(1.35vw, 2.7vh);
	background-size: 84%;
	background-repeat: no-repeat;
	background-position: center calc(50% - min(0.5vw, 1vh));
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: min(1vw, 2vh);
	padding-bottom: min(1vw, 2vh);
	transition: transform 0.5s, background-color 0.5s;
}

.research_line_item.current_researching {
	background-color: rgba(0, 0, 0, 0.3);
}

.research_line_item.current {
	background-color: rgba(0, 0, 0, 0.36);
	transform: scale(1.05);
}

.research_line_item .bar {
	top: calc(100% - min(0.2vw, 0.4vh));
	position: relative;
	width: calc(100% - min(0.1vw, 0.2vh));
	height: min(1vw, 2vh);
	color: #dcb;
	font-size: min(1vw, 2vh);
	line-height: min(1vw, 2vh);
}

.research_line_item .name {
	position: absolute;
	width: 100%;
	transform: translateY(calc(-100% - min(0.25vw, 0.5vh)));
	white-space: nowrap;
}

.window_building_slot {
	width: min(4.4vw, 8.8vh);
	height: min(4.4vw, 8.8vh);
	display: inline-block;
	font-size: min(1.5vw, 3vh);
	line-height: min(10.4vw, 20.8vh);
	text-align: center;
	color: #321;
	margin-bottom: min(0.2vw, 0.4vh);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.window_recipe_arrow {
	width: min(4vw, 8vh);
	height: min(5vw, 10vh);
	background-image: url(images/project_images/arrow.webp);
	background-repeat: no-repeat;
	background-position: center;
	transform: scale(-1);
	background-size: 84%;
}

.building_upgrade_button {
	width: min(8.4vw, 16.8vh);
	background-size: 100%;
	background-repeat: no-repeat;
	height: min(2.9vw, 5.8vh);
	line-height: min(2.8vw, 5.6vh);
	font-size: min(1.3vw, 2.6vh);
	font-weight: bold;
	display: inline-block;
	margin: 0 min(5vw, 10vh) min(1.5vw, 3vh) min(5vw, 10vh);
}

.building_upgrade_button.inactive {
	opacity: 0.25;
	pointer-events: none;
}

.building_produce_container {
	display: flex;
	justify-content: space-evenly;
	margin-top: min(1vw, 2vh);
}

.building_upgrade_button .star_icon {
	width: min(1.5vw, 3vh);
	height: min(1.5vw, 3vh);
	vertical-align: middle;
	transform: translateY(max(-0.15vw, -0.3vh));
}

#slot_coins {
	background-size: 72%;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: max(-0.2vw, -0.4vh);
	width: min(1.9vw, 3.8vh);
	transform: translateY(min(0.1vw, 0.2vh));
}

#building_upgrade_cost {
	width: min(14vw, 28vh);
	font-size: min(1.2vw, 2.4vh);
	color: #421;
	display: inline-block;
	float: left;
	display: flex;
	flex-direction: row;
	margin: 0px min(3vw, 4vh) min(0.4vw, 0.8vh) min(3vw, 4vh);
	height: min(16.7vw, 33.4vh);
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	transform: translateY(min(0.4vw, 0.8vh));
}

#building_upgrade_cost.discovery {
	height: min(13.5vw, 27vh);
	transform: translateY(min(0.9vw, 1.8vh));
}

.boat #building_upgrade_cost {
	height: min(9vw, 18vh);
}

#building_upgrade_cost.boat {
	width: min(10.5vw, 21vh);
	height: min(23vw, 46vh);
	margin: min(0.9vw, 1.8vh) min(3.7vw, 7.4vh) min(1.7vw, 3.4vh) min(3.7vw, 7.4vh);
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
}

#building_upgrade_name {
	font-size: min(1.3vw, 2.6vh);
	display: inline-block;
	float: left;
}

#building_upgrade_description {
	font-size: min(0.95vw, 1.9vh);
	line-height: min(1.7vw, 3.4vh);
	text-align: center;
	width: min(18.2vw, 36.4vh);
	color: #432;
	margin-bottom: max(-0.9vw, -1.8vh);
	margin-top: min(1vw, 2vh);
	letter-spacing: max(-0.16vw, -0.08vh);
	transform: translateX(max(-0.1vw, -0.2vh));
}

#building_upgrade_cost .star_icon {
	vertical-align: text-top;
}

#window.small {
	width: min(43.75vw, 87.5vh);
	height: min(25vw, 50vh);
}

.error_flag_icon {
	left: 50%;
	position: absolute;
	top: 38%;
	transform: translate(-50%, -50%);
	height: min(3.5vw, 7vh);
	width: min(5.83vw, 11.66vh);
}

#window.small #window_title {
	width: min(15vw, 30vh);
	height: min(2.86vw, 5.72vh);
	font-size: min(1.5vw, 3vh);
	line-height: min(2.8vw, 5.6vh);
}

#window.small #window_close {
	width: min(2.8vw, 5.6vh);
	height: min(2.8vw, 5.6vh);
	top: min(0.3vw, 0.6vh);
	right: max(-0.45vw, -0.9vh);
}

#window.medium {
	width: min(25vw, 50vh);
	height: min(17vw, 34vh);
}

#window.medium #window_background {
	width: 90%;
}

.large #window_background {
	width: 89%;
	height: 86%;
}

#window.medium.tutorial {
	top: 21%;
	left: 23%;
	width: min(30vw, 60vh);
	height: min(20vw, 40vh);
}

#window.medium #window_frame, #window.large #window_frame {
	background-image: url(images/project_images/square_window_frame.webp);
}

#window.large {
	width: min(35vw, 70vh);
	height: min(24vw, 48vh);
	background-image: url(images/project_images/square_window.webp);
}

#window.huge {
	width: min(66vw, 132vh);
	height: min(36vw, 72vh);
	transform: translate(-50%, -50%);
}

#window.medium #window_title {
	width: min(15vw, 30vh);
	height: min(3vw, 6vh);
	font-size: min(1.4vw, 2.8vh);
	line-height: min(2.9vw, 5.8vh);
	margin-top: max(-0.36vw, -0.72vh);
}

#window.large #window_title {
	width: min(14vw, 28vh);
	height: min(3vw, 6vh);
	font-size: min(1.4vw, 2.8vh);
	line-height: min(3vw, 6vh);
	margin-top: max(-0.36vw, -0.72vh);
}

#window.huge #window_title {
	width: min(18vw, 36vh);
	height: min(3.6vw, 7.2vh);
	font-size: min(1.8vw, 3.6vh);
	line-height: min(3.4vw, 6.8vh);
	margin-top: max(-0.86vw, -1.72vh);
}

#window.medium #window_close {
	width: min(2.4vw, 4.8vh);
	height: min(2.4vw, 4.8vh);
	top: min(0.2vw, 0.4vh);
	right: min(0.18vw, 0.36vh);
}

#window.large #window_close {
	width: min(2.8vw, 5.6vh);
	height: min(2.8vw, 5.6vh);
	top: min(0.3vw, 0.6vh);
	right: min(0.9vw, 1.8vh);
}

#window.huge #window_close {
	width: min(2.4vw, 4.8vh);
	height: min(2.4vw, 4.8vh);
	top: min(0.2vw, 0.4vh);
	right: min(0.18vw, 0.36vh);
}

#building_upgrade_container {
	position: absolute;
	top: 0px;
	right: max(-0.5vw, -1vh);
	width: min(18vw, 36vh);
	height: 100%;
}

#window_inner.largest #building_upgrade_container {
	width: min(20vw, 40vh);
}

#window_inner.largest #frame_vertical_1 {
	transform: translate(-50%, -50%);
	left: 75%;
}

#window_inner.largest #building_upgrade_cost {
	width: min(16vw, 28.44vh);
}

#window_inner.largest #building_upgrade_description {
	width: min(20.2vw, 40.4vh);
	margin-top: min(2.3vw, 4.6vh);
	font-size: min(1.1vw, 2.2vh);
}

#window_inner.largest #building_upgrade_title {
	width: min(20vw, 40vh);
	margin: min(0.5vw, 1vh) 0 min(1.3vw, 2.6vh) 0;
	line-height: min(3.6vw, 7.2vh);
	font-size: min(2.5vw, 5vh);
}

#window_inner.largest .building_level_stars {
	width: min(12.5vw, 25vh);
	height: min(2.5vw, 5vh);
	transform: translateY(min(0.25vw, 0.5vh));
}

#window_inner.largest .building_upgrade_button {
	width: min(9vw, 18vh);
	height: min(3.1vw, 6.2vh);
	line-height: min(2.9vw, 5.8vh);
}

#window_inner.largest #building_upgrade_cost .item_icon {
	width: min(4.7vw, 9.4vh);
	height: min(3.5vw, 7vh);
	line-height: min(7.2vw, 14.4vh);
	font-size: min(1vw, 2vh);
	margin: min(1.6vw, 3.2vh) min(0.6vw, 1.2vh);
}

#window_inner.largest #building_upgrade_cost {
	height: min(20.7vw, 40.4vh);
}

#window_inner.largest #building_upgrade_cost .item_icon .item_title {
	font-size: min(1vw, 2vh);
}

#window_inner.largest .building_upgrade_button {
	margin: 0 min(5.75vw, 11.5vh) min(1.5vw, 3vh) min(5.75vw, 11.5vh);
}

#window_inner.largest #building_upgrade_cost .item_icon.smaller {
	height: min(3vw, 6vh);
	line-height: min(6.6vw, 13.2vh);
	background-position: 50% 25%;
}

#building_upgrade_container.thin {
	height: min(3.6vw, 7.2vh);
}

#building_upgrade_container.boat {
	right: 50%;
	transform: translate(50%, 10%);
}

#building_upgrade_container_frame {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(images/project_images/window_frame.webp);
	background-size: cover;
	background-position: right;
	pointer-events: none;
}

.building_producing {
	text-align: center;
	margin: min(0.5vw, 1vh) 0;
	font-size: min(1vw, 2vh);
}

.building_upgrade_button_lock {
	width: 100%;
	text-align: center;
	font-size: min(1.1vw, 2.2vh);
	margin-top: min(0.36vw, 0.72vh);
}

.research_line_item .bar_filler {
	position: absolute;
	height: 100%;
	background: linear-gradient(rgb(108, 118, 128), rgb(0, 0, 0));
	z-index: -1;
	transition: width 1s linear;
}

.research_line_item .bar_filler.current_research {
	background: linear-gradient(rgb(184, 172, 128), rgb(72, 36, 0));
}

#window.medium .arrow {
	width: min(4vw, 8vh);
	height: min(4vw, 8vh);
	display: inline-block;
	background-image: url(images/project_images/arrow.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 min(2vw, 4vh);
	line-height: min(4vw, 8vh);
}

#window.medium .arrow.right {
	transform: scale(-1);
}

#tutorial_window {
	position: absolute;
	top: 50%;
	left: calc(75% + min(7vw, 14vh));
	width: min(16vw, 32vh);
	height: min(32vw, 64vh);
	background-image: url(images/project_images/tutorial_window.webp);
	background-size: 100%;
	transition: transform 0.15s;
	transform: translateY(-50%);
}

#tutorial_window .frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(images/project_images/tutorial_window_frame.webp);
	background-size: 100%;
	pointer-events: none;
}

#tutorial_window .window_inner {
	position: relative;
}

#tutorial_window .frame_vertical {
	position: absolute;
	height: min(15vw, 29vh);
	width: min(1vw, 2vh);
	z-index: 0;
	top: 65%;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
	background-size: min(1vw, 2vh);
	background-position: center;
}

#tutorial_window .image {
	height: 100%;
	width: min(13vw, 26vh);
	display: inline-block;
	margin-top: min(2.5vw, 5vh);
	margin-left: min(1.5vw, 3vh);
}

#research_upgrade_description {
	text-align: center;
	font-size: min(1.4vw, 2.8vh);
	color: #321;
	margin: min(1vw, 2vh) 0;
}

#window.small .settings_slider {
	margin: min(1vw, 2vh) 0;
	width: min(15vw, 30vh);
}

.stock_capacity {
	font-size: min(1vw, 2vh);
	line-height: min(0.9vw, 1.8vh);
	text-align: center;
	color: #321;
}

#seed_timer_bar, #building_producing_bar {
	position: absolute;
	top: 0;
	width: 50%;
	height: 60%;
	border-radius: 100vw;
	background-color: #784629;
	box-shadow: inset 0 max(-0.1vw, -0.2vh) min(0.2vw, 0.4vh) min(0.05vw, 0.1vh) #000;
	transform: scaleY(0.84) translate(min(0.3vw, 0.6vh), 36%);
	z-index: -1;
}

.research #building_producing_bar {
	transition: width 3s;
}

#seed_timer_text, #building_producing_bar_text {
	color: #521;
	text-align: center;
	font-size: min(0.9vw, 1.8vh);
	width: min(20vw, 40vh);
	margin: auto;
	margin-top: min(0.3vw, 0.6vh);
}

#tutorial_arrow {
	height: min(2vw, 4vh);
	width: min(4vw, 8vh);
	position: absolute;
	animation-duration: 1s;
	animation-name: tutorial_arrow;
	animation-iteration-count: infinite;
	background-image: url(images/project_images/arrow.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 4;
}

@keyframes tutorial_arrow {
	0% {
	transform: translate(-50%, -50%) rotate(-90deg);
}

50% {
	transform: translate(-50%, -150%) rotate(-90deg);
}

100% {
	transform: translate(-50%, -50%) rotate(-90deg);
}

}

.hidden_mirror .mirror_thin, .hidden_mirror .mirror_gradient_thin {
	display: none;
}

.merchant_item_icon {
	display: inline-block;
	width: min(2.5vw, 5vh);
	height: min(2.5vw, 5vh);
	background-size: 100%;
	vertical-align: bottom;
}

.coin_icon.merchant {
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	transform: translateY(12%);
}

.merchant_text {
	text-align: center;
	margin: min(3.6vw, 7.2vh) 0 min(3.4vw, 6.8vh) 0;
	font-size: min(1.2vw, 2.4vh);
}

.merchant_buttons_container {
	display: flex;
	justify-content: space-evenly;
	width: 94%;
	margin: auto;
}

.merchant_button {
	background-image: url(images/project_images/register_button.webp);
	background-size: 100%;
	width: min(8vw, 16vh);
	height: min(2.2vw, 4.4vh);
	font-size: min(1.15vw, 2.3vh);
	color: #CA9869;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
	line-height: min(2.2vw, 4.4vh);
	text-align: center;
	cursor: url(images/cursor2.webp) 0 0, auto;
	background-position: center;
	background-repeat: no-repeat;
}

#building_upgrade_cost .item_icon {
	width: min(4.2vw, 8.4vh);
	height: min(3vw, 6vh);
	background-size: auto 92%;
	background-position: top;
	background-repeat: no-repeat;
	transform: translateY(max(-0.15vw, -0.3vh));
	margin: min(1.2vw, 2.4vh) min(0.6vw, 1.2vh);
	line-height: min(6.3vw, 12.6vh);
	text-align: center;
	font-size: min(0.9vw, 1.8vh);
	letter-spacing: -0.5px;
}

#building_upgrade_cost .item_icon .item_title {
	position: absolute;
	line-height: 0;
	width: 100%;
	top: max(-0.36vw, -0.7vh);
	font-size: min(0.9vw, 1.8vh);
	color: #531;
}

#building_upgrade_cost.boat .item_icon {
	width: min(1.8vw, 3.6vh);
	height: min(1.8vw, 3.6vh);
	background-size: 100%;
	transform: none;
	margin: min(0.4vw, 0.8vh) 0;
}

#building_upgrade_cost .item_icon.small {
	background-size: 55%;
	background-position: 50% 20%;
}

#building_upgrade_cost.boat .item_icon.small {
	background-size: 84% !important;
	background-position: center;
	background-repeat: no-repeat;
	width: min(1.8vw, 3.6vh);
	height: min(1.8vw, 3.6vh);
	background-size: 100%;
	transform: none;
	margin: min(0.4vw, 0.8vh) 0;
}

#building_upgrade_cost .item_icon.smaller {
	height: min(2.3vw, 4.6vh);
	line-height: min(5.2vw, 10.4vh);
	background-size: 45%;
	margin-top: min(1.4vw, 2.8vh);
	margin-bottom: min(0.8vw, 1.6vh);
}

#building_upgrade_cost .item_icon.smaller .item_title {
	top: max(-0.7vw, -1.4vh);
}

#take_bucket {
	margin: min(1vw, 2vh) auto;
}

.shipyard_text {
	position: absolute;
	top: 14%;
	left: 35%;
	transform: translate(-50%, -50%);
	font-size: min(1.2vw, 2.4vh);
	width: max-content;
}

.seeds_list {
	margin: auto;
	width: max-content;
	text-align: center;
	font-size: min(1.1vw, 2.2vh);
	color: #321;
	line-height: min(1.5vw, 3vh);
}

.seed_list_item {
	position: relative;
	width: min(4vw, 8vh);
	height: min(4vw, 8vh);
	background-size: 100%;
	display: inline-block;
	margin: min(1vw, 2vh);
	filter: drop-shadow(0 0 min(0.4vw, 0.8vh) rgba(0, 0, 0, 0.6));
	margin-top: min(3.6vw, 7.2vh);
}

.seed_list_item:active .seed_list_button {
	transform: translateX(-50%) scale(0.95);
}

.seed_list_button {
	position: absolute;
	top: calc(100% + min(0.7vw, 1.4vh));
	width: min(6vw, 12vh);
	text-align: center;
	line-height: min(1.3vw, 2.6vh);
	display: block;
	transition: opacity 0.36s, transform 0.36s;
	transform: translateX(-50%);
	left: 50%;
	font-size: min(1vw, 2vh);
	letter-spacing: max(-0.04vw, -0.08vh);
}

.farm_inv_slot {
	width: auto;
	margin: 0 min(0.7vw, 1.4vh);
}

.will_produce {
	margin: min(2.6vw, 5.2vh) 0 min(1.8vw, 3.6vh) 0;
	font-size: min(1.1vw, 2.2vh);
}

.to_the_shore {
	font-size: min(1.4vw, 2.8vh);
	margin-top: min(1.8vw, 3.6vh);
}

.the_well_is_full {
	line-height: min(3.6vw, 7.2vh);
	font-size: min(1.3vw, 2.6vh);
	margin-bottom: min(2.8vw, 5.6vh);
}

.item_icon_nmb {
	width: min(5vw, 10vh);
	line-height: min(1.8vw, 3.6vh);
	margin: min(0.4vw, 0.8vh) 0;
	margin-right: min(0.5vw, 1vh);
	text-align: right;
	font-size: min(1.1vw, 2.2vh);
}

#building_upgrade_title {
	margin-top: max(-0.5vw, -1vh);
	text-align: center;
	width: min(18vw, 36vh);
	font-size: min(2.2vw, 4.4vh);
	font-family: main;
	color: #421;
	line-height: min(2.7vw, 5.4vh);
	transform: translateY(max(-0.8vw, -1.6vh));
}

.boat #building_upgrade_title {
	line-height: min(2vw, 4vh);
}

.building_upgrade_horizontal {
	width: 100%;
	height: min(0.4vw, 0.8vh);
	background-image: url(images/project_images/list_horizontal.webp);
	background-size: 100%;
}

.boat .building_upgrade_horizontal {
	width: min(30vw, 60vh);
	height: min(0.4vw, 0.8vh);
	transform: translateX(-50%);
	left: 50%;
	position: relative;
}

#window.huge .frame_vertical {
	height: min(33.5vw, 67vh);
	width: min(1.6vw, 3.2vh);
	background-position: center;
	left: 71%;
}

#window.huge.tutorial .frame_vertical {
	left: 25.4%;
}

#frame_vertical_2.farm {
	height: min(20.5vw, 41vh);
	width: min(1.5vw, 3vh);
	background-position: center;
}

.merchant_image {
	width: 28%;
	height: 100%;
	display: inline-block;
	background-size: 100%;
	margin: -1% 1% 0% 4%;
}

.merchant_text_container {
	width: 66%;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-bottom: min(4vw, 8vh);
}

.farm_coins {
	width: max-content;
	font-size: min(2vw, 4vh);
	color: #421;
	line-height: min(3vw, 6vh);
	margin: min(1.4vw, 2.8vh) auto min(2.1vw, 4.2vh) auto;
	transform: translateX(min(0.1vw, 0.2vh));
}

.farm_coins .coin_icon {
	width: min(3vw, 6vh);
	height: min(3vw, 6vh);
	vertical-align: middle;
	transform: translateY(max(-0.2vw, -0.4vh));
	margin-right: max(-0.3vw, -0.6vh);
}

.cities_container {
	display: inline-flex;
	justify-content: space-between;
	margin-top: min(0.5vw, 1vh);
	flex-direction: column;
	height: max-content;
	align-items: center;
	padding-bottom: min(0.5vw, 1vh);
}

#city_description {
	width: min(12vw, 24vh);
	line-height: min(2.3vw, 4.6vh);
	text-align: center;
	background-position: center;
	font-size: min(1.4vw, 2.8vh);
	color: #fdb;
	transition: opacity 0.48s;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 min(1vw, 2vh) min(1vw, 2vh) rgba(0, 0, 0, 0.4);
	top: 48%;
	left: 37%;
	transform: translate(-50%, -50%);
	display: none;
	pointer-events: none;
}

.city_button {
	position: absolute;
	font-family: main;
	font-size: min(1.75vw, 3.5vh);
	color: #246;
	transform: translateX(-50%);
	opacity: 0.92;
	transition: font-size 0.36s, color 0.36s, filter 0.36s;
	line-height: 0px;
	z-index: 3;
}

.city_button:hover:not(.my_city), .caravel_icon:hover {
	filter: drop-shadow(0 0 min(0.2vw, 0.4vh) #ccd);
}

.city_button.my_city:hover {
	filter: drop-shadow(0 0 min(0.2vw, 0.4vh) rgba(255, 255, 255, 0.44));
}

.current.city_button:not(.my_city) {
	color: #135;
}

.current.city_button {
	font-size: min(2vw, 4vh);
}

#city_button.gray {
	filter: grayscale(0.72);
	pointer-events: none;
}

.tg_title {
	text-align: center;
	font-size: min(1.1vw, 2.2vh);
	margin-top: min(2vw, 4vh);
	margin-bottom: min(1vw, 2vh);
	display: inline-block;
	width: 60%;
}

.tg_title.high {
	margin: min(0.5vw, 1vh) min(0vw, 0vh) max(1.5vw, 3vh) min(0vw, 0vh);
	font-family: main;
	color: #421;
	font-size: min(2vw, 4vh);
}

.city_description {
	display: block;
	width: min(12vw, 24vh);
	margin: min(0.5vw, 1vh) 0;
	text-align: center;
	text-shadow: none;
	color: #db9;
	font-size: min(1.1vw, 2.2vh);
	line-height: min(2.4vw, 4.8vh);
}

.city_button_description {
	display: block;
	width: min(10vw, 20vh);
	margin: min(0.5vw, 1vh);
	text-shadow: none;
	color: #321;
	font-size: min(1.1vw, 2.2vh);
	line-height: min(2.4vw, 4.8vh);
	text-align: left;
}

.tg_price_description .item_icon {
	width: min(1.3vw, 2.6vh);
	height: min(1.3vw, 2.6vh);
	display: inline-block;
	background-size: 100%;
	vertical-align: text-bottom;
	transform: scale(1.4) translateY(max(-0.05vw, -0.1vh));
	margin: 0 min(0.4vw, 0.8vh);
	filter: drop-shadow(0px 0px min(0.2vw, 0.4vh) #000);
}

.tg_price_description .coin_icon {
	background-image: url(images/coin.webp);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 0;
	width: min(1.3vw, 2.6vh);
	height: min(1.3vw, 2.6vh);
	vertical-align: sub;
	transform: translate(10%, -10%) scale(1.2);
	filter: drop-shadow(0px 0px min(0.2vw, 0.4vh) #000);
}

.tg_container {
	width: 72%;
}

#tg_timer {
	margin-top: min(9.8vw, 19.6vh);
	display: inline-block;
}

.sell_description {
	position: absolute;
	left: 0;
	width: 100%;
	color: #421;
	text-shadow: none;
	line-height: min(2.6vw, 5.2vh);
}

.boat_companion_image {
	height: min(29vw, 58vh);
	width: min(17vw, 34vh);
	float: left;
	margin-right: min(0.6vw, 1.2vh);
	transform: translateY(max(-0.9vw, -1.8vh)) scale(1.12);
	background-size: cover;
	background-position: center;
}

.city_back {
	position: absolute;
	top: min(1vw, 2vh);
	left: min(22vw, 44vh);
	width: min(3vw, 6vh);
	height: min(1.5vw, 3vh);
	background-image: url(images/project_images/arrow.webp);
	background-size: 100%;
}

#game_seed_map {
	width: clamp(3.6949685534591192vw, 9.75485588972431vh, 4.895833333333333vw);
	height: clamp(3.6949685534591192vw, 9.75485588972431vh, 4.895833333333333vw);
	position: absolute;
	left: 50%;
	transform: translate(-57%, -132%);
	top: 0px;
	background-image: url(images/inventory/912.webp);
	background-size: 100%;
}

#grand_battle_lock {
	width: clamp(10.1982vw, 26.9238vh, 13.51296vw);
	height: clamp(10.1982vw, 26.9238vh, 13.51296vw);
	position: absolute;
	left: 50%;
	transform: translate(-54.5%, -105%);
	top: 0px;
	background-image: url(images/grand_battle_lock.webp);
	background-size: 100%;
}

.stock_container_title {
	position: absolute;
	height: min(10.1vw, 20.2vh);
	font-size: min(1.3vw, 2.6vh);
	color: #321;
	top: max(-2vw, -4vh);
}

.stock_container_title_line {
	width: calc(100% + min(4vw, 8vh));
	height: 2px;
	background: linear-gradient(45deg, transparent, rgba(96, 64, 32, 0.72) 16%, rgba(96, 64, 32, 0.72) 84%, transparent);
	transform: translate(max(-2vw, -4vh), min(0.1vw, 0.2vh));
}

.stock_container_title_line.disc {
	width: min(30vw, 60vh);
	margin: 0px min(8vw, 16vh);
}

.tg_map {
	width: min(42.5vw, 85vh);
	height: min(30vw, 60vh);
	background-image: url(images/project_images/map.webp);
	background-size: 100%;
	background-position: center;
	transform: translateY(-4%) scale(1.05);
	position: absolute;
}

.sell_row {
	width: max-content;
	margin: auto;
	height: min(8vw, 16vh);
	margin-top: min(1vw, 2vh);
}

.sell_title {
	width: 100%;
	text-align: center;
	color: #321;
	font-size: min(1.3vw, 2.6vh);
	margin-bottom: min(0.3vw, 0.6vh);
	margin-top: min(0.5vw, 1vh);
}

.tg_price_description {
	height: min(3vw, 6vh);
}

.tg_miles {
	line-height: min(2vw, 4vh);
	margin-bottom: min(0.5vw, 1vh);
}

.city_title {
	text-align: center;
	font-size: min(1.8vw, 3.6vh);
	font-family: main;
	color: #421;
	padding-bottom: min(1.1vw, 2.2vh);
	margin-top: max(-1.3vw, -2.6vh);
	line-height: min(2vw, 4vh);
}

.city_title.ship {
	border: none;
}

.mg.coins.pp {
	line-height: 0;
}

.mg.coins {
	display: inline-block;
	width: min(5.5vw, 11vh);
	text-align: center;
	color: #321;
	height: min(2.3vw, 4.6vh);
	border-right: min(0.1vw, 0.2vh) solid rgba(72, 36, 0, 0.4);
	border-bottom: min(0.1vw, 0.2vh) solid rgba(72, 36, 0, 0.4);
	width: min(5.75vw, 11.5vh);
	line-height: min(2.3vw, 4.6vh);
	font-size: min(1vw, 2vh);
	float: left;
}

.mg.item_icon.first {
	margin-left: min(0.5vw, 1vh);
}

.mg.item_icon {
	display: inline-block;
	width: min(2.8vw, 5.6vh);
	height: min(2.3vw, 4.6vh);
	background-size: 78%;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	border-right: min(0.1vw, 0.2vh) solid rgba(72, 36, 0, 0.4);
	border-bottom: min(0.1vw, 0.2vh) solid rgba(72, 36, 0, 0.4);
	float: left;
}

.mg.coins .coin_icon {
	width: min(1.5vw, 3vh);
	height: min(1.8vw, 3.6vh);
	vertical-align: middle;
	transform: translateY(max(-0.1vw, -0.2vh));
	background-size: 80%;
	margin-left: min(0.1vw, 0.2vh);
	margin-right: max(-0.4vw, -0.8vh);
}

.mg_items_container {
	border-top: min(0.1vw, 0.2vh) solid rgba(72, 36, 0, 0.4);
}

.pp.mg.coins .coin_icon {
	margin-top: max(-0.1vw, -0.2vh);
}

.city_back_button {
	width: min(11vw, 22vh);
	height: min(2.8vw, 5.6vh);
	margin: min(0.8vw, 1.6vh) auto;
	background-image: url(images/project_images/register_button.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	line-height: min(2.8vw, 5.6vh);
	text-align: center;
	font-size: min(1.05vw, 2.1vh);
	color: #CA9869;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
}

.city_rows {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-around;
}

.stock_container .background {
	box-shadow: -100vw min(0.5vw, 1vh) min(1vw, 2vh) min(0vw, 4vh) rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 100%;
	position: absolute;
	transform: translate(100vw);
}

.stock_slot_title {
	font-size: min(1vw, 2vh);
	color: #421;
	line-height: min(2vw, 4vh);
	width: min(5vw, 10vh);
	left: 50%;
	position: relative;
	transform: translateX(-50%);
	margin-top: max(-0.2vw, -0.4vh);
}

.boat_container {
	width: 70%;
	margin-left: 30%;
	height: min(28vw, 56vh);
}

.boat_container.upgrade {
	width: 40.5%;
	margin-left: 30%;
	height: min(28vw, 56vh);
}

.boat_companion_text {
	color: #321;
	width: 100%;
	text-align: center;
	font-size: min(1.5vw, 3vh);
	margin-bottom: min(2.5vw, 5vh);
	margin-top: min(1.5vw, 3vh);
}

.boat_container.tall .boat_companion_text {
	margin-bottom: min(2.3vw, 4.6vh);
	margin-top: 0;
}

.boat_companion_text.ship {
	font-size: min(1.3vw, 2.6vh);
}

.time_travel {
	width: 100%;
	text-align: center;
	color: #532;
	position: absolute;
	margin-top: max(-0.9vw, -1.8vh);
	font-size: min(0.9vw, 1.8vh);
}

.boat_container .time_travel {
	width: 69.3%;
	margin-top: max(-1.9vw, -3.8vh);
}

.boat_container.tall .time_travel {
	margin-top: max(-1.8vw, -3.6vh);
}

.boat_city_button {
	display: inline-block;
	position: relative;
	width: min(9vw, 18vh);
	margin: min(0.8vw, 1.6vh);
	height: min(3.05vw, 6.1vh);
	line-height: min(3vw, 6vh);
	font-size: min(1.1vw, 2.2vh);
	font-family: chat;
	transition: transform 0.18s;
}

.boat_container.upgrade .boat_city_button {
	width: min(8.4vw, 16.8vh);
	margin: min(0.4vw, 0.8vh);
	height: min(3vw, 6vh);
	line-height: min(2.9vw, 5.8vh);
}

.boat_city_buttons_container {
	width: min(22vw, 44vh);
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	height: min(20.5vw, 41vh);
	align-content: center;
}

.sell_buttons {
	width: min(37vw, 74vh);
	margin: 0 auto;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: min(1.4vw, 2.8vh);
}

.boat_container.tall .sell_buttons {
	margin-bottom: min(1vw, 2vh);
}

.sell_buttons .stock_container_title_line {
	width: min(14vw, 28vh);
	margin: 0 min(11.5vw, 23vh);
	transform: none;
}

.sell_button {
	width: min(3vw, 6vh);
	display: inline-block;
	height: min(3vw, 6vh);
	margin: min(0.8vw, 1.6vh);
	transition: transform 0.36s, opacity 0.36s;
	transform: scale(0.97);
	text-align: center;
}

.boat_container.tall .sell_button {
	margin: min(0.7vw, 1.4vh);
}

.sell_buttons_container {
	display: flex;
	justify-content: center;
	height: min(15vw, 30vh);
	align-items: flex-start;
	align-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: min(1vw, 2vh);
}

.sell_send_button {
	cursor: url(images/cursor2.webp) 0 0, auto;
	width: min(8.4vw, 16.8vh);
	height: min(2.8vw, 5.6vh);
	line-height: min(2.8vw, 5.6vh);
	font-size: min(1.3vw, 2.6vh);
	margin-left: min(10vw, 20vh);
	transition: transform 0.36s, opacity 0.36s;
	display: inline-block;
}

.sell_summary {
	width: auto;
	margin: 0 min(6vw, 12vh);
	text-align: center;
	font-size: min(1vw, 2vh);
	line-height: min(1.9vw, 3.8vh);
	color: #321;
	margin-bottom: min(0.5vw, 1vh);
}

.boat_container.tall .sell_summary {
	margin-bottom: min(0.3vw, 0.6vh);
	margin-top: min(0.1vw, 0.2vh);
}

.sell_summary .coin_icon {
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	margin-right: max(-0.5vw, -1vh);
}

.city_selling_row {
	float: right;
	clear: right;
	text-align: center;
	line-height: min(2.4vw, 4.8vh);
	font-size: min(1vw, 2vh);
	color: #321;
	min-width: min(10vw, 20vh);
}

.city_selling_row .item_icon {
	display: inline-block;
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	background-size: 84%;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	transform: translateY(max(-0.1vw, -0.2vh));
}

.city_selling_row .item_icon.scroll {
	transform: translateY(max(-0.1vw, -0.2vh)) scale(1.2);
}

.city_selling_row .coin_icon {
	display: inline-block;
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 0px 38%;
	vertical-align: middle;
	filter: drop-shadow(0 0 min(0.15vw, 0.3vh) rgba(0, 0, 0, 0.6));
	margin-left: 0px;
}

.time_icon {
	display: inline-block;
	width: min(1vw, 2vh);
	height: min(1vw, 2vh);
	background-image: url(images/cronometer.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	margin-right: min(0.1vw, 0.2vh);
	margin-top: max(-0.1vw, -0.2vh);
}

.time_travel .time_icon {
	transform: translateY(max(-0.05vw, -0.1vh));
}

.sell.control_button .check {
	color: transparent;
	border: 1px solid #753;
	background-color: rgba(0, 0, 0, 0.1);
	line-height: min(1.6vw, 3.2vh);
	font-size: min(1vw, 2vh);
	margin-right: min(0.36vw, 0.72vh);
	width: min(1.5vw, 3vh);
	height: min(1.5vw, 3vh);
	vertical-align: top;
}

.sell.control_button.first {
	margin-bottom: min(0.8vw, 1.6vh);
}

.sell.control_button {
	color: #321;
	text-align: center;
	display: block;
	margin: auto;
	line-height: min(1.8vw, 3.6vh);
	margin-bottom: min(1vw, 2vh);
	float: unset;
}

.boat_container.tall .sell.control_button {
	margin-bottom: min(0.5vw, 1vh);
}

.cargo {
	text-align: center;
	font-size: min(1vw, 2vh);
	margin-bottom: min(1vw, 2vh);
	color: #421;
}

.boat_container.tall .cargo {
	margin-bottom: min(0.5vw, 1vh);
}

.sell.control_button .check.checked {
	color: #321;
}

.sell_button .item_icon {
	width: min(3.2vw, 6.4vh);
	height: min(3.2vw, 6.4vh);
	filter: drop-shadow(0px 0px min(0.2vw, 0.4vh) #642);
	transition: transform 0.36s, opacity 0.36s;
	opacity: 0.64;
	display: block;
}

.boat_container.tall .sell_button .item_icon {
	width: min(3vw, 6vh);
	height: min(3vw, 6vh);
}

.item_icon.checked {
	opacity: 1;
	transform: none;
}

.my_city {
	color: #9bc;
}

.stock_container_title_line.sell {
	width: min(12vw, 24vh);
	margin: auto;
	transform: none;
}

.sell_item_nmb.nmb_minus, .sell_item_nmb.nmb_plus {
	transform: translate(max(-0.2vw, -0.4vh), max(-2.8vw, -5.6vh)) scale(1.5);
	position: relative;
}

.sell_item_nmb.nmb_plus {
	transform: translate(min(0.2vw, 0.4vh), max(-2.8vw, -5.6vh)) scale(1.5);
}

.sell_item_nmb .click_area {
	width: min(1vw, 2vh);
	height: min(1vw, 2vh);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.sell_item_nmb {
	display: inline-block;
	line-height: min(1vw, 2vh);
	font-size: min(1.1vw, 2.2vh);
	color: transparent;
	pointer-events: none;
	transition: color 0.36s;
	transform: translateY(max(-2.8vw, -5.6vh));
	margin-top: min(2.95vw, 5.9vh);
}

.sell_item_nmb.checked {
	color: #642;
	pointer-events: all;
}

.farm_plot_title {
	width: 100%;
	color: #421;
	font-size: min(1vw, 2vh);
	margin-top: max(-0.6vw, -1.2vh);
	margin-bottom: min(0.5vw, 1vh);
	font-weight: bold;
	text-align: center;
}

.window_companion_image {
	width: min(17vw, 34vh);
	height: min(28vw, 56vh);
	transform: scale(1.16);
	background-size: cover;
	background-position: top;
	float: left;
}

.window_companion_text {
	float: left;
	width: min(36vw, 72vh);
	margin-top: min(4vw, 8vh);
	margin-left: min(5vw, 10vh);
	font-size: min(1.2vw, 2.4vh);
	line-height: min(2.5vw, 5vh);
	color: #321;
	text-align: center;
}

.window_companion_text .item_icon {
	width: min(1.8vw, 3.6vh);
	height: min(1.8vw, 3.6vh);
	vertical-align: bottom;
	background-size: 100%;
	display: inline-block;
	transform: translateY(max(-0.45vw, -0.9vh));
}

.window_companion_text .item_nmb {
	display: inline-block;
	margin-right: min(0.3vw, 0.6vh);
}

.wooded_button {
	position: absolute;
	left: min(40vw, 80vh);
	bottom: min(5vw, 10vh);
	width: min(13.5vw, 27vh);
	height: min(3.2vw, 6.4vh);
	line-height: min(3.2vw, 6.4vh);
	font-size: min(1.2vw, 2.4vh);
	transform: translateX(-50%);
}

.window_companion_text .coin_icon {
	width: min(1.5vw, 3vh);
	height: min(1.9vw, 3vh);
	transform: translateY(max(-0.45vw, -0.9vh));
	margin-left: min(0.05vw, 0.1vh);
}

.sell_send_button.disabled {
	pointer-events: none;
	opacity: 0.6;
}

.caravel_icon {
	position: absolute;
	width: min(1.25vw, 2.5vh);
	height: min(2.5vw, 5vh);
	background-image: url(images/boat_icon.webp);
	background-size: 100%;
	transition: filter 0.36s, top 3.6s, left 3.6s, transform 0.5s;
}

.farm_plot_title.chest {
	text-align: center;
	margin-top: min(3.1vw, 6.2vh);
	margin-bottom: 0px;
	font-size: min(1.3vw, 2.6vh);
}

.stock_slot.disabled {
	opacity: 0.5;
}

.stock_slot img {
	width: min(2.2vw, 4.4vh);
	height: auto;
	margin-top: max(-0.2vw, -0.4vh);
	margin-bottom: min(0.3vw, 0.6vh);
}

.farm_seed {
	display: inline-block;
	width: min(6vw, 12vh);
	height: min(5.5vw, 11vh);
}

.seed_title {
	text-align: center;
	font-size: min(1vw, 2vh);
	color: #321;
}

.seed_count {
	text-align: center;
	line-height: min(1.1vw, 2.2vh);
	color: #421;
	font-size: min(0.8vw, 1.6vh);
}

.seed_icon {
	width: min(3vw, 6vh);
	height: min(3vw, 6vh);
	background-size: 100%;
	margin: auto;
	opacity: 0.8;
}

.seeds_container {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	margin: min(1.7vw, 3.4vh) 0;
	height: min(11vw, 22vh);
}

#mg_sail_to {
	text-align: center;
	font-size: min(1vw, 2vh);
	color: #321;
	margin: min(2.7vw, 3.4vh) 0 min(1vw, 2vh) 0;
}

#mg_cargo {
	text-align: center;
	font-size: min(1vw, 2vh);
	color: #642;
	line-height: min(2vw, 4vh);
	margin-bottom: min(0.5vw, 1vh);
	width: min(10.5vw, 21vh);
}

.mg_ship_container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: min(14vw, 28vh);
	margin: auto;
	text-align: center;
	height: min(17vw, 34vh);
	flex-direction: column;
}

.mg_nmb {
	font-size: min(1vw, 2vh);
	color: #321;
	line-height: min(3vw, 6vh);
	display: inline-block;
	transform: translateY(min(0.15vw, 0.3vh));
}

.mg_item_icon {
	height: min(3vw, 6vh);
	display: inline-block;
	vertical-align: middle;
	margin: min(0.2vw, 0.4vh) 0 min(0.2vw, 0.4vh) min(0.2vw, 0.4vh);
}

.mg_timer {
	width: 100%;
	color: #321;
	font-size: min(1vw, 2vh);
	line-height: min(1.6vw, 3.2vh);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 84%;
	text-align: center;
}

.city_point {
	width: min(0.6vw, 1.2vh);
	height: min(0.6vw, 1.2vh);
	background-color: #421;
	opacity: 0.7;
	border-radius: 50%;
	position: absolute;
	transition: font-size 0.36s, color 0.36s, filter 0.36s;
	transform: translate(-50%, -50%);
}

.city_point .click_area {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
}

.city_point:hover {
	filter: drop-shadow(0 0 min(0.2vw, 0.4vh) #ccd);
}

#mg_cargo .coin_icon {
	width: min(2.2vw, 4.4vh);
	height: min(2.2vw, 4.4vh);
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 min(0.3vw, 0.6vh) min(0.2vw, 0.4vh);
}

#building_upgrade_cost .item_icon.treasure_map_icon {
	transform: translateX(-60%);
}

.item_icon_nmb.mg {
	width: min(4.9vw, 9.8vh);
	margin-right: min(0.3vw, 0.6vh);
}

.warehouse_full {
	color: #c22;
	margin-left: min(0.4vw, 0.8vh);
}

.window_companion_text.start {
	float: left;
	width: min(41vw, 82vh);
	margin-top: 0px;
	margin-left: min(3vw, 6vh);
	font-size: min(1.05vw, 2.1vh);
	line-height: min(1.6vw, 3.2vh);
	color: #321;
	text-align: left;
	letter-spacing: max(-0.02vw, -0.04vh);
}

.wooded_button.start {
	position: absolute;
	left: min(40.5vw, 81vh);
	bottom: min(1.3vw, 2.6vh);
	width: min(13.5vw, 27vh);
	height: min(3vw, 6vh);
	line-height: min(3.05vw, 6.1vh);
	font-size: min(1.2vw, 2.4vh);
	transform: translateX(-50%);
}

.control_button .item_icon {
	width: min(1.2vw, 2.4vh);
	height: min(1.2vw, 2.4vh);
	display: inline-block;
	vertical-align: middle;
	transform: translateY(max(-0.1vw, -0.2vh)) scale(1.6);
	background-size: 100%;
	margin: 0 min(0.3vw, 0.6vh);
}

.item_icon.treasure_map {
	transform: translateY(max(-0.1vw, -0.2vh)) scale(1.2);
	background-image: url(images/inventory/912.webp);
	background-size: 100%;
}

.sailing_city {
	font-size: min(1.8vw, 3.6vh);
	margin: min(0.25vw, 0.5vh) 0 min(0.2vw, 0.4vh) 0;
	font-weight: normal;
	color: #531;
}

.city_rows .first[datatitle]:after {
	transform: translateX(max(-1.4vw, -2.8vh));
}

.no_goods_to_sell {
	font-size: min(1.2vw, 2.4vh);
	color: #321;
	line-height: min(6vw, 12vh);
}

.price_per {
	font-size: min(0.75vw, 1.5vh);
	color: #531;
	transform: translateY(min(0.05vw, 0.1vh));
}

.window_companion_text.map {
	margin-top: max(-0.5vw, -1vh);
}

.bought_treasure_map {
	width: min(5.6vw, 11.2vh);
	height: min(5.6vw, 11.2vh);
	background-image: url(images/inventory/912.webp);
	background-size: 100%;
	margin: min(0.36vw, 0.72vh) auto;
	filter: drop-shadow(0 0 min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.5));
}

.window_companion_text .minimap {
	display: inline-block;
	width: min(4.8vw, 9.6vh);
	height: min(4.8vw, 9.6vh);
	background-image: url(images/minimap.webp);
	background-size: 100%;
	filter: drop-shadow(0 0 min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.5));
}

.window_companion_text .arrow {
	display: inline-block;
	width: min(3.6vw, 7.2vh);
	height: min(1.8vw, 3.6vh);
	background-image: url(images/project_images/arrow.webp);
	background-size: 100%;
	margin: min(1.5vw, 3vh) min(1vw, 2vh);
	transform: scale(-1);
	filter: drop-shadow(0 0 min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.5));
}

.window_companion_text .shovel {
	display: inline-block;
	width: min(5vw, 10vh);
	height: min(5vw, 10vh);
	background-image: url(images/inventory/300.webp);
	background-size: 72%;
	background-position: center;
	background-repeat: no-repeat;
	transform: rotate(90deg);
	filter: drop-shadow(0 0 min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.5));
}

.window_companion_text .temple {
	display: inline-block;
	width: min(5vw, 10vh);
	height: min(5vw, 10vh);
	background-image: url(images/build/10_original.webp);
	background-size: 100%;
	filter: drop-shadow(0 0 min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.5));
}

.wooded_button.map {
	bottom: min(1vw, 2vh);
}

.research_icon {
	width: min(3.3vw, 6.6vh);
	height: min(3.3vw, 6.6vh);
	border: 0px solid #531;
	border-radius: min(0.3vw, 0.6vh);
	transition: background-color 0.36s, transform 0.36s, filter 0.36s;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent !important;
	background-image: url(images/discovery/item_frame.webp);
}

.research_item_icon {
	width: 100%;
	height: 100%;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50% 45%;
}

.research_line {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.research_line:hover {
	z-index: 1000;
}

.research_container {
	width: min(42.5vw, 85vh);
	display: flex;
	justify-content: space-evenly;
	height: min(16vw, 32vh);
	margin-top: max(-0.7vw, -1.4vh);
	margin-bottom: min(0.18vw, 0.36vh);
}

#building_producing_bar_container.research {
	margin: min(0.7vw, 1.4vh) auto 0 auto;
	width: min(18vw, 36vh);
}

.research_icon.current {
	filter: brightness(1.44) saturate(1.05);
}

.disc_plus {
	width: min(2vw, 4vh);
	display: inline-block;
	font-size: min(1.6vw, 3.2vh);
	color: #642;
	text-align: center;
	transform: translateY(max(-0.1vw, -0.2vh));
}

#building_producing_bar_text.research {
	display: none;
}

.disc_point.research {
	display: inline-block;
	width: min(1vw, 2vh);
	height: min(1vw, 2vh);
	margin-right: min(20vw, 40vh);
	margin-left: min(1vw, 2vh);
	background-image: url(images/scroll.webp);
	background-size: 100%;
	transform: scale(2);
}

.production_container {
	width: min(42vw, 84vh);
	height: min(28vw, 56vh);
}

.production_container #building_producing_bar_text {
	color: #521;
	text-align: center;
	font-size: min(0.9vw, 1.8vh);
	width: min(18vw, 36vh);
	margin: auto;
	margin-top: 0;
}

.prod_recipe {
	margin: auto;
	width: max-content;
	font-size: min(1.4vw, 2.8vh);
	margin-top: min(0.9vw, 1.8vh);
}

.prod_recipe_icon {
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	display: inline-block;
	background-size: 100%;
	vertical-align: middle;
	margin: 0 min(0.1vw, 0.2vh);
	transform: translateY(max(-0.2vw, -0.4vh));
}

.product_icon_nmb {
	display: inline-block;
	font-size: min(2vw, 4vh);
	line-height: min(2.5vw, 5vh);
	color: #321;
}

.prod_product {
	text-align: center;
	margin-top: min(2.5vw, 5vh);
}

.product_icon {
	width: min(3.6vw, 7.2vh);
	height: min(3.6vw, 7.2vh);
	background-size: 100%;
	vertical-align: middle;
	transform: translateY(max(-0.6vw, -1.2vh));
	margin: auto;
	margin-top: min(1.1vw, 2.2vh);
}

.well .product_icon {
	margin-top: min(3.6vw, 7.2vh);
	margin-bottom: min(1.8vw, 3.6vh);
}

.prod_components_icon {
	width: min(2.4vw, 4.8vh);
	height: min(2.4vw, 4.8vh);
	margin: min(0.4vw, 0.8vh) min(2.7vw, 5.4vh) 0 min(2.7vw, 5.4vh);
	background-size: 100%;
	text-align: right;
	line-height: min(5.7vw, 11.4vh);
	font-size: min(1.1vw, 2.2vh);
	color: #432;
}

.production_recipe_item_icon {
	width: min(1.2vw, 2.4vh);
	height: min(1.2vw, 2.4vh);
	background-size: 100%;
}

.prod_components {
	width: max-content;
	margin: 0 auto;
}

.get_coins_container {
	font-size: min(1.25vw, 2.5vh);
	width: min(86vw, 172vh);
	margin-left: max(-0.6vw, -1.2vh);
}

.purchase_coins_container {
	font-size: min(1.3vw, 2.6vh);
	width: min(86vw, 172vh);
	margin-left: max(-0.6vw, -1.2vh);
	height: min(42vw, 84vh);
	transform: translate(max(-1.8vw, -3.6vh), max(-2vw, -4vh));
	padding: min(0.5vw, 1vh) 0;
	overflow: hidden;
}

.get_coins_icon.tournaments {
	background-image: url(images/achievements/80.webp);
}

.get_coins_icon.trade {
	background-image: url(images/achievements/79.webp);
}

.get_coins_icon.achievements {
	background-image: url(images/achievements_coin.webp);
}

.get_coins_icon.wage {
	background-image: url(images/achievements/81.webp);
}

.get_coins_icon.treasure {
	background-image: url(images/build/build_45.webp);
}

.get_coins_icon.purchase {
	background-image: url(images/achievements/82.webp);
}

.get_coins_icon {
	width: min(6.4vw, 12.8vh);
	height: min(6.4vw, 12.8vh);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: min(0.3vw, 0.6vh) auto 0 auto;
	filter: drop-shadow(0px 0px min(0.4vw, 0.8vh) rgba(0, 0, 0, 0.5));
}

.frame_vertical.get_coins {
	display: inline-block;
	position: relative;
	width: min(1.5vw, 3vh);
	height: min(24vw, 48vh);
	transform: translateY(max(-3.2vw, -6.4vh));
	position: absolute;
	top: 0;
	right: max(-1.5vw, -3vh);
	background-position: 50% 44.3%;
}

.frame_vertical.purchase_coins {
	position: absolute;
	top: 0;
	right: 0;
	width: min(1.85vw, 3.7vh);
	height: min(44vw, 88vh);
	transform: translateY(max(-21.5vw, -43vh));
	background-position: 50% -400%;
	background-image: url(images/project_images/frame_vertical_repeat.webp);
}

.tall .frame_vertical.purchase_coins {
	display: none;
}

.frame_vertical.purchase_coins.top {
	background-position: 50% 50%;
}

.get_coins_block {
	position: relative;
	width: min(26.2vw, 52.4vh);
	text-align: center;
	display: block;
	height: min(19vw, 38vh);
	float: left;
}

.get_coins_block.vertical {
	margin-right: min(1.9vw, 3.8vh);
}

.get_coins_block.top {
	margin-bottom: min(1vw, 2vh);
}

.frame_horizontal.get_coins {
	width: min(28vw, 56vh);
	height: min(1.5vw, 3vh);
	background-image: url(images/project_images/frame_horizontal.webp);
	background-size: auto 100%;
	transform: translateX(max(-1vw, -2vh));
	filter: drop-shadow(0px 0px min(0.5vw, 1vh) rgba(0, 0, 0, 0.5));
}

.frame_horizontal.purchase_coins {
	width: min(42vw, 84vh);
	height: min(1.8vw, 3.6vh);
	background-image: url(images/project_images/frame_horizontal.webp);
	background-size: auto 100%;
	transform: translateX(max(-1vw, -2vh));
	filter: drop-shadow(0px 0px min(0.5vw, 1vh) rgba(0, 0, 0, 0.5));
	position: absolute;
	bottom: 0;
}

.get_coins_title {
	font-family: main;
	font-size: min(2vw, 4vh);
	color: #421;
	margin-top: min(1.4vw, 2.8vh);
}

.get_coins_block.top .get_coins_title {
	margin-top: max(-0.2vw, -0.4vh);
}

.get_coins_text {
	font-size: min(1.25vw, 2.5vh);
	color: #321;
	height: min(10.8vw, 21.6vh);
	text-align: left;
	width: 90%;
	margin: 0 auto min(0.5vw, 1vh) auto;
	line-height: min(2.4vw, 4.8vh);
	margin-top: min(0.3vw, 0.6vh);
	text-shadow: 0 0 min(0.3vw, 0.6vh) #b98;
}

.get_coins_text.wage {
	transform: translateY(min(0.3vw, 0.6vh));
}

.get_coins_text .rank_icon {
	transform: translate(0, max(-0.35vw, -0.7vh)) scale(2.25);
	margin: 0 min(0.5vw, 1vh) 0 min(0.5vw, 1vh);
}

.get_coins_text .coin_icon {
	transform: translate(max(-0.1vw, -0.2vh), max(-0.25vw, -0.5vh));
	margin: 0;
	width: min(1.6vw, 3.2vh);
	height: min(1.6vw, 3.2vh);
	margin-right: max(-0.3vw, -0.6vh);
}

.get_coins_text.center {
	line-height: min(5.5vw, 11vh);
	font-size: min(1.5vw, 3vh);
}

.get_coins_button {
	background-size: 100%;
	height: min(2.75vw, 5.7vh);
	width: min(12vw, 24vh);
	margin: auto;
	line-height: min(2.8vw, 5.6vh);
	font-family: chat;
	cursor: url(images/cursor2.webp) 0 0, auto;
	margin-bottom: min(1.9vw, 3.8vh);
}

.get_coins_button.disabled {
	filter: grayscale(0.72);
	cursor: inherit;
}

.purchase_coins_block {
	float: left;
	width: min(42.2vw, 84.4vh);
	text-align: center;
	position: relative;
	transform: translate(min(1.8vw, 3.6vh), max(-0.3vw, -0.6vh));
	height: min(21.7vw, 43.4vh);
}

.buying_coins_block {
	float: left;
	width: min(42.2vw, 84.4vh);
	text-align: center;
	position: relative;
	transform: translate(min(1.8vw, 3.6vh), max(-0.3vw, -0.6vh));
	height: min(44vw, 88vh);
}

.purchase_coins_icon {
	width: min(13vw, 26vh);
	height: min(13vw, 26vh);
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin: min(1.2vw, 2.4vh) min(1vw, 2vh) min(0.2vw, 0.4vh) min(1vw, 2vh);
	filter: drop-shadow(rgba(255, 255, 170, 0.8) 0px 0px min(0.75vw, 1.5vh));
	float: left;
}

.buying_coins_iocn {
	width: min(20vw, 40vh);
	height: min(20vw, 40vh);
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin: min(1.5vw, 3vh) auto min(1vw, 2vh) auto;
	filter: drop-shadow(rgba(255, 255, 170, 0.8) 0px 0px min(0.75vw, 1.5vh));
	float: none;
	transform: translate(max(-1vw, -2vh), min(1.5vw, 3vh));
}

.buying_coins_iocn.icon_1 {
	width: min(20vw, 40vh);
	height: min(15vw, 30vh);
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin: min(3.5vw, 7vh) auto 0 auto;
	filter: drop-shadow(rgba(255, 255, 170, 0.8) 0px 0px min(0.75vw, 1.5vh));
	float: none;
	transform: translateX(max(-1vw, -2vh));
}

.purchase_coins_icon.icon_1, .buying_coins_iocn.icon_1 {
	background-image: url(images/purchase_coins_1.webp);
	background-size: 100%;
}

.purchase_coins_icon.icon_2, .buying_coins_iocn.icon_2 {
	background-image: url(images/purchase_coins_2.webp);
	background-size: 80%;
}

.purchase_coins_icon.icon_3, .buying_coins_iocn.icon_3 {
	background-image: url(images/purchase_coins_3.webp);
	background-size: 85%;
}

.purchase_coins_icon.icon_4, .buying_coins_iocn.icon_4 {
	background-image: url(images/purchase_coins_4.webp);
	background-size: 90%;
}

.purchase_coins_button .cents {
	font-size: min(1vw, 2vh);
	transform: translateY(max(-0.4vw, -0.8vh));
	display: inline-block;
}

.purchase_coins_button .cents .dot {
	letter-spacing: max(-0.1vw, -0.2vh);
	margin-left: max(-0.072vw, -0.144vh);
}

.purchase_coins_button .usd {
	margin-right: min(0.22vw, 0.44vh);
	font-size: min(1vw, 2vh);
	display: inline-block;
	transform: translateY(max(-0.1vw, -0.2vh));
}

.purchase_coins_amount .coin_icon {
	width: min(3.8vw, 7.6vh);
	height: min(3.8vw, 7.6vh);
	margin-left: 0px;
	transform: translateY(min(0.3vw, 0.6vh));
	margin-right: max(-0.8vw, -1.6vh);
	vertical-align: middle;
	transform: translate(max(-0.5vw, -1vh), max(-0.1vw, -0.2vh));
}

.buying_coins_amount .coin_icon {
	width: min(3.8vw, 7.6vh);
	height: min(3.8vw, 7.6vh);
	margin-left: 0px;
	transform: translateY(min(0.3vw, 0.6vh));
	margin-right: max(-1.1vw, -2.2vh);
	vertical-align: middle;
	transform: translate(max(-0.5vw, -1vh), max(-0.1vw, -0.2vh));
}

.purchase_coins_amount {
	font-size: min(4.2vw, 8.4vh);
	font-family: main;
	float: left;
	color: #531;
	text-align: center;
	width: min(20.5vw, 41vh);
	margin: min(0.4vw, 0.8vh) 0 0 min(1.5vw, 3vh);
}

.buying_coins_amount {
	font-size: min(4.2vw, 8.4vh);
	font-family: main;
	color: #531;
	text-align: center;
	width: min(20.5vw, 41vh);
	margin: min(0.8vw, 1.6vh) auto min(1vw, 2vh) auto;
	transform: translateX(max(-1vw, -2vh));
}

.purchase_coins_button {
	height: min(3vw, 6vh);
	width: min(9.2vw, 18.4vh);
	line-height: min(3vw, 6vh);
	font-weight: bold;
	cursor: url(images/cursor2.webp) 0 0, auto;
	position: absolute;
	right: min(3.2vw, 6.4vh);
	bottom: min(3.2vw, 6.4vh);
	letter-spacing: 1px;
	font-size: min(1.5vw, 3vh);
	background-position: center;
}

.production_container #building_producing_bar_container {
	width: min(18vw, 36vh);
	margin: min(0.7vw, 1.4vh) auto;
}

.production_container .farm_plot_title {
	margin-top: min(0.36vw, 0.72vh);
	font-size: min(1.5vw, 3vh);
}

.prod_loaded {
	text-align: center;
	color: #321;
	font-size: min(1.3vw, 2.6vh);
	margin-top: min(1vw, 2vh);
}

.production_container #frame_vertical_2 {
	left: 30% !important;
}

.production_block {
	float: left;
	width: min(18vw, 36vh);
	margin-top: min(4vw, 8vh);
}

.production_block.first {
	margin-right: min(3.6vw, 7.2vh);
	margin-top: min(9vw, 18vh);
}

.claim_prize {
	text-align: center;
	margin: auto;
	margin-bottom: max(-0.8vw, -1.6vh);
	margin-top: min(0.4vw, 0.8vh);
	height: min(3.3vw, 6.6vh);
	line-height: min(3.3vw, 6.6vh);
}

.inbox_message .coin_icon {
	width: min(1.1vw, 2.2vh);
	float: right;
	margin-right: min(1vw, 2vh);
	margin-left: 0px;
}

.inbox_message.claimed .coin_icon {
	display: none;
}

.buttons_components {
	width: max-content;
	margin: auto;
	margin-top: min(1.5vw, 3vh);
}

.prod_load_button {
	width: min(7vw, 14vh);
	height: min(2.35vw, 4.7vh);
	margin: min(0.4vw, 0.8vh);
	line-height: min(2.4vw, 4.8vh);
	font-family: chat;
	cursor: url(images/cursor2.webp) 0 0, auto;
	font-size: min(1.1vw, 2.2vh);
	margin-top: min(0.8vw, 1.6vh);
	opacity: 0.9;
	transition: opacity 0.18s;
}

.prod_load_button:hover {
	opacity: 1;
}

.prod_load_button:active {
	opacity: 0.75;
}

.prod_stock_nmb {
	width: min(7.8vw, 15.6vh);
	text-align: center;
	color: #421;
	font-size: min(1vw, 2vh);
	line-height: min(1.8vw, 3.6vh);
	margin-bottom: min(0.4vw, 0.8vh);
}

.recipe_list {
	width: max-content;
	margin: auto;
}

.recipe_list.first {
	height: min(4.2vw, 8.4vh);
}

.prod_load_button.placeholder {
	opacity: 0;
}

.prod_nmb_plus {
	transform: translateY(max(-1.55vw, -3.1vh));
	display: inline-block;
	font-size: min(1.8vw, 3.6vh);
	text-align: center;
	width: min(2vw, 4vh);
	margin: 0 max(-1vw, -2vh);
	color: #421;
}

.prod_components_icon.product {
	transform: scale(1.2);
}

.discovered .prod_components_icon {
	margin: min(1.1vw, 2.2vh) min(1.6vw, 3.2vh);
}

.prod_stock_title {
	text-align: center;
	width: min(7.8vw, 15.6vh);
	font-size: min(1.2vw, 2.4vh);
	color: #321;
	margin-top: max(-0.15vw, -0.3vh);
}

.prod_load_button.disabled {
	pointer-events: none;
	opacity: 0.25;
}

.research_item_container {
	width: max-content;
	margin-top: min(0.5vw, 1vh);
}

.research_icon.locked {
	background-image: url(images/discovery/lock.webp);
	background-size: 100%;
}

.well .farm_plot_title {
	margin-top: min(2.8vw, 5.6vh);
}

.disc_item_title {
	margin: auto;
	width: max-content;
	font-size: min(1.4vw, 2.8vh);
	font-weight: bold;
	color: #531;
	padding-top: min(1.3vw, 2.6vh);
}

.disc_item_icon {
	width: min(3.6vw, 7.2vh);
	height: min(3.6vw, 7.2vh);
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	margin: min(1.5vw, 3vh) auto;
	display: inline-block;
	margin: min(0.2vw, 0.4vh) min(1.6vw, 3.2vh) min(0.5vw, 1vh) min(1.6vw, 3.2vh);
	line-height: min(6.4vw, 12.8vh);
	text-align: right;
	color: #421;
	font-size: min(1vw, 2vh);
}

.disc_item_icon.option {
	margin: min(0.7vw, 1.4vh) 0;
	background-size: 100%;
	background-image: url(images/discovery/question.webp);
}

.disc_item_icon.product {
	transform: scale(1.1);
}

.points_left {
	width: max-content;
	margin: auto;
	color: #421;
	font-size: min(1.2vw, 2.2vh);
}

.disc_recipe_list {
	width: max-content;
	margin: auto;
	height: min(6.2vw, 12.4vh);
}

.disc_discovered {
	width: max-content;
	margin: auto;
	font-size: min(1.2vw, 2.4vh);
	color: #421;
	margin-top: min(0.6vw, 1.2vh);
}

.disc_item_icon.locked {
	filter: none;
	background-image: url(images/lock.webp);
	margin: min(2vw, 4vh) 0;
	width: min(5vw, 10vh);
	height: min(5vw, 10vh);
}

.recipe_icon_title {
	display: inline-block;
	text-align: center;
	width: min(6.7vw, 13.4vh);
	margin-top: min(0.7vw, 1.4vh);
	color: #421;
	font-size: min(1vw, 2vh);
	white-space: nowrap;
}

.recipe_icon_title.well {
	display: none;
}

.research_item_container.prod_nmb_plus {
	transform: translateY(max(-1.4vw, -2.8vh));
}

.points_timer {
	text-align: center;
	font-size: min(1vw, 2vh);
	color: #421;
	line-height: min(2vw, 4vh);
	height: min(1.6vw, 3.2vh);
}

.locked_title {
	text-align: center;
	margin: min(5.7vw, 11.4vh);
	font-size: min(1.4vw, 2.8vh);
	color: #421;
}

.disc_exclamation {
	width: 100%;
	height: 100%;
	background-image: url(images/discovery/exclamation.webp);
	background-size: 100%;
}

.disc_question {
	width: 100%;
	height: 100%;
	background-image: url(images/discovery/question.webp);
	background-size: 100%;
}

.currently_discovering {
	text-align: center;
	font-size: min(1.3vw, 2.6vh);
	color: #421;
	margin: min(1vw, 2vh);
}

.currently_discovering.small {
	margin: min(1.8vw, 3.6vh) 0 min(1.8vw, 3.6vh) 0;
}

.currently_discovering.large {
	margin: min(1.8vw, 3.6vh);
}

.medium_wooden_button {
	width: min(9vw, 18vh);
	height: min(3vw, 6vh);
	line-height: min(3vw, 6vh);
	margin: min(0.7vw, 1.4vh) auto;
	font-family: chat;
	font-weight: bold;
	font-size: min(1.1vw, 2.2vh);
}

.prod_recipe_item {
	display: inline-block;
}

.research_item_container .prod_nmb_plus {
	transform: translateY(max(-1.4vw, -2.8vh));
}

.discovery_point {
	width: min(1.8vw, 3.6vh);
	height: min(1.8vw, 3.6vh);
	display: inline-block;
	vertical-align: middle;
	background-image: url(images/discovery_point.webp);
	background-size: 100%;
	margin-left: min(0.5vw, 1vh);
	margin-right: max(-0.6vw, -1.2vh);
	transform: translateY(max(-0.15vw, -0.3vh)) scale(1.1);
}

.recipe_list.discovered .recipe_icon_title {
	margin-top: min(0.4vw, 0.8vh);
}

.recipe_list.discovered .disc_item_icon {
	margin: min(0.6vw, 1.2vh) min(1.6vw, 3.2vh) min(1vw, 2vh) min(1.6vw, 3.2vh);
}

.disc_item_icon.well {
	margin: min(0.8vw, 1.6vh) min(1.6vw, 3.2vh);
	background-size: 90%;
}

.you_received_points {
	font-size: min(1.3vw, 2.6vh);
	color: #dde;
	margin-top: min(2vw, 4vh);
	margin-bottom: min(1vw, 2vh);
}

#ban_text {
	position: absolute;
	font-size: min(1.6vw, 3.2vh);
	line-height: min(3vw, 6vh);
	top: 50%;
	left: 50%;
	transform: translate(-50%, calc(-50% + min(0.5vw, 1vh)));
	width: max-content;
	text-align: center;
}

#ban_text .large_text {
	font-size: min(1.8vw, 3.6vh);
	width: min(80vw, 160vh);
	display: inline-block;
}

#ban_text h1 {
	font-size: min(2.2vw, 4.4vh);
}

.disc_item_icon.product.question {
	transform: scale(1.4) translateY(max(-0.3vw, -0.6vh));
	filter: drop-shadow(0px 0px min(0.15vw, 0.3vh) rgba(0, 0, 0, 0.25));
}

.disc_item_title.discovering {
	padding-top: min(1.1vw, 2.2vh);
}

.disc_item_title.discovering.large {
	padding-top: min(0.6vw, 1.2vh);
}

.discovery_point_icon {
	width: min(1vw, 2vh);
	height: min(1vw, 2vh);
	background-image: url(images/discovery_point.webp);
	background-size: 100%;
	display: inline-block;
	transform: translateY(min(0.1vw, 0.2vh)) scale(1.3);
	margin-left: min(0.4vw, 0.8vh);
}

#slot_discovery {
	background-size: 84%;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: max(-0.36vw, -0.72vh);
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
}

.window_companion_discovery_item {
	width: min(9vw, 18vh);
	height: min(9vw, 18vh);
	margin: min(1vw, 2vh) auto;
	background-size: 100%;
	filter: drop-shadow(0px 0px min(2vw, 4vh) #fff);
	background-size: auto 100%;
}

.window_companion_text span {
	font-family: main;
	font-size: min(2vw, 4vh);
}

.disc_item_title.discovered {
	padding-top: min(1.3vw, 2.6vh);
	margin-bottom: min(0.4vw, 0.8vh);
}

.disc_item_title.discovered.well {
	padding-top: min(1.8vw, 3.6vh);
}

.disc_item_title.option {
	padding-top: min(2vw, 4vh);
}

.stock_container_title_line.prod {
	margin: min(1.5vw, 3vh) min(8vw, 16vh) min(1.4vw, 2.8vh);
	width: min(30vw, 60vh);
}

.stock_container_title_line.prod.second {
	margin: min(1.4vw, 2.8vh) min(8vw, 16vh);
}

#discovery_bottom {
	width: min(42vw, 84vh);
	display: flex;
	justify-content: space-around;
}

.scrolls_container {
	display: flex;
	position: absolute;
	right: min(20vw, 40vh);
	width: max-content;
	flex-direction: column;
	top: min(16vw, 32vh);
	height: min(13vw, 26vh);
	justify-content: center;
}

#window_inner.thin .scrolls_container {
	right: min(2vw, 4vh);
}

.scroll_icon.disabled {
	display: none;
}

.scroll_icon {
	position: relative;
	padding: 0 min(0.5vw, 1vh);
	width: min(2.6vw, 5.2vh);
	height: min(3.6vw, 7.2vh);
	background-size: 100%;
	margin: min(0.2vw, 0.4vh) 0;
	filter: drop-shadow(0px 0px min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.5));
	cursor: url(images/cursor2.webp) 0 0, auto;
	line-height: min(6vw, 12vh);
	text-align: right;
	font-size: min(1.5vw, 3vh);
	font-family: main;
	color: #421;
	text-shadow: 0 0 min(0.2vw, 0.4vh) #fff, 0 0 min(0.2vw, 0.4vh) #fff;
}

.scroll_1 {
	background-image: url(images/inventory/914.webp);
}

.scroll_2 {
	background-image: url(images/inventory/915.webp);
}

.scroll_3 {
	background-image: url(images/inventory/916.webp);
}

.scroll_4 {
	background-image: url(images/inventory/917.webp);
}

.current.city_button {
	font-size: min(2vw, 4vh);
}

.bucket_icon {
	width: min(3.2vw, 6.4vh);
	height: min(3.2vw, 6.4vh);
	display: inline-block;
	background-image: url(images/inventory/913.webp);
	background-size: 100%;
	opacity: 0.5;
	margin: min(0.4vw, 0.8vh);
}

.bucket_icon.full {
	opacity: 1;
}

.well_buckets_container {
	width: max-content;
	margin: auto;
	margin-top: min(1.8vw, 3.6vh);
}

.stock_container_title_line.ship {
	width: min(25vw, 50vh);
	margin: auto;
	transform: none;
	margin-top: min(0.6vw, 1.2vh);
}

.building_upgrade_button.ship {
	margin: auto;
	display: block;
}

.stock_container_title_line.ship {
	width: min(25vw, 50vh);
	margin: auto;
	transform: none;
	margin-top: min(1vw, 2vh);
}

#building_upgrade_cost.ship {
	width: 100%;
	height: min(2.5vw, 5vh);
	margin: min(1.1vw, 2.2vh) 0 min(0.9vw, 1.8vh) 0;
	justify-content: center;
	float: none;
}

#building_upgrade_cost.ship_large {
	height: min(14.5vw, 29vh);
	transform: translateY(min(0.6vw, 1.2vh));
}

.middle_container {
	margin: auto;
	width: max-content;
}

.background.ship {
	box-shadow: -100vw min(0.5vw, 1vh) min(1vw, 2vh) min(0vw, 4vh) rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 100%;
	position: absolute;
	transform: translate(100vw);
}

.wood_button {
	background-image: url(images/project_images/button.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	color: #cb9;
	border-radius: min(0.833vw, 1.666vh);
	box-shadow: inset 0px 0px min(1.666vw, 3.33vh) #4208;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
	text-align: center;
}

.wood_button.wide {
	background-image: url(images/project_images/register_button.webp);
}

.disc_discovered_button {
	width: min(8vw, 16vh);
	height: min(2.7vw, 5.4vh);
	line-height: min(2.7vw, 5.4vh);
	font-size: min(1.3vw, 2.6vh);
	margin: min(0.6vw, 1.2vh) auto;
}

.disc_item_title.discovered.build {
	padding-top: min(0.7vw, 1.4vh);
	margin-bottom: min(0.2vw, 0.4vh);
}

#lock_text {
	font-size: min(1.9vw, 3.8vh);
	text-align: center;
	width: 100%;
	margin: min(16vw, 32vh) 0;
	line-height: min(3.2vw, 6.4vh);
	color: #321;
	text-shadow: 0px 0px min(0.3vw, 0.6vh) #fff;
}

.lock_background {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 103%;
	height: 110%;
	transform: translate(-50%, -50%);
	background-image: url(images/project_images/lock_background.webp);
	background-position: center;
	background-size: 100%;
	opacity: 0.2;
	z-index: -1;
}

.wood_button.ok {
	width: min(10vw, 20vh);
	height: min(3.6vw, 7.2vh);
	line-height: min(3.6vw, 7.2vh);
	font-size: min(1.6vw, 3.2vh);
	margin: auto;
}

.sorry_text {
	color: #321;
	font-size: min(1.3vw, 2.6vh);
	line-height: min(2.2vw, 4.4vh);
	margin: min(0.5vw, 1vh) min(1.6vw, 3.2vh);
}

.prod_stock_nmb .item_icon {
	width: min(1.8vw, 3.6vh);
	vertical-align: bottom;
	transform: translateY(min(0.1vw, 0.2vh));
	margin-left: min(0.2vw, 0.4vh);
	margin-right: max(-0.6vw, -1.2vh);
}

.building_level_stars {
	margin: auto;
	display: block;
	width: min(10vw, 20vh);
	height: min(2vw, 4vh);
	background-image: url(images/wooden_star.webp);
	background-size: auto 100%;
	transform: translateY(min(0.1vw, 0.2vh));
}

.building_level_stars.level_-1 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.36));
}

.building_level_stars.level_0 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.36));
}

.building_level_stars.level_1 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.36));
}

.building_level_stars.level_2 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.36));
}

.building_level_stars.level_3 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.36));
}

.building_level_stars.level_4 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.36));
}

.building_level_stars.ship.level_1 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.36));
}

.building_level_stars.ship.level_2 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 67%, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.36));
}

#building_upgrade_description.tall {
	height: min(2vw, 4vh);
	line-height: min(2.5vw, 5vh);
	margin-bottom: min(0.1vw, 0.2vh);
}

.stock_container_title_line.well {
	width: min(28vw, 56vh);
	margin: auto;
	transform: none;
}

.well_buckets {
	text-align: center;
	margin: min(3.6vw, 7.2vh);
	font-size: min(1vw, 2vh);
	line-height: min(1vw, 2vh);
	color: #421;
}

.item_icon.bucket {
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	margin-left: min(0.2vw, 0.4vh);
	display: inline-block;
	background-image: url(images/inventory/913.webp);
	background-size: 100%;
	vertical-align: middle;
	transform: translateY(max(-0.2vw, -0.4vh));
}

.prod_stock_nmb.well {
	margin: min(2.5vw, 5vh) auto;
}

.production_container.well.best {
	margin: auto;
}

.prod_stock_nmb.well .item_icon {
	transform: none;
}

#building_producing_bar_container.well {
	margin-bottom: min(3.6vw, 7.2vh);
	transform: translateY(min(0.3vw, 0.6vh));
}

#building_producing_bar_text.well {
	transform: translateY(min(0.3vw, 0.6vh));
}

.stock_nmb {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
}

.control_button .item_icon.coin_icon {
	transform: translateY(max(-0.2vw, -0.4vh)) scale(1.2);
	margin: min(0.1vw, 0.2vh);
}

.city_selling_title {
	float: left;
	line-height: min(5vw, 10vh);
	text-align: center;
	font-size: min(1.2vw, 2.4vh);
	color: #321;
	margin: 0 0 min(0.2vw, 0.4vh) min(0.5vw, 1vh);
	width: min(5.6vw, 11.2vh);
}

.city_selling_container {
	display: flex;
	height: min(5.8vw, 11.6vh);
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}

.control_button .item_icon.scroll {
	transform: translateY(max(-0.1vw, -0.2vh)) scale(2.1);
}

.discovery_point_collectable {
	position: absolute;
	height: min(1.5vw, 3vh);
	background-image: url(images/discovery_point.webp);
	background-size: auto 100%;
	background-position: right;
	background-repeat: no-repeat;
	transition: opacity 0.16s linear;
	transform: translate(-50%, 32%);
	z-index: 10;
	padding-right: min(1.6vw, 3.2vh);
	line-height: min(1.5vw, 3vh);
	font-size: min(1.1vw, 2.2vh);
	color: #321;
}

.discovery_point_collectable.long_fading {
	transition: opacity 1s linear;
}

.discovery_point_collectable.fading {
	opacity: 0;
}

.purchase_coins_title {
	float: left;
	margin: min(1.8vw, 3.6vh) min(1vw, 2vh) min(1vw, 2vh) min(1vw, 2vh);
	font-size: min(2.8vw, 5.6vh);
	font-family: main;
	color: #421;
	width: min(20.5vw, 41vh);
	text-align: center;
}

.buying_coins_title {
	margin: min(2.8vw, 5.6vh) auto max(-3vw, -6vh) auto;
	transform: translateX(max(-1vw, -2vh));
	font-size: min(3.6vw, 7.2vh);
	font-family: main;
	color: #442b11;
	width: max-content;
	text-align: center;
}

.digital_code_title {
	font-size: min(3.6vw, 7.2vh);
	font-family: main;
	color: #442b11;
	width: max-content;
	text-align: center;
}

#use_code {
	width: min(9vw, 18vh);
	height: min(3vw, 6vh);
	font-size: min(1.4vw, 2.8vh);
	line-height: min(3vw, 6vh);
}

.buying_coins_title.title_1 {
	margin-top: min(4.5vw, 9vh);
}

.purchase_coins_text.de {
	font-size: min(1.35vw, 2.7vh);
	letter-spacing: -0.7px;
}

.purchase_coins_text.es {
	font-size: min(1.35vw, 2.7vh);
	letter-spacing: -0.7px;
}

.purchase_coins_text.fr {
	font-size: min(1.28vw, 2.56vh);
	letter-spacing: -0.7px;
}

.purchase_coins_text.it {
	letter-spacing: -0.6px;
}

.purchase_coins_text.pt {
	font-size: min(1.3vw, 2.6vh);
	letter-spacing: -0.5px;
}

.purchase_coins_text.ru {
	letter-spacing: -0.5px;
	font-size: min(1.3vw, 2.6vh);
}

.purchase_coins_text {
	float: left;
	clear: left;
	margin: 0 min(1.8vw, 3.6vh);
	font-size: min(1.4vw, 2.8vh);
	color: #421;
	line-height: min(2.2vw, 4.4vh);
	text-align: left;
}

.buying_coins_text {
	margin: 0 auto;
	font-size: min(1.8vw, 3.6vh);
	color: #421;
	line-height: min(3.2vw, 6.4vh);
	text-align: center;
	width: max-content;
	transform: translateX(max(-1vw, -2vh));
}

.mini_bar {
	position: relative;
	color: #321;
	width: min(6vw, 12vh);
	text-align: center;
	font-size: min(0.75vw, 1.5vh);
	height: min(0.5vw, 1vh);
	border-radius: 0.5vw;
	box-shadow: inset 0 min(0.2vw, 0.4vh) min(0.5vw, 1vh) 0 #6F4725;
	margin: auto;
	margin-top: min(0.4vw, 0.8vh);
	line-height: min(1vw, 2vh);
}

.mini_bar_filler {
	position: absolute;
	top: 0;
	width: 50%;
	height: 50%;
	border-radius: 100vw;
	background-color: #784629;
	box-shadow: inset 0 max(-0.1vw, -0.2vh) min(0.2vw, 0.4vh) max(-0.05vw, -0.1vh) #000;
	transform: scaleY(0.84) translate(min(0.15vw, 0.3vh), 50%);
	z-index: -1;
	max-width: 94.6%;
}

.paypal_background {
	display: flex;
	width: 46%;
	height: 100%;
	justify-content: space-evenly;
	align-items: center;
	padding: min(1vw, 2vh) min(2vw, 4vh);
	transform: translateY(max(-1vw, -2vh));
	flex-direction: column;
	margin: auto;
}

.buy_coins_background {
	background-image: url(images/project_images/buy_coins_background.webp);
	position: absolute;
	width: 98%;
	height: 100%;
	opacity: 0.3;
	background-size: 100%;
	z-index: -1;
}

#paypal_container {
	width: min(30vw, 60vh);
	height: max-content;
	overflow: auto;
	transform: translateY(max(-0.8vw, -1.6vh));
	padding: 0 min(1.2vw, 2.4vh);
	padding-bottom: min(0.5vw, 1vh);
	border-radius: 16px;
	background-color: rgba(255, 255, 255, 0.4);
}

#paypal_container.disabled {
	opacity: 0;
	height: calc(252px + min(4.8vw, 9.6vh));
}

#card_field_button {
	display: block;
	margin: min(1vw, 2vh) auto 0 auto;
	width: min(11.4vw, 22.8vh);
	height: min(3.8vw, 7.6vh);
	background-color: transparent;
	border: none;
	background-image: url(images/project_images/button.webp);
	background-size: 100%;
	font-size: min(1.5vw, 3vh);
}

#buy_title {
	font-size: min(3.6vw, 7.2vh);
	font-family: main;
	color: #421;
	text-align: center;
	margin-top: min(0.3vw, 0.6vh);
	margin-bottom: min(0.2vw, 0.4vh);
	position: relative;
	z-index: 11;
}

#buy_title .coin_icon {
	width: min(2.8vw, 5.6vh);
	height: min(2.8vw, 5.6vh);
	vertical-align: middle;
	margin: min(0.25vw, 0.5vh);
}

.frame_vertical.buy_window {
	left: 50%;
	transform: translate(-50%, -50%);
}

#buy_title span {
	font-family: main;
	display: inline-block;
	font-size: min(2.3vw, 4.6vh);
	transform: translateY(max(-0.72vw, -1.44vh));
}

.paypal-buttons {
	transform: translateY(min(1vw, 2vh));
	width: min(30vw, 60vh) !important;
	min-width: min(30vw, 60vh) !important;
	margin: min(0.2vw, 0.4vh) 0;
}

.game_shine {
	position: absolute;
	transition: transform 10s linear, opacity 10s cubic-bezier(0.98, -0.04, 0.77, 0.44);
	font-size: min(2vw, 4vh);
	color: #421;
	text-shadow: 0 0 min(0.2vw, 0.4vh) #fff;
	transform: translate(-50%, -50%);
}

.game_shine.fading {
	position: absolute;
	opacity: 0;
	transform: translate(-50%, calc(max(-2vw, -4vh) - 50%));
}

.game_shine .coin_icon {
	width: min(2.8vw, 5.6vh);
	height: min(2.8vw, 5.6vh);
	transform: translateY(min(0.1vw, 0.2vh));
}

#buy_title .usd {
	font-family: main;
	display: inline-block;
	font-size: min(1.95vw, 3.9vh);
	transform: translateY(max(-0.6vw, -1.2vh));
	margin-right: min(0.3vw, 0.6vh);
}

.how_to_get_coins_upgrades {
	position: absolute;
	right: min(2vw, 4vh);
	bottom: min(1.7vw, 3.4vh);
	height: min(3.3vw, 6.6vh);
	line-height: min(3.3vw, 6.6vh);
	width: min(14vw, 28vh);
	text-align: center;
	cursor: url(images/cursor2.webp) 0 0, auto;
	color: #cb9;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
	transition: color 0.24s;
	font-size: min(1.4vw, 2.8vh);
	background-image: url(images/project_images/register_button.webp);
	background-size: 100%;
}

.shop_coins_background {
	width: min(20vw, 40vh);
	height: min(43vw, 86vh);
	position: absolute;
	transform: translate(min(0.2vw, 0.4vh), max(-2.4vw, -4.8vh));
	background-image: url(images/our_treasury.webp);
	z-index: -1;
	opacity: 0.5;
	background-size: auto 100%;
	background-position: top;
}

.reputation_bar_container {
	position: relative;
	color: #321;
	width: min(14vw, 28vh);
	text-align: center;
	font-size: min(0.75vw, 1.5vh);
	height: min(0.6vw, 1.2vh);
	border-radius: 0.5vw;
	box-shadow: inset 0 min(0.2vw, 0.4vh) min(0.5vw, 1vh) min(0.05vw, 0.1vh) #6F4725;
	margin: 0 min(2vw, 4vh);
	line-height: min(1vw, 2vh);
	margin-bottom: min(0.6vw, 1.2vh);
}

.reputation_bar_filler {
	position: absolute;
	height: 50%;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: inset 0 max(-0.05vw, -0.1vh) min(0.25vw, 0.5vh) min(-0.05vw, 0.1vh) #000;
	margin-left: 1%;
	border-radius: min(10vw, 20vh);
}

.reputation_color_0 {
	background-color: #b00;
}

.reputation_color_1 {
	background-color: #c70;
}

.reputation_color_2 {
	background-color: #cb0;
}

.reputation_color_3 {
	background-color: #22cc22bf;
}

.reputation_color_4 {
	background-color: #227fcc;
}

.reputation_bar_text {
	width: 100%;
	text-align: center;
	font-size: min(0.8vw, 1.6vh);
	color: #421;
	line-height: min(1.75vw, 3.5vh);
	margin-bottom: min(0.1vw, 0.2vh);
	margin-top: min(0.2vw, 0.4vh);
}

.reputation_bar_strips {
	position: absolute;
	width: 100%;
	top: 0px;
	background: repeating-linear-gradient(0.25turn, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 24.3%, rgba(125, 79, 43, 1) 25%, rgba(0, 0, 0, 0) 25.7%);
	height: 100%;
}

#mosaics {
	display: block;
	height: min(96vw, 96vh);
	width: min(96vw, 96vh);
	margin: min(2vw, 2vh);
}

#mosaic_container {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: flex-start;
	position: absolute;
	width: 100%;
	z-index: 12;
}

.building_part {
	position: absolute;
	background-size: auto 100%;
	background-position: left;
	transform: translate(-50%, -50%);
}

.mosaic_info_container {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
	height: 72%;
	transform: translateX(min(7vw, 14vh));
}

#production_tool_buttons {
	width: min(19vw, 38vh);
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: space-around;
	margin: max(-0.5vw, -1vh) min(3vw, 6vh);
	flex-wrap: wrap;
	align-content: space-between;
}

.production_tool_button {
	width: min(9vw, 18vh);
	height: min(3.2vw, 6.4vh);
	line-height: min(3vw, 6vh);
	font-size: min(1.1vw, 2.2vh);
	transition: filter 0.36s;
}

#production_canvas {
	display: block;
	float: left;
	margin: 0 min(5.5vw, 11vh);
	height: 97%;
}

.production_tool_button.current {
	filter: brightness(1.5);
}

.statistic_indicator {
	display: inline-block;
	width: min(0.6vw, 1.2vh);
	height: min(0.6vw, 1.2vh);
	border-radius: 50%;
	margin-right: min(0.2vw, 0.4vh);
}

.statistic_indicator.good {
	background: radial-gradient(#3b3, rgba(0, 0, 0, 0) 72%);
}

.statistic_indicator.normal {
	background: radial-gradient(#bb3, rgba(0, 0, 0, 0) 72%);
}

.statistic_indicator.bad {
	background: radial-gradient(#b33, rgba(0, 0, 0, 0) 72%);
}

#fps .background {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(calc(100vw - 50%), -50%);
	box-shadow: -100vw 0 min(0.36vw, 0.72vh) min(0.6vw, 1.2vh) rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 32%;
	padding: 0 min(0.2vw, 0.4vh);
}

.medium .tutorial_companion {
	width: min(10vw, 20vh);
	height: min(16vw, 32vh);
	margin: 0 min(1.4vw, 2.8vh);
	transform: scale(1.08);
}

.tutorial_companion {
	width: min(15vw, 30vh);
	height: min(27vw, 54vh);
	float: left;
	background-size: 120%;
	background-position: top;
	margin: 0 min(2.4vw, 4.8vh) 0 min(0.4vw, 0.8vh);
	transform: scale(1.2);
}

.close_tutorial {
	width: min(6vw, 12vh);
	line-height: min(1.8vw, 3.6vh);
	height: min(2vw, 4vh);
	position: absolute;
	right: min(2vw, 4vh);
	bottom: min(1.5vw, 3vh);
	cursor: url(images/cursor2.webp) 0 0, auto;
}

.tutorial_objective {
	text-align: center;
	position: absolute;
	width: calc(100% - min(14.5vw, 29vh));
	bottom: min(1.5vw, 3vh);
	color: #210;
	font-size: min(1.6vw, 3.2vh);
	font-family: main;
	margin-left: max(-0.5vw, -1vh);
}

.frame_vertical.tutorial {
	width: min(0.9vw, 1.8vh);
	height: min(17.5vw, 35vh);
	left: 40%;
	background-position: center;
}

.tutorial_yes {
	position: absolute;
	bottom: min(1vw, 2vh);
	width: min(5vw, 10vh);
	height: min(1.7vw, 3.4vh);
	line-height: min(1.7vw, 3.4vh);
}

.tutorial_no {
	position: absolute;
	bottom: min(1vw, 2vh);
	width: min(5vw, 10vh);
	height: min(1.7vw, 3.4vh);
	line-height: min(1.7vw, 3.4vh);
	right: min(2.1vw, 4.2vh);
}

#leave_tutorial {
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	position: absolute;
	top: min(0.3vw, 0.6vh);
	right: min(0.6vw, 1.2vh);
	background-image: url(images/project_images/close_button.webp);
	background-size: 100%;
	z-index: 4;
}

.tutorial_icon {
	display: inline-block;
	width: min(1.2vw, 2.4vh);
	height: min(1.2vw, 2.4vh);
	background-size: 100%;
	vertical-align: sub;
	transform: scale(1.3);
	margin: 0 min(0.2vw, 0.4vh);
}

#map_clock {
	width: min(8.85vw, 17.7vh);
	height: min(8.85vw, 17.7vh);
	background-image: url(images/map_clock/circle.webp);
	background-size: 100%;
	position: absolute;
	top: max(-0.9vw, -1.8vh);
	left: 50%;
	transform: translate(-50%);
}

#map_clock_arrow {
	position: absolute;
	width: 67%;
	height: 67%;
	background-image: url(images/map_clock/arrow.webp);
	background-size: 100%;
	top: 15%;
	left: 15%;
}

#star_x_two {
	position: absolute;
	background-image: url(images/final_star.webp);
	background-repeat: no-repeat;
	background-size: min(1.2vw, 2.4vh);
	background-position: 0 51%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: min(0.9vw, 1.8vh);
	padding: min(1vw, 2vh) min(0.1vw, 0.2vh) min(1vw, 2vh) min(1.15vw, 2.3vh);
	letter-spacing: min(0.75vw, 0.15vh);
	color: #abc;
}

#more_payment {
	margin-bottom: max(-1.6vw, -3.2vh);
	transform: translateY(min(3vw, 6vh));
	font-size: min(1vw, 2vh);
	color: #321;
	text-align: center;
	line-height: min(1.8vw, 3.6vh);
}

span.unbreakable {
	font-size: unset;
	font-family: chat;
	white-space: nowrap;
}

.caravel_infographic {
	position: absolute;
	top: 49%;
	left: 65.8%;
	transform: translate(-50%, -50%);
	width: max-content;
	max-width: min(42vw, 84vh);
	color: #421;
	font-size: min(1vw, 2vh);
}

.caravel_infographic.map {
	top: 77%;
}

.caravel_infographic_icon {
	display: inline-block;
	width: min(3vw, 6vh);
	height: min(3vw, 6vh);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: 0 min(0.9vw, 1.8vh);
	transform: translateY(max(-0.15vw, -0.3vh));
	color: #421;
	text-align: center;
	line-height: min(7.2vw, 14.4vh);
	margin-bottom: min(1vw, 2vh);
}

.caravel_infographic_icon.map {
	background-size: 84%;
}

.caravel_infographic_icon.coin {
	background-size: 78%;
	margin: 0 min(0.8vw, 1.6vh) min(1vw, 2vh) min(0.8vw, 1.6vh);
}

.guide_title_icon {
	width: min(1.6vw, 3.2vh);
	height: min(1.6vw, 3.2vh);
	display: inline-block;
	background-size: 100%;
	vertical-align: middle;
	margin-right: min(0.4vw, 0.8vh);
	transform: translateY(max(-0.1vw, -0.2vh));
}

.tutotial_section_icon {
	display: inline-block;
	width: min(2.5vw, 5vh);
	height: min(2.5vw, 5vh);
	background-size: 100%;
	vertical-align: middle;
	margin-right: min(1vw, 2vh);
}

.power_age {
	font-size: min(1vw, 2vh);
	line-height: min(2.6vw, 5.2vh);
	opacity: 0.84;
}

.power_weapon_list .item_icon.empty {
	line-height: min(2.2vw, 4.4vh);
	text-align: center;
	font-size: min(0.9vw, 1.8vh);
	transform: scale(3, 1) translateX(max(-0.04vw, -0.06vh));
	margin: min(0.2vw, 0.4vh) 0;
}

.tutorial_icon.our_materials {
	margin: 0 min(0.2vw, 0.4vh) 0 min(0.3vw, 0.6vh);
}

.infographic_item_name {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: max(-1vw, -2vh);
	line-height: min(1vw, 2vh);
	white-space: nowrap;
}

#copyright {
	position: absolute;
	bottom: min(0.7vw, 1.4vh);
	left: min(0.7vw, 1.4vh);
	font-size: min(0.7vw, 1.4vh);
	color: rgba(255, 255, 255, 0.75);
}

#copyright a {
	transition: color 0.36s;
	color: rgba(255, 255, 255, 0.75);
	text-decoration: none;
	cursor: url(images/cursor2.webp) 0 0, auto;
}

#copyright a:hover {
	color: rgba(255, 255, 255, 1);
}

.stock_items_line {
	margin: 0 min(8vw, 16vh);
}

.achievement_container .row_highlight {
	transform: scale(0.72, 0.78);
}

#guide_paragraph a {
	color: #555;
	cursor: url(images/cursor2.webp) 0 0, auto;
}

#royal_upgrades {
	position: relative;
	width: min(12vw, 24vh);
	height: min(2.9vw, 5.8vh);
	background-image: url(images/project_images/register_button.webp);
	line-height: min(2.8vw, 5.6vh);
	font-size: min(1.2vw, 2.4vh);
	margin: min(0.5vw, 1vh) min(1vw, 2vh) min(1vw, 2vh) min(1vw, 2vh);
	cursor: url(images/cursor2.webp) 0 0, auto;
}

.buff_requirements {
	position: relative;
	width: min(15.15vw, 30.3vh);
	height: min(20.6vw, 41.2vh);
	font-size: min(1.1vw, 2.2vh);
	line-height: min(1.8vw, 3.6vh);
	padding-right: min(0.4vw, 0.8vh);
	padding-bottom: min(0.4vw, 0.8vh);
}

.buff_requirement {
	width: calc(50% - min(1.2vw, 2.4vh));
	height: 50%;
	display: inline-block;
	margin: min(0.2vw, 0.4vh) min(0.1vw, 0.2vh) 0px min(0.1vw, 0.2vh);
	background-size: 100%;
	line-height: min(7.2vw, 14.4vh);
	padding: 0px min(0.5vw, 1vh);
	text-align: right;
	font-size: min(2.3vw, 4.6vh);
	font-family: main;
}

.buff_requirement.no {
	color: rgba(255, 48, 48, 0.6);
	transition: text-shadow 0.48s, color 0.48s;
}

.warning_highlighted .buff_requirement.no {
	text-shadow: 0px 0px min(1.5vw, 3vh) #fff, 0px 0px min(1.5vw, 3vh) #fff, 0px 0px min(1.5vw, 3vh) #fff, 0px 0px min(1.5vw, 3vh) #fff;
	color: rgb(255, 48, 48);
}

.achievement_container.warning_highlighted {
	filter: drop-shadow(0px 0px min(1vw, 2vh) #fff);
}

.buff_requirement.yes {
	color: rgba(255, 255, 255, 0.5);
}

.buff_requirement .rank_icon {
	transform: translateY(max(-0.36vw, -0.72vh)) scale(1.8);
}

.weapon_buff_description {
	width: 100%;
	color: #421;
	font-weight: bold;
	font-size: min(1.1vw, 2.2vh);
	line-height: min(1.5vw, 3vh);
	text-align: center;
	letter-spacing: min(-0.01vw, -0.02vh);
	margin-top: min(1vw, 2vh);
	margin-bottom: min(0.2vw, 0.4vh);
}

.royal_buff_affected_items {
	width: 100%;
	color: #421;
	font-weight: bold;
	font-size: min(0.88vw, 1.76vh);
	line-height: min(1.5vw, 3vh);
	text-align: center;
	letter-spacing: min(-0.01vw, -0.02vh);
	margin-top: min(0.4vw, 0.8vh);
	margin-bottom: min(0.4vw, 0.8vh);
}

.royal_buff_description {
	width: max-content;
	color: #421;
	font-weight: bold;
	font-size: min(0.88vw, 1.76vh);
	line-height: min(1.5vw, 3vh);
	text-align: center;
	letter-spacing: min(-0.01vw, -0.02vh);
	margin: min(0.6vw, 1.2vh) auto;
}

.royal_requirements {
	width: max-content;
	margin: auto;
	font-size: min(1.2vw, 2.4vh);
	color: #421;
}

.weapon .royal_requirements {
	margin-top: min(0.3vw, 0.6vh);
}

.royal #royal_upgrades {
	transform: translateY(min(0.1vw, 0.2vh));
}

.upgrade_bar_frame {
	position: absolute;
	width: calc(100% + min(1.7vw, 3.4vh));
	height: calc(100% + min(1vw, 2vh));
	background-image: url(images/upgrade_bar_empty.webp);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	background-size: 100%;
	background-position: center;
}

.upgrade_bar_filler {
	position: absolute;
	width: calc(100% + min(1.7vw, 3.4vh));
	height: calc(100% + min(1vw, 2vh));
	background-image: url(images/upgrade_bar_full.webp);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	background-size: 100%;
	background-position: center;
}

.basic_upgrade_bar_frame {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(images/basic_upgrade_frame.webp);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	background-size: 100% 100%;
	background-position: center;
}

.weapon .basic_upgrade_bar_frame {
	background-image: url(images/weapon_upgrade_frame.webp);
}

.basic_upgrade_bar_filler {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(images/basic_upgrade_filler.webp);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	background-size: 100%;
	background-position: center;
}

.companion_dialogue_button {
	width: min(14vw, 28vh);
	height: min(3.3vw, 6.6vh);
	line-height: min(3.3vw, 6.6vh);
	font-size: min(1.2vw, 2.4vh);
	background-image: url(images/project_images/register_button.webp);
	margin: min(0.5vw, 1vh) min(1.8vw, 3.6vh) min(2vw, 4vh) min(1.8vw, 3.6vh);
	letter-spacing: -0.2px;
}

.companion_image.ct {
	float: left;
	width: min(22vw, 44vh);
	height: min(32vw, 64vh);
	transform: translate(max(-1vw, -2vh), max(-2.1vw, -4.2vh));
	background-size: 100%;
}

.ct_dialogue_container {
	float: left;
	height: min(29vw, 58vh);
	width: 64%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

#window.huge .frame_vertical.ct {
	left: 33%;
}

#companion_dialogue_button_-1 {
	display: none;
}

#ct_text {
	width: min(36vw, 72vh);
	text-align: center;
	font-size: min(1.3vw, 2.6vh);
	color: #421;
	line-height: min(2.2vw, 4.4vh);
}

.long_text .companion_dialogue_button {
	margin: min(1vw, 2vh);
}

.long_text #ct_text {
	text-align: left;
	margin: 0 auto;
}

.ct_dialogue_buttons_container {
	height: auto;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
	align-content: center;
	bottom: min(4vw, 8vh);
	width: min(39.5vw, 79vh);
}

#companion_dialogue_button_-1 {
	width: min(9vw, 18vh);
	height: min(3vw, 6vh);
	background-image: url(images/project_images/button.webp);
	line-height: min(2.9vw, 5.8vh);
	font-size: min(1.2vw, 2.4vh);
}

#ct_text .tutorial_icon {
	width: min(1.4vw, 2.8vh);
	height: min(1.4vw, 2.8vh);
	transform: scale(1.3) translateY(max(-0.05vw, -0.1vh));
}

.first_buttons_container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	align-items: center;
	width: 100%;
	z-index: 8;
	padding: 1px;
	background-color: rgba(0, 0, 0, 0.8);
}

.loggedin .first_buttons_container {
	display: none;
}

.first_button {
	width: max-content;
	text-align: center;
	line-height: min(3vw, 5.33vh);
	font-size: min(2.1vw, 3.73vh);
	margin: auto;
	margin-bottom: max(-3vw, -5.33vh);
	font-family: main;
	color: #ccc;
	text-shadow: 0 0 min(0.18vw, 0.36vh) #222, 0 0 min(0.18vw, 0.36vh) #222, 0 0 min(0.18vw, 0.36vh) #222, 0 0 min(0.18vw, 0.36vh) #222;
	position: relative;
}

.first_button_image {
	width: min(17vw, 30.22vh);
	height: min(17vw, 30.22vh);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.first_button_image.login {
	position: relative;
	background-image: url(images/farm.webp);
	background-size: 95%;
	background-position: bottom;
}

.first_button_image.battle {
	background-image: url(images/quick_battle.webp);
}

#first_battle {
	transition: opacity 0.25s, transform 0.5s;
}

.first_button_image.showing {
	opacity: 1;
}

.first_button_image.hiding {
	opacity: 0;
	position: absolute;
	top: 0;
}

.first_button_container {
	margin: min(4vw, 7.11vh);
	cursor: url(images/cursor2.webp) 0 0, auto;
	margin-bottom: min(16vw, 26.67vh);
}

.first_button_shadow {
	pointer-events: none;
	position: absolute;
	width: min(17vw, 30.22vh);
	height: min(17vw, 30.22vh);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transform: scale(2);
	background-image: url(images/portrait_shadow.webp);
	z-index: -1;
	transition: filter 0.36s;
}

#first_battle .first_button_shadow {
	background-image: url(images/portrait_shadow.webp);
}

.first_button_container:hover .first_button_shadow {
	filter: brightness(1.2) saturate(1.2);
}

.inbox_icon {
	display: inline-block;
	width: min(1.2vw, 2.4vh);
	height: min(1.2vw, 2.4vh);
	background-size: 100%;
	transform: translateY(min(0.2vw, 0.4vh)) scale(1.2);
}

#first_login {
	display: flex;
	flex-direction: column-reverse;
	position: relative;
}

.waiting_battle #first_login, .waiting_battle #login_form {
	opacity: 0;
	pointer-events: none;
}

#first_login, #login_form {
	transition: transform 0.5s;
}

.waiting_battle #first_battle {
	transform: translatex(70%);
}

.start_check {
	display: inline-block;
	width: min(0.9vw, 1.6vh);
	height: min(0.9vw, 1.6vh);
	vertical-align: middle;
	line-height: min(0.6vw, 1.2vh);
	font-size: min(1.5vw, 2.66vh);
	margin-right: min(0.4vw, 0.71vh);
	border: #8f8f8f solid min(0.12vw, 0.21vh);
	transform: translateY(max(-0.08vw, -0.142vh));
	color: #8f8f8f;
}

.start_check.no {
	color: transparent;
	text-shadow: none;
}

.first_icons {
	display: inline-block;
	vertical-align: middle;
	width: min(12.15vw, 21.6vh);
	height: min(3.6vw, 6.4vh);
	background-size: 100% 1200%;
	background-image: url(images/first/atlas.webp);
	margin: 0 min(0.2vw, 0.35vh) min(0.2vw, 0.35vh) min(0.2vw, 0.35vh);
}

.first_text_plate {
	position: absolute;
	width: max-content;
	height: min(7vw, 12.44vh);
	line-height: min(1.2vw, 2.13vh);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	color: #80888f;
	letter-spacing: 0.25px;
	font-size: min(0.9vw, 1.6vh);
	text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
	transition: color 0.36s, opacity 0.36s;
	top: 50%;
	left: 50%;
	z-index: 10;
	margin-top: min(2vw, 3.55vh);
	opacity: 0.8;
}

.first_text_plate:hover {
	color: #afa8a0;
	opacity: 1;
}

#battle_text_plate_0 {
	transform: translate(calc(max(-24vw, -42.66vh) - 50%), calc(max(-21vw, -37.33vh) - 50%));
}

#battle_text_plate_1 {
	transform: translate(calc(max(-32.5vw, -57.77vh) - 50%), calc(max(-12.6vw, -22.4vh) - 50%));
}

#battle_text_plate_2 {
	transform: translate(calc(max(-37vw, -65.77vh) - 50%), calc(max(-4.2vw, -7.46vh) - 50%));
}

#battle_text_plate_3 {
	transform: translate(calc(max(-37vw, -65.77vh) - 50%), calc(min(4.2vw, 7.46vh) - 50%));
}

#battle_text_plate_4 {
	transform: translate(calc(max(-32.5vw, -57.77vh) - 50%), calc(min(12.6vw, 22.4vh) - 50%));
}

#battle_text_plate_5 {
	transform: translate(calc(max(-27vw, -48vh) - 50%), calc(min(21vw, 37.33vh) - 50%));
}

#farm_text_plate_0 {
	transform: translate(calc(min(24vw, 42.66vh) - 50%), calc(max(-21vw, -37.33vh) - 50%));
}

#farm_text_plate_1 {
	transform: translate(calc(min(32.5vw, 57.77vh) - 50%), calc(max(-12.6vw, -22.4vh) - 50%));
}

#farm_text_plate_2 {
	transform: translate(calc(min(37vw, 65.77vh) - 50%), calc(max(-4.2vw, -7.46vh) - 50%));
}

#farm_text_plate_3 {
	transform: translate(calc(min(37vw, 65.77vh) - 50%), calc(min(4.2vw, 7.46vh) - 50%));
}

#farm_text_plate_4 {
	transform: translate(calc(min(32.5vw, 57.77vh) - 50%), calc(min(12.6vw, 22.4vh) - 50%));
}

#farm_text_plate_5 {
	transform: translate(calc(min(27vw, 48vh) - 50%), calc(min(21vw, 37.33vh) - 50%));
}

.first_icon.large {
	margin: 0 min(0.4vw, 0.8vh) 0 min(0.6vw, 1.2vh);
	transform: scale(1.28);
}

.first_icon.small {
	margin: 0 max(-0.3vw, -0.6vh) min(0.2vw, 0.35vh) min(0.6vw, 1.2vh);
}

.first_login_title {
	width: 100%;
	text-align: center;
	line-height: min(3.6vw, 7.2vh);
	font-size: min(2vw, 4vh);
	color: #bdbdbd;
	font-family: main;
}

.glass_button {
	background-color: rgba(63, 63, 63, 0.36);
	outline: none;
	background-size: 100%;
	color: #aaa;
	font-size: min(1.2vw, 2.4vh);
	border: min(0.1vw, 0.2vh) solid #fff;
	border-color: #999 #444 #444 #999;
	border-radius: min(0.5vw, 1vh);
	line-height: min(1.8vw, 3.6vh);
	text-align: center;
	width: min(7.31vw, 13vh);
}

#register_back {
	display: none;
	width: min(9vw, 18vh);
	line-height: min(2vw, 4vh);
	position: absolute;
	top: calc(50% + min(10vw, 20vh));
}

.tutorial .menu:not(.unlocked):not(.menu_craft), .tutorial .HUD:not(.unlocked) {
	pointer-events: none;
	opacity: 0.5;
	display: none;
}

#return {
	pointer-events: all;
	opacity: 1;
}

#tutorial_register {
	display: flex;
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#quick_battle {
	font-family: main;
}

.selfish_marker {
	display: none;
	position: absolute;
	right: min(0.4vw, 0.8vh);
	bottom: min(0.4vw, 0.8vh);
	width: min(1vw, 2vh);
	height: min(1vw, 2vh);
	background-image: url(images/icons/question.webp);
	background-size: 100%;
}

.selfish_marker.not_selfish {
	background-image: url(images/icons/check.webp);
}

.selfish_marker[datatitle]:after {
	left: 120%;
	top: 50%;
	transform: translateY(-50%);
	height: fit-content;
}

#tutorial_name_input_container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: min(20vw, 40vh);
}

.tutorial_name_input_container .error_text {
	text-shadow: 0 0 3px #000, 0 0 3px #000;
}

#register_button {
	width: max-content;
	padding: min(0.2vw, 0.4vh) min(2vw, 4vh);
	margin: auto;
	font-size: min(1.3vw, 2.6vh);
}

#tutorial_name_input_container #register_error_text {
	margin-top: max(-0.5vw, -1vh);
	margin-bottom: min(0.9vw, 1.8vh);
}

#window.fullscreen {
	width: 100%;
	height: 100%;
	background-image: none;
	transform: translate(-50%, -50%);
}

#window.fullscreen #window_frame, #window.fullscreen #window_title, #window.fullscreen #window_close {
	display: none;
}

#window.fullscreen #window_close {
	top: min(1.5vw, 3vh);
	right: min(1.5vw, 3vh);
}

#window.fullscreen #window_inner {
	width: 100%;
	height: 100%;
	top: 50%;
}

.mosaic_buttons_container {
	display: flex;
	width: min(96vw, 96vh);
	height: min(96vw, 96vh);
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	position: absolute;
	top: min(2vw, 2vh);
	left: min(2vw, 2vh);
	pointer-events: none;
}

.mosaic_harder, .mosaic_same {
	display: inline-block;
	background-image: url(images/mosaic/button_harder.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	color: #555;
	text-align: center;
	width: min(12vw, 24vh);
	height: min(12vw, 24vh);
	margin: min(2vw, 4vh);
	font-weight: bold;
	cursor: url(images/cursor2.webp) 0 0, auto;
	pointer-events: all;
	transition: opacity 0.36s;
	opacity: 0;
}

.mosaic_same {
	background-image: url(images/mosaic/button_same.webp);
}

.mosaic_return {
	background-image: url(images/mosaic/button_return.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: min(16.04vw,32.08vh);
	height: min(14.5vw,29vh);
	color: #555;
	text-align: center;
	line-height: min(8vw, 16vh);
	font-size: min(2vw, 4vh);
	margin: auto;
	font-weight: bold;
	cursor: url(images/cursor2.webp) 0 0, auto;
	position: absolute;
	right: 0;
	bottom: 0;
}

.mosaic_clover, .mosaic_luck {
	margin: 0 auto;
	width: min(12vw, 24vh);
	height: min(12vw, 24vh);
	background-image: url(images/mosaic/clover.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.mosaic_luck {
	opacity: 0;
	background-image: url(images/mosaic/luck.webp);
	transition: opacity 0.36s;
}

.mosaic_loot {
	display: none;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100%;
	width: min(8vw, 16vh);
	height: min(8vw, 16vh);
	margin-bottom: min(2.6vw, 5.6vh);
}

.mosaic_loot_container {
	height: min(45vw, 90vh);
	display: flex;
	justify-content: center;
	margin: auto;
	width: min(9vw, 18vh);
	flex-direction: column;
}

#mosaic_loot_906 {
	background-image: url(images/mosaic/icons/906.webp);
}

#mosaic_loot_800 {
	background-image: url(images/mosaic/icons/800.webp);
}

#mosaic_loot_901 {
	background-image: url(images/mosaic/icons/901.webp);
}

#mosaic_loot_-2 {
	background-image: url(images/mosaic/icons/-2.webp);
}

#window_title.center {
	left: 50%;
}

#window_title.right {
	left: 65%;
}

.companion_option {
	z-index: 3;
	transition: 0.84s all, 0.36s opacity;
	padding: 0 min(1.25vw, 2.5vh);
	position: relative;
}

video {
	-webkit-mask: center / contain no-repeat url(images/portrait_alpha_cutout.webp);
}

.midmap_chat_icon {
	width: min(1.6vw, 3.2vh);
	height: min(1.6vw, 3.2vh);
	display: inline-block;
	vertical-align: middle;
	margin-right: min(0.3vw, 0.6vh);
	transform: translateY(-8%);
	background-size: 100%;
}

.midmap_chat_icon.rank {
	transform: translateY(-2%) scale(1.5);
}

.midmap_chat_icon.cup_icon {
	background-image: url(images/project_images/inbox_tournament.webp);
}

.midmap_chat_icon.small {
	transform: translateY(-7%) scale(0.9);
}

.midmap_chat_icon.selfish {
	transform: translateY(1%) scale(0.9);
}

.expedition_mark {
	position: absolute;
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	background-size: 100%;
	opacity: 0.6;
	transition: filter 0.36s;
	cursor: url(images/cursor2.webp) 0 0, auto;
	transform: translate(-50%, -50%);
}

.expedition_mark:hover {
	filter: drop-shadow(0px 0px min(1vw, 2vh) #bcf);
}

.expedition_start_button {
	width: min(9vw, 18vh);
	height: min(3vw, 6vh);
	margin: auto;
	margin-top: min(21vw, 42vh);
	line-height: min(2.9vw, 5.8vh);
	font-size: min(1vw, 2vh);
	font-weight: bold;
}

.flag_dropdown {
	display: none;
	background-image: url(images/project_images/window_repeat.webp);
	background-size: min(100vw, 200vh);
	background-position: center;
	height: min(24vw, 48vh);
}

#account_change_country_container {
	z-index: 10;
}

#flag_select.opened .flag_dropdown {
	display: block;
	overflow: auto;
	position: absolute;
}

#flag_select {
	width: min(15vw, 30vh);
	line-height: min(2vw, 4vh);
	margin: min(0.5vw, 1vh) 0 min(0.5vw, 1vh) min(1.6vw, 3.2vh);
	padding: 0;
	font-size: min(1.1vw, 2.2vh);
}

.country_option {
	position: relative;
	white-space: nowrap;
	width: min(12.2vw, 24.4vh);
	padding-left: min(2.8vw, 5.6vh);
}

.country_option .flag_icon {
	position: absolute;
	top: min(0.8vw, 1.6vh);
	left: 0px;
	z-index: -1;
}

#battle_note {
	display: none !important;
	position: absolute;
	bottom: min(0.7vw, 1.4vh);
	left: min(0.7vw, 1.4vh);
	font-size: min(0.9vw, 1.8vh);
	line-height: min(1.2vw, 2.4vh);
	color: rgba(255, 255, 255, 0.75);
	z-index: 2;
	text-align: center;
}

#server_warning {
	display: none !important;
	position: absolute;
	top: min(0.7vw, 1.4vh);
	left: min(0.7vw, 1.4vh);
	font-size: min(0.9vw, 1.8vh);
	line-height: min(1.2vw, 2.4vh);
	color: rgba(255, 96, 96, 0.75);
	z-index: 10;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 3px #000, 0px 0px 3px #000;
	box-shadow: 0 0 16px #000;
	padding: 2px;
}

.highlighting:hover, .highlighted_achievement:hover {
	opacity: 1;
}

.tutorial_text {
	position: absolute;
	color: #ccc;
	text-align: center;
	transform: translate(-50%, -75%);
	white-space: nowrap;
	pointer-events: none;
}

.tutorial_text .background {
	box-shadow: -100vw 0px min(0.5vw, 1vh) min(0.5vw, 1vh) rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	transform: translate(100vw);
	z-index: -2;
}

#tutorial_progress {
	font-size: min(0.9vw, 1.8vh);
	width: max-content;
	margin: auto;
	margin-bottom: max(-0.8vh, -1.6vh);
	position: relative;
}

#tutorial_remark {
	font-size: min(1.4vw, 2.8vh);
	width: max-content;
	margin: auto;
	display: inline-block;
	position: relative;
}

.tutorial_remark_arrow {
	background-image: url(images/tutorial_text_arrow.webp);
	width: min(4vw, 8vh);
	height: min(4vw, 8vh);
	display: inline-block;
	background-size: 100%;
	margin: max(-1.6vw, -3.2vh) max(-0.8vw, -1.6vh);
	pointer-events: all;
	opacity: 0;
}

.tutorial_remark_arrow:hover {
	background-image: url(images/tutorial_text_arrow.webp),url(images/tutorial_text_arrow.webp);
}

.tutorial_remark_arrow.right {
	transform: rotate(180deg);
}

.register_form {
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	transition: opacity 0.24s;
	opacity: 0;
	z-index: 100;
}

.tutorial_appearance {
	background-size: 100%;
	background-repeat: no-repeat;
	display: inline-block;
	width: min(11vw, 22vh);
	font-size: min(1.7vw, 3.4vh);
	font-weight: bold;
	color: #cb9;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
}

.tutorial .beauty_input {
	color: #ccc;
	width: min(20vw, 40vh);
	margin-left: min(14vw, 26vh);
	margin-right: min(14vw, 26vh);
	background-color: rgba(32, 32, 32, 0.5);
}

.tutorial_name::placeholder {
	color: #cb9;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
}

.tutorial_register_placeholder {
	height: min(25.3vw, 50.6vh);
	width: 100%;
}

.tutorial_name {
	background-image: url(images/project_images/button.webp);
	background-size: 100% 100%;
	background-color: transparent;
	border: none;
	text-align: center;
	display: inline-block;
	width: min(20vw, 40vh);
	line-height: min(4.2vw, 8.4vh);
	padding-top: 0;
	padding-bottom: min(0.6vw, 1.2vh);
	margin-bottom: min(3.2vw, 6.4vh);
	font-size: min(1.7vw, 3.4vh);
	font-weight: bold;
	color: #cb9;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
	outline: none;
	margin: 0 min(8vw, 16vh);
}

#tutorial_register_password {
	margin-top: min(1.8vw, 3.6vh);
	margin-bottom: min(1.8vw, 3.6vh);
}

#choose_companion_text {
	background-image: url(images/project_images/button.webp);
	background-size: 100% 100%;
	background-color: transparent;
	text-align: center;
	width: min(26vw, 52vh);
	line-height: min(4.5vw, 9vh);
	height: min(4.5vw, 9vh);
	padding-bottom: min(0.3vw, 0.6vh);
	font-size: min(2vw, 4vh);
	color: #cb9;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
	outline: none;
	margin: 0 34vw;
	margin-bottom: min(3.2vw, 6.4vh);
}

.tutorial_appearance, .tutorial_name {
	background-image: url(images/project_images/button.webp);
	text-align: center;
	line-height: min(3.6vw, 7.2vh);
	padding-bottom: min(0.2vw, 0.4vh);
}

#tutorial_register_confirm {
	background-size: 100% 100%;
	margin: 0 min(17.5vw, 35vh) 0 min(17.5vw, 35vh);
	opacity: 0;
	min-width: min(12vw, 24vh);
	width: max-content;
	padding-left: min(1vw, 2vh);
	padding-right: min(1vw, 2vh);
	transition: opacity 0.36s;
}

#tutorial_register_confirm.error {
	background-image: none;
}

#tutorial_change_apperarnce_color {
	margin: 0 min(3.2vw, 6.4vh);
}

.companion_name {
	display: block;
	position: relative;
	transform: translate(-50%);
	width: min(11vw, 22vh);
	font-size: min(1.7vw, 3.4vh);
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
	margin-top: min(3.2vw, 6.4vh);
	left: 50%;
	padding-bottom: min(0.2vw, 0.4vh);
}

#tutorial_companions_container {
	display: flex;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	pointer-events: none;
	transition: opacity 0.36s;
}

.companion_option video {
	transition: all 0.36s;
}

.item_shine_icon {
	display: inline-block;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top;
	width: min(2.4vw, 4.8vh);
	height: min(2.6vw, 5.2vh);
	vertical-align: middle;
	margin: max(-0.2vw, -0.4vh) 0px;
	margin-left: min(0.2vw, 0.4vh);
}

.item_shine_icon_-2 {
	background-size: 80%;
	background-position: 50% 40%;
}

.items_shine.fading {
	transform: translate(-50%, calc(-50% - min(4vw, 8vh)));
	opacity: 0;
}

.items_shine.midmap {
	filter: drop-shadow(0px 0px min(0.5vw, 1vh) #000);
}

.items_shine {
	position: absolute;
	transition: transform 5s linear, opacity 5s ease-in;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 4;
	color: #ccc;
	font-size: min(1.2vw, 2.4vh);
	line-height: min(1.4vw, 2.8vh);
	text-align: right;
	white-space: nowrap;
}

#building_upgrade_cost .slot {
	margin: min(1vw, 2vh);
	background-position-y: 34%;
	background-color: rgba(0, 0, 0, 0.4);
	width: min(3.6vw, 6.4vh);
	height: min(3.6vw, 6.4vh);
}

#building_upgrade_cost .slot .nmb {
	letter-spacing: max(-0.04vw, -0.08vh);
	color: #cbb;
}

.slot.item_-2 {
	background-size: 60%;
}

#building_upgrade_cost .slot.not_enough .nmb {
	color: #e55;
	text-shadow: 0px 0px min(0.2vw, 0.4vh) #000;
}

.purchase_coins_background {
	position: absolute;
	width: min(42vw, 84vh);
	height: min(21vw, 42vh);
	margin: max(-0.25vw, -0.5vh);
	z-index: -1;
	opacity: 0.24;
	background-size: 100%;
}

.purchase_coins_background_1 {
	background-image: url(images/project_images/purchase_coins_background_1.webp);
}

.purchase_coins_background_2 {
	background-image: url(images/project_images/purchase_coins_background_2.webp);
}

.purchase_coins_background_3 {
	background-image: url(images/project_images/purchase_coins_background_3.webp);
}

.purchase_coins_background_4 {
	background-image: url(images/project_images/purchase_coins_background_4.webp);
}

.get_coins_background {
	position: absolute;
	width: min(27.5vw, 55vh);
	height: min(21.5vw, 43vh);
	z-index: -1;
	opacity: 0.24;
	background-size: 100%;
	transform: translate(max(-0.5vw, -1vh), max(-0.2vw, -0.4vh));
}

.top .get_coins_background {
	transform: translate(max(-0.5vw, -1vh), max(-1.8vw, -3.6vh));
}

.get_coins_background_1 {
	background-image: url(images/project_images/get_coins_background_1.webp);
}

.get_coins_background_2 {
	background-image: url(images/project_images/get_coins_background_2.webp);
}

.get_coins_background_3 {
	background-image: url(images/project_images/get_coins_background_3.webp);
}

.get_coins_background_4 {
	background-image: url(images/project_images/get_coins_background_4.webp);
}

.get_coins_background_5 {
	background-image: url(images/project_images/get_coins_background_5.webp);
}

.get_coins_background_6 {
	background-image: url(images/project_images/get_coins_background_6.webp);
}

.production_background {
	background-size: 100%;
	z-index: -1;
	opacity: 0.11;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: min(2.4vw, 4.8vh) min(1.4vw, 2.8vh);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.upgrades_background {
	background-image: url(images/project_images/purchase_coins_background_1.webp);
	background-size: cover;
	background-position: center;
	z-index: -1;
	opacity: 0.2;
	position: absolute;
	width: 75%;
	height: 100%;
	padding: min(2.4vw, 4.8vh) min(1.4vw, 2.8vh);
	transform: translate(max(-1.4vw, -2.8vh), max(-2.4vw, -4.8vh));
}

#royal_upgrades_background {
	background-image: url(images/project_images/purchase_coins_background_4.webp);
}

.eh_upgrade_background {
	background-image: url(images/project_images/purchase_coins_background_2.webp);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 104%;
	opacity: 0;
	background-position: bottom;
	z-index: -1;
	background-size: 100% 40%;
	background-repeat: no-repeat;
	-webkit-mask-image: linear-gradient(0deg, #000 32%, rgba(0, 0, 0, 0) 40%);
}

.transmuter_background {
	position: absolute;
	background-image: url(images/project_images/transmuter_background.webp);
	background-size: 105%;
	background-position: 92% 33%;
	width: 103%;
	height: 116%;
	opacity: 0.24;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.transmute_container {
    display: flex;
    width: min(48vw, 96vh);
    margin: min(10.5vw, 21vh) auto 0 auto;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.transmuter_icon {
	background-size: 100%;
	width: min(8vw, 16vh);
	height: min(8vw, 16vh);
	margin: 0px min(0.5vw, 1vh);
	line-height: min(22.7vw, 45.4vh);
	text-align: center;
	text-shadow: 0px 0px min(0.3vw, 0.6vh) #000, 0px 0px min(0.4vw, 0.8vh) #000;
	font-size: min(1.5vw, 3vh);
}

.transmuter_icon.shard {
	background-image: url(images/discovery_point.webp);
	color: #3af;
}

.transmuter_icon.crystal {
	background-image: url(images/crystal.webp);
	color: #c4f;
}

.transmuter_arrow {
	background-size: 100%;
	width: min(14.4vw, 28.8vh);
	height: min(7.2vw, 14.4vh);
	background-image: url(images/project_images/arrow_from.webp);
	transition: transform 0.36s, opacity 0.36s;
	cursor: url(images/cursor2.webp) 0 0, auto;
	opacity: 0.84;
	margin: 0px min(2vw, 4vh);
}

.transmuter_arrow:hover {
	opacity: 1;
}

.transmuter_arrow .inverted_arrow {
	background-size: 100%;
	width: min(14.4vw, 28.8vh);
	height: min(7.2vw, 14.4vh);
	background-image: url(images/project_images/arrow_to.webp);
	opacity: 0;
	transition: opacity 0.36s;
}

.to .transmuter_arrow .inverted_arrow {
	opacity: 1;
}

.transmute_button {
    width: min(16vw, 32vh);
    height: min(3.6vw, 7.2vh);
    background-size: 100% 100%;
    line-height: min(3.6vw, 7.2vh);
    font-size: min(1.1vw, 2.2vh);
    margin-top: min(1.6vw, 3.2vh);
    cursor: url(images/cursor2.webp) 0 0, auto;
    transition: filter 0.36s;
}

.transmute_button.inactive {
	opacity: 0.5;
	pointer-events: none;
}

.transmute_button:hover {
	filter: brightness(1.1);
}

.transmute_button:active {
	transition: filter 0.12s;
	filter: brightness(1.25);
}

.transmuter_change {
	font-size: min(3vw, 6vh);
	width: min(2.4vw, 4.8vh);
	height: min(2.4vw, 4.8vh);
	text-align: center;
	line-height: min(2.4vw, 4.8vh);
	text-shadow: 0px 0px min(0.3vw, 0.6vh) #000, 0px 0px min(0.4vw, 0.8vh) #000;
	margin: 0px min(1.1vw, 2.2vh);
	transition: filter 0.36s;
	color: #94f;
	cursor: url(images/cursor2.webp) 0 0, auto;
	margin-top: min(3vw, 6vh);
}

.transmuter_change:hover {
	filter: hue-rotate(40deg);
}

.transmuter_change:active {
	transition: filter 0.12s;
	filter: hue-rotate(72deg) saturate(1.4);
}

.transmuter_change.transmuter_minus {
	margin-left: min(12vw, 24vh);
	background-image: url(images/project_images/transmuter_minus.webp);
	background-size: 100%;
}

.transmuter_change.transmuter_plus {
	margin-right: min(12vw, 24vh);
	background-image: url(images/project_images/transmuter_plus.webp);
	background-size: 100%;
}

.transmuter_change.transmuter_plus {
	margin-right: min(12vw, 24vh);
	background-image: url(images/project_images/transmuter_plus.webp);
	background-size: 100%;
}

.transmuter_stock {
	height: min(16vw, 32vh);
	position: absolute;
	bottom: max(-0.6vw, -1.2vh);
	opacity: 0.84;
	font-size: min(1.3vw, 2.6vh);
	text-shadow: 0px 0px min(0.3vw, 0.6vh) #000, 0px 0px min(0.4vw, 0.8vh) #000;
	line-height: min(26.9vw, 53.8vh);
}

.transmuter_stock.shards {
	background: center / 100% no-repeat url(images/project_images/transmuter_corner_left.webp), 12% 88% / min(5vw, 10vh) no-repeat url(images/discovery_point.webp);
	left: max(-0.6vw, -1.2vh);
	color: #3af;
	text-align: left;
	width: min(10.4vw, 20.8vh);
	padding-left: min(5.6vw, 11.2vh);
}

.transmuter_stock.crystals {
	background: center / 100% no-repeat url(images/project_images/transmuter_corner_right.webp), 88% 88% / min(5vw, 10vh) no-repeat url(images/crystal.webp);
	right: max(-0.6vw, -1.2vh);
	color: #c4f;
	text-align: right;
	width: min(9.6vw, 19.2vh);
	padding-right: min(6.4vw, 12.8vh);
}

.transmuter_change.inactive {
	filter: grayscale(0.72);
	opacity: 0.72;
	pointer-events: none;
}

.transmuter_slider {
    appearance: none;
    background-color: transparent;
    background-image: url(images/project_images/transmuter_slider.webp);
    background-size: 100%;
    height: min(1.2vw, 2.4vh);
    width: min(12vw, 24vh);
    padding: 0px;
    outline: none;
    margin: min(2.2vw, 4.4vh) min(15vw, 30vh) 0px min(15vw, 30vh);
}

.transmuter_slider::-webkit-slider-thumb {
	appearance: none;
	background-color: transparent;
	background-image: url(images/project_images/transmuter_slider_thumb.webp);
	background-size: 100%;
	height: min(2vw, 4vh);
	width: min(2vw, 4vh);
}

.transmuter_arrows {
    position: absolute;
    width: min(4vw, 8vh);
    height: min(4vw, 8vh);
    background-image: url(images/project_images/transmuter_arrows.webp);
    background-size: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: min(16.2vw, 32.9vh);
    transition: transform 0.36s, opacity 0.36s;
    cursor: url(images/cursor2.webp) 0 0, auto;
    opacity: 0.84;
    filter: drop-shadow(0px 0px min(0.3vw, 0.6vh) rgba(0, 0, 0, 0.5));
}

.transmuter_arrows:hover {
	opacity: 1;
}

.upgrades_vertical_frame {
	position: absolute;
	top: 0px;
	right: 0px;
	width: min(0.4vw, 0.8vh);
	height: 100%;
	background-image: url(images/project_images/upgrades_vertical_frame.webp);
	background-size: 100%;
}

.upgrades_horizontal_frame {
	position: absolute;
	bottom: 0;
	left: 0;
	height: min(0.4vw, 0.8vh);
	width: 100%;
	background-image: url(images/project_images/upgrades_horizontal_frame.webp);
	background-size: auto 100%;
}

#inbox_messages .crystal_icon {
	display: inline-block;
	width: min(1.4vw, 2.8vh);
	height: min(1.4vw, 2.8vh);
	background-image: url(images/crystal.webp);
	background-size: 100%;
	float: right;
	margin-right: min(1vw, 2vh);
	margin-left: max(-1vw, -2vh);
}

#inbox_message .crystal_icon {
	display: inline-block;
	width: min(2vw, 4vh);
	height: min(2vw, 4vh);
	background-image: url(images/crystal.webp);
	background-size: 100%;
}

#inbox_table .tournament_table_item .crystal_icon {
	display: inline-block;
	width: min(1.8vw, 3.6vh);
	height: min(1.8vw, 3.6vh);
	background-image: url(images/crystal.webp);
	background-size: 100%;
	transform: translateY(min(0.36vw, 0.72vh));
	margin-left: min(0.2vw, 0.4vh);
}

.upgrades_level {
	font-family: main;
	font-size: min(7.2vw, 14.4vh);
	color: #fff;
	opacity: 0.42;
	position: absolute;
	bottom: 11%;
	right: 12%;
}

#slot_crystals {
	width: min(1.6vw, 3.2vh);
	background-position: 50% 45%;
	background-repeat: no-repeat;
	margin-right: min(0.15vw, 0.3vh);
}

.royal_upgrade_affected_item {
	display: inline-block;
	width: min(3vw, 6vh);
	height: min(3vw, 6vh);
	margin: min(0.2vw, 0.4vh) min(0.4vw, 0.8vh) 0px min(0.4vw, 0.8vh);
	vertical-align: middle;
}

.buff_requirements .achievement_icon {
	width: min(8vw, 16vh);
	height: min(8vw, 16vh);
	background-size: 100%;
	margin: min(2vw, 4vh) auto;
}

.buff_icons_container {
	display: flex;
	position: absolute;
	top: max(-2.8vw, -5.6vh);
	z-index: -1;
}

.buff_icon {
	position: relative;
	width: min(2.2vw, 4.4vh);
	height: min(2.2vw, 4.4vh);
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: min(0.4vw, 0.8vh);
	background-color: rgba(0, 0, 0, 0.3);
	border: min(0.1vw, 0.2vh) solid #222;
	border-radius: 16%;
}

.buff_icon.small {
	background-size: 72%;
}

.buff_icon_description.large, .buff_icons_container .buff_icon_description {
	bottom: calc(100% + min(0.45vw, 0.9vh));
}

.buff_icon_description {
	font-size: min(0.8vw, 1.6vh);
	line-height: min(1.2vw, 2.4vh);
}

.slot .buff_icon_description {
	bottom: calc(100% + min(2.1vw, 4.2vh));
}

.buff_icon_description.large {
	transform: translateX(-50%);
	color: #bbb;
	line-height: min(1.4vw, 2.8vh);
	font-size: min(0.87vw, 1.74vh);
	padding: min(0.5vw, 1vh);
	padding-top: min(0.3vw, 0.6vh);
	padding-right: min(0.7vw, 1.4vh);
	background-color: rgba(16, 16, 16, 0.84);
}

.buff_icon_description .category {
	font-size: min(1vw, 2vh);
	color: #888;
}

.buff_icon_description .name {
	font-size: min(1vw, 2vh);
}

.buff_icon_description.large .name {
	display: inline-block;
	font-size: min(1.1vw, 2.2vh);
	margin-bottom: min(0.1vw, 0.2vh);
	color: #eee;
}

.buff_icon_description .change {
	color: #b0b0b0;
	margin-left: min(0.6vw, 1.2vh);
}

.slot .royal_gray {
	color: #999;
}

.slot .royal_blue {
	color: #3A6DC5;
}

.slot .royal_green {
	color: #429700;
}

.slot .royal_red {
	color: #C02A2A;
}

.slot .royal_yellow {
	color: #E4C900;
}

.slot .royal_violet {
	color: #9427CA;
}

.slot .royal_brown {
	color: #915D28;
}

.slot .royal_orange {
	color: #FF9500;
}

.change.middot {
	margin-left: min(0.1vw, 0.2vh);
	margin-right: min(0.4vw, 0.5vh);
}

.tutorial_text #tutorial_remark {
	transition: transform 1s cubic-bezier(0.72, 0.12, 1, 1), 1s cubic-bezier(0.72, 0.12, 1, 1);
}

.tutorial_text.prepared #tutorial_remark {
	transform: scale(2.4);
	opacity: 0;
}

.tutorial_text.prepared.shown #tutorial_remark {
	transform: rotate(1deg) scale(1.1);
	opacity: 1;
}

.tutorial_text_button {
	display: inline-block;
	position: absolute;
	top: min(3.2vw, 6.4vh);
	left: 50%;
	transform: translateX(-50%);
	width: min(9vw, 18vh);
	height: min(2.9vw, 5.8vh);
	line-height: min(3vw, 6vh);
	background-image: url(images/tutorial_text_button.webp);
	background-size: 100%;
	cursor: url(images/cursor2.webp) 0 0, auto;
	pointer-events: all;
	transition: filter 0.24s;
	text-shadow: 0px 0px min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.4);
}

.tutorial_text_button:hover {
	filter: brightness(1.2);
}

.training_option {
	width: 100%;
	height: min(3vw, 6vh);
	line-height: min(3vw, 6vh);
	font-size: min(2vw, 4vh);
	text-align: center;
	font-family: main;
	color: #eca;
	margin: min(4.5vw, 9vh) auto;
	text-shadow: 0px 0px min(0.6vw, 1.2vh) #210, 0px 0px min(0.6vw, 1.2vh) #210;
}

.training_banner_icon {
	width: min(3.6vw, 7.2vh);
	height: min(3.6vw, 7.2vh);
	background-size: 100%;
	margin: min(1.4vw, 2.8vh) auto;
	filter: grayscale(1) brightness(8) contrast(3);
	mix-blend-mode: lighten;
	opacity: 0.84;
}

.training_option_container {
	margin-bottom: min(1.6vw, 3.2vh);
	filter: drop-shadow(0px 0px min(0.8vw, 1.6vh) rgba(0, 0, 0, 0.72));
}

.training_banner {
	display: block;
	width: min(14vw, 28vh);
	height: min(28vw, 56vh);
	background-size: 100%;
	transform: translateY(min(0.1vw, 0.2vh));
	margin: 0px min(2.5vw, 5vh);
	margin-top: max(-0.1vw, -0.2vh);
	transition: filter 0.36s;
	cursor: url(images/cursor2.webp) 0 0, auto;
}

.training_banner:hover {
	filter: brightness(1.2);
}

.training_banner:active {
	filter: brightness(1.25) saturate(1.25);
}

.training_banner_0 {
	background-image: url(images/project_images/training_banner_0.webp);
}

.training_banner_1 {
	background-image: url(images/project_images/training_banner_1.webp);
}

.training_banner_2 {
	background-image: url(images/project_images/training_banner_2.webp);
}

.training_option_stars {
	display: block;
	width: min(10.6vw, 21.2vh);
	height: min(2.12vw, 4.24vh);
	background-image: url(images/final_star.webp);
	background-size: auto 100%;
	transform: translateY(min(2.7vw, 5.4vh));
	margin: auto;
	filter: drop-shadow(0px 0px min(0.2vw, 0.4vh) #222);
}

.training_option_stars.level_0 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32));
}

.training_option_stars.level_1 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32));
}

.training_option_stars.level_2 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32));
}

.training_option_stars.level_3 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32));
}

.training_option_stars.level_4 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32));
}

.training_options {
	display: flex;
	width: 100%;
	height: 100%;
	align-content: center;
	flex-wrap: wrap;
	justify-content: center;
}

.training_background {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(images/project_images/training_background.webp);
	background-size: 100%;
	opacity: 0.5;
	width: calc(100% + min(2vw, 4vh));
	height: calc(100% + min(4.4vw, 8.8vh));
	z-index: -1;
}

.training_progress_stars.stars_0, .training_start_progress_stars.stars_0 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32));
}

.training_progress_stars.stars_1, .training_start_progress_stars.stars_1 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32));
}

.training_progress_stars.stars_2, .training_start_progress_stars.stars_2 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32));
}

.training_progress_stars.stars_3, .training_start_progress_stars.stars_3 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32));
}

.training_progress_stars.stars_4, .training_start_progress_stars.stars_4 {
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32));
}

#training_progress {
	position: absolute;
	left: min(1.2vw, 2.4vh);
	bottom: min(1.2vw, 2.4vh);
	transform: none;
	line-height: min(6vw, 12vh);
	font-size: min(5.2vw, 10.4vh);
	font-family: main;
	filter: drop-shadow(0px 0px min(0.5vw, 1vh) #000);
	color: #ddd;
}

.progress_icon {
	display: inline-block;
	width: min(5vw, 10vh);
	height: min(5vw, 10vh);
	vertical-align: middle;
	background-size: 100%;
	transform: translateY(min(0.3vw, 0.6vh));
	margin-right: min(0.8vw, 1.6vh);
}

.progress_icon.type_0 {
	background-image: url(images/training_berry.webp);
}

.progress_icon.type_1 {
	background-image: url(images/achievements/24.webp);
	transform: translateY(max(-0.05vw, -0.1vh)) scale(1.4);
}

.progress_icon.type_2 {
	background-image: url(images/achievements/24.webp);
	transform: translateY(max(-0.05vw, -0.1vh)) scale(1.4);
}

#training_timer {
	position: absolute;
	top: 26%;
	left: 50%;
	color: #429700;
	transform: translate(-50%, -50%);
	font-family: main;
	font-size: min(3.6vw, 7.2vh);
	text-shadow: 0px 0px min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.4), 0px 0px min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.4), 0px 0px min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.4);
	pointer-events: none;
	transition: text-shadow 1s ease-in-out;
}

#training_timer.shining {
	text-shadow: 0px 0px min(1vw, 2vh) #faa, 0px 0px min(1vw, 2vh) #faa, 0px 0px min(1vw, 2vh) #faa, 0px 0px min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.4), 0px 0px min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.4), 0px 0px min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.4);
}

.training_start {
	width: max-content;
	margin: auto;
}

.training_progress_stars {
	float: none;
	width: min(18vw, 36vh);
	height: min(3.6vw, 7.2vh);
	background-image: url(images/final_star.webp);
	background-size: auto 100%;
	filter: drop-shadow(0px 0px min(0.2vw, 0.4vh) #222);
	margin: auto;
}

.crystals .training_start_progress_stars {
	background-image: url(images/discovery_point.webp);
}

.training_background.type_0 {
	background-image: url(images/project_images/training_0_background.webp);
	background-size: 100% 100%;
}

.training_background.type_1 {
	background-image: url(images/project_images/training_1_background.webp);
	background-size: 100% 100%;
}

.training_background.type_2 {
	background-image: url(images/project_images/training_2_background.webp);
	background-size: 100% 100%;
}

.training_start_block {
	display: inline-block;
	vertical-align: top;
	width: min(20vw, 40vh);
}

.training_title {
	color: #420;
	font-size: min(1.5vw, 3vh);
	font-weight: bold;
	text-align: center;
	margin-bottom: min(1vw, 2vh);
	margin-top: min(0.3vw, 0.6vh);
	line-height: min(2vw, 4vh);
}

.training_start_tips .training_title {
	margin-right: min(2vw, 4vh);
	margin-bottom: min(3vw, 6vh);
}

.training_start_progress .training_title {
	margin-left: min(2vw, 4vh);
}

.training_text {
	color: #b7aa99;
	font-size: min(1.3vw, 2.6vh);
	width: min(20vw, 40vh);
	text-shadow: 0px 0px min(0.2vw, 0.4vh) rgba(0, 0, 0, 0.4);
}

.training_time {
	border-left-width: 2px;
	border-right-width: 2px;
	border-style: solid;
	width: min(16vw, 32vh);
	margin: min(2vw, 4vh) 0px;
	border-image: linear-gradient(0deg, transparent, #5F3E1D 15%, #5F3E1D 85%, transparent) 1;
}

.training_time_icon {
	width: min(8.4vw, 16.8vh);
	height: min(8.4vw, 16.8vh);
	margin: max(-0.3vw, -0.6vh) auto;
	margin-top: min(1.2vw, 2.4vh);
	background-image: url(images/training_time_icon.webp);
	background-size: 100%;
}

.training_time_timer {
	color: #ca5;
	text-shadow: 0px 0px min(0.1vw, 0.2vh) #000, 0px 0px min(0.1vw, 0.2vh) #000;
	font-family: main;
	font-size: min(5vw, 10vh);
	width: max-content;
	line-height: min(2.7vw, 5.4vh);
	height: min(3.2vw, 6.4vh);
	margin: min(3.2vw, 7.2vh) auto;
}

.training_start_button {
	width: min(12vw, 24vh);
	height: min(3.2vw, 6.4vh);
	line-height: min(3.1vw, 6.2vh);
	font-size: min(1.6vw, 3.2vh);
	background-size: 100% 100%;
	cursor: url(images/cursor2.webp) 0 0, auto;
	margin: auto;
	margin-bottom: min(2vw, 4vh);
}

.training_progress_block {
	width: max-content;
	height: min(4.5vw, 9vh);
	margin: auto;
}

.training_progress_icon {
	clear: left;
	float: left;
	width: min(2.8vw, 5.6vh);
	height: min(2.8vw, 5.6vh);
	margin: min(0.5vw, 1vh);
	text-align: center;
	line-height: min(3vw, 6vh);
	color: #24b711;
	font-size: min(2.4vw, 4.8vh);
	font-weight: bold;
	margin-right: min(0.25vw, 0.5vh);
}

.training_progress_icon.lock {
	background-size: 100%;
	background-image: url(images/training_lock_icon.webp);
}

.training_start_progress_stars {
	float: right;
	width: min(11vw, 22vh);
	height: min(2.2vw, 4.4vh);
	background-image: url(images/final_star.webp);
	background-size: auto 100%;
	filter: drop-shadow(0px 0px min(0.2vw, 0.4vh) #222);
	margin: auto;
}

.training_progress_block .training_text {
	float: right;
	clear: right;
	width: max-content;
	font-size: min(1.2vw, 2.4vh);
	margin-top: min(0.2vw, 0.4vh);
}

.final_star.placed {
	transform: none;
	opacity: 1;
}

.battle_tutorial_icons {
	position: absolute;
	top: 350%;
	left: 50%;
	transform: translate(-50%, -50%);
	filter: drop-shadow(0px 0px min(0.3vw, 0.6vh) rgba(0, 0, 0, 0.6));
}

#battle_tutorial_3d_icon, .battle_tutorial_icon {
	display: inline-block;
	width: min(3.6vw, 7.2vh);
	height: min(3.6vw, 7.2vh);
	margin: min(0.2vw, 0.4vh);
	background-size: 100%;
}

.battle_tutorial_icon {
	background-image: url(images/battle_tutorial_arrow.webp);
}

.clan_gear {
	transition: transform 0.96s ease-in-out;
}

.clan_gear.scrolled {
	transform: translateX(max(-12vw, -24vh));
	position: absolute;
}

.clan_gear.prescroll {
	transform: translateX(min(12vw, 24vh));
	transition: none;
	position: absolute;
	opacity: 0;
}

#fighting {
	padding: 0px min(1vw, 2vh);
	left: 50%;
	transform: translate(-50%, -25%);
	font-size: clamp(0.7861635220125786vw, 2.075501253132832vh, 1.0416666666666665vw);
	min-width: max-content;
}

.vs {
	display: inline-block;
	margin: 0px 3%;
	font-size: calc(clamp(0.7861635220125786vw, 2.075501253132832vh, 1.0416666666666665vw) * 1.3);
	transform: translateY(-11%);
}

#fighting span {
	background-clip: text;
	color: transparent;
	text-shadow: none;
	font-size: calc(clamp(1.13184vw, 2.98944vh, 1.50048vw) * 1.22);
	font-weight: normal;
	font-family: main;
	letter-spacing: 1.3px;
}

#fighting .background_left {
	position: absolute;
	z-index: -2;
}

#fighting .background_right {
	position: absolute;
	z-index: -2;
}

#fighting .clan_0 {
	background-image: linear-gradient(#7af, #003ba7);
}

#fighting .background_left.clan_0, #fighting .background_right.clan_0 {
	text-shadow: -1px 0 rgb(29, 54, 98), 0 -1px rgb(29, 54, 98), 1px 0 rgb(29, 54, 98), 0 1px rgb(29, 54, 98), 0px 0px min(0.72vw, 1.44vh) rgba(0, 0, 0, 0.72);
}

#fighting .clan_1 {
	background-image: linear-gradient(#8d4, #1a7100);
}

#fighting .background_left.clan_1, #fighting .background_right.clan_1 {
	text-shadow: -1px 0 rgb(33, 75, 0), 0 -1px rgb(33, 75, 0), 1px 0 rgb(33, 75, 0), 0 1px rgb(33, 75, 0), 0px 0px min(0.72vw, 1.44vh) rgba(0, 0, 0, 0.72) }

#fighting .clan_2 {
	background-image: linear-gradient(#f76, #c50b1c);
}

#fighting .background_left.clan_2, #fighting .background_right.clan_2 {
	text-shadow: -1px 0 rgb(96, 21, 21), 0 -1px rgb(96, 21, 21), 1px 0 rgb(96, 21, 21), 0 1px rgb(96, 21, 21), 0px 0px min(0.72vw, 1.44vh) rgba(0, 0, 0, 0.72) }

#fighting .clan_3 {
	background-image: linear-gradient(#ff8, #c54d00);
}

#fighting .background_left.clan_3, #fighting .background_right.clan_3 {
	text-shadow: -1px 0 rgb(98, 84, 0), 0 -1px rgb(98, 84, 0), 1px 0 rgb(98, 84, 0), 0 1px rgb(98, 84, 0), 0px 0px min(0.72vw, 1.44vh) rgba(0, 0, 0, 0.72) }

#fighting .clan_4 {
	background-image: linear-gradient(#d6f, #6f00a2);
}

#fighting .background_left.clan_4, #fighting .background_right.clan_4 {
	text-shadow: -1px 0 rgb(74, 19, 101), 0 -1px rgb(74, 19, 101), 1px 0 rgb(74, 19, 101), 0 1px rgb(74, 19, 101), 0px 0px min(0.72vw, 1.44vh) rgba(0, 0, 0, 0.72) }

#fighting .clan_5 {
	background-image: linear-gradient(#ea7, #712c00);
}

#fighting .background_left.clan_5, #fighting .background_right.clan_5 {
	text-shadow: -1px 0 rgb(72, 46, 20), 0 -1px rgb(72, 46, 20), 1px 0 rgb(72, 46, 20), 0 1px rgb(72, 46, 20), 0px 0px min(0.72vw, 1.44vh) rgba(0, 0, 0, 0.72) }

#fighting .clan_6 {
	background-image: linear-gradient(#fa4, #c42c00);
}

#fighting .background_left.clan_6, #fighting .background_right.clan_6 {
	text-shadow: -1px 0 rgb(127, 74, 0), 0 -1px rgb(127, 74, 0), 1px 0 rgb(127, 74, 0), 0 1px rgb(127, 74, 0), 0px 0px min(0.72vw, 1.44vh) rgba(0, 0, 0, 0.72) }

.new_button_plate .background_text, .vs .background_text {
	position: absolute;
	z-index: -1;
	text-shadow: -1px 0 rgb(16, 16, 16), 0 -1px rgb(16, 16, 16), 1px 0 rgb(16, 16, 16), 0 1px rgb(16, 16, 16), 0px 0px min(0.72vw, 1.44vh) #000, 0px 0px min(0.72vw, 1.44vh) #000;
	color: transparent;
	font-weight: normal;
	font-family: main;
}

.new_button_plate .text, .vs .text {
	background-image: linear-gradient(#fff 20%, #78a 75%);
	background-clip: text;
	text-shadow: none;
	color: transparent;
	font-weight: normal;
	font-family: main;
}

.active_item .text, .active_item .background_text, .active_item span {
	transition: filter 0.48s, text-shadow 0.48s;
}

.active_item:hover .text {
	filter: brightness(1.25) saturate(1.25);
}

.active_item:hover span {
	filter: brightness(1.125) saturate(1.125);
}

.active_item:hover .background_text {
	text-shadow: -1px 0 rgb(16, 16, 16), 0 -1px rgb(16, 16, 16), 1px 0 rgb(16, 16, 16), 0 1px rgb(16, 16, 16), 0px 0px min(0.72vw, 1.44vh) #000, 0px 0px min(0.72vw, 1.44vh) #000;
}

.mosaic_tutorial {
	position: absolute;
	width: min(4vw, 8vh);
	height: min(4vw, 8vh);
	top: min(1vw, 2vh);
	right: min(0.1vw, 0.2vh);
	background-image: url(images/mosaic_tutorial.webp);
	background-size: 100%;
	cursor: url(images/cursor2.webp) 0 0, auto;
}

.portrait_frame {
	position: absolute;
	width: calc(100% - min(2.5vw, 5vh));
	height: 100%;
	background-image: url(images/project_images/portrait_frame.webp);
	background-size: 100% auto;
	background-repeat: no-repeat;
	transform: translateY(max(-0.6vw, -1.2vh)) scale(1.03);
	pointer-events: none;
}

.starting_seconds {
	display: inline;
	font-family: main;
	font-size: calc(clamp(0.94vw, 2.49vh, 1.25vw) * 1.4);
}

#fullscreen_button {
	position: absolute;
	left: min(1vw, 2vh);
	bottom: min(1vw, 2vh);
	width: min(3vw, 6vh);
	height: min(3vw, 6vh);
	background-image: url(images/menu/fullscreen.webp);
	background-size: 100%;
	filter: drop-shadow(0px 0px min(0.32vw, 0.64vh) #000);
	transition: filter 0.36s;
	z-index: 14;
}

#fullscreen_button:hover {
	filter: drop-shadow(0px 0px min(0.42vw, 0.84vh) #000) brightness(1.2) contrast(1.2);
}

#fullscreen_button:active {
	filter: drop-shadow(0px 0px min(0.48vw, 0.96vh) #000) brightness(1.4) contrast(1.4);
}

.caravel_background {
	position: absolute;
	right: min(2.4vw, 4.8vh);
	width: min(37vw, 74vh);
	height: min(28vw, 56vh);
	background-size: 100%;
	z-index: -1;
	transform: scale(1.2);
	opacity: 0.2;
}

.zw_title {
	text-align: center;
	font-size: min(2vw, 4vh);
	margin-top: min(5vw, 10vh);
	color: #def;
}

.prop_3d_icon.stone {
	position: absolute;
	top: 50%;
	left: 50%;
	width: min(5vw, 10vh);
	height: min(5vw, 10vh);
	transform: translate(-50%, -50%);
}

.zoom_in_window {
	opacity: 0;
	transition: opacity 0.5s;
	pointer-events: all;
}

.guide_titles_background {
	position: absolute;
	top: 50%;
	left: 0px;
	width: min(16vw, 32vh);
	height: 110%;
	transform: translate(-12%, -54%);
	background-size: min(20vw, 40vh);
	background-image: url(images/project_images/window_repeat.webp);
}

#account_change_edit_country[datatitle]:after {
	transform: translate(-68%, -25%);
}

.final_training_progress {
	position: absolute;
	transform: translate(-50%, -135%);
	left: 50%;
	white-space: nowrap;
}

.contribution_indicator_name {
	font-size: min(0.7vw, 1.4vh);
	position: absolute;
	top: 0px;
	color: #5f5f5f;
	font-weight: bold;
	letter-spacing: 1px;
}

.contribution_indicator_name.left {
	transform: translate(calc(min(0.3vw, 0.6vh) - 100%), -50%);
}

.contribution_indicator_name.right {
	left: 100%;
	transform: translate(min(0.3vw, 0.6vh), -50%);
	color: #8f8f8f;
}

#contribution_indicator {
	position: absolute;
	pointer-events: none;
	bottom: calc(min(6.2vw, 11.8vh) * 1.07);
	left: 50%;
	transform: translateX(-50%);
	width: calc(min(13.34vw, 23.716vh) + min(2.5vw, 5vh));
	height: 1px;
	background: linear-gradient(to right, rgba(32, 32, 32, 0.5), #ccc);
	border-radius: 50%;
	filter: drop-shadow(0px 0px min(0.2vw, 0.4vh) #000);
}

#contribution_indicator::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%, -50%);
	width: 1px;
	height: 3px;
	background-color: #aaa;
}

#contribution_pointer {
	position: absolute;
	width: min(0.64vw, 1.28vh);
	height: min(0.64vw, 1.28vh);
	background: url(images/contribution_pointer.webp);
	border-radius: 50%;
	top: 50%;
	transform: translate(-50%, -47%);
	transition: left 0.36s;
	background-size: 100%;
}

.translation_question {
	font-size: min(0.8vw, 1.6vh);
	transform: translate(min(-0.8vw, -1.6vh), min(-1.5vw, -3vh));
	cursor: url(images/cursor2.webp) 0 0, auto;
	color: #999;
	transition: color 0.36s, filter 0.36s, text-shadow 0.36s;
	vertical-align: super;
	transform: translate(min(-0.2vw, -0.4vh), min(-0.3vw, -0.6vh));
	position: absolute;
	padding: 0px min(0.4vw, 0.8vh);
	opacity: 0.4;
}

.translation_question:hover {
	color: #bbb;
	filter: drop-shadow(0 0 min(0vw, 1vh) #fff);
}

.translation_question.translated {
	opacity: 1;
	text-shadow: 0px 0px min(0.5vw, 1vh) #ccc;
}

.get_coins_button .coin_icon, .get_coins_button .star_icon {
	vertical-align: middle;
	transform: translateY(-4%);
	width: min(1.8vw, 3.6vh);
	height: min(1.8vw, 3.6vh);
	margin-left: min(0.2vw, 0.4vh);
}

.get_coins_button .star_icon {
	transform: translateY(-10%);
	margin-left: min(0.15vw, 0.3vh);
}

.get_coins_button.inactive {
	filter: grayscale(1);
	pointer-events: none;
}

.final_training_icon {
    width: min(2vw, 4vh);
    height: min(2vw, 4vh);
    margin-right: min(0.3vw, 0.6vh);
    background-size: 100%;
    display: inline-block;
    transform: translateY(-30%) scale(1.5);
    margin-bottom: max(-1vw, -2vh);
}

.wood_button .crystal_icon, .wood_button .shard_icon {
    width: min(1.8vw, 3.6vh);
    height: min(1.8vw, 3.6vh);
    transform: translateY(min(0.2vw, 0.4vh));
}

#transmuter_graph {
    display: block;
}

.transmuter_graph_container {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.dark_background {
	box-shadow: -100vw 0px min(1vw, 2vh) min(1vw, 2vh) #0006;
	width: 100%;
	height: 100%;
	position: absolute;
	transform: translate(100vw);
	z-index: -1;
}

#transmute_button .crystal_icon {
	transform: translate(10%, 20%);
}

#transmute_button .shard_icon {
	transform: translateY(24%);
}

.transmuter_graph_text {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -57%);
    color: #def;
    font-size: min(0.9vw, 1.8vh);
    width: max-content;
    font-weight: bold;
    text-shadow: 0 0 min(0.1vw, 0.2vh) #000;
    z-index: -1;
    opacity: 0.28;
	text-transform: capitalize;
}

/**/

.new_button_plate {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	color: transparent;
	line-height: min(2.70vw, 5.18vh);
	text-align: center;
	font-size: calc(clamp(0.94vw, 2.49vh, 1.25vw) * 1.1);
	opacity: 0.9;
	transform: translateX(-50%);
	width: max-content;
	font-family: chat;
	font-weight: bold;
	letter-spacing: 0;
}

#new_battle .new_button_plate {
	transform: translate(-50%);
	line-height: clamp(3.5vw, 9.24vh, 4.64vw);
	font-size: calc(clamp(1.650936vw, 4.358592vh, 2.18736vw) * 1.2);
}

#new_companion {
	bottom: clamp(16.823899371069185vw, 44.415726817042604vh, 22.291666666666668vw);
	left: calc(50% - clamp(5.89622641509434vw, 15.625vh, 7.8125vw));
	transform: none;
}

#new_companion.girl_0 {
	width: clamp(9.394654088050315vw, 24.80223997493734vh, 12.447916666666666vw);
	height: clamp(6.60377358490566vw, 17.434210526315788vh, 8.75vw);
}

#new_companion.girl_0 .new_image_button {
	background-image: url(images/background_buttons/girl_0.webp);
}

#new_companion.girl_1 {
	width: clamp(6.918238993710691vw, 18.264411027568922vh, 9.166666666666666vw);
	height: clamp(6.289308176100628vw, 16.604010025062657vh, 8.333333333333332vw);
}

#new_companion.girl_1 .new_image_button {
	background-image: url(images/background_buttons/girl_1.webp);
}

#new_companion.girl_2 {
	width: clamp(7.232704402515724vw, 19.094611528822057vh, 9.583333333333334vw);
	height: clamp(6.564465408805031vw, 17.330435463659146vh, 8.697916666666666vw);
}

#new_companion.girl_2 .new_image_button {
	background-image: url(images/background_buttons/girl_2.webp);
}

#new_companion.girl_3 {
	width: clamp(7.193396226415095vw, 18.990836466165415vh, 9.53125vw);
	height: clamp(6.957547169811321vw, 18.368186090225564vh, 9.21875vw);
}

#new_companion.girl_3 .new_image_button {
	background-image: url(images/background_buttons/girl_3.webp);
}

#new_companion.girl_4 {
	width: clamp(7.547169811320755vw, 19.924812030075188vh, 10vw);
	height: clamp(6.367924528301887vw, 16.811560150375943vh, 8.4375vw);
}

#new_companion.girl_4 .new_image_button {
	background-image: url(images/background_buttons/girl_4.webp);
}

#new_boat {
	bottom: clamp(-0.039308176100628936vw, -0.10377506265664162vh, -0.052083333333333336vw);
	left: clamp(4.245283018867925vw, 11.207706766917292vh, 5.625vw);
	width: clamp(20.165094339622645vw, 53.23660714285715vh, 26.718750000000004vw);
	height: clamp(18.553459119496853vw, 48.98182957393484vh, 24.583333333333332vw);
}

#new_boat {
	background-image: url(images/background_buttons/ship.webp) !important;
}

#new_mailbox {
	bottom: clamp(9.433962264150944vw, 24.906015037593985vh, 12.5vw);
	left: calc(50% + clamp(12.77515723270441vw, 33.854166666666686vh, 16.927083333333343vw));
	width: clamp(6.60377358490566vw, 17.434210526315788vh, 8.75vw);
	height: clamp(9.276729559748427vw, 24.49091478696742vh, 12.291666666666666vw);
}

#new_companion .new_button_plate {
	transform: translate(calc(-50% + clamp(12.382075471698114vw, 32.6891447368421vh, 16.40625vw)), -120%);
	left: 0;
}

#background {
	bottom: clamp(-14.150943396226415vw, -37.35902255639098vh, -18.75vw);
	left: calc(50% - clamp(50.31446540880503vw, 133.33333333333331vh, 66.66666666666666vw));
	width: clamp(100.62893081761005vw, 265.6641604010025vh, 133.33333333333331vw);
	height: clamp(56.60377358490566vw, 149.43609022556393vh, 75vw);
	background: linear-gradient(0, transparent 90%, #41516d), url(images/background.webp);
	background-size: 100%;
	background-position: bottom;
	z-index: -1;
	bottom: 0;
	left: 50%;
	opacity: 1;
	position: absolute;
	transform: translateX(-50%);
}

/**/