/* Stage */
.eden-container {
    width: 100vw;
	max-width: 1200px;
	min-width: 360px;
    margin: 40px auto 0px;
	min-height: 360px;
    max-height: 600px;
	overflow: hidden;
	border-top: 0px;
    border-radius: 4px;
	border: 1px solid #D8D8D8;
	animation-fill-mode: forwards;
	transition: opacity 1s;
	opacity: 0;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;/**/
	  /*image-rendering: crisp-edges;
	  image-rendering: -moz-crisp-edges;
	  image-rendering: -webkit-optimize-contrast;
	  -ms-interpolation-mode: nearest-neighbor;*/
}
/*.eden-container * {
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
}*/
#exiting-game {
	display:none;
}
#mosha-viewer {
	width: 1200px;
	height: 550px;
	overflow: hidden;
	max-height: 550px !important;
}
/*.itch #hl2, .itch #obj-hl3, .itch #hl14  {
	display: none !important;
}
.itch #obj-hl3a {
	background-image: url('images/Index/2b.png');
	background-size: cover;
	background-repeat: no-repeat;
	width: 100vw;
	height: 100vh;
	background-position: center center;
}*/
.itch .screenshot-disclaimer, 
.gamejolt .screenshot-disclaimer,
.kongregate .screenshot-disclaimer,
.newgrounds .screenshot-disclaimer,
.amino .screenshot-disclaimer,
.iphone .screenshot-disclaimer,
.steam .screenshot-disclaimer,
.indiexp .screenshot-disclaimer,
.moddb .screenshot-disclaimer,
.fb .screenshot-disclaimer {
	display: none;
}
.itch #register-content, .itch .member-canvas, .itch .header-layer, .itch #obj-Filter.FilterB, 
.gamejolt #register-content, .gamejolt .member-canvas, .gamejolt .header-layer, .gamejolt #obj-Filter.FilterB,
.kongregate #register-content, .kongregate .member-canvas, .kongregate .header-layer, .kongregate #obj-Filter.FilterB, 
.newgrounds #register-content, .newgrounds .member-canvas, .newgrounds .header-layer, .newgrounds #obj-Filter.FilterB,
.amino #register-content, .amino .member-canvas, .amino .header-layer, .amino #obj-Filter.FilterB,
.android #register-content, .android .member-canvas, .android .header-layer, .android #obj-Filter.FilterB,
.steam #register-content, .steam .member-canvas, .steam .header-layer, .steam #obj-Filter.FilterB,
.iphone #register-content, .iphone .member-canvas, .iphone .header-layer, .iphone #obj-Filter.FilterB,
.indiexp #register-content, .indiexp .member-canvas, .indiexp .header-layer, .indiexp #obj-Filter.FilterB,
.moddb #register-content, .moddb .member-canvas, .moddb .header-layer, .moddb #obj-Filter.FilterB,
.fb #register-content, .fb .member-canvas, .fb .header-layer, .fb #obj-Filter.FilterB {
	height: 100vh !important;
	max-height: 100vh !important;
}
.mosha-online {
	/*width: 960px !important;
	max-width: 960px;
	max-height: 640px;*/
}
.title-monsters {
	width: 100px; line-height: 15px; text-align: center;
	display: block;
	text-align: center;
    margin: 0 auto;
	font-size: .75em;
	padding-top: 10px;
}
.titleli-monsters {
    position: relative;
    border-radius: 25px;
    top: 0px;
    left: 15px;
    height: 40px !important;
	    width: 20%;
		min-width: 145px;
		display: block;
    font-size: 2em;
    vertical-align: top;
}
.titleli-monsters label.title-monsters {
    padding-top: 3px;
}
.titleli-monsters span.header-points {
    position: absolute;
    top: 0px;
    width: 100%;
    /* height: 35px; */
    /* display: block; */
    line-height: 55px;
}
/*.mosha-online.fullscreen {
	width: 1600px !important;
	max-width: 1600px;
	max-height: 850px;
}*/
/*.mosha-online.halfscreen  {
	width: 1200px !important;
	max-width: 1200px;
	max-height: 655px;
}*/
/*.mosha-online.halfscreen .ui-dialog-titlebar, .mosha-online.fullscreen .ui-dialog-titlebar {
	z-index: 100000;
}*/
/*.fullscreen .play-menu {
	left: 0px;
    position: fixed;
    bottom: 0;
    width: 100vw;
    max-width: 100vw;
	border-radius: 0px;
	top: 40px;
}
.halfscreen .play-menu {
	left: 0px;
    position: relative;
    bottom: 0;
    width: 100%;
	top: 0px;
}

.fullscreen .general-chat-footer {
	width: 100vw;
    max-width: calc(100% + 8% + 2px);
    border-radius: 0px;
    position: relative;
    left: -4%;
}*/
/*.halfscreen .general-chat-footer, .fullscreen .general-chat-footer {
    margin-left: 0px;
}*/
/*.fullscreen.mosha-online .eden-container {
    max-width: 1600px;
    max-height: 800px;
    height: 100vh;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}*/
/*.halfscreen.mosha-online .eden-container {
    max-width: 1200px;
    max-height: 614px;
    height: 100vh;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}*/

/*.fullscreen .mosha-wrapper {
	width: 1600px;
    height: 850px;
	transform-origin: top left;
	position: relative;
}*/
/*.halfscreen .mosha-wrapper {
	width: 1200px;
    height: 686px;
	transform-origin: top left;
	position: relative;
}*/
.mosha-wrapper {
	position: relative;
	transform-origin: top left;
	will-change: transform;
	/*min-width: 1200px;*/
	-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
   overflow: hidden;
   margin: 0 auto;
   transform-origin: center bottom;
}

/*.fullscreen #character-menu, .fullscreen #options-menu, .fullscreen [role="Background"], .halfscreen #character-menu, .halfscreen #options-menu, .halfscreen [role="Background"]  {
	top: 0px;
}*/
/*.halfscreen .splash-screen {
	max-height: 714px !important;
}
.fullscreen .splash-screen {
	max-height: 800px !important;
}*/
.splash-screen {
	background-color: white; 
	position: absolute; 
	height: 100vh; 
	width: 100%; 
	z-index: 1;
	top: 0px; 
	left: 50%; 
	transform: translate3d(-50%,0px,1px);
	max-height: 650px;
}
.splash-screen [role="splash-background"] {
	 position: absolute; 
	 top: 0px; left: 0px; width: 100%; height: 100%; 
	 animation-delay: 2s; display: block;
	 opacity: 1;
}
	.splash-screen [role="splash-background"]:after {
		 content: '';
		 z-index: 1;
		 background-image: url('images/splash_trail.png');
		 background-position: bottom left;
		 background-repeat: repeat-x;
		 display: block;
		 height: 100%;
		 width: 100%;
		 transition: all 2s;
	}
	.splash-screen .loading[role="splash-background"]:after {
		 height: calc(100% + 250px);
	}
	.splash-screen .splash-left[role="splash-background"]:after {
		 transform: rotate(90deg);
		 transform-origin: center center;
		 width: calc(100vh + 250px);
		 margin-left: -125px;
	}
	.splash-screen .loading.splash-left[role="splash-background"]:after {
		 margin-left: -250px;
	}
	.splash-screen  .splash-right[role="splash-background"]:after {
		 transform: rotate(-90deg);
		 transform-origin: center center;
		 width: 100%;
		 min-width: 100vh;
		right: -250px;
		position: absolute;
	}
	.splash-screen .loading.splash-right[role="splash-background"]:after {
		 width: calc(100vh + 250px);
	}
.splash-screen [role="splash-container"] { 
	max-width: 100%; min-width: 360px; /*max-height: 600px; min-height: 600px; position: absolute;*/
}
.stage-size ol li {
	padding: 5px 15px 20px;
}
.stage-size ol li .circular-area {
    max-width: 85px;
    max-height: 85px;
	font-size: .8em;
    text-align: center;
    overflow: visible;
	padding: 0px;
}
.stage-size ol li .circular-area.active, .stage-size ol li .circular-area:hover, .stage-size ol li .circular-area:active {
    border-color: #00aadd;
	color: #00aadd;
}
.appbox a, .appbox button, #options-menu li, .appbox .avatar-positions li, .appbox .avatar-manage li {
	cursor: url(cursor/pointer.cur), url(cursor/pointer.cur), pointer;	
}
.stage-size .header-title {
    padding: 5px 15px;
    display: block;	
}
.shop-list {
	position: relative;
    padding: 0px;
    margin-bottom: 15px;
	list-style: none;
}
.appbox .shops-list {
	position: relative;
    padding: 0px;
    margin-bottom: 15px;
	list-style: none;
	min-height: 115px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
}
.shops-list {
    padding: 0px;
}
.canvas-config {
    background-color: transparent;
    max-width: 720px;
    margin: 0 auto;
    border-radius: 0px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
	max-height: fit-content !important;
	overflow: hidden !important;
}
/*.fullscreen [role="Filter"] {
	max-height: 400px !important;
}*/
.mosha-online ~ .ui-widget-overlay {
	pointer-events: none;
}
.mosha-online .eden-container {
	margin: 0px;
	border: 0px;
	border-radius: 0px;
	overflow: hidden;
}
/*#stage.active, .profile-canvas.active, .walking-canvas.active, #stace.active:active {
	cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), pointer;
}*/
.walking-canvas.active.targeting {
	cursor: url('cursor/targeting.cur'), url(cursor/targeting.cur), pointer;
}
.walking-canvas.active.targeting > *, .walking-canvas.active.editor > * {
	opacity: 0.5 !important;
}
.walking-canvas.active.selectBattlers > *:not(.monsterBox):not(.me), .walking-canvas.active.hideAll > *:not([data-object="1295"]):not([data-object="1296"]):not(.npc-wrapper):not(.item-drop):not(.noEvents), .walking-canvas.active.hideAll > .avatar-wrapper .avatar-head, .walking-canvas.active.hideAll > .monsterBox .monster-head {
	opacity: 0.5  !important;
	pointer-events: none !important;
}/**/
.walking-canvas.active.hideAll > .petBox .pet-head, .walking-canvas.active.hideAll > .mountBox .pet-head, .walking-canvas.active.hideAll > .petBox, .walking-canvas.active.hideAll > .mountBox {
	pointer-events: none !important;
	opacity: 1 !important;
}
.walking-canvas.active.hideAll > .avatar-wrapper .avatar-head {
	display: none;
}
.activeEditor > * {
	pointer-events: none !important;
	opacity: .5 !important;
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer !important;
}
.activeEditor {
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer !important;
}
.activeEditor:active {
	cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer !important;
}

.avatar-wrapper.isSitting .avatar-head {
	top: 75px;
}


.walking-canvas.active.targeting:active {
	cursor: url('cursor/targeting_active.cur'), url(cursor/targeting_active.cur), pointer;
}
.cursor-move {
	position: absolute;
	/*background-image: url('images/icons-mosha.png');
	background-position: -478px -104px;*/
	width: 22px;
	height: 23px;
	display: block;
	z-index: 1000;
	pointer-events: none;
}


.cursor-move:before,
.cursor-move:after {
	content: '';
	display: block;
	position: absolute;
	top: -5px; left: -5px;
	bottom: 0; right: 0;
	margin: auto;
	height: 32px;
	width: 32px;
	border: 2px solid #FFF;
	border-radius: 100%;
	opacity: 0;
	-webkit-animation: loader-6-1 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1;
	        animation: loader-6-1 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1;
}
.cursor-move:before {
	border-color: #00AADD;
}
.cursor-move:after {
	border-color: #FF6699;
}
@-webkit-keyframes loader-6-1 {
	0%   { -webkit-transform: translate3d(0, 0, 0) scale(0); opacity: 1; }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(1.5); opacity: 0; }
}
@keyframes loader-6-1 {
	0%   { transform: translate3d(0, 0, 0) scale(0); opacity: 1; }
	100% { transform: translate3d(0, 0, 0) scale(1.5); opacity: 0; }
}
.cursor-move:after {
	-webkit-animation: loader-6-2 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000) .25s 1;
	        animation: loader-6-2 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000) .25s 1;
}
@-webkit-keyframes loader-6-2 {
	0%   { -webkit-transform: translate3d(0, 0, 0) scale(0); opacity: 1; }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(1); opacity: 0; }
}
@keyframes loader-6-2 {
	0%   { transform: translate3d(0, 0, 0) scale(0); opacity: 1; }
	100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0; }
}


.template-menu {
	/*border-radius: 3px;*/
	/*background-color: rgba(255,255,255,.35);*/
	z-index: 100;
	position: absolute;
	left: 0px;
	top: 0px;
    list-style: none;
    margin: 0;
    padding: 0px;
	min-width: 360px;
	width: 100%;
	height: 400px;
	overflow: hidden;
	/*cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), pointer;*/
}

/* Avatars */
.avatar-wrapper, .user-avatar, .profile-avatar, .npc-wrapper, .npc-avatar, .map-name-wrapper {
    position: absolute;
    padding: 0;
    margin: 0 !important;
    height: 227px;
    width: 200px;
    text-align: center;
	outline: none;
	background-position: 0 0;
	background-repeat: no-repeat;
	pointer-events: none !important;


	-webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.25));
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.25));
    filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=1,OffY=1,Color='#252525');
}
.npc-wrapper {
	animation-delay: 2.5s;
}
.monsterBox, .petBox {
    position: absolute;
    padding: 0;
    margin: 0 !important;
    text-align: center;
	outline: none;
	background-position: bottom center;
	background-repeat: no-repeat;
	pointer-events: none !important;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-perspective: 1000;
    perspective: 1000;

    -webkit-transform-style: flat;
    transform-style: flat;

	-webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.25));
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.25));
    filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=1,OffY=1,Color='#252525');
}
.monsterBox.Small, .petBox.Small {
    width: 78px;
	height: 78px;
	background-image: url('images/Small_shadow.png');
	background-size: cover;
	background-position: 50%;
	/*mix-blend-mode: difference;*/
}
/*.monsterBox.active, .petBox.active {
	mix-blend-mode: lighten;
	isolation: isolate;
}*/
/*.blendMix {
	mix-blend-mode: color-dodge;
}*/
.monsterBox.Medium, .petBox.Medium {
    width: 225px;
	height: 225px;
	/*mix-blend-mode: color-dodge;*/
}
.petBox.active:not(.mountBox), .petBox:not(.mountBox):hover, .monsterBox.active, .monsterBox:hover, .avatar-wrapper:not(.npc-wrapper):hover, .avatar-wrapper.active.me, .object-wrapper[data-index="true"]:hover, .object-wrapper[data-index="true"].active {
	z-index: 100 !important;
}
.avatar-wrapper.me:hover {
	z-index: 1 !important;
}
	.avatar-wrapper.male:hover > nav .avatar-body, .avatar-wrapper.male.active.target .avatar-body {
		-webkit-filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan) drop-shadow(rgba(0, 170, 221, 0.8) 0 0 8px) !important;
		filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan) drop-shadow(rgba(0, 170, 221, 0.8) 0 0 8px) !important;
	}
	.avatar-wrapper.female:hover > nav .avatar-body, .avatar-wrapper.female.active.target .avatar-body {
		-webkit-filter: drop-shadow(2px 2px 0 cyan) drop-shadow(-2px -2px 0 #FF6699) drop-shadow(#FF6699 0 0 8px) !important;
		filter: drop-shadow(2px 2px 0 cyan) drop-shadow(-2px -2px 0 #FF6699) drop-shadow(#FF6699 0 0 8px) !important;

	}
	.avatar-wrapper.nonbinary:hover > nav .avatar-body, .avatar-wrapper.nonbinary.active.target .avatar-body {
		-webkit-filter: drop-shadow(2px 2px 0 cyan) drop-shadow(-2px -2px 0 #FF6699) drop-shadow(#F0AD4E 0 0 8px) !important;
		filter: drop-shadow(2px 2px 0 cyan) drop-shadow(-2px -2px 0 #FF6699) drop-shadow(#F0AD4E 0 0 8px) !important;

	}
	.npc-wrapper:hover > nav .avatar-body, .npc-wrapper.active.target .avatar-body {
		-webkit-filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan) drop-shadow(white 0 0 8px);
		filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan) drop-shadow(white 0 0 8px);
	}
	.petBox:not(.mountBox):hover > nav .pet-body, .petBox.active.target:not(.mountBox) .pet-body, [data-event="teleports"]:hover, [data-event="teleports"]:active, .btn-cyan:hover {
		-webkit-filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan) drop-shadow(white 0 0 8px);
		filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan) drop-shadow(white 0 0 8px);
	}
	/*.petBox.mountBox:hover > nav .pet-body {
		-webkit-mask-box-image-source: none !important;
	}*/

.object-wrapper[data-index="true"].active, 
.object-wrapper[data-collide="1"]:hover, .object-wrapper.selected, .selected[data-type="object"],
.npc-wrapper.selected nav {
	webkit-filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan);
    filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan);
}

#wrapper_glitch{text-align:center}
.glitch_sub{position:relative;color:#fff;font-size:73px;letter-spacing:8px;animation:glitch-skew 1s infinite linear alternate-reverse}
.glitch_sub:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim-sub 5s infinite linear alternate-reverse}
.glitch_sub:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;animation:glitch-anim-sub2 1s infinite linear alternate-reverse}
@keyframes glitch-anim-sub{0%{clip:rect(67px,9999px,67px,0);transform:skew(.81deg)}5%{clip:rect(96px,9999px,86px,0);transform:skew(.15deg)}10%{clip:rect(64px,9999px,87px,0);transform:skew(.24deg)}15%{clip:rect(36px,9999px,21px,0);transform:skew(.19deg)}20%{clip:rect(88px,9999px,24px,0);transform:skew(.31deg)}25%{clip:rect(64px,9999px,24px,0);transform:skew(.65deg)}30%{clip:rect(36px,9999px,8px,0);transform:skew(.88deg)}35%{clip:rect(99px,9999px,21px,0);transform:skew(.51deg)}40%{clip:rect(17px,9999px,17px,0);transform:skew(.16deg)}45%{clip:rect(18px,9999px,99px,0);transform:skew(.42deg)}50%{clip:rect(62px,9999px,89px,0);transform:skew(.11deg)}55%{clip:rect(86px,9999px,13px,0);transform:skew(.34deg)}60%{clip:rect(35px,9999px,15px,0);transform:skew(.91deg)}65%{clip:rect(34px,9999px,53px,0);transform:skew(.19deg)}70%{clip:rect(92px,9999px,96px,0);transform:skew(.8deg)}75%{clip:rect(58px,9999px,36px,0);transform:skew(.04deg)}80%{clip:rect(55px,9999px,2px,0);transform:skew(.24deg)}85%{clip:rect(69px,9999px,7px,0);transform:skew(.12deg)}90%{clip:rect(18px,9999px,88px,0);transform:skew(.03deg)}95%{clip:rect(80px,9999px,65px,0);transform:skew(.68deg)}100%{clip:rect(81px,9999px,42px,0);transform:skew(.29deg)}}@keyframes glitch-anim-sub2{0%{clip:rect(45px,9999px,78px,0);transform:skew(.29deg)}5%{clip:rect(65px,9999px,53px,0);transform:skew(.2deg)}10%{clip:rect(53px,9999px,53px,0);transform:skew(.39deg)}15%{clip:rect(43px,9999px,23px,0);transform:skew(.6deg)}20%{clip:rect(94px,9999px,11px,0);transform:skew(.48deg)}25%{clip:rect(43px,9999px,59px,0);transform:skew(.79deg)}30%{clip:rect(98px,9999px,95px,0);transform:skew(.77deg)}35%{clip:rect(51px,9999px,40px,0);transform:skew(.8deg)}40%{clip:rect(64px,9999px,86px,0);transform:skew(.04deg)}45%{clip:rect(13px,9999px,22px,0);transform:skew(.63deg)}50%{clip:rect(91px,9999px,35px,0);transform:skew(.63deg)}55%{clip:rect(6px,9999px,17px,0);transform:skew(.59deg)}60%{clip:rect(37px,9999px,26px,0);transform:skew(.96deg)}65%{clip:rect(80px,9999px,36px,0);transform:skew(.71deg)}70%{clip:rect(21px,9999px,89px,0);transform:skew(.62deg)}75%{clip:rect(40px,9999px,72px,0);transform:skew(.76deg)}80%{clip:rect(83px,9999px,38px,0);transform:skew(.4deg)}85%{clip:rect(58px,9999px,17px,0);transform:skew(.81deg)}90%{clip:rect(100px,9999px,23px,0);transform:skew(.19deg)}95%{clip:rect(87px,9999px,24px,0);transform:skew(.43deg)}100%{clip:rect(76px,9999px,33px,0);transform:skew(.79deg)}}@keyframes glitch-skew{0%{transform:skew(0deg)}10%{transform:skew(-2deg)}20%{transform:skew(-1deg)}30%{transform:skew(5deg)}40%{transform:skew(-2deg)}50%{transform:skew(-1deg)}60%{transform:skew(-4deg)}70%{transform:skew(-4deg)}80%{transform:skew(5deg)}90%{transform:skew(1deg)}100%{transform:skew(-1deg)}}

.object-wrapper.active, .mixBlend
/*, .monsterBox.active > .monster-body, .monsterBox:hover > .monster-body,
.avatar-wrapper.active > .avatar-body, .avatar-wrapper:hover > .avatar-body,
.npc-wrapper.active > .npc-body, .npc-wrapper:hover > .npc-body*/
{
	mix-blend-mode: color-dodge;
}
.monsterBox:hover, .object-wrapper[data-index="true"]:hover {
	mix-blend-mode: hard-light;
}
.monsterBox.Medium:not(.monsterDead) nav:before, .petBox.Medium:not(.petDead) nav:before {
	content: '';
    width: attr(data-w px, 112.5px);
    width: 112.5px;
	height: 115px;
	background-image: url('images/Medium_shadow.png');
	background-size: cover;
    background-position: 50%;
	position: absolute;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
}
/*.monsterBox.Medium:not(.monsterDead) nav[data-w='50px']:before, .petBox.Medium:not(.petDead) nav[data-w='50px']:before { 
	width: 75px; 
	height: 100px;
	bottom: 5px;
}
.monsterBox.Medium:not(.monsterDead) nav[data-w='60px']:before, .petBox.Medium:not(.petDead) nav[data-w='60px']:before { 
	width: 60px; 
	height: 100px;
	bottom: 0px;
}*/

.monsterBox.Big, .petBox.Big {
    width: 450px;
	height: 450px;
	background-image: url('images/Big_shadow.png');
	background-size: cover;
    background-position: 50%;
}

/*.monsterBox.active .monster-body, .monsterBox.active .monster-name {
	-webkit-filter: drop-shadow(red 0 0 1px);
	filter: drop-shadow(red 0 0 1px);
	background-repeat: no-repeat;
}*/
.monsterBox .monster-container, .monsterBox nav, .monsterBox nav .monster-container figure, .petBox .pet-container, .petBox nav, .petBox nav .pet-container figure {
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transform-origin: center bottom;
	text-align: center;
	margin: 0 auto;
}
.monsterBox.active.Small .monster-container {
	/*background-image: url('images/Small_target_left.png'), url('images/Small_target_right.png');*/
}
	.monsterBox.active.target.Small .monster-container:before, 
	.monsterBox.active.Small .monster-container:after,
	.monsterBox.active.target.Medium .monster-container:before,
	.monsterBox.active.Medium .monster-container:after,
	.monsterBox.active.target.Big .monster-container:before,
	.monsterBox.active.Big .monster-container:after,
	.avatar-wrapper.active.duel nav:after,
	.avatar-wrapper.active.duel nav:before,
	
	.monsterBox.Small .monster-container:hover:before,
	.monsterBox.Medium .monster-container:hover:before,
	.monsterBox.Big .monster-container:hover:before,
	.avatar-wrapper.duel nav:hover:before,
	.walking-canvas.active .monsterBox .monster-container.selected:before

	{
		content: '';
		background-image: url('images/targetingb.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		display: block;
		position: absolute;
		height: 113px;
		min-width: 178px;
		width: 100%;
		top: -30px;
		transform: scale(.7);
		transform-origin: top left;		
		animation: upDown2 .7s ease-in infinite forwards alternate-reverse;
	}
	.walking-canvas.active.hideAll .monsterBox .monster-container:after, .walking-canvas.active.hideAll .monsterBox .monster-container:before {
		content: none;
	}
	.monsterBox.active.Small .monster-container:after,
	.monsterBox.active.Medium .monster-container:after,
	.monsterBox.active.Big .monster-container:after,
	.avatar-wrapper.active.duel nav:after {

		top: calc(100% - 25px);
		transform-origin: center center;
		animation: none;
		position: absolute;
		border: 3px solid white;
		filter: drop-shadow(1px 1px 3px red);		
		border-radius: 100%;
		height: 20px;
		left: calc(-100% + 2.5px);
		animation: scaling .7s ease-in .7s infinite forwards alternate-reverse;
	}
	.monsterBox.active.Small .monster-container:after, .petBox.active.Small .pet-container:after,
	.monsterBox.Small .monster-container:hover:after, .petBox.Small .pet-container:hover:after {
		left: 50%;
		min-width: 70px;
		margin-left: -42.5px;
	}
	.monsterBox.active.Medium .monster-container:before, .monsterBox.Medium .monster-container.selected:before, .avatar-wrapper.active.duel nav:before, .petBox.active.Medium .pet-container:before
	{
		height: 113px;
		width: 100%;
		top: -80px !important;
		left: 0px;
		transform: scale(.8) translate3d(-50%, 0px, 0px);
	}
	.monsterBox.active.Big .monster-container:before, .monsterBox.Big .monster-container.selected:before, .petBox.active.Big .pet-container:before,
	.monsterBox.Big .monster-container:hover:before, .petBox.Big .pet-container:hover:before {
		height: 150px !important;
		width: 450px;
		top: -80px !important;
		left: 0px;
		transform: scale(.8) translate3d(-50%, 0px, 0px);
	}
	/*.avatar-wrapper.active.duel nav:before { 
		left: -23.5px;
	}*/
	.monsterBox.active.Small .monster-container:before, .monsterBox.Small .monster-container:before, .petBox.active.Small .pet-container:before,
	.monsterBox.Small .monster-container:hover:before, .petBox.Small .pet-container:hover:before {
		height: 113px;
		width: 127px;
		top: -65px !important;
		left: -50px;
		transform: scale(.8) translate3d(-50%, 0px, 0px);
	}
	.monsterBox.Small .monster-container:before, .monsterBox.active.Small .monster-container:before {
		top: -65px !important;
	}
	.monsterBox.active.Medium .monster-container:after, .avatar-wrapper.active.duel nav:after, .petBox.active.Medium .pet-container:after {
		left: 50%;
		top: 50%;
		/* transform: scale(.8); */
		width: 150px;
		margin-left: -92.5px;
		top: calc(100% - 25px);
		z-index: -1;
	}
	.monsterBox.active.Big .monster-container:after, .petBox.active.Big .pet-container:after {
		left: 50%;
		top: 50%;
		/* transform: scale(.8); */
		width: 250px;
		margin-left: -125px;
		top: calc(100% - 30px);
	}
	.avatar-wrapper.active.duel nav:after {
		z-index: -1;
		top: calc(100% - 35px);
	}
	.avatar-wrapper nav {
		pointer-events: none;
		position: absolute;
		z-index: -1;
		height: 227px;
		width: 200px;
		display: block;
	}
	.avatar-wrapper .mountBox nav {
		width: 100%;
		height: 100%;
	}

.monsterBox.active.Medium .monster-container {
	/*background-image: url('images/Medium_target_left.png'), url('images/Medium_target_right.png');*/
}
.monsterBox.active.Big .monster-container {
	/*background-image: url('images/Big_target_left.png'), url('images/Big_target_right.png');*/
}
.monsterBox.active .monster-container, .petBox.active .pet-container {
	animation: monster-target .7s ease-in infinite forwards alternate-reverse, monster-target .7s ease-in infinite forwards alternate-reverse, none;
	background-repeat: no-repeat;
}
		@-webkit-keyframes monster-target {
			from { background-position: -2.5px 0px, 2.5px 0px; }
			to { background-position: 2.5px 0px, -2.5px 0px; }
		}
		@keyframes monster-target {
			from { background-position: -2.5px 0px, 2.5px 0px; }
			to { background-position: 2.5px 0px, -2.5px 0px; }
		}

/*targeting*/
/*.monsterBox.active {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
}
		@-webkit-keyframes monster-shadow {
			from { background-size: 95% 100%; background-position: 0px 0px; }
			to { background-size: 105% 100%; background-position: -2px 0px; }
		}
		@keyframes monster-shadow {
			from { background-size: 95% 100%; background-position: 0px 0px; }
			to { background-size: 105% 100%; background-position: -2px 0px; }
		}*/
/*.monsterBox.Medium.active {
	background-image: url('images/Medium_shadow_targeting.png');
}
.monsterBox.Small.active {
	background-image: url('images/Small_shadow_targeting.png');
}*/

.profile-canvas .avatar-wrapper {
    height: 110px;
    width: 103px;
	-webkit-transform: translate3d(calc(50vw - 60px), -50px, 1px);
	transform: translate3d(calc(50vw - 60px), -50px, 1px);
}
.stage-vp .avatar-wrapper, .npc-wrapper {
    /*height: 110px;
    width: 103px;*/
    height: 227px;
    width: 200px;
	-webkit-transform: translate3d(0px, 0px, 1px);
	transform: translate3d(0px, 0px, 1px);
}
.profile-canvas.active .avatar-wrapper, .stage-vp .avatar-wrapper, .npc-wrapper {
	cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
}
	.avatar-body, .npc-body {
		display: block;
		height: 227px;
		width: 200px;
		background-repeat: no-repeat;
		pointer-events: none;
		filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.25));
		will-change: transform;

		-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	   -ms-backface-visibility: hidden;
	   backface-visibility: hidden;

	   -webkit-perspective: 1000;
	   -moz-perspective: 1000;
	   -ms-perspective: 1000;
	   perspective: 1000;
	}
	@-ms-document url-prefix() { 
	  .avatar-body.mask, .npc-body.mask {
		 height: 85px;
	  }
	  .avatar-wrapper .moving-legs {
		 bottom: 28px !important;
	  }
	}
	@-moz-document url-prefix() { 
	  .avatar-body.mask, .npc-body.mask {
		 height: 85px;
	  }
	  .avatar-wrapper .moving-legs {
		 bottom: 28px !important;
	  }
	}

.avatar-weapon-holder {
    display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	pointer-events: none;
}
.avatar-weapon {
	display: block;
    width: 42px;
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    top: 54px;
	left: -1px;
}

.user-avatar, .npc-avatar {
    width: 150px;
    height: 170px;
    transform: translate3d(-50%, 0px, 1px);
    left: 50%;
    bottom: 45px;
	pointer-events: fill;
	text-align: center;
	z-index: 10;
}
.profile-aka {
	color: white;
	display: block;
	max-width: 200px;
	width: fit-content;
	min-width: 200px;
	margin-top: 15px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	font-size: 1em;
    text-overflow: clip;
}
.profile-canvas.active .user-avatar, .profile-canvas.active .npc-avatar {
	left: 50%;
}
.npc-bio {
    position: absolute;
    z-index: 100;
    background-color: white;
    border-top: 1px solid #e8e8e8;
    height: 100%;
    padding: 15px;
    width: 100%;
    overflow: auto;
	display: none;
}
.map-name-wrapper {
	bottom: 20%;
    left: 50%;
	margin-left: -40px !important;
	z-index: 100;
}
.profile-hovercard .map-name-wrapper {
	top: -227px;
}
	.npc-avatar {
		left: 50%;
		bottom: -20px;
		-webkit-transform: translate3d(-50%, -50%, 1px);
		transform: translate3d(-50%, -50%, 1px);
	}
	.user-avatar i, .npc-avatar i {
		display: block;
		height: 170px;
		width: 150px;
		background-repeat: no-repeat;
		margin: 0 auto;
	}
	.user-avatar:after, .npc-avatar:after {
		content: '';
		background-color: black;
		opacity: .5;
		border-radius: 100%;
		width: 40px;
		height: 10px;
		position: absolute;
		bottom: 20px;
		left: 50%;
		z-index: -1;

		filter: blur(5px) drop-shadow(0px 0px 0px rgba(0,0,0,1));
		-webkit-filter: blur(5px) drop-shadow(0px 0px 0px rgba(0,0,0,1));

		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}

	.avatar-wrapper:not(.dead):not(.Gray):not(.unShadow):not(.Sepia):after, .npc-wrapper:not(.dead):after {
		content: '';
		opacity: .5;
		border-radius: 100%;
		left: 50%;
		z-index: -2;		
		position: absolute;

		width: 90px;
		height: 20px;
		bottom: 15px;
		filter: blur(2px);
		-webkit-filter: blur(2px);
		background-color: rgba(0,0,0,.75);
		pointer-events: none;

		/*width: 100%;
		height: 100%;
		bottom: -6px;
		background-image: url('images/shadow.png');
		background-position: bottom;*/

		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
	.avatar-sprite, .monster-body, .pet-body {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		display: block;
	}
	/*.pet-body {
		top: -14px;
	}*/
	.monster-body, .pet-body {
		position: relative;
	}
	.avatar-wrapper.owner {
		cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
		will-change: transform;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: -moz-none;

		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		/*will-change: transform !important;*/

		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;

		-webkit-perspective: 1000;
		perspective: 1000;

		-webkit-transform-style: flat;
		transform-style: flat;

	}

	.avatar-wrapper .avatar-head, .profile-canvas .avatar-wrapper .avatar-head, .npc-wrapper .avatar-head, .object-head {
		display: block;
		cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
		margin: 0 auto;
		position: absolute;
		left: 50%;
		top: 35px;
		z-index: 10;
		border-radius: 100%;
		width: 110px;
		height: 80px;
		margin-left: -55px;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		pointer-events: fill;
	}
	.Sepia.avatar-wrapper .avatar-mask {
		display: none !important;
	}
	.avatar-wrapper.Sitting .avatar-head {
		top: 80px;
	
	}
	.object-head {
		width: 40px;
		height: 40px;
		margin-left: -20px;
	}
	.avatar-wrapper.active .avatar-head, .npc-wrapper.active .avatar-head, .active .object-head, .petBox.active .pet-head  {
		cursor: url('cursor/target.png'), url(cursor/target.cur), pointer !important;
	}
	.avatar-wrapper.active.duel .avatar-head, .avatar-wrapper.active.duel .avatar-head:active  {
		cursor: url('cursor/battle.png'), url(cursor/battle.cur), default !important;
	}
	.avatar-wrapper.active .avatar-head:active, .npc-wrapper.active .avatar-head:active, .active .object-head:active, .petBox.active .pet-head:active {
		cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer !important;
	}
	.isSitting .avatar-wrapper .avatar-head {
		top: 25px;
	}
	.monsterBox .monster-head,
	.petBox .pet-head {
		width: 65px;
		height: 65px;
		pointer-events: fill;
		display: block;
		margin: 0 auto;
		text-align: center;
		position: absolute;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%, -50%);
		left: 50%;
		top: 50%;
		cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), pointer;
		z-index: 10;
	}
	.monsterBox .monster-head {
		cursor: url('cursor/battle.cur'), url(cursor/battle.cur), default;
	}
	.monsterBox.Medium .monster-head, .petBox.Medium .pet-head {
		width: 100%;
		height: 100%;
	}
	.monsterBox.Big .monster-head, .petBox.Big .pet-head {
		width: 100%;
		height: 100%;
	}
	.monsterBox.active .monster-head {
		cursor: url('cursor/battle.cur'), url(cursor/battle.cur), default;
	}

	.avatar-wrapper .avatar-mask, .npc-wrapper .npc-mask, .object-mask {
		display: block;
		width: 110px;
		height: 110px;
		cursor: pointer;
		margin: 0 auto;
		text-align: center;
		background-position: -60px 0;
		left: 50%;
		margin-left: -55px;
		position: absolute;
		z-index: 1;
		pointer-events: none;
		/*-webkit-mask-box-image	: -webkit-linear-gradient(top, black 75%, transparent 100%);
		mask-box-image			: linear-gradient(top, black 75%, transparent 100%);*/
		/*-webkit-mask-box-image: -webkit-radial-gradient(center, black 50%, transparent 70%); 
		mask-image: radial-gradient(black 50%, transparent 70%);*/
		background-repeat: no-repeat;
		/*filter: drop-shadow(rgba(0, 0, 0, 0.13) 2px 7px 0px);*/
	}
	.isSitting.male .avatar-mask, .isSitting.nonbinary .avatar-mask, .isSitting.nonbinary .npc-mask, .isSitting.male .npc-mask  {
		top: 10px !important;
	}
	.isSitting.female .avatar-mask, .isSitting.female .npc-mask {
		top: 18px !important;
	}
	.mask-shadow {
		/*background-color: rgba(0,0,0,.2);*/
		background-blend-mode: overlay;
	}
	@-moz-document url-prefix() {
	  .mask-shadow {
		background-color: transparent;
	  }
	}

	.object-container {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		position: relative;	
	}
	.object-wrapper {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		position: absolute;	
		/*mix-blend-mode: color-dodge;*/
	}
	.avatar-wrapper.dead:before, .user-hero-display.dead:before {
		content: '';
		position: absolute;
		background-image: url('../../../images/Eden/Resources/FX/[Left]Floating_Soul.png');
		background-position: -15px 0px !important;
		background-blend-mode: overlay;
		animation: squash .75s ease-in infinite alternate;
		width: 100%;
		height: 100%;
		left: 0px;
		opacity: .75;
		pointer-events: none;
		background-repeat: no-repeat;
	}	
	.avatar-wrapper.isSitting:not(.me) {
		z-index: 0 !important;
	}
	.avatar-wrapper.dead:after, .user-hero-display.dead:after {
		content: '';
		position: absolute;
		background-image: url('../../../images/Eden/Resources/FX/[Right]Floating_Soul.png');
		background-position: 15px 0px !important;
		background-blend-mode: overlay;
		animation: squash .75s ease-in infinite alternate;
		animation-delay: .5s;
		width: 100%;
		height: 100%;
		left: 45px;
		opacity: .75;
		z-index: 100;
		top: 0px;
		pointer-events: none;
		background-repeat: no-repeat;
	}	
	.dead .avatar-body, .dead.user-hero-display canvas[role="user-avatar"] {
		-webkit-mask-box-image	: -webkit-linear-gradient(top, black 65%, transparent 80%);
		mask-image			: linear-gradient(top, black 65%, transparent 80%);
		-webkit-filter: grayscale(1) opacity(.7) !important;
		filter: grayscale(1) opacity(.7) !important; /* IE 6-9 */
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		animation: upDown2 2s ease-in infinite alternate !important;	
	}
	.dead .avatar-mask, .dead .npc-mask {
		animation: upDown2 2s ease-in infinite alternate !important;	
	}
	.dead canvas[data-type="face/canvas"] {
		background-color: black;
		background-blend-mode: luminosity;
		animation: upDown2 2s ease-in infinite alternate !important;
		-webkit-filter: grayscale(1) opacity(.7);
		filter: grayscale(1) opacity(.7); /* IE 6-9 */
	}
	.Gray .avatar-body {
		filter: grayscale(1) brightness(1.1) contrast(0.7); /* IE 6-9 */
	}
	.Sepia .avatar-body {
		filter: sepia(1) brightness(1.1) contrast(0.7); /* IE 6-9 */
	}

	/*@media screen and (-webkit-min-device-pixel-ratio:0) {  
	 CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.)  
		background-color: black;
	} */
	@-moz-document url-prefix() {
	  .selector {
		background-color: transparent;
	  }
	}
	.avatar-smoke-holder {
		position: absolute;
		width: 200px;
		height: 30px;
		bottom: 4px;
		z-index: 1;
		left: -15px;
		display: block;
	}

	.avatar-smoke {
		position: absolute;
		background-position: 0px 0px;
		background-image: url('../../../images/Eden/Resources/FX/dirt.png');
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		animation: dirt 1.8s ease-in-out infinite, fadeInUp 1s ease-in-out 1;
		transform-origin: bottom left;
		will-change: transform;
	}
			@-webkit-keyframes dirt {
				from { -webkit-transform: scaleX(0.9) scaleY(0.8); opacity: 1; }
				to { -webkit-transform: scaleX(1.3) scaleY(1.4); opacity: 0; }
			}

			@keyframes dirt {
				from { transform: scaleX(0.9) scaleY(0.8); opacity: 1; }
				to { transform: scaleX(1.3) scaleY(1.4); opacity: 0; }
			}
	.avatar-wrapper .moving-legs nav, .npc-wrapper .moving-legs nav {
		display: block;
		height: 100%;
	}
	.avatar-wrapper .moving-legs, .npc-wrapper .moving-legs {
		display: block;
		width: 100%;
		height: 100px;
		bottom: 10px;
		left: 5px;
		position: absolute;
		backface-visibility: hidden;
		/*-webkit-mask-box-image: -webkit-radial-gradient(center, ellipse cover, black 25%, transparent 70%);		
		mask-box-image: radial-gradient(center, ellipse cover, black 25%, transparent 70%);*/

		-webkit-mask-box-image: -webkit-radial-gradient(center, ellipse cover, black 25%, transparent 65%);		
		mask-image: radial-gradient(ellipse, black 25%, transparent 65%);
		z-index: -10;
	}
	.moving-legs.flipH {
		/*left: 0px;*/
		left: -5px;
	}
	.avatar-wrapper .legs, .npc-wrapper .legs {
		width: 185px;
		height: 60px;
		position: absolute;
		left: 5px;
		bottom: 0px;
		background-size: 180px;
		background-repeat: no-repeat;
		/*width: 200px;
		height: 40px;
		position: absolute;
		left: 28px;
		bottom: 0px;
		background-size: 110px;
*/
		/*opacity: .7;*/

		/*-webkit-filter: blur(0.7px);
		filter: blur(0.7px);*/

		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		will-change: transform !important;

		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);

		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;

		-webkit-perspective: 1000;
		perspective: 1000;

		-webkit-transform-style: flat;
		transform-style: flat;

		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		pointer-events: none;
		
		-webkit-filter: blur(1px);
		filter: blur(1px);/**/
		will-change: transform;
	}

		.avatar-wrapper .legs.right-leg, .npc-wrapper .legs.right-leg {
			-webkit-animation: rotate-leg 0.075s linear infinite alternate;
			animation: rotate-leg 0.1s linear infinite alternate;
			z-index: 2;
		}
		.avatar-wrapper .legs.left-leg, .npc-wrapper .legs.left-leg {
			-webkit-animation: rotate-leg 0.075s linear infinite alternate-reverse;
			animation: rotate-leg 0.1s linear infinite alternate-reverse;
			z-index: 1;
		}
			@-webkit-keyframes rotate-leg {
				from { -webkit-transform: rotate(-100deg); }
				to { -webkit-transform: rotate(90deg); }
			}

			@keyframes rotate-leg {
				from { transform: rotate(-100deg); }
				to { transform: rotate(90deg); }
			}

		/*.fight.DownLeft.attack-Sword .avatar-body {
			-webkit-mask-box-image	: -webkit-linear-gradient(left, transparent 40px, black 40px);
			mask-box-image			: linear-gradient(left, transparent 40px, black 40px);	
		}
		.fight.DownRight.attack-Sword .avatar-body {
			-webkit-mask-box-image	: -webkit-linear-gradient(right, transparent 40px, black 40px);
			mask-box-image			: linear-gradient(right, transparent 40px, black 40px);
		}*/
		.fight .weapon-Sword {
			animation-name: weapon-Sword;
		}
		.fight .weapon-Fist {
			animation-name: weapon-Fist;
		}
		.guild-emblem {
			display: inline-block;
			background-size: 25px 25px;
			width: 25px;
			height: 25px;
			margin-left: -27px;
			top: 7px;
			margin-right: 2px;
			z-index: 10;
			pointer-events: fill;
			background-position: center center;
		    cursor: url(cursor/default.cur), url(cursor/default.cur), default;
	
		}

/* Short Cuts */
#shortCuts-menu, .shortcut-menu {
	width: 100vw;
	min-width: 360px;
	max-width: 1200px;
	min-height: 50px;
	height: 50px;
    text-align: center;
    cursor: url(cursor/pointer.cur), url(cursor/pointer.cur), default;

    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
	/*pointer-events: none;*/

	color: white;
	background-color: #333333;
    background-image: linear-gradient(#333333,#111);
    background-image: -moz-linear-gradient(#333333,#111);
    background-image: -ms-linear-gradient(#333333,#111);
    background-image: -o-linear-gradient(#333333,#111);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#111));
    background-image: -webkit-linear-gradient(#333333,#111);
    background-position: center center;

	margin-top: -1px;
	margin-bottom: 0px;
    border-top: 2px dashed white;
    bottom: 50px;
	position: fixed;
    background-repeat: no-repeat;

	/*padding: 0 calc(50vw - 240px) 0 calc(50vw - 239px);*/
    /*padding: 0 calc(50vw - 360px) 0 calc(50vw - 360px);*/
	padding: 0 calc(25% - 60px) 0 calc(25% - 60px);
	    z-index: 1000;
	/*
	
	
	position: relative;
	/*position: absolute;
	background-color: transparent;
	transition: opacity .1s;
	text-align: center;
	white-space: nowrap;
	border-bottom: 0px;
	/*transition: top .35s, bottom .35s, background-image .3s, border-color .15s;
	overflow-x: visible !important;
    overflow-y: visible !important;
	text-align: left;
	border-radius: 0px;

    text-align: center;
	background-image: url('images/spots.png');
    background-position: center center;
    background-repeat: no-repeat;
	/*border: 2px solid transparent;

    left: 0px;
    padding: 0px;
    z-index: 10000;
    margin: 0px;
	margin-bottom: -5px;
    transform: none;


    /* box-sizing: content-box;

    padding-left: calc(50% - 180px);
    padding-right: calc(50% - 180px);
	position: fixed;
	width: 100vw;
	max-width: 720px;*/
}
#shortCuts-menu:before {
	/*background-image: url('images/spots.png');*/
	content: '';

    width: 360px;
    position: absolute;
    height: 50px;
    background-position: 0px -10px;
    left: 50%;
    margin-left: -180px;
    background-repeat: no-repeat;
}
#shortCuts-menu.pop, #shortCuts-menu.sk {
	/*top:  25px;*/
	background-image: url('images/spots.png');
	background-color: #00AADD;
	display: none;
	background-position-y: -12px;

	/*opacity: 1;
	border: 0px;
	border-top: 0px;
	position: relative;
	border-top: 2px dashed white;*/
	/*background-color: whiteSmoke;*/
	/**/
	/*padding: 0px 0px 0px 90px;*/
	/*
	background-image: url('images/spots.png');
	max-width: 1200px;
	    left: calc(0vw - 100% + 60px);
    padding: 0 calc(50vw - 240px) 0 calc(50vw - 239px);*/
}
#shortCuts-menu.sk {
	background-color: #FF6699;
}
.chat-footer.pop {
	background-image: url('images/spots.png');
    background-position: 4px -10px;
    background-repeat: no-repeat;
    background-origin: content-box;
	position: relative;
	    background-position: center -9px;
}
.chat-footer.pop li {
	margin: 8px 8px 8px 8px !important;
}
.touchPad {
	width: 100vw;
	max-width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    bottom: 99px;
    max-height: calc(100% - 250px);
	z-index: 0;
	transition: transform .1s linear; 
	perspective: 1000px;
    transform-style: flat;
    backface-visibility: hidden;
	will-change: transform;
	transform: translateX(0px);
	/*background: red;
	display: none;
	pointer-events: none;*/
}
.touchPad:active, .touchPad.touching {
	z-index:100;
}

#shortCuts-menu.pop.target {
	background-color: #00aadd;
	border-color: #ff6699;
	overflow:  hidden !important;
}
#shortCuts-menu li, .chat-footer li, .shortcut-menu li {
	padding: 1px 5px 5px;
	display: inline-block;
	margin: 8px 5px 0px !important;
	width: 35px !important;
	height: 35px !important;
	pointer-events: fill;
	position: relative;
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
}
/*#shortCuts-menu li:nth-child(3) {
	margin-right: 50px !important;
}
#shortCuts-menu li:nth-child(4) {
	margin-left: 50px !important;
}*/
	#shortCuts-menu li:active, .chat-footer li:active, .shortcut-menu li:active {
		cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
	}

#shortCuts-menu.pop li.ui-sortable-placeholder {
	width: 35px !important;
}
.zIndex-fix {
	z-index: 10002 !important;
}
#inventory-room .avatar-content {
    top: 0;
    width: 100%;
    /*max-width: 650px;
    height: 415px;
	max-height: 415px;*/
	background-color: white;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	max-height: calc(100vh - 149px);
}
.inventory-list li.item, li a.item  {
	height: 45px;
	list-style: none;
	width: 45px;
	border-radius: 100%;
    box-shadow: 1px 2px 7px 0 rgba(0,0,0,.15);
	background-color: white;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	margin: 7.5px;
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
}
.inventory-list li.item {
	margin: 20px;
}
	.inventory-list .noitem {
		padding: 10px;
	}
	.inventory-list li.item.sorting, .chat-footer.pop li.item.sorting {
		opacity: .9;
		border: 3px solid #00AADD;
		cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
		background-color: white;
	}
	.inventory-list li.item:active {
		cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
	}
	.inventory-list li.item.sorting:active {
		border: 3px solid #00AADD;
	}
.emoji-menu.active[role="inventory-item"] {
	border-color: #00AADD;
}
.emoji-menu.active[role="inventory-item"] {
	border-color: #00AADD;
}
/* Options Menu > settings, screenshot, music */
#pet-menu {
	left: 180px !important;
	width: 100px !important;
}

#options-menu, #character-menu, #character-menu-avatar, #pet-menu, #quest-menu, .character-menu-party, .pet-menu-party {
	width: 180px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 10000000;
	position: absolute;
	top: 0px;
	right: 0;
	text-align: right;
}
.character-menu-party {
	width: 132px;
	height: 30px;
}
.pet-menu-party {
	width: 50px;
}
#options-menu {
	pointer-events: none;
	vertical-align: top;
	width: 200px;
}
#options-menu li {
	pointer-events: fill;
	box-shadow: 0 6px 13px 0 rgba(0,0,0,.23)
}
#quest-menu {
    padding: 5px 10px 0px 10px;
    top: 50px;
    right: 0;
	height: 100px;
	text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
    font-family: 'Lato', Helvetica Neue, sans-serif !important;
    font-size: .8em;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
	width: 40px;
	display: block;
	pointer-events: fill;
}
#quest-menu li {
	padding: 2px 10px 2px 25px;
    border: 2px solid transparent;
    border-radius: 25px;
    background-color: transparent;
    outline: none;
	cursor: url(cursor/pointer.cur), url(cursor/pointer.cur), default;
	position: relative;
	transition: all .2s, visibility 0s;
	left: 3px;
	margin-bottom: 10px;
	text-align: left;
	visibility: hidden;
}
#quest-menu:hover > li, #quest-menu li.active {
	left: 0%;
	visibility: visible;
}
#quest-menu:hover {
	width: 172px;
}
#quest-menu li[data-score]:before {
	content: attr(data-score);
	height: 35px;
	width: 35px;
	background-color: #FF6699;
	background-repeat: repeat-x;
	background-image: linear-gradient(#FFA3C2,#FF6699);
	background-image: -moz-linear-gradient(#FFA3C2,#FF6699);
	background-image: -ms-linear-gradient(#FFA3C2,#FF6699);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFA3C2),color-stop(100%,#FF6699));
	background-image: -webkit-linear-gradient(#FFA3C2,#FF6699);
	background-image: -o-linear-gradient(#FFA3C2,#FF6699);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border: 2px solid #DE3C72;
	position: absolute;
	border-radius: 100%;
    top: -7px;
    left: -20px;
	padding: 4px 0px;
    font-size: 1.3em;
    text-align: center;
    text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
    font-family: 'num', 'Lato', Helvetica Neue, sans-serif !important;
	color: white;
	outline: none;
	visibility: visible;
}
#quest-menu li:hover, #quest-menu li:active, #quest-menu li.active {
    border: 2px solid #5bc0de;
    background-color: white;
}
#character-menu-avatar {
    left: 0px;
	margin-top: 0px;
	top: -40px;
}/**/
#character-menu[role="character-menu"] {
	height: 115px;
	pointer-events: none;
}
#character-menu nav, #character-menu li {
	pointer-events: fill;
}
#character-menu.selected:before {
	content: '';
	background-image: url('images/imge-2.png');
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	width: 100%;
	height: 115px;
	background-size: 170px;
    top: -50px;
    left: -3px;
}
.character-menu-name {
	top: -48px;
	left: -5px;
    position: absolute;
    font-weight: bold;
    border: 2px solid transparent;
    padding: 5px 10px;
    text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
    font-family: 'num', 'Lato', Helvetica Neue, sans-serif !important;
    font-size: .85em;
    font-weight: bold;
    color: black;
    background-color: rgba(255,255,255,.35);
    margin: 7.5px 6px 7px 0px !important;
	border-radius: 3px;
    pointer-events: fill;
    box-shadow: 0 6px 13px 0 rgba(0,0,0,.23);	
    width: 85px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	display: none;
}
.selected.male .character-menu-name {
	background-color: rgba(0, 170, 221, .75);
}
.selected.female .character-menu-name {
	background-color: rgba(255, 102, 153, .75);
}
.selected.nonbinary .character-menu-name {
	background-color: rgba(240, 173, 78, .75);
}
#character-menu.male {
	border-color: #00aadd;
}
#character-menu.male {
	border-color:background-color: rgba(255, 102, 153, .75);
}
#character-menu.female {
	border-color: #FF6699;
}
#character-menu.nonbinary {
	border-color: #FEAE4E;
}
 #equipped-list {
	top: -45px;
}
.monster-menu, .player-menu, .pet-menu {
    position: absolute;
    width: 100%;
    z-index: 10;
    margin: 0;
    padding: 0;
    list-style: none;
	top: -5px;
	max-width: 50px;
	left: 50%;
	margin-left: -25px;
}
.play-menu {
	border: 0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;

	  -webkit-transform: translate3d(0,0,0);
	  transform: translate3d(0,0,0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-perspective: 1000;
	  perspective: 1000;
	  -webkit-transform-style: flat;
	  transform-style: flat;

	box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.25);
	-ms-box-shadow: 0 2px 4px rgba(0,0,0,.25);
	-o-box-shadow: 0 2px 4px rgba(0,0,0,.25);

	background-color: #333333;
	background-repeat: repeat-x;
	background-image: linear-gradient(#333333,#111);
	background-image: -moz-linear-gradient(#333333,#111);
	background-image: -ms-linear-gradient(#333333,#111);
	background-image: -o-linear-gradient(#333333,#111);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#111));
	background-image: -webkit-linear-gradient(#333333,#111);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=200,strength=3)";  /* IE8+ */
	filter:	progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=200,strength=3);
	filter:	progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#111111');
    -webkit-transition: background-color 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
    transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out;

	list-style: none;
	margin: 0;
	font-size: .9em;
	text-align: center;
	padding: 5px 2.5px;
	height: 50px;
    background-color: transparent;
	position: relative;
	/*z-index: 1000000;*/
	max-width: 1200px;
	width: 100%;
	display: none;
}
.play-menu li {
	background-color: transparent;
	cursor: url(cursor/pointer.cur), url(cursor/pointer.cur), default;
	pointer-events: fill;
	width: 35px;
	height: 35px;
	/*background-color: #00AADD;*/
	display: inline-block;
	position: relative;
	bottom: 0;
	right: 0;
	cursor: pointer;
	-webkit-transition: transform .1s;
	transition: transform .1s;
	margin: 3px 6.5px;
	border: 1px solid rgba(255,255,255,.2);
}
.play-menu li.active {
	border-color: #00aadd;
}
#character-menu, #pet-menu, #character-menu-avatar {
	text-align: left;
	left: 0px;
	margin-top: 5px;
	margin-left: 2.5px;
}
#character-menu-avatar {
	z-index: 1000;
	margin-top: 2.5px;
}
#pet-menu {
	z-index: 1;
}
	#options-menu li {
		/*background-color: #00AADD;*/
		display: inline-block;
		position: relative;
		bottom: 0;
		right: 0;
		-webkit-transition: transform .1s;
		transition: transform .1s;
		margin: 5px 10px;
		width: 40px;
		height: 40px;
	}
	#character-menu li, #character-menu-avatar li {
		margin: 0;
		cursor: url('cursor/default.cur'), url(cursor/default.cur), default;
	}
	#options-menu #menu-options, #menu-options-dashboard {
		border: 2px solid rgba(255,255,255,1);
		background-color: rgba(255,255,255,.75);
		border-radius: 100%;
		background-repeat: no-repeat;
		cursor: url(cursor/default.cur), url(cursor/default.cur), default;
		-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
		filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));	
	}
	#options-menu li:not(#menu-options):hover, .play-menu li:hover, #character-menu li.target:hover, #character-menu li.target:hover {
		transform: scale(1.1);
	}
	.avatar-menu-list li:hover {
		transform: scale(1.1);
	}
	.avatar-menu-list li {
		transform: width .2s, height .2s;
	}

	.avatar-menu-list li:hover > .icon-hCard {
		background-position: -105px -261px;
	}
	.avatar-menu-list li:hover > .icon-emoji.shop, .shop-a:hover > a .icon-emoji.shop {
		background-position: -105px -306px;
	}
	.avatar-menu-list li:hover > .icon-emoji.icon-guild-invite, .avatar-menu-list li:hover > .icon-emoji.icon-guild {
		background-position: -203px -304px;
	}

.circle-area-b {
	width: 60px;
	height: 60px;
	border: 2px solid #d8d8d8;
	border-radius: 100%;
	display:block;
	margin: 0 auto 10px;
	cursor: pointer;
	color: transparent;
	font-weight: bold;
	transition: all .2s;
	position: relative;
    background-color: rgba(255,255,255,.35);
    background-size: 100%;
	overflow: hidden;
	z-index: 1000;
    line-height:58px;
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer !important;
	outline: none;
}
	.circle-area-b:after {
		content: '';
		opacity: .5;
		border-radius: 100%;
		left: 50%;
		z-index: -1;
		position: absolute;
		width: 40px;
		height: 10px;
		bottom: 8px;
		filter: blur(5px);
		-webkit-filter: blur(5px);
		background-color: #33bce4;
		pointer-events: none;
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);	
	}
.circle-area-b:hover, .selected .circle-area-b {
	border-color: #00AADD;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
	transform: scale(1.1);
}
	.circle-area-b:hover:after, .selected .circle-area-b:after {
		content: '';
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,.75);
		position: absolute;
		border-radius: 100%;
	}
.mobile-title {
    font-size: 1.3em;
    width: 100%;
    font-weight: 300;
	font-family: "ITCAvantGardePro-Md", Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer !important;
	font-variant: small-caps;
}
/* REFINEMENT SYSTEM */
.icon-refine {
	
}
.refine-logo, .refine-logob {
	background-image: url('images/Refine/refine_logo.png');
	height: 40px;
	width: 40px;
	display: block;
    background-size: cover;
    margin: 0px;
    top: -2px;
    left: -2px;
	position: absolute;	
	transition: all 1000ms;
}
.refine-prices {
	position: relative !important;
    width: 100%;
    /* max-width: 360px; */
    box-shadow: none !important;
    bottom: 0px;
    background-color: crimson !important;
    border-top: 2px dashed white;
}
.button-wrapper:hover .refine-logo, .button-wrapper:hover .refine-logob  {
	backface-visibility: hidden;
	transform-style: preserve-3d;
	perspective: 1000px;
	animation: flipper 2s linear infinite;
}
.button-wrapper:hover .refine-logob {
	animation: flipper-invert 2s linear infinite;
}
.refinement-table {
    height: 100%;
	position: relative;
	width: 100%;
	/*box-shadow: 0 2px 10px black;*/
}
.refine-preview {
	min-height: 230px;
	max-height: calc(100vh - 250px);
	height: 100vh;
	background-color: rgba(255,255,255,.95);
	transition: all 1000ms;

	backface-visibility: hidden;
	transform-style: preserve-3d;
	perspective: 1000px;

}
.refine-inventory-items  {
    height: 100px;
    overflow: hidden;
    vertical-align: top;
}
.refine-list {
    margin: 0;
	padding: 0px;
	list-style: none;
	user-select: none;
	position: relative;
	width: 100%;
	height: 100%;
	max-height: 100%;
	background-image: url('images/Refine/background.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.refine-list li.item {
	border: 2px solid #D8D8D8;
    background-color: rgba(255,255,255,.35);
    height: 45px;
    line-height: 45px;
    position: absolute;
    display: inline-block;
    border-radius: 100%;
    width: 45px;
    text-align: center;
    box-shadow: 1px 1px 10px 0 rgba(0,0,0,.35);
}
.refine-list li.item:hover {
    background-color: rgba(255,255,255,.5);
}
li.item.item-stone {
    border-color: #00aadd;
    top: 50%;
    left: 50%;
    margin-top: -22.5px;
    margin-left: -132px;
}
li.item.item-crystal {
	border-color: #FF6699;
    top: 98px;
    right: 45px;
}
li.item.item-refine {
	top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    line-height: 65px;
    margin-left: -35px;
	cursor: url(cursor/pointer.cur), url(cursor/pointer.cur), default;
	margin-top: -35px;
}
li.item.item-refine[data-user-item] {
	transition: 1s;
}
.refine-inventory-list {
    margin: 0;
    padding: 0px;
    height: 100px;
    /*overflow-y: hidden;
    overflow-x: auto;*/
    min-width: 360px;
    list-style: none;
	white-space: nowrap;
	vertical-align: top;
	background-color: #ddedf5;

	position: relative;
    display: block;
    width: fit-content;
}
.trade-item-list {
    margin: 0;
    padding: 17px 0px 0px;
    height: 100px;
    background-color: #ddedf5;
    overflow-x: auto;
    overflow-y: hidden;
    min-width: 360px;
    list-style: none;
	white-space: nowrap;
	vertical-align: top;
	width: 100%;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid white
}
.refine-inventory-list li.item, .trade-item-list li.item {
	margin: 8px 10px;
}
.refine-inventory-list li.item canvas, .trade-item-list li.item, .refine-list li.item, li a.item  {
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
}
.refine-inventory-list li.item canvas:active, .refine-list li.item:active, .item-refine:active, .character-faceavatar:active, .trade-item-list li.item canvas:active, .pet-faceavatar:active, li a.item:active  {
	cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
}
.refine-list li.item canvas {
	top: 10px; 
	z-index: 1;
	left: 10px;
	filter: drop-shadow(rgba(0, 0, 0, 0.35) 1px 1px 2px);
	pointer-events: none;
}
li.item[data-layer-name="Skin"] canvas {
	width: 39px !important;
    height: 39px !important;
    border-radius: 100%;
    top: 1px;
    left: 1px;	
}
.refine-item-name {
    position: absolute;
    bottom: -65px;
    color: #212121;
	text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
    min-width: 200px;
    margin-left: -67px;
	display: block;
	pointer-events: none;
}
.item-refine[data-user-item] {
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
}
#options-menu li.circle-button.paused {
	background-color: #0d82b3;
}
#canvas-style.active i, #canvas-config.active i, #canvas-themes.active i, #guild-editing.active i, #guild-style.active i, #guild-config.active i, #guild-themes.active i, #canvas-editing.active i, #canvas-config.active i, #canvas-themes.active i {
    filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan);
}
#options-menu li.circle-button {
	border-color: rgba(255,255,255,.2);
}
#options-menu li.circle-button.paused .icon-playmusic {
    width: 5px;
    height: 20px;
    border: 0;
    background-color: white;
    border-radius: 1px;
    margin-left: 8px;
}
	#options-menu li.circle-button.paused .icon-playmusic:before {
		content: '';
		width: 5px;
		height: 20px;
		border: 0;
		background-color: white;
		border-radius: 1px;
		display: block;
		top: 7px;
		position: absolute;
		left: 10px;
	}
	.character-faceavatar:before, .pet-faceavatar:before {
		/*content: '';*/
		width: 80%;
		height: 70%;
		background-color: rgba(255,255,255,.15);
		position: absolute;
		left: 5px;
		border-radius: 100%;
		z-index: 1;
	}

	.character-faceavatar span:after, .pet-faceavatar span:after {
		content: attr(data-username);
		width: 100%;
		height: 16px;
		position: absolute;
		left: -22.5px;
		z-index: 1;
		top: 0px;
		font-size: .65em;
		font-weight: bold;
		/*text-shadow: 1px 1px 1px rgba(0,0,0,.8);*/
		text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
		color: white;
		transform: rotate(-45deg);
		border-radius: 0;
	}
	.character-faceavatar.male span:after {
		background-color: #00AADD;
	}
	.character-faceavatar.female span:after {
		background-color: #FF6699;
	}
	.character-faceavatar.nonbinary span:after {
		background-color: #F0AD4E;
	}
	.pet-faceavatar span:after {
		background-color: crimson;
	}
	.character-faceavatar, .pet-faceavatar {
		width: 65px;
		height: 65px;
		display: block;
		text-align: center;
		border: 2px solid rgba(255,255,255,.25);
		background-color: rgba(255,255,255,.35);
		border-radius: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		cursor: url('cursor/default.cur'), url(cursor/default.cur), default;
		-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.25));
		filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.25));
		cursor: url(cursor/pointer.cur), url(cursor/pointer.cur), default;
		background-position: center 2px;
		position: relative;
		left: 2.5px;
		z-index: 1;
	}
	.pet-faceavatar {
		height: 62px;
	}
	.character-faceavatar:hover, .pet-faceavatar:hover {
		cursor: url('cursor/target.png'), url(cursor/target.cur), pointer !important;
		border-color: #00aadd;
	}
	.character-faceavatar.nonbinary:hover {
		cursor: url('cursor/target.png'), url(cursor/target.cur), pointer !important;
		border-color: #f0ad4e;
	}
	.pet-faceavatar:hover {
		cursor: url('cursor/target.png'), url(cursor/target.cur), pointer !important;
		border-color: white;
	}
	.character-faceavatar.active {
		border-color: #00aadd;
	}
	.character-faceavatar.active.nonbinary {
		border-color: #f0ad4e;
	}
	.pet-faceavatar.active {
		border-color: white;
	}

	.character-faceavatar span, .pet-faceavatar span {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 100%;
		background-size: cover;
	}
	/*#character-faceavatar:hover {
		transform: scale(1.07);
	}*/
	.character-skilllevel, .character-baselevel, .pet-baselevel {
		position: absolute;
		color: black;
		/*text-shadow: 1px 1px 1px white;*/
		text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
		font-family: 'num', 'Lato', Helvetica Neue, sans-serif !important;
		font-size: .65em !important;
		font-weight: bold;
		vertical-align: top;
		padding: 1px 3px 0 0;
		background-color: rgba(255,255,255,.25);
		border-radius: 0px;
		white-space: nowrap;
		height: 16px;
		top: 2.5px;
		text-align: right;
		transform: skew(20deg);
		border-top-right-radius: 3px;
		z-index: 1;
	}
	.character-skilllevel {
		width: 50px;
		left: 105px;
		border-bottom-right-radius: 3px;
	}
	.character-baselevel {
		left: 62px;
		width: 40px;
	}
	.pet-baselevel {
		left: 62px;
		width: 34px;
	}
	/*#character-menu-avatar .character-baselevel {
		width: 85px;
		height: 40px;
		border-radius: 20px;
		background-color: white;
		border: 2px solid #ddd;
		padding: 15px;
		font-size: .8em !important;
		transform: none;
		left: 50%;
		margin-left: -87.5px;
		top: 235px;
		pointer-events: fill;
		text-shadow: none;
		filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.15));
		cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
	}
	#character-menu-avatar .character-skilllevel {
		left: 97px;
		width: 85px;
		height: 40px;
		border-radius: 20px;
		background-color: white;
		border: 2px solid #ddd;
		padding: 15px;
		font-size: .8em !important;
		transform: none;
		top: 235px;
		left: 50%;
		margin-left: 2.5px;
		pointer-events: fill;
		text-shadow: none;
		filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.15));
		cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
	}*/
	#preview-canvas {
		top: 95px;
	}
	[role="avatar-body-wraps"] .preview-list {
		position: relative;
		width: 100%;
		height: 100%;
		top: 0px !important;
		filter: none;	
		min-width: 200px;
		min-height: 227px;
		transition: all 0s;
	}
	.isSitting [role="avatar-body-wraps"] .preview-list {
		top: -27px !important;
	}
	.female.isSitting [role="avatar-body-wraps"] .preview-list {
		top: -11px !important;
	}
	[role="avatar-body-wraps"] .preview-list li {
		width: 100%;
		height: 100%;
	}
	[role="avatar-body-wraps"] .preview-list li canvas {
		background-size: 100% 100%;
		width: 416px !important;
		height: 943px !important;
		position: absolute;
		background-position: 0px 0px;
	}
	/*.female [role="avatar-body-wraps"] .preview-list li canvas {
		top: -470px;
	}*/
	#avatar-dressroom:before, .wealthiest-a:before, #dressing-room:before {
		content: '';
		border: 4px solid rgba(0,0,0,.05);
		border-radius: 100%;
		width: 170px;
		height: 170px;
		position: absolute;
		top: 75px;
		left: 50%;
		margin-left: -85px;
		border-bottom: 0px;
	}
	 #dressing-room:before { 
		top: -20px;
		background-color: white;
		border-color: rgba(0,0,0,.1);
	 }
	.wealthiest-a:before {
		content: '';
		border: 4px solid rgba(0,0,0,.05);
		border-radius: 100%;
		width: 170px;
		height: 170px;
		position: absolute;
		top: 15px;
		left: 50%;
		margin-left: -85px;
		border-bottom: 0px;
	}	
	.wealthiest-a {
		width: 109px;
		/* background: red; */
		display: block;
		margin-top: 45px;
		/* position: absolute; */
		margin: 45px auto 0px;	
	}
	/*#character-menu-avatar .character-baselevel {
		left: 7px;
		width: 80px;
		transform: none;
		top: 33px;
		border: 2px solid #d7d7d7;
		padding: 11px 8px;
		height: 37px;
		border-radius: 20px;
		pointer-events: fill;
		cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
		background-color: white;
	}
	#character-menu-avatar .character-skilllevel {
		width: 80px;
		left: 95px;
		transform: none;
		padding: 11px;
		top: 33px;
		border: 2px solid #d7d7d7;
		height: 37px;
		border-radius: 20px;
		pointer-events: fill;
		cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
		background-color: white;
	}
*/
	.character-menu-party .character-baselevel span, .character-menu-party .character-skilllevel span {
		transform: none;
	}
	.character-menu-party .character-baselevel span:before, .character-menu-party .character-mp-container:after, 
	.pet-menu-party .character-baselevel span:before, .pet-menu-party .character-mp-container:after {
		display: none;
	}
	.character-skilllevel span, .character-baselevel span, .pet-baselevel span {
		display: block;
		transform: skew(-20deg);
	}
	.character-baselevel span:before, .pet-baselevel span:before {
		content: '';
		width: 0;
		height: 0;
		border-top: 15px solid rgba(255,255,255,.25);
		border-left: 10px solid transparent;
		position: absolute;
		left: -10px;
		top: -1px;
		transform: skew(20deg);
	}
	#character-menu .character-baselevel.tips-w:hover:before, 
	#character-menu .character-skilllevel.tips-w:hover:before,
	#character-menu .character-baselevel.tips-w:hover:after, 
	#character-menu .character-skilllevel.tips-w:hover:after, 
	#character-menu-avatar .character-baselevel.tips-w:hover:before, 
	#character-menu-avatar .character-skilllevel.tips-w:hover:before,
	#character-menu-avatar .character-baselevel.tips-w:hover:after, 
	#character-menu-avatar .character-skilllevel.tips-w:hover:after
	{
		-webkit-transform: translate(0,-50%) skew(-20deg);
		transform: translate(0,-50%) skew(-20deg);
	}/**/
	.pet-baselevel.tips-w:hover:before, .pet-baselevel.tips-w:hover:after {
		-webkit-transform: translate(0,-50%) skew(-20deg);
		transform: translate(0,-50%) skew(-20deg);
	}
	.character-faceavatar:before, .pet-faceavatar:before {
		/*content: '';*/
		position: absolute;
		top: 0px;
		text-align: center;
		width: 100%;
		height: 40px;
		left: 0;
		/*text-shadow: 1px 1px 1px rgba(0,0,0,.8);*/
			text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;

		font-family: 'num', 'Lato', Helvetica Neue, sans-serif !important;
		font-size: .8em;
		font-weight: bold;
	}
	.character-faceavatar.male:before {
		color: #00aadd;
	}
	.character-faceavatar.female:before {
		color: #ff6699;
	}
	.character-faceavatar.nonbinary:before {
		color: #f0ad4e;
	}
	.pet-faceavatar:before {
		color: white;
	}
	span.button-bigger.male {
		background-color: #00aadd;
	}
	span.button-bigger.female {
		background-color: #ff6699;
	}
	span.button-bigger.nonbinary {
		background-color: #f0ad4e;
	}
	.character-faceavatar canvas, .pet-facecavatar canvas {
		max-width: 80px;
		max-height: 80px;
		border-radius: 100%;
		transform-style: flat;
		filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.25));
		background-size: cover;
		pointer-events: none;
		top: -15px;
		position: absolute;
		left: -5px;
	}
	#character-menu li.character-hp-container, #character-menu li.character-hp-container, #character-menu li.character-mp-container, #character-menu-avatar li.character-hp-container, #character-menu-avatar li.character-mp-container, #pet-menu li.character-hp-container, #pet-menu li.pet-hp-container {
		position: absolute;
		width: 100px;
		margin: 0;
		height: 10px;
		cursor: url('cursor/default.cur'), url(cursor/default.cur), default;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	/*#character-menu-avatar li.character-hp-container {
	    top: -15px;
		width: 125px;
		left: 80px;
	}*/
	.player-hp-container, .player-mp-container, .pet-hp-container, .pet-round-container {
		position: relative;
	}
	/*#character-menu-avatar li.character-mp-container {
	    top: 15px;
		width: 125px;
		left: 80px;
	}*/
	/*#character-menu-avatar li.character-mp-container .character-mp-bar {
	    border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}*/
	#character-menu li.character-hp-container, #character-menu-avatar li.character-hp-container {
		top: 30px;
		left: 66px;
	}
	#pet-menu li.pet-hp-container {
		top: 52px;
		left: 0px;
		z-index: 10;
	}
	#character-menu li.character-mp-container, #character-menu-avatar li.character-mp-container {
		top: 52px;
		left: 55px;
		transform: skew(-40deg);
	}	
	.monster-hp-container, .player-hp-menu, .pet-hp-menu {
		width: 100%;
		margin: 0;
		height: 10px;
		cursor: url('cursor/default.cur'), url(cursor/default.cur), default;
	}
	.character-muns-container {
		display: inline-block;
		white-space: nowrap;
		width: 125px;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
	}
	#options-menu #menu-options, #menu-options-dashboard {
		border: 0px;
		width: 125px;
		margin-top: 2px;
		border-radius: 3px;
		vertical-align: bottom;
		border-color: transparent;
		color: white;
		padding: 0px;
		margin: 7.5px 6px 7px;
		vertical-align: middle;
		line-height: 31px;
		border-radius: 20px;
	}
	#menu-options-dashboard {
		right: 0px;
		top: -18px;
		position: absolute;
		list-style: none;
	}
	#menu-options .muns-holder, #menu-options-dashboard .muns-holder {
		text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
		font-family: 'num', 'Lato', Helvetica Neue, sans-serif !important;
		font-size: .8em;
		font-weight: bold;
		color: black;
		margin-right: 40px;
		max-width: 100px;
		padding-left: 4px;
	}
	#menu-options .discount-circle, #menu-options-dashboard .discount-circle {
		position: absolute;
		outline: none;
		right: 0px;
		width: 35px;
		height: 35px;
		top: -1px;
		background-color: darkorange;
	}
	#editor-button.active {
	    background-color: #FF6699;
	}
	#character-menu li.character-dress-container, #character-menu li.character-inventory-container, #character-menu li.character-skills-container  {
		margin: 0;
		position: absolute;
		left: 10px;
		bottom: -35px;
		border: 1px solid rgba(216,216,216,.50);
		background-color: rgba(255,255,255,.50);
		cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
		transition: transform .1s;
		width: 35px;
		height: 35px;
		border-width: 2px;
		top: 70px;
		box-shadow: 0 6px 13px 0 rgba(0,0,0,.23);

	}
	#character-menu li.emoji-menu {
		line-height: 22px;
	}
	#character-menu li.character-inventory-container {
		left: 60px;
	}
	#character-menu li.character-skills-container {
		left: 110px;
	}
	#character-menu li.character-dress-container:active, #character-menu li.character-inventory-container:active, #character-menu li.character-skills-container:active  {
		cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
	}
	#character-menu li.character-dress-container:hover, #character-menu li.character-inventory-container:hover, #character-menu li.character-skills-container:hover {
		border-color: #00aadd;
		/*transform: scale(1.1);*/
		background-color: #00AADD;
		z-index: 0;
	}
	#touchPad.worldEditor {
		cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
	}
	
	/*#screen-shot-button:hover, #worldmap-trigger:hover, #mosha-notifications:hover {
		background-color: #FF6699 !important;
	}*/

	.header-menu {
		transition: transform .1s;
		display: block;
		width: 45px;
		height: 45px;
		border-radius: 100%;
		position: absolute;
		margin: 7.5px;
		border: 1px solid rgba(255,255,255,.5);
		z-index: 100000;
		box-shadow: 0 6px 13px 0 rgba(0,0,0,.23);
		line-height: 50px;
		text-align: center;
		font-family: 'num', 'Lato', Helvetica Neue, sans-serif !important;
		font-size: .9em;
		font-weight: bold;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: -moz-none;
		user-select: none;
		opacity: .9;
		outline: none;
		pointer-events: fill;
	}
	.header-menu:hover {
		transform: scale(1.1);
	}
	#character-menu li.character-dress-container:before, #character-menu li.character-inventory-container:before, #character-menu li.character-skills-container:before,
	.stats-list li label:before, .broadcast-select:before, .item-drop:before, .refine-list li.item:before, .dashboard-content-bubbles .col-group-3 .button-wrapper:before {
		content: '';
		width: 93%;
		height: 70%;
		background-color: rgba(255,255,255,.35);
		position: absolute;
		left: 0;
		border-radius: 100%;
		top:-2px;
		z-index: -1;
	}
	/*#character-menu li.character-dress-container:after, #character-menu li.character-inventory-container:after, #character-menu li.character-skills-container:after,*/
	.stats-list li label:after, .broadcast-select:after, .circle-button.canvas-button:after, .item-drop:after, .refine-list li.item:after {
		content: '';
		opacity: .5;
		border-radius: 100%;
		left: 50%;
		z-index: 0;
		position: absolute;
		width: 75%;
		height: 10px;
		bottom: 8px;
		filter: blur(5px);
		-webkit-filter: blur(5px);
		background-color: #33bce4;
		pointer-events: none;
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
			z-index: -2;

	}
	.item-drop:after {
		bottom: -15px;
		height: 5px;
		filter: blur(3px);
		-webkit-filter: blur(2px);
		background-color: rgba(0,0,0,.5);
	}
	.character-mp-container:before, .character-hp-container:before, #pet-menu .pet-hp-container:before, .pet-menu .pet-hp-container:before, .player-hp-container:before, .player-mp-container:before, .pet-menu-party .pet-hp-container:before, .monster-hp-container:before  {
		height: 4px;
		position: absolute;
		left: 0px;
		top: 2px;
		background-color: rgba(255,255,255,.25);
		border-radius: 5px;
		content: '';
		width: 100%;
	}
	.avatar-party li.character-hp-container:before, .avatar-party li.character-mp-container:before {
		height: 2.5px;
		width: 98%;
	}
	.pet-menu .pet-hp-container:before, .player-hp-container:before, .player-mp-container:before, .monster-hp-container:before  {
		height: 2.5px;
		top: 0px;
		width: 98%;
	}
	.character-mp-container:after {
		content: '';
		width: 0;
		height: 0;
		border-bottom: 10px solid rgba(255,255,255,.35);
		border-left: 10px solid transparent;
		left: -10px;
		bottom: -1px;
		position: absolute;
	}
	.character-hp, .character-mp, .monster-hp, .player-hp, .player-mp, .player-round, .pet-round, .monster-round, .pet-hp {
		border-radius: 3px;
		display: block;
		height: 10px;
		border: 1px solid transparent;
		background-color: rgba(255,255,255,.25);
		margin-top: 1px;
	}
	.character-hp, .character-mp {
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.monster-hp, .player-hp, .player-mp, .pet-hp, .pet-round {
		height: 7px;
		border-radius: 5px;
	}
	/*.player-round, .pet-round, .monster-round {
		height: 4px;
		border-radius: 5px;
	}*/
	.player-round-container {
		position: relative;
	}
	.player-line, .monster-round, .pet-round {
		width: 100%;
		height: 3px;
		border-radius: 5px;
		display: block;
	}
	.player-round-percent, .monster-round-bar, .pet-round-bar  {
		width: 100%;
		position: relative;
		display: block;
		height: 100%;
		background-color: #f0ad4e;
	}

	.character-hp:before, .character-mp:before, [data-role="pet-container"] .pet-hp:before {
		position: absolute;
		top: -10px;
		font-size: .65em;
		color: white;
		text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
		font-family: "ITCAvantGardePro-Md", "Lato", Arial, Helvetica, sans-serif;
		font-weight: 300;
		font-variant: small-caps;
	}
	.character-hp:before {
		content: 'HP';		
		left: 8px;
	}
	.character-mp:before {
		content: 'MP';
		transform: skew(40deg);
		left: 10px;
	}
	/*#character-menu-avatar .character-mp:before {
		content: 'MP';
		left: 8px;
		transform: none;
	}*/
	[data-role="pet-container"] .pet-hp:before {
		content: 'HP';
		left: 8px;
		transform: none;
	}
	.character-hp:after, .character-mp:after, [data-role="pet-container"] .pet-hp:after {
		position: absolute;
		color: white;
		/*text-shadow:  -1px -1px 0 rgba(0,0,0,.5), 1px -1px 0 rgba(0,0,0,.5), -1px 1px 0 rgba(0,0,0,.5), 1px 1px 0 rgba(0,0,0,.5);*/
		text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;

		font-family: 'num', 'Lato', Helvetica Neue, sans-serif !important;
		font-size: .9em;
		font-weight: bold;
		top: -16px;
		white-space: nowrap;
	}
	.character-hp:after {
		/*content: attr(data-hp) ' / ' attr(data-hp-max);*/
		content: attr(data-hp);
		right: 0px;
	}
	.character-mp:after {
		/*content: attr(data-mp) ' / ' attr(data-mp-max);*/
		content: attr(data-mp);
		transform: skew(40deg);
		right: 10px;
	}
	/*#character-menu-avatar .character-hp:after {
		content: attr(data-hp) ' / ' attr(data-hp-max);
		right: 0px;
		transform: none;
	}
	#character-menu-avatar .character-mp:after {
		content: attr(data-mp) ' / ' attr(data-mp-max);
		right: 0px;
		transform: none;
	}*/
	.character-menu-party .character-mp:after, .character-menu-party .character-mp:before, .character-menu-party .character-hp:after, .character-menu-party .character-hp:before, .pet-menu-party .character-hp:before, .pet-menu-party .character-hp:after   {
		right: 0px;
		transform: none;
		display: none;
	}
	[data-role="pet-container"] .pet-hp:after {
		content: attr(data-hp) ' / ' attr(data-hp-max);
		right: 0px;
		transform: none;
	}
	.character-hp-bar, .character-mp-bar, .monster-hp-bar, .player-hp-bar, .player-mp-bar, .pet-hp-bar {
		height: 100%;
		display: block;
		border-radius: 3px;
		transition: width .1s;
		transition-timing-function: ease-in;
	}
	.character-hp-bar, .monster-hp-bar, .player-hp-bar, .pet-hp-bar {
		background-color: #FF6699;
	}
	.player-round-bar, .weapon-round-bar {
		display: block;
		position: relative;
		width: 55px;
		height: 55px;
		border: 5px solid #f0ad4e;
		border-radius: 50px;
		position: absolute;
		clip: rect(0px, 27.5px, 55px, 0px);
		background-color: transparent;

		animation-iteration-count: 1;  /* Only run once */
		animation-fill-mode: forwards; /* Hold the last keyframe */
		animation-timing-function:linear; /* Linear animation */
	}
	.weapon-round-bar {
		width: 90px;
		height: 90px;
		clip: rect(0px, 45px, 90px, 0px);
		border-color: transparent;
	}
	.active .weapon-round-bar {
		border-color: #f0ad4e;
	}
	.player-round, .weapon-round {
		width: 55px;
		height: 56px;
		position: absolute;
		clip: rect(0px, 55px, 55px, 27.5px);
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
		animation-duration: 0.01s;
		animation-delay: 3s;
		animation-name: close-wrapper;
		background-color: transparent;
	}
	.weapon-round {
		width: 90px;
		height: 91px;
		clip: rect(0px, 90px, 90px, 45px);
		top: 40px;
		left: 40px;
		animation-name: none;
		z-index: 100;
	}
	.active.weapon-round {
		animation-name: close-wrapper;
	}

	.player-round-bar.left-round, .active.weapon-round .weapon-round-bar.left-round {
	  animation-duration: 6s; /* Full animation time */
	  animation-name: left-spin;
	}

	.player-round-bar.right-round, .active.weapon-round .weapon-round-bar.right-round {
	  animation-duration: 3s; /* Half animation time */
	  animation-name: right-spin;
	}
	/* Rotate the right side of the progress bar from 0 to 180 degrees */
	@keyframes right-spin {
	  from {
		transform: rotate(0deg);
	  }
	  to {
		transform: rotate(180deg);
	  }
	}
	/* Rotate the left side of the progress bar from 0 to 360 degrees */
	@keyframes left-spin {
	  from {
		transform: rotate(0deg);
	  }
	  to {
		transform: rotate(360deg);
	  }
	}
	/* Set the wrapper clip to auto, effectively removing the clip */
	@keyframes close-wrapper {
	  to {
		clip: rect(auto, auto, auto, auto);
	  }
	}

	.isUnEquipped:not(.fight) [role="avatar-layers-preview"] [data-layer-name="Weapon_Right"] canvas,
	.isUnEquipped:not(.fight) [role="avatar-layers-preview"] [data-layer-name="Weapon_Right_02"] canvas,
	.isUnEquipped:not(.fight) [role="avatar-layers-preview"] [data-layer-name="Weapon_Right_03"] canvas,
	.isUnEquipped:not(.fight) [role="avatar-layers-preview"] [data-layer-name="Weapon_Right_04"] canvas	{
		top: -270px !important;
	}
	.isSitting.isUnEquipped:not(.fight) [role="avatar-layers-preview"] [data-layer-name="Weapon_Right"] canvas,
	.isSitting.isUnEquipped:not(.fight) [role="avatar-layers-preview"] [data-layer-name="Weapon_Right_02"] canvas,
	.isSitting.isUnEquipped:not(.fight) [role="avatar-layers-preview"] [data-layer-name="Weapon_Right_03"] canvas,
	.isSitting.isUnEquipped:not(.fight) [role="avatar-layers-preview"] [data-layer-name="Weapon_Right_04"] canvas	{
		top: -250px !important;
	}
	.female.isUnEquipped:not(.fight) [role="avatar-layers-preview"] [data-layer-name="Weapon_Right"] canvas,
	.female.isUnEquipped:not(.fight) [role="avatar-layers-preview"] [data-layer-name="Weapon_Right_02"] canvas,
	.female.isUnEquipped:not(.fight) [role="avatar-layers-preview"] [data-layer-name="Weapon_Right_03"] canvas,
	.female.isUnEquipped:not(.fight) [role="avatar-layers-preview"] [data-layer-name="Weapon_Right_04"] canvas	{
		top: -740px !important;
	}

	[role="avatar-layers-preview"] [data-layer-name="Garments_02"] canvas, [role="avatar-layers-preview"] [data-layer-name="Tails"] canvas {
		animation-duration: 9s;
		animation-name: small-wave;
		animation-fill-mode: forwards;
		animation-direction: alternate;
		animation-iteration-count: infinite;
		transform-origin: center top;
	}
	[role="avatar-layers-preview"] [data-layer-name="Pet"], [role="avatar-layers-preview"] [data-layer-name="Pet_02"] {
		display: none;
	}

	[role="avatar-layers-preview"] [data-layer-name="Tails"] canvas {
		animation-duration: 3s;
	}

	[role="avatar-layers-preview"] [data-layer-name="Garments_02"], [role="avatar-layers-preview"] [data-layer-name="Hair_02"], [role="avatar-layers-preview"] [data-layer-name="Hair_01"] {
	  -webkit-animation: squiggly-anim 6s linear infinite alternate;
      animation: squiggly-anim 6s linear infinite alternate;
	  will-change: filter;
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;

	  -webkit-perspective: 1000;
	  perspective: 1000;

	  -webkit-transform-style: flat;
	  transform-style: flat;
	}
	[role="avatar-layers-preview"] [data-layer-name="Garments_02"] {
	  animation-duration: 3s;
	}
	[role="avatar-layers-preview"] [data-layer-name="Hair_01"] {
	  animation-duration: 9s;
	}
	/*[role="avatar-layers-preview"] [data-layer-name="Skin"] canvas {
		animation-duration: 6s;
		animation-name: user-breath;
		animation-fill-mode: forwards;
		animation-direction: alternate;
		animation-iteration-count: infinite;
		transform-origin: center top;
	}*/
	[role="avatar-layers-preview"] ~ canvas.avatar-mask:not(.hide), .npc-mask {
		top: 0px;
		/*animation-duration: 2s !important;
		animation-name: user-breath;
		animation-fill-mode: forwards;
		animation-direction: alternate;
		animation-iteration-count: infinite;*/
		transform-origin: center top;
		display: block !important;
	}
	.isMoving [role="avatar-layers-preview"] ~ canvas.avatar-mask, .isMoving .npc-mask {
		display: none !important;
	}

	.flipH[role="avatar-layers-preview"] ~ canvas.avatar-mask {
		margin-left: -51px;
	}

	@keyframes small-wave {
		from { transform: rotate(0deg); }
		50% { transform: rotate(-2deg) translate(-10px, 0px); }
		to { transform: rotate(0deg); }
	}

	.monster-round-container {
		opacity: 0;
	}
	.character-mp-bar, .player-mp-bar {
		background-color: #00AADD;
		border-bottom-left-radius: 0px;
	}
	.monster-hp-bar, .player-hp-bar, .player-mp-bar, .pet-hp-bar, .pet-round-bar {
		border-radius: 5px;
	}
	.pet-round {
		max-width: 48px;
	}
	.character-base-level-bar, .character-skill-level-bar {
		position: absolute;
		height: 3px;
		background-color: #5cb85c;
		left: 0px;
		bottom: 0px;
		border-radius: 30px;
		transition: width .2s;
	}
	.eden-list-menu {
		padding: 0;
		margin: 0;
		list-style: none;
		padding: 5px 10px;
		border-top: 1px solid transparent;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.eden-list-title {
		width: 50%;
		display: inline-block;
		font-weight: bold;
		text-align: left;
	}
	.eden-list-decision {
		width: 50%;
		display: inline-block;
		font-weight: bold;
		text-align: right;
	}
	.dashboard-app-title {
		color: white;
		position: absolute;
		top: -35px;
		left: 15px;	
		width: 280px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#playdash-messages .tabs .ul-tabs {
		background-color: transparent !important;
		color: white;
		border-top: 1px solid rgba(0,0,0,0.1);
		/*border-bottom: 1px solid rgba(255,255,255,0.05);*/
	}
	#playdash-messages .ui-profile-tabs li a {
		color: white;
		text-shadow: none;
	}
	#playdash-messages .ui-profile-tabs li a.active {
		line-height: 41px !important;
	}
	#playdash-messages .comment-empty {
		background-color: transparent !important;
		color: white;
		border-top: 1px solid rgba(0,0,0,0.1);
		border-bottom: 1px solid rgba(255,255,255,0.05) !important;
	}
	#playfriends-block .ul-message-list li:hover > .comment-table:not(.comment-empty) {
		border-top: 1px solid #00AADD !important !important;
		border-bottom: 1px solid #00AADD !important !important;
		border-left: 0px !important;
		border-right: 0px !important;
	}
	#bottom-menu, .bottom-game-menu {
		position: absolute;
		bottom: 50px;
		width: 100%;
		height: 50px;
		margin: 0;
		padding: 0;
		z-index: 10000000;	
		list-style: none;
		text-align: center;

		background-color: #333333;
		background-image: linear-gradient(#333333,#111);
		background-image: -moz-linear-gradient(#333333,#111);
		background-image: -ms-linear-gradient(#333333,#111);
		background-image: -o-linear-gradient(#333333,#111);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#111));
		background-image: -webkit-linear-gradient(#333333,#111);
		background-position: center center;
		/* margin-top: -1px; */
		margin-bottom: 0px;
		border-top: 2px dashed white;
	}
	.bottom-game-menu {
		bottom: -50px;
		border-left: 2px dashed white;
		border-right: 2px dashed white;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		transition: bottom .2s;
		transition-delay: .33s;
		width: 360px;
		left: 50%;
		margin-left: -180px;
	}
	[role="game-body"]:hover ~ .bottom-game-menu, [role="game-body"]:active ~ .bottom-game-menu, .bottom-game-menu:hover, .bottom-game-menu:active, #moshaFrame:hover > .bottom-game-menu, #moshaFrame:active > .bottom-game-menu  {
		bottom: 0px;
	}


	#bottom-menu li, .bottom-game-menu li {
		width: 60px;
		height: 45px;
		border-width: 2px;
		border-radius: 100%;
		text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
		color: white;
		font-family: 'ITCAvantGardePro-Md', Arial, Helvetica, sans-serif;
		text-align: center;
		margin: 4px auto;
		pointer-events: fill;
		float: left;
	}
	#bottom-menu li:hover > i, .bottom-game-menu li:hover > i {
		filter: drop-shadow(1px 1px 1px #ff6699) drop-shadow(-1px -1px 1px cyan);
		transform: scale(1.2);
	}
	#bottom-menu li span, .bottom-game-menu li span {
		font-size: .65em;
		line-height: 10px;
		/* white-space: nowrap; */
		/* left: 50%; */
		/* transform: translateX(-50%); */
		display: block;
		position: relative;
		top: -5px;
	}

/* Screenshots */
.screenshot-canvas {
	position: absolute;
	left: 0; 
	top: 0;
	display: none;
}
.screenshot-wrapper {
	display: block;
	min-height: 286px;
	max-height: 515px;
	height: 100%;
	width: 100%;
	min-width: 336px;
	max-width: 1200px;
    background-size: 100% 100%;
	position: relative;
	left: 50%;
	z-index:0;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
	background-repeat: no-repeat;
	-webkit-animation-duration: 1s !important;
	animation-duration: 1s !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	user-select: none;
	-webkit-user-select: none;
	border-bottom: 1px solid #d8d8d8;
	/*border-top: 1px solid rgba(255,255,255,.3);*/
    background-size: 100%;
	background-position: left bottom;
}
	/*[role="media-viewer"] .screenshot-wrapper {
		max-height: 296px;
	}*/
	/*.screenshot-wrapper:after, .watermark:after {
		content: '';
		background-image: url('images/register/screen-watermark.png');
		position: absolute;
		right: 8px;
		bottom: 5px;
		display: block;
		width: 35px;
		height: 40px;
		z-index:1;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.photo-viewer .screenshot-wrapper:after {
		top: 313px;
	}
	.photo-viewer .h.v .screenshot-wrapper:after {
		top: 334px;
	}
	#mementos-box .screenshot-wrapper:after {
		bottom: 0px;
	}
	#teleport-minimap.screenshot-wrapper:after {
		bottom: 5px;
	}*/
.photo-viewer .h.v .screenshot-wrapper img {
    border-radius: 3px;
	transform: translate3d(-50%,-50%,1px);
   /* transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    position: relative;*/
}
.start-game:hover {
	color: #00aadd !important;
}
.start-game:hover > span[role="link-play"] .icon-canvas {
	background-position: -252px -261px;
}
.start-game {
	color: #212121;
}
[role="Object"] .preview-list {
	bottom: 0px;
    top: unset;
    position: absolute;
    left: 50%;
    margin-left: -95px;	
	width: 200px;
	height: 227px;
	min-width: 200px;
	min-height: 227px;
}
[role="Object"] .preview-list li {
	width: 200px;
	height: 227px;
	min-width: 200px;
	min-height: 227px;
}
[role="Object"] .preview-list li canvas {
	background-size: 400px;
	min-width: 400px;
	min-height: 920px;
}
.profile-canvas, .walking-canvas {
   	position: absolute;
	left: 50%;
    transform: translate3d(-50%,0px,10px) rotateX(20deg);
    perspective: 750px;
	transition-property: transform;
	z-index: 1;
	bottom: 0;
}
.walking-canvas:not(.active) {
	/*filter: blur(1px);*/
	pointer-events: none !important;
	z-index: 10;
}
.walking-canvas[data-stage="2"]:not(.active) {
	z-index: 5;
}
.walking-canvas[data-stage="3"]:not(.active) {
	z-index: 4;
}


.walking-canvas[data-stage="2"] {
	height: 25px;
	bottom: 240px;
}
.walking-canvas[data-stage="3"] {
	height: 25px;
	bottom: 300px;
}
.walking-canvas:not(.active) > * {
	pointer-events: none !important;
}
.walking-canvas:not(.active) > .monsterBox, 
.walking-canvas:not(.active) > [role="Object"][data-index="true"]:not([data-object="1295"]):not([data-object="1296"])
{
	filter: brightness(0) contrast(.9) blur(2px);
}
.walking-canvas:not(.active) .avatar-name:not(.npc-name), .walking-canvas:not(.active) .monster-name, .walking-canvas:not(.active) .object-wrapper, .walking-canvas:not(.active) .emoji-bubble {
	display: none;
}
.walking-canvas:not(.active) > .monsterBox .monster-head,
.walking-canvas:not(.active) > .avatar-wrapper .avatar-head, .walking-canvas:not(.active) > .profile-canvas .avatar-wrapper .avatar-head, .walking-canvas:not(.active) > .npc-wrapper .avatar-head, .walking-canvas:not(.active) > .object-head
{
	pointer-events: none !important;
}
.walking-canvas:not(.active) > .avatar-wrapper, .walking-canvas:not(.active) > [role="Object"] {
	filter: blur(1px);
}
.avatar-name, .monster-name, .pet-name {
    position: absolute;
    text-align: center;
    font-style: normal;
    margin-top: -10px;
	color: white;
	text-shadow:  -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
	pointer-events: none;
	white-space: nowrap;
	font-family: "ITCAvantGardePro-Md", "Lato", Arial, Helvetica, sans-serif;
	width: auto;
    left: 50%;
    width: 120px;
	margin-left: -60px;
    font-weight: normal;
	font-size: 1.2rem;
}
.avatar-name {
	bottom: -10px;
}
.npc-name {
    color: #f0ec4e;
    top: 0px;
    font-weight: bolder;	
}
.templates-button {
	padding: 4px; 
	border-top: 1px solid whiteSmoke;  
	text-align: center; 
	height: 50px; 
	background-color: rgba(255,255,255,.7); 
	position: relative; 
	box-shadow: 1px -1px 4px rgba(0, 0, 0, .07);
}
.monster-name, .pet-name { 
    font-size: 1em;
}
.monster-name {
	color: #ff6699;
}

.item-layer-name .pet-name {
    font-size: 1em;
top: 10px;
}
.monster-nameBig, .pet-nameBig {
	position: relative;
}
.player-menu[data-level]:before, .avatar-level, .monster-menu[data-level]:before { 
	content: attr(data-level);
    position: absolute;
    width: 100%;
    display: block;
    text-align: center;
    white-space: nowrap;
    width: 20px;
    height: 20px;
    background-image: url(images/icons-mosha.png);
    background-position: -102px -149px;
    line-height: 22px;
    top: -5px;
    left: -47.5px;
    text-indent: 20px;
    font-size: 1.2em;
    z-index: 100;
    color: #eceeef;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}
.avatar-level {
	line-height: 20px;
	font-size: .7em;
	color: initial;
    text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
}
[data-position="windowed"] .avatar-level {
	top: 2.5px !important;
    left: 48px !important;
	display: none;
}
[data-position="windowed"] .guild-emblem-messenger {
	display: none !important;
}
[data-position="pop"] .avatar-level, [data-position="pop"] a.n {
	display: none;
}
[data-position="windowed"] a.n {
	top: 25px !important;
    left: 50px !important;
	display: none !important;
}
.avatar-wrapper.active .avatar-name:before {
	left: -25px;
	font-size: .7em;
}
.monster-nameBig:before { 
	display: inline-block;
    top: 0px;
    left: -5px;
	position: relative;
}
.tv-carrousel {
	overflow: hidden;
}
.tv-carrousel .comment-table {
	margin: 0px;
	width: 100%;
    height: 100%;
	max-width: 339px;
    max-height: 100%;
    min-width: 339px;
	border: 0px;
	overflow:hidden;
	max-height: 199px;
    background: transparent;
	margin-left: 0px !important;
}
.tv-carrousel .photo-viewer li:first-child {
	display: block;
}
.tv-carrousel .photo-viewer {
    border: 0px;
	min-width: 100%;
	max-height: 100%;
	margin-top: 0px;
	min-height: 100%;
	pointer-events: fill;
}
.tv-carrousel.off .comment-table {
	display: none;
}
.tv-carrousel .comment-stats {
	opacity: 0;
	transition: .2s;
	border: 0px;

    z-index: 1;
    position: absolute;
    padding: 0;
    bottom: 0px;
}
.tv-carrousel .comment-stats .stats-wrap {
	width: 40px;
	height: 40px;
    text-align: center;
    background: white;
    padding: 4px;
    border-radius: 25px;
    bottom: 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.tv-carrousel .comment-stats .stats-wrap li {
	pointer-events: fill;
}
.tv-carrousel:hover .comment-stats {
	opacity: 1;
}
.tv-carrousel .photo-viewer li:before, .tv-carrousel .photo-viewer li:after {
	border: 0px;
}
.tv-carrousel .photo-viewer li {
	display: block !important;
}
.tv-carrousel .comment-text {
	padding: 0;
	height: 100%;
    max-width: 333px;
    max-height: 193px;
	margin: 6px;
    border-radius: 2px;
}
.tv-carrousel .photo-viewer li {
	min-height: 193px !important;
    height: 100%;
    max-height: 100% !important;
}
.tv-carrousel .photo-viewer li iframe {
	height: 100vh;
    max-height: 193px;
	pointer-events: fill;
}

.avatar-name.male {
    /*color: #00aadd;*/
}
.avatar-name.female {
    /*color: #ff6699;*/
}
.avatar-aka {
    font-size: .7em;
	bottom: -15px;
	font-style: normal;
	text-shadow: -1px -1px 0 rgba(255,255,255,.15), 1px -1px 0 rgba(255,255,255,.15), -1px 1px 0 rgba(255,255,255,.15), 1px 1px 0 rgba(255,255,255,.15);
	color: #212121;
	position: absolute;
	left: 50%; 
	font-family: "ITCAvantGardePro-Md", "Lato", Arial, Helvetica, sans-serif;
	font-weight: bolder;
	max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align: center;
	white-space: nowrap;
	width: 120px;
	transform: translateX(-50%);
}
.avatar-party-name {
    font-size: .6em;
    top: -9px;
    font-style: normal;
    text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
    color: #212121;
    position: absolute;
    left: calc(100% - 58px);
    font-family: "ITCAvantGardePro-Md", "Lato", Arial, Helvetica, sans-serif;
    font-weight: bolder;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    height: 30px;
    width: 35px;
}
.icon-flagparty-mini {
    cursor: url('cursor/default.cur'), url(cursor/default.cur), default;
	pointer-events: fill;
	background-position: -16px -349px;
	width: 15px;
	height: 15px;
	position: absolute;
    margin-left: 2px;
    bottom: 8px;
}

.npc-aka {
    top: 5px;
}
[data-role="nextText"], [data-role="nextQText"] {
	pointer-events: fill;
}
/* Maps */
.stage-vp {
    max-width: 1200px;
    min-width: 360px;
    width: 100vw;
    height: 100%;
	min-height: calc(100vh - 99px);
	max-height: 870px;
    overflow: hidden;
    display: block;
    position: relative;
	opacity: 1;
	transition: opacity 0.5s;
	z-index: 10;

    /*min-height: 625px;*/
    height: 100vh;
	max-height: calc(100vh - 99px);
	pointer-events: none;
	will-change: transform;
	perspective: 1000px;
	backface-visibility: hidden;
	transform-style: flat;
    transform-origin: center bottom;
	transform: translateZ(1px);

}
.pc .stage-vp {
    max-width: 100vw;
}
[role="map"] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left bottom;
    overflow: hidden;
    vertical-align: bottom;
    position: relative;
    min-height: 625px;
	min-height: calc(100vh - 99px);
	height: calc(100vh - 99px);
    max-height: 870px;
    /*border-bottom: 1px solid rgba(255,255,255,.1);*/
    z-index: 0;
	-webkit-transform: translate3d(0,0,1px);
	transform: translate3d(0,0,1px);
	will-change: transform;
    cursor: url('cursor/default.cur'), url(cursor/default.cur), default;
	pointer-events: none;
	transform-origin: center bottom;
}
.walking-canvas {
    height: 25px;
    width: 99%;
    bottom: 125px;
}
.walking-canvas[data-stage="1"] {
	z-index: 10;
}
.worldmap-clouds {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background-color: rgba(255,255,255,1);
	display: block;
	z-index: 100000000;
	pointer-events: none;
}
	.worldmap-cloudy {
		width: 60vw;
		display: block;
		position: absolute;
		height: 100vh;
	}
	.worldmap-cloudy.left-cloud {
		left: 5vw;
		background-position: right;
	}
	.worldmap-cloudy.right-cloud {
		right: 5vw;
		background-position: left;
	}
/* Eden Chat */
.online-menu {
    display: inline-block;
    width: 100%;
	max-width: 280px;
    width: calc(100vw - 80px);
	overflow: hidden;
}
.general-chat-footer {
    height: 50px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    background-color: #121212;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: right;
    white-space: nowrap;
	cursor: url(cursor/default.cur), url(cursor/default.cur), default;
    z-index: 1000000;
	left: 50%;
    transform: translateX(-50%);
	position: fixed;
}
.chat-bubble, .emoji-bubble {
	display: flex;
    position: absolute;
    left: 50%;
	margin-left: -40px;
	bottom: 80%;
	transform-origin: center;
    /*max-height: 75px;*/
    height: fit-content;
    min-height: 25px;
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    vertical-align: top;
    line-height: 22px;
	text-align: center;
    min-width: 80px;
	z-index: 300;
}
.chat-bubble {
	bottom: 110%;
	min-width: 150px;
}
.chat-bubble.party-bubble:not(.nA):before {
	border-top: 7px solid #ff6699; /*  #f0ad4e*/
}
.chat-bubble.guild-bubble:not(.nA):before {
	border-top: 7px solid #f0ad4e; /*  #f0ad4e*/
}
.chat-bubble.party-bubble {
	 margin-left: -85px;
}
.chat-bubble.guild-bubble {
	 margin-left: -100px;
}
.emoji-bubble li {
	background-color: rgba(255,255,255,.75);
}
.chat-bubble:not(.nA):before {
	content: '';
	width: 0;
	height: 2px;
	outline: none;
	position: absolute;
	border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 9px solid white;
    bottom: -10px;
	left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
	pointer-events: none;
	z-index: 1;
}

.chat-bubble.party-bubble .bubble-text {
    background-color: #ff6699;
    border: 1px solid #ff6699;
}
.chat-bubble.guild-bubble .bubble-text {
    background-color: #f0ad4e;
    border: 1px solid #f0ad4e;
}

.bubble-text {
	display: block;
    margin: auto;
	word-break: break-word;
    background-color: white;
    border: 1px solid whiteSmoke;
    border-radius: 8px;
    padding: 10px;
}
.chat-bubble:first-child .bubble-text {
	filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan) drop-shadow(rgba(0, 170, 221, 0.8) 0 0 8px) !important;
}

.broadcast-select, .canvas-button {
    font-weight: bold;
	background-color: whiteSmoke;
    margin: 0px auto 10px 5px;
    font-size: .7em;
	position: relative;
    list-style: none;
    display: inline-block;
    text-align: center;
	z-index: 10;
    border-radius: 100%;
    border: 1px solid #E8E8E8;
    height: 40px;
    width: 40px;
    line-height: 38px;
    min-width: 40px;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.15);
    font-variant: small-caps;
}
.chat-wrapper {
    width: 100%;
    max-width: 360px;
    min-height: 50px;
	max-height: 451px;
    position: absolute;
    background-color: white;
    background-color: rgba(255,255,255,.95);
    border: 1px solid #d8d8d8;
    border-bottom: 0px;
    border-right: 0px;
    border-top-left-radius: 3px;
    right: 0px;
    bottom: 50px;
	display: none;
	overflow: hidden;
	vertical-align: top;
}
.chat-players {
    width: 220px;
    height: calc(100% - 100px);
    vertical-align: top;
    float: right;
    background-color: whitesmoke;
    border-bottom-right-radius: 5px;
	border-left: 2px solid #eee;
	overflow-y: auto;
	margin: 0;
	padding: 0px;
	list-style: none;
	transition: right .2s;
}
.responsive-chat .chat-log ul {
	padding: 10px 0;
}
.chat-players li {
	display: block;
    height: 60px;
    position: relative;
    border-bottom: 1px solid #eeeeee;
    text-indent: 50px;
	transition: height .2s;
}
.chat-log[data-broadcast="Party"] .chat-log-text  {
    background-color: #ff6699;
    border: 1px solid #ff6699;	
}
.chat-log[data-broadcast="Guild"] .chat-log-text  {
    background-color: #f0ad4e;
    border: 1px solid #f0ad4e;	
}
.appbox .responsive-chat.party-color #general-chat, .responsive-chat.party-color .emoji-menu {
	background-color: #ff6699;
    border-color: #ff6699;	
	color: #212121;
}
.appbox .responsive-chat.guild-color #general-chat, .responsive-chat.guild-color .emoji-menu {
	background-color: #f0ad4e;
    border-color: #f0ad4e;	
	color: #212121;
}
.chat-players li.active[role="player-tab"] {
	height: 120px;
	background-color: white;
}
.chat-players li[role="player-tab"]:hover  {
	background-color: white;
}
.chat-players li .friends-name {
	display: block;
    position: absolute;
    top: 9px;
    left: 12px;
    /* top: -15px; */
    font-weight: bold;
}
.chat-players .notify-face {
	background-size: 100%;
}
.chat-players li .friend-aka {
	font-size: .9em;
    display: block;
    position: absolute;
    top: 29px;
    left: 12px;
}
.chat-log {
    margin: 0;
    padding: 0;
	cursor: default;
	vertical-align: top;
	max-width: 540px;
	height: fit-content;
    max-height: calc(100vh - 140px);
	overflow: hidden;
	overflow-y: auto;
    border-bottom-left-radius: 5px;
}
.chat-footer {
	margin: 0;
    padding: 0 258px;
    border-top: 2px dashed white;
    height: 50px;
    background-color: #a4d9e8;
    position: absolute;
    bottom: 0px;
    width: 100%;
	text-align: center;
}
	.chat-log ul {
	    list-style: none;
		margin: 0;
		padding: 0;
		min-height: 60px;
		border-bottom: 1px solid #e8e8e8;
	}
	.chat-log ul:hover > .chat-log-body .chat-log-time {
		opacity: 1;
	}


	.chat-log ul:last-child {
		border-bottom: 1px solid transparent;
	}
	.chat-log-avatar {
		display: table-cell;
		width: 85px;
		vertical-align: top;
	}
	.owner .chat-log-avatar {
		float: right;
	}
	.chat-log-body {
		display: table-cell;
		width: 100%;
		vertical-align: top;
		position: relative;
		padding-bottom: 7px;
	}
	.owner .chat-log-body {
		display: inline-block;
		padding-right: 85px;
		margin-left: 0px;
	}
	.owner .chat-log-name {
		text-align: right;
	}
	.owner .chat-log-text {
		margin-left: 15px !important;
		margin-right: 0px !important;
		float: right;
		border-top-right-radius: 0px;
		border-top-left-radius: 5px;
	}
	.owner .chat-log-time {
		float: right;
	}
	.chat-log-text p:last-child {
		margin-bottom: 0px;
	}
	.chat-log-faceavatar {
	    margin: 5px 10px;
		width: 50px;
		height: 50px;
		display: block;
		text-align: center;
		border: 1px solid #D8D8D8;
		border-radius: 100%;
		overflow: hidden;
		background-size: cover;
		background-repeat: no-repeat;
		cursor: pointer;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
		position: relative;
		border-width: 2px;
	}
	#Trade-System .chat-log-faceavatar, #Duel-System .chat-log-faceavatar, #Party-System-warning .chat-log-faceavatar, #Party-System .chat-log-faceavatar, #Guild-System .chat-log-faceavatar, #Guild-System-warning .chat-log-faceavatar  {
		width: 80px;
		height: 80px;
		margin: 10px auto 0;
	}
	.chat-log-faceavatar.male:hover {
		border-color: #00aadd;
	}
	.chat-log-faceavatar.female:hover {
		border-color: #ff6699;
	}
	.chat-log-faceavatar.nonbinary:hover {
		border-color: #f0ad4e;
	}
	.chat-log-name {
		width: 100%;
		display: block;
		text-align: left;
		/*font-size: .8em;*/
		font-weight: bold;
		padding-top: 5px;
		padding-left: 2px;
	}
		.chat-log-name.male {
			color: #00aadd;
		}
		.chat-log-name.female {
			color: #ff6699;
		}
		.chat-log-name.nonbinary {
			color: #f0ad4e;
		}
	.chat-log-text {
		text-align: left;
		background-color: white;
		border: 1px solid #D8D8D8;
		padding: 5px 10px;
		display: block;
		position: relative;
		border-radius: 10px;
		clear: both;
		width: auto;
		float: left;
		max-width: 100%;
		word-break: break-word;
		-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
		box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
		min-height: 25px;
		min-width: 40px;
		line-height: 18px;
		margin-bottom: 0px;
		font-size: .9em;
		border-top-left-radius: 0;
		margin-right: 15px;
		white-space: normal;
		max-width: calc(100% - 75px);
	}
	.chat-log-time {
		opacity: 0;
		transition: opacity .3s;
		float: left;
		vertical-align: bottom;
		margin-top: 12px;
		font-size: .75em;
		color: #bbbbbb;
	}
	.chat-players .avatar-menu-list {
		width: 100%;
		position: absolute;
		top: 60px;
		height: 60px;
		display: block;
		background-color: white;
		text-indent: 0;
		text-align: left;
		display: none;
		border-top: 1px solid whitesmoke;
	}
	
	.chat-players .avatar-menu-list li, .chat-players .avatar-menu-list li:first-child, .chat-players .avatar-menu-list li:nth-child(2) {
		left: 0px;
		top: 0px;
		margin: 12px;
		position: relative;
		z-index: 10;
		cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
	}
	.chat-players .avatar-menu-list li:active, .chat-players .avatar-menu-list li:first-child:active, .chat-players .avatar-menu-list li:nth-child(2):active {
		cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
	}
	.chat-players li.active[role="player-tab"] .avatar-menu-list {
		display: block;
	}

