.container__3pcKM {
  width: 913px;
  height: auto;
  margin: auto;
  overflow: hidden;
  min-height: 830px; }
  @media only screen and (max-width: 768px) {
    .container__3pcKM {
      width: 100%;
      padding: 15px;
      box-sizing: border-box; } }

.navbar__3UlyU {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  background: rgba(11, 14, 18, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
  margin-bottom: 18px;
  padding: 0 18px;
  box-sizing: border-box;
  font-family: "Doppio One", sans-serif;
  position: relative;
  z-index: 20; }

.logoLink__tYkMB {
  text-decoration: none;
  margin-right: 28px;
  flex-shrink: 0;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center; }

.logoText__S7Gr1 {
  font-family: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: baseline;
          align-items: baseline;
  line-height: 1;
  position: relative;
  padding: 0 12px;
  overflow: hidden;
  -webkit-transition: -webkit-filter 220ms ease, -webkit-transform 220ms ease;
  transition: -webkit-filter 220ms ease, -webkit-transform 220ms ease;
  transition: filter 220ms ease, transform 220ms ease;
  transition: filter 220ms ease, transform 220ms ease, -webkit-filter 220ms ease, -webkit-transform 220ms ease; }
  .logoText__S7Gr1::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -65%;
    width: 65%;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(35%, rgba(236, 180, 100, 0.18)), color-stop(50%, rgba(255, 220, 160, 0.42)), color-stop(65%, rgba(236, 180, 100, 0.18)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(236, 180, 100, 0.18) 35%, rgba(255, 220, 160, 0.42) 50%, rgba(236, 180, 100, 0.18) 65%, transparent 100%);
    -webkit-transition: left 760ms cubic-bezier(0.16, 1, 0.3, 1) 60ms;
    transition: left 760ms cubic-bezier(0.16, 1, 0.3, 1) 60ms;
    pointer-events: none;
    z-index: 3;
    mix-blend-mode: screen; }

.logoMain__2HIu7 {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1.4px;
  line-height: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(#f5c87a), color-stop(35%, #ffe2a6), color-stop(55%, #f0b25e), to(#c47b2c));
  background: linear-gradient(to bottom, #f5c87a 0%, #ffe2a6 35%, #f0b25e 55%, #c47b2c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.85)) drop-shadow(0 0 10px rgba(236, 180, 100, 0.35));
          filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.85)) drop-shadow(0 0 10px rgba(236, 180, 100, 0.35)); }

.logoSeparator__2WTUD {
  letter-spacing: 0.05em; }

.logoAccent__3-4bc {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 1;
  margin-left: 10px;
  text-transform: uppercase;
  color: #d48232;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.85), 0 0 8px rgba(212, 130, 50, 0.45), 0 0 18px rgba(212, 130, 50, 0.18); }

.logoLink__tYkMB:hover .logoText__S7Gr1 {
  -webkit-filter: brightness(1.08);
          filter: brightness(1.08);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px); }
  .logoLink__tYkMB:hover .logoText__S7Gr1::after {
    left: 100%; }

.navLinks__nS3l8 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 4px;
  -webkit-box-flex: 1;
          flex: 1; }

