/* @media (max-width:768px){

	#hudleft, .m-none {display:none}
	* {max-width:100%!important}
	#contenu, #central_td {width:100%!important}
#cadre_alertes td {width:50%!important}
} */

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    @font-face {
    font-family: 'Trajan Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Trajan Pro Regular'), url('TrajanPro-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Trajan Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Trajan Pro Bold'), url('TrajanPro-Bold.woff') format('woff');
    }

#homeflex {
	position: relative;
}

#hudleft .ww-mobile-hud-quicklinks {
	display: none;
}

.ww-caserne-preview {
	position: relative;
	overflow: hidden;
	margin-top: 7px !important;
	padding: 10px 12px 11px !important;
	background: #090502 url(imgs/page_bg/caserne_units_panel.png) center center / cover no-repeat !important;
	box-shadow: inset 0 0 0 1px rgba(224,171,75,.16), inset 0 0 36px rgba(0,0,0,.88), 0 6px 17px rgba(0,0,0,.38);
	color: #d8c890;
	text-shadow: 1px 2px 3px #000;
	box-sizing: border-box;
}

.ww-caserne-preview:before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0,0,0,.84), rgba(0,0,0,.46), rgba(0,0,0,.76));
	pointer-events: none;
}

.ww-caserne-preview > * {
	position: relative;
	z-index: 1;
}

.ww-caserne-preview-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 9px;
	margin-bottom: 9px;
	padding-bottom: 7px;
	border-bottom: 1px solid rgba(185,135,51,.25);
}

.ww-caserne-preview-title {
	font-size: 15px;
	line-height: 18px;
	color: #ffe0a0;
}

.ww-caserne-preview-action {
	display: inline-flex;
	align-items: center;
	min-height: 27px;
	padding: 4px 9px;
	background: rgba(0,0,0,.52);
	box-shadow: inset 0 0 11px #000;
	color: #ffd77b !important;
	text-decoration: none !important;
	font-size: 10px;
}

.ww-caserne-units {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: flex-end;
	margin: 0 0 9px;
}

.ww-caserne-unit {
	min-width: 45px;
	padding: 6px 7px 5px;
	text-align: center;
	background: rgba(8,4,2,.64);
	box-shadow: inset 0 0 13px #000, 0 1px 5px rgba(0,0,0,.40);
	color: #eadca7;
	font-size: 11px;
	line-height: 14px;
	box-sizing: border-box;
}

.ww-unit-sprite {
	display: inline-block;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
	vertical-align: bottom;
}

.ww-caserne-unit-count {
	display: block;
	margin-top: 3px;
	color: #ffe0a0;
}

.ww-caserne-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	flex-wrap: wrap;
	padding: 7px 8px;
	background: rgba(0,0,0,.45);
	box-shadow: inset 0 0 12px #000;
	font-size: 10px;
	line-height: 14px;
	color: #cdb37c;
}

.ww-caserne-foot b {
	color: #ffd77b;
	font-weight: normal;
}

.ww-caserne-foot a {
	font-size: 10px;
	color: #ffe0a0 !important;
	text-decoration: none !important;
}

.ww-fiche-caserne-preview {
	min-height: 165px;
}

.ww-fiche-caserne-preview .info_jeu {
	z-index: 2;
}

@media(max-width:700px) {
	.ww-caserne-preview {
		padding: 9px !important;
	}

	.ww-caserne-preview-head {
		align-items: flex-start;
	}

	.ww-caserne-preview-title {
		font-size: 13px;
	}

	.ww-caserne-preview-action {
		font-size: 9px;
		padding: 4px 7px;
	}

	.ww-caserne-units {
		gap: 6px;
	}

	.ww-caserne-unit {
		min-width: 38px;
		padding: 5px;
		font-size: 10px;
	}
}

.ww-mobile-alert-shell {
	display: none;
}

.ww-mobile-hud-close {
	display: none;
}

@media (max-width: 700px) {
	.ww-fiche-main-actions {
		position: relative;
		right: auto;
		top: auto;
		z-index: 6;
		margin: 6px 0 6px 8px;
		text-align: left;
	}

	.ww-fiche-main-actions a {
		padding: 4px 6px;
	}

	.ww-fiche-main-actions img {
		height: 38px !important;
	}

	.modal_esp {
		min-height: 128px !important;
		padding: 8px !important;
		box-sizing: border-box;
	}

	.modal_esp .img_avatar img {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 72px !important;
		height: 72px !important;
		float: left;
		margin: 0 9px 6px 0;
		object-fit: cover;
	}

	.modal_esp .gamer_infoesp {
		position: static !important;
		max-width: none;
		min-height: 74px;
		padding-right: 0;
	}

	.modal_esp .gamer_infoesp .wwix {
		font-size: 18px !important;
		line-height: 22px !important;
	}

	.modal_esp .esp_batim {
		position: static !important;
		clear: both;
		margin: 7px 0 0 !important;
	}

	.modal_esp .esionna_bat {
		justify-content: flex-start;
		gap: 7px;
		flex-wrap: wrap;
	}

	.modal_esp .esp_def {
		position: static !important;
		display: block;
		clear: both;
		margin-top: 7px;
		padding: 6px 8px;
		background: rgba(0,0,0,.46);
		box-shadow: inset 0 0 10px #000;
		font-size: 11px;
	}

	.modal_esp .imgs_missions {
		position: static !important;
		clear: both;
		margin-top: 8px;
		justify-content: center;
		flex-wrap: wrap;
	}

	.modal_esp .imgs_missions img {
		width: 36px !important;
		height: 36px !important;
	}

	#GB_window #tab6 table,
	#GB_window #tab6 tbody,
	#GB_window #tab6 tr,
	#GB_window #tab6 td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
}



.m-none.reverse {
	position: absolute;
    height: 100%;
    right: 0px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.bg-aura-m {
	width: 100%;
    background-size: 100%;
}

.prouesse-cours {
	background-size: 100%;
}

.hide_height > div {
	height: auto !important;
} 

.hide_height .mod_disp {
	display: flex;
	width: 100%;
	font-size: 13px !important;
}

.hide_height .mod_disp span:first-child {
	width: 27%;
}

.hide_height .mod_disp span:last-child {
	width: 73%;
}

.casern_infos > div:first-child {
	width: 180px;
}

#GB_overlay {
	width: 100% !important;
}

.modal_esp {
	width: 100%;
}

.ww-fiche-main-actions {
	position:absolute;
	right:10px;
	top:12px;
	z-index:6;
}

.ww-fiche-main-actions a {
	display:inline-block;
	padding:3px;
	background:rgba(0,0,0,.42);
	box-shadow:inset 0 0 10px #000,0 2px 8px rgba(0,0,0,.45);
}

.ww-fiche-main-actions img {
	display:block;
	position:static!important;
	height:41px;
}

.modal_esp {
	min-height:170px!important;
	height:auto!important;
	background-size:cover!important;
	box-shadow:inset 0 0 0 1px rgba(224,171,75,.14),inset 0 0 24px rgba(0,0,0,.78);
	overflow:hidden;
}

.modal_esp .img_avatar img {
	box-shadow:0 0 15px rgba(0,0,0,.8);
	border:1px solid rgba(255,202,89,.18);
}

.modal_esp .imgs_missions {
	display:flex;
	gap:6px;
	align-items:center;
	padding:6px;
	background:rgba(0,0,0,.48);
	box-shadow:inset 0 0 12px #000;
}

.modal_esp .imgs_missions img {
	display:block;
}

.gamer_infoesp {
	max-width:calc(100% - 218px);
}

/* style screen for large tablet */
@media (max-width: 992px) {

	#homeflex {
		position: relative;
	}

	#homeflex .m-none {
		display: block;
		height: 100%;
		box-sizing: border-box;
		position: absolute;
	}

	#homeflex > div:last-child {
		right: 0;
		top: 0;
	}

	#homeflex #hudleft, #homeflex #central_td {
		width: 94%!important;
		margin: auto;
	}

	.elementflex > div:last-child {
		width: 100%;
	}

	#tab6, #tab2 {
		background-size: 100%;
	}

	#lvl10required + div {
		width: 100% !important;
	}


	#cadrealerte > div > div {
		justify-content: center;
		align-items: center;
	}

} 

/* style screen for small tablet */
@media (max-width: 768px) {

	#contenu {
		width: 96% !important;
	}

	#hudleft, .m-none {
		display: block;
	}

	#homeflex #hudleft, #homeflex #central_td {
		width: 95% !important;
	}

	.forminscription {
		left: unset !important;
	}

	#kobold_inscription {
		left: 113px !important;
	}

	#hudleft {
		display: flex;
	}

}

@media (max-width: 767px) {

	.avatars-page {
		display: grid;
	    grid-template-columns: repeat(2, 1fr);
	}

	.avatars-page span.single-avatar {
		width: 130px !important;
    	height: 130px !important;
    	background-size: 100%;
	}

	.avatars-page span.single-avatar > input {
		width: 87px !important;
    	height: 87px !important;
   		margin-left: 21px !important;
    	margin-top: 17px !important;
	}

	.fichebg_avatar .fiche_avatar_item {
		height: unset !important;
		top: -15px;
    	position: relative;
    	z-index: 999;
	}

}

/* #indicatif { */
/* width:30px;height:30px!important */
/* } */
/* style screen for mobile */
@media (max-width: 600px) {
	
	html,
	body {
		overflow-x: hidden;
	}

	#contenu {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden;
		overflow-y: visible;
	}

	#homeflex #hudleft,
	#homeflex #central_td {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	#central_td {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#contenu .img-top,
	.bottomimg img {
		max-width: 100%;
		height: auto;
	}

	.fixedDiv {
		left: 0 !important;
		width: 100% !important;
	}

	#hoverlord,
	#menu_hori {
		max-width: 100% !important;
		background-size: 100% 87px;
	}

	.ww-building-nav {
		flex-wrap: wrap;
		justify-content: center !important;
		gap: 3px 0;
	}

	.ww-building-nav a {
		box-sizing: border-box;
		flex: 0 0 33.333%;
		justify-content: center;
		padding: 6px 3px !important;
		text-align: center;
		font-size: 11px !important;
		line-height: 13px;
	}

	.ww-building-nav a img {
		margin-right: 3px !important;
		width: auto !important;
		height: auto !important;
	}

	
	#indicatif {
