Day:- Location:-

Aldemir Castle

Note: login may require captcha or additional anti-bot fields.

Registro avanzado: intento realizado (countryId 26 / USA), resultado: registration-submitted | HTTP 200

Recargar

Unable to extract player data. Verify that session is active.

Trabajo

Fuente: https://vara.e-sim.org/index.html?actionStatus=SERVER_IS_CLOSED | HTTP 200

Empresa actual: No detectada

Owner: -

Cuenta

Cambiar correo y reenviar correo de confirmacion de la cuenta.

GET: https://vara.e-sim.org/resendConfirmationMail.html
GET: https://vara.e-sim.org/myParty.html
GET: https://vara.e-sim.org/confirmMail.html?citizenId=TU_CITIZEN_ID&stamp=CODE

Articulos

Ingresa URL del articulo para inspeccionar controles de votar y suscribirse.

Elecciones (Inspect)

Inspecciona el HTML de elecciones para identificar el formulario de candidatura.

Unidad Militar (Inspect)

Inspecciona la unidad militar para listar acciones disponibles y ver su HTML.

Monedas (Storage MONEY)

Fuente: https://vara.e-sim.org/storage.html?storageType=MONEY | HTTP 0 | Cuentas 0 | HTML 0 bytes

No se intento consultar monedas porque la sesion no quedo autenticada.

Equipos (Storage EQUIPMENT)

Consulta manual para listar equipo equipado y adicional (incluye inventory list), con opcion de subasta.

Todavia no se consultaron equipos. Usa el boton "Consultar equipos".

Mercado de Subastas

Consulta ofertas activas y permite ofertar desde el panel.

Todavia no se consulto el mercado de subastas.

Game Room

Juego objetivo: Bandido Azul | Endpoint base: https://vara.e-sim.org/gameRoom.html

Misiones diarias

Endpoint: https://vara.e-sim.org/missionCenter/dailies

Presiona el boton para consultar misiones diarias con la sesion cURL activa.

Tutorial Missions

Estado: analizado | .tutorialBallContainer: NO | #missionDropdown: NO | #inProgressPanel: NO | #rewardMission: NO | Skip disponible: NO | Metodo reward: POST | Metodo skip: POST | Misiones detectadas: 0 | Estado parser: not-detected

No se detecta formulario #rewardMission para recolectar en este momento.

Promociones

Deteccion DOM: No detectado en esta carga | Boton CLAIM: no detectado | Estado: not-found

El boton Claim intenta reclamar directamente desde el panel usando la sesion cURL actual.

Notificaciones

Endpoint: https://vara.e-sim.org/notifications.html

Presiona el boton para consultar notificaciones con la sesion cURL activa.

Mercado de productos

Endpoint: https://vara.e-sim.org/productMarket.html

Usa los botones de filtro para consultar ofertas por producto/calidad.

Viaje directo por region

Paises fuente: https://vara.e-sim.org/notLoggedIn.html | HTTP 200

Batallas

Fuente: https://vara.e-sim.org/battles.html?countryId=-1&page=1 | HTTP 200 | HTML 154,788 bytes | Paginas: 1 | Practice Battle: SI

Vestra de Nordurland

Defensor
Iceland
Atacante
USA

Bar

Defensor
Montenegro
Atacante
Albania

Practice Battle

Defensor
Black
Atacante
White
Debug HTML received (58,362 bytes) 


<!DOCTYPE html>
<html>

<head>
	<script src="https://cdn.jsdelivr.net/npm/mobile-detect@1.4.3/mobile-detect.min.js"></script>
<script>
  var MobileDetector = function() {
	  "use strict";
    const md = new MobileDetect(window.navigator.userAgent);

    return {
      isMobile: function() {
        return md.mobile() !== null;
      },
      isTablet: function() {
        return md.tablet() !== null;
      },
      isPhone: function() {
        return md.phone() !== null;
      },
      isDesktop: function() {
        return !md.mobile() && !md.tablet() && !md.phone();
      },
      getUserSystem: function() {
        return md.os();
      }
    }
  };
  var isMobile = function() {
	  let mobileDetector = new MobileDetector();
	  return mobileDetector.isMobile() || mobileDetector.isPhone();
  }();

  var isDesktop = function() {
	  let mobileDetector = new MobileDetector();
	  return mobileDetector.isDesktop();
  }();
</script>
	
	<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-932571714"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'AW-932571714');
</script>
	<script>
    !function (w, d, t) {
        w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
            var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
        ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};


        ttq.load('CCK9BUBC77UCJ9EIJOO0');
        ttq.grantConsent();
        ttq.page();
    }(window, document, 'ttq');
</script>
	<!-- Meta Pixel Code -->
<script>
    !function(f,b,e,v,n,t,s)
    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window, document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');

    fbq('init', '749627884427693');
    fbq('track', 'PageView');
</script>
<!-- End Meta Pixel Code -->
	
	
	
	<meta name="keywords" content="e-sim, mmog, browser game, free game, multiplayer game, social game"/>
	<meta name="description" content="Juego de navegador estratégico gratuito. Lucha, gana dinero, gestiona negocios."/>
	<meta name="facebook-domain-verification" content="dv18u2b149i0y8ec8q052rtcvdkt26" />
	<meta property="fb:admins" content="100001950649351"/>
	<meta property="fb:app_id" content="146706392170816"/>
	<meta property="og:url" content="https://vara.e-sim.org"/>
	<meta property="og:title" content="Juego de navegador MMOG gratuito"/>
	<meta property="og:site_name" content="e-Sim.org"/>
	<meta property="og:image" content="https://vara.e-sim.org/cdn/static/img/logo/varaLogo.png"/>
	<meta property="og:description" content="Juego de navegador estratégico gratuito. Lucha, gana dinero, gestiona negocios. Únase a nosotros, divirtámonos juntos, ayude a su país a crecer."/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<meta http-equiv="Last-Modified" content=""/>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

	<link href="//vara.e-sim.org/cdn/static/css/animations.css" type="text/css" rel="stylesheet">
	<link href="//vara.e-sim.org/cdn/static/css/loader.css" type="text/css" rel="stylesheet">
	<link href="//vara.e-sim.org/cdn/static/img/FlagsPackage/CSS/SMALL/flagsStyle.css" type="text/css" rel="stylesheet">

	<link rel="icon" type="image/png" href="//vara.e-sim.org/cdn/static/img/favicon.png"/>

	<title>
		e-Sim - Juego de navegador MMOG gratuito
		
	</title>

	

	<script src='https://www.google.com/recaptcha/api.js'></script>
	
	
		<script>(function(){var dbpr=100;if(Math.random()*100>100-dbpr){var d="dbbRum",w=window,o=document,a=addEventListener,scr=o.createElement("script");scr.async=!0;w[d]=w[d]||[];w[d].push(["presampling",dbpr]);["error","unhandledrejection"].forEach(function(t){a(t,function(e){w[d].push([t,e])});});scr.src="https://cdn.debugbear.com/GZHPpZFzQeaR.js";o.head.appendChild(scr);}})()</script>
  
	
	

	<style>
body {
	background: url('//vara.e-sim.org/cdn/static/img/landings/landingPage2024.jpg');
	background-attachment: fixed;
	background-size: cover;
	bottom: 0;
	box-shadow: 2px 2px 80px 30px rgba(255, 255, 255, 0.0) inset;
	font-family: 'Open Sans', Arial, sans-serif;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

body.mobile {
	font-size: 3.2vw;
}

body.xix {
	background: url('//vara.e-sim.org/cdn/static/img/landings/background_xix.jpg');
}
body.ww2 {
	background: url('//vara.e-sim.org/cdn/static/img/landings/background_ww2.jpg');
}
body.countryball {
	background: url('//vara.e-sim.org/cdn/static/img/landings/background_countryball.jpg');
}
body.muna {
	background: url('//vara.e-sim.org/cdn/static/img/landings/munaBackground.jpg');
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center;
}

html, body {
	margin: 0;
	padding: 0;
}

.hidden {
	display: none !important;
}

.p-relative {
	position: relative;
}

.error:not(.registerMessage) {
	background: #faa;
	border: 0.25em solid #f00;
	border-radius: 1em;
	color: #222;
	left: 5vw;
	padding: 0.5em 2em;
	position: absolute;
	right: 5vw;
	text-align: center;
	text-shadow: 0 0 1px white;
	top: 3vh;
}

.error img {
	width: 2em;
}

.gameInfoArrow {
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 3vw;
	transition: all 500ms ease-in-out;
}

.gameInfoArrow.pointDown {
	bottom: 10vh;
	transform: rotate(0deg);
}

.gameInfoArrow.pointUp {
	bottom: 80vh;
	transform: rotate(180deg);
}

#formContainer {
	align-items: center;
	display: flex;
	min-height: 100vh;
	justify-content: center;
	width: 100%;
}