.navItem__26S_C {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 7px;
  padding: 5px 10px;
  color: #aa967f;
  text-decoration: none;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: background 120ms ease, color 120ms ease;
  transition: background 120ms ease, color 120ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .navItem__26S_C svg {
    display: block;
    font-size: 12px;
    line-height: 1; }
  .navItem__26S_C:hover {
    background: rgba(212, 130, 50, 0.12);
    color: #fff8e8; }

.accountSection__2efKF {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 14px;
  flex-shrink: 0; }

.serverStatus__3IfLQ {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 6px;
  color: #aa967f;
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .serverStatus__3IfLQ .statusDot__We0fA {
    color: #4caf50;
    font-size: 8px;
    -webkit-animation: pulse__3uS4e 2s ease-in-out infinite;
            animation: pulse__3uS4e 2s ease-in-out infinite; }

@-webkit-keyframes pulse__3uS4e {
  0%,
  100% {
    opacity: 1; }
  50% {
    opacity: 0.4; } }

@keyframes pulse__3uS4e {
  0%,
  100% {
    opacity: 1; }
  50% {
    opacity: 0.4; } }

.userBox__3bnTr {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px; }

.userName__2aNh0 {
  color: #fff8e8;
  font-size: 13px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.logoutBtn__2_I4E {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 5px;
  padding: 5px 10px;
  background: rgba(220, 80, 80, 0.15);
  border: 1px solid rgba(220, 80, 80, 0.4);
  border-radius: 4px;
  color: #e07070;
  cursor: pointer;
  font-family: "Doppio One", sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  -webkit-transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease; }
  .logoutBtn__2_I4E:hover {
    background: rgba(220, 80, 80, 0.25);
    border-color: rgba(220, 80, 80, 0.7);
    color: #ff8888; }
  .logoutBtn__2_I4E svg {
    font-size: 11px; }

.loginWrap__2MnAM {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }

.loginBtn__2QsnG {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 8px;
  padding: 7px 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(212, 130, 50, 0.4);
  border-radius: 6px;
  color: #d8d3c5;
  cursor: pointer;
  font-family: "Doppio One", sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  -webkit-transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 220, 160, 0.04);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .loginBtn__2QsnG:hover {
    background: rgba(212, 130, 50, 0.12);
    border-color: rgba(212, 130, 50, 0.6);
    color: #fff8e8;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.4), 0 0 18px rgba(212, 130, 50, 0.18), inset 0 1px 0 rgba(255, 220, 160, 0.08); }
  .loginBtn__2QsnG:active {
    background: rgba(212, 130, 50, 0.08);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 3px rgba(0, 0, 0, 0.3); }

.loginBtnIcon__uOfmI {
  font-size: 12px;
  color: #d48232;
  -webkit-transition: color 160ms ease;
  transition: color 160ms ease; }
  .loginBtn__2QsnG:hover .loginBtnIcon__uOfmI {
    color: #ec9a44; }

.loginBtnChevron__3k6re {
  font-size: 9px;
  color: rgba(212, 130, 50, 0.6);
  -webkit-transition: color 160ms ease, -webkit-transform 200ms ease;
  transition: color 160ms ease, -webkit-transform 200ms ease;
  transition: transform 200ms ease, color 160ms ease;
  transition: transform 200ms ease, color 160ms ease, -webkit-transform 200ms ease;
  margin-left: 2px; }
  .loginBtn__2QsnG:hover .loginBtnChevron__3k6re {
    color: #ec9a44; }

@-webkit-keyframes loginBtnPulseAnim__3baqa {
  0%, 100% {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 0 0 rgba(212, 130, 50, 0.6), inset 0 1px 0 rgba(255, 220, 160, 0.04); }
  50% {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 0 6px rgba(212, 130, 50, 0), 0 0 22px rgba(212, 130, 50, 0.4), inset 0 1px 0 rgba(255, 220, 160, 0.12); } }

@keyframes loginBtnPulseAnim__3baqa {
  0%, 100% {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 0 0 rgba(212, 130, 50, 0.6), inset 0 1px 0 rgba(255, 220, 160, 0.04); }
  50% {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 0 6px rgba(212, 130, 50, 0), 0 0 22px rgba(212, 130, 50, 0.4), inset 0 1px 0 rgba(255, 220, 160, 0.12); } }

.loginBtnPulse__1Nzj2 {
  -webkit-animation: loginBtnPulseAnim__3baqa 600ms ease-out 2;
          animation: loginBtnPulseAnim__3baqa 600ms ease-out 2; }

.loginBtnOpen__24seI {
  background: rgba(212, 130, 50, 0.16);
  border-color: rgba(212, 130, 50, 0.7);
  color: #fff8e8;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.4), 0 0 22px rgba(212, 130, 50, 0.22), inset 0 1px 0 rgba(255, 220, 160, 0.1); }
  .loginBtnOpen__24seI .loginBtnChevron__3k6re {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    color: #ec9a44; }
  .loginBtnOpen__24seI .loginBtnIcon__uOfmI {
    color: #ec9a44; }

.loginDropdown__1FFoA {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 280px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 22, 28, 0.98)), to(rgba(11, 14, 18, 0.98)));
  background: linear-gradient(to bottom, rgba(18, 22, 28, 0.98) 0%, rgba(11, 14, 18, 0.98) 100%);
  border: 1px solid rgba(212, 130, 50, 0.35);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 24px rgba(212, 130, 50, 0.08);
  padding: 18px;
  z-index: 30;
  -webkit-animation: loginDropdownIn__e5ycw 180ms cubic-bezier(0.2, 0.9, 0.3, 1.1);
          animation: loginDropdownIn__e5ycw 180ms cubic-bezier(0.2, 0.9, 0.3, 1.1);
  -webkit-transform-origin: top right;
          transform-origin: top right; }
  .loginDropdown__1FFoA::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 20px;
    right: 20px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(236, 154, 68, 0.7)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(236, 154, 68, 0.7) 50%, transparent 100%); }

@-webkit-keyframes loginDropdownIn__e5ycw {
  from {
    opacity: 0;
    -webkit-transform: translateY(-6px) scale(0.97);
            transform: translateY(-6px) scale(0.97); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@keyframes loginDropdownIn__e5ycw {
  from {
    opacity: 0;
    -webkit-transform: translateY(-6px) scale(0.97);
            transform: translateY(-6px) scale(0.97); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

.dropdownTitle__2GiFE {
  color: #fff8e8;
  font-size: 15px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000, 0 0 12px rgba(212, 130, 50, 0.15);
  letter-spacing: 0.6px;
  text-transform: uppercase; }

.dropdownSubtitle__3FXnb {
  color: #8a7d6a;
  font-size: 11px;
  margin-top: 4px;
  margin-bottom: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

.dropdownForm__2hD59 {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 9px; }

.dropdownInput__1eUC4 {
  width: 100%;
  box-sizing: border-box;
  height: 38px;
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(212, 130, 50, 0.18);
  border-radius: 5px;
  color: #fff8e8;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  letter-spacing: 0.3px;
  outline: none;
  -webkit-transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4); }
  .dropdownInput__1eUC4::-webkit-input-placeholder {
    color: #6a5e4c;
    letter-spacing: 0.5px; }
  .dropdownInput__1eUC4::-moz-placeholder {
    color: #6a5e4c;
    letter-spacing: 0.5px; }
  .dropdownInput__1eUC4:-ms-input-placeholder {
    color: #6a5e4c;
    letter-spacing: 0.5px; }
  .dropdownInput__1eUC4::-ms-input-placeholder {
    color: #6a5e4c;
    letter-spacing: 0.5px; }
  .dropdownInput__1eUC4::placeholder {
    color: #6a5e4c;
    letter-spacing: 0.5px; }
  .dropdownInput__1eUC4:hover {
    border-color: rgba(212, 130, 50, 0.4);
    background: rgba(0, 0, 0, 0.65); }
  .dropdownInput__1eUC4:focus {
    border-color: rgba(212, 130, 50, 0.75);
    background: rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 0 3px rgba(212, 130, 50, 0.14), 0 0 16px rgba(212, 130, 50, 0.12), inset 0 1px 2px rgba(0, 0, 0, 0.45); }

.dropdownError__3XOIF {
  display: block;
  color: #e07070;
  font-size: 11px;
  padding: 4px 2px 0;
  letter-spacing: 0.4px;
  text-transform: uppercase; }

.dropdownSubmit__3TxuZ {
  width: 100%;
  height: 38px;
  margin-top: 6px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(212, 130, 50, 0.5);
  border-radius: 5px;
  color: #fff8e8;
  cursor: pointer;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  -webkit-transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.3), 0 0 14px rgba(212, 130, 50, 0.08), inset 0 1px 0 rgba(255, 220, 160, 0.06);
  box-sizing: border-box; }
  .dropdownSubmit__3TxuZ:hover {
    background: rgba(212, 130, 50, 0.16);
    border-color: rgba(212, 130, 50, 0.75);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.35), 0 0 22px rgba(212, 130, 50, 0.22), inset 0 1px 0 rgba(255, 220, 160, 0.12); }
  .dropdownSubmit__3TxuZ:active {
    background: rgba(212, 130, 50, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 3px rgba(0, 0, 0, 0.3); }

.dropdownDivider__3U8pk {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin: 16px 0 12px;
  color: #6a5e4c;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .dropdownDivider__3U8pk::before, .dropdownDivider__3U8pk::after {
    content: "";
    -webkit-box-flex: 1;
            flex: 1;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(255, 255, 255, 0.1)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%); }
  .dropdownDivider__3U8pk span {
    padding: 0 10px; }

.dropdownRegister__2rt9X {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 8px;
  width: 100%;
  height: 36px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  color: #d8d3c5;
  text-decoration: none;
  font-family: "Doppio One", sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  -webkit-transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
  box-sizing: border-box;
  cursor: pointer; }
  .dropdownRegister__2rt9X:hover {
    background: rgba(212, 130, 50, 0.12);
    border-color: rgba(212, 130, 50, 0.55);
    color: #fff8e8; }
  .dropdownRegister__2rt9X svg {
    font-size: 12px;
    color: #d48232; }

.dropdownRegisterActive__2dk7t {
  background: rgba(212, 130, 50, 0.08);
  border-color: rgba(212, 130, 50, 0.45);
  color: #fff8e8; }
  .dropdownRegisterActive__2dk7t:hover {
    background: rgba(212, 130, 50, 0.16);
    border-color: #d48232; }
  .dropdownRegisterActive__2dk7t svg {
    color: #ec9a44; }

.registerSection__obRI3 {
  margin: 14px -18px -18px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
  -webkit-animation: registerSectionIn__2MKhV 220ms cubic-bezier(0.2, 0.9, 0.3, 1.1);
          animation: registerSectionIn__2MKhV 220ms cubic-bezier(0.2, 0.9, 0.3, 1.1);
  -webkit-transform-origin: top center;
          transform-origin: top center; }

@-webkit-keyframes registerSectionIn__2MKhV {
  from {
    opacity: 0;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    max-height: 0; }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    max-height: 800px; } }

@keyframes registerSectionIn__2MKhV {
  from {
    opacity: 0;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    max-height: 0; }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    max-height: 800px; } }

.modalPlay__Ta1Kz {
  margin-left: -250px;
  margin-top: -250px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 25;
  width: 500px;
  background: rgba(11, 14, 18, 0.97);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.85);
  display: none;
  font-family: "Doppio One", sans-serif; }
  .modalPlay__Ta1Kz .shadow__18WFn {
    padding: 20px; }
    .modalPlay__Ta1Kz .shadow__18WFn .header__3IhT1 {
      position: relative;
      margin-bottom: 18px;
      min-height: 40px; }
      .modalPlay__Ta1Kz .shadow__18WFn .header__3IhT1 .selectTypeGame__2FmgS {
        display: -webkit-inline-box;
        display: inline-flex;
        gap: 6px; }
        .modalPlay__Ta1Kz .shadow__18WFn .header__3IhT1 .selectTypeGame__2FmgS button {
          border: 1px solid rgba(255, 255, 255, 0.1);
          background: rgba(0, 0, 0, 0.4);
          color: #aa967f;
          font-family: "Doppio One", sans-serif;
          font-size: 13px;
          font-weight: bold;
          padding: 6px 18px;
          border-radius: 4px;
          cursor: pointer;
          -webkit-transition: all 120ms ease;
          transition: all 120ms ease;
          outline: none; }
          .modalPlay__Ta1Kz .shadow__18WFn .header__3IhT1 .selectTypeGame__2FmgS button:hover {
            color: #fff8e8;
            border-color: #d48232; }
        .modalPlay__Ta1Kz .shadow__18WFn .header__3IhT1 .selectTypeGame__2FmgS .selected__3MNku {
          border-color: #d48232;
          background: rgba(212, 130, 50, 0.2);
          color: #fff8e8; }
      .modalPlay__Ta1Kz .shadow__18WFn .header__3IhT1 .closeWindow__1bzm5 {
        position: absolute;
        top: 6px;
        right: 0;
        color: #d48232;
        cursor: pointer;
        font-size: 18px; }
        .modalPlay__Ta1Kz .shadow__18WFn .header__3IhT1 .closeWindow__1bzm5:hover {
          color: #ec9a44; }
    .modalPlay__Ta1Kz .shadow__18WFn .contentGral__25ye4 {
      font-size: 13px;
      text-align: center;
      display: inline-block;
      width: 80px;
      margin: 6px 8px; }
      .modalPlay__Ta1Kz .shadow__18WFn .contentGral__25ye4 .name__bZpoO {
        display: block;
        color: #fff8e8;
        margin-bottom: 5px;
        font-size: 12px;
        word-wrap: break-word;
        min-height: 16px; }
      .modalPlay__Ta1Kz .shadow__18WFn .contentGral__25ye4 .contentImgA__FCAEP {
        background: rgba(0, 0, 0, 0.4);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        cursor: pointer;
        -webkit-transition: border-color 120ms ease;
        transition: border-color 120ms ease; }
        .modalPlay__Ta1Kz .shadow__18WFn .contentGral__25ye4 .contentImgA__FCAEP:hover {
          border-color: #d48232; }
    .modalPlay__Ta1Kz .shadow__18WFn .createCharacter__FdmGo {
      display: block;
      text-align: center;
      padding-top: 20px; }
      .modalPlay__Ta1Kz .shadow__18WFn .createCharacter__FdmGo .buttonRegister__3tjqd {
        display: inline-block;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 130, 50, 0.35)), to(rgba(140, 70, 20, 0.35)));
        background: linear-gradient(to bottom, rgba(212, 130, 50, 0.35) 0%, rgba(140, 70, 20, 0.35) 100%);
        border: 1px solid #d48232;
        color: #fff8e8;
        font-family: "Doppio One", sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.5px;
        padding: 8px 24px;
        border-radius: 6px;
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: all 120ms ease;
        transition: all 120ms ease; }
        .modalPlay__Ta1Kz .shadow__18WFn .createCharacter__FdmGo .buttonRegister__3tjqd:hover {
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(220, 140, 60, 0.45)), to(rgba(150, 80, 25, 0.45)));
          background: linear-gradient(to bottom, rgba(220, 140, 60, 0.45) 0%, rgba(150, 80, 25, 0.45) 100%); }

@media only screen and (max-width: 768px) {
  .navbar__3UlyU {
    flex-wrap: wrap;
    height: auto;
    padding: 12px; }
  .navLinks__nS3l8 {
    -webkit-box-ordinal-group: 4;
            order: 3;
    width: 100%;
    margin-top: 10px;
    -webkit-box-pack: center;
            justify-content: center; }
  .accountSection__2efKF {
    margin-left: auto; }
  .serverStatus__3IfLQ span {
    display: none; } }

.card__Z5VVn {
  width: 100%;
  font-family: "Doppio One", sans-serif;
  color: #d8d3c5;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  border-radius: inherit;
  overflow: hidden; }

.cardHeader__jCWh- {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 10px;
  padding: 16px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 130, 50, 0.22)), to(rgba(140, 70, 20, 0.14)));
  background: linear-gradient(to bottom, rgba(212, 130, 50, 0.22) 0%, rgba(140, 70, 20, 0.14) 100%);
  border-bottom: 1px solid rgba(212, 130, 50, 0.3); }
  .cardHeader__jCWh- h2 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff8e8;
    text-shadow: 1px 1px 2px #000; }
  .cardHeader__jCWh- > svg {
    color: #d48232;
    font-size: 18px; }

.backBtn__oB0uw {
  position: absolute;
  top: 50%;
  left: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 26px;
  height: 26px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 0;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  color: #d8d3c5;
  cursor: pointer;
  font-size: 11px;
  -webkit-transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease; }
  .backBtn__oB0uw:hover {
    background: rgba(212, 130, 50, 0.18);
    border-color: #d48232;
    color: #fff8e8; }
  .backBtn__oB0uw svg {
    font-size: 11px;
    color: inherit; }

.cardBody__1dv0z {
  padding: 18px 20px 8px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 14px; }

.cardFooter__2aooH {
  padding: 12px 20px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px; }

.field__1eepr {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 5px; }

.fieldLabel__wIYxS {
  color: #aa967f;
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.inputWrap__1F93A {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  -webkit-transition: border-color 140ms ease, box-shadow 140ms ease;
  transition: border-color 140ms ease, box-shadow 140ms ease; }
  .inputWrap__1F93A:focus-within {
    border-color: #d48232;
    box-shadow: 0 0 0 3px rgba(212, 130, 50, 0.18); }

.inputErr__1Q9W9 {
  border-color: rgba(224, 112, 112, 0.55); }
  .inputErr__1Q9W9:focus-within {
    border-color: rgba(224, 112, 112, 0.85);
    box-shadow: 0 0 0 3px rgba(224, 112, 112, 0.15); }

.inputOk__E8Rfd {
  border-color: rgba(76, 175, 80, 0.5); }
  .inputOk__E8Rfd:focus-within {
    border-color: rgba(76, 175, 80, 0.8);
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.15); }

.fieldIcon__3zlo5 {
  color: #aa967f;
  font-size: 13px;
  padding: 0 11px;
  flex-shrink: 0; }

.input__2esv7 {
  -webkit-box-flex: 1;
          flex: 1;
  height: 36px;
  padding: 0 8px 0 0;
  background: transparent;
  border: none;
  color: #fff8e8;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  outline: none;
  width: 100%;
  min-width: 0; }
  .input__2esv7::-webkit-input-placeholder {
    color: #555; }
  .input__2esv7::-moz-placeholder {
    color: #555; }
  .input__2esv7:-ms-input-placeholder {
    color: #555; }
  .input__2esv7::-ms-input-placeholder {
    color: #555; }
  .input__2esv7::placeholder {
    color: #555; }

.iconBtn__K9ymm {
  width: 36px;
  height: 36px;
  background: transparent;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
  color: #aa967f;
  cursor: pointer;
  -webkit-transition: color 140ms ease;
  transition: color 140ms ease;
  flex-shrink: 0; }
  .iconBtn__K9ymm:hover {
    color: #d48232; }

.okIcon__3VNd4 {
  color: #4caf50;
  font-size: 12px;
  padding: 0 11px;
  flex-shrink: 0; }

.errorMsg__y-fPP {
  color: #e07070;
  font-size: 11px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.helpMsg__3Tbsh {
  color: #6d5e48;
  font-size: 10px;
  font-style: italic;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.serverError__1MwAX {
  background: rgba(224, 112, 112, 0.12);
  border: 1px solid rgba(224, 112, 112, 0.5);
  border-radius: 5px;
  padding: 9px 12px;
  color: #ffaaaa;
  font-size: 12px; }

.submitBtn__XZdz1 {
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 130, 50, 0.4)), to(rgba(140, 70, 20, 0.4)));
  background: linear-gradient(to bottom, rgba(212, 130, 50, 0.4) 0%, rgba(140, 70, 20, 0.4) 100%);
  border: 1px solid #d48232;
  border-radius: 5px;
  color: #fff8e8;
  font-family: "Doppio One", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  cursor: pointer;
  text-shadow: 1px 1px 1px #000;
  box-shadow: 0 0 0 1px rgba(212, 130, 50, 0.3), 0 0 12px rgba(212, 130, 50, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  -webkit-transition: all 140ms ease;
  transition: all 140ms ease; }
  .submitBtn__XZdz1:hover:not(:disabled) {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(220, 140, 60, 0.5)), to(rgba(150, 80, 25, 0.5)));
    background: linear-gradient(to bottom, rgba(220, 140, 60, 0.5) 0%, rgba(150, 80, 25, 0.5) 100%);
    border-color: #ec9a44;
    box-shadow: 0 0 0 1px rgba(212, 130, 50, 0.4), 0 0 16px rgba(212, 130, 50, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15); }
  .submitBtn__XZdz1:active:not(:disabled) {
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }
  .submitBtn__XZdz1:disabled {
    background: rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.1);
    color: #6d5e48;
    cursor: not-allowed;
    box-shadow: none;
    text-shadow: none; }

.switchLogin__wGmJn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 6px;
  background: transparent;
  border: none;
  color: #d48232;
  font-family: "Doppio One", sans-serif;
  font-size: 12px;
  cursor: pointer;
  padding: 4px 6px;
  text-decoration: none;
  -webkit-transition: color 140ms ease;
  transition: color 140ms ease; }
  .switchLogin__wGmJn:hover {
    color: #ec9a44;
    text-decoration: underline; }
  .switchLogin__wGmJn svg {
    font-size: 10px; }

.fineprint__3j8Rd {
  margin: 0;
  color: #6d5e48;
  font-size: 10px;
  text-align: center;
  font-style: italic;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }