@import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&family=Young+Serif&display=swap');
::-webkit-scrollbar{-webkit-appearance:none;}
::-webkit-scrollbar:vertical{width:6px;}
::-webkit-scrollbar:horizontal{height:6px;}
::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, .5);border-radius:10px;border:2px solid #ffffff;}
::-webkit-scrollbar-track{border-radius:10px;background-color:#ffffff;}
html,body{width:100%;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;}
body{font-family:Arial;font-size:12px;padding:0;margin:0;cursor:url('https://www.morana-online.com/game/images/cursor-default.png'),default;background-color:#0a0b14;}
canvas{inset:0;width:100%;height:100vh;height:100dvh;position:fixed;cursor:url('https://www.morana-online.com/game/images/cursor-default.png'),default;}
ul{list-style: none;}
.clear{clear:both;}
.notop{margin-top:0;}
.center{text-align:center;}
.justify{text-align:justify;}
.divider{background:url('https://www.morana-online.com/game/images/divider.png') no-repeat center;width:100%;height:16px;}
.close{position:absolute;top:0;right:0;cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png') -8 0,pointer;z-index:2999;}
.right-click{background:url('https://www.morana-online.com/game/images/right-click.png') no-repeat left center;padding-left:30px;}

a.btn,.btn{font-family:'Young Serif', serif;text-transform:uppercase;text-shadow:-2px -2px 3px black;border:4px ridge rgba(188, 239, 255, .7);font-size:20px;border-radius:7px;text-decoration:none;color:#cce4ed;transition-duration: 0.4s;cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png'),pointer;background:url('https://www.morana-online.com/game/images/bg-btn.jpg') center #695b50;background-size:cover;box-shadow:1px 1px 16px #6fb9df;}
	.btn.btn-green{background-image:url('https://www.morana-online.com/game/images/bg-btn-green.jpg');border:4px ridge rgba(136, 235, 153, .7);color:#ccedcd;box-shadow:1px 1px 16px #ccedcd;}
	.btn.btn-red{background-image:url('https://www.morana-online.com/game/images/bg-btn-red.jpg');border:4px ridge rgba(235, 145, 136, 0.7);color:#edcccc;box-shadow:1px 1px 16px #edcccc;}
	.btn.btn-gray{background-image:url('https://www.morana-online.com/game/images/bg-btn-gray.jpg');border:4px ridge rgba(100, 100, 100, .7);color:#cccccc;box-shadow:1px 1px 16px #cccccc;}
	.btn.btn-brown{background-image:url('https://www.morana-online.com/game/images/bg-btn-brown.jpg');border:4px ridge rgba(246, 197, 149, .7);color:#edd8cc;box-shadow:1px 1px 16px #edd8cc;}
	.btn:hover{color:#fdda7c;border:4px ridge rgba(251, 179, 52, .6);box-shadow:1px 1px 30px #fbb334;}
		.btn.btn-gray:hover{color:#cccccc;border:4px ridge rgba(100, 100, 100, .7);box-shadow:1px 1px 16px #cccccc;cursor:url('https://www.morana-online.com/game/images/cursor-default.png'),default;}
	.btn.close{font-size:14px;padding:6px 11px;box-shadow:none;}
		.btn.close:hover{border:4px ridge rgba(232, 89, 75, 0.7);color:#df8888;}

/* Full screen btn */
.fullscreenbtn{position:absolute;z-index:1000;height:28px;width:27px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAYAAABvCO8sAAAACXBIWXMAAAsTAAALEwEAmpwYAAABb0lEQVRIie2Wr0sEQRTHP7u3gmK8YjKYLSb/ArGIxShi0GC02WziZcXqH2Dw4JIIBsVkVoMIRkHBX8k9d32G9bi9t7Nzs8eICH5hwn7f8v3OezPzZgIR2QZWgZByxMA6cFASXwG2gCGLRgI0EJFbccO+iFAyWo4a5+H37F2QDBjLI7aVsYroh6tIZODugSPFxcCORacBvFBcw3mg3sOIyJWq87FlraqOC6V9YippzVaSiihoVVlDLwgNs/CZoU6oFgKvinz2aPiuvt8CEZkEZoAASIEWcOfJcAqYJcs0AZqBiHjSdsOvbJp/w79tGJFdnot0j8Ue0PSkvwYs0T0Wu4jIjWqwpx6b96XSPus455F6yg6grb6TENAn32cnKGibNs1PGhpv/AgYVVxKsRFrjGC4HVwMp4FrxbWBDeCwxGwZ2DTojbkYDgPjBn7OYrgATJTEehBif7zm8TlgLI8oInul1fv9CTxZYo994h08fAFt/WJyc2BhtQAAAABJRU5ErkJggg==') no-repeat;left:15px;top:40px;}
.fullscreenbtn.active{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAYAAABvCO8sAAAACXBIWXMAAAsTAAALEwEAmpwYAAABcElEQVRIie2WsUoDQRCGv4unryAEjVgpKFiIWCRKCsHC3jQWWgi+jU1ewMZGfAAR0SKxEAQrwWBEwTYvYA5/iyTkstzdTuSKIP6wsHP/zP4wtzOzSMKzNiS1JD1Imne4oqSGpFdJW4az8DpIqmuIE4c7inFnFsECfgSxfehwU4b4EVgElbL3cb8WzBX/ggBfxrO6FqcQWAcOgBmSf/y2UbAC1FO4CLgAmiFwCSwYD3XLIm4v91ca9oFiAegYxQCeHftljNgOQCCpCOzRS2kWWsB1wvcqsOKJ7QJXwEcgmeo1N0xkWeSKEJgFdoHpDD8Bb8BdAlcGlhht8i4i4Ab4RNK97Kg646YsKTLGPg7GU2mMjKw59ir2ETUHvZTWgEPSO80mw4KOHC5ut4FGQnzQ9zsfCDb7Kw2nZHeQAW6BY5+T5ZZmXaax/f5+HU6kYJCy93G5CH47XNy2ZcvweK1Iakt6krTocCX1XuTvknYsD+EfiCehaRtzBd4AAAAASUVORK5CYII=') no-repeat;}
	.fullscreenbtn:hover{opacity:0.7;cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png'),pointer;}

/* Mobile Conditions */
#mobile-conditions{position: fixed;width: 100%;box-sizing: border-box;height: 100vh;z-index: 2999;background-color: #0a0b14;text-align: center;display: none;color: #fff;font-size: 18px;}
#phone-rotate{position:absolute;top:calc(50% - 125px);width:100%;text-align:center;}
#mobile-conditions p{margin:0;}
#phone-logo{display:none;margin-bottom:0 !important;}
#mobile-conditions img{margin-bottom: 20px;}
#mobile-conditions .btn{padding: 10px 20px;display: inline-block;margin-top: 0;font-size:18px;}
@media screen and (orientation: landscape) {
	#mobile-conditions img{margin-bottom:10px;margin-top:-10px;}
	#mobile-conditions .btn{margin-top:10px;padding:5px 10px;}
	#phone-logo{margin-bottom:0 !important;}
}

#version{position:absolute;left:15px;top:15px;color:#fff;z-index:2998;}

/* Ban pub */
#ban{width:728px;height:90px;left:calc(50% - 364px);top:5px;position:fixed;z-index:1999;}
#ban-interstitial{position:absolute;z-index:2999;}

/* Loader */
#loader{position:fixed;width:100%;box-sizing:border-box;height:100vh;z-index:3000;background-color:#0a0b14;text-align:center;}
#loader-wrapper{position:fixed;left:calc(50% - 171px);top:calc(50% - 120px);}
.loader{margin:auto;margin-top:20px;width:56px;height:56px;border-radius:50%;background:conic-gradient(#0000 10%,#f08912);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);animation:spinloader 1s infinite linear;}
@keyframes spinloader{to{transform:rotate(1turn);}}

/* Daily Gift */
#dailygift{display:none;position:fixed;z-index:1000;background:url('https://www.morana-online.com/game/images/rarity/common.jpg');border:10px ridge rgba(255, 255, 255, .6);border-radius:5px;padding:15px;width:290px;left:calc(50% - 170px);top:calc(50% - 150px);}
	#dailygift h2{font-family:'Sedgwick Ave';font-size:18px;text-transform:uppercase;color:#ffffff;text-align:center;}
	#dailygift p{text-align:center;color:#ffffff;font-size:14px;}
	

/* Map name */
.map-name{position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);font-size:48px;color:#ffffff;opacity:0.9;transition:opacity 3s ease;z-index:1000;font-family:'Sedgwick Ave';text-transform:capitalize;text-shadow:1px 1px 2px black;}

/* Tooltip */
#custom-tooltip{position: absolute;display: none;margin-left:20px;z-index: 1000;max-width: 200px;word-wrap: break-word;background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0, 0.5) 20%, rgb(0, 0, 0) 50%, rgb(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%);color: #f6f6f6;padding: 4px 10px;border-top: 1px solid #757575;border-bottom: 1px solid #757575;opacity: 1;transition: background 1s;}

/* Item dropped */
.name {background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0, 0.5) 20%, rgb(0, 0, 0) 50%, rgb(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%);color: #7cde6a;padding: 4px 10px;border-top: 1px solid #757575;border-bottom: 1px solid #757575;opacity: 0.8;z-index: 99 !important;transition: background 1s;margin-top:-10px;text-align:center;}
.namePNJ{color: #d579ff;top:-15px;}
.namePNJ.active{opacity: 1.0;background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%);}
	.namePNJ span{color:#ffffff;}
.drop-plate:hover{z-index:1000 !important;pointer-events:auto;cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png') -8 0, pointer;}
.drop-plate.active .name{opacity: 1.0;background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%);}
.drop img{height: 50px;width: auto;margin: 0 auto;display: table;margin-top: 20px;animation: MoveUpDown 2s linear infinite;position: relative;left: 0;bottom: 0;}
.drop img:hover{filter:grayscale(100%);}
img.shadow{position:relative;top:-33px;}
@keyframes MoveUpDown{0%, 100% {bottom:0;} 50% {bottom:10px;}}

/* Fight / Mob */
.mob-label-container{text-align:center;pointer-events:none;background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0, 0.5) 20%, rgb(0, 0, 0) 50%, rgb(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%);color: #7cde6a;padding: 4px 10px;border-top: 1px solid #757575;border-bottom: 1px solid #757575;opacity: 0.8;transition: background 1s;}
.mob-name{font-family:Arial,sans-serif;font-size:12px;color:white;text-shadow:1px 1px 2px black; margin-bottom:2px;}
.mob-health-bar-container{width:50px;height:4px;background-color:#9d2929;border:1px solid #111;margin:0 auto;position:relative;border-radius:2px;}
.mob-health-bar{width:100%;height:100%;background-color:#399818;position:absolute;top:0;left:0;border-radius:2px;}
.mob-life-points{position:absolute;top:0;left:0;width:100%;height:100%;font-size:10px;color:white;text-align:center;line-height:4px;text-shadow:1px 1px 2px black;}
.player-damage,.mob-damage{font-size:14px;text-shadow:1px 1px 2px black;user-select:none;pointer-events:none;opacity:0;color:#e62626;}
#deathScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(64, 18, 18, 0.7);backdrop-filter:blur(10px);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:Arial, sans-serif;display:none;z-index:5000;font-size:14px;}
#deathScreenWrapper{position:absolute;width:100%;height:190px;top:calc(50% - 95px);}
#deathScreen .btn{padding:5px 15px;display:none;}
#deathScreen h1{font-family:'Young Serif', serif;font-size:32px;}
.hp-bar-bg{width:52px;height:4px;background:#222;border:1px solid #555;margin:2px auto 0;}
.hp-bar-fill{height:100%;background:#c33;width:100%;}

/* Chat */
#chat{position:fixed;bottom:10px;left:15px;width:260px;max-height:290px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:8px;backdrop-filter:blur(4px);box-shadow:0 4px 12px rgba(0,0,0,.4);display:flex;flex-direction:column;font-family:Arial,sans-serif;color:#eee;z-index:100}
#chat:hover{background:rgba(0,0,0,.55);}
#chat.chat-active{background:rgba(0,0,0,.55);}
#chat-log{flex:1 1 auto;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column-reverse;gap:4px;scrollbar-width:thin;scrollbar-color:#444 transparent}
#chat-log::-webkit-scrollbar{width:6px}
#chat-log::-webkit-scrollbar-thumb{background:#444;border-radius:3px}
.chat-msg{font-size:12px;line-height:1.35;word-wrap:break-word;pointer-events:none;text-shadow:0 0 2px rgba(0,0,0,.8)}
.chat-msg.me{color:#5ab2ff}
.chat-msg.system{color:#f0c674}
#chat-input{flex:0 0 auto;border:none;border-top:1px solid rgba(255,255,255,.08);padding:6px 10px;background:rgba(255,255,255,.06);color:#fff;font-size:12px;outline:0}
#chat-input::placeholder{color:#bbb}
.chat-msg.whisper { color:#b975f7; font-style:italic; }
.chat-suggest{position:absolute;background:#242424;border:1px solid #555;list-style:none;margin:0;padding:2px 4px;font:12px/18px sans-serif;max-height:120px;overflow-y:auto;z-index:1000;}
.chat-suggest li{cursor:pointer;padding:1px 2px}
.chat-suggest li.sel{background:#555}
.chat-msg.red { color:#e53935; }
#chat-toggle{position:absolute;top:4px;right:6px;width:22px;height:20px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:rgba(0,0,0,.25);color:#fdda7c;font-size:14px;line-height:15px;cursor:pointer;transition:background .2s, transform .2s;}
#chat-toggle:hover{background:rgba(0,0,0,.55);}
#chat-toggle::before{content:'−';}
#chat.collapsed #chat-log{max-height:50px;}
#chat.collapsed #chat-toggle::before{content:'+';}

/* Modal Action */
.modal{position:absolute;width:100%;height: 100%;left: 0;top: 0;z-index: 9;display: none;}
#modal_action{z-index: 1;}
#modal_action-content{width:100%;height:100%;color:#fff;font-family:'Sedgwick Ave';text-transform:uppercase;font-size:18px;text-shadow:1px 1px 2px #000;display:flex;justify-content:center;align-items:center}
#modal_action-content p{margin:0;display:flex;align-items:center;gap:.6em}
#modal_action-content .btn-action{position:relative;display:inline-block;line-height:0;text-decoration:none}
#modal_action-content .btn-action img{display:block;width:35px;height:auto;border-radius:5px;border:2px ridge rgba(251,179,52,.6)}
#modal_action-content .btn-action .key{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);height:15px;display:flex;align-items:center;justify-content:center;padding:1px 3px;background:#e1ded2;color:#111;font-family: 'Young Serif', serif;border-radius:2px;box-shadow:0px 0px 3px #111;z-index:2;font-size:11px;text-shadow:none;}

/* Joystick mobile */
#joystick{width:125px;height:125px;opacity:0.5;position:absolute;bottom:5px;left:5px;z-index:101}

/* Game Menu */
#game-menu-wrapper{display:none;width:100%;height:100vh;box-sizing:border-box;position:fixed;z-index:3000;background:rgba(10,11,20,0.9);}
#game-menu,#game-settings{position:fixed;z-index:2000;width:383px;left:calc(50% - 192px);top:calc(50vh - 289px);background:url('https://www.morana-online.com/game/images/bg-shop.png') no-repeat;background-size:100% 100%;padding:20px 20px 10px 20px;box-sizing:border-box;color:#ffffff;font-size:14px;}
	#game-menu img{margin-top:-20px;}
	#game-menu h2,#game-settings h2{font-family:'Sedgwick Ave';text-transform:uppercase;font-size:18px;text-shadow:1px 1px 2px black;margin-bottom:5px;color:#ffffff;}
	#game-menu .btn,#game-settings .btn{font-size:13px;padding:10px;display:block;}
	#game-menu .close,#game-settings .close{font-size:11px;padding:5px;}
#game-settings{display:none;}
	#game-settings hr{border:0;border-top:1px solid #ffffff;}
	#flag{list-style:none;margin:0;padding:0;text-align:center;}
		#flag li{display:inline-block;}
			#flag li a{padding:8px 7px 5px 7px;display:block;}
				#flag li a img{transition-duration:0.4s;filter:contrast(60%);}
				#flag li a:hover img,#flag li.current a img{filter:contrast(200%);}
	#bind{margin-bottom:10px;height:265px;padding:5px;overflow-y:scroll;background:rgba(0, 0, 0, .3);border:1px solid #777777;border-radius:5px;}
		#bind table{width:100%;border-collapse:collapse;}
			#bind table tr{background:rgba(0, 0, 0, .4);}
			#bind table tr.dark{background:rgba(0, 0, 0, .6);}
			#bind table td{padding:5px;}
				#bind table td div{width:100px;background:#4a3d32;border-radius:5px;height:20px;text-align:center;font-weight:bold;float:right;cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png') -8 0,pointer;}
					#bind table td div:hover{background:#59493b;}

/* HUD */
#hud{position:fixed;z-index:100;width:568px;left:calc(50% - 284px);bottom:-1px;background:url('https://www.morana-online.com/game/images/bg-hud.png') no-repeat;background-size:100% 100%;padding:11px;box-sizing:border-box;height:115px;}
	#hud-hp{width:50px;float:left;color:#ffffff;text-align:center;font-weight:bold;}
	#hud-hp-progress{width:calc(100% - 55px);float:left;height:7px;background-color:#3d352a;margin-top:3px;overflow:hidden;}
		#hud-hp-progress div{height:7px;background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgb(230, 38, 38) 50%, rgba(252,176,69,0) 100%);border-radius:5px;box-shadow:0 0 3px #ff4e3c;}
	#hud-lvl{width:50px;float:left;color:#ffffff;text-align:center;font-weight:bold;}
	#hud-xp-progress{width:calc(100% - 55px);float:left;height:7px;background-color:#3d352a;margin-top:3px;}
		#hud-xp-progress div{height:7px;background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgb(255, 188, 60) 50%, rgba(252,176,69,0) 100%);border-radius:5px;box-shadow:0 0 3px #ffbc3c;}
	.skill{transition-duration:0.4s;width:56px;height:56px;float:left;background:rgba(0, 0, 0, .3);border:4px ridge rgba(251, 179, 52, .6);border-radius:7px;text-align:center;}
		.skill img{border-radius:7px;position:absolute;left:0;right:0;z-index:1;}
		.skill:hover{border:4px ridge rgba(188,239,255,.7);box-shadow: 1px 1px 15px #6fb9df;}
	.hudsmall{transition-duration:0.4s;width:32px;height:56px;float:left;border:4px ridge rgba(196, 167, 139, 0.7);border-radius:7px;text-align:center;}
		.hudsmall:hover{border:4px ridge rgba(251, 179, 52, .6);box-shadow: 1px 1px 15px #fbb334;}
	.bindbtn{padding:1px 3px;background-color:#e1ded2;color:#111111;position:relative;border-radius:2px;font-family:'Young Serif', serif;box-shadow:0px 0px 3px #111;display:inline-block;margin-top:45px;z-index:2;}
	.hudsmall,.skill{cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png') -8 0,pointer;}
	#hud-mount{background:url('https://www.morana-online.com/game/images/hud-mount.jpg') no-repeat center #4f4134;opacity:0.4}
		#hud-mount .bindbtn{opacity:0.4}
	#hud-tp{background:url('https://www.morana-online.com/game/images/hud-tp.jpg') no-repeat center #4f4134;}
	#hud-inventory{background:url('https://www.morana-online.com/game/images/hud-inventory.jpg') no-repeat center #4f4134;}
	#hud-menu{background:url('https://www.morana-online.com/game/images/hud-menu.jpg') no-repeat center #4f4134;}

/* Inspect player */
#player-actions{display:none;position:fixed;z-index:1000;width:250px;left:calc(50% - 123px);top:calc(50vh - 164px);background:url('https://www.morana-online.com/game/images/bg-shop.png') no-repeat;background-size:100% 100%;padding:20px 20px 10px 20px;box-sizing:border-box;}
	#player-actions h2{font-family:'Sedgwick Ave';text-transform:uppercase;font-size:18px;text-shadow:1px 1px 2px black;margin-bottom:5px;color:#ffffff;}
	#player-actions .btn{font-size:13px;padding:10px;display:block;}
	#player-actions .close{font-size:11px;padding:5px;}

/* Confirm box */
#confirm{display:none;position:fixed;z-index:1000;width:250px;left:calc(50% - 123px);top:calc(50vh - 164px);background:url('https://www.morana-online.com/game/images/bg-shop.png') no-repeat;background-size:100% 100%;padding:20px 20px 10px 20px;box-sizing:border-box;}
	#confirm .confirm_txt{font-size:16px;color:#ffffff;text-align:center;font-weight:bold;}
	#confirm .btn{text-align:center;font-size:13px;padding:10px;display:block;margin-bottom:10px;}

/* PNJ */
.pnj_shop{display:none;left:-17px;z-index:2000;position:fixed;bottom:0;height:100vh;padding:30px 25px;width:580px;box-sizing:border-box;background:url('https://www.morana-online.com/game/images/bg-shop.png') no-repeat;background-size:100% 100%;}
	.pnj_shop .close{right:-24px;}
	.pnj{float:left;width:210px;color:#ffffff;font-size:12px;margin-right:15px;margin-left:5px;}
		.pnj h2{font-family:'Sedgwick Ave';font-size:16px;text-shadow:1px 1px 2px black;text-transform:uppercase;margin-bottom:0px;}
			.pnj img{border:10px ridge rgba(255, 255, 255, .6);border-radius:5px;width:150px;height:150px;}
	.pnj_items{float:left;width:300px;position:relative;height:calc(100vh - 40px);overflow-y:scroll;}
	.pnj_dial{font-size:14px;padding:10px;border:1px solid #cccccc;background:rgba(0, 0, 0, .3);font-weight:bold;margin-top:15px;}
	.pnj_story{overflow-y:auto;height:calc(100vh - 538px);}
	.pnj_pay{display:none;margin-top:15px;}
		.pnj_pay .pnj_accept,.pnj_pay .pnj_cancel{text-align:center;padding:10px;border-radius:5px;cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png'),pointer;text-transform:uppercase;font-size:11px;width:67px;margin:5px;float:left;}
		.pnj_pay .pnj_accept{background-color:#5bbf69;}
		.pnj_pay .pnj_cancel{background-color:#c03537;}
	.noshop{margin:auto;float:none;}
	.pnj_craft{display:none;float:left;width:300px;position:relative;height:calc(100vh - 40px);overflow-y:scroll;text-align:center;}
		.pnj_craft .greyitem img{filter:grayscale(100%);}
		.pnj_craft .smallitembox{width:300px;padding:10px;margin-bottom:10px;border:8px ridge rgba(255, 255, 255, .6);border-radius:5px;box-sizing:border-box;}
			.pnj_craft .smallitembox:hover{opacity:1;cursor:url('https://www.morana-online.com/game/images/cursor-default.png'),default;}
		.pnj_craft .craft{display:inline-block;margin-bottom:5px;}
		.pnj_craft .smallitem{border-radius:0;position:relative;padding:5px;border-width:5px;width:36px;height:36px;margin:auto;}
		.pnj_craft .craftplus{display:inline-block;height:34px;width:20px;background:url('https://www.morana-online.com/game/images/craft-plus.png') no-repeat center;}
		.pnj_craft .craftegal{display:inline-block;height:88px;width:20px;background:url('https://www.morana-online.com/game/images/craft-out.png') no-repeat center;}
		.pnj_craft .craftout{line-height:6px;text-align:center;color:#ffffff;margin-top:10px;font-size:13px;font-weight:bold;margin-bottom:0;}
			.pnj_craft .craftout img{opacity:0.7;width:45px;height:45px;}
			.pnj_craft .craftout .smallitem{width:45px;height:45px;}
			.pnj_craft .craftout .randomitem{width:45px;}
			.pnj_craft .craftout .craftegal{height:88px;height:30px;}
		.pnj_craft .randomitem{font-size:30px;position:absolute;width:36px;top:20px;text-shadow:#000 1px 0 5px;font-weight:bold;color:#f75117;}
	.craft_items{margin-bottom:10px;width:100%;box-sizing:border-box;height:175px;}
		.craft_item{width:56px;height:56px;float:left;background:rgba(0, 0, 0, .3);border: 1px solid #cccccc;}
			.craft_item:hover{opacity:0.75;}
	.pnj_menu{display:flex;flex-direction:column;height:100vh;width:45px;position:absolute;right:-26px;top:42px;}
		.pnj_menu .btn{opacity:0.8;margin:1px;font-size:13px;display:flex;padding:10px 5px 10px 5px;}
		.pnj_menu .btn img{filter:drop-shadow(1px 1px 2px #000000);}
		.pnj_menu .btn.craftbtn{display:none;}
		.pnj_menu .btn:hover{opacity:1;border:4px ridge rgba(188,239,255,.7);box-shadow: 1px 1px 15px #6fb9df;}
		.pnj_menu .btn.selected{opacity:1;color:#fdda7c;border:4px ridge rgba(251, 179, 52, .6);box-shadow:1px 1px 30px #fbb334;}
	.pnj_lootbox{display:none;float:left;width:300px;position:relative;height:calc(100vh - 40px);overflow-y:scroll;}
		.pnj_lootbox .smallitembox .gold{border-left:0;font-size:18px;font-weight:bold;margin-top:5px;}
		.pnj_lootbox .btn{margin-bottom:10px;font-size:14px;padding:5px;text-align:center;}
	.smallitemcraft{border-radius:0 !important;padding:5px;width:36px;height:36px;position:relative;}

/* Inventory */	
.inventory{display:none; z-index:2000;color:#ffffff;position:fixed;bottom:0;right:-17px;height:100vh;padding:30px 25px;width:580px;box-sizing:border-box;background:url('https://www.morana-online.com/game/images/bg-shop.png') no-repeat;background-size:100% 100%;}
	.inventory .close{left:0;right:auto;}
	.inventory h2{font-family:'Sedgwick Ave';text-transform:uppercase;font-size:18px;text-shadow:1px 1px 2px black;margin-bottom:10px;border-bottom:1px solid #cccccc;padding-bottom:5px;}
	.inventory_attributes{float:left;width:150px;margin-right:15px;height:439px;padding:15px;background:url('https://www.morana-online.com/game/images/bg-attributes.jpg');background-size:cover;border:10px ridge rgba(255, 255, 255, .6);border-radius:5px;}
		.inventory_attributes h2{font-size:14px;margin-bottom:5px;border-bottom:0;}
		.inventory_attributes hr{border:0;margin-top:15px;margin-bottom:15px;border-top:1px solid #cbc8ce;}
		.inventory_attributes table{border:0;border-collapse:collapse;width:100%;color:#ffe0a4;font-size:14px;}
			.inventory_attributes table tr td.score{text-align:right;color:#ffffff;font-weight:bold;padding:3px;}
		.inventory_attributes p{font-size:14px;line-height:25px;font-weight:bold;}
			.inventory_attributes p.center{line-height:18px;}
	.inventory_stuff{position:relative;float:left;width:295px;height:440px;background:url('https://www.morana-online.com/game/images/bg-stuff.png') no-repeat center rgba(0, 0, 0, .3);border:10px ridge rgba(255, 255, 255, .6);border-radius:5px;}
		.inventory_stuff .inventory_item{position:absolute;}
		.inventory_stuff .helmet{top:15px;left:118px;}
		.inventory_stuff .medallion{top:83px;left:118px;}
		.inventory_stuff .armor{top:151px;left:118px;}
		.inventory_stuff .greaves{top:287px;left:118px;}
		.inventory_stuff .belt{top:219px;left:118px;}
		.inventory_stuff .boots{top:355px;left:118px;}
		.inventory_stuff .gloves{top:151px;left:50px;}
		.inventory_stuff .ring{top:219px;left:50px;}
		.inventory_stuff .ring2{top:219px;left:185px;}
		.inventory_stuff .weapon{top:287px;left:50px;}
		.inventory_stuff .shield{top:287px;left:185px;}
	.inventory_mount{position:relative;float:left;width:295px;height:440px;background:url('https://www.morana-online.com/game/images/bg-mount.png') no-repeat center rgba(0, 0, 0, .3);border:10px ridge rgba(255, 255, 255, .6);display:none;border-radius:5px;}
		.inventory_mount .inventory_item{position:absolute;}
		.inventory_mount .mount{top:111px;left:118px;}
		.inventory_mount .whip{top:179px;left:118px;}
		.inventory_mount .saddle{top:247px;left:118px;}
	.inventory_fish{position:relative;float:left;width:295px;height:440px;background:url('https://www.morana-online.com/game/images/bg-fish.png') no-repeat center rgba(0, 0, 0, .3);border:10px ridge rgba(255, 255, 255, .6);display:none;border-radius:5px;}
		.inventory_fish .inventory_item{position:absolute;}
		.inventory_fish .rod{top:184px;left:57px;}
		.inventory_fish .hook{top:184px;left:125px;}
		.inventory_fish .bait{top:184px;left:193px;}
	.inventory_items{margin-top:15px;overflow-y:auto;height:calc(100vh - 600px);border:1px solid #cccccc;}
		.inventory_item{width:56px;height:56px;float:left;background:rgba(0, 0, 0, .3);border:1px solid #cccccc;}
		.inventory_item:hover{opacity:0.75;}
		.inventory_item .smallitem{border-radius:0;position:relative;padding:5px;border-width:5px;width:36px;height:36px;cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png'),pointer;z-index:1000;}
		.inventory_item.droppable{border:1px solid #ff0000;}
			.inventory_item.droppable .smallitem{border:5px ridge rgba(255, 0, 0, .6);}
				.inventory_item.droppable .smallitem img{filter:grayscale(80%);}
	.inventory_btn{font-weight:bold;float:right;margin-left:5px;font-family:'Sedgwick Ave';font-size:14px;text-transform:uppercase;padding:5px;background-color:#807c79;border-bottom-left-radius:5px;border-bottom-right-radius:5px;cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png'),pointer;opacity:0.45;}
			.inventory_btn:hover{opacity:0.75;}
			.inventory_btn.active{opacity:0.95;}
			
/* Chest */	
.chest{display:none;color:#ffffff;left:-17px;z-index:2000;position:fixed;bottom:0;height:100vh;padding:30px 25px;width:580px;box-sizing:border-box;background:url('https://www.morana-online.com/game/images/bg-shop.png') no-repeat;background-size:100% 100%;}
	.chest .close{right:-24px;}
	.chest h2{font-family:'Sedgwick Ave';text-transform:uppercase;font-size:18px;text-shadow:1px 1px 2px black;margin-bottom:10px;border-bottom:1px solid #cccccc;padding-bottom:5px;}
	.chest_billing{text-align:center;}
	.chest_items{margin-top:15px;overflow-y:auto;height:calc(100vh - 223px);border:1px solid #cccccc;}
		.chest_item{width:56px;height:56px;float:left;background:rgba(0, 0, 0, .3);border:1px solid #cccccc;}
		.chest_item:hover{opacity:0.75;}
		.chest_item .smallitem{border-radius:0;position:relative;padding:5px;border-width:5px;width:36px;height:36px;cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png'),pointer;z-index:1000;}
		.chest_item.droppable{border:1px solid #ff0000;}
			.chest_item.droppable .smallitem{border:5px ridge rgba(255, 0, 0, .6);}
				.chest_item.droppable .smallitem img{filter:grayscale(80%);}
	.chest_items_wrapper{position:relative;}
		.no_chest{display:none;position:absolute;width:100%;background:rgba(0, 0, 0, .5);backdrop-filter: blur(3px) saturate(1.5);top:0;left:0;right:0;bottom:0;place-items:center;font-size:14px;z-index:2000;}

/* Inbox inventory */
#inbox{position:absolute;right:18px;top:0;z-index:2001;}
	#inbox .btn{animation:shadow 0.35s ease infinite alternate;padding:5px 15px;}
	@keyframes shadow{from{box-shadow:0 0 10px #ffbc3c;} to{box-shadow:0 0 0px #ffbc3c;}}

/* Trade */
.trade{color:#ffffff;position:fixed;bottom:0;left:-17px;height:100vh;padding:30px 25px;width:580px;box-sizing:border-box;background:url('https://www.morana-online.com/game/images/bg-shop.png') no-repeat;background-size:100% 100%;display:none;z-index:2000;}
	.trade h2{font-family:'Sedgwick Ave';text-transform:uppercase;font-size:18px;text-shadow:1px 1px 2px black;margin-bottom:5px;}
	.trade_items_player_1,.trade_items_player_2{margin-top:10px;overflow-y:auto;height:116px;border:1px solid #cccccc;}
		.trade_items_player_1.trade_disabled,.trade_items_player_2.trade_disabled{filter:grayscale(1);}
		.trade_name_player_1,.trade_name_player_2{font-family:'Sedgwick Ave';text-transform:uppercase;font-size:14px;text-shadow:1px 1px 2px black;margin-bottom:10px;}
		.trade_name_player_2{margin-top:10px;padding-top:10px;border-top:1px solid #ccc;}
		.trade_item{width:56px;height:56px;float:left;background:rgba(0, 0, 0, .3);border:1px solid #cccccc;}
		.trade_item:hover{opacity:0.75;}
		.trade_item .smallitem{border-radius:0;width:36px;height:36px;position:relative;padding:5px;border-width:5px;cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png'),pointer;z-index:1000;}
		.trade_item.droppable{border:1px solid #ff0000;}
			.trade_item.droppable .smallitem{border:5px ridge rgba(255, 0, 0, .6);}
				.trade_item.droppable .smallitem img{filter:grayscale(80%);}
		.trade_gold{margin-top:10px;text-align:right;width:170px;color:#ffffff;background:url('https://www.morana-online.com/game/images/gold.png') 15px center no-repeat rgba(0,0,0,.5);border:2px solid #cccccc;padding:15px 35px 15px 16px;cursor:url('https://www.morana-online.com/game/images/cursor-default.png'),default;}
		.trade_gold.disabled{color:#cccccc;filter:grayscale(1);}
	.trade_state{float:right;width:200px;text-align:right;}
		.trade_state_player_1,.trade_state_player_2{width:100%;float:right;margin-top:5px;font-size:14px;}
		.trade_player_1 .btn,.trade_player_2 .btn{box-sizing:border-box;width:100%;text-align:center;padding:10px;border-radius:5px;cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png'),pointer;text-transform:uppercase;font-size:13px;float:right;margin-top:5px;}

/* Farm */
#hud-farm-wrapper{display:none;background:url('https://www.morana-online.com/game/images/bg-hud-farm.png') no-repeat;background-size:100% 100%;z-index:2000;position:fixed;right:20px;top:calc(50% - 150px);height:300px;width:50px;}
	.hud-farm-btn{transition-duration:0.4s;width:42px;height:42px;position:absolute;bottom:-50px;background:rgba(0, 0, 0, .3);border:4px ridge rgba(251, 179, 52, .6);border-radius:7px;}
		.hud-farm-btn img{border-radius:7px;width:42px;height:42px;}
		.hud-farm-btn:hover{border:4px ridge rgba(188,239,255,.7);box-shadow: 1px 1px 15px #6fb9df;}
	.hud-pick{margin-top:18px;margin-left:15px;height:0px;width:20px;position:relative;background-color:#3d352a;border-radius:5px;}
		.hud-pick-bar{position:absolute;width:100%;background:linear-gradient(90deg, rgba(0,0,0,0) -50%, rgba(230, 136, 131, 0.9) 49%, rgba(255, 146, 146, 0.9) 51%, rgba(252,176,69,0) 150%);top:0;height:260px;width:20px;border-radius:5px;}
	.hud-mine{margin-top:18px;margin-left:15px;height:260px;width:20px;position:relative;background-color:#3d352a;border-radius:5px;}
		.hud-mine-bar{position:absolute;width:100%;background:linear-gradient(90deg, rgba(0,0,0,0) -50%, rgba(227, 227, 227, 0.9) 49%, rgba(206, 206, 206, 0.9) 51%, rgba(252,176,69,0) 150%);bottom:0;height:15px;width:20px;border-radius:5px;animation:moveUpDownHud 1.5s ease-in-out infinite;}
	.hud-mine-middle{position:absolute;top:110px;width:24px;height:30px;border:2px solid #52453a;left:-4px;border-radius:5px;background:rgba(100, 96, 34, 0.4);}
		.hud-mine-middle-bar{position:absolute;top:126px;height:1px;width:100%;background:#9f9995;}
	.hud-fish{margin-top:18px;margin-left:15px;height:260px;width:20px;position:relative;background-color:#3d352a;border-radius:5px;}
		.hud-fish-bar{position:absolute;width:100%;background:linear-gradient(90deg, rgba(0,0,0,0) -50%, rgb(131, 185, 230,0.9) 49%, rgb(146, 206, 255,0.9) 51%, rgba(252,176,69,0) 150%);bottom:0;height:260px;width:20px;border-radius:5px;}
		.hud-fish-middle{position:absolute;top:110px;width:24px;height:30px;border:2px solid #52453a;left:-4px;border-radius:5px;background:rgba(100, 96, 34, 0.4);}
		.hud-fish-middle-bar{position:absolute;top:126px;height:1px;width:100%;background:#9f9995;}
	.hud-lumb{margin-top:18px;margin-left:15px;height:260px;width:20px;position:relative;background-color:#3d352a;border-radius:5px;}
		.hud-lumb-bar{position:absolute;width:100%;background:linear-gradient(90deg, rgba(0,0,0,0) -50%, rgba(217, 182, 145, 0.9) 49%, rgba(221, 170, 132, 0.9) 51%, rgba(252,176,69,0) 150%);bottom:0;height:15px;width:20px;border-radius:5px;animation:moveUpDownHud 3s ease-in-out infinite;}
		.hud-lumb-middle{position:absolute;top:110px;width:24px;height:30px;border:2px solid #52453a;left:-4px;border-radius:5px;background:rgba(100, 96, 34, 0.4);}
		.hud-lumb-middle-bar{position:absolute;top:126px;height:1px;width:100%;background:#9f9995;}
@keyframes moveUpDownHud{0% {transform:translateY(0);} 50% {transform:translateY(-245px);} 100% {transform:translateY(0);}}

/* Item box */
.itembox{font-size:12px;color:#ffffff;width:200px;height:275px;padding:15px;margin:0 5px;background-size:cover;overflow:hidden;}
.itembox h2{margin:0;text-transform:uppercase;font-family:'Sedgwick Ave';text-shadow:1px 1px 2px black;width:115px;text-align:left;font-size:20px;height:65px;}
.itembox img.pic{filter:drop-shadow(2px 2px 5px #000);width:77px;height:77px;position:absolute;right:5px;top:0;}
.itembox img.effect{width:180px;height:180px;position:absolute;right:-44px;top:-47px;animation:rotating 80s linear infinite;opacity:0.8;}
.itembox input[type=text]{width:100px;}
.itembox .scrollbox{height:180px;overflow-y:scroll;}
.itembox.list{float:left;margin-right:10px;margin-bottom:10px;height:400px;}
.itembox .gold{float:left;width:50%;text-align:left;margin-top:10px;padding-top:5px;}
.itembox .point{float:left;width:50%;text-align:right;margin-top:10px;padding-top:5px;}
.common{background:url('https://www.morana-online.com/game/images/rarity/common.jpg');border:10px ridge rgba(255, 255, 255, .6);border-radius:5px;}
	.common .gold,.common .point{border-top:2px solid rgba(255, 255, 255, .6);}
	.common h2,.common stype{color:#ffffff;}
.uncommon{background:url('https://www.morana-online.com/game/images/rarity/uncommon.jpg');border:10px ridge rgba(255, 243, 209, .6);border-radius:5px;}
	.uncommon .gold,.uncommon .point{border-top:2px solid rgba(255, 243, 209, .6);}
	.uncommon h2,.uncommon stype{color:#fff3d1;}
.rare{background:url('https://www.morana-online.com/game/images/rarity/rare.jpg');border:10px ridge rgba(255, 175, 103, .6);border-radius:5px;}
	.rare .gold,.rare .point{border-top:2px solid rgba(255, 175, 103, .6);}
	.rare h2,.rare stype{color:#ffaf67;}
.very-rare{background:url('https://www.morana-online.com/game/images/rarity/very-rare.jpg');border:10px ridge rgba(255, 105, 75, .6);border-radius:5px;}
	.very-rare .gold,.very-rare .point{border-top:2px solid rgba(255, 105, 75, .6);}
	.very-rare h2,.very-rare stype{color:#ff694b;}
.epic{background:url('https://www.morana-online.com/game/images/rarity/epic.jpg');border:10px ridge rgba(221, 229, 163, .6);border-radius:5px;}
	.epic .gold,.epic .point{border-top:2px solid rgba(221, 229, 163, .6);}
	.epic h2,.epic stype{color:#dde5a3;}
.mythic{background:url('https://www.morana-online.com/game/images/rarity/mythic.jpg');border:10px ridge rgba(201, 228, 186, .6);border-radius:5px;}
	.mythic .gold,.mythic .point{border-top:2px solid rgba(201, 228, 186, .6);}
	.mythic h2,.mythic stype{color:#c9e4ba;}
.divine{background:url('https://www.morana-online.com/game/images/rarity/divine.jpg');border:10px ridge rgba(190, 209, 242, .6);border-radius:5px;}
	.divine .gold,.divine .point{border-top:2px solid rgba(190, 209, 242, .6);}
	.divine h2,.divine stype{color:#bed1f2;}
.smallitembox{position:relative;width:280px;margin-bottom:10px;cursor:url('https://www.morana-online.com/game/images/cursor-pointer.png'),pointer;}
	.smallitembox:hover{opacity:0.75;}
	.smallitembox img.pic{position:relative;float:left;width:45px;height:45px;margin-right:10px;}
	.smallitembox img.effect{position:absolute;left:-32px;top:-20px;}
	.smallitembox h2{width:auto;font-size:14px;font-family:'Sedgwick Ave';font-size:14px;text-transform:uppercase;}
	.smallitembox h2 .stype{font-size:12px;font-family:Arial;text-transform:capitalize;}
	.smallitembox .gold,.smallitembox .point{float:right;border-top:0;color:#ffffff;}
	.smallitembox .gold{margin-left:5px;padding-left:5px;border-left:1px solid #ffffff;}
.smallitemfloat{position:absolute;z-index:2001;}
.quantity{position:absolute;right:2px;bottom:0;color:#ffffff;}
.itemboxfloat{display:none;position:absolute;z-index:2001;}
@keyframes rotating{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

@media(max-width:1130px){
	#chat{width:180px;}
}
@media(max-width:980px){
	#chat{width:150px;}
}

@media(max-width:900px){
	#hud{right:0;left:auto;height:100vh;bottom:0;width:270px;background:transparent;}
		#hud .skill{width:50px;border-width:1px;height:auto;border-radius:50%;margin:5px;height:50px;position:absolute !important;bottom:5px;right:5px;}
			#hud .skill img{width:100%;height:100%;border-radius:50%;}
			#hud .bindbtn{display:none;}
		#hud .hudsmall{width:35px;height:35px;border-width:1px;border-radius:50%;background-position:center -10px;right:10px;position:absolute !important;}
	#hud-menu{top:50px;}
	#hud-inventory{top:50px;right:55px !important}
	#hud-tp{top:50px;right:100px !important}
	#hud-mount{top:50px;right:150px !important}
	#skill1{right:135px !important;}
	#skill2{right:70px !important;}
	#hud-jump{bottom:70px !important;}
	#hud-action{bottom:70px !important;right:70px !important;}
	#hud-heal{bottom:70px !important;right:135px !important;}
}

@media(max-height:700px){
	.inventory h2{margin-bottom:0;padding-bottom:0;border-bottom:0;}
	.inventory_stuff{height:415px;}
	.inventory_attributes{height:415px;}
}

@media (max-height: 600px) or (max-width: 450px) {
	#game-menu, #game-settings{left:0;top:0;width:100%;height:100vh;text-align:center;overflow-y:scroll;}
	#game-menu img{height:75px;width:auto;}
	#game-menu p{margin:5px 0;}
	#game-menu .btn{padding:5px 10px;}
}

@media(max-height:740px) or (max-width: 1170px){
	#cam-toggle{top:19px !important;}
	
	#modal_action-content{font-size:14px;}
	
	#version{top:0;}
	.fullscreenbtn{left:15px;top:20px;}
	
	.inventory,.pnj_shop,.trade{background:url('https://www.morana-online.com/game/images/bg-shop-mobile.png') no-repeat;background-size:100% 100%;}
	
	.right-click,#modal_action-content .btn-action .key{display:none !important;}
	
	.chest{width:350px;padding:20px 10px;}
	.chest .close{right:0;}
	.chest h2{border-bottom:0;padding-bottom:0;margin-bottom:0;font-size:14px;}
	.chest_billing{display:none;}
	.chest_items{margin-top:5px;height:calc(100vh - 55px);margin-left:10px;}
	.chest_item{width:60px;height:60px;}
	.chest_item .smallitem,.chest_item .smallitem img{width:40px;height:40px;}
	
	.pnj_shop{width:350px;top:0;bottom:auto;height:100vh;padding:15px 10px;}
		.pnj_shop .divider{display:none;}
	.pnj_items,.pnj_craft,.pnj_lootbox{width:325px;margin-left:5px;height:calc(100vh - 245px);}
		.pnj_items .smallitembox,.pnj_craft .smallitembox,.pnj_lootbox .smallitembox{box-sizing:border-box;width:100%;}
	.craft_item{width:63px;height:63px;}
	.pnj{width:125px;margin-left:5px;height:215px;}
	.pnj_avatar{float:left;width:120px;margin-right:5px;}
		.pnj_avatar p{font-size:12px;margin:0;}
	.pnj h2{margin-top:5px;margin-bottom:0;font-size:14px;}
	.pnj img{width:100px;height:100px;}
	.pnj_info{float:left;width:calc(100% - 175px);}
	.pnj_dial{margin-top:0;height:115px;width:142px;overflow-y:auto;}
		.pnj_dial p{margin:0;font-size:12px;}
	.pnj_story_w{display:none;}
	.right-click{display:none;}
	.pnj_pay{margin-top:5px;}
	.pnj_menu,.pnj_shop .close{right:-1px;}
	.pnj_pay{width:163px;}
	.pnj_pay .pnj_accept, .pnj_pay .pnj_cancel{width:57px;padding:8px;margin:0 0 5px 0;}
	
	.trade{width:350px;top:0;bottom:auto;height:100vh;padding:10px;}
		.trade_item{width:49px;height:49px;}
			.trade .smallitem,.trade_item img{width:29px;height:29px;}
		.trade h2{display:none;}
		.trade .divider{display:none;}
		.trade_player_1,.trade_player_2{width:325px;margin:10px 0 0 5px;height:auto;box-sizing:border-box;}
		.trade_player_2{margin-top:0px;}
		.trade_items_player_1,.trade_items_player_2{width:317px;height:80px;float:left;margin-top:5px;margin-left:5px;}
		.trade_gold{float:left;width:95px;margin-top:0;margin-right:5px;margin-left:5px;margin-top:3px;background-position:120px center;padding:10px 25px 10px 15px}
		.trade_state{margin-right:2px;width:173px;float:right;}
		.trade_state_player_1, .trade_state_player_2{width:173px;}
		.trade_name_player_1,.trade_name_player_2{margin-bottom:0;margin-left:10px;border-top:0;}
		.trade_name_player_2{margin-top:0;}
		.trade_player_1 .btn, .trade_player_2 .btn{padding:5px;font-size:12px;}
	
	.inventory{width:465px;padding:15px 10px;}
		.inventory .ladder_score td:nth-child(odd){display:none;}
		.inventory_title{display:none;}
		.inventory .inventory_attributes{height:175px;width:100px;margin-right:0;padding:5px;}
			.inventory_attributes table{font-size:12px;}
			.inventory_attributes table tr td.score{padding:0;}
			.inventory .inventory_attributes p{line-height:16px;margin-top:0;margin-bottom:0;font-size:12px !important;}
			.inventory_attributes h2{display:none;}
			.inventory_attributes .divider,.inventory_attributes hr{display:none;}
		.inventory_stuff,.inventory_mount,.inventory_fish{height:171px;width:288px;margin-left:5px;}
		.inventory_stuff .inventory_item,.inventory_mount .inventory_item,.inventory_fish .inventory_item{position:relative;float:left;top:auto;left:auto;width:55px;height:55px;}
		.inventory .smallitem,.inventory_stuff .inventory_item img,.inventory_mount .inventory_item img,.inventory_fish .inventory_item img{width:35px;height:35px;}
		.inventory_items{width:435px;margin:5px 0px 0px 0px;height:calc(100vh - 240px);box-sizing:border-box;}
			.inventory_items .inventory_item{width:59px;height:59px;}
			.inventory_items .inventory_item .smallitem,.inventory_items .inventory_item img{width:40px;height:40px;}
		.inventory_btn{margin-right:14px;font-size:12px;padding:5px 0;margin-left:0;margin-top:-37px;border-radius:5px 5px 0 0;width:74px;text-align:center;overflow:hidden;}
		.mount_btn{margin-right:90px;}
		.stuff_btn{margin-right:166px;}
		.inventory .close{left:auto;right:16px;}
	
	.smallitembox h2 .stype,.itembox{font-size:14px;}
	.smallitembox .gold, .smallitembox .point{font-size:14px;}
	
	.itembox{padding:5px;}
	.itembox .gold,.itembox .point{margin-top:5px;}
	.itemboxfloat{width:110px;height:185px;right:305px;border-width:5px;top:15px;}
		.itemboxfloat h2{width:75px;margin:0;font-size:12px;height:52px;}
		.itembox img.effect{width:120px;height:120px;right:-40px;top:-40px;}
		.itembox img.pic{width:45px;height:45px;right:-5px;top:0;}
		.itemboxfloat .scrollbox{height:105px;}
			.itemboxfloat .scrollbox p{margin:5px 0;font-size:11px;}
}