.chat-log-text .emoji-menu {
    transform: scale(.64);
    position: absolute;
    left: 0px;
    top: -13px;
}
.emoji-bubble [role="bubble-text"] {
	width: 100%;
}
.emoji-menu, .avatar-menu-list li {
    margin: 7px 0px 0;
    display: inline-block;
    padding: 4px;
    height: 45px;
    width: 45px;
    border: 2px solid #54504F;
    background-color: rgba(255,255,255,.85);
    border-radius: 100%;
    text-align: center;
    line-height: 33px;
    vertical-align: top;
	background-position: center center;
	position: relative;
}
.avatar-menu-list li {
    line-height: 45px;
}
.emoji-menu.active {
    border-color: #00AADD;
}
.emoji-menu.active span {
    color: #00AADD !important;
}
.emoji-menu:before, .avatar-menu-list li:before, .emoji-selector li:before, .bubble-area:before,
.comment-avatar a:not([data-noafter]):before, .shop-avatar a:not([data-noafter]):before, .comment-table .comment-avatar a:not([data-noafter]):before, .shop-avatar span:before, .comment-table .comment-avatar span:before,
.chat-log-faceavatar:before
{
    content: '';
    width: 95%;
    height: 70%;
    background-color: rgba(255,255,255,.35);
    position: absolute;
    left: 0;
    border-radius: 100%;
    top: 0;
	z-index: -1;
}
.bubble-area:before, .comment-avatar a:before, .shop-avatar a:before, .comment-table .comment-avatar a:before, .shop-avatar span:before, .comment-table .comment-avatar span:before
 {
	z-index: 1;
}
.comment-avatar a:before, .shop-avatar a:before, .comment-table .comment-avatar a:before, .shop-avatar span:before, .comment-table .comment-avatar span:before {
    height: 40%;
}
.comment-table .comment-avatar.male a {
	background-color: #00aadd;
}
.comment-table .comment-avatar.female a {
	background-color: #FF6699;
}
.comment-table .comment-avatar.nonbinary a {
	background-color: #FFAF4E;
}

.avatar-menu-list li {
	-webkit-transition: transform .1s;
	transition: transform .1s;
}
.emoji-menu:hover, .emoji-menu:active, .avatar-menu-list li:hover, .avatar-menu-list li:active, .avatar-menu-list li.selected, .inventory-list li.selected, .item-list li.item.selected, .emoji-selector .emoji-menu.selected, .avatar-bstats .button-wrapper.selected {
	border-color: #00aadd;
}
.emoji-selector {
    display: none;
    position: absolute;
    max-width: 720px;
	min-width: 360px;
    min-height: 50px;
	width: 100%;
    white-space: normal;
	padding: 0 5px;
    margin: -84px 0 0 0px;
    left: 50%;
    transform: translateX(-50%);
	list-style: none;
    background-color: white;
    background-color: wheat;
	text-align: left;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	user-select: none;
	-webkit-user-select: none;
    cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
    z-index: 0;

    left: 50%;
    border: 2px solid white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom: 0px;
	box-shadow: 0px -5px 10px 0 rgba(0,0,0,.15);
	    bottom: 45px;
}
	.emoji-selector li {
		padding: 3px 5px 5px;
		display: inline-block;
		margin: 7px 5px;
		position: relative;
		background-color: white;
	}
.inventory-room.ui-dialog, .skills-room {
    height: 100vh !important;
    max-height: calc(100vh - 50px);
	/*max-width: 360px !important;
	margin-top: 180px;*/
	z-index: 10000000;
}
#world-list {
	max-height: fit-content;
}
.house-carrousel li {
	display: none;	
	overflow:hidden;
}
.house-carrousel li.active {
	display: block;	
}
#inventory-room, #skills-room {
	overflow:hidden;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#skill-list {
	min-height: 90px;
	border-top: 1px solid whiteSmoke;
	border-bottom: 1px solid #d4d4d4;
	list-style: none;
	/*margin: 0px 0px 48px;*/
	padding: 0px;
	margin-top: -1px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
	position: relative;
}
.skill-list-page {
	height: 100vh;
    max-height: calc(100vh - 199px);
    overflow-x: hidden;
    overflow-y: auto;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.h-list li.three-grid {
	width: 30%;
	min-width: 230px;
	padding: 20px;
}
#skill-list li.skill-item {
    display: inline-block;
    position: relative;
    float: left;
    margin: 12px 15px;
    background-color: white;
    border: 2px solid white;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.15);
    cursor: pointer;
    text-indent: -99999px;
    background-repeat: no-repeat;
    background-position: center center;
}
#skill-list .skill-name {
    position: absolute;
    margin-left: 90px;
    padding: 10px;
    color: #00aadd;
    font-weight: bold;
}
#skill-list .skill-type {
    position: absolute;
    padding: 10px;
    color: #00aadd;
    height: 50px;
    bottom: 6px;
    text-align: center;
    width: 90px;
}
#skill-list .skill-description {
    position: relative;
    margin-left: 90px;
    margin-top: 25px;
    padding: 10px;
    max-width: calc(100vw - 90px);
    min-height: 50px;
    font-size: .9em;
    white-space: normal;
}
#skill-list .skill-options {
	display: block;
    padding: 5px 50px 6px 95px;
    border-top: 1px solid #d8d8d8;
    margin-top: 10px;
    position: relative;
	    background-color: aliceblue;
}
#skill-list .skill-level {
	position: absolute;
    bottom: 0;
    right: -5px;
    display: block;
    height: 15px;
    width: 20px;
    text-indent: 0;
    font-size: .8em;
	pointer-events: none;
    font-variant: small-caps;
    font-style: normal;
    font-weight: bold;
    text-align: right;
	text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
	white-space: nowrap;
}
#skill-list .skill-level:before {
	content: 'Lv. ';
}
#skill-list .level-stars {
	display: inline-block;
}
.icon-game-stars {
	width: 27px;
    height: 29px;
    transform: scale(.75);
    transform-origin: right;
	display: inline-block;
	vertical-align: top;
	background-image: url('images/icons-mosha.png');
	background-position: 0px -673px;
}

.inventory-room.ui-dialog ~ .ui-widget-overlay, .skills-room.ui-dialog ~ .ui-widget-overlay, .appbox [aria-describedby="avatar-dressingroom"] ~ .ui-widget-overlay {
	background-color: transparent;
	/*z-index: 10002;*/
}
/* Emojis */
	.emoji-bubble:before {
		content: '';
		background-color: white;
		border: 1px solid #e8e8e8;
		height: 8px;
		width: 8px;
		position: absolute;
		border-radius: 100%;
		bottom: -25%;
		left: 50%;
		pointer-events: none;
	}
.emoji-menu .icon-emoji {
	animation-delay: 0.5s;
	animation: tada 1s linear 1;
}

.avatar-menu .icon-emoji.hmm {
	animation-delay: 0.5s;
	animation: bounceIn 0.6s linear 1;
}
.avatar-menu .icon-emoji.trade {
	animation-delay: 0.5s;
	animation: bounceIn 0.6s linear 1;
}
.avatar-menu .icon-emoji.shop, .avatar-menu .icon-emoji.icon-hCard,  .avatar-menu .icon-emoji.icon-guild, [role="avatar-menu-option"]:not(.emoji-menu) i {
	animation-delay: 0.5s;
	animation: bounceIn 0.6s linear 1;
}
.emoji-menu .icon-emoji.yes {
	animation-delay: 0.5s;
    animation: upDown .2s linear 4 alternate;
}
.emoji-menu .icon-emoji.ok {
	animation-delay: 0.5s;
    animation: swing .5s linear 1;
}
.emoji-menu .icon-emoji.no {
	animation-delay: 0.5s;
	animation: headShake 1s linear 1;
}
.emoji-menu .icon-emoji.xD,
.emoji-menu .icon-emoji.x3,
.emoji-menu .icon-emoji.i3,
.emoji-menu .icon-emoji.scissor,
.emoji-menu .icon-emoji.paper,
.emoji-menu .icon-emoji.rock {
	animation-delay: 0.5s;
	animation: tada .7s linear 1;
}
.emoji-menu .icon-emoji.ohoho {
	animation-delay: 0.5s;
	animation: tada .5s linear 1;
}
.emoji-menu .icon-emoji.goleft {
	animation-delay: 0.5s;
	animation: goLeft .7s linear 1;
}
.emoji-menu .icon-emoji.goright {
	animation-delay: 0.5s;
	animation: goRight .7s linear 1;
}
.emoji-menu .icon-emoji.xO {
	animation-delay: 0.5s;
	animation: pulse .7s linear 1;
}
.emoji-menu .icon-emoji.l3 {
	animation-delay: 0.5s;
	animation: pulse .7s linear 4;
}
.emoji-menu .icon-emoji.ho {
	animation-delay: 0.5s;
	animation: swing .7s linear 1;
}
.emoji-menu .icon-emoji.ex {
	animation-delay: 0.5s;
	animation: bounce .7s linear 1;
}
.emoji-menu .icon-emoji.danger {
	animation-delay: 0.5s;
	animation: bounce .7s linear 1;
}
.emoji-menu .icon-emoji.lucky {
	animation-delay: 0.5s;
	animation: bounceIn .7s linear 1;
}
.emoji-menu .icon-emoji.replydots {
	animation-delay: 0.5s;
	animation: wobble .7s linear 5;
}
.emoji-menu .icon-emoji.miss {
	animation-delay: 0.5s;
	animation: swing .3s linear 5;
}
.emoji-menu .icon-emoji.zzz {
	animation-delay: 0.5s;
	animation: swing 1s linear 3;
}

	.emoji-menu .icon-emoji.replydots, .emoji-menu .icon-emoji.replydots:before, .emoji-menu .icon-emoji.replydots:after {
		width: 6px;
		height: 6px;
		border-radius: 100%;
		background-color: #212121;
		margin: auto;
	}
		.emoji-menu .icon-emoji.replydots:before, .emoji-menu .icon-emoji.replydots:after {
			content: '';
			display: block;
		}
		.emoji-menu .icon-emoji.replydots:before {
			margin-left: -10px;
		}
		.emoji-menu .icon-emoji.replydots:after {
			margin-left: 10px;
			margin-top: -6px;
		}
.active-object {
	background-color: #00aadd !important;
}
.emoji-bubble[role="object-bubble"] {
	/*margin-left: -15px;*/
}
.emoji-menu[role="bubble-obj"] {
	margin-left: 68px;
	pointer-events:fill;
	transition: transform .1s;
}
.emoji-menu[role="bubble-obj"]:hover {
	border-color: #ff6699;
	transform: scale(1.1);
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
}
.emoji-menu[role="bubble-obj"]:active {
	cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
}
.emoji-menu[role="bubble-obj"] canvas {
	position: absolute;
    left: 4px;
    top: 3px;
	pointer-events: none;
}
.screen-shot-footer {
	display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 100;
}
	.screen-shot-footer li {
		float: right;
		display: inline-block;
		height: 50px;
		line-height: 25px;
		vertical-align: top;
	}
	.screen-shot-footer li.eden-icon-logo {
		margin: 1px 0;
		width: 50px;
		transform: scale(0.74);
		-webkit-transform: scale(0.74);
		left: 3px;
		top: -3px;
		-webkit-filter: drop-shadow(0 0 0 rgba(0,0,0,0));
		filter: drop-shadow(0 0 0 rgba(0,0,0,0));
	}
	.screen-shot-footer .map-name  {
		line-height: 7px;
		/* margin-top: 3px; */
		pointer-events: fill;
		cursor: url(cursor/pointer.png), url(cursor/pointer.cur), pointer;
		position: relative;
		z-index: 100;
		font-size: .8em;
		height: 20px;
		top: 28px;
		margin-right: 68px;
	}
	.icon-location-small {
		background-image: url('images/icons-mosha.png');
		background-position: -58px -60px;
		width: 19px;
		height: 25px;
		position: absolute;
		left: -20px;
		bottom: 2px;		
	}
	/*.screen-shot-footer .map-name:before  {
		content: '';
		position: absolute;
		left: -25px;
		bottom: 2px;
		background-image: url('images/icons-mosha.png');
		background-position: -52px -60px;
		width: 25px;
		height: 25px;
		cursor: url('cursor/pointer.png'), url(cursor/pointer.cur), pointer;
	}*/
	.screen-shot-footer .map-name:hover  {
		color: #00AADD;
	}
	.screen-shot-footer [role="screenshot-date"] {
		-webkit-filter: opacity(0.75);
		filter: opacity(0.75);
		position: absolute;
		right: 60px;
		font-size: .75em;
		top: 2px;
		pointer-events: fill;
		z-index: 10;
		padding-right: 10px;
	}
	.screen-shot-footer [role="screenshot-date"]:after {
		content: '';
		background-color: white;
		position: absolute;
		border-radius: 25px;
		width: 100%;
		height: 38px;
		right: -5px;
		margin-top: 3px;
		min-width: 200px;
		z-index: -1;
	}
	.screen-shot-footer [role="current-date"] {
		margin-right: 2px;
		z-index: 10;
		position: relative;
	}
	.screen-shot-footer [role="current-time"] {
		z-index: 10;
		position: relative;
	}
	#dashboard-app-menu.iNots {
		left: unset;
		right: 0px;
	}
	#dashboard-app-menu.iHome {
		width: 100%;
	}

	.map-date, .guild-members {
		position: absolute;
		bottom: -35px;
		left: -50px;
		color: white;
		width: 180px;
		font-size: .85em;
	}
	.guild-members {
		pointer-events: fill;
		cursor: pointer;
	}
	.guild-members:hover {
		text-decoration: underline;
		color: white;
	}
	#map-information {
		overflow: hidden;
	}
	#map-information .profile-cover, #guild-viewer .profile-cover {
		/*background-size: contain;*/
		width: 650px;
		max-width: 100vw;
		height: 174px;	
	}
	#guild-viewer .profile-cover {
		background-size: initial;
	}
	#guild-members-reader .comment-table:first-child {
		margin-top: -1px !important;
		border-radius: 0px;
	}
	#map-information .avatar-body {
		transform: scale(.65);
	}
	#map-information .avatar-wrapper:after {
		bottom: 25px;
		width: 30px;
		-webkit-filter: blur(3px);
		filter: blur(3px);
		height: 5px;
	}
	#map-information .avatar-name {
		bottom: 5px;
	}

	#map-information .ul-tabs {
		box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.ui-dialog [role="tab-block"], .ui-dialog [role="map-block"] {
		border-radius: 0px;
		position: relative;
		height: calc(100vh - 271px);
		/*overflow-y: auto;
		overflow-x: hidden;*/
		z-index: 100000;
	}
	.ui-dialog [role="map-block"]::-webkit-scrollbar {
		width: 5px;
	}
	.ui-dialog [role="map-block"]::-webkit-scrollbar-thumb {
		width: 5px;
	}
	#template-menu::-webkit-scrollbar-thumb {
		width: 5px;
		background-color: rgba(255,255,255,.75);
		border-radius: 3px;
		position: absolute;
	}
	#template-menu::-webkit-scrollbar-track-piece {
		background-color: rgba(0,0,0,0);
	}
	.ui-dialog [role="tab-block"]::-webkit-scrollbar  {
		background: transparent;
		opacity: 0;
		width: 0px;
		height: 0px;
	}
	#template-menu::-webkit-scrollbar  {
		position: absolute;
		width: 0px;
	}
	#template-menu:hover::-webkit-scrollbar  {
		opacity: 1;
		width: 5px;
		position: absolute;
	}
	#map-stage {
		width: 99%;
		height: 150px;
	}
	#map-information #map-stage {
		height: 60px;
		top: 110px;
	}
	#map-information .comment-table {
		margin: -1px 0 15px 0;
		border-radius: 0px;
	}
	#map-information .comment-table.profile-bio {
		margin-bottom: 0;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.screen-shot-footer .user-faceavatar {
		text-align: right;
		width: 50px;
		position: absolute;
		left: right;
		right: 10px;
		top: -4px;
		-webkit-filter: opacity(0);
		filter: opacity(0);
	}
	.screen-shot-footer .user-faceavatar img {
		width: 100%;
		height: 100%;
		vertical-align: top;
		width: 40px;
		height: 40px;
		margin: 4px 0 0 19px;
		border-radius: 100%;
	}
.avatar-menu {
	display: block;
	width: 100%;
	min-width: 200px;
	height: 50px;
	position: absolute;
	border-radius: 100%;
	pointer-events: none;
	top: -30px;
	z-index: 100;
}
.avatar-menu[role="userpet-menu"] {
    top: -65px;
}
.Small .avatar-menu[role="userpet-menu"] {
    left: -50px;
    top: -35px;
}
.avatar-menu[role="npc-menu"] {
	top: -50px;
    width: 200px;
    left: 0px;
}
.avatar-menu-list {
	margin: 0;
	padding: 0;
	top: -10px;
    position: absolute;
    width: 100%;
	left: -5px;
}
.avatar-menu-list li {
	pointer-events: fill;
	margin-left: -27.5px;
    position: absolute;
}
.avatar-menu-list li:hover {
    opacity: 1;
}
.avatar-menu-list li:hover > .icon-emoji.trade, .icon-emoji.trade.active {
    background-position: -237px -189px;
}
.avatar-menu-list li:first-child {
	top: -5px;
    left: 0%;
    z-index: 3;
    opacity: .9;
	background-color: rgba(255,255,255,.7);
}
.avatar-menu[role="userpet-menu"] .avatar-menu-list li:first-child {
	top: -5px;
    left: 20%;
    z-index: 3;
    opacity: .9;
	background-color: rgba(255,255,255,.7);
}
.avatar-menu[role="npc-menu"] .avatar-menu-list li {
	top: -15px !important;
	left: 15%;
}
.avatar-menu[role="npc-menu"] .avatar-menu-list li:nth-child(2) {
	left: 50%;
}
.avatar-menu[role="npc-menu"] .avatar-menu-list li:nth-child(3) {
	left: 85%;
}
.avatar-menu[role="npc-menu"] .avatar-menu-list li:nth-child(4) {
	left: 90%;
}
.avatar-menu-list li:nth-child(2) {
    left: 25%;
    top: -45px;
    opacity: .9;
    z-index: 2;
	background-color: rgba(255,255,255,.8);
}
.avatar-menu[role="userpet-menu"] .avatar-menu-list li:nth-child(2) {
    left: 50%;
    top: -5px;
    opacity: .9;
    z-index: 3;
	background-color: rgba(255,255,255,.8);
}
.avatar-menu[role="userpet-menu"] .avatar-menu-list li:nth-child(3) {
    left: 80%;
    top: -5px;
    opacity: .9;
    z-index: 3;
	background-color: rgba(255,255,255,.8);
}
.avatar-menu[role="userpet-menu"] .avatar-menu-list li:nth-child(4) {
    left: 50%;
    top: -65px;
    opacity: .9;
    z-index: 2;
	background-color: rgba(255,255,255,.8);
}
.avatar-menu-list li:nth-child(3) {
	left: 50%;
    top: -85px;
    opacity: .9;
    z-index: 1;
	background-color: rgba(255,255,255,.8);
}
.avatar-menu-list li:nth-child(4) {
	left: 75%;
    top: -45px;
    z-index: 2;
    opacity: .9;
	background-color: rgba(255,255,255,.9);
}
.avatar-menu-list li:nth-child(5) {
	top: -5px;
    left: 100%;
    z-index: 3;
    opacity: .9;
    z-index: 3;
	background-color: rgba(255,255,255,.9);
}
.avatar-menu-list li:nth-child(6) {
    top: 30px;
    left: 75%;
    z-index: 4;
    opacity: .9;
    background-color: rgba(255,255,255,.9);
}
.avatar-menu-list li[data-mode="pet/unmount"], .avatar-menu-list li[data-mode="pet/mount"]  {
	top: 120px;
}
.avatar-menu-list li[data-mode="sit"], .avatar-menu-list li[data-mode="stand"]  {
	left: 50%;
	top: 150px;
}
.flying-wrap:after {
	content: '';
	background-image: url('images/flying_energy.png');
	background-repeat: no-repeat;
	width: 100px; height: 175px;
	background-position: 0px 35px;
	background-size: contain;
	display: block;
	animation: 1.5s ease-in-out 0s infinite alternate-reverse forwards running solar-light;
}
.damage-box {
	position: absolute;
	color: white;
	font-size: 2.5em;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba(0,0,0,.25), 1px -1px 0 rgba(0,0,0,.25), -1px 1px 0 rgba(0,0,0,.25), 1px 1px 0 rgba(0,0,0,.25);
	font-family: 'Lato', Helvetica Neue, sans-serif !important;
	width: 100%;
    top: -120px;
	pointer-events: none;
	z-index: 10000;
}
	.damage-box:after {
	  content: attr(data-amount);
	  position:absolute;
	  top:0; left:0;
	  height:50%;
	  width: 100%;
	  overflow:hidden;
	  color: #E9E043;	
	}
.plus-healHP {
	color: #9BFECC;
	font-size: 2em;
}
.plus-healMP {
	color: #9BFECC;
	font-size: 2em;
	top: -85px;
}
.avatar-bstats {
	padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 15px;
	position: relative;
	display: block;
	width: 650px;
	background-image: url('images/avatar/avatar-stats.png');
	background-repeat: no-repeat;
	background-size: contain;
}
#avatar-bskills .skill-description, #avatar-bskills .skill-level  {
	display: none;
}
#avatar-bskills #skill-list {
	box-shadow: none;
    border: 0px;
   position: absolute;
   width: 100%;
}
#avatar-bskills .skill-options {
    display: block;
    border-top: 0px;
    background-color: transparent;
    position: absolute;
    left: 50%;
    width: 150px;
    padding: 0px;
    margin-left: -75px;
    margin-top: 65px;
}
#avatar-bskills {
	height: 600px;
    width: 1920px;
    left: 50%;
    transform: translateX(-50%);
	background-image: url('images/avatar/pentagram.png');
}
#avatar-bskills [role="skill-item"] {
	display: none;
}
#avatar-bskills #skill-list li.skill-item {
        /* display: block; */
    text-align: center;
    /* position: absolute; */
    /* margin-left: -30px; */
    /* left: 50%; */
    margin: 12px 25px;
}
#avatar-bskills #skill-list[data-id="1"] {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 110px;
}
#avatar-bskills #skill-list[data-id="2"] {
	left: 50%;
    top: 50%;
    transform: translate(-50%,-310%);
    width: 110px;
}
#avatar-bskills #skill-list[data-id="4"] {
    left: 50%;
    top: 50%;
    transform: translate(115%,-100%);
    width: 110px;
}
#avatar-bskills #skill-list[data-id="5"] {
	left: 50%;
    top: 50%;
    transform: translate(-215%,-100%);
    width: 110px;
}
#avatar-bskills #skill-list[data-id="6"] {
    left: 50%;
    top: 50%;
       transform: translate(-160%,130%);
    width: 110px;
}
#avatar-bskills #skill-list[data-id="3"] {
	left: 50%;
    top: 50%;
    transform: translate(55%,130%);
    width: 110px;
}
#avatar-bskills .skill-name .see-profile {
	min-width: 150px;
	display: block;
    text-align: center;
}
#avatar-bskills .skill-name {
	display: block;
    margin: 0px;
    left: 50%;
    width: 150px;
    padding: 0px;
	top: 105px;
	margin-left: -75px;
	/*font-weight: normal;*/
}

.avatar-slot{
	/*width: 150px;*/
}
#avatar-bstr {
	position: absolute;
    left: 50%;
    margin-top: -35px;
    margin-left: 15px;
}
#avatar-bagi {
	position: absolute;
    right: 20%;
    top: 25%;
    margin: -20px -15px 0px 0px;
}
#avatar-bint {
	position: absolute;
    left: 50%;
    bottom: 15px;
    margin: -15px 0px 0px 15px;
}
#avatar-bvit {
    position: absolute;
    right: 20%;
    top: 75%;
    margin: -75px -15px 0px 0px;
}
#avatar-bdex {
    position: absolute;
    left: 20%;
    top: 75%;
    margin: -75px 0px 0px -15px;
}
#avatar-bluk {
    position: absolute;
    left: 20%;
    top: 25%;
    margin: -20px 0px 0px -15px;
}
.damage-box.plus-healHP:before {
	content: 'HP+';
	font-size: .65em;
	padding-right: 4px;
		color: #0fe635;
}
.damage-box.plus-healHP:after {
	left: 21px;
	color: #0fe635;
}
.damage-box.plus-healMP:before {
	content: 'MP+';
	font-size: .65em;
	padding-right: 4px;
	color: #00aadd;
}
.damage-box.plus-healMP:after {
	left: 22px;
	color: #3ec0e6;
}
.damage-box.damage-crit {
	filter: drop-shadow(1px 1px 1px red) drop-shadow(-1px -1px 1px cyan);
}
.damage-box.damage-crit:before {
	content: '';
	background-image: url('images/icons-mosha.png');
    width: 54px;
    height: 47px;
    background-position: -400px -340px;
    animation-name: tada;
    display: block;
    position: absolute;
    z-index: -1;
    left: 50%;
    margin-left: -26px;
    top: -5px;
	animation-duration: .85s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}
.damage-box.damage-miss:before {
	content: '';
	background-image: url('images/icons-mosha.png');
    width: 60px;
    height: 36px;
    background-position: 0px -980px;
    animation-name: jello;
    display: block;
    position: absolute;
    z-index: -1;
    left: 50%;
    margin-left: -30px;
    top: -10px;
	animation-duration: .75s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;	
}
.damage-box.damage-lucky:before {
	content: '';
	background-image: url('images/icons-mosha.png');
    width: 96px;
    height: 32px;
    background-position: 0px -1015px;
    animation-name: heartBeat;
    display: block;
    position: absolute;
    z-index: -1;
    left: 50%;
    margin-left: -42px;
    top: -10px;
	animation-duration: .75s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;	
}
.damage-box.damage-failed:before {
	content: '';
	background-image: url('images/icons-mosha.png');
    width: 96px;
    height: 32px;
    background-position: 0px -1015px;
    animation-name: heartBeat;
    display: block;
    position: absolute;
    z-index: -1;
    left: 50%;
    margin-left: -42px;
    top: -10px;
	animation-duration: .75s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;	
}
.isCrit {
	filter: hue-rotate(100deg);
}
/*.item-drop {
	width: 25px;
	height: 25px;
	position: absolute;
	text-align: center;
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
	pointer-events: fill;
	border-radius: 100%;
	-webkit-filter: drop-shadow(1px 0px 1px white);
	filter: drop-shadow(1px 1px 1px white);
}
	.item-drop:active {
		cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
	}*/
.item-drop {
	width: 45px;
	height: 45px;
	text-align: center;
	display: block;
	position: absolute;
	border: 1px solid rgba(255,255,255,.5);
	cursor:pointer;
	transition: all .1s;
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
	background-color: rgba(255,255,255,.25);
	border-radius: 100%;
	pointer-events: fill;
}
	.item-drop:hover, .item-drop.active {
		border-color: #00AADD !important;
		background-color: rgba(255, 255, 255, .75);
		z-index: 10000 !important;
	}

.itm-body-drop {
	text-align: center;
	position: relative;
    width: 100%;
    height: 100%;
	display: block;
	-webkit-filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.25));
	filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.25));
	pointer-events: none; 
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.5);
    transform-origin: center center;
	left: 0px;
    top: -2px;
}
.avatar-party {
	margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
    width: 100%;
    height: 210px;
}
.avatar-party li {
	display: block;
    height: 170px;
    width: 132px;
    position: absolute;
    left: 50%;
    margin-left: -75px;
}
.avatar-party li.character-baselevel, .avatar-party li.character-skilllevel {
    display: block;
    height: 15px;
    width: 50px;
    position: absolute;
    margin-left: 2px;
	transform: none;
}
.avatar-party li.pet-hp-container {
	width: 50px;
    max-width: 50px;
    top: 35px;
    margin: 0 auto;
    margin-left: -25px;
	height: 10px;
}
.avatar-party li.character-baselevel {
    margin-left: -50px;
}
.avatar-party li.character-hp-container {
	width: 50px;
    max-width: 100px;
    top: 2.5px;
    margin: 0 auto;
    margin-left: -25px;
	height: 7px;
}
.avatar-party li.character-hp-container .character-hp, .avatar-party li.character-mp-container .character-mp, .avatar-party li.pet-hp-container .character-hp {
	height: 7px;
}
.avatar-party li.character-mp-container {
	width: 50px;
    max-width: 100px;
    top: 10px;
    margin: 0 auto;
    margin-left: -25px;
	height: 10px;
}
.avatar-party li h5 {
	margin-top: 160px;
    text-align: center;	
	color: white;
}
.avatar-party li.dead {
	
}
.avatar-party li h5 a {
	color: white;	
}
.avatar-party li.user-hero-display:not(.dead):after {
    content: '';
    background-color: whiteSmoke;
    opacity: .5;
    border-radius: 100%;
    width: 50px;
    height: 10px;
    position: absolute;
    bottom: 35px;
    filter: blur(7px) drop-shadow(0px 0px 0px rgba(255,255,255,.2));
    -webkit-filter: blur(7px) drop-shadow(0px 0px 0px rgba(255,255,255,.2));
    -moz-filter: blur(7px) drop-shadow(0px 0px 0px rgba(255,255,255,.2));
    -ms-filter: blur(7px) drop-shadow(0px 0px 0px rgba(255,255,255,.2));
    -o-filter: blur(7px) drop-shadow(0px 0px 0px rgba(255,255,255,.2));
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: 50%;
    z-index: -1;
}
.dead.user-hero-display:after, .user-hero-display.dead:before  {
	top: 25px;
}
.avatar-party li.party-member-a, .avatar-party li.party-member-c {
	left: 50%;
    margin-left: -75px;
    transform: translateX(-360px);
}
.avatar-party li.party-member-a, .avatar-party li.party-member-c {
    transform: translateX(360px);
}
.avatar-party li.party-member-b {
	left: calc(100% - 75px);
}
.appbox #profile-viewer, .appbox #Guild-System {
    max-height: calc(100vh - 49px) !important;
    overflow-y: auto;
    overflow-x: hidden;	
	z-index: -1;
}
/* Effects */
.dress-up {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: rubberBand 0.7s linear 1, blurry 1s linear 1;
	animation: rubberBand 0.7s linear 1, blurry 0.7s linear 1;
}
	@-webkit-keyframes blurry {
		from { -webkit-filter: blur(0) greyscale; filter: blur(0); }
		to { -webkit-filter: blur(1px) greyscale; filter: blur(1px); }
	}
	@keyframes blurry {
		from { -webkit-filter: blur(0) greyscale; filter: blur(0); }
		to { -webkit-filter: blur(1px) greyscale; filter: blur(1px); }
	}

.avatar-wrapper.idle nav {
	opacity: .75;	
}

/*.chroma:before {	
	animation: chroma-cyan 1s ease-in infinite alternate-reverse;
}
	@keyframes chroma-cyan {
	  from { filter: ''; }
		to { filter: drop-shadow(-2px -2px 0 cyan) blur(2px); }
	}

.chroma:after {	
	animation: chroma-red 1 s ease-in infinite alternate-reverse;
}
	@keyframes chroma-red {
	  from { filter: ''; }
		to { filter: drop-shadow(2px 2px 0 red) blur(2px); }
	}
*/
.particles {
	position: relative;
	grid-area: 1 / 1 / 2 / 2;
}