width:30px;height:30px!important
}

	.viewteam_bgtopr .vb_ht6 a,
	.viewteam_bgtopr .vb_ht4 .vert,
	.viewteam_bgtopr .vb_ht5 span,
	.viewteam_bgtopr .vb_ht5 span a,
	.viewteam_bgtopr .vb_ht3 .viewteam_all_nee {
		font-size: 13px !important;
	}

	.viewteam_bgtopr .vb_ht3 .viewteam_all_nee a {
		font-size: 12px !important;
	}

	.tinyTip {
		display: none !important;
	}

	.tinyTip.show {
		display: block !important;
		top: 300px !important;
		z-index: 999999 !important;
	}

	#contenu .img-top {
		width: 99% !important;
	}

	#homeflex #log > img {
		position: relative !important;
		top: 260px !important;
		left: 0 !important;
	}

	#homeflex #log .alter {
		position: absolute !important;
		bottom: 65px !important;
	}

	#homeflex #log .alter.top {
		top: 3px !important;
	}

	#homeflex #log > a > img {
		bottom: 20px !important;
		left: 17px !important;
	}

	#homeflex #log > a > img.tTip2 {
		bottom: 28px !important;
		left: unset !important;
	}

	#homeflex .elementflex {
		flex-direction: column;
		align-items: center;
	}

	#scrollbar1 {
		display: flex;
		flex-direction: row-reverse;
	}

	#scrollbar1 .viewport,
	#scrollbar2 .viewport {
		overflow-y: auto !important;
		overflow-x: hidden !important;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-y;
	}

	#scrollbar1 .overview,
	#scrollbar2 .overview {
		position: relative !important;
		top: auto !important;
		left: auto !important;
	}

	#scrollbar1 .scrollbar,
	#scrollbar2 .scrollbar {
		display: none !important;
	}

	.bg-title-inscription {
		margin-bottom: 20px;
	}

	#kobold_inscription {
		display: none;
	}

	.bg-inscription-right {
		background-position: -25px 0 !important;
		/* background-image: url(export_inscription/inscription_right-Modifier.png) !important; */
	}

	.btn-inscription {
		left: 50% !important;
		transform: translate(-50%, 0);
	}

	#hudleft {
		flex-wrap: wrap;
		overflow: unset !important;
	}

	.insrit_item {
		left: 4% !important;
	}

	#pseudobox, #valid_inscrit, #weak {
		left: 4% !important;
	}

	.hide_margheight {
		margin: 0 !important;
		height: 0 !important;
	}

	/* .alliance_classcolumn {
		padding: 20px !important;
	} */

	/* #hud0, #hud2, #hud1, #hud4, #hud11, #hud3, #hud10 {
		margin: auto;
		background-size: 100%;
		width: 26%;
		height: 83px;
	}

	#hudimg0, #hudimg2, #hudimg1, #hudimg4, #hudimg11, #hudimg3, #hudimg10 {
		top: 0px !important;
		left: 12px !important;
		height: 61px !important;
		width: 71.5% !important;
		background-size: 100%;
	}

	#hudimg3 {
		top: -2px !important;
	} */

		.hud_court, .hud_long {
			height: 90px;
		width: 27%;
		background-size: 100%;
		margin: auto;
		position: relative !important;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	#hud1 {
		background-position: top !important;
	}

	#hud1 #icones_sol {
		display: none !important;
	}

		#hudimg0, #hudimg2, #hudimg1, #hudimg4, #hudimg11, #hudimg24, #hudimg12, #hudimg20, #hudimg21, #hudimg22, #hudimg23, #hudimg25, #hudimg3, #hudimg10 {
		position: absolute !important;
		left: 50% !important;
		transform: translate(-50%, 0px);
		width: 73% !important;
		background-size: 100%;
		height: auto !important;
	}

	.wrap-ccprouesses {
		flex-wrap: wrap;
	}

	.div-livefeed {
		flex-direction: column;
		align-items: center;
	}

	.div_fb_share {
		position:  unset !important;
	}

	.div_fiche {
		flex-direction: column;
		align-items: center;
	}

	.info_jeu {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 170px));
		gap: 7px;
		justify-content: center;
		position: relative !important;
		right: unset !important;
		text-align: center;
		margin-top: 25px;
	}

	.info_jeu br {
		display: none;
	}

	.info_jeu > a.ww-fiche-action-button {
		width: 100% !important;
		margin: 0 !important;
	}

	.div_tab2 {
		height: auto !important;
		background-size: cover !important;
	}

	#menu_hori {
		width: 95% !important;
		left: 0 !important;
	}

	.haut_carte-32,
	#haut_carte {
		justify-content: flex-start !important;
    	flex-wrap: wrap;
		height: 100% !important;
		padding: 0 15px; 
	}

	.bat-332 {
		flex-direction: column;
		justify-content: center !important;
		align-items: center;
	}

	.bat-332 > div:first-child {
		margin-bottom: 10px;
	}

	.bloc-3231 {
		width: 150px;
	}

	.tTip {
		left: 0 !important;
	}

		#GB_overlay {
			position: fixed !important;
			inset: 0 !important;
			width: 100vw !important;
			height: 100dvh !important;
			z-index: 2147483600 !important;
		}

		#GB_window {
			position: fixed !important;
			inset: 0 !important;
		width: 100vw !important;
		height: 100dvh !important;
		left: 0 !important;
			top: 0 !important;
			transform: none !important;
			overflow: hidden !important;
			z-index: 2147483601 !important;
		}

	.portail-321 {
		flex-direction: column;
		align-items: center;
	}

	#GB_window .content {
		width: 100vw !important;
		height: calc(100dvh - 44px) !important;
		overflow: hidden !important;
	}

	#GB_frame,
	#GB_window > .content > .GB_frame {
		width: 100vw !important;
		height: calc(100dvh - 44px) !important;
		max-width: 100vw !important;
		max-height: calc(100dvh - 44px) !important;
		overflow: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.prouesse-cours {
		position: relative;
		width: 100% !important;
    	height: 250px !important;
		background-size: 100%;
	}

	.prouesse-cours div:first-child {
		position: absolute !important;
		top: 15px !important;
		right: 60px;
		left: unset !important;
	}

	.prouesse-cours div:first-child span {
		font-size: 13px !important;
	}

	.prouesse-cours div:last-child {
		position: absolute !important;
		top: 55px !important;
    	right: 55px;
		left: unset !important;
	}

	#to_mask_if_alert2 > center {
		margin-top: 25px;
	}

	.ccprouesses .table {
		height: auto !important;
	}

	.info_jeu > a >img {
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.info_jeu > a > img.ww-fiche-action-img {
		width: auto !important;
		height: auto !important;
		max-width: none !important;
		max-height: none !important;
		box-sizing: content-box !important;
	}

	.info_jeu > span > a >img {
		margin-top: 0 !important; 
	}

	.vueglobal-0 {
		padding-bottom: 25px !important;
		padding-top: 0px !important;
		height: auto !important;
	}

	.vueglobal-0 > div > div {
		flex-direction: column;
		align-items: start;
	}

	.div_idle {
		margin-left: 15px;
	}

	.div_idle > a:nth-child(1) img {
		right: 0 !important;
	}

	.div_idle > a:nth-child(2) {
		left: 10px !important;
		margin-right: 15px;
	}

	.div_idle > a {
		font-size: 13px !important;
	}

	.div_idle > a:nth-child(3) img {
		right: 0 !important;
	}

	.div_idle > a:nth-child(4) {
		left: 10px !important;
	}

	.vueglobtitle {
		margin-left: 15px;
		margin-bottom: 5px;
	}

	#tab6 {
		padding: 10px !important;
	}

	#textareaclan {
		margin-top: 15px;
	}

	#checkBoxHistorique + label {
		margin-right: 10px;
	}

	#checkBoxEnter + label {
		margin-right: 10px;
	}

	#tab6 {
		background-size: unset !important;
		height: auto !important;
	}

	.bg-title-inscription span {
		top: 5px !important;
	}

	/* #diplomatie_receiver div:last-child {
		width: unset !important;
	} */

	#tab td {
		font-size: 12px !important;
	}

	#tag_name {
		width: 95% !important;
		left: 5px !important;
	}

	#campagnes_receiver div:last-child {
		left: -2px !important;
	}

	.inputy {
		width: 95% !important;
		margin-top: 3px;
	}

	#top_team {
		background-image: url(bg_domination-Modifier.png) !important;
		width: 100% !important;
		background-position: center top !important;
	}

	.elementflex > div {
		width: 100% !important;
	}

	#top_team > div:nth-child(2) {
		left: 50% !important;
		transform: translate(-50%,0);
	}

	#cda1, #cda2, #cda3, #cda4, #cda5, #cda6 {
		position: relative;
		background-size: 100%;
		height: 40px;
	}

	#cda1 .tTip3, #cda2 .tTip3, #cda3 .tTip3, #cda4 .tTip3, #cda5 .tTip3, #cda6 .tTip3 {
		position: absolute !important;
		bottom: 0;
		right: 0!important;
	} 

	#cadrealerte {
		height: 40px !important;
	}

	.export_calendrier {
		background-size: 100%;
		height: 20px !important;
		top: 0 !important;
		margin-bottom: 25px !important;
	}

	#cadre_alertes {
		height: unset !important;
	}

	.cadre_alerteajax {
		height: 0 !important;
	}

	.calendier_ui {
		top: -10px !important;
    	background-size: 4% !important;
	}

	#ress_bois, #ress_mana {
		margin: 5px !important;
	}

	#ressources {
		position: unset !important;
		left: 0 !important;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
		background-image: url(cadre_alertes_wwix/bgb.jpg);
	}

	.vueglobal1 {
		flex-wrap: wrap;
	}

	.vueglobal1 > a, .vueglobal1 > img {
		margin: 3px 0;
	}

	.vueglobal1 > a {
		margin-right: 8px !important;
	}

	.vueglobal2 {
		padding: 15px !important;
	}

	.jauge_progression {
		background-size: 100%;
		height: 10px !important;
	}

	.post-empreinte {
		display: flex;
		flex-wrap: wrap;
	}

	.bg-aura-m {
		background-size: 100%;
		width: 100% !important;
		height: 200px !important;
	}

	.bg_txtaura-m {
		background-size: 100%;
		width: 100% !important;
		font-size: 13px !important;
	}

	.div-livefeed > div {
		width: 100% !important;
	}

	.relique {
		width: 50px !important;
	}

	.viewteam_bgtop {
		flex-direction: column;
		align-items: center;
	}

	.viewteam_height {
		height: auto !important;
	}

	.img_blasons {
		margin-bottom: 34%;
	}

	.viewteam_bgtopr {
		padding: 15px 10px 0;
	}

	.viewteam_bgtopr div, .viewteam_bgtopr span {
		height: unset !important;
		position: unset !important;
	}

	.viewteam_bgtopr div:nth-child(5) {
		height: 50px !important;
	}

	.viewteam_bgtopr > div {
		padding: 5px 0;
	}

	.viewteam_bgtopr .wwix {
		top: 2px !important;
		font-size: 15px !important;
	}

	.viewteam_all_nee {
		bottom: 14px !important;
	}

	.viewteam_imp_ding {
		flex-direction: column;
		align-items: center;
	}

	.viewteam_imp_ding > div:nth-child(3) {
		order: 2;
	}

	.viewteam_imp_ding > div:nth-child(2) {
		padding-bottom: 10px;
	}

	.hide_in_mobile {
		display: none !important;
	}

	.chat_mur_proba {
		top: -55px !important;
		right: -5px !important;
	}

	.chat_mur_ciel {
		right: 0px !important;
	}

	.chat_mur_apc {
		margin-top: 10px;
	}

	.ww-esprit-layout {
		display: block !important;
		width: 100% !important;
	}

	.ww-esprit-side,
	.ww-esprit-main {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box;
	}

		.ww-esprit-main .tab2,
		.ww-esprit-main #tab2 {
			margin-left: 0 !important;
			margin-right: 0 !important;
			padding-left: 0 !important;
			padding-right: 0 !important;
		}

	.ww-esprit-main .chat_mur_apc {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#contenu {
		height: unset;
	}

	.chat_murColumn a, .chat_murColumn span, .chat_murColumn > div:first-child {
		font-size: 12px !important;
	}

	#chatreceiver .table {
		margin-bottom: 5px;
	}

	.carte_height_width, .carte_height_width > div {
		width: 95% !important;
		height: auto !important;
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.carte_height_width img.tTipScroll,
	.carte-938 {
		width: 95% !important;
	}

	.cartecolumn > div:last-child img {
		left: 5px !important;
	}

	.carte_div .height-15 {
		height: 10px !important;
	}

	.fiche_btns {
		height: auto !important;
	}

	.fiche_div_btns {
		height: auto !important;
	}

	.msg-carte-837 > div {
		width: 90% !important;
    	margin: auto;
	}

	/* .fiche_avatar {
		position: relative;
		background-image: url(bg_domination-Modifier.png) !important;
		width: 100% !important;
		background-position: center top;
		background-size: 78% !important;
	} */

	/* .fichebg_avatar .fbg_avatar {
		left: 50% !important;
		transform: translate(-50%, -15%);
	} */

	.fiche_info_user  a, .fiche_info_user > span {
		font-size: 13px;
		margin-right: 3px;
		margin-left: 3px;
	}

	.affichage_height div {
		height: auto !important;
	}

	.options_team_text {
		flex-direction: column;
	}

	.options_team_text textarea {
		margin: 10px 0;
	}

	.options_team_noflex {
		display: unset !important;
	}

	.options_team_newwidth {
		width: 35% !important;
	}

	.view_team_padd {
		padding: 0px !important;
	}

	.joueurs_table {
		overflow: scroll;
	}

	.btn_affsexe {
		width: 60px !important;
	}

	.mod_disp {
		display: flex !important;
		width: 100%;
		padding: 5px 0;
	}

	.mod_disp span:first-child {
		width: 44% !important;
	}

	.mod_disp span:last-child {
		width: 60% !important;
	}

	.viewteam_clan {
		padding: 0 15px !important;
	}

	.comptebottom_bg {
		width: unset !important;
	}

	.supp_diplomate {
		flex-wrap: wrap;
		justify-content: unset !important;
	}

	.add_diplomate {
		flex-wrap: wrap;
		justify-content: unset !important;
	}

	.add_diplomate2 {
		flex-wrap: wrap;
		justify-content: unset !important;
	}

	.divprom_repeat {
		background-size: 100%;
	}

	.casern_table {
		overflow: scroll !important;
	}

	.casern_infos {
		flex-direction: column;
	}

	.casern_infos > div:first-child {
		margin-bottom: 10px;
	}

	.hotel_diptotal {
		flex-direction: column;
		align-items: center;
	}

	.hotel_diptotal > div:nth-child(3) {
		margin-left: 0 !important;
	}

	.sanc_ouvrir {
		height: auto !important;
		padding: 10px !important;
	}

	.sanc_ouvrir > span {
		top: unset !important;
		left: unset !important;
	}

	.class_padd {
		padding: 10px !important;
	}

	.plan_prod {
		height: auto !important;
		padding: 10px !important;
	}

	.plan_prodHeure {
		display: block;
		margin-bottom: 15px;
		font-size: 13px !important
	}

	.plan_prod > span, .plan_prod > img {
		position: unset !important;
	}

	.plan_prod > img {
		margin: 0 5px;
	}

	.cdr_alertediv {
		height: unset !important;
	}

	#son {
		position: absolute;
	}	

	#hudreceiver3 {
		bottom: 23px !important;
	}

	#hudreceiver5 {
		position: relative;
		bottom: 19px !important;
	}

	.del_height {
		height: unset !important;
	}

	.div_fiche > div:last-child {
		height: 208px !important;
	}

	.mrgn_top {
		margin-top: 30px;
	}

	.persos_caserne {
		padding: 10px !important;
	}

	.title_blocaserne {
		font-size: 12px !important;
		margin-left: 10px;
		display: flex;
	}

	.gros_text {
		font-weight: 900;
	}

	.marg_input {
		margin-bottom: 10px !important;
	}

	#fenetre_rapide_loader > div {
		width: unset !important;
	}

	#fenetre_rapide_loader > div > div {
		width: 50%;
	}

	.column_gender {
		padding: 20px !important;
	}

	.mrgn_top div, .mrgn_top span {
		height: unset !important;
	}

	.mrgn_top span {
		font-size: 12px !important
	}

	.mrgn_top .name_gamer {
		font-size: 24px !important;
	}

	.niv_class {
		text-align: left;
	}
	
	.class_teamgender {
		padding: 18px !important;
	}

	.lab_fullwidth {
		width: 100% !important;
	}

	.lab_divfullwidth {
		flex-direction: column;
	}

	.prou_wrapadiv {
		flex-wrap: wrap;
	}

	.ww-campagnes-list {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px;
		width: 100% !important;
		max-width: 390px !important;
		left: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box;
	}

	.ww-campagnes-list .camp_div {
		display: contents !important;
	}

	.ww-campagnes-list .camp_div > div {
		width: 100% !important;
		max-width: 120px !important;
		height: 64px !important;
		justify-self: center;
		background-size: 100% 100%;
		overflow: hidden !important;
	}

	.parlementer_avec {
		position: fixed !important;
		inset: 0 !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100vw !important;
		height: 100dvh !important;
		transform: none !important;
		padding-top: 0 !important;
		box-shadow: none !important;
		z-index: 7000 !important;
		background-image: none !important;
	}

	.parlementer_avec > iframe {
		width: 100% !important;
		height: 100dvh !important;
		display: block;
	}

			#tetes_receiver {
				position: fixed !important;
				top: auto !important;
				left: 50% !important;
				right: auto !important;
				bottom: max(8px, env(safe-area-inset-bottom)) !important;
				transform: translateX(-50%) !important;
				z-index: 999998 !important;
				display: flex !important;
				align-items: center;
				gap: 8px;
				width: max-content !important;
				max-width: calc(100vw - 16px) !important;
				min-height: 74px;
				padding: 7px 10px;
				box-sizing: border-box;
				overflow-x: auto;
				overflow-y: hidden;
				-webkit-overflow-scrolling: touch;
				background: linear-gradient(0deg, rgba(0,0,0,.78), rgba(0,0,0,.38) 66%, rgba(0,0,0,0));
				pointer-events: none;
			}

			#tetes_receiver > div {
				overflow: visible !important;
				flex: 0 0 auto !important;
				margin-bottom: 0 !important;
				margin-right: 0 !important;
				box-shadow: 0 8px 18px rgba(0,0,0,.75);
				pointer-events: auto;
			}

			#tetes_receiver a,
			#tetes_receiver img,
			#tetes_receiver .parlementer_supprimer,
			#tetes_receiver [class^="croixtetes_"] {
				pointer-events: auto;
			}

	#sprite_parlem {
		display: none !important;
	}

	.chatmsgminichat, .parole_color {
		padding-right: 20%;
	}

	.rappcombat_div {
		height: auto !important;
	}

	.uns_poscombat {
		position: unset !important;
	}

	.escarm_bg {
		background-position: center;
	}

	.escar_flex {
		flex-wrap: wrap;
		justify-content: center;
	}

	.escar_flex > div {
		height: 100px !important;
	}

	.escar_width {
		width: 100% !important;
		left: 0 !important;
	}

	.escar_flex > div {
		width: auto !important;
	}

	.hide_div {
		display: none;
	}

	.div_bottomflex > div {
		width: auto !important;
	}

	.index_menubottom {
		width: 100%;
	}

	.index_menubottom > div:first-child {
        width: unset !important;
    }

	.index_menubottom > div:nth-child(2) {
        width: 40% !important;
    }

	.index_menubottom > div:nth-child(3) {
        width: 60% !important;
    }

	.divprom_repeat {
		background-image: url(fjoueur/prom_repeat-70Height.png) !important;
		background-size: cover;
		background-position: center;
		height: unset !important;
	}

	.align_itemonfiche {
		align-items: center;
	}

	.align_itemonfiche div:nth-child(2), .align_itemonfiche div:nth-child(4) {
		width: 45px !important;
	}

	.menubtm_ {
		float: right;
	}

	#last_alert {
		top: 60px !important;
    	left: 0 !important;
	}

	.div_bottomflex {
		margin-top: 3%;
	}

	.div_bottomflex img {
		position: unset !important;
		width: 100% !important;
	}

		.carte_div {
			min-height: 0 !important;
			height: auto !important;
			background-size: 100% 100% !important;
			background-repeat: no-repeat !important;
			background-position: top center !important;
		}

	.inscri_heightdiv {
		height: auto !important;
	}

	#preload_souvenir_loader {
		position: fixed !important;
		top: 310px !important;
		right: 0 !important;
		left: unset !important;
	}

	.transItems + input + a {
		left: unset !important;
		right: 5px;
		top: 200px !important;
		width: 200px !important;
		text-align: right;
	}

	#log .rej_btn {
		top: 220px !important;
	}

	.div_trailer {
		width: 100%;
	}

	.kobold_campnorlow {
		height: auto !important;
	}	

	.div_defapt {
		flex-direction: column !important;
		align-items: center !important;
		padding-bottom: 5px;
	}

	.camp_demaide {
		flex-direction: column;
		align-items: center;
	}

	.camp_infos {
		height: unset !important;
		background-repeat: repeat !important;
	}

	.camp_infos > div {
		height: unset !important;
	}

	.bottom_sol {
		color: #96b748;
		font-size: 12px;
		text-shadow: unset !important;
		position: relative;
		bottom: 5px;
		font-weight: 600;
	}

	.div_envcomb {
		width: 32px !important;
		margin-right: 20px;
	}

	.div_tablemax {
		width: 70px !important;
	}

	.div_catap {
		height: 280px !important;
		background-position: center !important;
		background-size: 100% !important;
	}

	#haut_carte {
		padding: 0 10px !important;
	}

	#haut_carte > a {
		width: 100% !important;
		font-size: 13px;
	}	

	#haut_carte img {
		width: 7px !important;
	}

	#haut_carte.ww-atelier-nav img,
	#haut_carte.alter.ww-atelier-nav img,
	#haut_carte.alter img {
		width: auto !important;
		height: auto !important;
	}

	.dev_attaquecomp {
		height: auto !important;
		background-size: cover !important;	
	}

	.bg_attcampdefapt, .attdef_apt {
		height: unset !important;
		background-repeat: repeat !important;
	}

	.bg_attdefapt {
		height: auto !important;
	}

	.attdef_apt > div {
		flex-direction: column;
		align-items: center;
	}

	#scrollbar2 .viewport {
		width: 80% !important;
	}

	.viewport div {
		font-size: 13px !important
	}
	
	.msgs_livefeed {
		width: 100%;
	}

	.div_flexexplorer {
		flex-direction: column;
		align-items: center;
	}

	.bg_viewteamhann {
		background-size: cover !important;
	}

	.bloctitle_huv > span {
		font-size: 16px !important;
	}

	.catap_div {
		display: flex;
	}

	.catap_div a {
		font-size: 10px !important;
	}

	.catap_div div {
		font-size: 8px !important;
	}

	.div_choixvitess {
		flex-direction: column;
	}

	.div_unitongag {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100% !important;
	}

	.div_unitongag > div {
		width: unset !important;
		margin-right: 15px;
	}

	.div_unitongag > span {
		width: 100%;
		display: block;
	}

	.divbat {
		flex-direction: column;
	}

	.delpad {
		padding: 0 !important;
		width: 95%;
		margin: 5px auto;
	}

	.divbgpanneu {
		position: relative;
	}

	.mrgn_top .divbgpanneu1 {
		position: relative !important;
    	top: 2px;
		height: 63px !important;
	}

	.mrgn_top .divbgpanneu2 {
		height: 30px !important;
	}

	.mrgn_top .divbgpanneu3 {
		height: 30px !important;
	}

	.divbgpanneu2 {
		position: relative !important;
    	top: 5px;
		width: 90% !important;
	}

	.divbgpanneu3 {
		position: relative !important;
    	top: 5px;
	}

	.divbgpanneu4 {
		position: relative;
    	top: 5px;
	}

	.fiche_info_user {
		top: 15px !important;
	}

	.cda_caa > span, #cliquable1 {
		left: 27px !important;
		font-size: 8px !important;
		bottom: 10px !important;
	}

	#cliquable1 {
		left: 30px !important;
	}

	.name_gamer {
		font-size: 20px !important;
	}

	.info_widthgamer {
		width: 65%;
	}

	.font10 {
		font-size: 13px !important;
	}

	.topalert0 {
		position: absolute !important;
		bottom: -12px !important;
	}

	.topalert1 {
		position: absolute !important;
		bottom: -24px !important;
		z-index: 99999999 !important;
	}

	.div_huvoalliance .blason {
		display: block;
		margin: auto;
		padding-bottom: 10px;
	}

	.defalliance {
		position: unset !important;
	}

	.huvokobtn {
		width: 80px !important;
	}

	.huvokobtn .load_avatar {
		width: 30px !important;
	}

	.imgreducetop {
		top: 50px !important;
	}

	.fiche_avatar_item {
		margin: auto;
	}

	.fiche_avatar_item > a img {
		top: 0 !important;
	}

	.fiche_avatar_item img {
		position: relative !important;
		right: unset !important;
	}

	.ww-active-effects-strip {
		min-height: 44px !important;
	}

	/*.viewport {
		overflow: scroll !important;
	}*/

	/* .fichebg_avatar {
		background-image: url(fjoueur/cadre_0-BG.png) !important;
	}

	.fichebg_avatar {
		background-image: url(fjoueur/cadre_0-BG.png) !important;
		width: 100% !important;
		background-repeat: no-repeat !important;
		background-position: center;
	}
	*/
	

	.fichebg_avatar {
		width: 100% !important;
		background-repeat: no-repeat;
		background-position: top;
		min-height: 218px;
		height: auto !important;
	}

	.fbg_avatar {
		left: 50% !important;
		transform: translate(-50%, 0px) !important;
		top: -4px;
	} 

	.creation_ {
		width: 100% !important;
	}

	.cartecolumn {
		justify-content: center;
		align-items: center;
	}

	.center_batiment {
		padding: 0 !important;
		text-align: center;
		float: unset !important;
	}

	.viewteam_bgtopr .vb_ht3 {
		height: 30px !important;
	}

	.combatname_gamer {
		left: unset !important;
		top: 0 !important;
	}

	#hudreceiver1 {
		position: absolute;
		bottom: -0;
		left: 50%;
		transform: translate(-50%,0);
	}

	.camp_hideheight {
		height: unset !important;
		text-align: center !important;
	}

	/* .chargement { */
		/* top: 50%; */
		/* transform: translate(0, -50%); */
	/* } */

	.bottomimg {
		height: 30px !important;
	}

	.reduceheight {
		height: 20px !important;
	}

	.center_element {
		text-align: center;
	}

	.btn_travaiterm {
		width: 100%%;
	}

	.bg_GBiframe {
		height: auto !important;
		background-size: cover !important;
		background-position: center;
	}

	.esionna_bat {
		display: flex;
	}

	.units-bloc > div {
		float: unset !important;
	}

	.units-bloc > div:nth-child(2) {
		padding-top: 0 !important; 
	}

	.units-bloc > div:nth-child(4),
	.units-bloc > div:nth-child(5) {
		display: inline-block;
	}

	.cart-choix-place {
		width: 100% !important;
		background-size: 100% !important;
    	background-repeat: no-repeat !important;
	}

	.cart-choix-place .height-15 {
		height: 15px !important;
	}

	.cart-2310 {
		width: 98% !important; 
	}

	.bloc-2310,
	.bloc-2310 img,
	.bloc-543 {
		width: 95% !important;
		height: auto !important;
	}

	.bloc-543 {
		background-size: 100%;
	}

	#fiche_receiver #tab a {
		font-size: 13px !important;
		margin-right: 15px !important;
	}

	.bloc-543.b455 {
		background-position: bottom !important;
	}

}