#formContainer.closedServer {
    gap: 10em;
}

.mobile #formContainer.closedServer {
    flex-direction: column-reverse;
    margin-top: 2em;
    gap: 5em;
}

.font-075 {
	font-size: 0.75em;
}

.mainForm {
	background: url('//vara.e-sim.org/cdn/static/img/bgForElements/texture3.png') repeat #282828;
	border: 1px solid #111;
	border-radius: 1rem;
	box-shadow: 0 0 5px 4px black;
	color: #f2f2f2;
	display: flex;
	flex-direction: column;
	height: auto;
	outline: 1px solid #fff;
	overflow: visible;
	padding: 0.5em 0.5em 0.25em;
	text-align: center;
    width: 360px;
}

.mobile .mainForm {
    width: 70%;
    font-size: 1.125em;
}

.extra_options {
	font-size: 1.25em;
	margin: 0 auto;
	padding: 0 0 0.5em;
	width: 12em;
}

.padding-1-0 {
	padding: 1em 0;
}

button.blue_link {
	background: none;
	border: none;
	box-shadow: none;
	color: #3787ea;
	cursor: pointer;
	font-size: 1em;
	font-weight: 400;
	text-shadow: 0 1px 2px #0004;
    padding: 0;
}

.registerBanner {
	background-image: url('//vara.e-sim.org/cdn/static/img/banners/landingBanner.png');
	background-position: center;
	background-size: cover;
	border-radius: 0.75rem;
	box-shadow: rgba(0,0,0,0.4) 0px 0px 10px 2px;
	height: 10em;
	margin: 0 auto;
	width: 100%;
}

.formUnsubmittable {
	background: red;
	border: 1px solid #f2f2f2;
	border-radius: 0.5rem;
	display: none;
	margin: 0.25em auto;
	overflow: hidden; 
	padding: 0.25em 1em;
}

.formUnsubmittable.show {
	display: block;
}

#infoContainer {
	display: flex;
	flex-direction: column;
	gap: 1em;
	justify-content: center;
	margin: 1em auto;
	max-width: 500px;
	overflow: visible;
	padding: 0 2em;
	width: 90vw;
    border: 2px solid grey;
    border-radius: 0.5em !important;
    filter: drop-shadow(2px 4px 4px black);
}

.mobile #infoContainer {
    max-width: 88%;
    padding: 0 1.5em;
}

#infoContainer img {
	border-radius: 1rem;
	display: block;
	margin: 0 auto 0.5em;	
	max-width: 100%;
	min-width: 75%;
}

.mobile #infoContainer img {
    min-width: 90%;
}

#infoContainer h2 {
    text-align: center;
}

a:link, a:visited {
	color: #3787ea;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 0 3px;
	text-decoration: none;
	word-break: break-word;
}

.right-to-left {
	direction: rtl;
}

.d-inline-block {
	display: inline-block;
}

.playButton, .blueButton, .blackButton {
	color: #f2f2f2;
	cursor: pointer;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	text-shadow: 0 -1px 1px #222;
}

.blueButton, .blackButton, .playButton.slim {
	font-size: 1em;
	margin: 0.25em auto;
	outline: 1.5px solid black;
	overflow: hidden;
	padding: 0.5em 1.5em;
}