.particles-canvas {
	position: absolute;
	pointer-events: none;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	filter: drop-shadow(2px 2px 1px #FF6699) drop-shadow(-2px -2px 1px cyan) drop-shadow(rgba(0, 170, 221, 0.8) 0 0 8px);
}

.particles-wrapper {
	position: relative;
	display: inline-block;
	overflow: hidden;
	will-change: transform;
}


@-webkit-keyframes chromaShake {
  from, to {
	filter: '';
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
	filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
	filter: drop-shadow(-2px -2px 0 #FF6699) drop-shadow(2px 2px 0 cyan);
  }
}

@keyframes chromaShake {
  from, to {
	filter: '';
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
	filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
	filter: drop-shadow(-2px -2px 0 #FF6699) drop-shadow(2px 2px 0 cyan);
  }
}

.chromaShake {
  -webkit-animation-name: chromaShake;
  animation-name: chromaShake;
}
.obj-smokeUp {
    -webkit-mask-image: linear-gradient(to bottom, rgba(255,255,255,0) 5%, black 50%, rgba(255,255,255,0) 95%);
}
.chroma {	
	animation: chroma-cyan 1s ease-in 1 alternate-reverse;
}
	@keyframes chroma-cyan {
	  from   { filter: ''; }
	  25%, 75%   { filter: drop-shadow(2px 2px 0 cyan) drop-shadow(-2px -2px 0 #FF6699); }
	  50%	{ filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan); }
	  to	{ filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan); }
	}

.chroma-squash {	
	animation: chroma .35s linear 1, mega-squash .35s linear 1;
	bottom: 0;
    position: relative;
	transform-origin: center 90%;
	/*mix-blend-mode: overlay;*/
}
	@keyframes chroma {
	  from   { filter: ''; }
	  25%, 75%   { filter: drop-shadow(2px 2px 0 cyan) drop-shadow(-2px -2px 0 #FF6699) brightness(2); }
	  50%	{ filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan) brightness(2); }
	  to	{ filter: drop-shadow(2px 2px 0 #FF6699) drop-shadow(-2px -2px 0 cyan) brightness(2); }

	}
	@keyframes rubber-squash-left {
		from { transform: perspective(280px) rotateX(2deg); }
		25% {  transform: perspective(280px) rotateX(-2deg); }
		50% {  transform: perspective(280px) rotateX(1deg); }
		75% {  transform: perspective(280px) rotateX(-1deg); }
		to  { transform: ''; }
	}
	@keyframes rubber-squash-right {
		from { transform: perspective(280px) rotateX(-2deg); }
		25% {  transform: perspective(280px) rotateX(2deg); }
		50% {  transform: perspective(280px) rotateX(-1deg); }
		75% {  transform: perspective(280px) rotateX(1deg); }
		to  { transform: ''; }
	}

/*.chroma:before {	
	filter: drop-shadow(2px 2px 0 red) blur(2px);
}*/

.breath {
	-webkit-animation: breath 2.5s ease-in infinite alternate-reverse;
	/*animation: breath 2.5s ease-in infinite alternate-reverse;*/
}
	@-webkit-keyframes breath {
	  from { -webkit-transform: scale3d(1, 1, 1) translate3d(-1px, 2px, 1px); }
		to { -webkit-transform: scale3d(1.06, 1.03, 1.01) translate3d(0px, -1px, 1px); }
	}
.scaling {
	-webkit-animation: scaling .7s ease-in infinite alternate-reverse;
	/*animation: breath 2.5s ease-in infinite alternate-reverse;*/
}
	@-webkit-keyframes scaling {
	  from { -webkit-transform: scale(.7); }
		to { -webkit-transform: scale(.8); }
	}
.scalingMed {
	-webkit-animation: scalingMed .7s ease-in infinite alternate-reverse;
	/*animation: breath 2.5s ease-in infinite alternate-reverse;*/
}
	@-webkit-keyframes scalingMed {
	  from { -webkit-transform: scale(.8); }
		to { -webkit-transform: scale(.9); }
	}
	/*@keyframes breath {
	  from { transform: scale3d(1, 1, 1) translate3d(-1px, 2px, 1px); }
		to { transform: scale3d(1.06, 1.03, 1.01) translate3d(0, -1px, 1px); }
	}*/

.user-breath {
	-webkit-animation: user-breath 3s ease-in infinite alternate-reverse;
	/*animation: user-breath 3s ease-in infinite alternate-reverse;*/
	-webkit-animation-fill-mode: both;
	/*animation-fill-mode: both;*/
	-webkit-backface-visibility: hidden;
	/*backface-visibility: hidden;*/
	-webkit-perspective: 1000;
	/*perspective: 1000;*/
	-webkit-transform-style: flat;
	/*transform-style: flat;*/
	/*mask-box-image			: linear-gradient(top,black 0%, black 95%, transparent 10%);
	-webkit-mask-box-image	: -webkit-linear-gradient(top,black 0%, black 95%, transparent 10%);*/
}

/* World Map */
.worldmap-wrapper {
    background-color: #8ce4dd;
    background: linear-gradient(to bottom, #94c5f8 0%,#a6e6ff 12%,#b1b5ea 25%, #4394d5 60%);
    /*min-height: 770px;
    min-height: 100%;
    height: 100vh;
	min-height: 1024px;
    max-height: 1024px;
    max-width: 1200px;
    min-width: 1200px;
    width: 100vw;*/
	
	min-width: 1200px;
	width: 100vw;
	max-width: 1200px;
	min-height: 1200px;
	height: 100vh;
	max-height: 1200px;

    position: relative;
	overflow: hidden;
}
.worldmap-container {
    /*z-index: 1000;
    overflow: hidden;
    width: 100%;
    height: fit-content;
	max-height: calc(100vh - 40px);
    position: relative;
    display: block;
    margin-bottom: 0px !important;
	box-shadow: none;
    border-bottom: 0px;*/
}
.worldmap-Background {
    max-width: 1924px;
    max-height: 1600px;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}
.worldmap-Kali {
	position: absolute;
    z-index: 2;
    top: 185px;
    left: -55px;
    /*max-width: 500px;*/
    object-fit: contain;
}
.worldmap-Guardia {
    position: absolute;
    z-index: 5;
    top: 300px;
    left: 0px;
    /*max-width: 500px;*/
    object-fit: contain;
}
.worldmap-Eden {
    position: absolute;
    z-index: 4;
    top: 185px;
    left: 400px;
    object-fit: contain;
}
.worldmap-Drogen {
    position: absolute;
    z-index: 2;
    top: 135px;
    right: -33px;
    object-fit: contain;
}
.worldmap-Mu {
    position: absolute;
    z-index: 5;
    bottom: 0px;
    right: 0px;
    object-fit: contain;
}
.worldmap-Hawaii {
    position: absolute;
    z-index: 2;
	top: 685px;
    left: 425px;
    object-fit: contain;
}
.worldmap-Tartaria {
    position: absolute;
    z-index: 2;
	bottom: 0px;
    left: 0px;
    object-fit: contain;
}

.button-travelTo {
	width: 30px;
    height: 15px;
    border: 2px solid white;
    position: absolute;
    border-radius: 100%;
    background-color: #f5deb3;
}
	.button-travelTo.active {
		background-color: #00aadd;
	}
	.button-travelTo:hover, .dead .avatar-head {
		cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
		border-color: #ff6699;
	}
	.button-travelTo:active, .dead .avatar-head:active {
		cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
	}

[role="accordion"] li:not(.bottom-pagination) {
	text-align: center;
	opacity: 0;
	position: absolute;
	transition: opacity .25s;
}
[role="accordion"] li.active {
	opacity:1;
	position: relative;
    width: calc(100% + 40px);
    margin-left: -10px;
}
[role="accordion"] li.bottom-pagination {
    position: absolute;
    width: 100%;
    height: 50px;
    background: whitesmoke;
    left: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 1px solid #d8d8d8;
    bottom: 0px;
}
 
[role="accordion"] li.bottom-pagination nav {
	position: relative;
    width: 100%;
    height: 50px;
    text-align: center;
    padding: 15px;
} 
[role="accordion"] li.bottom-pagination nav .circle-button {
	width: 10px; height: 10px; border: 1px solid #818a91;
	position: relative;
    display: inline-block;
    margin: 5px 15px;
} 
[role="accordion"] li.bottom-pagination nav .circle-button.active {
	border-color: #00aadd;
	transform: scale(2);
} 

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.user-breath2 {
		-webkit-animation: user-breath2 3s ease-in infinite alternate-reverse;
		animation: user-breath 3s ease-in infinite alternate-reverse;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000;
		perspective: 1000;
		-webkit-transform-style: flat;
		transform-style: flat;
		mask-image			: linear-gradient(top,black 0%, black 95%, transparent 10%);
		-webkit-mask-box-image	: -webkit-linear-gradient(top,black 0%, black 95%, transparent 10%);
	}
	.dead .avatar-mask {
		background-color: black;
		background-blend-mode: luminosity;
	}
}  
	/*@-webkit-document url-prefix() { */
		.user-breath2 {
			-webkit-animation: user-breath2 3s ease-in infinite alternate-reverse;
			animation: user-breath 3s ease-in infinite alternate-reverse;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-perspective: 1000;
			perspective: 1000;
			-webkit-transform-style: flat;
			transform-style: flat;
			mask-image			: linear-gradient(top,black 0%, black 95%, transparent 10%);
			-webkit-mask-box-image	: -webkit-linear-gradient(top,black 0%, black 95%, transparent 10%);
		}
	/*}*/

.monsterDead, .petDead {
	/*-webkit-mask-box-image	: -webkit-linear-gradient(bottom, black 75%, transparent 100%);
	mask-box-image			: linear-gradient(bottom, black 75%, transparent 100%);*/
	pointer-events: none;
}
.monsterDead > *, .petDead > * {
	pointer-events: none !important;
}
.monsterDead .monster-body, .petDead .pet-body {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); /* IE 6-9 */
	opacity: .6;
}
.monsterDead .monster-name, .petDead .pet-name {
	display: none;
}
.avatar-wrapper .pet-name {
	display: none;
}
.tutorial-overlay {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
	animation-delay: .2s;
}
.mount-body {
	width: 200px;
    height: 227px;
    display: block;
    position: absolute;
	z-index: 2;
	transform: translateZ(1px); 
}
.mini-squash {
	bottom: 0;
    position: relative;
	-webkit-animation: mini-squash 0.15s linear 1;
	animation: mini-squash .15s linear 1;
	-webkit-transform-origin: center 90%;
	transform-origin: center 90%;
}
	@-webkit-keyframes mini-squash {
		from { -webkit-transform: scaleY(1); }
		50% {  -webkit-transform: scaleY(.96); }
		to  { -webkit-transform: scaleY(1); }
	}
	@keyframes mini-squash {
		from { transform: scaleY(1); }
		50% {  transform: scaleY(.96); }
		to  {  transform: scaleY(1); }
	}
.squash {
	bottom: 0;
    position: relative;
	-webkit-animation: squash 0.05s linear 1;
	animation: squash 0.1s linear 1;
	-webkit-transform-origin: center 90%;
	transform-origin: center 90%;
}
	@-webkit-keyframes squash {
		from { -webkit-transform: scaleY(1); }
		25% {  -webkit-transform: scaleY(.92); }
		50% {  -webkit-transform: scaleY(.97); }
		75% {  -webkit-transform: scaleY(.94); }
		to  { -webkit-transform: scaleY(1); }
	}
	@keyframes squash {
		from { transform: scaleY(1); }
		25% {  transform: scaleY(.92); }
		50% {  transform: scaleY(.97); }
		75% {  transform: scaleY(.94); }
		to  { transform: scaleY(1); }
	}

.mega-squash {
	bottom: 0;
    position: relative;
	animation: mega-squash 0.1s linear 1;
	transform-origin: center 90%;
	animation-duration: .3s !important;
}

	@keyframes mega-squash {
		from { transform: scaleY(1); }
		25% {  transform: scaleY(.8); }
		50% {  transform: scaleY(1.3); }
		75% {  transform: scaleY(.9); }
		to  { transform: scaleY(1); }
	}

.cooldown {
	animation: cooldown 2s linear 1;
}
	@keyframes cooldown {
	    from {
			background-color: #d8d8d8;
			-webkit-filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			filter: grayscale(100%);
			filter: gray; /* IE 6-9 */
	    }
	    to {
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			background-color: white;
			filter: grayscale(0%);
	    }
	}

.yes, .upDown {
	 -webkit-transform-origin: center bottom;
	 transform-origin: center bottom;
	 animation: upDown .3s ease-in infinite alternate;
}
	@keyframes upDown {
	  from { transform: translate3d(0,0,0); }
	  to { transform: translate3d(0,10px,1px); }
	}

.upDown2 {
	 -webkit-transform-origin: center bottom;
	 transform-origin: center bottom;
	 animation: upDown2 1s ease-in infinite alternate;
}
	@keyframes upDown2 {
	  from { transform: translate3d(0,0,1px); }
	  to { transform: translate3d(0,3px,1px); }
	}
	
.flipper, .flipper-invert {
	animation: flipper 1s linear infinite;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	position: relative;
	transition: all 1000ms;
	perspective: 1000px;
	transform-origin: right center;
}
.flipper-invert {
	animation: flipper-invert 1s linear infinite;
}

	@keyframes flipper {
	  from { transform: rotateY(0deg); }
	  50% { transform: rotateY(200deg); }
	  to { transform: rotateY(0deg); }
	}
	@keyframes flipper-invert {
	  from { transform: rotateY(200deg); }
	  50% { transform: rotateY(0deg); }
	  to { transform: rotateY(200deg); }
	}

.rotator {
	animation: rotator 1s linear infinite;
}
	@keyframes rotator {
	  from { transform: rotate(0deg); }
	  to { transform: rotate(360deg); }
	}
.rotator-reverse {
	animation: rotator-reverse 1s linear infinite;
}
	@keyframes rotator-reverse {
	  from { transform: rotate(0deg); }
	  to { transform: rotate(-360deg); }
	}
.hue-rotator {
	animation: hue-rotator 1s linear infinite;
}
	@keyframes hue-rotator {
	  from { filter: hue-rotate(0deg); }
	  to { filter: hue-rotate(-360deg); }
	}

.elliptic {
	animation: elliptic 1s linear infinite;
}

@keyframes elliptic {
    from { transform: rotate(0deg) translateX(80px) rotate(0deg); }
    to   { transform: rotate(360deg) translateX(70px) rotate(-360deg); }
}
.visibilityChange {
	animation: visibilityChange 4s linear infinite;
}

@keyframes visibilityChange {
    from, 70% { opacity: 0; }
    100%    { opacity: 1; }
}

[class|="confetti"] {
  position: absolute;
}
.confetti-pink {
  background-color: #FF6699;
}
.confetti-yellow {
  background-color: #FAA040;
}
.confetti-blue {
  background-color: #00ADDD;
}
span.discount-circle.burst-bubble {
	margin-top: 0px; white-space: nowrap; line-height: 48px;	
	color: #00ADDD;
    border: 0px;
	overflow: unset;
}
span.discount-circle.burst-bubble:hover {
	background-color:transparent;
	box-shadow: none;
	transform: scale(1.2);	
}
span.discount-circle.burst-bubble [role="balloon-burst"]:active, span.discount-circle.burst-bubble [role="balloon-burst"]:hover {
	animation: rubberBand .15s linear infinite alternate-reverse;	
}
.goleft {
	 -webkit-transform-origin: center bottom;
	 transform-origin: center bottom;
	 animation: goLeft .3s linear infinite alternate;
}
	@keyframes goLeft {
	  from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	  }
	  to {
		-webkit-transform: translate3d(-8px,0,0);
		transform: translate3d(-8px,0,0);
	  }
	}

.goright {
	 -webkit-transform-origin: center bottom;
	 transform-origin: center bottom;
	 animation: goRight .3s linear infinite alternate;
}
	@keyframes goRight {
	  from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	  }
	  to {
		-webkit-transform: translate3d(8px,0,0);
		transform: translate3d(8px,0,0);
	  }
	}

/*.cloud-move {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-webkit-animation: cloud-move linear infinite;
	animation: cloud-move linear infinite;
}*/

.map-container {
	width: 100%;
    height: 100%;
	overflow:hidden;
	position: relative;
	display: block;
	transform-origin: left top;
	transition: transform .1s;
	box-sizing: content-box;
}
.panOut {
	 /*animation: panOut 3s linear 1;*/
}
	@keyframes panOut {
	  from { transform: scale(1.05); }
	  to { transform: scale(1); }
	}
/*.windy-grass {
	animation: windy-grass 7s ease-in-out infinite alternate;
}*/
	/*@keyframes windy-grass {
	  from { transform: skewX(0); }
	  94% { transform: skewX(1deg); }
	  96% { transform: skewX(0); }
	  98% { transform: skewX(2deg); }
	  to { transform: skewX(0deg); }
	}*/

	@-webkit-keyframes typewriter { 
	  from { width: 0; } 
	} 
	@keyframes typewriter { 
	  from { width: 0; } 
	} 

.walking-bounce {
	animation: walking-bounce 1.5s ease-in-out infinite alternate;
}
@keyframes walking-bounce {
  from, to {
    background-position: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    top: -2px;
  }
}	

.walking-movement-DownLeft-Small-N {
	animation: walking-movement-DownLeft-Small-N 2s steps(3, end) infinite forwards;
}
.walking-movement-DownLeft-Small-A {
	animation: walking-movement-DownLeft-Small-A 2s steps(3, end) infinite forwards;
}
.walking-movement-DownRight-Small-N {
	animation: walking-movement-DownRight-Small-N 2s steps(3, end) infinite forwards;
}
.walking-movement-DownRight-Small-A {
	animation: walking-movement-DownRight-Small-A 2s steps(3, end) infinite forwards;
}

	@keyframes walking-movement-DownLeft-Small-N {
	  from { background-position: 0px 0px; }
	  to   { background-position: -234px 0px; }
	}	
	@keyframes walking-movement-DownLeft-Small-A {
	  from { background-position: 0px -234px; }
	  to   { background-position: -234px -234px; }
	}	
	@keyframes walking-movement-DownRight-Small-N {
	  from { background-position: 0px -78px; }
	  to   { background-position: -234px -78px; }
	}	
	@keyframes walking-movement-DownRight-Small-A {
	  from { background-position: 0px -234px; }
	  to   { background-position: -234px -234px; }
	}	

.walking-movement-DownLeft-Medium-N {
	animation: walking-movement-DownLeft-Medium-N 2s steps(3, end) infinite forwards;
}
.walking-movement-DownLeft-Medium-A {
	animation: walking-movement-DownLeft-Medium-A 2s steps(3, end) infinite forwards;
}
.walking-movement-DownRight-Medium-N {
	animation: walking-movement-DownRight-Medium-N 2s steps(3, end) infinite forwards;
}
.walking-movement-DownRight-Medium-A {
	animation: walking-movement-DownRight-Medium-A 2s steps(3, end) infinite forwards;
}

	@keyframes walking-movement-DownLeft-Medium-N {
	  from {background-position: 0px 0px; },
	  to { background-position: -675px 0px; }
	}	
	@keyframes walking-movement-DownLeft-Medium-A {
	  from {background-position: 0px -450px; },
	  to { background-position: -675px -450px; }
	}	
	@keyframes walking-movement-DownRight-Medium-N {
	  from {background-position: 0px -225px; },
	  to { background-position: -675px -225px; }
	}	
	@keyframes walking-movement-DownRight-Medium-A {
	  from { background-position: 0px -675px; },
	  to { background-position: -675px -675px; }
	}	

.walking-movement-DownLeft-Big-N {
	animation: walking-movement-DownLeft-Big-N 2s steps(3, end) infinite forwards;
}
.walking-movement-DownLeft-Big-A {
	animation: walking-movement-DownLeft-Big-A 2s steps(3, end) infinite forwards;
}
.walking-movement-DownRight-Big-N {
	animation: walking-movement-DownRight-Big-N 2s steps(3, end) infinite forwards;
}
.walking-movement-DownRight-Big-A {
	animation: walking-movement-DownRight-Big-A 2s steps(3, end) infinite forwards;
}

	@keyframes walking-movement-DownLeft-Big-N {
	  from {background-position: 0px 0px; },
	  to { background-position: -1350px 0px; }
	}	
	@keyframes walking-movement-DownLeft-Big-A {
	  from {background-position: 0px -900px; },
	  to { background-position: -1350px -900px; }
	}	
	@keyframes walking-movement-DownRight-Big-N {
	  from {background-position: 0px -450px; },
	  to { background-position: -1350px -450px; }
	}	
	@keyframes walking-movement-DownRight-Big-A {
	  from { background-position: 0px -1350px; },
	  to { background-position: -1350px -1350px; }
	}	

/*.reiatsu {
    animation-fill-mode: both;	
	animation: reiatsu 0.2s ease-in-out infinite;
	animation-delay: 2s;
	/*background-color: radial-gradient(transparent, rgba(255,102,153,.5));
}*/
/*.teleports {
	animation: teleports 1.3s steps(5, end) infinite reverse;
	animation-delay: 5s;
}
	@keyframes teleports {
	  from { background-position: 0px 0px; }
	  to { background-position: 525px 0px; }
	}
*/
.tutorial-slideRight {
	background-color: rgba(0,0,0,.5);
    z-index: 10;
    /* height: 100vh; */
    max-height: 100vh;
    top: 0px;
}
/* Attack Animations */
.avatar-attack, .item-animation, .monster-hit, .pet-hit {
	position: fixed;
	opacity: .9;
	width: 155px;
	height: 165px;
	display: block;
	left: 50%;
	top: 50%;
	z-index: 10000;
}
.item-animation {
	left: 50%;
	margin-left: -51px;
	top: 25px;
}
	.avatar-attack i, .item-animation i, .monster-hit i, .pet-hit i {
		background-repeat: no-repeat;
		width: 100%; height: 100%; display: block;
	}
	.avatar-attack {
		left: 0%;
		top: 0%;
	}
	.Small .monster-hit, .Small .pet-hit {
		top: -110%;
		left: -100%;
	}
	.Medium .monster-hit, .Medium .pet-hit {
		top: 0%;
		left: 0%;
	}
	.Big .monster-hit, .Big .pet-hit {
		top: 0%;
		left: 0%;
	}

.mosha-filter {
	transition: filter .1s;
	overflow: hidden;
	height: calc(100vh - 99px);
}
[role="Background"], [role="Horizon"], [role="Stage"], [role="Front"], [role="Particles"], [role="Weather"], [role="Effect"], [role="Filter"], [role="Horizon-Back"] {
	min-height: fit-content;
	height: calc(100vh - 99px);
	max-height: 870px !important;
	transform-style: preserve-3d;
	min-width: 1200px;
	width: 100%;
	max-width: 100vw;
	pointer-events: none;
	position: absolute;
	will-change: transform;
	perspective: 1000px;
	backface-visibility: hidden;
}

[role="Background"], .Background-holder {
	transition: all 5s;
	background-position: center center;
	z-index: 0;
	top: 0px;
	position: fixed;
	/*width: 100% !important;*/
	/*max-height: 1024px !important;
	max-height: 1920px !important;*/
	object-fit: cover;
	background-repeat: repeat;
	left: 50%;
	transform: translate3d(-50%, 0px, 1px);
	height: calc(100vh - 99px) !important;
	/*min-height: 870px !important;
	max-height: 870px !important;*/
	pointer-events: none;
}
.Background-holder {
	z-index: -1;
}
.moving-Background-clouds, .stars {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}
[data-noafter]:after {
	opacity: 0!important;
}

[role="Horizon-Back"] {
	transition: all 5s ease-in-out;
	background-position: 50% 100%;
	background-repeat: repeat;
	z-index: 2;
	perspective: 1000px;
	backface-visibility: hidden;
	object-fit: cover;
	/*min-height: 870px !important;*/
	max-height: 870px !important;
	left: 50%;
	transform: translate3d(-50%, 0px, 1px);
	top: unset;
	bottom: 0px;
	will-change: background-position;
	transform-style: flat;

}
.screenshot-viewer {
	border: #97A2A4; 
	border-radius: 5px;	
	overflow: hidden;
	z-index: -1;
	pointer-events: fill;
	/*background-size: cover;*/
}
.screenshot-viewer .comment-table {
	margin: 0;
	border: 0px;
    background: transparent;
    box-shadow: none;
}
.screenshot-viewer .comment-author, .screenshot-viewer .table-body:not(.active), .screenshot-viewer [role="post-text"], .screenshot-viewer .button-reply {
	display: none;
}
.screenshot-viewer .table-body {
    height: 225px;
    margin-top: 38px;
    margin-left: 37px;
    width: 360px;
    border-radius: 3px;
}
.screenshot-viewr div.go-right {
	right: 175px;
}
.screenshot-viewer .icon-more {
    border-width: 12px 12px 0 12px;
    margin: 10px 0 0 3px;
}
.screenshot-viewer .icon-more:before {
    border-width: 12px 12px 0 12px;
}
.screenshot-viewer .comment-author {
	max-height: 225px;
	height: 100%;
}
.screenshot-viewer .comment-control {
	margin-top: 0 !important;
	transition: opacity 1s;
	opacity: 0;
}
.screenshot-viewer .photo-viewer {
	position: absolute;
    left: -2px;
    top: -3px;
    margin: 0px;
    border: 0px;
    max-width: 364px;
    min-width: 364px;
    max-height: 225px;	
}
.screenshot-viewer .photo-viewer.grid-1 li img {
	object-fit: cover;
    max-width: 364px;
    min-width: 364px;
    max-height: 225px;
    min-height: 225px;
}
.screenshot-viewer .photo-viewer li:before, .screenshot-viewer .photo-viewer li:after, .screenshot-viewer [role="media-viewer"] .screenshot-wrapper {
	border: 0px;
}
.screenshot-viewer .comment-avatar {
	z-index: 10;
	opacity: 0;
	transition: opacity 1s;
	left: -5px;
}
.screenshot-viewer .comment-stats {
	z-index: 1;
    position: absolute;
	bottom: -165px;
    margin: 0px;
    padding: 6px 25px 10px 0px;
    border: 1px solid #ccc;
	opacity: 0;
	transition: opacity 1s;
	border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
	background-color: rgba(255,255,255,1);
	max-height: 32.5px;
    right: 10px;
    min-width: 160px;
    border-radius: 25px;
	width: fit-content;
}
.screenshot-viewer .icon-like {
    margin: 7px 5px;
}
.screenshot-viewer .icon-share {
	margin: 4px 4px !important;
}
.screenshot-viewer div.go-right {
	left: 372px;
}
.screenshot-viewer .stats-wrap li:nth-child(2) {
    margin-right: 15px !important;
}
.noActivity > .blended {
	opacity: .35;
	mix-blend-mode: darken;
	filter: blur(1px);
	transition: all 1s;
	pointer-events: none !important;
}
.noActivity > .blendedFull {
	opacity: 0;
	pointer-events: none !important;
}
[role="map"][data-category="Interior"] .walking-canvas:not(.active) > .avatar-wrapper {
	filter: blur(2px) brightness(0);
	transition: all 1s;
    -webkit-mask-image: linear-gradient(to bottom, rgba(255,255,255,0) 50%, black 65%);
    mask-image: linear-gradient(to bottom, rgba(255,255,255,0) 50%, black 65%);
}
.noActivity, .noActivity *, .noActivity > .notReVisible .fillEvents, .noActivity > div, .noActivity > .notReVisible *,
.noActivity > .notReVisible [data-collide], .noActivity > *,
.walking-canvas:not(.active) > .notReVisible *, .walking-canvas:not(.active) > [role="Object"]:not('.stageChange') *, .walking-canvas:not(.active) > *, .walking-canvas:not(.active) > .target {
	pointer-events: none !important;
}
.walking-canvas:not(.active) > .monsterBox > .monster-menu, .walking-canvas:not(.active) > .monster-name, .walking-canvas:not(.active) > .damage-box, .walking-canvas:not(.active) > .damage-box:after,
[role="map"][data-category="Interior"] .walking-canvas:not(.active) > .npc-name {
	display: none !important;
}
.noActivity > .notReVisible {
	transition: all 1s;
	/*opacity: 0;*/
    -webkit-mask-image: linear-gradient(to bottom, rgba(255,255,255,0) 90%, black 95%);
    mask-image: linear-gradient(to bottom, rgba(255,255,255,0) 90%, black 95%);
	overflow: hidden;
	filter: blur(0px);
	pointer-events: none !important;
}
.noActivity > .notRVisible {
	transition: all 1s;
	opacity: 0;
	pointer-events: none !important;
}
.noActivity > .notReVisible, .noActivity > .notReVisible .fillEvents, .noActivity > .fillEvents, .noActivity .fillEvents  {
	pointer-events: none !important;
}
.noActivity > .blurred {	
	transition: all 1s;
	filter: blur(1px);
}
.stageChange[data-incollision] canvas {
	transform: scale(1.2);
	height: 100%;
}
.screenshot-viewer .comment-replies {
	display: none;
}
.screenshot-viewer .comment-table[style="max-width: 730px;"] {
    transform: scale(0.5);
    transform-origin: left;
    position: absolute;
    margin-left: 35px;
    margin-top: 12px;
    z-index: 10;
}
/*[role="map"] .tips-s:hover:before {
	font-size: 1rem;
	 top: -49px;
	 padding: 10px 15px;
}*/
[role="map"] .tips-s:hover:before {
	padding: 2.5px 15px;
	font-size: 1rem;
    top: -42px;
	line-height: 23px;
}/**/
/*
renta tu espacio
	left: 4940px;
    height: 60px;
    width: 265px;
    top: unset;
    bottom: 545px;
*/
.screenshot-viewer .stats-wrap {
	border: 0px;
	padding-top: 0px;
}
.screenshot-viewer:hover .comment-stats, 
.screenshot-viewer:hover .comment-avatar,
.screenshot-viewer:hover .comment-control {
	opacity: 1;
}

[role="Horizon"] {
	transition: all 5s;
	background-position: left bottom;
	z-index: -15;
	top: unset;
	bottom: 0px;
	object-fit: cover;
	background-repeat: repeat;
	height: calc(100vh - 99px) !important;
	max-height: 870px !important;
	min-height: 870px !important;
	transform-origin: left bottom;
	min-width
}
[role="Stage"] {
	background-position: left bottom;
	z-index: 5;
	position: absolute;
	top: unset;
	bottom: 0px;
    height: calc(100vh - 99px) !important;
	max-height: 870px !important;
	min-height: 870px !important;
	max-width: 100%;
	background-repeat: repeat;
	transform-style: preserve-3d;
	/*transform: perspective(1000px) rotateX(10deg);*/
	transition: transform 3s;
	/*-webkit-mask-box-image-source: -webkit-linear-gradient(left, white 0%, black 1%, black 99%, transparent 100%);
	mask-image-source: linear-gradient(left, white 0%, black 1%, black 99%, transparent 100%);*/

}
.Stage2[role="Stage"] {
	/*transform: perspective(500px) rotateX(10deg);*/
	z-index: 0;
}.Stage3[role="Stage"] {
	/*transform: perspective(500px) rotateX(10deg);*/
	z-index: -5;
	transform-origin: left bottom;
}
.Stage4[role="Stage"] {
	/*transform: perspective(500px) rotateX(10deg);*/
	z-index: -20;
	transform-origin: left bottom;
}
[role="Particles"] {
	max-height: 870px;
	max-width: 1740px; 
	min-width: 1740px;
	z-index: 4; 
	min-height: 870px;
}
[role="Weather"] {
	width: 100%;
	height: 100%;
	z-index: 50;
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
}
[role="Floor"] {
	height: 200px; 
	max-height: 200px;
	width: 100%; /**/
	z-index: 6; 
	background-position: left bottom; 
	pointer-events: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
[role="Front"] {
	background-position: left bottom;
	z-index: 1000;
	position: absolute;
	top: unset;
	bottom: 0px;
    height: calc(100vh - 99px) !important;
	max-height: 870px !important;
	min-height: 870px !important;/**/
	max-width: 115%;
	background-repeat: repeat;
	background-size: contain;
	transform-origin: center center;
	opacity: .75;
	transition: bottom .7s, transform 0.35s;
	/*margin-bottom: 48px;*/
}
[role="Filter"] {
	z-index: 500;
	background-color: transparent;
	transition: background-color 20s;
	z-index: 100;
	height: 100vh;
	/*min-height: 625px;*/
	width: 100vw;
    top: 0px;
    max-height: calc(100vh - 99px) !important;
	width: 100vw;
	max-width: 1200px;
	/*mix-blend-mode: hard-light;*/

}
[role="control-menu"] {
	position: absolute;
    width: 150px;
    height: 150px;
    right: -10px;
    bottom: -10px;
}
.moon, .sun {
  background-image: url('../../../images/Eden/Resources/Object/moon.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 300px;
  height: 300px;
  left: 50%;
  margin-left: -150px;
  position: absolute;
}
.sun {
  background-image: url('../../../images/Eden/Resources/Object/sun.png');
}
[data-daytime="Dawn"] .sun, [data-daytime="Dawn"] .godRays {
	margin-top: -70px;
	transition: margin-top .33s;
}
[data-daytime="Sunset"] .sun, [data-daytime="Sunset"] .godRays {
	margin-top: 70px;
	transition: margin-top .33s;
}
[data-daytime="Day"] .sun, [data-daytime="Day"] .godRays, , [data-daytime="Night"] .moon {
	transition: margin-top .33s;
	margin-top: 0px;
}

.control-menu-button {
	background-color: rgba(255,255,255,.25);
    border: 4px solid white;
    border-bottom: 0px solid transparent;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    position: absolute;
    display: block;
    z-index: 100;
    text-align: center;	
	filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.5));
}
.control-menu-button canvas {
	margin: 20px auto;
	transform: scale(1.5);
	pointer-events: none;
}
.pc [role="Filter"] {
	max-width: 1920px;
	width: 100vw;
}
.appbox [role="Filter"][data-filter="Dream"] {
	height: 100vh !important;
    top: 0px !important;
    min-height: 100vh !important;
}
[role="Filter"][data-filter="Dream"], .OldieDream [role="Filter"], .reiatsu [role="Filter"] {
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,102,153,0) 0%, rgba(231,158,176,0) 70%, rgba(222,182,187,.75) 100%); /* ff3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,102,153,0)), color-stop(70%, rgba(231,158,176,0)), color-stop(100%, rgba(222,182,187,.75))); /* safari4+,chrome */
	background:-webkit-radial-gradient(center, ellipse cover, rgba(255,102,153,0) 0%, rgba(231,158,176,0) 70%, rgba(222,182,187,.75) 100%); /* safari5.1+,chrome10+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(255,102,153,0) 0%, rgba(231,158,176,0) 70%, rgba(222,182,187,.75) 100%); /* opera 11.10+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,102,153,0) 0%, rgba(231,158,176,0) 70%, rgba(222,182,187,.75) 100%); /* ie10+ */
	background:radial-gradient(ellipse at center, rgba(255,102,153,0) 0%, rgba(231,158,176,0) 70%, rgba(222,182,187,.75) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF6699', endColorstr='#DEB6BB',GradientType=1 ); /* ie6-9 */
   /* -webkit-mask-box-image: -webkit-radial-gradient(center, transparent 65%, black 85%);
	backdrop-filter: blur(5px);*/
}
[role="Filter"][data-filter="Dark"] {
	background:radial-gradient(ellipse at center, rgba(255,102,153,0) 0%, rgba(231,158,176,0) 70%, #2e2b2b 100%); /* w3c */
}
[role="Filter"][data-filter="Forest"], [role="Filter"][data-filter="Grainy"], .Oldie [role="Filter"], .OldieDream [role="Filter"]:before, .reiatsu [role="Filter"]  {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
	-webkit-mask-box-image: -webkit-radial-gradient(center, transparent 40%, black 75%); 
	mask-image: radial-gradient(transparent 40%, black 75%);
    background-blend-mode: color-burn;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
}
.OldieDream [role="Filter"]:before, .reiatsu [role="Filter"]:before {
	content: '';
}
.noEvents[role="Filter"] {
	/*min-height: 817px;
	max-height: 817px !important;*/
}
.noEvents[data-object] {
	/*min-height: 817px;
	max-height: 817px !important;*/
	pointer-events: none !important;
}
[role="Effect"] {
	z-index: 60;
	width: 100%;
	height: 100%;
    max-height: calc(100vh - 99px) !important;
}
[role="Title"] {
	left: 50%; 

	margin-left: -90px;
	max-width: 60vw; 
	min-width: 180px; 
	background-size: contain; 
	background-repeat: no-repeat; 
	top: 100px; 
	text-align: center; 
	display: none;
	z-index: 10001;
	animation-delay: 2s;
	pointer-events: none;
	position: absolute;

}

.house-number {
	max-width: 75px;
    margin: 32px 20px 0px;
    text-align: center;
    color: white;
    font-weight: bold;
	pointer-events: fill;
}
.house-owner {
	max-width: 120px;
    margin: 0px 20px;
    text-align: center;
    color: white;
	font-size: 1.2em;
	white-space: nowrap;
    text-overflow: ellipsis;
	pointer-events: fill;
    height: 40px;
    line-height: 37px;
	overflow: hidden;
	padding-top: 5px;
}
	.house-owner:hover {
		text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
	}
.house-counter {
	max-width: 120px;
    margin: 0px 20px;
    text-align: center;
    color: white;
    font-size: .9em;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: fill;
    height: 40px;
    line-height: 29px;
}
.house-control .icon-more:before {
	right: 6px;
	top: 11px;
	border-color: #1f2235 transparent transparent transparent;
}
.target:hover, .canvas-unset {
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
}
.target:active, .canvas-unset:active {
	cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
}
.canvas-unset {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-size: cover;
    position: absolute;
    background-repeat: no-repeat;	
	background-position: center;
	right: 0px;
	width: 40px;
	height: 40px;
}
.canvas-unset:hover:before {
    opacity: 1;
}
.appbox #menu-guild-background .canvas-unset {
	height: 114px;
}
.canvas-minimap {
	max-width: 354px;
	min-width: 354px;
	max-height: 185px; 
	display: block; 
	pointer-events: none; 
	background-size: cover;
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
}
.mosha-container .canvas-minimap {
	max-width: 315px;
	min-width: 315px;
}
#menu-front .canvas-minimap {
	background-size: contain;
    background-position: center bottom;
}
.canvas-unset.active:before {
	content: '';
	background-image: url('images/icons-mosha.png');
    background-repeat: no-repeat;
    background-position: -232px 0;
    width: 12px;
    height: 13px;
    transition: opacity .1s;
    opacity: 1;
    transform: scale(1.5);
    position: absolute;
    top: 12px;
    right: 15px;
    z-index: 1000;
    /* background-color: #00aadd; */
    display: block;
}
/*.dream {
	background-image: url('../../../images/Eden/Resources/Filter/Dream.png');
}*/
/*@media only screen and (min-width: 1024px) {

	.completeDay {
		 animation: completeDay 10s linear 10s infinite;
	}
	@keyframes completeDay {
		0% {
			-webkit-filter: invert(0) hue-rotate(0deg) contrast(100%) sepia(0);
			filter: invert(0) hue-rotate(0deg) contrast(100%) sepia(0);
		  }	  
		48% {
			-webkit-filter: invert(0) hue-rotate(90deg) contrast(90%) sepia(0);
			filter: invert(0) hue-rotate(90deg) contrast(90%) sepia(0);
		  }	  
		50% {
			-webkit-filter: invert(1) hue-rotate(180deg) contrast(110%) sepia(0);
			filter: invert(1) hue-rotate(180deg) contrast(110%) sepia(0);
		  }	 
		98% {
			-webkit-filter: invert(.9) hue-rotate(90deg) contrast(90%) sepia(0.5);
			filter: invert(.9) hue-rotate(90deg) contrast(90%) sepia(0.5);
		  }	 
		100% {
			-webkit-filter: invert(0) hue-rotate(0deg) contrast(110%) sepia(0.25); 
			filter: invert(0) hue-rotate(0deg) contrast(110%) sepia(0.25);
		}
	}

}
*/
.logout-box li.selected:not(#exiting-mosha) {
	background-color: rgba(0,0,0,.02);
	border-bottom: 1px solid #00aadd73;
    border-top: 1px solid #00aadd73;
}
.logout-box li.selected a {
	color: #00AADD;
}
.itemBlockSpecial:active {
	pointer-events: none;
	z-index: -2;
}
.nipple {
	pointer-events: none;
	transform-style: flat;
    perspective: 1000px;
    backface-visibility: hidden;
	transform: translateZ(1px);
}
.nipple .back {
	background-color: transparent !important;
	    border: 4px solid white !important;
    border-bottom: 0px solid transparent !important;
}
.nipple .front {
	background-color: rgba(255,255,255,.75) !important;
	opacity: 1 !important;
}
.itemBlockSpecial:active:after, .itemBlockSpecial:active:before {
	display: none;
}
.itemBlockSpecial {
	pointer-events: fill;
}
.mosha-wrap {
    display: block;
    overflow: hidden;
    position: relative;
    /*height: fit-content;
    max-height: calc(100vh - 99px);
    min-height: calc(100vh - 99px);*/
	height: 100%;
    margin: 0 auto;
	min-width: 1200px;
}
.percentage:after {
	content: '%';
	position: relative;

}
#music-bgm {
	display: none !important;
}
.Twilight {
	animation: twilight 30s linear infinite forwards;
}
.Oldie:after, .Oldie [role="Filter"]:after, .OldieDream:after, .OldieDream[role="Filter"]:after, .reiatsu:after, .reiatsu [role="Filter"]:after {
  content: '';
  width: 120%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 100px;
  opacity: .08;
  background: url('../../../images/Eden/Resources/Weather/scratch.png') repeat center center;
  -webkit-animation: scratch 0.45s steps(1) infinite;
  animation: scratch 0.45s steps(1) infinite;
}
.Oldie [role="Filter"]:after, .OldieDream [role="Filter"]:after, .reiatsu [role="Filter"]:after {
  left: 30%;
  -webkit-animation: inner-scratch 2s infinite;
  animation: inner-scratch 2s infinite;
}