/* style screen for small mobile */
@media (max-width: 350px) {

	#hudreceiver5 {
		position: relative;
		bottom: 29px !important;
	}

	.divbgpanneu3 {
		top: 10px !important;
	}

	.cda_caa > span, #cliquable1 {
		left: 23px !important;
		font-size: 8px !important;
		bottom: 12px !important;
	}

	.topalert0 {
		bottom: -6px !important;
	}

	.topalert1 {
		bottom: -19px !important;
		z-index: 99999999 !important;
	}

	.fiche_info_user {
		top: 20px !important;
	}

	#haut_carte > a {
		font-size: 10px;
	}

	#GB_window {
		top: 0 !important;
	}

	.transItems {
		width: 40% !important;
	}

	.transItems + input {
		width: 40% !important;
	}

	.transItems + input + a {
		left: unset !important;
		right: 5px;
		top: 200px !important;
		width: 120px !important;
	}

	#log .rej_btn {
		top: 225px !important;
		left: 50% !important;
		transform: translate(-50%, 0);
	}

	#homeflex #log > a > img.tTip2 {
		right: 5px !important;
	}

	#tab td {
		font-size: 10px !important;
	}

	#log .rej_btn {
		width: 60% !important;
	}

		#hud0, #hud2, #hud1, #hud4, #hud11, #hud24, #hud12, #hud20, #hud21, #hud22, #hud23, #hud25, #hud3, #hud10 {
		position: relative !important;
		background-size: 100%;
		margin: 5px auto;
	}

		.hud_court, .hud_long {
			height: 82px;
		width: 27%;
		background-size: 100%;
		margin: auto;
		position: relative !important;
		margin-bottom: 10px !important;
	}

		#hudimg0, #hudimg2, #hudimg1, #hudimg4, #hudimg11, #hudimg24, #hudimg12, #hudimg20, #hudimg21, #hudimg22, #hudimg23, #hudimg25, #hudimg3, #hudimg10 {
		position: absolute !important;
		left: 50% !important;
		transform: translate(-50%, 0px);
		width: 73% !important;
		background-size: 100%;
		height: auto !important;
	}

	#hudimg3 {
		top: -7px !important;
	}
	
	.calendier_ui {
		top: -12px !important;
		background-size: 4% !important;
	}

	#hudreceiver3 {
		bottom: 33px !important;
	}

	#cda1, #cda2, #cda3, #cda4, #cda5, #cda6 {
		height: 37px;
	}

	#hudleft {
		overflow-x: unset !important;
	}

	.bg-aura-m {
		height: 170px !important;
	}

	.prouesse-cours {
		height: 210px !important;
	}

	.prouesse-cours div:first-child {
		right: 35px;
	}

	.prouesse-cours div:last-child {
		right: 30px;
	}
	
	.div_fiche > div:last-child {
		height: 215px !important;
		background-size: cover;
	}

	.mrgn_top {
		margin-top: 10%;
	}

	.tttip2 {
		left: -10px;
	}

	.index_menubottom > div:nth-child(2) {
		width: 50% !important;
	}

	.menubtm_ {
		margin-top: 4px;
	}

	/*.carte_height_width {
		width: 35px !important;
		height: 35px !important;
		background-size: 100%;
	}*/
	.font10 {
		font-size: 12px !important;
	}

	.fiche_info_user a, .fiche_info_user > span {
		font-size: 11px !important;
	}
}