.playButton {
	background-image: linear-gradient(#1fae09 0px, #107901 100%);
	border: 1px solid #282828;
	border-radius: 0.5em;
	box-shadow: inset 0px -4px 1px 1px #054404, inset 0px 1px 4px 0px #6cfd5b;
	font-size: 1.5em;
	margin: 1em auto 0.75em;
	outline: 3px solid black;
	overflow: hidden;
	padding: 1.125em 1em;
	text-transform: uppercase;
    min-width: 65%;
	width: fit-content;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.playButton.google {
    background: linear-gradient(to bottom, #ff5b0c 5%, #760000 100%) !important;
    box-shadow: inset 0px -10px 2px 1px #520000, inset 0px 1px 4px 0px rgb(255 197 197) !important;
}

.blueButton {
	background-image: linear-gradient(#091fae 0px, #011079 100%);
	border: 1px solid #141414;
	border-radius: 0.25rem;
	box-shadow: inset 0 -4px 2px 1px #040544, inset 0 1px 1px 0 #5b6cfd;
}

.blackButton {
	background-image: linear-gradient(#444 0px, #222 100%);
	border: 1px solid #222;
	border-radius: 0.25rem;
	box-shadow: inset 0 -2px 2px 1px #111, inset 0 1px 1px 0 #555;
}

.greyButton {
    background-image: linear-gradient(to bottom, #b3b3b3 5%, #424242 100%) !important;
    outline: 2px solid black !important;
    box-shadow: inset 0px -3px 1px 0px #202020, inset 0px 1px 1px 0px rgb(255 255 255) !important;
    padding: 0.5em 0.5em;
    font-size: 1.125em;
    color: white;
    border-radius: 0.25em;
    width: fit-content;
    margin: 0 auto;
}

.googleLogo {
    zoom: 0.5;
    border-radius: 0.25em;
}

.googleButton {
    display: flex;
    flex-direction: row;
    gap: 0.25em;
    align-items: center;
    justify-content: center;
}

.playButton::hover::after, .blueButton::hover::after, .blackButton::hover::after {
	animation: shine 300ms linear;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
	content: '';
	display: block;
	height: 175%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: -20px;
	transform: translateX(250px) rotate(-25deg);
	width: 75px;
}

.flag-link {
	cursor: pointer;
	display: inline-block;
	margin: 0.25em 1em;
}


h1 {
	font-size: 2em;
	font-weight: 800;
	text-align: center;
}

h2 {
	font-size: 1.5em;
	font-weight: 800;
	text-align: start;
}

h3 {
	font-size: 1.5em;
	font-style: italic;
	font-weight: 500;
	text-align: center;
}

h3.normal, h4.normal {
	font-style: normal;
}

h4 {
	font-size: 0.85em;
	font-style: italic;
	font-weight: 500;
	text-align: center;
	margin: 0 auto 1em;
}

p {
	font-weight: 500;
	text-align: start;
}

.darkBox {
    background-color: #222;
    background-image: url('//vara.e-sim.org/cdn/static/img/bgForElements/texture3.png') !important;
	border: 1px solid #111111;
	border-radius: 0.5rem;
	color: #f2f2f2;
	text-shadow: 0 0 2px #000000;
}

.languageSelection {
	display: block;
	overflow: visible;
	font-size: 1em;
	font-weight: 800;
	margin: 0;
	border-radius: 0; 
	padding: 3px 0 6px; 
	display: flex; 
	flex-direction: row; 
	justify-content: center; 
	align-items: center; 
	flex-wrap: wrap;
}

.activeServersLinks {
	display: block;
	overflow: visible;
	font-size: 1em;
	font-weight: 800;
	margin: 0 auto;
	width: 100%;
	border-radius: 0; 
	padding: 6px 0 6px; 
	position: fixed; 
	bottom: 0;
}

#serverData {
	font-size: 0.75em;
	color: #f2f2f2;
	text-align: center;
	margin: 0.75em auto;
	padding: 0.75em 0 0 0;
	height: auto;
	border-radius: 0.75em;
	box-shadow: 0 0 0.5em 0.2em rgba(0,0,0,0.8);
	background-color: rgba(0,0,0,0.3);
}

.registerBody .slidingInfo {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 0.25em;
	height: 1.5em;
}

.antyMulti {
	background-color: red;
	border: 1px solid #fff;
	border-radius: 0.25rem;
	color: #f2f2f2;
	display: none;
	left: 5vw;
	padding: 0.25em;
	position: fixed;
	top: 5vh;
	width: 60vw;
}

.serverLink {
	color: #f2f2f2;
	font-size: 1em;
	font-weight: 800;
}

.softBox {
	background: #0006;
	border: 1px solid #fff6;
	border-radius: 0.5rem;
	padding: 0.5em 1em;
}

.inviterInfoBox {
	display: none;
	min-height: 3.5em;
}

.block-line {
	display: block;
	margin: 0.25em 0 0.5em;
	width: auto;
}

.acceptRulesContainer {
	margin: 0.5em auto 1em;
	width: 80%;
	display: inline-block;
	font-size: 0.75em;
}

.externalLoginButton {
	background-image: linear-gradient(to bottom, #527d99 0%, #8faec3 100%);
	border: 1px solid black;
	border-radius: 0.25rem;
	box-shadow: 0 2px 3px #fff8 inset, 0 2px 3px #0008; 
	color: #f2f2f2;
	cursor: pointer;
	padding: 0.25em 0.75em 0.25em 0.25em;
}

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

.external_register_options button {
	background-position: center;
	background-size: contain;
	border: 3px solid #f2f2f2;
	border-radius: 0.5em;
	box-sizing: border-box;
	box-shadow: 0 1.5px 4px #0008; 
	cursor: pointer;
	height: 2em;
	width: 2em;
}

.external_register_options button.facebook {
	background-image: url('//vara.e-sim.org/cdn/static/img/icons/facebook.png');
}

.external_register_options button.google {
	background-image: url('//vara.e-sim.org/cdn/static/img/icons/google.png');
}

.white_block {
	background-color: #fff2;
	border-radius: 0.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	height: auto;
	justify-content: streach;
	padding: 1em 0.5em;
	position: relative;
}

.white_block input, .white_block select, .moreOptions2 input{
	appearance: none;
	border: 1px solid #ced4da;
	border-radius: 0.5rem;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	color: rgba(0,0,0,0.75);
	font-family: inherit;
	font-size: 1em;
	outline: none;
	padding: 0.5em 0.6em 0.55em;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-align: center;
}

.p-bottom-025 {
	padding-bottom: 0.25em;
}

#blueLoginFb, #blueLoginFb.externalLoginButton {
	background-color: #5588EE;
	background-image: linear-gradient(to bottom, #5588EE 0%, #1620CC 100%) !important;
}

#googleButton, #googleButton.externalLoginButton {
	background-color: #d34836;
	background-image: linear-gradient(to bottom, #d34836 0%, #a23527 100%);
}

#facebookButtonSwitch2, #googleButtonSwitch, #facebookButtonSwitch2.externalLoginButton, #googleButtonSwitch.externalLoginButton {
	border-radius: 1rem; 
	font-size: 1.5em;
}

.socialButtons {
	background-color: rgba(16,12,12,0.2);
	padding: 0.25em;
	border-radius: 0.25rem;
}

.sectionContainer {
	display: grid;
	box-shadow: 0 0 10px 2px #0004;
	grid-template-columns: 1fr 1fr;
    margin: 1em auto;
    width: 100%;
}

.closedServer .sectionContainer {
    grid-template-columns: 1fr;
}

.closedServer .section_btn {
    border-radius: 0.5rem !important;
}

.section_btn {
	align-items: center;
	background-color: #fff2;
	color: #fffa;
	cursor: pointer;
	display: flex;
	font-size: 1.25em;
	font-weight: 700;
	justify-content: center;
	padding: 0.75em 0.5em;
	text-shadow: 2px 2px 10px #000;
}

.section_btn.active {
	background: #fff8;
	color: #f2f2f2;
}

.section_btn:first-child {
	border-radius: 0.5rem 0 0 0.5rem;
}

.section_btn:last-child {
	border-radius: 0 0.5rem 0.5rem 0;
}

hr.form-divider {
	background: linear-gradient(to right, #fff0 0%, #fff8 50%, #fff0 100% );
	border: none;
	box-shadow: none;
	height: 1.5px;
	margin: 0.5em 0;
}

.acceptRulesContainer .acceptRules {
	display: none;
}

.acceptRulesContainer .acceptRules:checked + label::before {
	background: rgb(16, 121, 1);
	border: 2px solid #fff;
	transform: rotate(90deg);
}
.acceptRulesContainer .acceptRules + label::before {
	background: #f3f3f3;
	border: 1px solid #343a3f;
	border-radius: 0.2em;
	box-shadow: 0 0 0 1px #000;
	box-sizing: border-box;
	content: "";
	display: inline-block;
	height: 1.4em;
	margin: 0 0.5em 0 0;
	transition: all 0.2s, background 0.2s ease-in-out;
	vertical-align: bottom;
	width: 1.4em;
}
.acceptRulesContainer .acceptRules + label {
	box-sizing: border-box;
	cursor: pointer;
}

.acceptRulesContainer {
    position: relative;
}

.acceptRulesContainer .errorRules {
    border: 3px solid #fff;
    font-family: 'Open Sans', Arial;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(255, 30, 0, 0.8);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-weight: bold;
    font-size: 1em;
    padding: 1em 2em;
    transition: opacity 0.5s ease-in-out;
    z-index: 500;
    position: absolute;
    bottom: 140%;
    text-shadow: 0px 0px 1px black, 0px 1px 1px black, 0px 1px 1px black;
    transform: translateX(-50%);
    filter: drop-shadow(2px 2px 4px black);
}
.acceptRulesContainer .errorRules.show {
    visibility: visible;
    opacity: 1;
}
.acceptRulesContainer .errorRules:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: rgba(255, 30, 0, 0.8) transparent;
    border-width: 10px 10px 0;
    bottom: -13px;
    left: 50%;
}
.acceptRulesContainer .acceptRules {
    display: none;
}

footer {
	height: 5vh;	
}

.p-unset {
    position: unset !important;
}
</style>


	

<script src="//vara.e-sim.org/cdn/static/js/loader.js?v=0001"></script>

<script type="text/javascript">

function generateRandomPassword() {
    var password = "";
    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

    for (var i = 0; i < 16; i++)
        password += possible.charAt(Math.floor(Math.random() * possible.length));

    return password;
}

function generatePassword() {
	// if (isMobile) {
        const simplifiedFormPassowd = document.getElementById("simplified_form_password");
        const registerFormPassword = document.getElementById("register_form_password");
        if (simplifiedFormPassowd) {
            simplifiedFormPassowd.value = generateRandomPassword();
            simplifiedFormPassowd.autocomplete = "on";
        }

        if (registerFormPassword) {
            registerFormPassword.value = generateRandomPassword();
            registerFormPassword.autocomplete = "on";
        }

	// }
}

function getGoogleFormRegByApk() {
	const href = window.location.href;
	let url = new URL(href);
	
	if (url.searchParams == null ) {
		return "";
	}
	
	fromParam = url.searchParams.get("s");
	  
	if (url.searchParams.get("s") === "android") {
		return "%3FgoogleFormRegByApk=1";
	}
	
	return "";
}

function registerViaGoogle(googleButton) {
	const serverName = 'vara'.toLowerCase();

	const signInUrl = "https://accounts.google.com/o/oauth2/auth" +
		"?client_id=870564650847-lbpnf7pgft0847bvsor8ap65nf15t3mi.apps.googleusercontent.com" +
		"&scope=email profile" +
		"&immediate=false" +
		"&response_type=code" +
		"&redirect_uri=https://" + serverName + ".e-sim.org/loginViaGoogle.html" + getGoogleFormRegByApk();

	location.href = signInUrl;
}

function selectAnyCountry(csSelected) {
	const inviterCs = "137";
	if (csSelected.value == "") {
		if ("137" !== "") {
			csSelected.value = inviterCs;
		} else {
			csSelected.value = "64";
		}
	}
}

function updateCountrySelection(csSelectName, hiddenCountryName) {
	const csSelect = document.getElementById("citizenship_select_simplified");
	const hiddenCountry = document.getElementById("hidden_country_simplified");
	
	if (csSelect !== null) {
		optionsElement.prepend(csSelect);
		csSelect.classList.remove('hidden');

		csSelect.value = "26";
		
		optionsElement.append(hiddenCountry);
		hiddenCountry.classList.remove('hidden');
	}
}

function updateCountrySelections() {
	const optionsElement = document.getElementById("options");
	if ("USA" === "" || optionsElement === null) {
		return;
	}
	
	updateCountrySelection("citizenship_select_simplified", "hidden_country_simplified");
	updateCountrySelection("citizenship_select_register", "hidden_country_register");
}

function windowOnLoad() {	
	updateCountrySelections();
}

async function fetchRegButton(regType) {
	try {
		const response = await fetch("regAjax.html", {
			method: "GET",
			body: new URLSearchParams({ id: regType })
		});
		if (!response.ok) {
			throw new Error(`Response status: `);
		}

		const result = await response.json();
// 		console.log(result);
	} catch (error) {
		console.error(error.message);
	}
}

function showRegisterLogin(showRegister) {
	document.getElementById("simplified_register").classList.add('hidden');
	document.getElementById("section_selection").classList.remove('hidden');
	toggleRegisterLogin(showRegister);
}

function toggleRegisterLogin(showRegister) {
	const registerBtn = document.getElementById("register_section_btn");
	registerBtn.classList.toggle('active', showRegister);

	if (registerBtn.classList.contains('active')) {
		document.getElementById("register_section").classList.remove('hidden');
		document.getElementById("login_section").classList.add('hidden');
		document.getElementById("login_section_btn").classList.remove('active');
	} else {
		document.getElementById("register_section").classList.add('hidden');
		document.getElementById("login_section").classList.remove('hidden');
		document.getElementById("login_section_btn").classList.add('active');
	}
}

function toggleForgotPassword(button) {
	document.getElementById("forgotPassword").classList.remove('hidden');
	button.classList.add('hidden');
}

function capchaCallbackSimplifiedSection() {
	document.getElementById("simplified_section_form").submit();
}

function capchaCallbackRegisterSection() {
	document.getElementById("register_section_form").submit();
}

function updateOnScroll() {
	const arrow = document.getElementById("gameInfoArrow");
    if (!arrow) return;
	if (window.pageYOffset > 0.5 * window.innerWidth) {
		arrow.classList.remove("pointDown");
		arrow.classList.add("pointUp");
	} else {
		arrow.classList.add("pointDown");
		arrow.classList.remove("pointUp");
	}
}

function scrollToContent(arrow) {
	if (arrow.classList.contains("pointDown")) {
		arrow.classList.remove("pointDown");
		arrow.classList.add("pointUp");
		document.getElementById('infoContainer').scrollIntoView(true);
	} else {
		arrow.classList.add("pointDown");
		arrow.classList.remove("pointUp");
		document.getElementById('formContainer').scrollIntoView(true);
	}
}

window.addEventListener("scroll", () => updateOnScroll(), { passive: true });
window.addEventListener("load", () => windowOnLoad());

function cirilicToRoman(text) {
	const cyrylicaMap = {
		/*'а'*/'\u0430': 'a',
		/*'б'*/'\u0431': 'b',
		/*'в'*/'\u0432': 'v',
		/*'г'*/'\u0433': 'g',
		/*'д'*/'\u0434': 'd',
		/*'е'*/'\u0435': 'e',
		/*'ё'*/'\u0451': 'yo',
		/*'ж'*/'\u0436': 'zh',
		/*'з'*/'\u0437': 'z',
		/*'и'*/'\u0438': 'i',
		/*'й'*/'\u0439': 'y',
		/*'к'*/'\u043a': 'k',
		/*'л'*/'\u043b': 'l',
		/*'м'*/'\u043c': 'm',
		/*'н'*/'\u043d': 'n',
		/*'о'*/'\u043e': 'o',
		/*'п'*/'\u043f': 'p',
		/*'р'*/'\u0440': 'r',
		/*'с'*/'\u0441': 's',
		/*'т'*/'\u0442': 't',
		/*'у'*/'\u0443': 'u',
		/*'ф'*/'\u0444': 'f',
		/*'х'*/'\u0445': 'h',
		/*'ц'*/'\u0446': 'ts',
		/*'ч'*/'\u0447': 'ch',
		/*'ш'*/'\u0448': 'sh',
		/*'щ'*/'\u0449': 'sch',
		/*'ъ'*/'\u044a': '',
		/*'ы'*/'\u044b': 'y',
		/*'ь'*/'\u044c': '',
		/*'э'*/'\u044d': 'e',
		/*'ю'*/'\u044e': 'yu',
		/*'я'*/'\u044f': 'ya'
	};

	let convertedText = '';
	for (let i = 0; i < text.length; i++) {
		const char = text[i].toLowerCase();
		if (cyrylicaMap.hasOwnProperty(char)) {
			convertedText += cyrylicaMap[char];
		} else {
			convertedText += char;
		}
	}

	return convertedText;
};
	
function turkishToRoman(text) {
	const tureckieMap = {
		/*'ı'*/'\u0131': 'i',
		/*'ğ'*/'\u011f': 'g',
		/*'ü'*/'\u00fc': 'u',
		/*'ş'*/'\u015f': 's',
		/*'ö'*/'\u00f6': 'o',
		/*'ç'*/'\u00e7': 'c',
		/*'Ä°'*/'\u0130': 'I',
		/*'Ğ'*/'\u011e': 'G',
		/*'Ü'*/'\u00dc': 'U',
		/*'Ş'*/'\u015e': 'S',
		/*'Ö'*/'\u00d6': 'O',
		/*'Ç'*/'\u00c7': 'C'
	};

	let convertedText = '';
	for (let i = 0; i < text.length; i++) {
		const char = text[i];
		if (tureckieMap.hasOwnProperty(char)) {
			convertedText += tureckieMap[char];
		} else {
			convertedText += char;
		}
	}

	return convertedText;
};

function arabicToRoman(text) {
	const arabicMap = {
	/*'ا'*/	'\u0627': 'a',
	/*'ب'*/	'\u0628': 'b',
	/*'ت'*/	'\u062a': 't',
	/*'Ø«'*/	'\u062b': 'th',
	/*'ج'*/	'\u062c': 'j',
	/*'Ø­'*/		'\u062d': 'h',
	/*'Ø®'*/	'\u062e': 'kh',
	/*'د'*/	'\u062f': 'd',
	/*'Ø°'*/	'\u0630': 'th',
	/*'ر'*/	'\u0631': 'r',
	/*'ز'*/	'\u0632': 'z',
	/*'س'*/	'\u0633': 's',
	/*'Ø´'*/	'\u0634': 'sh',
	/*'ص'*/	'\u0635': 's',
	/*'ض'*/	'\u0636': 'd',
	/*'Ø·'*/	'\u0637': 't',
	/*'ظ'*/	'\u0638': 'z',
	/*'ع'*/	'\u0639': 'a',
	/*'غ'*/	'\u063a': 'gh',
	/*'ف'*/	'\u0641': 'f',
	/*'ق'*/	'\u0642': 'q',
	/*'ك'*/	'\u0643': 'k',
	/*'ل'*/	'\u0644': 'l',
	/*'م'*/	'\u0645': 'm',
	/*'ن'*/	'\u0646': 'n',
	/*'ه'*/	'\u0647': 'h',
	/*'و'*/	'\u0648': 'w',
	/*'ي'*/	'\u064a': 'y'
	};

	let convertedText = '';
	for (let i = 0; i < text.length; i++) {
		const char = text[i];
		if (arabicMap.hasOwnProperty(char)) {
			convertedText += arabicMap[char];
		} else {
			convertedText += char;
		}
	}

	return convertedText;
};

function removeDomain(email) {
	const atIndex = email.indexOf('@');
	if (atIndex !== -1) {
		return email.substring(0, atIndex);
	}
	return email;
}
		
function removeSpanishAccents(text) {
	const accentsMap = {
		/*'á'*/'\u00e1': 'a',
		/*'é'*/'\u00e9': 'e',
		/*'í'*/'\u00ed': 'i',
		/*'ó'*/'\u00f3': 'o',
		/*'ú'*/'\u00fa': 'u',
		/*'Á'*/'\u00c1': 'A',
		/*'É'*/'\u00c9': 'E',
		/*'Í'*/'\u00cd': 'I',
		/*'Ó'*/'\u00d3': 'O',
		/*'Ú'*/'\u00da': 'U',
		/*'ñ'*/'\u00f1': 'n',
		/*'Ñ'*/'\u00d1': 'N'
	};

	let convertedText = '';
	for (let i = 0; i < text.length; i++) {
		const char = text[i];
		if (accentsMap.hasOwnProperty(char)) {
			convertedText += accentsMap[char];
		} else {
			convertedText += char;
		}
	}

	return convertedText;
};
		
function polishToRoman(inputtext) {
	const polishMap = {
		/*'ą'*/'\u0105': 'a',
		/*'ć'*/'\u0107': 'c',
		/*'ę'*/'\u0119': 'e',
		/*'ł'*/'\u0142': 'l',
		/*'ń'*/'\u0144': 'n',
		/*'ó'*/'\u00f3': 'o',
		/*'ś'*/'\u015b': 's',
		/*'ź'*/'\u017a': 'z',
		/*'ż'*/'\u017c': 'z',
		/*'Ą'*/'\u0104': 'A',
		/*'Ć'*/'\u0106': 'C',
		/*'Ę'*/'\u0118': 'E',
		/*'Ł'*/'\u0141': 'L',
		/*'Ń'*/'\u0143': 'N',
		/*'Ó'*/'\u00d3': 'O',
		/*'Ś'*/'\u015a': 'S',
		/*'Ź'*/'\u0179': 'Z',
		/*'Å»'*/'\u017b': 'Z'
	};

	let cText = '';
	for (let i = 0; i < inputtext.length; i++) {
		const char = inputtext[i];
		if (polishMap.hasOwnProperty(char)) {
			cText += polishMap[char];
		} else {
			cText += char;
		}
	}

	return cText;
}

function vietnameseToRoman(text) {
	const vietnameseMap = {
		/*'à'*/ '\u00E0': 'a',
		/*'ả'*/ '\u1EA3': 'a',
		/*'ã'*/ '\u00E3': 'a',
		/*'á'*/ '\u00E1': 'a',
		/*'ạ'*/ '\u1EA1': 'a',
		/*'ă'*/ '\u0103': 'a',
		/*'ằ'*/ '\u1EB1': 'a',
		/*'ẳ'*/ '\u1EB3': 'a',
		/*'ẵ'*/ '\u1EB5': 'a',
		/*'ắ'*/ '\u1EAF': 'a',
		/*'ặ'*/ '\u1EB7': 'a',
		/*'â'*/ '\u00E2': 'a',
		/*'ầ'*/ '\u1EA7': 'a',
		/*'ẩ'*/ '\u1EA9': 'a',
		/*'ẫ'*/ '\u1EAB': 'a',
		/*'ấ'*/ '\u1EA5': 'a',
		/*'ậ'*/ '\u1EAD': 'a',
		/*'đ'*/ '\u0111': 'd',
		/*'è'*/ '\u00E8': 'e',
		/*'ẻ'*/ '\u1EBB': 'e',
		/*'ẽ'*/ '\u1EBD': 'e',
		/*'é'*/ '\u00E9': 'e',
		/*'ẹ'*/ '\u1EB9': 'e',
		/*'ê'*/ '\u00EA': 'e',
		/*'ề'*/ '\u1EC1': 'e',
		/*'ể'*/ '\u1EC3': 'e',
		/*'ễ'*/ '\u1EC5': 'e',
		/*'ế'*/ '\u1EBF': 'e',
		/*'ệ'*/ '\u1EC7': 'e',
		/*'ì'*/ '\u00EC': 'i',
		/*'ỉ'*/ '\u1EC9': 'i',
		/*'Ä©'*/ '\u0129': 'i',
		/*'í'*/ '\u00ED': 'i',
		/*'ị'*/ '\u1ECB': 'i',
		/*'ò'*/ '\u00F2': 'o',
		/*'ỏ'*/ '\u1ECF': 'o',
		/*'õ'*/ '\u00F5': 'o',
		/*'ó'*/ '\u00F3': 'o',
		/*'ọ'*/ '\u1ECD': 'o',
		/*'ô'*/ '\u00F4': 'o',
		/*'ồ'*/ '\u1ED3': 'o',
		/*'ổ'*/ '\u1ED5': 'o',
		/*'ỗ'*/ '\u1ED7': 'o',
		/*'ố'*/ '\u1ED1': 'o',
		/*'ộ'*/ '\u1ED9': 'o',
		/*'Æ¡'*/ '\u01A1': 'o',
		/*'ờ'*/ '\u1EDD': 'o',
		/*'ở'*/ '\u1EDF': 'o',
		/*'ỡ'*/ '\u1EE1': 'o',
		/*'ớ'*/ '\u1EDB': 'o',
		/*'ợ'*/ '\u1EE3': 'o',
		/*'ù'*/ '\u00F9': 'u',
		/*'ủ'*/ '\u1EE7': 'u',
		/*'Å©'*/ '\u0169': 'u',
		/*'ú'*/ '\u00FA': 'u',
		/*'ụ'*/ '\u1EE5': 'u',
		/*'Æ°'*/ '\u01B0': 'u',
		/*'ừ'*/ '\u1EEB': 'u',
		/*'á»­'*/ '\u1EED': 'u',
		/*'ữ'*/ '\u1EEF': 'u',
		/*'ứ'*/ '\u1EE9': 'u',
		/*'á»±'*/ '\u1EF1': 'u',
		/*'ỳ'*/ '\u1EF3': 'y',
		/*'á»·'*/ '\u1EF7': 'y',
		/*'ỹ'*/ '\u1EF9': 'y',
		/*'ý'*/ '\u00FD': 'y',
		/*'ỵ'*/ '\u1EF5': 'y',
		/*'À'*/ '\u00C0': 'A',
		/*'Ả'*/ '\u1EA2': 'A',
		/*'Ã'*/ '\u00C3': 'A',
		/*'Á'*/ '\u00C1': 'A',
		/*'Ạ'*/ '\u1EA0': 'A',
		/*'Ă'*/ '\u0102': 'A',
		/*'Ằ'*/ '\u1EB0': 'A',
		/*'Ẳ'*/ '\u1EB2': 'A',
		/*'Ẵ'*/ '\u1EB4': 'A',
		/*'Ắ'*/ '\u1EAE': 'A',
		/*'Ặ'*/ '\u1EB6': 'A',
		/*'Â'*/ '\u00C2': 'A',
		/*'Ầ'*/ '\u1EA6': 'A',
		/*'Ẩ'*/ '\u1EA8': 'A',
		/*'Ẫ'*/ '\u1EAA': 'A',
		/*'Ấ'*/ '\u1EA4': 'A',
		/*'Ậ'*/ '\u1EAC': 'A',
		/*'Đ'*/ '\u0110': 'D',
		/*'È'*/ '\u00C8': 'E',
		/*'Ẻ'*/ '\u1EBA': 'E',
		/*'Ẽ'*/ '\u1EBC': 'E',
		/*'É'*/ '\u00C9': 'E',
		/*'Ẹ'*/ '\u1EB8': 'E',
		/*'Ê'*/ '\u00CA': 'E',
		/*'Ề'*/ '\u1EC0': 'E',
		/*'Ể'*/ '\u1EC2': 'E',
		/*'Ễ'*/ '\u1EC4': 'E',
		/*'Ế'*/ '\u1EBE': 'E',
		/*'Ệ'*/ '\u1EC6': 'E',
		/*'Ì'*/ '\u00CC': 'I',
		/*'Ỉ'*/ '\u1EC8': 'I',
		/*'Ĩ'*/ '\u0128': 'I',
		/*'Í'*/ '\u00CD': 'I',
		/*'Ị'*/ '\u1ECA': 'I',
		/*'Ò'*/ '\u00D2': 'O',
		/*'Ỏ'*/ '\u1ECE': 'O',
		/*'Õ'*/ '\u00D5': 'O',
		/*'Ó'*/ '\u00D3': 'O',
		/*'Ọ'*/ '\u1ECC': 'O',
		/*'Ô'*/ '\u00D4': 'O',
		/*'Ồ'*/ '\u1ED2': 'O',
		/*'Ổ'*/ '\u1ED4': 'O',
		/*'Ỗ'*/ '\u1ED6': 'O',
		/*'Ố'*/ '\u1ED0': 'O',
		/*'Ộ'*/ '\u1ED8': 'O',
		/*'Æ '*/ '\u01A0': 'O',
		/*'Ờ'*/ '\u1EDC': 'O',
		/*'Ở'*/ '\u1EDE': 'O',
		/*'á» '*/ '\u1EE0': 'O',
		/*'Ớ'*/ '\u1EDA': 'O',
		/*'Ợ'*/ '\u1EE2': 'O',
		/*'Ù'*/ '\u00D9': 'U',
		/*'Ủ'*/ '\u1EE6': 'U',
		/*'Ũ'*/ '\u0168': 'U',
		/*'Ú'*/ '\u00DA': 'U',
		/*'Ụ'*/ '\u1EE4': 'U',
		/*'Ư'*/ '\u01AF': 'U',
		/*'Ừ'*/ '\u1EEA': 'U',
		/*'Ử'*/ '\u1EEC': 'U',
		/*'á»®'*/ '\u1EEE': 'U',
		/*'Ứ'*/ '\u1EE8': 'U',
		/*'á»°'*/ '\u1EF0': 'U',
		/*'Ỳ'*/ '\u1EF2': 'Y',
		/*'Ỷ'*/ '\u1EF6': 'Y',
		/*'Ỹ'*/ '\u1EF8': 'Y',
		/*'Ý'*/ '\u00DD': 'Y',
		/*'á»´'*/ '\u1EF4': 'Y'
	};

	let convertedText = '';
	for (let i = 0; i < text.length; i++) {
		const char = text[i];
		if (vietnameseMap.hasOwnProperty(char)) {
			convertedText += vietnameseMap[char];
		} else {
			convertedText += char;
		}
	}

	return convertedText;
};
 
function removeNonRoman(text) {
	const regex = /[^A-Za-z0-9_\s]/g;
	return text.replace(regex, '');
} 
	
function replaceLoginIntoValid(enteredLogin) {
	let modifiedLogin = cirilicToRoman(enteredLogin);
	modifiedLogin = turkishToRoman(modifiedLogin);
	modifiedLogin = arabicToRoman(modifiedLogin);
	modifiedLogin = removeDomain(modifiedLogin);
	modifiedLogin = removeSpanishAccents(modifiedLogin);
	modifiedLogin = polishToRoman(modifiedLogin);
	modifiedLogin = vietnameseToRoman(modifiedLogin);
	modifiedLogin = removeNonRoman(modifiedLogin);

// 	console.log(modifiedLogin);

// 	console.log(enteredLogin);

	return modifiedLogin;
}

function IsLoginContainsBadCharacters(str) {
	return /[^A-Za-z0-9\s-]/.test(str);
}

function showErrorWhenRulesNotAccepted() {
    const error = document.querySelector('.errorRules');
    error.classList.add('show');
    setTimeout(() => error.classList.remove('show'), 3000);
}

//TODO refactor Loader.initializeLoader('spinnerLoader');

async function registerClick(event, submitButton) {
	event.stopImmediatePropagation();
	event.preventDefault();
	const checkbox = document.getElementById('acceptRulesCheckbox');
	if (!checkbox.checked) {
		showErrorWhenRulesNotAccepted();
		return;
	}
    await addLoading(submitButton);

    const loginBeforeCorrection = submitButton.form.login;

	if (IsLoginContainsBadCharacters(loginBeforeCorrection.value)) {
		const loginHelp = document.getElementById('loginHelp2');
		loginHelp.style.display = 'block';
		loginBeforeCorrection.value = replaceLoginIntoValid(loginBeforeCorrection.value);
		setTimeout(function() {
            submitButton.form.submit();
		}, 2000)
	} else {
		submitButton.form.submit();
	}
}

async function submitRegisterForm(submitButton, event) {
    // event.stopImmediatePropagation();
    // event.preventDefault();

    if (!submitButton) {
        submitButton = document.querySelector('.playButton.google');
    }
	const loginBeforeCorrection = submitButton.form.login;
	const checkbox = document.getElementById('acceptRulesCheckbox');
	if (!checkbox.checked) {
		showErrorWhenRulesNotAccepted();
		return;
	}
    await addLoading(submitButton);

    // Check the condition
	if (IsLoginContainsBadCharacters(loginBeforeCorrection.value)) {
		const loginHelp = document.getElementById('loginHelp2');
		loginHelp.style.display = 'block';
		loginBeforeCorrection.value = replaceLoginIntoValid(loginBeforeCorrection.value);

        setTimeout(function() {
            submitButton.form.submit();
		}, 2000)
	} else {
        submitButton.form.submit();
	}
}

async function preRegisterClick(event, submitButton) {
    event.stopImmediatePropagation();
    event.preventDefault();

    const formWrapper = document.getElementById('formWrapper');

    const form = submitButton.form;
    const checkbox = document.getElementById('acceptRulesCheckbox');

    if (!checkbox.checked) {
        showErrorWhenRulesNotAccepted();
        return;
    }

    if (!validateRegisterForm(form)) {
        return;
    }
    await addLoading(submitButton);

    const loginBeforeCorrection = form.login;

    if (IsLoginContainsBadCharacters(loginBeforeCorrection.value)) {
        const loginHelp = document.getElementById('loginHelp2');
        loginHelp.style.display = 'block';
        loginBeforeCorrection.value = replaceLoginIntoValid(loginBeforeCorrection.value);
    }

    const formData = new FormData(form);

    try {
        const response = await fetch(form.action, {
            method: form.method,
            body: formData
        });

        const result = await response.text();

        const wrapper = document.createElement('div');
        wrapper.innerHTML = result;

        const success = wrapper.querySelector('.preRegisterResult')?.dataset.success === 'true';

        if (success) formWrapper.classList.add('shrink');

        setTimeout(() => {
            if (success) formWrapper.style.display = 'none';

            showRegisterMessage(result, success ? 'success' : 'error');

            Loader.removeLoading(submitButton, commonLoaderSettings.loaderClass)
        }, 600);

    } catch (error) {
        console.error('Error submitting form:', error);
        showRegisterMessage(error, 'error');
        Loader.removeLoading(submitButton, commonLoaderSettings.loaderClass)
    }
}

function validateRegisterForm(form) {
    const login = form.login;
    const password = form.password;
    const email = form.mail.value.trim();
    const country = form.countryId;
    let valid = true;

    // Reset previous error messages
    document.getElementById('msgl2').classList.add('hidden');
    document.getElementById('msgm2').classList.add('hidden');
    document.getElementById('msgp2').classList.add('hidden');
    document.getElementById('msgc2').classList.add('hidden');

    // 1. Check login
    if (!login.value || login.value.length < 3) {
        document.getElementById('msgl2').classList.remove('hidden');
        valid = false;
    }

    // 2. Check mail
    if (!validateEmail(email)) {
        document.getElementById('msgm2').classList.remove('hidden');
        valid = false;
    }


    // 3. Check password
    if (!password.value || password.value.length < 6) {
        document.getElementById('msgp2').classList.remove('hidden');
        valid = false;
    }

    // 4. Check country select
    if (!country.value) {
        document.getElementById('msgc2').classList.remove('hidden');
        valid = false;
    }

    return valid;
}

function validateEmail(email) {
    let re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(String(email).toLowerCase());
}


function showRegisterMessage(message, type = 'success') {
    const messageDiv = document.getElementById('registerMessage');
    if (!messageDiv) return;

    // cancel previous timers stored on the element
    if (messageDiv._hideTimeout) {
        clearTimeout(messageDiv._hideTimeout);
        messageDiv._hideTimeout = null;
    }
    if (messageDiv._cleanupTimeout) {
        clearTimeout(messageDiv._cleanupTimeout);
        messageDiv._cleanupTimeout = null;
    }

    messageDiv.classList.remove('success', 'error', 'show', 'hide', 'popupAnim');

    messageDiv.classList.add(type);

    messageDiv.innerHTML = message;

    messageDiv.classList.add('show');

    requestAnimationFrame(() => {
        messageDiv.classList.add("popupAnim");
    });

    if (type !== "success") {
        messageDiv._hideTimeout = setTimeout(() => {
            messageDiv.classList.add('hide');

            messageDiv._cleanupTimeout = setTimeout(() => {
                messageDiv.classList.remove('show', 'hide', 'popupAnim');
            }, 1000);
        }, 5000);
    }
}

function addEventToInputs() {
    const form = document.getElementById('register_section_form');
    if (!form) return;

    [form.mail, form.login, form.password].forEach(el => {
        el.addEventListener("input", () => {
            validateRegisterForm(form);
        });
    })
}

async function addLoading(button) {
    await Loader.ready;
    Loader.initializeLoading(button, LoaderSettings.optionsWithoutPosAbsoluteWithBiggerLoader);
}

document.addEventListener("DOMContentLoaded", () => {
    generatePassword();
})

</script>


</head>






<body id="body" class="">
	
		
			
			
			
			
			
			
			
			
			
			
			
			
		

		
			
			
			
			
			
			
			
			
			
		

		
			
				
				
				
				
				
				
			
		

		
			
			
			
		

		
			
			
		

	
	
		
	
	<script type="text/javascript">
	if (isMobile) {
		document.getElementById('body').classList.add('mobile');
	}
	
		
		

		

		
		
			
			

			
				
				
				

				
				
				

				
				

				

			
		
	

	
	// window.addEventListener("load", () => {
	// 	document.getElementById("boot-screen").style.opacity = "0";
	// 	setTimeout(() => document.getElementById("boot-screen").remove(), 500);
	// 	document.getElementById("page-content").style.opacity = "1";
	// });
	</script>
	<div id="page-content">

		<svg id="gameInfoArrow" class="gameInfoArrow pointDown" width="64px" height="64px" version="1.1" xmlns="http://www.w3.org/2000/svg" onclick="scrollToContent(this);">
			<rect x="0" y="0" rx="12" ry="12" width="64" height="64" fill="#bedaf7" stroke="#fff" stroke-width="2"/>
			<path d=" M24,26 v-15 a4,4 0 0 1 4,-4 h8 a4,4 0 0 1 4,4 v15 a3,3 0 0 0 3,3 h11 a3,3 0 0 1 -1,4 l-20,24 a4,4 0 0 1 -4,0 l-20,-24 a3,3 0 0 1 1,-4 h11 a3,3 0 0 0 3,-3 " fill="#77b3ef" stroke="#318ce7" stroke-width="3" />
		</svg>

		<div id="antyMulti" class="antyMulti"></div>

		
		

		
		<div id="formContainer" class="">
			

			
				
				
				
					


<div id="mobileRegisterForm" class="mainForm">
	<div class="registerBanner"></div>
	
	<div id="section_selection" class="sectionContainer hidden">
		<div id="register_section_btn" class="section_btn active" onclick="toggleRegisterLogin(true);">
			Regístrate
		</div>
		<div id="login_section_btn" class="section_btn" onclick="toggleRegisterLogin(false);">
			Iniciar sesión
		</div>
	</div>

	
	<div id="simplified_register">
		<form id="simplified_section_form" method="POST" action="https://vara.e-sim.org/registration.html" onsubmit="submitRegisterForm(null, event)">
			<input name="preview" type="hidden" class="hidden-field" value="LANDING_MOBILE_AND_DESKTOP_2025">
			<input name="login" type="hidden" value="">
			<input id="simplified_form_password" name="password" type="password" value="" class="hidden">
			<input id="citizenship_select_simplified" name="countryId" type="hidden" value="26">
			
				
				
				
					<button class="g-recaptcha playButton"
							onfocus="selectAnyCountry(this.form.countryId)"
							data-sitekey="6LeoIzAUAAAAAGryxQG-R0CZaH-P6Yx0EM8SuM1G"
							data-callback="capchaCallbackSimplifiedSection"
							onclick="registerClick(event, this)"
							type="button">
							<span>Jugar</span>
					</button>
				
			
			
			<div class="extra_options">
				o 
                <button type="button" class="blue_link txt-upper" onclick="showRegisterLogin(false);">
                	Acceso
                </button>
                si ya tienes una cuenta
			</div>
			
            <button type="button" class="blue_link" onclick="showRegisterLogin(true);">
            	Registro Avanzado
            </button>
			
			<input type="checkbox" value="yes" name="acceptRules" style="position:absolute;left:-99999px">
			<input type="checkbox" value="yes" name="rules" style="position:absolute;left:-99999px">
		</form>
	</div>

	<div id="register_section" class="hidden">
		<form id="register_section_form" method="POST" action="https://vara.e-sim.org/registration.html" onsubmit="submitRegisterForm(null, event)">
			<div class="white_block">
				<b class="p-bottom-025">Registrate gratis:</b>
				
				<input name="preview" type="hidden" class="hidden-field" value="LANDING_MOBILE_AND_DESKTOP_2025">
				<input name="login" type="text" value="" placeholder="Apodo" maxlength="32" minlength="3" class="required">
				<div id="msgl2" class="hidden">Sólo se permiten letras, números, guiones bajos y espacios (AZ,az,0-9,_,&#39;&#39;)</div>
				<div id="loginHelp2" class="hidden">
					<div>Sólo se permiten letras, números, guiones bajos y espacios (AZ,az,0-9,_,&#39;&#39;)</div>
					<div>Convertimos tu nick automáticamente</div>
				</div>
				<input id=register_form_password name="password" type="password" value="" placeholder="Contraseña" maxlength="32" minlength="6" class="required">
				<input id="email" type="email" name="mail" placeholder="Introduce tu correo electrónico"/>
				<select id="citizenship_select_register" name="countryId" class="required custom dropdown">
					<option value="">Selecciona tu ciudadanía</option>
					
						
						
							<option value="130">Afganist&aacute;n</option>
						
					
						
						
							<option value="55">Albania</option>
						
					
						
						
							<option value="64">Argelia</option>
						
					
						
						
							<option value="24">Argentina</option>
						
					
						
						
							<option value="131">Armenia</option>
						
					
						
						
							<option value="35">Australia</option>
						
					
						
						
							<option value="48">Austria</option>
						
					
						
						
							<option value="132">Azerbaiy&aacute;n</option>
						
					
						
						
							<option value="59">bangladesh</option>
						
					
						
						
							<option value="52">Bielorrusia</option>
						
					
						
						
							<option value="40">B&eacute;lgica</option>
						
					
						
						
							<option value="121">Bolivia</option>
						
					
						
						
							<option value="13">Bosnia y Herzegovina</option>
						
					
						
						
							<option value="23">Brasil</option>
						
					
						
						
							<option value="10">Bulgaria</option>
						
					
						
						
							<option value="119">Camboya</option>
						
					
						
						
							<option value="27">Canad&aacute;</option>
						
					
						
						
							<option value="45">Chile</option>
						
					
						
						
							<option value="28">Porcelana</option>
						
					
						
						
							<option value="46">Colombia</option>
						
					
						
						
							<option value="144">Costa Rica</option>
						
					
						
						
							<option value="12">Croacia</option>
						
					
						
						
							<option value="147">Cuba</option>
						
					
						
						
							<option value="156">Chipre</option>
						
					
						
						
							<option value="51">Rep&uacute;blica Checa</option>
						
					
						
						
							<option value="50">Dinamarca</option>
						
					
						
						
							<option value="126">Rep&uacute;blica Dominicana</option>
						
					
						
						
							<option value="122">Ecuador</option>
						
					
						
						
							<option value="57">Egipto</option>
						
					
						
						
							<option value="152">El Salvador</option>
						
					
						
						
							<option value="53">Estonia</option>
						
					
						
						
							<option value="37">Finlandia</option>
						
					
						
						
							<option value="4">Francia</option>
						
					
						
						
							<option value="133">Georgia</option>
						
					
						
						
							<option value="3">Alemania</option>
						
					
						
						
							<option value="14">Grecia</option>
						
					
						
						
							<option value="127">Guatemala</option>
						
					
						
						
							<option value="125">Honduras</option>
						
					
						
						
							<option value="8">Hungr&iacute;a</option>
						
					
						
						
							<option value="165">Islandia</option>
						
					
						
						
							<option value="34">India</option>
						
					
						
						
							<option value="29">Indonesia</option>
						
					
						
						
							<option value="30">Ir&aacute;n</option>
						
					
						
						
							<option value="112">Irak</option>
						
					
						
						
							<option value="38">Irlanda</option>
						
					
						
						
							<option value="33">Israel</option>
						
					
						
						
							<option value="7">Italia</option>
						
					
						
						
							<option value="58">Jap&oacute;n</option>
						
					
						
						
							<option value="115">Jord&aacute;n</option>
						
					
						
						
							<option value="128">Kazajst&aacute;n</option>
						
					
						
						
							<option value="155">Kuwait</option>
						
					
						
						
							<option value="135">Laos</option>
						
					
						
						
							<option value="20">letonia</option>
						
					
						
						
							<option value="148">L&iacute;bano</option>
						
					
						
						
							<option value="71">Libia</option>
						
					
						
						
							<option value="19">Lituania</option>
						
					
						
						
							<option value="42">Malasia</option>
						
					
						
						
							<option value="25">M&eacute;xico</option>
						
					
						
						
							<option value="150">Moldavia</option>
						
					
						
						
							<option value="145">Mongolia</option>
						
					
						
						
							<option value="47">montenegro</option>
						
					
						
						
							<option value="72">Marruecos</option>
						
					
						
						
							<option value="162">Birmania</option>
						
					
						
						
							<option value="120">Nepal</option>
						
					
						
						
							<option value="36">Pa&iacute;ses Bajos</option>
						
					
						
						
							<option value="142">Nicaragua</option>
						
					
						
						
							<option value="43">Noruega</option>
						
					
						
						
							<option value="41">Pakist&aacute;n</option>
						
					
						
						
							<option value="143">Panam&aacute;</option>
						
					
						
						
							<option value="123">Paraguay</option>
						
					
						
						
							<option value="44">Per&uacute;</option>
						
					
						
						
							<option value="54">Filipinas</option>
						
					
						
						
							<option value="1">Polonia</option>
						
					
						
						
							<option value="18">Portugal</option>
						
					
						
						
							<option value="149">Puerto Rico</option>
						
					
						
						
							<option value="15">Rep&uacute;blica de Macedonia</option>
						
					
						
						
							<option value="9">Rumania</option>
						
					
						
						
							<option value="2">Rusia</option>
						
					
						
						
							<option value="62">Arabia Saudita</option>
						
					
						
						
							<option value="11">Serbia</option>
						
					
						
						
							<option value="49">Eslovaquia</option>
						
					
						
						
							<option value="21">Eslovenia</option>
						
					
						
						
							<option value="31">Corea del Sur</option>
						
					
						
						
							<option value="5">Espa&ntilde;a</option>
						
					
						
						
							<option value="17">Suecia</option>
						
					
						
						
							<option value="39">Suiza</option>
						
					
						
						
							<option value="111">Siria</option>
						
					
						
						
							<option value="32">Taiw&aacute;n</option>
						
					
						
						
							<option value="63">Tailandia</option>
						
					
						
						
							<option value="80">T&uacute;nez</option>
						
					
						
						
							<option value="22">Turqu&iacute;a</option>
						
					
						
						
							<option value="137">turkmenist&aacute;n</option>
						
					
						
							<option selected="selected" value="26">EE.UU</option>
						
						
					
						
						
							<option value="16">Ucrania</option>
						
					
						
						
							<option value="110">Emiratos &Aacute;rabes Unidos</option>
						
					
						
						
							<option value="6">Reino Unido</option>
						
					
						
						
							<option value="124">Uruguay</option>
						
					
						
						
							<option value="138">Uzbekist&aacute;n</option>
						
					
						
						
							<option value="56">Venezuela</option>
						
					
						
						
							<option value="60">Vietnam</option>
						
					
						
						
							<option value="61">Yemen</option>
						
					
				</select>
			</div>
			
			<div class="p-relative">
				<div id="spinnerLoader" class="spinnerLoader"></div>
				
					
					
						<button class="g-recaptcha playButton"
								onfocus="selectAnyCountry(this.form.countryId)"
								data-sitekey="6LeoIzAUAAAAAGryxQG-R0CZaH-P6Yx0EM8SuM1G"
								data-callback="capchaCallbackRegisterSection"
								onclick="registerClick(event, this)"
								type="button">
								<span>Regístrate</span>
						</button>
					
				
				
				<input name="acceptRules" type="checkbox" value="yes" style="position:absolute;left:-99999px">
				<input name="rules" type="checkbox" value="yes" style="position:absolute;left:-99999px">
			</div>
		</form>
	</div>
	
	<div id="login_section" class="hidden">
		<form method="POST" action="Iogin.html">
			<div class="white_block">
				<input name="login" type="text" class="required valid" placeholder="acceso"/>
				<input name="password" type="password" class="required valid" placeholder="contraseña" />
				<input name="facebookAdId" type="hidden" value=""/>
			</div>
			<button type="submit" class="playButton" onclick="addLoading(this)">
				<span>Acceso</span>
			</button>
		</form>
		
		<button type="button" class="greyButton" onclick="toggleForgotPassword(this)">
			Olvidé mi contraseña
		</button>
		
		<form id="forgotPassword" action="forgotPassword.html" method="POST" class="white_block hidden">
			<b>Tu correo electrónico:</b>
			<input name="eMail" type="text"/>
			<button type="submit" class="greyButton">
				Enviar nueva contraseña
			</button>
		</form>
	</div>

	<hr class="form-divider" />

	
		<div class="external_register_options hidden">
			<button id="googleButtonSwitch" regType="google" class="externalLoginButton google" onclick="registerViaGoogle(this);"></button>
		</div>
	
	
	<div class="acceptRulesContainer">
		<div>
			<input name="check" id="acceptRulesCheckbox" class="acceptRules" type="checkbox" checked>
			<label for="acceptRulesCheckbox">
				He leído y estoy de acuerdo con
				<a target="_blank" href="laws.html" class="p-0"> Reglas </a>
				y
				<a target="_blank" href="privacyPolicy.html" class="p-0"> política de privacidad</a>.
			</label>
		</div>
		<div class="errorRules">
			 ¡Acepta las reglas antes de registrarte!
		</div>
	</div>
</div>

				
			
		</div>

		<div id="infoContainer" class="darkBox">
			<div>
	<h2>About the game:</h2>
	<div>
		<img loading="lazy" src="//vara.e-sim.org/cdn/static/img/screens/usa/mobile/usa1.jpg">
		<h4>
			USA as a world power? In E-Sim it is possible!
		</h4>
	</div>
	<p><b>In E-Sim we have a huge, living world, which is a mirror copy of the Earth.</b>
		Well, maybe not completely mirrored, because the balance of power in this virtual world looks a bit
		different than in real life. In E-Sim, USA does not have to be a world superpower, It can be
		efficiently
		managed as a much smaller country that has entrepreneurial citizens that support it's foundation.
		Everything depends on the players themselves and how they decide to shape the political map of the
		game.
	</p>
</div>

<div>
	<h2>Work for the good of your country and
		see it rise to an empire.</h2>
	<p>Activities in this game are divided into several modules.
		First is the economy as a citizen in a country of your choice you must work to earn money, which you
		will get to spend for example, on food or purchase of weapons which are critical for your progress
		as a fighter.
		You will work in either private companies which are owned by players or government companies which
		are owned by the state.
		After progressing in the game you will finally get the opportunity to set up your
		own business and hire other players. If it prospers, we can even change it into a joint-stock
		company and enter the stock market and get even more money in this way.
	</p>
	<div>
		<img loading="lazy" src="//vara.e-sim.org/cdn/static/img/screens/usa/mobile/usa2.jpg">
		<h4>
			In E-Sim, international wars are nothing out of the ordinary.
		</h4>
	</div>
	<h3>
		"E-Sim is one of the most unique browser games out there"
	</h3>
</div>

<div>
	<h2>Become an influential politician.</h2>
	<p>The second module is a politics. Just like in real life politics
		<b>in E-Sim are an extremely powerful tool that can be used for your own purposes.
		</b>From time to time there are elections in the game in which you will not only vote, but also have the ability
		to run for the head of the party you're in.
		You can also apply for congress, where once elected you will be given the right to vote on laws
		proposed by your fellow congress members or your president and propose laws yourself.
		Voting on laws is important for your country as it can shape the lives of those around you.
		You can also try to become the head of a given party, and even take part in presidential
		elections and decide on the shape of the foreign policy of a given state
		(for example, who to declare war on).
		Career in politics is obviously not easy and in order to succeed in it, you have to have
		a good plan and compete for the votes of voters.
	</p>
	<div>
		<img loading="lazy" src="//vara.e-sim.org/cdn/static/img/screens/usa/mobile/usa3.jpg">
		<h4>
			You can go bankrupt or become a rich man while playing the stock market.
		</h4>
	</div>
</div>

<div>
	<h2>The international war.</h2>
	<p>
		The last and probably the most important module is military.
		<b>In E-Sim, countries are constantly fighting each other for control
					over territories which in return grant them access to more valuable raw materials. </b>
		For this purpose, they form alliances, they fight international wars, but they also have
		to deal with, for example, uprisings in conquered countries or civil wars, which may explode on
		their territory.
		You can also take part in these clashes, although you are also given the opportunity to lead a life
		as a pacifist
		who focuses on other activities in the game (for example, running a successful newspaper or selling
		products).
	</p>
	<div>
		<img loading="lazy" src="//vara.e-sim.org/cdn/static/img/screens/usa/mobile/usa4.jpg">
		<h4>
			At the auction you can sell or buy your dream inventory.
		</h4>
	</div>
</div>

<div>
	<p>
		<b>
			E-Sim is a unique browser game.
		</b>
		It's creators ensured realistic representation of the mechanisms present
		in the real world and gave all power to the players who shape the image of the virtual Earth
		according to their own.
		So come and join them and help your country achieve its full potential.
	</p>
</div>

<div>
	<img loading="lazy" src="//vara.e-sim.org/cdn/static/img/screens/usa/mobile/usa5.jpg">
	<h4>
		Invest, produce and sell - be an entrepreneur in E-Sim.
	</h4>
</div>

<div>
	<img loading="lazy" src="//vara.e-sim.org/cdn/static/img/screens/usa/mobile/usa7.jpg">
	<h4>
		Take part in numerous events for the E-Sim community.
	</h4>
</div>

		</div>
	</div>
</body>



<footer>





</footer>

</html>