@keyframes scratch {
  0%, 100% {
    transform: translateX(0);
    opacity: 0.15;
  }

  10% {
    transform: translateX(-1%);
  }

  20% {
    transform: translateX(1%);
  }

  30% {
    transform: translateX(-2%);
        opacity: 0.21;
  }

  40% {
    transform: translateX(3%);
  }

  50% {
    transform: translateX(-3%);
    opacity: 0.08;
  }

  60% {
    transform: translateX(8%);
  }

  70% {
    transform: translateX(-3%);
  }

  80% {
    transform: translateX(10%);
    opacity: 0.05;
  }

  90% {
    transform: translateX(-2%);
  }
}

@keyframes inner-scratch {
  0% {
    transform: translateX(0);
    opacity: 0.11;
  }

  10% {
    transform: translateX(-1%);
  }

  20% {
    transform: translateX(1%);
  }

  30% {
    transform: translateX(-2%);
  }

  40% {
    transform: translateX(3%);
  }

  50% {
    transform: translateX(-3%);
    opacity: 0.1;
  }

  60% {
    transform: translateX(8%);
  }

  70% {
    transform: translateX(-3%);
  }

  80% {
    transform: translateX(10%);
    opacity: 0.07;
  }

  90% {
    transform: translateX(20%);
  }

  100% {
    transform: translateX(30%);
  }
}
@-webkit-keyframes twilight {
	from { filter: hue-rotate(0deg); }
	to { filter: hue-rotate(-360deg); }
	/*from { background-position: 0 0px; }
	to { background-position: 0 1024px; }*/
}

@-webkit-keyframes rain {
	from { background-position: 0px -50px, 0px 0px, 64px 64px; }
	to { background-position: 0px -50px, 0px -1024px, 64px -1088px; }
	/*from { background-position: 0 0px; }
	to { background-position: 0 1024px; }*/
}
@keyframes rain {
	from { background-position: 0px -50px, -400px -400px, -250px -250px; }
	to { background-position: 0px -50px, 400px 400px, 250px 250px; }
	/*from { background-position: 0 0px; }
	to { background-position: 0 1024px; }*/
}
@-webkit-keyframes sakura {
	from { background-position: -500px -1000px, -250px -250px, -300px -300px; }
	to { background-position: 100px 100px, 250px 250px, 500px 1000px; }
}
@keyframes sakura {
	from { background-position: -500px -1000px, -250px -250px, -300px -300px; }
	to { background-position: 100px 100px, 250px 250px, 500px 1000px; }
}
@-webkit-keyframes leaves {
	from { background-position: -500px -1000px, -250px -250px, -300px -300px; }
	to { background-position: 100px 100px, 250px 250px, 500px 1000px; }
}
@keyframes leaves {
	from { background-position: -500px -1000px, -250px -250px, -300px -300px; }
	to { background-position: 100px 100px, 250px 250px, 500px 1000px; }
}
@-webkit-keyframes snow {
	from { background-position: -500px -1000px, -400px -400px; }
	to { background-position: 300px 300px, 400px 400px; }
}
@keyframes snow {
	from { background-position: -500px -1000px, -400px -400px; }
	to { background-position: 300px 300px, 400px 400px; }
}

@media only screen and (max-width: 1200px) {
	/*.rain.on {
		/*background-image: url('http://i.imgur.com/BiSmXaq.png'), url('http://i.imgur.com/XHuy0NJ.png'), url('http://i.imgur.com/okpRxJU.png');
		background-image: url('../../../images/Eden/Resources/Weather/rain_01.png'),url('../../../images/Eden/Resources/Weather/rain_02.png'),url('../../../images/Eden/Resources/Weather/rain_03.png');
		animation: rain 7s linear infinite forwards;
		/*-webkit-mask-box-image	: -webkit-linear-gradient(bottom, black 75%, transparent 100%);
		mask-box-image			: linear-gradient(bottom, black 75%, transparent 100%);
	}
	.rain.on.high {
		background-color: rgba(180,207,224, .2);
		-webkit-animation-duration: 4s;
		animation-duration: 4s;
	}
	.sakura.on {
		/*background-image: url('http://i.imgur.com/BiSmXaq.png'), url('http://i.imgur.com/XHuy0NJ.png'), url('http://i.imgur.com/okpRxJU.png');
		background-image: url('../../../images/Eden/Resources/Weather/sakura_01.png'),url('../../../images/Eden/Resources/Weather/sakura_02.png'),url('../../../images/Eden/Resources/Weather/sakura_03.png');
		animation: sakura 100s linear infinite forwards, shake 50s linear 10s infinite normal forwards;
		/*-webkit-mask-box-image	: -webkit-linear-gradient(bottom, black 75%, transparent 100%);
		mask-box-image			: linear-gradient(bottom, black 75%, transparent 100%);
	}
	.sakura.on.high {
		background-color: rgba(255,102,153, .05);
		-webkit-animation-duration: 50s;
		animation-duration: 50s;
	}
	.snow.on {
		/*background-image: url('http://i.imgur.com/BiSmXaq.png'), url('http://i.imgur.com/XHuy0NJ.png'), url('http://i.imgur.com/okpRxJU.png');
		background-image: url('../../../images/Eden/Resources/Weather/rain_01.png'),url('../../../images/Eden/Resources/Weather/BiSmXaq.png'),url('../../../images/Eden/Resources/Weather/XHuy0NJ.png'),url('../../../images/Eden/Resources/Weather/okpRxJU.png');
		animation: snow 30s linear infinite forwards, shake 30s linear 5s infinite normal forwards;
		/*-webkit-mask-box-image	: -webkit-linear-gradient(bottom, black 75%, transparent 100%);
		mask-box-image			: linear-gradient(bottom, black 75%, transparent 100%);
	}
	.snow.on.high {
		background-color: rgba(180,207,224, .2);
		-webkit-animation-duration: 15s;
		animation-duration: 15s;
	}*/

	/*@-webkit-keyframes cloud-move {
		from { background-position: 0 0; }
		to { background-position: -1920px 0px; }
	}
	@keyframes cloud-move {
		from { background-position: 0 0; }
		to { background-position: -1920px 0px; }
	}*/
	.stage-vp {
		width: 100vw;
	}
}
@media screen and ( min-width: 1024px ) {

	/*@-webkit-keyframes cloud-move {
		from { background-position: 0 0; }
		to { background-position: -1920px 0px; }
	}
	@keyframes cloud-move {
		from { background-position: 0 0; }
		to { background-position: -1920px 0px; }
	}*/
	@keyframes shaky {
	  0%, 50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	  }

	  6.5% {
		-webkit-transform: translateX(-4px) rotateY(-7deg);
		transform: translateX(-4px) rotateY(-7deg);
	  }

	  18.5% {
		-webkit-transform: translateX(3px) rotateY(5deg);
		transform: translateX(3px) rotateY(5deg);
	  }

	  31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg);
	  }

	  43.5% {
		-webkit-transform: translateX(0px) rotateY(1deg);
		transform: translateX(0px) rotateY(1deg);
	  }
	}

}

@media screen and ( min-width: 960px ) {
	
	@-webkit-keyframes user-breath {
	  from { -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 1px); }
		to { -webkit-transform: scale3d(1.03, 1.015, 1) translate3d(0px, 1px, 1px); }
	}
	@keyframes user-breath {
	  from { transform: scale3d(1, 1, 1) translate3d(0px, 0px, 1px); }
		to { transform: scale3d(1.015, 1.015, 1) translate3d(0px, 1px, 1px); }
	}

	@-webkit-keyframes user-breath2 {
	  from { -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 2px, 1px); }
		to { -webkit-transform: scale3d(1.015, 1.015, 1) translate3d(0px, -1px, 1px); }
	}
	@keyframes user-breath2 {
	  from { transform: scale3d(1, 1, 1) translate3d(0px, 2px, 1px); }
		to { transform: scale3d(1.015, 1.015, 1) translate3d(0px, -1px, 1px); }
	}

}

@media screen and ( min-width: 650px ) {
	
	@-webkit-keyframes user-breath {
	  from { -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 1px); }
		to { -webkit-transform: scale3d(1.033, 1.015, 1) translate3d(0px, 1px, 1px); }
	}
	@keyframes user-breath {
	  from { transform: scale3d(1, 1, 1) translate3d(0px, 0px, 1px); }
		to { transform: scale3d(1.033, 1.015, 1) translate3d(0px, 1px, 1px); }
	}

	@-webkit-keyframes user-breath2 {
	  from { -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 2px, 1px); }
		to { -webkit-transform: scale3d(1.033, 1.015, 1) translate3d(0px, -1px, 1px); }
	}
	@keyframes user-breath2 {
	  from { transform: scale3d(1, 1, 1) translate3d(0px, 2px, 1px); }
		to { transform: scale3d(1.033, 1.015, 1) translate3d(0px, -1px, 1px); }
	}


}

@media screen and ( max-width: 450px ) {

	#map-information .avatar-wrapper {
		width: 45px;
		height: 45px;
		border-radius: 100%;
		border: 2px solid #00aadd;
		overflow: hidden;
		position: relative;
		transform: none !important;
		top: -110px;
		left: 0px;
		float: left;
		vertical-align: top;
		margin: 5px !important;
		float: left;
		vertical-align: top;
	}
	#map-information .avatar-body {
		transform: scale(1);
	}
	#map-information .avatar-name {
		bottom: 20px;
	}
	#map-information .avatar-wrapper:after {
		display: none;
	}

	#map-information .avatar-wrapper i.avatar-body {
		background-position: -32px -15px;
	}

	#pet-menu {
		left: 0px !important;
		top: 115px !important;	
		transform: scale(.9);
		transform-origin: left top;
	}
}

@media screen and ( max-width: 1200px ) {
	.mosha-wrapper, .mosha-wrap {
		max-width: 100vw;
		min-width: 100vw;
	}
	.stage-vp {
		max-width: 100vw;
	}
	/*[role="Filter"][data-filter="Dream"], .OldieDream [role="Filter"], .reiatsu [role="Filter"] {
		-webkit-mask-box-image: none;
		backdrop-filter: none;
	}*/
}/**/

@media screen and ( max-width: 720px ) {
	.splash-screen .moshaGames-logo-small {
		margin-top: 175px;
	}
	.appbox .chat-wrapper {
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.mosha-wrap {
		min-width: 100vw !important;
	}
	.chat-footer.pop, .chat-footer.sk {
		padding: 0 calc(50vw + 5px - 185px) 0 calc(50vw + 5px - 185px);
	}	
	.profile-cover [role="pcover"] {
		background-size: cover !important;
	}
	.moon, .sun {
		margin-left: -245px;
		margin-top: -55px;	
	}
}

@media screen and ( min-width: 960px ) {
	.appbox.app [role="Filter"] {
		max-width: 100vw !important;
	}
	/*.appbox.app [role="Background"] {
		left: 0;
		transform: translateX(0%);
	}*/
	.appbox.app .general-chat-footer {
		left: 0;
		max-width: 100vw;
		transform: translateX(0%);
	}
	.appbox.app .eden-container {
		background-color: black;
	}
	.appbox.app .eden-container, .appbox.app [aria-describedby="mosha-online-pop"], .appbox.app .splash-screen,
	.appbox.app .responsive-chat, .appbox.app .template-menu, .appbox.app .play-menu {
		max-width: 1920px;
		width: 100vw;
	}
	.appbox.app #shortCuts-menu.pop, .appbox.app #shortCuts-menu.sk {
		margin-left: 0px;
	}
	.appbox.app #shortCuts-menu, .app .shortcut-menu {
		/*padding-left: calc(840px - 420px);
		padding-right: calc(840px - 420px);	*/
		/*padding-left: calc(50vw + 780px - 50% );
		padding-right: calc(50vw + 780px - 50% );*/
		position: fixed;
		left: 0;
		max-width: 100vw;
	}
}

@media screen and ( max-width: 650px ) {
	.general-chat-footer {
		/*position: fixed;*/
		bottom: 0;
		left: 0;
		right: 0;
		width: 100vw;
	}
	.chat-wrapper {
		border-left: 0;
		border-radius: 0;
		max-width: 650px;
	}

}
@media screen and ( max-width: 500px ) {
	#general-chat {
		padding-right: 40px;
	}	
	#general-chat:focus {
		padding-right: 80px;
	}
	.chat-players {
		position: absolute;
		right: -163px;
		z-index: 1;
	}
	.chat-players:hover, .chat-players:active {
		right: 0;
	}
	.chat-log {
		max-width: 100vw;
	}

	.avatar-menu-list li i {
		transform: scale(1.5);
	}
	.npc-wrapper .emoji-menu i {
		transform: scale(1.5);
	}


}
@media screen and ( max-width: 360px ) {
	.avatar-bstats {
		margin-left: -35px;
	}
	[role="subscription-perks"] li {
		min-width: 48%; 
	}
	[role="subscription-details"] {
		margin-top: 25px !important;
	}
	#stripe-subscribed {
		margin-left: -60px !important;
		top: -50px;

	}
	.tutorial-overlay .chat-title {
		font-size: 1.25em;
		font-weight: bold;	
	}
	.tutorial-overlay .chat-bubble-wrap {
		top: 15px !important;
	}
	.tutorial-overlay .chat-bubble-wrap [role="avatar-tutorial-ok"] {
		margin-top: 10px !important;
	}
	.avatar-wrapper, .user-avatar, .profile-avatar, .npc-wrapper, .npc-avatar, .map-name-wrapper {
		filter: none;
	}

	[role="avatar-layers-preview"] [data-layer-name="Garments_02"] canvas, [role="avatar-layers-preview"] [data-layer-name="Tails"] canvas {
		animation-name: none;
	}


}	

@media screen and ( max-height: 700px ) {
	.appbox [aria-describedby="post-reader"], .appbox [aria-describedby="post-viewer"] {
		margin-top: 0px;
		min-height: 100vh;
	}
	.appbox [role="carrousel"] .table-back {
		    max-height: calc(100vh - 40px);
	}
	.appbox [aria-describedby="post-viewer"] {
		overflow-y: auto;
		padding-bottom: 40px;
	}

}	


@media screen and ( max-height: 625px ) {
	.mosha-wrapper {

		bottom: 99px;		
		
		position: fixed;
		overflow: hidden;

		/*max-width: calc(100vw - 537px );
		
		width: 100vw;*/
	}
	.appbox.pc .mosha-wrapper {
		/*max-width: calc(100vw - 395px );
		max-width: 100vw;*/
	}
	[role="Background"] {
		/*left: 0px;*/
	}
}	

@media screen and ( max-height: 615px ) {
	.eden-container {
		margin: 0px auto 0px;
	}
}	

@media screen and ( max-height: 520px ) {
	.stage-vp {
		/*height: calc(100vh - 80px);*/
	}
	.general-chat-footer {
		position: fixed;
	}
	.screenshot-viewer .comment-stats, 
	.screenshot-viewer .comment-avatar,
	.screenshot-viewer .comment-control {
		opacity: 1;
	}

	/*#general-chat:focus {
		position: fixed;
		bottom: 0px;
		right: 0px;
		width: 100vw;
		padding: 10px 10px 100%;
		left: 0;
		margin: 0;
		border: 0px;
		height: calc(100vh - 40px);
		max-width: 100vw;
		vertical-align: top;
		line-height: 0px;
		z-index: 100;
	}*/	
	#shortCuts-menu {
		/*top: 340px;*/
	}
}

@media screen and ( max-height: 600px ) {
	.splash-screen .moshaGames-logo-small {
		    margin-top: 17.5vh;
	}
	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
		padding: 4px;
	}
	.avatar-name {
		font-size: 1.5rem;
	}
	.avatar-menu, .monster-menu, .player-menu, .pet-menu, .chat-bubble, .monster-name, .pet-name {
		transform: scale(1.5);
		transform-origin: center center;
	}
}
@media screen and ( max-height: 600px ) and ( max-width: 400px ) {
	#warning {
		overflow-y: auto;
		max-height: calc(100vh - 94px) !important;
	}
	.appbox .ui-dialog.ui-dialog-warning {
		margin-top: 0px;
		min-height: 100vh;
	}
}

/*@media screen and (orientation: portrait) and ( max-width: 500px ) {
    body.landscape:not(.gameBox) {
        -webkit-transform: rotate(90deg); 
        -moz-transform: rotate(90deg); 
        -ms-transform: rotate(90deg); 
        -o-transform: rotate(90deg); 
        transform: rotate(90deg);
		height: 100vw;

		height: 100vw !important;
		WIDTH: 100vh !important;
		left: -148px;
		top: 148px;
    }
	body.landscape:not(.gameBox) #page-content, html.landscape .ui-dialog, .stage-vp {
		min-height: 100vw;
		min-width: 100vh;
	}
	.appbox .general-chat-footer, .appbox #shortCuts-menu, .shortcut-menu {
		max-width: 100vh !important;
	}
	body.landscape:not(.gameBox) #content, html.landscape .register-container, html.landscape header, .ui-widget-overlay {
		width: 100vh;
	}
	[role="map"] {
		width: calc(100vw - 99px);
	}

	body.landscape .table-container {
		margin: 0;
		height: 100vw;
		max-width: 100vh;
		min-height: 100vw;
		min-width: 100vh;
	}


	body.landscape .register-container {
		background-size: contain;
	}
	.appbox .mosha-online, .appbox .splash-screen {
		min-height: 100vw !important;
		min-width: 100vh !important;
	}
	.splash-screen [role="splash-container"] {
		width: 100vh;
	}
	.splash-screen .moshaGames-logo-small {
		    margin-top: 17.5vh;
	}

}
*/