/* style screen for x-small mobile */

@media (max-width: 300px) {

	.div_catap {
		height: 245px !important;
	}

		.hud_court, .hud_long {
			height: 72px;
		width: 27%;
		background-size: 100%;
		margin: auto;
		position: relative !important;
		margin-bottom: 10px;
	}

		#hudimg0, #hudimg2, #hudimg1, #hudimg4, #hudimg11, #hudimg24, #hudimg12, #hudimg20, #hudimg21, #hudimg22, #hudimg23, #hudimg25, #hudimg3, #hudimg10 {
		position: absolute !important;
		left: 50% !important;
		transform: translate(-50%, 0px);
		width: 73% !important;
		background-size: 100%;
		height: auto !important;
	}

	#hudimg3 {
		top: -7px !important;
	}

	#cda1, #cda2, #cda3, #cda4, #cda5, #cda6 {
		height: 33px;
	}

	#hudreceiver3 {
		bottom: 40px !important;
	}

	.div_fiche > div:last-child {
		width: 430px;
		background-image: url(fjoueur/bg_panneau.jpg);
		background-size: cover;
		height: 228px !important;
	}

	.bg-aura-m {
		height: 150px !important;
	}

	.prouesse-cours {
		height: 180px !important;
	}
}

.btn_payment_modal {
	cursor: pointer;
}

.modal_payment {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 55%);
    z-index: 999999;
}

.modal_payment .modal_dialog {
    width: 700px;
    background-image: url(export_bg_divs_wwix/bg_marron.jpg);
    box-shadow: 0 0 40px 15px rgb(0 0 0 / 50%);
    padding: 20px 20px;
    border-radius: 10px;
    background-size: cover;
    background-position: top;
}

.modal_payment .columns {
	display: flex;
    flex-wrap: wrap;
}

.modal_payment .ppl {
	padding-right: 20px;
    border-right: 1px solid;
    margin-right: 30px;
}

.modal_payment .ppl button {
	padding: 0;
	border: 0;
	background-color: unset;
	cursor: pointer;
}

.modal_payment .ppl .ppl_img {
	width: 250px;
    object-fit: contain;
}

@media (max-width: 767px) {

	#hudimg3 {
        top: unset !important;
        bottom: 26px;
    }

    .info_widthgamer #description span {
    	font-size: 10px !important;
    }

    .info_widthgamer #description span i br {
    	display: none !important;
    }

}

.rappcombat_div {
	min-height: 135px;
}

.fiche_avatar .fiche_avatar_item {
	position: relative;
	/* top: 25px; */
}

	@media (max-width: 767px) {

		.fiche_avatar .fiche_avatar_item {
			top: 0;
			margin-top: 30px;
		}

		#scrollstart .carte-body {
			padding: 3px 25px;
		} 

		#scrollstart .carte_div {
			min-height: 0 !important;
			height: auto !important;
			background-size: 100% 100% !important;
			background-position: top center !important;
		}

		#fiche_receiver .timeline-img img {
			min-width: 45px;
		}

}

.modal_payment .columns {
	justify-content: center;
}

.form_carte {
	margin-top: 15px;
	text-align: center;
}

.form_carte [type="text"] {
	width: 100%;
	max-width: 390px;
    margin-bottom: 10px;
    height: 40px;
    border-radius: 5px;
    padding: 2px 15px;
    border: 0;
    background-color: rgb(0 0 0 / 60%);
    color: #FFF;
    font-size: 16px;
    box-sizing: border-box;
}

.form_carte [type="text"]::placeholder {
	color: #b3b3b3;
	font-size: 16px;
}

.form_carte [type="submit"] {
	background-color: #d2ff64;
    width: fit-content;
    border: 0;
    display: block;
    margin: 15px auto 15px;
    padding: 13px 30px;
    color: #000;
    font-size: 16px;
    border-radius: 5px;
    background-position: center;
    letter-spacing: .6px;
    box-shadow: 0 0 8px 5px rgb(0 0 0 / 34%);
    cursor: pointer;
    transition: .2s;
}

.form_carte [type="submit"]:hover {
	opacity: .8;
}

.form_carte .h2 {
	text-align: center;
    font-size: 22px;
    margin-bottom: 25px;
}

@media (max-width: 600px) {
	html,
	body {
		min-height: 100%;
		height: auto !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-y: auto;
	}

	body {
		touch-action: pan-y;
	}

	#contenu,
	#homeflex,
	#central_td,
	#homeflex #central_td {
		box-sizing: border-box;
		max-width: 100vw !important;
		overflow-x: hidden !important;
		overflow-y: visible !important;
	}

	#central_td,
	#homeflex #central_td {
		padding-left: max(8px, env(safe-area-inset-left)) !important;
		padding-right: max(8px, env(safe-area-inset-right)) !important;
	}

	#tab,
	#tab2,
	#tab3,
	#tab4,
	#tab5,
	#tab6,
	.tab,
	.tab2,
	.tab5,
	.table,
	.basetable,
	.bloc-543,
	.bloc-2310,
	.div_tablemax,
	.ww-bataillon-card,
	.ww-contract-section,
	.ww-contract-item,
	.ww-oracle-altar,
		.ww-oracle-card {
			box-sizing: border-box;
			max-width: 100% !important;
			margin-left: auto !important;
			margin-right: auto !important;
			overflow-wrap: anywhere;
			word-break: normal;
		}

	.tab,
	.tab2,
	.tab5,
	#tab,
	#tab2,
	#tab4,
	#tab5,
	#tab6 {
		overflow: visible !important;
	}

	img,
	table,
	iframe,
	input,
	textarea,
	select {
		max-width: 100%;
		box-sizing: border-box;
	}

	td,
	th {
		overflow-wrap: anywhere;
	}

	#scrollbar1,
	#scrollbar2,
	#scrollbar1 .viewport,
	#scrollbar2 .viewport,
	.joueurs_table,
	.casern_table,
	.div_tablemax,
	.table-responsive {
		-webkit-overflow-scrolling: touch !important;
		touch-action: pan-x pan-y !important;
	}

	#hudleft,
	#hudleft *,
	#hudleft a,
	#hudleft img,
	#hudleft .tTip2,
	#hudleft .tTipAttaquable {
		touch-action: pan-y !important;
	}

	#hudleft {
		overflow-x: visible !important;
		overflow-y: visible !important;
		-webkit-overflow-scrolling: touch;
	}

	.ww-camp-loot-list .ww-camp-loot-row {
		align-items: flex-start;
		gap: 8px;
	}

	.ww-camp-loot-list .ww-camp-loot-icon {
		flex: 0 0 74px !important;
		width: 74px !important;
		height: 74px !important;
		padding: 5px !important;
		box-sizing: border-box;
	}

	.ww-camp-loot-list .ww-camp-loot-icon img {
		display: block !important;
		width: 64px !important;
		height: 64px !important;
		max-width: 64px !important;
		max-height: 64px !important;
		object-fit: cover;
	}

	.ww-camp-loot-list .ww-camp-loot-text {
		flex: 1 1 auto;
		min-width: 0;
	}
}

@media (max-width: 768px) {
	html,
	body {
		height: auto !important;
		min-height: 100% !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		position: relative !important;
		-webkit-overflow-scrolling: touch !important;
		touch-action: pan-y !important;
		overscroll-behavior-y: auto !important;
	}

	#contenu,
	#homeflex,
	#central_td,
	#homeflex #central_td,
	#tab,
	#tab2,
	#tab3,
	#tab4,
	#tab5,
	#tab6,
	.tab,
	.tab2,
	.tab5 {
		touch-action: pan-y !important;
		overflow-y: visible !important;
	}

	#scrollbar1 .viewport,
	#scrollbar2 .viewport {
		height: auto !important;
		max-height: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		touch-action: pan-y !important;
	}

	#scrollbar1 .overview,
	#scrollbar2 .overview {
		position: static !important;
		top: auto !important;
		left: auto !important;
	}

	#scrollbar1 .scrollbar,
	#scrollbar2 .scrollbar {
		display: none !important;
	}

	#scrollbar1 {
		display: block !important;
		flex-direction: initial !important;
		max-width: 100% !important;
		overflow: visible !important;
	}

	#scrollbar1 .viewport {
		width: 380px !important;
		max-width: calc(100vw - 58px) !important;
		height: 350px !important;
		max-height: 350px !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		position: relative !important;
		-webkit-overflow-scrolling: touch !important;
		touch-action: pan-y !important;
	}

	#scrollbar1 .overview {
		position: static !important;
		top: 0;
		left: 0;
		width: 100%;
	}

	#scrollbar1 .scrollbar {
		display: none !important;
	}

	.fixedDiv {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		bottom: auto !important;
		z-index: 1 !important;
		pointer-events: none;
	}

	.fixedDiv a,
	.fixedDiv button,
	.fixedDiv input,
	.fixedDiv img {
		pointer-events: auto;
	}

	input,
	textarea,
	select,
	button,
	a {
		touch-action: manipulation;
	}

	#GB_window,
	#GB_window *,
	.parlementer_avec,
	.parlementer_avec *,
	.ww-parlemente-mobile,
	.ww-parlemente-mobile * {
		touch-action: auto !important;
	}
}

@media (max-width: 700px) {
		.GB_Window .close {
			position: fixed !important;
			top: max(6px, env(safe-area-inset-top)) !important;
			right: max(7px, env(safe-area-inset-right)) !important;
			z-index: 2147483602 !important;
		}

	.GB_Window .close div {
		min-width: 104px !important;
		height: 40px !important;
		border-radius: 4px;
		touch-action: manipulation;
	}

	.bg-aura-m {
		width: 188px !important;
		max-width: 188px !important;
		height: 113px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		background-size: 188px auto !important;
	}

	.bg_txtaura-m {
		width: 188px !important;
		max-width: 188px !important;
		height: 40px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		background-size: 188px 40px !important;
	}

	.prouesse-cours {
		width: 188px !important;
		max-width: 188px !important;
		height: 132px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		background-size: 188px 132px !important;
	}

	.ccprouesses > div,
	.ccprouesses .wrap-ccprouesses {
		max-width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	.ccprouesses img[src^="prouesses_export/"] {
		max-width: none !important;
		image-rendering: auto;
	}
}

@media (min-width: 701px) {
	.ww-mobile-hud-toggle,
	.ww-mobile-hud-backdrop {
		display: none !important;
	}
}

@media (max-width: 700px) {
	.ww-mobile-hud-toggle {
		position: fixed;
		left: max(8px, env(safe-area-inset-left));
		top: max(8px, env(safe-area-inset-top));
		z-index: 6600;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		padding: 5px 8px;
		border: 1px solid rgba(255, 213, 126, .38);
		border-radius: 4px;
		background: linear-gradient(180deg, rgba(44,22,8,.96), rgba(13,6,2,.96));
		box-shadow: inset 0 0 9px rgba(0,0,0,.85);
		color: #ffdf9a;
		text-shadow: 1px 1px 2px #000;
		touch-action: manipulation;
		white-space: nowrap;
	}

	.ww-mobile-hud-alert {
		display: none;
		position: static !important;
		transform: none;
		width: auto;
		height: auto;
		margin-left: 2px;
		background: none;
		box-shadow: none;
	}

	.ww-mobile-hud-toggle.ww-mobile-hud-has-ready .ww-mobile-hud-alert {
		display: inline-block;
	}

	.ww-mobile-hud-toggle span {
		display: none;
	}

	.ww-mobile-hud-toggle b {
		display: inline-flex;
		align-items: center;
		gap: 5px;
		margin: 0;
		font-size: 8px;
		line-height: 1;
		letter-spacing: 0;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.ww-mobile-hud-toggle b:before {
		content: "\2630";
		color: #ffd37a;
		font-size: 13px;
		line-height: 1;
	}

	.ww-mobile-hud-toggle.ww-mobile-hud-has-ready b {
		margin-right: 0;
	}

	.ww-mobile-hud-backdrop {
		display: none;
		position: fixed;
		inset: 0;
		z-index: 6400;
		background: rgba(0, 0, 0, .58);
	}

	body.ww-mobile-hud-open {
		overflow: hidden !important;
	}

	body.ww-mobile-hud-open .ww-mobile-hud-backdrop {
		display: block;
	}

	#homeflex {
		display: block !important;
	}

	#homeflex .m-none {
		display: none !important;
	}

	#homeflex #hudleft {
		position: fixed !important;
		left: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		z-index: 6500 !important;
		display: block !important;
		width: min(320px, 86vw) !important;
		max-width: 86vw !important;
		height: 100dvh !important;
		padding: 62px 10px 18px !important;
		box-sizing: border-box;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		transform: translateX(-104%);
		transition: transform .22s ease;
		background: #080401 url(imgs/mobile/hud_drawer_bar.png) top center/auto 110px no-repeat !important;
		box-shadow: inset -18px 0 42px rgba(0, 0, 0, .96), 14px 0 34px rgba(0, 0, 0, .58);
	}

	body.ww-mobile-hud-open #homeflex #hudleft {
		transform: translateX(0);
	}

	@media (prefers-reduced-motion: reduce) {
		#homeflex #hudleft {
			transition: none;
		}
	}

	#homeflex #central_td {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	#hudleft .hud_court,
	#hudleft .hud_long {
		display: inline-block !important;
		vertical-align: top;
		width: 96px !important;
		min-height: 96px !important;
		margin: 5px 3px !important;
		background-size: 100% 100% !important;
	}

	#hudleft [id^="hudimg"] {
		left: 56px !important;
		width: 72px !important;
		height: 72px !important;
		background-size: cover !important;
	}

	#hudleft img[src="blank.gif"] {
		width: 72px !important;
		height: 72px !important;
	}

	.ww-campagnes-private-list {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px;
		width: 100% !important;
		max-width: 390px !important;
		left: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 6px;
		box-sizing: border-box;
	}

	.ww-campagnes-private-list .ww-campagnes-row {
		display: contents !important;
	}

	.ww-campagnes-private-list .ww-camp-card {
		width: 120px !important;
		height: 64px !important;
		justify-self: center;
		margin: 0 !important;
		background-size: cover !important;
	}

	.ww-campagnes-private-list .ww-camp-card-placeholder {
		display: none !important;
	}

	.ww-private-campaign-note {
		margin-left: 6px !important;
		margin-right: 6px !important;
	}

	.cart-choix-place {
		width: 100% !important;
		min-height: calc(((100vw - 18px) / 6) * 14 + 74px) !important;
		height: auto !important;
		background-size: 100% 100% !important;
		background-position: center top !important;
		padding-bottom: 14px;
		box-sizing: border-box;
	}

	.cart-choix-place .height-15 {
		height: 24px !important;
	}

	.cart-2310 {
		width: calc(100vw - 18px) !important;
		max-width: 540px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.cart-2310 > div {
		justify-content: center;
	}

	.bloc-2310,
	.bloc-2310 img,
	.bloc-543,
	.bloc-543 img {
		width: calc((100vw - 18px) / 6) !important;
		height: calc((100vw - 18px) / 6) !important;
		max-width: 90px !important;
		max-height: 90px !important;
		background-size: 100% 100% !important;
		box-sizing: border-box;
	}

	.bloc-543 form,
	.bloc-543 a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.ww-choix-place-title {
		display: block;
		padding: 8px 10px;
		line-height: 1.25;
	}

	.ww-choix-place-defense-note {
		width: 100%;
		box-sizing: border-box;
		padding: 8px 10px 4px;
		text-align: center;
		line-height: 1.25;
	}

	.ww-building-nav,
	.ww-atelier-nav,
	#haut_carte.alter {
		height: auto !important;
		min-height: 0 !important;
		line-height: 1.2 !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 7px;
		justify-content: stretch !important;
		padding: 8px !important;
		box-sizing: border-box;
		background: linear-gradient(180deg, rgba(39, 24, 12, .96), rgba(9, 18, 20, .94)) !important;
		border: 1px solid rgba(255, 214, 128, .28);
		box-shadow: inset 0 0 18px rgba(0, 0, 0, .8), 0 8px 18px rgba(0, 0, 0, .28);
	}

	.ww-building-nav a,
	.ww-atelier-nav a,
	#haut_carte.alter a {
		display: flex !important;
		align-items: center;
		justify-content: center;
		min-height: 42px;
		padding: 7px 8px !important;
		box-sizing: border-box;
		color: #ffe09b !important;
		font-size: 12px !important;
		line-height: 1.15 !important;
		text-align: center;
		text-decoration: none !important;
		background: rgba(0, 0, 0, .24);
		border: 1px solid rgba(255, 220, 143, .18);
		border-radius: 4px;
		box-shadow: inset 0 0 10px rgba(0, 0, 0, .48);
		touch-action: manipulation;
	}

	.ww-atelier-nav a img,
	#haut_carte.alter a img {
		width: auto !important;
		height: auto !important;
		margin-right: 5px !important;
		flex: 0 0 auto;
	}

	.ww-building-nav a img {
		width: auto !important;
		height: auto !important;
		margin-right: 5px !important;
		flex: 0 0 auto;
	}
}

@media (max-width: 700px) {
	.ww-mobile-hud-toggle {
		z-index: 1000006 !important;
	}

	.ww-mobile-hud-backdrop {
		z-index: 1000003 !important;
		background: rgba(0, 0, 0, .74);
	}

	#homeflex #hudleft {
		z-index: 1000004 !important;
		width: 100vw !important;
		max-width: 100vw !important;
		height: 100dvh !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		padding: 62px 10px 22px !important;
		transform: translateX(-100%);
		text-align: center;
		background:
			linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .88) 116px),
			#080401 url(imgs/mobile/hud_drawer_bar.png) top center/100% 116px no-repeat !important;
		box-shadow: inset 0 0 80px #000;
	}

	body.ww-mobile-hud-open #homeflex #hudleft {
		transform: translateX(0);
	}

	#hudleft > div[style*="height:8px"],
	#hudleft > div[style*="height:10px"],
	#hudleft > div[style*="height:15px"] {
		display: none !important;
	}

	#hudleft .hud_court,
	#hudleft .hud_long {
		display: inline-block !important;
		position: relative !important;
		width: 94px !important;
		height: 104px !important;
		min-height: 104px !important;
		margin: 4px 3px !important;
		padding: 0 !important;
		vertical-align: top;
		overflow: hidden !important;
		background-repeat: no-repeat !important;
		background-position: center top !important;
		background-size: 94px 104px !important;
	}

	#hudleft .hud_court > div:first-child,
	#hudleft .hud_long > div:first-child {
		height: 82px !important;
	}

	#hudleft [id^="hudimg"] {
		position: relative !important;
		top: 0 !important;
		left: 56px !important;
		width: 72px !important;
		height: 72px !important;
		background-size: cover !important;
		background-position: center center !important;
	}

	#hudleft [id^="hudimg"] a,
	#hudleft [id^="hudimg"] img,
	#hudleft img[src="blank.gif"] {
		display: block !important;
		width: 72px !important;
		height: 72px !important;
		max-width: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	#hudleft [id^="hudreceiver"],
	#hudleft .topalert0,
	#hudleft .topalert1 {
		position: static !important;
		display: block !important;
		width: 100% !important;
		min-height: 14px !important;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 10px !important;
		line-height: 12px !important;
		text-align: center !important;
	}

	.ww_classement_skin .joueurs_table,
	.ww_classement_skin .ww_classement_scroll,
	.ww_classement_skin .ww_reputation_panel,
	.ww_alliance_skin .ww-alliance-table,
	.ww-challenge-lines {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: auto !important;
		overflow-y: visible !important;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-x pan-y !important;
		padding-bottom: 5px;
	}

	.ww_classement_skin .joueurs_table table {
		width: 760px !important;
		min-width: 760px !important;
		max-width: none !important;
		table-layout: auto !important;
	}

	.ww_classement_skin .ww_reputation_panel table {
		width: 760px !important;
		min-width: 760px !important;
		max-width: none !important;
	}

	.ww_alliance_skin .ww-alliance-table tbody {
		display: table !important;
		width: 760px !important;
		min-width: 760px !important;
		max-width: none !important;
	}

	.ww_classement_skin .joueurs_table td,
	.ww_classement_skin .joueurs_table th,
	.ww_alliance_skin .ww-alliance-table td,
	.ww_alliance_skin .ww-alliance-table th {
		white-space: nowrap !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
	}

	.ww-challenge-board {
		overflow: hidden !important;
	}

	.ww-challenge-lines {
		box-sizing: border-box;
	}

	.ww-challenge-line {
		display: grid !important;
		grid-template-columns: 42px minmax(180px, 1fr) minmax(86px, 112px) repeat(3, minmax(54px, 72px)) minmax(66px, 96px) !important;
		width: 760px !important;
		min-width: 760px !important;
		max-width: none !important;
		gap: 6px !important;
		align-items: center !important;
		padding: 7px 8px !important;
		margin: 0 0 2px !important;
		font-size: 11px !important;
		line-height: 14px !important;
	}

	.ww-challenge-line.head {
		display: grid !important;
		height: 34px !important;
	}

	.ww-challenge-line .rank,
	.ww-challenge-line .name,
	.ww-challenge-line .score,
	.ww-challenge-line .gain {
		grid-column: auto !important;
		grid-row: auto !important;
	}

	.ww-challenge-line .gain:before {
		content: none !important;
	}

	.ww-challenge-line .score,
	.ww-challenge-line .gain {
		text-align: right !important;
		align-items: flex-end !important;
	}
}

/* Final mobile HUD override: keep desktop frame geometry and win every fixed z-index. */
@media (max-width: 700px) {
	body.ww-mobile-hud-open .fixedDiv,
	body.ww-mobile-hud-open #tetes_receiver,
	body.ww-mobile-hud-open .parlementer_avec,
	body.ww-mobile-hud-open .parlementer_avec *,
	body.ww-mobile-hud-open .ww-parlemente-mobile,
	body.ww-mobile-hud-open .ww-parlemente-mobile * {
		visibility: hidden !important;
		z-index: -1 !important;
		pointer-events: none !important;
	}

	body.ww-mobile-hud-open #homeflex {
		position: relative !important;
		z-index: 2147483004 !important;
	}

	.ww-mobile-hud-toggle {
		z-index: 2147483006 !important;
	}

	.ww-mobile-hud-backdrop {
		z-index: 2147482990 !important;
		pointer-events: auto !important;
	}

	body.ww-mobile-hud-open .ww-mobile-hud-backdrop {
		display: block !important;
	}

	#homeflex #hudleft {
		z-index: 2147483005 !important;
		display: block !important;
		position: fixed !important;
		inset: 0 !important;
		width: 100vw !important;
		max-width: 100vw !important;
		height: 100dvh !important;
		max-height: 100dvh !important;
		padding: 58px 8px 22px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		text-align: center !important;
		transform: translateX(-100%) !important;
		background:
			linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .88) 120px),
			#080401 url(imgs/mobile/hud_drawer_bar.png) top center/100% 120px no-repeat !important;
		box-shadow: inset 0 0 86px #000 !important;
	}

	#hudleft .ww-mobile-hud-close {
		display: flex !important;
		position: sticky;
		top: -50px;
		z-index: 3;
		align-items: center;
		justify-content: center;
		gap: 6px;
		width: calc(100% - 14px);
		height: 38px;
		margin: -44px auto 12px;
		border: 1px solid rgba(255, 213, 126, .36);
		border-radius: 5px;
		background: rgba(18, 8, 4, .94) url(imgs/mobile/hud_drawer_bar.png) center center/cover no-repeat;
		box-shadow: inset 0 0 16px #000, 0 5px 13px rgba(0,0,0,.45);
		color: #ffe6a7;
		font-size: 24px;
		line-height: 1;
		text-shadow: 1px 2px 3px #000;
	}

	#hudleft .ww-mobile-hud-close span {
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 0;
	}

	#hudleft .ww-mobile-hud-quicklinks,
	#hudleft .ww-mobile-hud-logout {
		display: flex !important;
		justify-content: center;
		flex-wrap: wrap;
		gap: 8px;
		width: 100%;
		margin: 12px auto 4px;
		padding: 0 0 8px;
		clear: both;
	}

	#hudleft .ww-mobile-hud-quicklinks a,
	#hudleft .ww-mobile-hud-logout a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 118px;
		min-height: 34px;
		padding: 0 14px;
		box-sizing: border-box;
		background: rgba(18, 8, 4, .92) url(imgs/mobile/hud_drawer_bar.png) center center/cover no-repeat;
		box-shadow: inset 0 0 14px #000, 0 4px 12px rgba(0,0,0,.45);
		border: 1px solid rgba(255, 213, 126, .30);
		border-radius: 5px;
		color: #ffe6a7 !important;
		font-size: 11px;
		text-transform: uppercase;
		text-decoration: none !important;
		text-shadow: 1px 2px 3px #000;
	}

	body.ww-mobile-hud-open #homeflex #hudleft {
		transform: translateX(0) !important;
	}

	#hudleft > div[style*="height:8px"],
	#hudleft > div[style*="height:10px"],
	#hudleft > div[style*="height:15px"] {
		display: none !important;
		height: 0 !important;
	}

	#hudleft .hud_court,
	#hudleft .hud_long {
		display: inline-block !important;
		position: relative !important;
		float: none !important;
		width: 108px !important;
		min-width: 108px !important;
		max-width: 108px !important;
		height: 102px !important;
		min-height: 102px !important;
		max-height: 102px !important;
		margin: 4px 2px !important;
		padding: 0 !important;
		vertical-align: top !important;
		overflow: hidden !important;
		background-repeat: no-repeat !important;
		background-position: top center !important;
		background-size: 108px auto !important;
	}

	#hudleft .hud_court[style*="display:none"],
	#hudleft .hud_long[style*="display:none"] {
		display: none !important;
	}

	#hudleft .hud_long {
		height: 109px !important;
		min-height: 109px !important;
		max-height: 109px !important;
		background-position: bottom center !important;
	}

	#hudleft .hud_court > div:first-child,
	#hudleft .hud_long > div:first-child {
		position: relative !important;
		width: 108px !important;
		height: 89px !important;
		min-height: 89px !important;
		max-height: 89px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	#hudleft [id^="hudimg"] {
		position: relative !important;
		top: 0 !important;
		left: 56px !important;
		width: 80px !important;
		min-width: 80px !important;
		max-width: 80px !important;
		height: 80px !important;
		min-height: 80px !important;
		max-height: 80px !important;
		margin: 0 !important;
		padding: 0 !important;
		background-size: 80px 160px !important;
		background-position: top center !important;
		background-repeat: no-repeat !important;
	}

	#hudleft [id^="hudimg"][style*="background-size:cover"],
	#hudleft [id^="hudimg"][style*="background-size: cover"] {
		background-size: cover !important;
		background-position: center center !important;
	}

	#hudleft #hudimg26 {
		top: 0 !important;
		left: 13px !important;
	}

	#hudleft [id^="hudimg"] a,
	#hudleft [id^="hudimg"] img,
	#hudleft img[src="blank.gif"] {
		display: block !important;
		width: 80px !important;
		min-width: 80px !important;
		max-width: 80px !important;
		height: 80px !important;
		min-height: 80px !important;
		max-height: 80px !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
	}

	#hudleft [id^="hudreceiver"],
	#hudleft .topalert0,
	#hudleft .topalert1 {
		position: static !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
		display: block !important;
		width: 108px !important;
		height: auto !important;
		min-height: 13px !important;
		max-height: 20px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		font-size: 10px !important;
		line-height: 12px !important;
		text-align: center !important;
	}
}

@media (max-width: 700px) {
	.ww-aura-prouesse-row {
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
		align-items: flex-start !important;
		gap: 4px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto 7px !important;
		overflow: visible !important;
	}

	.ww-aura-block,
	.ww-prouesse-block {
		flex: 0 0 188px !important;
		width: 188px !important;
		max-width: 188px !important;
		min-width: 0 !important;
	}

	.ww-aura-prouesse-row .bg-aura-m,
	.ww-aura-prouesse-row .bg_txtaura-m {
		width: 188px !important;
		max-width: 188px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.ww-aura-prouesse-row .bg-aura-m {
		height: 113px !important;
		background-size: 188px auto !important;
	}

	.ww-aura-prouesse-row .bg_txtaura-m {
		height: 40px !important;
		background-size: 188px 40px !important;
		font-size: 10px !important;
		line-height: 12px !important;
	}

	#hudleft #hudreceiver5 {
		display: none !important;
	}

	.ww-aura-prouesse-row .prouesse-cours {
		width: 188px !important;
		max-width: 188px !important;
		height: 132px !important;
		margin: 0 !important;
		background-size: 188px 132px !important;
	}

	.ww-aura-prouesse-row .prouesse-cours div:first-child {
		position: relative !important;
		top: 10px !important;
		left: 120px !important;
		right: auto !important;
	}

	.ww-aura-prouesse-row .prouesse-cours div:last-child {
		position: relative !important;
		top: 15px !important;
		left: 115px !important;
		right: auto !important;
	}

		#tetes_receiver .parlementer_supprimer {
			position: absolute !important;
			left: auto !important;
			right: 1px !important;
			top: 1px !important;
			z-index: 999999 !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 18px !important;
		height: 18px !important;
		background: rgba(12, 6, 2, .96);
		color: #ffe0a0 !important;
		border: 1px solid rgba(255, 218, 139, .45);
		border-radius: 50%;
		box-shadow: inset 0 0 8px #000, 0 2px 7px rgba(0, 0, 0, .65);
		font-size: 13px !important;
		line-height: 16px !important;
		text-align: center;
		text-shadow: 1px 2px 3px #000;
	}

	#tetes_receiver [class^="croixtetes_"] {
		display: block !important;
		position: static !important;
	}

		.ww-mobile-alert-shell {
			display: flex !important;
			align-items: center;
			gap: 0;
			width: 100%;
			margin: 0;
			padding: 2px 5px;
			box-sizing: border-box;
			background: #100805 url(imgs/mobile/hud_drawer_bar.png) center center/cover no-repeat;
			box-shadow: inset 0 0 18px #000, 0 4px 12px rgba(0,0,0,.45);
			position: sticky !important;
			top: 0 !important;
			z-index: 80;
			isolation: isolate;
		}

	.ww-mobile-alert-shell .ww-mobile-hud-toggle {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		z-index: 2147483006 !important;
		padding: 5px 7px;
		justify-content: center;
		border-radius: 4px;
		border-right: 1px solid rgba(255, 213, 126, .38);
		background: linear-gradient(180deg, rgba(44,22,8,.96), rgba(13,6,2,.96));
		box-shadow: inset 0 0 9px rgba(0,0,0,.85);
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.ww-mobile-alert-shell .ww-mobile-hud-toggle b {
		font-size: 8px;
		line-height: 1;
	}

	.ww-mobile-alert-shell .ww-mobile-hud-toggle.ww-mobile-hud-has-ready b {
		margin-right: 0;
	}

	.ww-mobile-alert-frame {
		flex: 1 1 auto;
		min-width: 0;
		overflow: hidden;
		background: rgba(8,4,1,.72);
		box-shadow: inset 0 0 0 1px rgba(255,213,126,.16), inset 0 0 18px #000;
		border-radius: 0 5px 5px 0;
	}

	.ww-mobile-alert-frame:empty:before {
		content: "";
		display: block;
		min-height: 25px;
	}

	#cadre_alertes_mobile #cadrealerte {
		display: none !important;
	}

	#cadre_alertes_mobile .cadre_alerteajax {
		display: none !important;
		height: 23px !important;
		margin: 0 !important;
		background-image: url(cadre_alertes_wwix/bgb.jpg) !important;
		background-size: auto 23px;
		overflow: hidden;
		box-shadow: inset 0 -1px 0 rgba(255,213,126,.12);
	}

	#cadre_alertes_mobile .ww-alertbar-counter-row,
	#cadre_alertes_mobile .ww-alertbar-counter-row > div {
		height: 23px !important;
		overflow: hidden;
	}

	#cadre_alertes_mobile .ww-alertbar-counter-row > div {
		display: grid !important;
		grid-template-columns: repeat(6, minmax(30px, 1fr));
	}

	#cadre_alertes_mobile #cda1,
	#cadre_alertes_mobile #cda2,
	#cadre_alertes_mobile #cda3,
	#cadre_alertes_mobile #cda4,
	#cadre_alertes_mobile #cda5,
	#cadre_alertes_mobile #cda6 {
		width: auto !important;
		min-width: 0 !important;
		position: relative;
		border-left: 1px solid rgba(255,220,128,.06);
	}

	#cadre_alertes_mobile #cda1 {
		border-left: 0;
	}

	#cadre_alertes_mobile #cliquable1,
	#cadre_alertes_mobile .cda_caa > span {
		position: absolute !important;
		left: 50% !important;
		bottom: 4px !important;
		transform: translateX(-50%);
		color: #fff7a8 !important;
		font-size: 11px !important;
		text-shadow: 1px 2px 3px #000, 0 0 6px rgba(255,221,92,.55);
	}

	#cadre_alertes_mobile #ressources.ww-alertbar-resources {
		position: static !important;
		left: auto !important;
		bottom: auto !important;
		display: flex !important;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: nowrap;
		gap: 9px;
		min-height: 25px;
		padding: 2px 8px 2px 18px;
		box-sizing: border-box;
		background: linear-gradient(90deg, rgba(0,0,0,.58), rgba(55,31,8,.42), rgba(0,0,0,.58));
		text-align: left !important;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	#cadre_alertes_mobile #ressources.ww-alertbar-resources::-webkit-scrollbar {
		display: none;
	}

	#cadre_alertes_mobile #ressources.ww-alertbar-resources > span {
		flex: 0 0 auto;
		margin-left: 0 !important;
		font-size: 10px;
	}

	#cadre_alertes_mobile #ressources img {
		margin-right: 2px !important;
		vertical-align: -2px;
	}

	#cadre_alertes_mobile #ressources .alter {
		display: none;
	}

	#cadre_alertes_mobile #ressources a {
		font-size: 11px;
		font-weight: bold;
		text-shadow: 1px 2px 3px #000;
	}

	#cadre_alertes_mobile #impot,
	#cadre_alertes_mobile #son {
		display: none !important;
	}

	#cadre_alertes:empty {
		display: none !important;
	}
}

/* Mobile: keep a single vertical scroll owner. Nested page containers were
   catching touch gestures before the document, creating scroll "steps". */
@media (max-width: 700px) {
	html {
		position: static !important;
		height: auto !important;
		min-height: 100% !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		touch-action: pan-y !important;
	}

	body {
		position: static !important;
		height: auto !important;
		min-height: 100% !important;
		overflow: visible !important;
		-webkit-overflow-scrolling: auto !important;
		touch-action: pan-y !important;
	}

	body.ww-mobile-hud-open {
		overflow: hidden !important;
	}

	body:not(.ww-mobile-hud-open) #contenu,
	body:not(.ww-mobile-hud-open) #homeflex,
	body:not(.ww-mobile-hud-open) #central_td,
	body:not(.ww-mobile-hud-open) #homeflex #central_td {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow-x: visible !important;
		overflow-y: visible !important;
		-webkit-overflow-scrolling: auto !important;
		touch-action: pan-y !important;
	}

	body:not(.ww-mobile-hud-open) #contenu {
		width: 100% !important;
		max-width: 100vw !important;
	}

	body:not(.ww-mobile-hud-open) #scrollbar1,
	body:not(.ww-mobile-hud-open) #scrollbar2 {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow: visible !important;
		touch-action: pan-y !important;
	}

	body:not(.ww-mobile-hud-open) #scrollbar1 .viewport,
	body:not(.ww-mobile-hud-open) #scrollbar2 .viewport {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		position: static !important;
		-webkit-overflow-scrolling: auto !important;
		touch-action: pan-y !important;
	}

	body:not(.ww-mobile-hud-open) #scrollbar1 .overview,
	body:not(.ww-mobile-hud-open) #scrollbar2 .overview {
		position: static !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
	}

	body:not(.ww-mobile-hud-open) #scrollbar1 .scrollbar,
	body:not(.ww-mobile-hud-open) #scrollbar2 .scrollbar {
		display: none !important;
	}

	.ww-challenge-scroll,
	.table-responsive,
	.joueurs_table,
	.casern_table,
	textarea,
	iframe {
		-webkit-overflow-scrolling: touch !important;
	}
}