svg:not(:root).svg-inline--fa {
  overflow: visible; }

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em; }
  .svg-inline--fa.fa-lg {
    vertical-align: -.225em; }
  .svg-inline--fa.fa-w-1 {
    width: 0.0625em; }
  .svg-inline--fa.fa-w-2 {
    width: 0.125em; }
  .svg-inline--fa.fa-w-3 {
    width: 0.1875em; }
  .svg-inline--fa.fa-w-4 {
    width: 0.25em; }
  .svg-inline--fa.fa-w-5 {
    width: 0.3125em; }
  .svg-inline--fa.fa-w-6 {
    width: 0.375em; }
  .svg-inline--fa.fa-w-7 {
    width: 0.4375em; }
  .svg-inline--fa.fa-w-8 {
    width: 0.5em; }
  .svg-inline--fa.fa-w-9 {
    width: 0.5625em; }
  .svg-inline--fa.fa-w-10 {
    width: 0.625em; }
  .svg-inline--fa.fa-w-11 {
    width: 0.6875em; }
  .svg-inline--fa.fa-w-12 {
    width: 0.75em; }
  .svg-inline--fa.fa-w-13 {
    width: 0.8125em; }
  .svg-inline--fa.fa-w-14 {
    width: 0.875em; }
  .svg-inline--fa.fa-w-15 {
    width: 0.9375em; }
  .svg-inline--fa.fa-w-16 {
    width: 1em; }
  .svg-inline--fa.fa-w-17 {
    width: 1.0625em; }
  .svg-inline--fa.fa-w-18 {
    width: 1.125em; }
  .svg-inline--fa.fa-w-19 {
    width: 1.1875em; }
  .svg-inline--fa.fa-w-20 {
    width: 1.25em; }
  .svg-inline--fa.fa-pull-left {
    margin-right: .3em;
    width: auto; }
  .svg-inline--fa.fa-pull-right {
    margin-left: .3em;
    width: auto; }
  .svg-inline--fa.fa-border {
    height: 1.5em; }
  .svg-inline--fa.fa-li {
    width: 2em; }
  .svg-inline--fa.fa-fw {
    width: 1.25em; }

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -.125em;
  width: 1em; }
  .fa-layers svg.svg-inline--fa {
    -webkit-transform-origin: center center;
            transform-origin: center center; }

.fa-layers-text, .fa-layers-counter {
  display: inline-block;
  position: absolute;
  text-align: center; }

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center; }

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: .25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right; }

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right; }

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left; }

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right; }

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top left;
          transform-origin: top left; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em; }

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em; }

.fa-inverse {
  color: #fff; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black; }

.fad.fa-inverse {
  color: #fff; }

@font-face {
  font-family: "AcciaPiano Thin";
  src: url("/static/fonts/AcciaPiano-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano Thin Italic";
  src: url("/static/fonts/AcciaPiano-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano ExtraLight";
  src: url("/static/fonts/AcciaPiano-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano ExtraLight Italic";
  src: url("/static/fonts/AcciaPiano-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano Light";
  src: url("/static/fonts/AcciaPiano-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano Light Italic";
  src: url("/static/fonts/AcciaPiano-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano Regular";
  src: url("/static/fonts/AcciaPiano-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano Italic";
  src: url("/static/fonts/AcciaPiano-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano Medium";
  src: url("/static/fonts/AcciaPiano-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano Medium Italic";
  src: url("/static/fonts/AcciaPiano-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano SemiBold";
  src: url("/static/fonts/AcciaPiano-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano SemiBold Italic";
  src: url("/static/fonts/AcciaPiano-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano Bold";
  src: url("/static/fonts/AcciaPiano-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano Bold Italic";
  src: url("/static/fonts/AcciaPiano-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano ExtraBold";
  src: url("/static/fonts/AcciaPiano-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "AcciaPiano ExtraBold Italic";
  src: url("/static/fonts/AcciaPiano-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap; }

body,
html {
  margin: 0;
  padding: 0;
  font-family: Arial;
  background-color: #131920;
  background-image: url("/static/imgs/background.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed; }

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.7) 100%);
  pointer-events: none;
  z-index: 0; }

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 130, 50, 0.35) transparent; }

::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

::-webkit-scrollbar-track {
  background: transparent; }

::-webkit-scrollbar-thumb {
  background: rgba(212, 130, 50, 0.3);
  border-radius: 3px;
  -webkit-transition: background 160ms ease;
  transition: background 160ms ease; }

::-webkit-scrollbar-thumb:hover {
  background: rgba(236, 154, 68, 0.65); }

::-webkit-scrollbar-thumb:active {
  background: rgba(236, 154, 68, 0.85); }

::-webkit-scrollbar-corner {
  background: transparent; }

::-webkit-scrollbar-button {
  display: none; }

.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; }

.root__3znQg {
  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;
  gap: 18px; }

.body__D_aLy {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 26px;
  -webkit-box-align: start;
          align-items: start; }

.previewCol__e6zGl {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: 12px;
  flex-shrink: 0; }

.previewFrame__2EQlx {
  position: relative;
  width: 140px;
  padding: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.55)), to(rgba(20, 25, 32, 0.45)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(20, 25, 32, 0.45) 100%);
  border: 1px solid rgba(212, 130, 50, 0.35);
  border-radius: 10px;
  box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.6), 0 4px 14px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.4);
  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; }
  .previewFrame__2EQlx::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 14px;
    right: 14px;
    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%); }

.previewCanvas__1XFCd {
  width: 100px;
  height: 124px;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated; }

.previewMeta__B4Zyi {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: 2px;
  color: #aa967f;
  font-size: 9px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.previewArrows__1r4gi {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 8px;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px; }

.previewArrowsLabel__2owEv {
  color: #aa967f;
  font-size: 10px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.previewArrow__2Ve_b {
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(212, 130, 50, 0.4);
  border-radius: 5px;
  color: #d48232;
  cursor: pointer;
  font-size: 12px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: background 140ms ease, border-color 140ms ease, color 140ms ease, -webkit-transform 80ms ease;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease, -webkit-transform 80ms ease;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease, transform 80ms ease;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease, transform 80ms ease, -webkit-transform 80ms ease;
  padding: 0; }
  .previewArrow__2Ve_b:hover:not(:disabled) {
    background: rgba(212, 130, 50, 0.22);
    border-color: #d48232;
    color: #ec9a44; }
  .previewArrow__2Ve_b:active:not(:disabled) {
    -webkit-transform: scale(0.92);
            transform: scale(0.92); }
  .previewArrow__2Ve_b:disabled {
    color: #44372a;
    border-color: rgba(255, 255, 255, 0.06);
    cursor: not-allowed;
    opacity: 0.4; }

.formCol__2o4PQ {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 14px;
  min-width: 0; }

.fieldsRow__1wf0U {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px; }

.field__3z6ib {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 5px;
  min-width: 0; }

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

.stepper__d_jF7 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 38px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  overflow: hidden;
  -webkit-transition: border-color 140ms ease, box-shadow 140ms ease;
  transition: border-color 140ms ease, box-shadow 140ms ease; }
  .stepper__d_jF7:hover {
    border-color: rgba(212, 130, 50, 0.4); }

.stepperBtn__1yf38 {
  width: 36px;
  height: 100%;
  background: transparent;
  border: none;
  color: #d48232;
  cursor: pointer;
  font-size: 13px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: background 140ms ease, color 140ms ease, -webkit-transform 80ms ease;
  transition: background 140ms ease, color 140ms ease, -webkit-transform 80ms ease;
  transition: background 140ms ease, color 140ms ease, transform 80ms ease;
  transition: background 140ms ease, color 140ms ease, transform 80ms ease, -webkit-transform 80ms ease;
  flex-shrink: 0;
  padding: 0; }
  .stepperBtn__1yf38:hover:not(:disabled) {
    background: rgba(212, 130, 50, 0.18);
    color: #ec9a44; }
  .stepperBtn__1yf38:active:not(:disabled) {
    -webkit-transform: scale(0.92);
            transform: scale(0.92); }
  .stepperBtn__1yf38:disabled {
    color: #44372a;
    cursor: not-allowed;
    opacity: 0.5; }

.stepperValue__28kbv {
  -webkit-box-flex: 1;
          flex: 1;
  text-align: center;
  color: #fff8e8;
  font-size: 13px;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0 6px;
  text-shadow: 1px 1px 1px #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.input__6_xhA {
  width: 100%;
  box-sizing: border-box;
  height: 38px;
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  color: #fff8e8;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  -webkit-transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
  outline: none; }
  .input__6_xhA:hover {
    border-color: rgba(255, 255, 255, 0.15); }
  .input__6_xhA:focus {
    border-color: #d48232;
    background: rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 3px rgba(212, 130, 50, 0.18); }
  .input__6_xhA::-webkit-input-placeholder {
    color: #555; }
  .input__6_xhA::-moz-placeholder {
    color: #555; }
  .input__6_xhA:-ms-input-placeholder {
    color: #555; }
  .input__6_xhA::-ms-input-placeholder {
    color: #555; }
  .input__6_xhA::placeholder {
    color: #555; }

.inputError__3mLw- {
  border-color: rgba(220, 80, 80, 0.6); }
  .inputError__3mLw-:focus {
    border-color: rgba(220, 80, 80, 0.9);
    box-shadow: 0 0 0 3px rgba(220, 80, 80, 0.18); }

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

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

.cityDisplay__3kFy9 {
  height: 38px;
  padding: 0 12px;
  background: rgba(212, 130, 50, 0.06);
  border: 1px dashed rgba(212, 130, 50, 0.3);
  border-radius: 6px;
  color: #ec9a44;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-sizing: border-box; }

.submitBtn__1DrQX {
  width: 100%;
  height: 46px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 130, 50, 0.45)), to(rgba(140, 70, 20, 0.45)));
  background: linear-gradient(to bottom, rgba(212, 130, 50, 0.45) 0%, rgba(140, 70, 20, 0.45) 100%);
  border: 1px solid #d48232;
  border-radius: 8px;
  color: #fff8e8;
  font-family: "Doppio One", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  text-shadow: 1px 1px 1px #000;
  box-shadow: 0 0 0 1px rgba(212, 130, 50, 0.3), 0 4px 14px rgba(212, 130, 50, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  -webkit-transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, -webkit-transform 80ms ease;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, -webkit-transform 80ms ease;
  transition: background 160ms ease, border-color 160ms ease, transform 80ms ease, box-shadow 160ms ease;
  transition: background 160ms ease, border-color 160ms ease, transform 80ms ease, box-shadow 160ms ease, -webkit-transform 80ms ease; }
  .submitBtn__1DrQX:hover:not(:disabled) {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(228, 148, 68, 0.6)), to(rgba(160, 85, 28, 0.6)));
    background: linear-gradient(to bottom, rgba(228, 148, 68, 0.6) 0%, rgba(160, 85, 28, 0.6) 100%);
    border-color: #ec9a44;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
    box-shadow: 0 0 0 1px rgba(236, 154, 68, 0.5), 0 6px 22px rgba(212, 130, 50, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.18); }
  .submitBtn__1DrQX:active:not(:disabled) {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    box-shadow: 0 0 0 1px rgba(212, 130, 50, 0.3), 0 2px 8px rgba(212, 130, 50, 0.3), inset 0 1px 3px rgba(0, 0, 0, 0.25); }
  .submitBtn__1DrQX:disabled {
    background: rgba(0, 0, 0, 0.45);
    border-color: rgba(255, 255, 255, 0.08);
    color: #6d5e48;
    cursor: not-allowed;
    box-shadow: none;
    text-shadow: none; }

@media only screen and (max-width: 640px) {
  .body__D_aLy {
    grid-template-columns: 1fr;
    gap: 18px; }
  .fieldsRow__1wf0U {
    grid-template-columns: 1fr; } }

.reporte__1DC9x {
  height: 150px;
  width: 43px;
  position: fixed;
  top: 30%;
  z-index: 200;
  background-image: url("/static/imgs/feedbackButton.png");
  background-repeat: no-repeat;
  cursor: pointer; }

.modalMapa__11af9 {
  position: absolute;
  z-index: 100;
  width: 510px;
  height: 720px;
  background-image: url("/static/imgs/mapa_background.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: none; }
  .modalMapa__11af9 .close_map__3tY1t {
    position: absolute;
    width: 22px;
    height: 30px;
    right: 0;
    cursor: pointer; }
  .modalMapa__11af9 .content_map__3eEwZ {
    width: 459px;
    height: 644px;
    position: relative;
    top: 30px;
    left: 25.5px;
    font-size: 0; }
    .modalMapa__11af9 .content_map__3eEwZ .img_map__38cIV {
      position: absolute; }
    .modalMapa__11af9 .content_map__3eEwZ .tile_map__3GZvA {
      display: inline-block;
      width: 28.6875px;
      height: 28.6875px; }
    .modalMapa__11af9 .content_map__3eEwZ .mark__3ZVnd {
      width: 8px;
      height: 8px;
      position: absolute;
      background-color: #f00;
      border-radius: 50px; }

.modalInfo__SUu-U {
  position: absolute;
  background-color: #f00;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #11171d;
  border: 1px solid #18222c;
  margin-top: 10px;
  width: 150px;
  padding: 0 10px;
  overflow-y: auto;
  font-family: "Doppio One", sans-serif;
  z-index: 100;
  display: none; }
  .modalInfo__SUu-U li {
    font-size: 11px;
    padding: 5px 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #18222c; }
    .modalInfo__SUu-U li:last-child {
      border-bottom: 0; }
    .modalInfo__SUu-U li .detalle__3U8Vb {
      text-align: right;
      width: 100px;
      color: #830e0e; }
    .modalInfo__SUu-U li span {
      color: #496076; }

.modalControlPanel__2ltOh {
  width: 560px;
  max-width: calc(100vw - 40px);
  z-index: 100;
  position: fixed;
  display: none;
  font-family: "Doppio One", sans-serif;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #14171b;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.8);
  padding: 16px 20px 20px;
  color: #d8d3c5; }
  .modalControlPanel__2ltOh .modalHeader__2xguK {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
  .modalControlPanel__2ltOh .modalTitle__1t-B9 {
    color: #e6e0cd;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 1px #000; }
  .modalControlPanel__2ltOh .closeControlPanel__14JId {
    cursor: pointer;
    color: #aa967f;
    padding: 4px 9px;
    border-radius: 4px;
    font-size: 14px;
    -webkit-transition: background 120ms ease, color 120ms ease;
    transition: background 120ms ease, color 120ms ease; }
    .modalControlPanel__2ltOh .closeControlPanel__14JId:hover {
      background: rgba(255, 255, 255, 0.08);
      color: #fff; }
  .modalControlPanel__2ltOh .sound__1murz {
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    margin-bottom: 4px; }
    .modalControlPanel__2ltOh .sound__1murz .soundRow__1GGdF {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: justify;
              justify-content: space-between;
      gap: 16px;
      min-height: 30px;
      padding: 6px 0; }
      .modalControlPanel__2ltOh .sound__1murz .soundRow__1GGdF + .soundRow__1GGdF {
        margin-top: 0;
        padding-top: 6px;
        border-top: 1px solid rgba(255, 255, 255, 0.04); }
    .modalControlPanel__2ltOh .sound__1murz .soundRowDisabled__V_llP {
      opacity: 0.45;
      pointer-events: none; }
    .modalControlPanel__2ltOh .sound__1murz .soundLabel__1Z0Sr {
      color: #d8d3c5;
      font-size: 13px;
      font-weight: bold;
      letter-spacing: 0.5px;
      text-shadow: 1px 1px 1px #000;
      -webkit-box-flex: 1;
              flex: 1 1 auto;
      min-width: 0; }
    .modalControlPanel__2ltOh .sound__1murz .volumeControl__2lEKr {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      gap: 10px;
      -webkit-box-flex: 0;
              flex: 0 0 auto; }
    .modalControlPanel__2ltOh .sound__1murz .volumeSlider__1Q_2m {
      -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
      width: 160px;
      height: 6px;
      background: -webkit-gradient(linear, left top, right top, from(#d48232), color-stop(#d48232), color-stop(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6)));
      background: linear-gradient(to right, #d48232 0%, #d48232 var(--vol-pct, 50%), rgba(0, 0, 0, 0.6) var(--vol-pct, 50%), rgba(0, 0, 0, 0.6) 100%);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 3px;
      outline: none;
      cursor: pointer; }
      .modalControlPanel__2ltOh .sound__1murz .volumeSlider__1Q_2m::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 14px;
        height: 14px;
        background: #fff8e8;
        border: 2px solid #d48232;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0 0 4px rgba(212, 130, 50, 0.6); }
      .modalControlPanel__2ltOh .sound__1murz .volumeSlider__1Q_2m::-moz-range-thumb {
        width: 14px;
        height: 14px;
        background: #fff8e8;
        border: 2px solid #d48232;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0 0 4px rgba(212, 130, 50, 0.6); }
    .modalControlPanel__2ltOh .sound__1murz .volumeValue__3wikY {
      color: #d8d3c5;
      font-family: "Doppio One", sans-serif;
      font-size: 12px;
      font-weight: bold;
      min-width: 38px;
      text-align: right;
      text-shadow: 1px 1px 1px #000; }
    .modalControlPanel__2ltOh .sound__1murz .soundToggle__1bFOs {
      display: -webkit-inline-box;
      display: inline-flex;
      -webkit-box-align: center;
              align-items: center;
      gap: 8px;
      cursor: pointer;
      padding: 6px 14px;
      background: rgba(0, 0, 0, 0.45);
      border: 1px solid #4a3f33;
      border-radius: 20px;
      color: #9b8e75;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 0.5px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-transition: color 120ms ease,
 border-color 120ms ease,
 background 120ms ease,
 box-shadow 120ms ease;
      transition: color 120ms ease,
 border-color 120ms ease,
 background 120ms ease,
 box-shadow 120ms ease; }
      .modalControlPanel__2ltOh .sound__1murz .soundToggle__1bFOs .soundStatus__lXvFE {
        min-width: 24px;
        text-align: center; }
      .modalControlPanel__2ltOh .sound__1murz .soundToggle__1bFOs:hover {
        color: #d8d3c5;
        border-color: #6d5e48; }
    .modalControlPanel__2ltOh .sound__1murz .soundToggleOn__fFqT5 {
      color: #fff8e8;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(80, 180, 100, 0.35)), to(rgba(40, 110, 55, 0.35)));
      background: linear-gradient(to bottom, rgba(80, 180, 100, 0.35) 0%, rgba(40, 110, 55, 0.35) 100%);
      border-color: #50b464;
      box-shadow: 0 0 0 1px rgba(80, 180, 100, 0.3), 0 0 10px rgba(80, 180, 100, 0.25); }
      .modalControlPanel__2ltOh .sound__1murz .soundToggleOn__fFqT5:hover {
        border-color: #6cd17e; }
  .modalControlPanel__2ltOh .mapToggleSection__3nTDy {
    padding: 6px 0;
    background: none;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 0;
    margin-top: 4px;
    margin-bottom: 0; }
    .modalControlPanel__2ltOh .mapToggleSection__3nTDy .soundRow__1GGdF {
      padding-bottom: 4px; }
  .modalControlPanel__2ltOh .mapToggleHint__m-RVh {
    color: rgba(170, 150, 127, 0.65);
    font-family: "Doppio One", sans-serif;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0.3px;
    margin-top: 4px;
    padding: 0; }
  .modalControlPanel__2ltOh .mapToggleSelect__PgI3j {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    background-color: rgba(18, 22, 28, 0.95);
    color: #fff8e8;
    border: 1px solid rgba(212, 130, 50, 0.35);
    border-radius: 4px;
    font-family: "Doppio One", sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.4px;
    padding: 5px 34px 5px 10px;
    min-width: 130px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%23ec9a44'/></svg>");
    background-repeat: no-repeat;
    background-position: right 8px center;
    -webkit-transition: border-color 120ms ease, box-shadow 120ms ease;
    transition: border-color 120ms ease, box-shadow 120ms ease; }
    .modalControlPanel__2ltOh .mapToggleSelect__PgI3j:hover {
      border-color: rgba(236, 154, 68, 0.6); }
    .modalControlPanel__2ltOh .mapToggleSelect__PgI3j:focus {
      outline: none;
      border-color: rgba(236, 154, 68, 0.85);
      box-shadow: 0 0 0 2px rgba(212, 130, 50, 0.25); }
    .modalControlPanel__2ltOh .mapToggleSelect__PgI3j option {
      background: rgba(18, 22, 28, 0.97);
      color: #fff8e8; }
  .modalControlPanel__2ltOh .fontSection__ThaVE {
    padding: 6px 0;
    background: none;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 0;
    margin-top: 4px;
    margin-bottom: 0; }
  .modalControlPanel__2ltOh .fontRow__2i20I {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    gap: 12px;
    min-height: 32px; }
  .modalControlPanel__2ltOh .fontLabel__Uh2DH {
    color: #d8d3c5;
    font-family: "Doppio One", sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 1px #000;
    flex-shrink: 0; }
  .modalControlPanel__2ltOh .fontControl__3NLhq {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    gap: 8px;
    -webkit-box-flex: 1;
            flex: 1;
    -webkit-box-pack: end;
            justify-content: flex-end; }
  .modalControlPanel__2ltOh .fontCurrent__2jJTY {
    color: #fff8e8;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 4px 10px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(212, 130, 50, 0.35);
    border-radius: 4px;
    min-width: 130px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    line-height: 18px; }
  .modalControlPanel__2ltOh .fontBtn__2eAru {
    cursor: pointer;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    color: #d8d3c5;
    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,
 box-shadow 140ms ease;
    transition: background 140ms ease,
 border-color 140ms ease,
 color 140ms ease,
 box-shadow 140ms ease;
    text-shadow: 1px 1px 1px #000; }
    .modalControlPanel__2ltOh .fontBtn__2eAru:hover {
      background: rgba(212, 130, 50, 0.18);
      border-color: rgba(212, 130, 50, 0.6);
      color: #f0d090;
      box-shadow: 0 0 8px rgba(212, 130, 50, 0.25); }
  .modalControlPanel__2ltOh .fontBtnKeep__rpGzL {
    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-color: rgba(212, 130, 50, 0.65);
    color: #fff8e8; }
    .modalControlPanel__2ltOh .fontBtnKeep__rpGzL:hover {
      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: rgba(236, 154, 68, 0.85);
      color: #fff8e8;
      box-shadow: 0 0 10px rgba(212, 130, 50, 0.4); }
  .modalControlPanel__2ltOh .fontHint__Z8cjA {
    color: #8a7860;
    font-family: "Doppio One", sans-serif;
    font-size: 10px;
    font-style: italic;
    letter-spacing: 0.3px;
    margin-top: 6px;
    text-shadow: 1px 1px 1px #000; }
  .modalControlPanel__2ltOh .teclas__xdQYV {
    width: 100%;
    font-size: 0; }
    .modalControlPanel__2ltOh .teclas__xdQYV .keysGrid__3YzGg {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px 12px;
      margin-top: 4px; }
    .modalControlPanel__2ltOh .teclas__xdQYV .keySlot__3Z6Lw {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-align: stretch;
              align-items: stretch;
      gap: 4px;
      cursor: pointer; }
    .modalControlPanel__2ltOh .teclas__xdQYV .keyLabel__2xwQG {
      color: #aa967f;
      font-family: "Doppio One", sans-serif;
      font-size: 11px;
      letter-spacing: 0.5px;
      text-align: center;
      text-shadow: 1px 1px 1px #000;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    .modalControlPanel__2ltOh .teclas__xdQYV .tecla__1DUL- {
      border: 1px solid rgba(255, 255, 255, 0.08);
      background-color: rgba(0, 0, 0, 0.45);
      color: #fff;
      height: 28px;
      width: 100%;
      text-align: center;
      margin: 0;
      border-radius: 4px;
      display: block;
      box-sizing: border-box;
      font-family: "Doppio One", sans-serif;
      font-size: 13px;
      font-weight: bold;
      outline: none;
      -webkit-transition: border-color 120ms ease,
 background-color 120ms ease;
      transition: border-color 120ms ease,
 background-color 120ms ease;
      cursor: pointer; }
      .modalControlPanel__2ltOh .teclas__xdQYV .tecla__1DUL-:hover {
        border-color: rgba(255, 255, 255, 0.2);
        background-color: rgba(0, 0, 0, 0.6); }
      .modalControlPanel__2ltOh .teclas__xdQYV .tecla__1DUL-:focus {
        border-color: #d48232;
        background-color: rgba(212, 130, 50, 0.12);
        box-shadow: 0 0 0 1px rgba(212, 130, 50, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05); }
    .modalControlPanel__2ltOh .teclas__xdQYV .margin_left_tecla__138Z2 {
      margin-left: 0; }
    .modalControlPanel__2ltOh .teclas__xdQYV .actionRow__1_mtk {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: end;
              justify-content: flex-end;
      gap: 10px;
      margin-top: 22px; }
    .modalControlPanel__2ltOh .teclas__xdQYV .actionBtn__wcoDs {
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      font-family: "Doppio One", sans-serif;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 0.5px;
      padding: 8px 16px;
      border-radius: 4px;
      text-shadow: 1px 1px 1px #000;
      -webkit-transition: color 120ms ease,
 border-color 120ms ease,
 background 120ms ease,
 box-shadow 120ms ease,
 -webkit-transform 80ms ease;
      transition: color 120ms ease,
 border-color 120ms ease,
 background 120ms ease,
 box-shadow 120ms ease,
 -webkit-transform 80ms ease;
      transition: color 120ms ease,
 border-color 120ms ease,
 background 120ms ease,
 box-shadow 120ms ease,
 transform 80ms ease;
      transition: color 120ms ease,
 border-color 120ms ease,
 background 120ms ease,
 box-shadow 120ms ease,
 transform 80ms ease,
 -webkit-transform 80ms ease; }
      .modalControlPanel__2ltOh .teclas__xdQYV .actionBtn__wcoDs:active {
        -webkit-transform: translateY(1px);
                transform: translateY(1px); }
    .modalControlPanel__2ltOh .teclas__xdQYV .actionBtnSecondary__2DLf4 {
      color: #9b8e75;
      background: rgba(0, 0, 0, 0.45);
      border: 1px solid #3a342c; }
      .modalControlPanel__2ltOh .teclas__xdQYV .actionBtnSecondary__2DLf4:hover {
        color: #d8d3c5;
        border-color: #6d5e48;
        background: rgba(0, 0, 0, 0.6); }
    .modalControlPanel__2ltOh .teclas__xdQYV .actionBtnPrimary__dcBgW {
      color: #fff8e8;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 130, 50, 0.5)), to(rgba(140, 70, 20, 0.5)));
      background: linear-gradient(to bottom, rgba(212, 130, 50, 0.5) 0%, rgba(140, 70, 20, 0.5) 100%);
      border: 1px solid #d48232;
      box-shadow: 0 0 0 1px rgba(212, 130, 50, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15); }
      .modalControlPanel__2ltOh .teclas__xdQYV .actionBtnPrimary__dcBgW:hover {
        color: #fff;
        border-color: #ec9a44;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(220, 140, 60, 0.6)), to(rgba(150, 80, 25, 0.6)));
        background: linear-gradient(to bottom, rgba(220, 140, 60, 0.6) 0%, rgba(150, 80, 25, 0.6) 100%); }

.modalReconnect__1hkbg {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.78);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  z-index: 9999;
  -webkit-animation: modalReconnectFadeIn__2lpAJ 200ms ease-out;
          animation: modalReconnectFadeIn__2lpAJ 200ms ease-out; }

.modalReconnectCard__15Et7 {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 22, 28, 0.97)), to(rgba(11, 14, 18, 0.97)));
  background: linear-gradient(to bottom, rgba(18, 22, 28, 0.97) 0%, rgba(11, 14, 18, 0.97) 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 28px rgba(212, 130, 50, 0.12);
  padding: 32px 48px;
  text-align: center;
  min-width: 320px;
  overflow: hidden; }
  .modalReconnectCard__15Et7::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 24px;
    right: 24px;
    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%); }

.modalReconnectSpinner__1u1Im {
  width: 42px;
  height: 42px;
  margin: 0 auto 18px;
  border: 3px solid rgba(212, 130, 50, 0.18);
  border-top-color: #ec9a44;
  border-radius: 50%;
  -webkit-animation: modalReconnectSpin__3D_kj 900ms linear infinite;
          animation: modalReconnectSpin__3D_kj 900ms linear infinite;
  box-shadow: 0 0 18px rgba(212, 130, 50, 0.25); }

.modalReconnectTitle__2H0eB {
  color: #fff8e8;
  font-family: "Doppio One", sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-shadow: 1px 1px 1px #000, 0 0 12px rgba(212, 130, 50, 0.2);
  margin-bottom: 6px; }

.modalReconnectSubtitle__2ihuL {
  color: #aa967f;
  font-family: "Doppio One", sans-serif;
  font-size: 12px;
  letter-spacing: 0.4px; }

@-webkit-keyframes modalReconnectFadeIn__2lpAJ {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes modalReconnectFadeIn__2lpAJ {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes modalReconnectSpin__3D_kj {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes modalReconnectSpin__3D_kj {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.modalSpellKeyCaptureBackdrop__1vHYY {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  z-index: 9999;
  -webkit-animation: modalReconnectFadeIn__2lpAJ 150ms ease-out;
          animation: modalReconnectFadeIn__2lpAJ 150ms ease-out; }

.modalSpellKeyCaptureCard__3I-m8 {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 22, 28, 0.97)), to(rgba(11, 14, 18, 0.97)));
  background: linear-gradient(to bottom, rgba(18, 22, 28, 0.97) 0%, rgba(11, 14, 18, 0.97) 100%);
  border: 1px solid rgba(212, 130, 50, 0.35);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 24px rgba(212, 130, 50, 0.1);
  padding: 24px 32px;
  text-align: center;
  min-width: 340px;
  max-width: 90vw;
  overflow: hidden; }
  .modalSpellKeyCaptureCard__3I-m8::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 24px;
    right: 24px;
    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%); }

.modalSpellKeyCaptureTitle__3AOJh {
  color: #fff8e8;
  font-family: "Doppio One", sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-shadow: 1px 1px 1px #000;
  margin-bottom: 12px; }

.modalSpellKeyCaptureBody__1jGsK {
  color: #d8d3c5;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  margin-bottom: 16px; }
  .modalSpellKeyCaptureBody__1jGsK strong {
    color: #ec9a44; }

.modalSpellKeyCaptureError__2l1Wx {
  color: #ff8080;
  font-family: "Doppio One", sans-serif;
  font-size: 12px;
  background: rgba(120, 30, 30, 0.25);
  border: 1px solid rgba(255, 120, 120, 0.3);
  border-radius: 4px;
  padding: 6px 10px;
  margin-bottom: 14px; }

.modalSpellKeyCaptureFooter__1Lk8b {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center; }

.modalSpellKeyCaptureCancel__2YaPu {
  background: rgba(40, 40, 50, 0.7);
  color: #d8d3c5;
  border: 1px solid rgba(140, 95, 50, 0.4);
  border-radius: 5px;
  padding: 6px 18px;
  font-family: "Doppio One", sans-serif;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: background 120ms ease, border-color 120ms ease;
  transition: background 120ms ease, border-color 120ms ease; }
  .modalSpellKeyCaptureCancel__2YaPu:hover {
    background: rgba(60, 60, 70, 0.85);
    border-color: rgba(212, 130, 50, 0.7); }

.modalExitConfirmBackdrop__2KDdZ {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  z-index: 9999;
  -webkit-animation: modalReconnectFadeIn__2lpAJ 150ms ease-out;
          animation: modalReconnectFadeIn__2lpAJ 150ms ease-out; }

.modalExitConfirmCard__2B-bw {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 22, 28, 0.97)), to(rgba(11, 14, 18, 0.97)));
  background: linear-gradient(to bottom, rgba(18, 22, 28, 0.97) 0%, rgba(11, 14, 18, 0.97) 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.12);
  padding: 26px 36px;
  text-align: center;
  min-width: 360px;
  max-width: 90vw;
  overflow: hidden; }
  .modalExitConfirmCard__2B-bw::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 24px;
    right: 24px;
    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%); }

.modalExitConfirmTitle__11kNb {
  color: #fff8e8;
  font-family: "Doppio One", sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.6px;
  text-shadow: 1px 1px 1px #000;
  margin-bottom: 10px; }

.modalExitConfirmBody__1g-IM {
  color: #c8c3b5;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 22px; }

.modalExitConfirmFooter__2uiaI {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 12px; }

.modalExitConfirmCancel__3WMaD {
  background: rgba(40, 40, 50, 0.7);
  color: #d8d3c5;
  border: 1px solid rgba(140, 95, 50, 0.4);
  border-radius: 5px;
  padding: 8px 22px;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  min-width: 100px;
  -webkit-transition: background 120ms ease, border-color 120ms ease;
  transition: background 120ms ease, border-color 120ms ease; }
  .modalExitConfirmCancel__3WMaD:hover {
    background: rgba(60, 60, 70, 0.9);
    border-color: rgba(212, 130, 50, 0.7);
    color: #fff8e8; }
  .modalExitConfirmCancel__3WMaD:focus {
    outline: none;
    border-color: rgba(212, 130, 50, 0.85);
    box-shadow: 0 0 0 2px rgba(212, 130, 50, 0.3); }

.modalExitConfirmExit__1xJSh {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(160, 50, 50, 0.85)), to(rgba(120, 30, 30, 0.85)));
  background: linear-gradient(to bottom, rgba(160, 50, 50, 0.85) 0%, rgba(120, 30, 30, 0.85) 100%);
  color: #fff0f0;
  border: 1px solid rgba(220, 90, 90, 0.55);
  border-radius: 5px;
  padding: 8px 22px;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  min-width: 100px;
  -webkit-transition: background 120ms ease, border-color 120ms ease;
  transition: background 120ms ease, border-color 120ms ease;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .modalExitConfirmExit__1xJSh:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(190, 70, 70, 0.95)), to(rgba(140, 40, 40, 0.95)));
    background: linear-gradient(to bottom, rgba(190, 70, 70, 0.95) 0%, rgba(140, 40, 40, 0.95) 100%);
    border-color: rgba(255, 120, 120, 0.7); }

.modalCloseForce__3w4JG {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.82);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  z-index: 9999;
  -webkit-animation: modalReconnectFadeIn__2lpAJ 200ms ease-out;
          animation: modalReconnectFadeIn__2lpAJ 200ms ease-out; }

.modalCloseForceCard__1MdeM {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 18, 18, 0.98)), to(rgba(18, 11, 11, 0.98)));
  background: linear-gradient(to bottom, rgba(28, 18, 18, 0.98) 0%, rgba(18, 11, 11, 0.98) 100%);
  border: 1px solid rgba(220, 80, 80, 0.45);
  border-radius: 10px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 32px rgba(220, 80, 80, 0.18);
  padding: 32px 42px;
  text-align: center;
  max-width: 460px;
  min-width: 340px;
  overflow: hidden; }
  .modalCloseForceCard__1MdeM::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 24px;
    right: 24px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(255, 100, 100, 0.7)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(255, 100, 100, 0.7) 50%, transparent 100%); }

.modalCloseForceIcon__35YNx {
  width: 52px;
  height: 52px;
  margin: 0 auto 16px;
  border: 2px solid rgba(220, 80, 80, 0.6);
  border-radius: 50%;
  color: #ff8888;
  font-family: "Doppio One", sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  background: rgba(220, 80, 80, 0.12);
  box-shadow: 0 0 18px rgba(220, 80, 80, 0.25); }

.modalCloseForceTitle__33_nd {
  color: #fff8e8;
  font-family: "Doppio One", sans-serif;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.6px;
  text-shadow: 1px 1px 1px #000, 0 0 14px rgba(220, 80, 80, 0.25);
  margin-bottom: 14px; }

.modalCloseForceSubtitle__cLO6O {
  color: #c2b8a3;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.3px;
  text-align: left;
  margin-bottom: 20px; }

.modalCloseForceList__3wPbV {
  margin: 8px 0 0 0;
  padding-left: 18px; }
  .modalCloseForceList__3wPbV li {
    margin-bottom: 4px;
    color: #aa967f; }

.modalCloseForceBtn__3IKK8 {
  display: inline-block;
  padding: 10px 24px;
  background: rgba(220, 80, 80, 0.18);
  border: 1px solid rgba(220, 80, 80, 0.55);
  border-radius: 6px;
  color: #fff8e8;
  cursor: pointer;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  -webkit-transition: background 160ms ease,
 border-color 160ms ease,
 box-shadow 160ms ease;
  transition: background 160ms ease,
 border-color 160ms ease,
 box-shadow 160ms ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 200, 200, 0.06); }
  .modalCloseForceBtn__3IKK8:hover {
    background: rgba(220, 80, 80, 0.3);
    border-color: rgba(255, 100, 100, 0.75);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5), 0 0 20px rgba(220, 80, 80, 0.3), inset 0 1px 0 rgba(255, 200, 200, 0.12); }

.partyButtonRow__3d8Gr {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 8px 0 4px;
  margin-top: auto; }

.partyButton__2qgus {
  background: rgba(20, 14, 10, 0.85);
  border: 1px solid rgba(140, 95, 50, 0.55);
  color: #e6d4b3;
  font-family: "Doppio One", sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1.5px;
  padding: 6px 24px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 160ms ease;
  transition: all 160ms ease;
  text-shadow: 1px 1px 1px #000; }
  .partyButton__2qgus:hover {
    border-color: rgba(212, 130, 50, 0.85);
    background: rgba(34, 22, 14, 0.95);
    color: #ffe2a6;
    box-shadow: 0 0 12px rgba(212, 130, 50, 0.25); }

.modalPartyInvite__2LGIx {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  z-index: 9998;
  -webkit-animation: modalReconnectFadeIn__2lpAJ 180ms ease-out;
          animation: modalReconnectFadeIn__2lpAJ 180ms ease-out; }

.modalPartyInviteCard__1hTQw {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 22, 28, 0.97)), to(rgba(11, 14, 18, 0.97)));
  background: linear-gradient(to bottom, rgba(18, 22, 28, 0.97) 0%, rgba(11, 14, 18, 0.97) 100%);
  border: 1px solid rgba(212, 130, 50, 0.55);
  border-radius: 10px;
  padding: 22px 28px;
  max-width: 360px;
  text-align: center;
  color: #d8d3c5;
  font-family: "Doppio One", sans-serif;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.75), 0 0 24px rgba(212, 130, 50, 0.15); }

.modalPartyInviteTitle__2HtvL {
  font-size: 16px;
  font-weight: bold;
  color: #ffe2a6;
  margin-bottom: 10px; }

.modalPartyInviteSubtitle__1vlAq {
  font-size: 12px;
  color: #b8b2a3;
  margin-bottom: 18px;
  line-height: 1.45; }

.modalPartyInviteButtons__3HlcU {
  display: -webkit-box;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
          justify-content: center; }

.partyAcceptBtn__3SxC6,
.partyRejectBtn__3_kGT {
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 8px 22px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid;
  -webkit-transition: all 140ms ease;
  transition: all 140ms ease; }

.partyAcceptBtn__3SxC6 {
  background: rgba(40, 90, 40, 0.85);
  color: #d8f0d8;
  border-color: rgba(80, 160, 80, 0.65); }
  .partyAcceptBtn__3SxC6:hover {
    background: rgba(55, 120, 55, 0.95);
    box-shadow: 0 0 10px rgba(80, 200, 80, 0.35); }

.partyRejectBtn__3_kGT {
  background: rgba(90, 30, 30, 0.85);
  color: #f0d8d8;
  border-color: rgba(180, 80, 80, 0.65); }
  .partyRejectBtn__3_kGT:hover {
    background: rgba(120, 40, 40, 0.95);
    box-shadow: 0 0 10px rgba(220, 80, 80, 0.35); }

.modalParty__3V-OE {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  z-index: 9997;
  -webkit-animation: modalReconnectFadeIn__2lpAJ 180ms ease-out;
          animation: modalReconnectFadeIn__2lpAJ 180ms ease-out; }

.modalPartyCard__1LSUX {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 22, 28, 0.97)), to(rgba(11, 14, 18, 0.97)));
  background: linear-gradient(to bottom, rgba(18, 22, 28, 0.97) 0%, rgba(11, 14, 18, 0.97) 100%);
  border: 1px solid rgba(212, 130, 50, 0.5);
  border-radius: 10px;
  padding: 22px 24px;
  width: 380px;
  color: #d8d3c5;
  font-family: "Doppio One", sans-serif;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.75), 0 0 24px rgba(212, 130, 50, 0.12); }

.modalPartyTitle__3l7_H {
  font-size: 18px;
  font-weight: bold;
  color: #ffe2a6;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(212, 130, 50, 0.3);
  padding-bottom: 10px; }

.modalPartyClose__1DsWz {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 22px;
  color: #b8b2a3;
  cursor: pointer;
  line-height: 1; }
  .modalPartyClose__1DsWz:hover {
    color: #ffe2a6; }

.partyEmpty__20BAv {
  color: #b8b2a3;
  font-size: 13px;
  text-align: center;
  padding: 14px 0;
  font-style: italic; }

.partyMembersList__1KVdZ {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 6px;
  margin-bottom: 12px; }

.partyMemberRow__q6UIH {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  font-size: 13px; }

.partyMemberName__1Jsyd {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  color: #e6e0cd;
  font-weight: bold; }

.partyMemberLevel__1WFdD {
  color: #aa967f;
  font-size: 11px; }

.partyKickBtn__19Q59 {
  background: rgba(90, 30, 30, 0.75);
  color: #f0d8d8;
  border: 1px solid rgba(180, 80, 80, 0.55);
  border-radius: 3px;
  font-size: 11px;
  font-family: "Doppio One", sans-serif;
  padding: 3px 10px;
  cursor: pointer; }
  .partyKickBtn__19Q59:hover {
    background: rgba(140, 50, 50, 0.95); }

.partyLeaveBtn__YeO63 {
  width: 100%;
  background: rgba(90, 30, 30, 0.85);
  color: #f0d8d8;
  border: 1px solid rgba(180, 80, 80, 0.6);
  border-radius: 4px;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 0;
  cursor: pointer;
  margin-bottom: 14px;
  -webkit-transition: all 140ms ease;
  transition: all 140ms ease; }
  .partyLeaveBtn__YeO63:hover {
    background: rgba(120, 40, 40, 0.95);
    box-shadow: 0 0 10px rgba(220, 80, 80, 0.3); }

.partyInviteRow__2GAaU {
  display: -webkit-box;
  display: flex;
  gap: 8px;
  margin-top: 10px; }

.partyInviteInput__21jIr {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(140, 95, 50, 0.4);
  border-radius: 4px;
  padding: 6px 10px;
  color: #e6e0cd;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  outline: none; }
  .partyInviteInput__21jIr:focus {
    border-color: rgba(212, 130, 50, 0.85);
    box-shadow: 0 0 8px rgba(212, 130, 50, 0.25); }

.partyInviteBtn__2bSej {
  background: rgba(40, 80, 110, 0.85);
  color: #d8e8f0;
  border: 1px solid rgba(80, 150, 200, 0.6);
  border-radius: 4px;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 6px 16px;
  cursor: pointer;
  -webkit-transition: all 140ms ease;
  transition: all 140ms ease; }
  .partyInviteBtn__2bSej:hover {
    background: rgba(60, 110, 150, 0.95);
    box-shadow: 0 0 10px rgba(80, 150, 200, 0.35); }

.modalDropItem__2Zkk3 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 200;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px); }

.modalDropInner__1ktlw {
  width: 320px;
  max-width: calc(100vw - 32px);
  background: rgba(14, 16, 20, 0.97);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.85);
  font-family: "Doppio One", sans-serif;
  color: #d8d3c5;
  overflow: hidden; }

.modalDropHeader__390Yu {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 130, 50, 0.2)), to(rgba(140, 70, 20, 0.15)));
  background: linear-gradient(to bottom, rgba(212, 130, 50, 0.2) 0%, rgba(140, 70, 20, 0.15) 100%);
  border-bottom: 1px solid rgba(212, 130, 50, 0.3);
  color: #fff8e8;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 1px #000; }

.modalDropClose__1G4Bt {
  color: #d48232;
  cursor: pointer;
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 4px;
  -webkit-transition: all 120ms ease;
  transition: all 120ms ease; }
  .modalDropClose__1G4Bt:hover {
    color: #ec9a44;
    background: rgba(212, 130, 50, 0.15); }

.modalDropBody__bB4-i {
  padding: 16px 16px 12px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 8px; }

.modalDropLabel__28f54 {
  color: #aa967f;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

.modalDropRow__1S-AA {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch;
  gap: 6px; }

.modalDropStep__ovjSO {
  width: 38px;
  height: 38px;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #d48232;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  font-family: "Doppio One", sans-serif;
  -webkit-transition: all 120ms ease;
  transition: all 120ms ease; }
  .modalDropStep__ovjSO:hover {
    background: rgba(212, 130, 50, 0.15);
    border-color: #d48232;
    color: #ec9a44; }
  .modalDropStep__ovjSO:active {
    -webkit-transform: scale(0.94);
            transform: scale(0.94); }

.modalDropInput__XMtq6 {
  -webkit-box-flex: 1;
          flex: 1;
  height: 38px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #fff8e8;
  font-family: "Doppio One", sans-serif;
  font-size: 16px;
  font-weight: bold;
  outline: none;
  -webkit-transition: border-color 120ms ease,
 box-shadow 120ms ease;
  transition: border-color 120ms ease,
 box-shadow 120ms ease; }
  .modalDropInput__XMtq6:focus {
    border-color: #d48232;
    box-shadow: 0 0 0 3px rgba(212, 130, 50, 0.15); }

.modalDropHint__3kky0 {
  color: #6d5e48;
  font-size: 11px;
  font-style: italic;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 6px;
  flex-wrap: wrap; }

.modalDropAllBtn__3vHKK {
  background: none;
  border: none;
  color: #d48232;
  font-family: "Doppio One", sans-serif;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
  padding: 0; }
  .modalDropAllBtn__3vHKK:hover {
    color: #ec9a44; }

.modalDropFooter__1mNos {
  padding: 10px 16px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  display: -webkit-box;
  display: flex;
  gap: 8px; }

.modalDropCancel__2eGDo {
  -webkit-box-flex: 1;
          flex: 1;
  height: 38px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #aa967f;
  cursor: pointer;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  -webkit-transition: all 120ms ease;
  transition: all 120ms ease; }
  .modalDropCancel__2eGDo:hover {
    background: rgba(0, 0, 0, 0.6);
    color: #d8d3c5; }

.modalDropConfirm__1vVXn {
  -webkit-box-flex: 1;
          flex: 1;
  height: 38px;
  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: 6px;
  color: #fff8e8;
  cursor: pointer;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #000;
  box-shadow: 0 0 0 1px rgba(212, 130, 50, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  -webkit-transition: all 120ms ease;
  transition: all 120ms ease; }
  .modalDropConfirm__1vVXn:hover {
    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; }
  .modalDropConfirm__1vVXn:active {
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }

.modalFullMap__N8R_G {
  position: absolute;
  inset: 32px;
  z-index: 8;
  background: repeating-linear-gradient(180deg, transparent 0, transparent 3px, rgba(220, 175, 110, 0.014) 3px, rgba(220, 175, 110, 0.014) 4px), radial-gradient(ellipse at top left, rgba(78, 42, 12, 0.55) 0%, transparent 32%), radial-gradient(ellipse at top right, rgba(78, 42, 12, 0.55) 0%, transparent 32%), radial-gradient(ellipse at bottom left, rgba(78, 42, 12, 0.55) 0%, transparent 32%), radial-gradient(ellipse at bottom right, rgba(78, 42, 12, 0.55) 0%, transparent 32%), -webkit-gradient(linear, left top, left bottom, from(rgba(22, 18, 12, 0.82)), to(rgba(14, 10, 6, 0.86)));
  background: repeating-linear-gradient(180deg, transparent 0, transparent 3px, rgba(220, 175, 110, 0.014) 3px, rgba(220, 175, 110, 0.014) 4px), radial-gradient(ellipse at top left, rgba(78, 42, 12, 0.55) 0%, transparent 32%), radial-gradient(ellipse at top right, rgba(78, 42, 12, 0.55) 0%, transparent 32%), radial-gradient(ellipse at bottom left, rgba(78, 42, 12, 0.55) 0%, transparent 32%), radial-gradient(ellipse at bottom right, rgba(78, 42, 12, 0.55) 0%, transparent 32%), linear-gradient(to bottom, rgba(22, 18, 12, 0.82) 0%, rgba(14, 10, 6, 0.86) 100%);
  border: 2px solid rgba(160, 115, 55, 0.78);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(50, 28, 10, 0.65), inset 0 0 0 3px rgba(220, 175, 110, 0.18), inset 0 0 0 4px rgba(50, 28, 10, 0.45), inset 0 0 48px rgba(35, 20, 5, 0.75), 0 14px 36px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 26px rgba(212, 130, 50, 0.22);
  overflow: hidden;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-animation: mapOverlayIn__1oInz 220ms cubic-bezier(0.2, 0.9, 0.3, 1.1);
          animation: mapOverlayIn__1oInz 220ms cubic-bezier(0.2, 0.9, 0.3, 1.1);
  -webkit-transform-origin: center;
          transform-origin: center; }
  .modalFullMap__N8R_G::before, .modalFullMap__N8R_G::after {
    content: "";
    position: absolute;
    left: 28px;
    right: 28px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(236, 170, 88, 0.85)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(236, 170, 88, 0.85) 50%, transparent 100%);
    z-index: 2;
    pointer-events: none; }
  .modalFullMap__N8R_G::before {
    top: 2px; }
  .modalFullMap__N8R_G::after {
    bottom: 2px; }

.modalFullMapImg__wWKDu {
  position: absolute;
  inset: 10px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  border-radius: 2px;
  box-shadow: inset 0 0 22px rgba(40, 22, 8, 0.4), inset 0 0 0 1px rgba(160, 115, 55, 0.5), inset 0 0 0 2px rgba(20, 12, 5, 0.5); }

.modalFullMapName__38JSQ {
  position: absolute;
  top: 28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 5px 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(38, 24, 10, 0.85)), to(rgba(20, 12, 5, 0.88)));
  background: linear-gradient(to bottom, rgba(38, 24, 10, 0.85) 0%, rgba(20, 12, 5, 0.88) 100%);
  border: 1px solid rgba(180, 130, 70, 0.6);
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(0, 0, 0, 0.45), 0 0 14px rgba(212, 130, 50, 0.18), inset 0 1px 0 rgba(255, 220, 160, 0.12);
  font-family: "Doppio One", sans-serif;
  z-index: 3;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: baseline;
          align-items: baseline;
  gap: 8px; }

.modalFullMapNameTitle__3EOPi {
  color: #f0d090;
  font-size: 13px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #000, 0 0 6px rgba(212, 130, 50, 0.4); }

.modalFullMapNameMeta__1WSv7 {
  color: rgba(170, 150, 127, 0.85);
  font-size: 10px;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #000; }

.modalFullMapPoint__1cju9 {
  width: 10px;
  height: 10px;
  background: #f00;
  border-radius: 50%;
  position: absolute;
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.95), 0 0 16px rgba(255, 0, 0, 0.55);
  -webkit-transform: translate(-5px, -5px);
          transform: translate(-5px, -5px);
  z-index: 2; }

.modalFullMapPointCitizen__2qson {
  background: #2e7adf !important;
  box-shadow: 0 0 8px rgba(46, 122, 223, 0.95), 0 0 16px rgba(46, 122, 223, 0.55) !important; }

.modalFullMapPointCriminal__1gk6m {
  background: #ff3838 !important;
  box-shadow: 0 0 8px rgba(255, 56, 56, 0.95), 0 0 16px rgba(255, 56, 56, 0.55) !important; }

.modalFullMapPointGm__2V-pA {
  background: #5dd56d !important;
  box-shadow: 0 0 8px rgba(93, 213, 109, 0.95), 0 0 16px rgba(93, 213, 109, 0.55) !important; }

.modalFullMapPartyDot__2uQez {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  -webkit-transform: translate(-4px, -4px);
          transform: translate(-4px, -4px);
  z-index: 1;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.5); }

.modalFullMapPartyDotCitizen__2vdyv {
  background: #2e7adf;
  box-shadow: 0 0 4px rgba(46, 122, 223, 0.85), 0 0 8px rgba(46, 122, 223, 0.4); }

.modalFullMapPartyDotCriminal__1gFmA {
  background: #ff3838;
  box-shadow: 0 0 4px rgba(255, 56, 56, 0.85), 0 0 8px rgba(255, 56, 56, 0.4); }

.modalFullMapPartyDotGm__3ITux {
  background: #5dd56d;
  box-shadow: 0 0 4px rgba(93, 213, 109, 0.85), 0 0 8px rgba(93, 213, 109, 0.4); }

.modalFullMapPartyPanel__2duTT {
  position: absolute;
  bottom: 16px;
  left: 16px;
  min-width: 180px;
  max-width: 240px;
  max-height: 300px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 22, 28, 0.92)), to(rgba(11, 14, 18, 0.92)));
  background: linear-gradient(to bottom, rgba(18, 22, 28, 0.92) 0%, rgba(11, 14, 18, 0.92) 100%);
  border: 1px solid rgba(46, 122, 223, 0.3);
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  z-index: 3;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

.modalFullMapPartyPanelHeader__3tLY8 {
  color: #8ab9ff;
  font-family: "Doppio One", sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 6px 10px;
  border-bottom: 1px solid rgba(46, 122, 223, 0.25);
  background: rgba(0, 0, 0, 0.25);
  text-shadow: 1px 1px 1px #000;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 120ms ease, color 120ms ease;
  transition: background 120ms ease, color 120ms ease; }
  .modalFullMapPartyPanelHeader__3tLY8:hover {
    background: rgba(46, 122, 223, 0.18);
    color: #b5d3ff; }

.modalFullMapPartyPanelHeaderCollapsed__3tQaM {
  border-bottom: none; }

.modalFullMapPartyPanelChevron__387Xa {
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  color: rgba(138, 185, 255, 0.7);
  font-size: 10px;
  line-height: 1; }

.modalFullMapPartyPanelList__DOfWA {
  list-style: none;
  margin: 0;
  padding: 4px 0;
  overflow-y: auto;
  -webkit-box-flex: 1;
          flex: 1 1 auto; }

.modalFullMapPartyPanelItem__1sEeY {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 6px;
  padding: 3px 10px;
  color: #d8d3c5;
  font-family: "Doppio One", sans-serif;
  font-size: 11px;
  line-height: 14px; }

.modalFullMapPartyPanelDot__3zGjS {
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: 6px;
  height: 6px;
  border-radius: 50%; }

.modalFullMapPartyPanelDotCitizen__20RqR {
  background: #2e7adf;
  box-shadow: 0 0 4px rgba(46, 122, 223, 0.6); }

.modalFullMapPartyPanelDotCriminal__1auRu {
  background: #ff3838;
  box-shadow: 0 0 4px rgba(255, 56, 56, 0.6); }

.modalFullMapPartyPanelDotGm__vYo3G {
  background: #5dd56d;
  box-shadow: 0 0 4px rgba(93, 213, 109, 0.6); }

.modalFullMapPartyPanelName__3Y_AR {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.modalFullMapPartyPanelPos__16E5a {
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  color: rgba(170, 150, 127, 0.7);
  font-size: 10px;
  letter-spacing: 0.4px;
  text-shadow: 1px 1px 1px #000; }

.mapOverlayDimmed__2CHtP {
  opacity: 0.32 !important;
  -webkit-animation: none !important;
          animation: none !important; }

.macroConfigBackdrop__1Ro75 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 200;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-family: "Doppio One", sans-serif;
  -webkit-animation: macroBackdropIn__3EbWT 160ms ease-out;
          animation: macroBackdropIn__3EbWT 160ms ease-out; }

@-webkit-keyframes macroBackdropIn__3EbWT {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes macroBackdropIn__3EbWT {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.macroConfigCard__39DRe {
  position: relative;
  width: 460px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 64px);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 11, 14, 0.95)), to(rgba(4, 5, 7, 0.97)));
  background: linear-gradient(to bottom, rgba(10, 11, 14, 0.95) 0%, rgba(4, 5, 7, 0.97) 100%);
  border: 1px solid rgba(140, 95, 50, 0.45);
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 28px rgba(140, 95, 50, 0.12), inset 0 1px 0 rgba(255, 220, 160, 0.06);
  overflow: hidden;
  color: #d8d3c5;
  -webkit-animation: macroCardIn__e4nHo 220ms cubic-bezier(0.2, 0.9, 0.3, 1.1);
          animation: macroCardIn__e4nHo 220ms cubic-bezier(0.2, 0.9, 0.3, 1.1);
  -webkit-transform-origin: center;
          transform-origin: center; }
  .macroConfigCard__39DRe::before {
    content: "";
    position: absolute;
    top: 0;
    left: 30%;
    right: 30%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(212, 130, 50, 0.7)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(212, 130, 50, 0.7) 50%, transparent 100%);
    z-index: 2;
    pointer-events: none; }

@-webkit-keyframes macroCardIn__e4nHo {
  from {
    opacity: 0;
    -webkit-transform: translateY(-8px) scale(0.96);
            transform: translateY(-8px) scale(0.96); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@keyframes macroCardIn__e4nHo {
  from {
    opacity: 0;
    -webkit-transform: translateY(-8px) scale(0.96);
            transform: translateY(-8px) scale(0.96); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

.macroConfigHeader__3TQqy {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 14px 18px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 130, 50, 0.14)), to(rgba(140, 70, 20, 0.06)));
  background: linear-gradient(to bottom, rgba(212, 130, 50, 0.14) 0%, rgba(140, 70, 20, 0.06) 100%);
  border-bottom: 1px solid rgba(212, 130, 50, 0.25); }

.macroConfigTitle__34Cpl {
  font-family: "Doppio One", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #fff8e8;
  text-shadow: 1px 1px 1px #000, 0 0 12px rgba(212, 130, 50, 0.2); }
  .macroConfigTitle__34Cpl span {
    color: #f0d090;
    margin-left: 4px; }

.macroConfigClose__1U6wK {
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  color: #aa967f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background 140ms ease,
 border-color 140ms ease,
 color 140ms ease;
  transition: background 140ms ease,
 border-color 140ms ease,
 color 140ms ease; }
  .macroConfigClose__1U6wK:hover {
    background: rgba(220, 80, 80, 0.18);
    border-color: rgba(220, 80, 80, 0.6);
    color: #ff8888; }

.macroConfigBody__22JI- {
  padding: 16px 18px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 14px;
  overflow-y: auto; }

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

.macroConfigLabel__3NKm0 {
  color: #aa967f;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.macroConfigKey__3btBV {
  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.2);
  border-radius: 5px;
  color: #f0d090;
  font-family: "Doppio One", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  outline: none;
  cursor: text;
  -webkit-transition: border-color 160ms ease,
 background 160ms ease,
 box-shadow 160ms ease;
  transition: border-color 160ms ease,
 background 160ms ease,
 box-shadow 160ms ease;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4); }
  .macroConfigKey__3btBV::-webkit-input-placeholder {
    color: #555;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: none; }
  .macroConfigKey__3btBV::-moz-placeholder {
    color: #555;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: none; }
  .macroConfigKey__3btBV:-ms-input-placeholder {
    color: #555;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: none; }
  .macroConfigKey__3btBV::-ms-input-placeholder {
    color: #555;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: none; }
  .macroConfigKey__3btBV::placeholder {
    color: #555;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: none; }
  .macroConfigKey__3btBV:hover {
    border-color: rgba(212, 130, 50, 0.4);
    background: rgba(0, 0, 0, 0.65); }
  .macroConfigKey__3btBV: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); }

.macroConfigTabs__19ByU {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px; }

.macroConfigTab__1BBtC {
  height: 36px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  color: #aa967f;
  font-family: "Doppio One", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: background 140ms ease,
 border-color 140ms ease,
 color 140ms ease;
  transition: background 140ms ease,
 border-color 140ms ease,
 color 140ms ease; }
  .macroConfigTab__1BBtC:hover {
    background: rgba(212, 130, 50, 0.08);
    color: #fff8e8; }

.macroConfigTabActive__2FZCk {
  background: rgba(212, 130, 50, 0.16);
  border-color: rgba(212, 130, 50, 0.55);
  color: #fff8e8;
  box-shadow: inset 0 1px 0 rgba(255, 220, 160, 0.08); }
  .macroConfigTabActive__2FZCk:hover {
    background: rgba(212, 130, 50, 0.22); }

.macroConfigPicker__dBlIp {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  min-height: 100px;
  max-height: 220px;
  overflow-y: auto; }
  @media (max-width: 480px) {
    .macroConfigPicker__dBlIp {
      grid-template-columns: repeat(5, 1fr); } }

.macroConfigTile__3qbqy {
  position: relative;
  aspect-ratio: 1 / 1;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 120ms ease,
 border-color 120ms ease,
 -webkit-transform 120ms ease;
  transition: background 120ms ease,
 border-color 120ms ease,
 -webkit-transform 120ms ease;
  transition: background 120ms ease,
 border-color 120ms ease,
 transform 120ms ease;
  transition: background 120ms ease,
 border-color 120ms ease,
 transform 120ms ease,
 -webkit-transform 120ms ease;
  overflow: hidden; }
  .macroConfigTile__3qbqy:hover {
    background: rgba(212, 130, 50, 0.12);
    border-color: rgba(212, 130, 50, 0.5);
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }

.macroConfigTileSelected__2Oudx {
  background: rgba(212, 130, 50, 0.22);
  border-color: rgba(212, 130, 50, 0.85);
  box-shadow: inset 0 0 8px rgba(212, 130, 50, 0.25), 0 0 10px rgba(212, 130, 50, 0.35); }
  .macroConfigTileSelected__2Oudx:hover {
    background: rgba(212, 130, 50, 0.28);
    border-color: #ec9a44; }

.macroConfigTileEmpty__3ozXE {
  aspect-ratio: 1 / 1;
  background: rgba(0, 0, 0, 0.25);
  border: 1px dashed rgba(255, 255, 255, 0.04);
  border-radius: 4px; }

.macroConfigTileImg__vc8M9 {
  position: absolute;
  inset: 4px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated; }

.macroConfigTileCant__1eF8H {
  position: absolute;
  bottom: 1px;
  right: 3px;
  color: #fff8e8;
  font-size: 10px;
  font-weight: 700;
  text-shadow: 1px 1px 1px #000,
 -1px -1px 1px #000,
 1px -1px 1px #000,
 -1px 1px 1px #000;
  pointer-events: none; }

.macroConfigEmpty__z8G0T {
  grid-column: 1 / -1;
  padding: 20px;
  text-align: center;
  color: #6a5e4c;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0.4px; }

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

.macroConfigPreviewLabel__3jlWh {
  -webkit-box-flex: 1;
          flex: 1;
  color: #aa967f;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase; }

.macroConfigPreviewBox__xL1bD {
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(212, 130, 50, 0.35);
  border-radius: 4px;
  flex-shrink: 0;
  overflow: hidden; }

.macroConfigPreviewImg__1Brk2 {
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated; }

.macroConfigPreviewEmpty__LyReL {
  color: #555;
  font-size: 9px;
  text-align: center;
  font-style: italic;
  letter-spacing: 0.4px;
  padding: 0 4px; }

.macroConfigFooter__DpfTR {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  gap: 10px;
  padding: 14px 18px;
  background: rgba(0, 0, 0, 0.4);
  border-top: 1px solid rgba(255, 255, 255, 0.05); }

.macroConfigBtnSecondary__1ku7u,
.macroConfigBtnPrimary__ILEU5 {
  height: 36px;
  padding: 0 18px;
  border-radius: 5px;
  cursor: pointer;
  font-family: "Doppio One", sans-serif;
  font-size: 12px;
  font-weight: 700;
  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-sizing: border-box; }

.macroConfigBtnSecondary__1ku7u {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #aa967f; }
  .macroConfigBtnSecondary__1ku7u:hover {
    background: rgba(220, 80, 80, 0.1);
    border-color: rgba(220, 80, 80, 0.4);
    color: #e07070; }

.macroConfigBtnPrimary__ILEU5 {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(212, 130, 50, 0.5);
  color: #fff8e8;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 14px rgba(212, 130, 50, 0.08), inset 0 1px 0 rgba(255, 220, 160, 0.06); }
  .macroConfigBtnPrimary__ILEU5:hover {
    background: rgba(212, 130, 50, 0.18);
    border-color: rgba(212, 130, 50, 0.75);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5), 0 0 22px rgba(212, 130, 50, 0.22), inset 0 1px 0 rgba(255, 220, 160, 0.12); }
  .macroConfigBtnPrimary__ILEU5: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); }

.modalTradeOverlay__3nxJP {
  position: absolute;
  top: 24px;
  left: 16px;
  width: 672px;
  height: 672px;
  z-index: 200;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 8px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible; }

.modalTrade__3G7gH {
  position: relative;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(38, 28, 18, 0.97)), to(rgba(22, 16, 10, 0.97)));
  background: linear-gradient(to bottom, rgba(38, 28, 18, 0.97) 0%, rgba(22, 16, 10, 0.97) 100%);
  border: 1px solid rgba(180, 130, 60, 0.5);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 28px rgba(180, 130, 60, 0.12);
  width: 580px;
  color: #f0e3c8;
  font-family: "Doppio One", sans-serif; }
  .modalTrade__3G7gH::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 24px;
    right: 24px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(245, 175, 80, 0.9)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(245, 175, 80, 0.9) 50%, transparent 100%);
    z-index: 1; }
  .modalTrade__3G7gH .tradeHeader__3xN4y {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 16px 20px 12px;
    border-bottom: 1px solid rgba(180, 130, 60, 0.25); }
  .modalTrade__3G7gH .tradeTitle__30JUP {
    font-size: 18px;
    color: rgba(245, 175, 80, 0.95);
    letter-spacing: 0.5px; }
  .modalTrade__3G7gH .tradeClose__1NbQp {
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: rgba(240, 227, 200, 0.7);
    padding: 2px 8px;
    border-radius: 4px;
    -webkit-transition: background 120ms ease, color 120ms ease;
    transition: background 120ms ease, color 120ms ease; }
    .modalTrade__3G7gH .tradeClose__1NbQp:hover {
      background: rgba(180, 130, 60, 0.2);
      color: rgba(245, 175, 80, 0.95); }
  .modalTrade__3G7gH .tradeBody__3C8mA {
    padding: 14px 20px 16px; }
  .modalTrade__3G7gH .tradePreview__3P17s {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: rgba(28, 20, 14, 0.85);
    border: 1px solid rgba(180, 130, 60, 0.22);
    border-radius: 6px;
    min-height: 56px;
    margin-bottom: 14px; }
  .modalTrade__3G7gH .tradePreviewImg__1bN1f {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0; }
  .modalTrade__3G7gH .tradePreviewInfo__3zInF {
    -webkit-box-flex: 1;
            flex: 1 1 0;
    min-width: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    gap: 2px; }
  .modalTrade__3G7gH .tradePreviewName__3331j {
    font-size: 13px;
    color: rgba(245, 175, 80, 0.95);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .modalTrade__3G7gH .tradePreviewMeta__9Gu16 {
    font-size: 11px;
    color: rgba(240, 227, 200, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .modalTrade__3G7gH .tradePreviewPrice__SDlEW {
    font-size: 11px;
    color: rgba(240, 227, 200, 0.85);
    font-style: italic; }
  .modalTrade__3G7gH .tradeGrids__b1Amm {
    display: -webkit-box;
    display: flex;
    gap: 14px; }
  .modalTrade__3G7gH .tradeColumn__BvDSC {
    -webkit-box-flex: 1;
            flex: 1 1 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }
  .modalTrade__3G7gH .tradeColumnTitle__3GlFh {
    font-size: 12px;
    color: rgba(240, 227, 200, 0.7);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
    text-align: center; }
  .modalTrade__3G7gH .tradeGrid__25C2E {
    background: rgba(28, 20, 14, 0.85);
    border: 1px solid rgba(180, 130, 60, 0.22);
    border-radius: 6px;
    padding: 6px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px; }
  .modalTrade__3G7gH .tradeSlot__3YsFO {
    position: relative;
    aspect-ratio: 1 / 1;
    background: rgba(15, 11, 8, 0.5);
    border: 1px solid rgba(180, 130, 60, 0.15);
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: border-color 120ms ease, background 120ms ease;
    transition: border-color 120ms ease, background 120ms ease; }
    .modalTrade__3G7gH .tradeSlot__3YsFO:hover {
      border-color: rgba(180, 130, 60, 0.55);
      background: rgba(180, 130, 60, 0.08); }
  .modalTrade__3G7gH .tradeSlotSelected__zlDfB {
    border-color: rgba(245, 175, 80, 0.9);
    background: rgba(245, 175, 80, 0.1);
    box-shadow: inset 0 0 0 1px rgba(245, 175, 80, 0.5), 0 0 8px rgba(245, 175, 80, 0.3); }
    .modalTrade__3G7gH .tradeSlotSelected__zlDfB:hover {
      border-color: rgba(245, 175, 80, 0.9);
      background: rgba(245, 175, 80, 0.14); }
  .modalTrade__3G7gH .tradeSlotDisabled__32_LP {
    cursor: not-allowed;
    opacity: 0.55; }
    .modalTrade__3G7gH .tradeSlotDisabled__32_LP:hover {
      border-color: rgba(180, 130, 60, 0.15);
      background: rgba(15, 11, 8, 0.5); }
  .modalTrade__3G7gH .tradeSlotInvalid__2-Uzn {
    background: rgba(180, 50, 50, 0.18); }
    .modalTrade__3G7gH .tradeSlotInvalid__2-Uzn:hover {
      background: rgba(180, 50, 50, 0.25); }
  .modalTrade__3G7gH .tradeSlotImg__2PpaQ {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none; }
  .modalTrade__3G7gH .tradeSlotCant__3UEJ1 {
    position: absolute;
    bottom: 1px;
    right: 3px;
    font-size: 10px;
    color: #fff;
    text-shadow: -1px -1px 0 #000,
 1px -1px 0 #000,
 -1px 1px 0 #000,
 1px 1px 0 #000;
    pointer-events: none; }
  .modalTrade__3G7gH .tradeSlotEquipped__kaH2- {
    position: absolute;
    top: 1px;
    left: 3px;
    font-size: 10px;
    font-weight: bold;
    color: rgba(245, 175, 80, 0.95);
    text-shadow: -1px -1px 0 #000,
 1px -1px 0 #000,
 -1px 1px 0 #000,
 1px 1px 0 #000;
    pointer-events: none; }
  .modalTrade__3G7gH .tradeActions__1FitG {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    gap: 10px;
    padding: 0 20px 18px; }
  .modalTrade__3G7gH .tradeBtn__1Ot7m {
    -webkit-box-flex: 1;
            flex: 1 1 0;
    padding: 8px 14px;
    background: rgba(28, 20, 14, 0.85);
    border: 1px solid rgba(180, 130, 60, 0.4);
    border-radius: 4px;
    color: #f0e3c8;
    font-family: "Doppio One", sans-serif;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: background 120ms ease, border-color 120ms ease,
 color 120ms ease;
    transition: background 120ms ease, border-color 120ms ease,
 color 120ms ease; }
    .modalTrade__3G7gH .tradeBtn__1Ot7m:hover:not(:disabled) {
      background: rgba(180, 130, 60, 0.18);
      border-color: rgba(245, 175, 80, 0.7);
      color: rgba(245, 175, 80, 0.95); }
    .modalTrade__3G7gH .tradeBtn__1Ot7m:active:not(:disabled) {
      background: rgba(180, 130, 60, 0.3); }
    .modalTrade__3G7gH .tradeBtn__1Ot7m:disabled {
      opacity: 0.35;
      cursor: not-allowed; }
  .modalTrade__3G7gH .tradeBtnPrimary__2zaJB {
    background: rgba(180, 130, 60, 0.22);
    border-color: rgba(180, 130, 60, 0.6);
    color: rgba(245, 175, 80, 0.95); }
    .modalTrade__3G7gH .tradeBtnPrimary__2zaJB:hover:not(:disabled) {
      background: rgba(180, 130, 60, 0.34);
      border-color: rgba(245, 175, 80, 0.85); }
  .modalTrade__3G7gH .tradeQtyWrap__ysDBQ {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    gap: 4px; }
  .modalTrade__3G7gH .tradeQtyBtn__3iaKO {
    width: 28px;
    height: 32px;
    background: rgba(28, 20, 14, 0.85);
    border: 1px solid rgba(180, 130, 60, 0.22);
    border-radius: 4px;
    color: #f0e3c8;
    font-family: "Doppio One", sans-serif;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: background 120ms ease, border-color 120ms ease,
 color 120ms ease;
    transition: background 120ms ease, border-color 120ms ease,
 color 120ms ease; }
    .modalTrade__3G7gH .tradeQtyBtn__3iaKO:hover:not(:disabled) {
      background: rgba(180, 130, 60, 0.18);
      border-color: rgba(180, 130, 60, 0.55);
      color: rgba(245, 175, 80, 0.95); }
    .modalTrade__3G7gH .tradeQtyBtn__3iaKO:disabled {
      opacity: 0.35;
      cursor: not-allowed; }
  .modalTrade__3G7gH .tradeQtyInput__jEdDR {
    width: 56px;
    padding: 7px 8px;
    background: rgba(28, 20, 14, 0.85);
    border: 1px solid rgba(180, 130, 60, 0.22);
    border-radius: 4px;
    color: #f0e3c8;
    font-family: "Doppio One", sans-serif;
    font-size: 13px;
    text-align: center;
    outline: none;
    -webkit-transition: border-color 120ms ease;
    transition: border-color 120ms ease;
    -moz-appearance: textfield; }
    .modalTrade__3G7gH .tradeQtyInput__jEdDR:focus {
      border-color: rgba(245, 175, 80, 0.7); }
    .modalTrade__3G7gH .tradeQtyInput__jEdDR::-webkit-outer-spin-button, .modalTrade__3G7gH .tradeQtyInput__jEdDR::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }

.modalBankOverlay__3WCFx {
  position: absolute;
  top: 24px;
  left: 16px;
  width: 672px;
  height: 672px;
  z-index: 200;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 8px;
  overflow: visible;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.modalBank__2s9I4 {
  position: relative;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(38, 28, 18, 0.97)), to(rgba(22, 16, 10, 0.97)));
  background: linear-gradient(to bottom, rgba(38, 28, 18, 0.97) 0%, rgba(22, 16, 10, 0.97) 100%);
  border: 1px solid rgba(180, 130, 60, 0.5);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 28px rgba(180, 130, 60, 0.12);
  width: 580px;
  color: #f0e3c8;
  font-family: "Doppio One", sans-serif; }
  .modalBank__2s9I4::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 24px;
    right: 24px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(245, 175, 80, 0.9)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(245, 175, 80, 0.9) 50%, transparent 100%);
    z-index: 1; }
  .modalBank__2s9I4 .bankHeader__1_Nn- {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 16px 20px 12px;
    border-bottom: 1px solid rgba(180, 130, 60, 0.25); }
  .modalBank__2s9I4 .bankTitle__2vD80 {
    font-size: 18px;
    color: rgba(245, 175, 80, 0.95);
    letter-spacing: 0.5px; }
  .modalBank__2s9I4 .bankClose__1zzSE {
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: rgba(240, 227, 200, 0.7);
    padding: 2px 8px;
    border-radius: 4px;
    -webkit-transition: background 120ms ease, color 120ms ease;
    transition: background 120ms ease, color 120ms ease; }
    .modalBank__2s9I4 .bankClose__1zzSE:hover {
      background: rgba(180, 130, 60, 0.2);
      color: rgba(245, 175, 80, 0.95); }
  .modalBank__2s9I4 .bankBody__2F-3A {
    display: -webkit-box;
    display: flex;
    gap: 16px;
    padding: 16px 20px 20px; }
  .modalBank__2s9I4 .bankColumn__2Er45 {
    -webkit-box-flex: 1;
            flex: 1 1 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }
  .modalBank__2s9I4 .bankColumnTitle__3U6nL {
    font-size: 13px;
    color: rgba(240, 227, 200, 0.7);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    text-align: center; }
  .modalBank__2s9I4 .bankGrid__1Gyrv {
    background: rgba(28, 20, 14, 0.85);
    border: 1px solid rgba(180, 130, 60, 0.22);
    border-radius: 6px;
    padding: 8px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px; }
  .modalBank__2s9I4 .bankSlot__QHfWo {
    position: relative;
    width: 44px;
    height: 44px;
    background: rgba(15, 11, 8, 0.5);
    border: 1px solid rgba(180, 130, 60, 0.15);
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: border-color 120ms ease, background 120ms ease;
    transition: border-color 120ms ease, background 120ms ease; }
    .modalBank__2s9I4 .bankSlot__QHfWo:hover {
      border-color: rgba(180, 130, 60, 0.55);
      background: rgba(180, 130, 60, 0.08); }
  .modalBank__2s9I4 .bankSlotImg__1ZRiW {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none; }
  .modalBank__2s9I4 .bankSlotCant__3icjb {
    position: absolute;
    bottom: 1px;
    right: 3px;
    font-size: 10px;
    color: #fff;
    text-shadow: -1px -1px 0 #000,
 1px -1px 0 #000,
 -1px 1px 0 #000,
 1px 1px 0 #000;
    pointer-events: none; }
  .modalBank__2s9I4 .bankSlotEquipped__1iPti {
    position: absolute;
    top: 1px;
    left: 3px;
    font-size: 10px;
    font-weight: bold;
    color: rgba(245, 175, 80, 0.95);
    text-shadow: -1px -1px 0 #000,
 1px -1px 0 #000,
 -1px 1px 0 #000,
 1px 1px 0 #000;
    pointer-events: none;
    letter-spacing: 0; }
  .modalBank__2s9I4 .bankSlotDisabled__V-umd {
    cursor: not-allowed;
    opacity: 0.55; }
    .modalBank__2s9I4 .bankSlotDisabled__V-umd:hover {
      border-color: rgba(180, 130, 60, 0.15);
      background: rgba(15, 11, 8, 0.5); }
  .modalBank__2s9I4 .bankSlotSelected__2Y9Lm {
    border-color: rgba(245, 175, 80, 0.9);
    background: rgba(245, 175, 80, 0.1);
    box-shadow: inset 0 0 0 1px rgba(245, 175, 80, 0.5), 0 0 8px rgba(245, 175, 80, 0.3); }
    .modalBank__2s9I4 .bankSlotSelected__2Y9Lm:hover {
      border-color: rgba(245, 175, 80, 0.9);
      background: rgba(245, 175, 80, 0.14); }
  .modalBank__2s9I4 .bankActions__enT4J {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    gap: 6px;
    margin-top: 8px; }
  .modalBank__2s9I4 .bankCantInput__3Gv6B {
    width: 56px;
    padding: 6px 8px;
    background: rgba(28, 20, 14, 0.85);
    border: 1px solid rgba(180, 130, 60, 0.22);
    border-radius: 4px;
    color: #f0e3c8;
    font-family: "Doppio One", sans-serif;
    font-size: 13px;
    text-align: center;
    outline: none;
    -webkit-transition: border-color 120ms ease;
    transition: border-color 120ms ease;
    -moz-appearance: textfield; }
    .modalBank__2s9I4 .bankCantInput__3Gv6B:focus {
      border-color: rgba(245, 175, 80, 0.7); }
    .modalBank__2s9I4 .bankCantInput__3Gv6B:disabled {
      opacity: 0.4;
      cursor: not-allowed; }
    .modalBank__2s9I4 .bankCantInput__3Gv6B::-webkit-outer-spin-button, .modalBank__2s9I4 .bankCantInput__3Gv6B::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  .modalBank__2s9I4 .bankBtn__1v3eE {
    -webkit-box-flex: 1;
            flex: 1 1 0;
    padding: 6px 10px;
    background: rgba(28, 20, 14, 0.85);
    border: 1px solid rgba(180, 130, 60, 0.4);
    border-radius: 4px;
    color: #f0e3c8;
    font-family: "Doppio One", sans-serif;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: background 120ms ease, border-color 120ms ease,
 color 120ms ease;
    transition: background 120ms ease, border-color 120ms ease,
 color 120ms ease; }
    .modalBank__2s9I4 .bankBtn__1v3eE:hover:not(:disabled) {
      background: rgba(180, 130, 60, 0.18);
      border-color: rgba(245, 175, 80, 0.7);
      color: rgba(245, 175, 80, 0.95); }
    .modalBank__2s9I4 .bankBtn__1v3eE:active:not(:disabled) {
      background: rgba(180, 130, 60, 0.3); }
    .modalBank__2s9I4 .bankBtn__1v3eE:disabled {
      opacity: 0.35;
      cursor: not-allowed; }
  .modalBank__2s9I4 .bankBtnPrimary__2Brp1 {
    background: rgba(180, 130, 60, 0.22);
    border-color: rgba(180, 130, 60, 0.6);
    color: rgba(245, 175, 80, 0.95); }
    .modalBank__2s9I4 .bankBtnPrimary__2Brp1:hover:not(:disabled) {
      background: rgba(180, 130, 60, 0.36);
      border-color: rgba(245, 175, 80, 0.85); }
  .modalBank__2s9I4 .bankHint__27OSI {
    margin-top: 8px;
    font-size: 11px;
    color: rgba(240, 227, 200, 0.45);
    text-align: center;
    font-style: italic; }

.cruz__2NrM3 {
  background-image: url("/static/imgs/cruz.png");
  background-repeat: no-repeat;
  width: 24px;
  height: 23px; }
  .cruz__2NrM3:hover {
    cursor: pointer; }

.progressBar__2H3NF {
  width: 100%;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 40px 24px;
  box-sizing: border-box;
  gap: 28px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 9, 12, 0.92)), to(rgba(4, 5, 7, 0.96)));
  background: linear-gradient(to bottom, rgba(8, 9, 12, 0.92) 0%, rgba(4, 5, 7, 0.96) 100%);
  position: fixed;
  inset: 0;
  z-index: 100;
  overflow-y: auto; }

.loadingLogo__13Zh4 {
  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;
  font-family: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 1; }

.loadingLogoMain__3d7uN {
  font-size: 44px;
  font-weight: 700;
  letter-spacing: 1.4px;
  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(2px 2px 0 rgba(0, 0, 0, 0.85)) drop-shadow(0 0 18px rgba(236, 180, 100, 0.4));
          filter: drop-shadow(2px 2px 0 rgba(0, 0, 0, 0.85)) drop-shadow(0 0 18px rgba(236, 180, 100, 0.4)); }

.loadingLogoAccent__vs7-q {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 6px;
  margin-left: 16px;
  text-transform: uppercase;
  color: #d48232;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.85), 0 0 12px rgba(212, 130, 50, 0.5), 0 0 24px rgba(212, 130, 50, 0.2); }

.loadingProgressBox__32BT9 {
  width: 100%;
  max-width: 600px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 10px; }

.loadingProgressLabel__322nz {
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #aa967f;
  text-align: center; }

.loadingProgressCount__1ERRM {
  color: #fff8e8;
  font-weight: bold;
  font-size: 15px; }

.loadingProgressSep__2TdIt {
  color: #6a5e4c;
  margin: 0 2px; }

.loadingProgressTotal__3hN_V {
  color: #aa967f; }

.loadingProgressTrack__1DexY {
  position: relative;
  width: 100%;
  height: 10px;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(212, 130, 50, 0.3);
  border-radius: 5px;
  overflow: hidden;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 14px rgba(212, 130, 50, 0.08); }

.loadingProgressFill__17SYi {
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(196, 123, 44, 0.85)), color-stop(50%, rgba(245, 200, 122, 0.95)), to(rgba(196, 123, 44, 0.85)));
  background: linear-gradient(to right, rgba(196, 123, 44, 0.85) 0%, rgba(245, 200, 122, 0.95) 50%, rgba(196, 123, 44, 0.85) 100%);
  -webkit-transition: width 240ms ease-out;
  transition: width 240ms ease-out;
  box-shadow: 0 0 10px rgba(245, 200, 122, 0.4), inset 0 1px 0 rgba(255, 226, 166, 0.3); }

.loadingProgressShimmer__2Ad4C {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(255, 255, 255, 0.22)), to(transparent));
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.22) 50%, transparent 100%);
  -webkit-animation: loadingShimmer__2FMLC 1.8s ease-in-out infinite;
          animation: loadingShimmer__2FMLC 1.8s ease-in-out infinite;
  pointer-events: none; }

@-webkit-keyframes loadingShimmer__2FMLC {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%); } }

@keyframes loadingShimmer__2FMLC {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%); } }

.loadingCards__1diJr {
  display: -webkit-box;
  display: flex;
  gap: 24px;
  width: 100%;
  max-width: 920px;
  margin-top: 8px; }

.loadingCard__1ubxW {
  -webkit-box-flex: 1;
          flex: 1;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 22, 28, 0.95)), to(rgba(11, 14, 18, 0.95)));
  background: linear-gradient(to bottom, rgba(18, 22, 28, 0.95) 0%, rgba(11, 14, 18, 0.95) 100%);
  border: 1px solid rgba(212, 130, 50, 0.25);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 24px rgba(212, 130, 50, 0.08);
  padding: 24px 28px;
  overflow: hidden;
  min-height: 320px; }
  .loadingCard__1ubxW::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 24px;
    right: 24px;
    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%); }

.loadingCardTitle__2Ju__ {
  font-family: "Doppio One", sans-serif;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #d48232;
  text-shadow: 1px 1px 1px #000, 0 0 14px rgba(212, 130, 50, 0.25);
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08); }

.loadingCardKeys__1P4I5 {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 8px;
  font-family: "Doppio One", sans-serif; }

.keyRow__39NtV {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  padding: 4px 0;
  font-size: 13px; }

.keyLabel__2xwQG {
  color: #aa967f;
  letter-spacing: 0.4px; }

.keyValue__2Fxit {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 4px; }
  .keyValue__2Fxit kbd {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    min-width: 24px;
    height: 22px;
    padding: 0 6px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(212, 130, 50, 0.4);
    border-radius: 4px;
    color: #fff8e8;
    font-family: "Doppio One", sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 220, 160, 0.06); }

.keyDash__1KfL3 {
  color: #6a5e4c;
  font-size: 12px;
  margin: 0 2px; }

.loadingCardText__3vazo {
  font-family: "Doppio One", sans-serif;
  color: #c2b8a3;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0.3px; }
  .loadingCardText__3vazo p {
    margin: 0 0 14px 0; }
    .loadingCardText__3vazo p:last-child {
      margin-bottom: 0; }
  .loadingCardText__3vazo strong {
    color: #fff8e8;
    text-shadow: 0 0 10px rgba(212, 130, 50, 0.15); }

@media only screen and (max-width: 880px) {
  .loadingCards__1diJr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }
  .loadingLogoMain__3d7uN {
    font-size: 32px; }
  .loadingLogoAccent__vs7-q {
    font-size: 16px; } }

.outer__1oYvp {
  width: 100%;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
  padding: 132px 16px 16px;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .outer__1oYvp .middle__2TjDU {
    display: block; }
    .outer__1oYvp .middle__2TjDU .content__1JaK2 {
      width: 1091px;
      height: 814px;
      margin: 0 auto;
      font-size: 0;
      position: relative; }
      .outer__1oYvp .middle__2TjDU .content__1JaK2 .discordBox__3MN-A {
        position: absolute;
        top: 708px;
        left: 708px;
        width: 383px;
        height: 90px;
        box-sizing: border-box;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center;
        -webkit-box-pack: center;
                justify-content: center;
        padding: 12px 16px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 11, 14, 0.9)), to(rgba(4, 5, 7, 0.94)));
        background: linear-gradient(to bottom, rgba(10, 11, 14, 0.9) 0%, rgba(4, 5, 7, 0.94) 100%);
        border: 1px solid rgba(140, 95, 50, 0.45);
        border-radius: 8px;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 22px rgba(140, 95, 50, 0.07), inset 0 1px 0 rgba(255, 220, 160, 0.04); }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .discordBox__3MN-A::before {
          content: "";
          position: absolute;
          top: -1px;
          left: 35%;
          right: 35%;
          height: 1px;
          background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(212, 130, 50, 0.6)), to(transparent));
          background: linear-gradient(to right, transparent 0%, rgba(212, 130, 50, 0.6) 50%, transparent 100%);
          z-index: 2;
          pointer-events: none; }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .discordBox__3MN-A .discordButton__Fcevx {
          display: -webkit-inline-box;
          display: inline-flex;
          -webkit-box-align: center;
                  align-items: center;
          gap: 12px;
          padding: 10px 20px;
          background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
          border: 1px solid rgba(120, 130, 255, 0.55);
          border-radius: 6px;
          color: #fff;
          font-family: "Doppio One", sans-serif;
          font-size: 14px;
          font-weight: bold;
          letter-spacing: 0.6px;
          cursor: pointer;
          text-decoration: none;
          text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 12px rgba(88, 101, 242, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.15);
          -webkit-transition: box-shadow 200ms ease,
 border-color 200ms ease,
 -webkit-transform 160ms ease;
          transition: box-shadow 200ms ease,
 border-color 200ms ease,
 -webkit-transform 160ms ease;
          transition: transform 160ms ease,
 box-shadow 200ms ease,
 border-color 200ms ease;
          transition: transform 160ms ease,
 box-shadow 200ms ease,
 border-color 200ms ease,
 -webkit-transform 160ms ease;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .discordBox__3MN-A .discordButton__Fcevx:hover {
            -webkit-transform: translateY(-1px);
                    transform: translateY(-1px);
            border-color: rgba(160, 170, 255, 0.85);
            box-shadow: 0 6px 18px rgba(88, 101, 242, 0.55), 0 0 24px rgba(88, 101, 242, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .discordBox__3MN-A .discordButton__Fcevx:active {
            -webkit-transform: translateY(0);
                    transform: translateY(0); }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .discordBox__3MN-A .discordIcon__34wsU {
          width: 22px;
          height: 22px;
          -webkit-box-flex: 0;
                  flex: 0 0 auto;
          color: #fff; }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .discordBox__3MN-A .discordLabel__pO1J9 {
          line-height: 1; }
      .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs {
        width: 708px;
        height: 814px;
        display: inline-block;
        vertical-align: top;
        position: relative; }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj {
          position: absolute;
          top: -124px;
          left: 16px;
          width: 672px;
          height: 132px;
          display: -webkit-box;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 11, 14, 0.9)), to(rgba(4, 5, 7, 0.94)));
          background: linear-gradient(to bottom, rgba(10, 11, 14, 0.9) 0%, rgba(4, 5, 7, 0.94) 100%);
          border: 1px solid rgba(140, 95, 50, 0.45);
          border-radius: 8px;
          padding: 6px 10px;
          box-shadow: 0 10px 28px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 22px rgba(140, 95, 50, 0.07), inset 0 1px 0 rgba(255, 220, 160, 0.04);
          box-sizing: border-box;
          z-index: 5;
          -webkit-transition: border-color 240ms ease,
 box-shadow 240ms ease;
          transition: border-color 240ms ease,
 box-shadow 240ms ease; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj::before {
            content: "";
            position: absolute;
            top: -1px;
            left: 35%;
            right: 35%;
            height: 1px;
            background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(212, 130, 50, 0.6)), to(transparent));
            background: linear-gradient(to right, transparent 0%, rgba(212, 130, 50, 0.6) 50%, transparent 100%);
            z-index: 2;
            pointer-events: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTabs__2DTZN {
            display: -webkit-box;
            display: flex;
            gap: 4px;
            -webkit-box-align: center;
                    align-items: center;
            padding: 0 0 4px 0;
            margin-bottom: 4px;
            border-bottom: 1px solid rgba(140, 95, 50, 0.18);
            -webkit-box-flex: 0;
                    flex: 0 0 auto; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTab__QrZUk {
            position: relative;
            background: transparent;
            border: 0;
            padding: 3px 10px 4px 10px;
            color: rgba(170, 150, 127, 0.65);
            font-family: "Doppio One", sans-serif;
            font-size: 11px;
            font-weight: bold;
            letter-spacing: 0.6px;
            text-transform: uppercase;
            cursor: pointer;
            line-height: 1.1;
            -webkit-transition: color 160ms ease, -webkit-transform 160ms ease;
            transition: color 160ms ease, -webkit-transform 160ms ease;
            transition: color 160ms ease, transform 160ms ease;
            transition: color 160ms ease, transform 160ms ease, -webkit-transform 160ms ease;
            display: -webkit-inline-box;
            display: inline-flex;
            -webkit-box-align: center;
                    align-items: center;
            gap: 6px;
            outline: none; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTab__QrZUk::after {
              content: "";
              position: absolute;
              left: 50%;
              right: 50%;
              bottom: -5px;
              height: 1px;
              background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(236, 154, 68, 0.9)), to(transparent));
              background: linear-gradient(to right, transparent 0%, rgba(236, 154, 68, 0.9) 50%, transparent 100%);
              -webkit-transition: left 220ms ease, right 220ms ease;
              transition: left 220ms ease, right 220ms ease;
              pointer-events: none; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTab__QrZUk:hover {
              color: rgba(230, 220, 200, 0.92);
              -webkit-transform: translateY(-1px);
                      transform: translateY(-1px); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTabActive__3F71- {
            color: #f0e3c8;
            text-shadow: 0 0 8px rgba(236, 154, 68, 0.25); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTabActive__3F71-::after {
              left: 12%;
              right: 12%; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTabChatAccent__1Pe4j {
            color: rgba(236, 154, 68, 0.55); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTabChatAccent__1Pe4j:hover {
              color: rgba(255, 200, 130, 0.95); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTabChatAccent__1Pe4j.chatTabActive__3F71- {
              color: #ffd28a; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTabCombatAccent__WBLw0 {
            color: rgba(198, 74, 58, 0.5); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTabCombatAccent__WBLw0:hover {
              color: rgba(240, 110, 90, 0.95); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTabCombatAccent__WBLw0.chatTabActive__3F71- {
              color: #ff9778; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTabBadge__DonVx {
            display: inline-block;
            min-width: 16px;
            padding: 0 5px;
            height: 14px;
            line-height: 14px;
            text-align: center;
            font-family: "Doppio One", sans-serif;
            font-size: 9px;
            font-weight: bold;
            letter-spacing: 0;
            color: rgba(15, 15, 15, 0.95);
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 175, 80, 0.92)), to(rgba(212, 130, 50, 0.92)));
            background: linear-gradient(to bottom, rgba(245, 175, 80, 0.92) 0%, rgba(212, 130, 50, 0.92) 100%);
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 220, 160, 0.3);
            text-shadow: none;
            text-transform: none;
            -webkit-animation: chatBadgePulse__2vp96 1.4s ease-in-out infinite;
                    animation: chatBadgePulse__2vp96 1.4s ease-in-out infinite; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatTabCombatAccent__WBLw0 .chatTabBadge__DonVx {
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 110, 90, 0.95)), to(rgba(180, 50, 35, 0.95)));
            background: linear-gradient(to bottom, rgba(240, 110, 90, 0.95) 0%, rgba(180, 50, 35, 0.95) 100%);
            color: #fff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 180, 160, 0.3); }

@-webkit-keyframes chatBadgePulse__2vp96 {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08); } }

@keyframes chatBadgePulse__2vp96 {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08); } }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatConsoleWrap__1JlSe {
            position: relative;
            -webkit-box-flex: 1;
                    flex: 1 1 auto;
            min-height: 0;
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatScrollPill__3d2F_ {
            position: absolute;
            bottom: 6px;
            right: 8px;
            z-index: 5;
            padding: 4px 9px 4px 7px;
            font-family: "Doppio One", sans-serif;
            font-size: 11px;
            color: #f5e9d4;
            background: rgba(28, 22, 16, 0.92);
            border: 1px solid rgba(212, 130, 50, 0.55);
            border-radius: 999px;
            cursor: pointer;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.55), 0 0 12px rgba(212, 130, 50, 0.18);
            -webkit-animation: chatScrollPillIn__2hYkc 180ms ease-out;
                    animation: chatScrollPillIn__2hYkc 180ms ease-out;
            -webkit-transition: background 140ms ease, -webkit-transform 80ms ease;
            transition: background 140ms ease, -webkit-transform 80ms ease;
            transition: background 140ms ease, transform 80ms ease;
            transition: background 140ms ease, transform 80ms ease, -webkit-transform 80ms ease; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatScrollPill__3d2F_:hover {
              background: #261c12;
              -webkit-transform: translateY(-1px);
                      transform: translateY(-1px); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .chatScrollPill__3d2F_:active {
              -webkit-transform: translateY(0);
                      transform: translateY(0); }

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

@keyframes chatScrollPillIn__2hYkc {
  from {
    opacity: 0;
    -webkit-transform: translateY(6px);
            transform: translateY(6px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .console__15e_S {
            -webkit-user-select: text;
               -moz-user-select: text;
                -ms-user-select: text;
                    user-select: text;
            cursor: text;
            width: 100%;
            -webkit-box-flex: 1;
                    flex: 1 1 auto;
            min-height: 0;
            color: #fff;
            text-align: left;
            overflow-y: auto;
            font-size: 12px;
            word-wrap: break-word;
            font-family: "Doppio One", sans-serif; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .console__15e_S > span {
              display: block;
              line-height: 1.4; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .console__15e_S a.chatLink {
              color: #6cd4ff;
              text-decoration: underline;
              -webkit-text-decoration-color: rgba(108, 212, 255, 0.4);
                      text-decoration-color: rgba(108, 212, 255, 0.4);
              cursor: pointer;
              -webkit-transition: color 120ms ease,
 -webkit-text-decoration-color 120ms ease;
              transition: color 120ms ease,
 -webkit-text-decoration-color 120ms ease;
              transition: color 120ms ease,
 text-decoration-color 120ms ease;
              transition: color 120ms ease,
 text-decoration-color 120ms ease,
 -webkit-text-decoration-color 120ms ease; }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .console__15e_S a.chatLink:hover {
                color: #b3e7ff;
                -webkit-text-decoration-color: rgba(179, 231, 255, 0.9);
                        text-decoration-color: rgba(179, 231, 255, 0.9); }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .chatBox__2XYGj .console__15e_S a.chatLink:visited {
                color: #6cd4ff; }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI {
          width: 672px;
          height: 672px;
          margin-top: 24px;
          margin-left: 16px;
          background-color: #000;
          border: 1px solid rgba(140, 95, 50, 0.45);
          border-radius: 8px;
          box-shadow: 0 10px 28px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 22px rgba(140, 95, 50, 0.07), inset 0 1px 0 rgba(255, 220, 160, 0.04);
          position: relative;
          -webkit-transition: border-color 240ms ease,
 box-shadow 240ms ease;
          transition: border-color 240ms ease,
 box-shadow 240ms ease; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI::before {
            content: "";
            position: absolute;
            top: -1px;
            left: 35%;
            right: 35%;
            height: 1px;
            background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(212, 130, 50, 0.6)), to(transparent));
            background: linear-gradient(to right, transparent 0%, rgba(212, 130, 50, 0.6) 50%, transparent 100%);
            z-index: 10;
            pointer-events: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .background__vhYiE {
            z-index: 0;
            position: absolute; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .foreground__QYAuG {
            z-index: 2;
            position: absolute; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .items__3b5oH {
            z-index: 1;
            position: absolute; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .characters__pGcsG {
            z-index: 3;
            position: absolute; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .techos__3lSR4 {
            z-index: 4;
            position: absolute; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .textos__3AnJd {
            z-index: 5;
            position: absolute; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .mouseEvent__XyWaa {
            z-index: 7;
            position: absolute; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buffs__1Xb4g {
            position: absolute;
            top: 14px;
            right: 14px;
            z-index: 9;
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                    flex-direction: row;
            gap: 8px;
            pointer-events: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buff__3Zyce {
            position: relative;
            width: 38px;
            height: 38px;
            border-radius: 8px;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 26, 42, 0.92)), to(rgba(12, 16, 28, 0.95)));
            background: linear-gradient(180deg, rgba(20, 26, 42, 0.92) 0%, rgba(12, 16, 28, 0.95) 100%);
            border: 1px solid rgba(255, 255, 255, 0.14);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 4px 14px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06);
            overflow: hidden;
            pointer-events: auto;
            cursor: default;
            -webkit-animation: buffPopIn__C7TWV 200ms ease-out;
                    animation: buffPopIn__C7TWV 200ms ease-out; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buffClickable__1VoU2 {
            cursor: pointer;
            -webkit-transition: border-color 120ms ease, -webkit-transform 120ms ease;
            transition: border-color 120ms ease, -webkit-transform 120ms ease;
            transition: transform 120ms ease, border-color 120ms ease;
            transition: transform 120ms ease, border-color 120ms ease, -webkit-transform 120ms ease; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buffClickable__1VoU2:hover {
              -webkit-transform: translateY(-1px);
                      transform: translateY(-1px);
              border-color: rgba(255, 230, 180, 0.5); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buffPetDefensive__2IpjR {
            border-color: rgba(80, 160, 255, 0.55) !important;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 4px 14px rgba(40, 100, 200, 0.35), inset 0 0 6px rgba(80, 160, 255, 0.18) !important; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buffPetOffensive__80s0e {
            border-color: rgba(255, 140, 60, 0.7) !important;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 4px 14px rgba(255, 80, 30, 0.4), inset 0 0 8px rgba(255, 140, 60, 0.25) !important; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buffPetBadge__2454v {
            position: absolute;
            top: 1px;
            right: 2px;
            line-height: 0;
            pointer-events: none;
            z-index: 2;
            opacity: 0.92;
            -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.85));
                    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.85)); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buffProgress__26EMn {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(180, 180, 200, 0.18)), to(rgba(120, 120, 160, 0.32)));
            background: linear-gradient(180deg, rgba(180, 180, 200, 0.18) 0%, rgba(120, 120, 160, 0.32) 100%);
            -webkit-transition: height 250ms linear;
            transition: height 250ms linear;
            pointer-events: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buff_violet__3FBYb {
            border-color: rgba(180, 130, 240, 0.35);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 4px 14px rgba(120, 60, 200, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buff_violet__3FBYb .buffProgress__26EMn {
              background: -webkit-gradient(linear, left top, left bottom, from(rgba(150, 110, 230, 0.22)), to(rgba(110, 70, 200, 0.4)));
              background: linear-gradient(180deg, rgba(150, 110, 230, 0.22) 0%, rgba(110, 70, 200, 0.4) 100%); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buff_violet__3FBYb .buffIcon__1rbbd {
              color: rgba(220, 200, 255, 0.95); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buff_crimson__2-xOG {
            border-color: rgba(240, 120, 110, 0.35);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 4px 14px rgba(220, 60, 50, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.06); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buff_crimson__2-xOG .buffProgress__26EMn {
              background: -webkit-gradient(linear, left top, left bottom, from(rgba(230, 110, 100, 0.22)), to(rgba(190, 60, 50, 0.4)));
              background: linear-gradient(180deg, rgba(230, 110, 100, 0.22) 0%, rgba(190, 60, 50, 0.4) 100%); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buff_crimson__2-xOG .buffIcon__1rbbd {
              color: rgba(255, 215, 200, 0.95); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buff_lime__fHOa5 {
            border-color: rgba(170, 230, 110, 0.38);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 4px 14px rgba(120, 200, 50, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.06); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buff_lime__fHOa5 .buffProgress__26EMn {
              background: -webkit-gradient(linear, left top, left bottom, from(rgba(170, 230, 110, 0.22)), to(rgba(110, 180, 50, 0.4)));
              background: linear-gradient(180deg, rgba(170, 230, 110, 0.22) 0%, rgba(110, 180, 50, 0.4) 100%); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buff_lime__fHOa5 .buffIcon__1rbbd {
              color: rgba(220, 255, 200, 0.95); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buffIcon__1rbbd {
            position: absolute;
            inset: 0;
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                    justify-content: center;
            color: rgba(220, 232, 255, 0.92);
            -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.65));
                    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.65)); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buffIconSvg__2z3qV {
            width: 22px;
            height: 22px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .render__3wWnI .buffTimer__3GoJc {
            position: absolute;
            right: 2px;
            bottom: 1px;
            font-size: 10px;
            font-weight: 700;
            line-height: 1;
            padding: 2px 4px;
            border-radius: 4px;
            color: #fff;
            background: rgba(0, 0, 0, 0.55);
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
            letter-spacing: 0.2px;
            font-variant-numeric: tabular-nums; }

@-webkit-keyframes buffPopIn__C7TWV {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4px) scale(0.85);
            transform: translateY(-4px) scale(0.85); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@keyframes buffPopIn__C7TWV {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4px) scale(0.85);
            transform: translateY(-4px) scale(0.85); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .text__1tI6d {
          outline: none;
          position: absolute;
          bottom: 18px;
          left: 18px;
          right: 18px;
          height: 48px;
          margin: 0;
          padding: 0 20px;
          box-sizing: border-box;
          display: none;
          z-index: 10;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 16, 20, 0.72)), to(rgba(8, 9, 12, 0.78)));
          background: linear-gradient(to bottom, rgba(14, 16, 20, 0.72) 0%, rgba(8, 9, 12, 0.78) 100%);
          border: 1px solid rgba(212, 130, 50, 0.42);
          border-radius: 10px;
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(0, 0, 0, 0.55), 0 0 16px rgba(212, 130, 50, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.06);
          color: #fff8e8;
          font-family: "Doppio One", sans-serif;
          font-size: 14px;
          letter-spacing: 0.3px;
          text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8), 0 0 4px rgba(0, 0, 0, 0.6);
          caret-color: #ec9a44;
          -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; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .text__1tI6d::before {
            content: "";
            position: absolute;
            top: -1px;
            left: 22px;
            right: 22px;
            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%); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .text__1tI6d::-webkit-input-placeholder {
            color: rgba(170, 150, 127, 0.55);
            font-style: italic;
            letter-spacing: 0.2px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .text__1tI6d::-moz-placeholder {
            color: rgba(170, 150, 127, 0.55);
            font-style: italic;
            letter-spacing: 0.2px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .text__1tI6d:-ms-input-placeholder {
            color: rgba(170, 150, 127, 0.55);
            font-style: italic;
            letter-spacing: 0.2px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .text__1tI6d::-ms-input-placeholder {
            color: rgba(170, 150, 127, 0.55);
            font-style: italic;
            letter-spacing: 0.2px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .text__1tI6d::placeholder {
            color: rgba(170, 150, 127, 0.55);
            font-style: italic;
            letter-spacing: 0.2px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .text__1tI6d:hover {
            border-color: rgba(236, 154, 68, 0.55); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .text__1tI6d:focus {
            border-color: #ec9a44;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 20, 24, 0.82)), to(rgba(10, 11, 14, 0.85)));
            background: linear-gradient(to bottom, rgba(18, 20, 24, 0.82) 0%, rgba(10, 11, 14, 0.85) 100%);
            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(236, 154, 68, 0.55), 0 0 22px rgba(212, 130, 50, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .macros__2V5km {
          position: absolute;
          top: 708px;
          left: 16px;
          width: 672px;
          height: 90px;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 11, 14, 0.9)), to(rgba(4, 5, 7, 0.94)));
          background: linear-gradient(to bottom, rgba(10, 11, 14, 0.9) 0%, rgba(4, 5, 7, 0.94) 100%);
          border: 1px solid rgba(140, 95, 50, 0.45);
          border-radius: 8px;
          box-shadow: 0 10px 28px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 22px rgba(140, 95, 50, 0.07), inset 0 1px 0 rgba(255, 220, 160, 0.04);
          -webkit-transition: border-color 240ms ease,
 box-shadow 240ms ease;
          transition: border-color 240ms ease,
 box-shadow 240ms ease;
          padding: 6px 10px;
          box-sizing: border-box;
          text-align: center;
          z-index: 5; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .macros__2V5km::before {
            content: "";
            position: absolute;
            top: -1px;
            left: 35%;
            right: 35%;
            height: 1px;
            background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(212, 130, 50, 0.6)), to(transparent));
            background: linear-gradient(to right, transparent 0%, rgba(212, 130, 50, 0.6) 50%, transparent 100%);
            z-index: 2;
            pointer-events: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .macros__2V5km .macro__1wnGH {
            width: 64px;
            height: 64px;
            margin-top: 6px;
            margin-left: 8px;
            background: rgba(0, 0, 0, 0.45);
            border: 2px solid #4a3f33;
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.04);
            box-sizing: border-box;
            display: inline-block;
            vertical-align: top;
            position: relative;
            cursor: pointer; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .macros__2V5km .macro__1wnGH:hover {
              border-color: #7d6c54;
              background: rgba(0, 0, 0, 0.55); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .macros__2V5km .macro__1wnGH:first-child {
              margin-left: 0; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .macros__2V5km .macro__1wnGH .spell__2DD_C {
              width: 60px;
              height: 60px;
              margin-top: 3px;
              margin-left: 3px;
              background-repeat: no-repeat;
              background-size: 100%; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .macros__2V5km .macro__1wnGH .item__2VnuT {
              width: 32px;
              height: 32px;
              margin-top: 17px;
              margin-left: 17px;
              background-repeat: no-repeat;
              background-size: 100%;
              position: absolute;
              top: 0; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .macros__2V5km .macro__1wnGH .key__b4Wfj {
              color: #aa967f;
              font-family: "Doppio One", sans-serif;
              font-size: 16px;
              position: absolute;
              bottom: 0; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_left__2OmFs .macros__2V5km .macro__1wnGH .macroCant__1EG-u {
              position: absolute;
              top: 2px;
              left: 4px;
              color: #fff;
              font-family: "Doppio One", sans-serif;
              font-size: 11px;
              font-weight: bold;
              text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0 0 4px rgba(0, 0, 0, 0.8);
              pointer-events: none;
              z-index: 2; }
      .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI {
        width: 383px;
        height: 820px;
        margin-top: -124px;
        display: -webkit-inline-box;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        vertical-align: top;
        gap: 0;
        padding: 0;
        box-sizing: border-box; }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR {
          -webkit-box-flex: 0;
                  flex: 0 0 132px;
          margin-bottom: 16px;
          position: relative;
          box-sizing: border-box;
          padding: 6px 16px 12px;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 11, 14, 0.9)), to(rgba(4, 5, 7, 0.94)));
          background: linear-gradient(to bottom, rgba(10, 11, 14, 0.9) 0%, rgba(4, 5, 7, 0.94) 100%);
          border: 1px solid rgba(140, 95, 50, 0.45);
          border-radius: 8px;
          box-shadow: 0 10px 28px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 22px rgba(140, 95, 50, 0.07), inset 0 1px 0 rgba(255, 220, 160, 0.04);
          display: -webkit-box;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
          -webkit-box-pack: justify;
                  justify-content: space-between;
          gap: 6px;
          -webkit-transition: border-color 240ms ease,
 box-shadow 240ms ease;
          transition: border-color 240ms ease,
 box-shadow 240ms ease; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR::before {
            content: "";
            position: absolute;
            top: -1px;
            left: 35%;
            right: 35%;
            height: 1px;
            background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(212, 130, 50, 0.6)), to(transparent));
            background: linear-gradient(to right, transparent 0%, rgba(212, 130, 50, 0.6) 50%, transparent 100%);
            z-index: 2;
            pointer-events: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .headerTopRow__sDVVz {
            position: relative;
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: end;
                    justify-content: flex-end;
            -webkit-box-align: center;
                    align-items: center;
            min-height: 22px;
            padding-bottom: 4px; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .headerTopRow__sDVVz::after {
              content: "";
              position: absolute;
              left: 12%;
              right: 12%;
              bottom: 0;
              height: 1px;
              background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(212, 130, 50, 0.35)), to(transparent));
              background: linear-gradient(to right, transparent 0%, rgba(212, 130, 50, 0.35) 50%, transparent 100%);
              pointer-events: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .name__1Cfus {
            color: #f5f0e4;
            font-family: var(--header-font, "Doppio One", sans-serif);
            font-size: 28px;
            font-weight: 600;
            letter-spacing: 1.4px;
            line-height: 32px;
            text-shadow: 1px 1px 2px #000, 0 0 14px rgba(212, 130, 50, 0.22), 0 0 4px rgba(0, 0, 0, 0.9);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: default;
            text-align: center;
            padding: 2px 0; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .headerActions__1xkJ8 {
            position: absolute;
            top: 0;
            right: 0;
            display: -webkit-box;
            display: flex;
            gap: 6px;
            z-index: 1; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .configuration__2_TXT,
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .fullscreenBtn__2w54u,
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .exitBtn__2ASLK {
            width: 22px;
            height: 22px;
            display: -webkit-inline-box;
            display: inline-flex;
            -webkit-box-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                    justify-content: center;
            cursor: pointer;
            background: rgba(0, 0, 0, 0.55);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 5px;
            font-size: 10px;
            color: #8a7860;
            -webkit-transition: background 160ms ease,
 border-color 160ms ease,
 color 160ms ease,
 box-shadow 160ms ease,
 -webkit-transform 80ms ease;
            transition: background 160ms ease,
 border-color 160ms ease,
 color 160ms ease,
 box-shadow 160ms ease,
 -webkit-transform 80ms ease;
            transition: background 160ms ease,
 border-color 160ms ease,
 color 160ms ease,
 box-shadow 160ms ease,
 transform 80ms ease;
            transition: background 160ms ease,
 border-color 160ms ease,
 color 160ms ease,
 box-shadow 160ms ease,
 transform 80ms ease,
 -webkit-transform 80ms ease; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .configuration__2_TXT:active,
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .fullscreenBtn__2w54u:active,
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .exitBtn__2ASLK:active {
              -webkit-transform: scale(0.94);
                      transform: scale(0.94); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .configuration__2_TXT:hover,
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .fullscreenBtn__2w54u:hover {
            background: rgba(140, 95, 50, 0.2);
            border-color: rgba(212, 130, 50, 0.55);
            color: #f0c878;
            box-shadow: 0 0 8px rgba(212, 130, 50, 0.3); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .exitBtn__2ASLK:hover {
            background: rgba(140, 30, 30, 0.25);
            border-color: rgba(200, 60, 60, 0.6);
            color: #ff9696;
            box-shadow: 0 0 8px rgba(200, 60, 60, 0.3); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .progressionRow__3pFho {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
                    align-items: center;
            gap: 12px;
            padding: 0 2px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .levelInline__2jHOF {
            -webkit-box-flex: 0;
                    flex: 0 0 auto;
            display: -webkit-inline-box;
            display: inline-flex;
            -webkit-box-align: center;
                    align-items: center;
            color: #ffffff;
            font-family: var(--header-font, "Doppio One", sans-serif);
            font-size: 22px;
            font-weight: 700;
            letter-spacing: 0.4px;
            line-height: 1;
            text-shadow: 1px 1px 2px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 0 0 6px rgba(0, 0, 0, 0.95);
            cursor: default;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .exp__36gNs {
            -webkit-box-flex: 1;
                    flex: 1;
            min-width: 0;
            position: relative;
            height: 8px;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 22, 28, 0.95)), to(rgba(11, 14, 18, 0.95)));
            background: linear-gradient(to bottom, rgba(18, 22, 28, 0.95) 0%, rgba(11, 14, 18, 0.95) 100%);
            border: 1px solid rgba(212, 130, 50, 0.25);
            border-radius: 4px;
            overflow: hidden;
            box-sizing: border-box;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 0 12px rgba(212, 130, 50, 0.04);
            -webkit-transition: box-shadow 240ms ease,
 border-color 240ms ease;
            transition: box-shadow 240ms ease,
 border-color 240ms ease; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .exp__36gNs .progress_bar__yeTxn {
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              max-width: 100%;
              background: -webkit-gradient(linear, left top, right top, from(rgba(212, 130, 50, 0.55)), to(rgba(236, 154, 68, 0.85)));
              background: linear-gradient(90deg, rgba(212, 130, 50, 0.55) 0%, rgba(236, 154, 68, 0.85) 100%);
              border-radius: 3px;
              box-shadow: inset 0 1px 0 rgba(255, 220, 160, 0.15);
              -webkit-transition: width 420ms cubic-bezier(0.2, 0.9, 0.3, 1.1);
              transition: width 420ms cubic-bezier(0.2, 0.9, 0.3, 1.1); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .expNearLevelUp__4jywp {
            border-color: rgba(236, 154, 68, 0.55);
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 14px rgba(236, 154, 68, 0.28); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .expNearLevelUp__4jywp .progress_bar__yeTxn {
              background: -webkit-gradient(linear, left top, right top, from(rgba(236, 154, 68, 0.75)), to(#ffc86e));
              background: linear-gradient(90deg, rgba(236, 154, 68, 0.75) 0%, #ffc86e 100%);
              box-shadow: inset 0 1px 0 rgba(255, 230, 180, 0.3); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .expStatsCol__2u_AK {
            -webkit-box-flex: 0;
                    flex: 0 0 auto;
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
            -webkit-box-align: end;
                    align-items: flex-end;
            gap: 1px;
            min-width: 78px;
            line-height: 1;
            cursor: default;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .expPctBig__XItTN {
            color: #ffffff;
            font-family: var(--header-font, "Doppio One", sans-serif);
            font-size: 17px;
            font-weight: 700;
            letter-spacing: 0.3px;
            line-height: 1;
            font-variant-numeric: tabular-nums;
            text-shadow: 1px 1px 2px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 0 0 8px rgba(0, 0, 0, 0.95); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .expValuesSmall___pOjT {
            color: rgba(255, 255, 255, 0.55);
            font-family: var(--header-font, "Doppio One", sans-serif);
            font-size: 10px;
            font-weight: 400;
            letter-spacing: 0.3px;
            font-variant-numeric: tabular-nums;
            line-height: 1;
            text-shadow: 1px 1px 1px #000; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .expMaxLevel__2UgQD {
            -webkit-box-flex: 1;
                    flex: 1;
            min-width: 0;
            position: relative;
            height: 5px;
            background: -webkit-gradient(linear, left top, right top, from(#e84343), color-stop(50%, #9b4595), to(#3a92e0));
            background: linear-gradient(90deg, #e84343 0%, #9b4595 50%, #3a92e0 100%);
            border: 1px solid rgba(255, 255, 255, 0.25);
            border-radius: 3px;
            box-shadow: 0 0 14px rgba(155, 70, 150, 0.7), 0 0 24px rgba(58, 146, 224, 0.35);
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                    justify-content: center; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .header__1S-ZR .expMaxLevel__2UgQD span {
              position: absolute;
              color: #ffffff;
              font-family: var(--header-font, "Doppio One", sans-serif);
              font-size: 11px;
              font-weight: 700;
              letter-spacing: 1.5px;
              text-transform: uppercase;
              text-shadow: 1px 1px 1px #000, 0 0 8px rgba(155, 70, 150, 0.8);
              white-space: nowrap;
              top: -16px; }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 {
          width: 100%;
          position: relative;
          -webkit-box-flex: 1;
                  flex: 1 1 auto;
          margin-bottom: 16px;
          min-height: 0;
          display: -webkit-box;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 11, 14, 0.9)), to(rgba(4, 5, 7, 0.94)));
          background: linear-gradient(to bottom, rgba(10, 11, 14, 0.9) 0%, rgba(4, 5, 7, 0.94) 100%);
          border: 1px solid rgba(140, 95, 50, 0.45);
          border-radius: 8px;
          box-shadow: 0 10px 28px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 22px rgba(140, 95, 50, 0.07), inset 0 1px 0 rgba(255, 220, 160, 0.04);
          -webkit-transition: border-color 240ms ease,
 box-shadow 240ms ease;
          transition: border-color 240ms ease,
 box-shadow 240ms ease;
          box-sizing: border-box;
          padding: 12px 12px 12px;
          gap: 6px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06::before {
            content: "";
            position: absolute;
            top: -1px;
            left: 35%;
            right: 35%;
            height: 1px;
            background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(212, 130, 50, 0.6)), to(transparent));
            background: linear-gradient(to right, transparent 0%, rgba(212, 130, 50, 0.6) 50%, transparent 100%);
            z-index: 2;
            pointer-events: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .bodyTabs__34Le1 {
            display: -webkit-box;
            display: flex;
            gap: 4px;
            -webkit-box-flex: 0;
                    flex: 0 0 auto;
            padding: 0 2px 2px;
            border-bottom: 1px solid rgba(212, 130, 50, 0.18); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .bodyTab__3e9_U {
            -webkit-box-flex: 1;
                    flex: 1 1 0;
            padding: 8px 12px 9px;
            background: transparent;
            border: none;
            border-bottom: 2px solid transparent;
            color: #8e8576;
            font-family: "Doppio One", sans-serif;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            cursor: pointer;
            -webkit-transition: color 140ms ease,
 border-color 140ms ease,
 background 140ms ease;
            transition: color 140ms ease,
 border-color 140ms ease,
 background 140ms ease;
            margin-bottom: -1px; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .bodyTab__3e9_U:hover {
              color: #d8d3c5;
              background: rgba(212, 130, 50, 0.06); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .bodyTabActive__zceMp {
            color: #fff8e8;
            border-bottom-color: #d48232;
            text-shadow: 1px 1px 1px #000, 0 0 6px rgba(212, 130, 50, 0.45);
            background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(212, 130, 50, 0.1)));
            background: linear-gradient(to bottom, transparent 0%, rgba(212, 130, 50, 0.1) 100%); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .bodyTabActive__zceMp:hover {
              color: #fff8e8;
              background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(212, 130, 50, 0.14)));
              background: linear-gradient(to bottom, transparent 0%, rgba(212, 130, 50, 0.14) 100%); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .bodyPanel__1TwQ3 {
            -webkit-box-flex: 1;
                    flex: 1 1 auto;
            min-height: 0;
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
            overflow: visible; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl {
            margin: 0;
            align-self: center;
            background: rgba(14, 16, 20, 0.85);
            border-radius: 6px;
            padding: 8px;
            display: grid;
            grid-template-columns: repeat(8, 38px);
            gap: 4px;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl .slot_inv__3QyYh {
              cursor: pointer;
              width: 38px;
              height: 38px;
              background: rgba(0, 0, 0, 0.45);
              border: 1px solid #4a3f33;
              box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
              box-sizing: border-box;
              margin: 0;
              position: relative;
              -webkit-transition: border-color 120ms ease,
 background 120ms ease,
 opacity 120ms ease,
 -webkit-transform 80ms ease;
              transition: border-color 120ms ease,
 background 120ms ease,
 opacity 120ms ease,
 -webkit-transform 80ms ease;
              transition: border-color 120ms ease,
 background 120ms ease,
 transform 80ms ease,
 opacity 120ms ease;
              transition: border-color 120ms ease,
 background 120ms ease,
 transform 80ms ease,
 opacity 120ms ease,
 -webkit-transform 80ms ease; }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl .slot_inv__3QyYh:hover {
                border-color: #7d6c54; }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl .slot_inv__3QyYh[data-tooltip]:hover::after {
                content: attr(data-tooltip);
                position: absolute;
                bottom: calc(100% + 6px);
                left: 50%;
                -webkit-transform: translateX(-50%);
                        transform: translateX(-50%);
                background: rgba(255, 252, 246, 0.92);
                color: #1a1814;
                font-family: "Doppio One", sans-serif;
                font-size: 11px;
                font-weight: bold;
                letter-spacing: 0.3px;
                padding: 4px 10px;
                border-radius: 4px;
                white-space: nowrap;
                pointer-events: none;
                z-index: 100;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.25);
                -webkit-animation: invTooltipIn__1YxFB 90ms ease-out;
                        animation: invTooltipIn__1YxFB 90ms ease-out; }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl .slot_inv__3QyYh.slot_dragging__eRPW7 {
                opacity: 0.4;
                -webkit-transform: scale(0.92);
                        transform: scale(0.92); }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl .slot_inv__3QyYh.slot_drop_target__qyLW8 {
                border-color: #d48232;
                background: rgba(212, 130, 50, 0.18);
                box-shadow: inset 0 0 6px rgba(212, 130, 50, 0.3), 0 0 0 1px rgba(212, 130, 50, 0.5), 0 0 10px rgba(212, 130, 50, 0.35); }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl .slot_inv__3QyYh .img_item__20dsS {
                width: 32px;
                height: 32px;
                position: absolute;
                top: 3px;
                left: 3px;
                background-size: 100%; }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl .slot_inv__3QyYh .amount__gvMQj {
                width: 32px;
                height: 32px;
                position: absolute;
                top: 3px;
                left: 3px;
                color: #fff;
                font-family: "Doppio One", sans-serif;
                font-size: 10px; }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl .slot_inv__3QyYh .equipped__1cCaf {
                color: #ff0;
                font-family: "Doppio One", sans-serif;
                font-size: 11px;
                position: absolute;
                bottom: 1px;
                right: 4px; }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl .slot_inv__3QyYh .invSlotKey__2uK7e {
                position: absolute;
                bottom: 1px;
                left: 1px;
                right: 1px;
                height: 11px;
                padding: 0 1px;
                color: #ffeac0;
                font-family: "Doppio One", monospace;
                font-size: 8px;
                font-weight: bold;
                line-height: 11px;
                letter-spacing: -0.3px;
                text-align: center;
                text-transform: uppercase;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                background: rgba(140, 95, 50, 0.85);
                border: 1px solid rgba(236, 154, 68, 0.9);
                border-radius: 3px;
                box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.6);
                pointer-events: none;
                text-shadow: 0 1px 1px #000;
                z-index: 2; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl .item_selected__20rvy {
              outline: 2px solid rgba(236, 154, 68, 0.9);
              outline-offset: -2px;
              box-shadow: inset 0 0 8px rgba(236, 154, 68, 0.35), 0 0 6px rgba(236, 154, 68, 0.45); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl .last_slot_inv__3CPXf {
              margin-right: 0; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .inventary__1x7Zl .itemNotValid__3_XH4 {
              background-color: rgba(255, 0, 0, 0.2); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .itemsHeader__156C0 {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
                    align-items: center;
            gap: 8px;
            padding: 0 2px;
            margin-top: 2px;
            margin-bottom: 6px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .itemsTitle__hf4Qs {
            font-family: "Doppio One", sans-serif;
            font-size: 10px;
            font-weight: bold;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            color: #d48232;
            text-shadow: 1px 1px 1px #000;
            -webkit-box-flex: 0;
                    flex: 0 0 auto; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .itemsRule__2463k {
            -webkit-box-flex: 1;
                    flex: 1 1 auto;
            height: 1px;
            background: -webkit-gradient(linear, left top, right top, from(rgba(212, 130, 50, 0.4)), to(rgba(212, 130, 50, 0.05)));
            background: linear-gradient(to right, rgba(212, 130, 50, 0.4) 0%, rgba(212, 130, 50, 0.05) 100%); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .favsWrap__3klHX {
            margin-top: auto;
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
            gap: 4px;
            -webkit-box-flex: 0;
                    flex: 0 0 auto;
            min-height: 0; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .favsWrap__3klHX .spellList__2R_Gp {
              -webkit-box-flex: 0;
                      flex: 0 0 auto;
              overflow: hidden;
              max-height: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .favsHeader__3UlyH {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
                    align-items: center;
            gap: 8px;
            padding: 0 2px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .favsTitle__1e48- {
            font-family: "Doppio One", sans-serif;
            font-size: 10px;
            font-weight: bold;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            color: #d48232;
            text-shadow: 1px 1px 1px #000;
            -webkit-box-flex: 0;
                    flex: 0 0 auto; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .favsRule__3LrLj {
            -webkit-box-flex: 1;
                    flex: 1 1 auto;
            height: 1px;
            background: -webkit-gradient(linear, left top, right top, from(rgba(212, 130, 50, 0.4)), to(rgba(212, 130, 50, 0.05)));
            background: linear-gradient(to right, rgba(212, 130, 50, 0.4) 0%, rgba(212, 130, 50, 0.05) 100%); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spell__2DD_C {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
            margin: 0;
            width: 100%;
            min-height: 0;
            -webkit-box-flex: 1;
                    flex: 1 1 auto; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellListWrap__3HtQy {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
            height: 100%;
            gap: 8px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellList__2R_Gp {
            list-style: none;
            margin: 0;
            padding: 4px;
            -webkit-box-flex: 1;
                    flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
            background: rgba(0, 0, 0, 0.45);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 6px; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellList__2R_Gp::-webkit-scrollbar {
              width: 6px; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellList__2R_Gp::-webkit-scrollbar-thumb {
              background: rgba(212, 130, 50, 0.4);
              border-radius: 3px; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellList__2R_Gp::-webkit-scrollbar-track {
              background: transparent; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellListEmpty__3Diyc {
            color: #6d5e48;
            font-style: italic;
            text-align: center;
            padding: 16px 8px;
            font-size: 12px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellRow__3wzf8 {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
                    justify-content: space-between;
            gap: 8px;
            padding: 6px 10px;
            margin: 1px 0;
            color: #d8d3c5;
            font-family: "Doppio One", sans-serif;
            font-size: 13px;
            cursor: pointer;
            border-radius: 4px;
            border: 1px solid transparent;
            -webkit-transition: background 100ms ease,
 color 100ms ease,
 border-color 100ms ease;
            transition: background 100ms ease,
 color 100ms ease,
 border-color 100ms ease;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellRow__3wzf8:hover {
              background: rgba(212, 130, 50, 0.12);
              color: #fff8e8; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellRowSelected__3Mxas {
            background: -webkit-gradient(linear, left top, right top, from(rgba(212, 130, 50, 0.28)), to(rgba(140, 70, 20, 0.18)));
            background: linear-gradient(to right, rgba(212, 130, 50, 0.28) 0%, rgba(140, 70, 20, 0.18) 100%);
            border-color: #d48232;
            color: #fff8e8;
            text-shadow: 1px 1px 1px #000; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellRowSelected__3Mxas:hover {
              background: -webkit-gradient(linear, left top, right top, from(rgba(220, 140, 60, 0.35)), to(rgba(150, 80, 25, 0.22)));
              background: linear-gradient(to right, rgba(220, 140, 60, 0.35) 0%, rgba(150, 80, 25, 0.22) 100%); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellRowName__wCf4W {
            -webkit-box-flex: 1;
                    flex: 1 1 auto;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellRowFav__1J_UZ {
            -webkit-box-flex: 0;
                    flex: 0 0 auto;
            width: 18px;
            height: 18px;
            display: -webkit-inline-box;
            display: inline-flex;
            -webkit-box-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                    justify-content: center;
            color: #4a4036;
            cursor: pointer;
            font-size: 14px;
            line-height: 1;
            border-radius: 3px;
            -webkit-transition: all 100ms ease;
            transition: all 100ms ease; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellRowFav__1J_UZ:hover {
              background: rgba(255, 255, 255, 0.06);
              color: #aa967f; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellRowFavOn__3yyd_ {
            color: #f0c040;
            text-shadow: 0 0 6px rgba(240, 192, 64, 0.65); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellRowFavOn__3yyd_:hover {
              color: #ffd060; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellRowMana__3bJhW {
            -webkit-box-flex: 0;
                    flex: 0 0 auto;
            color: #6d8aa8;
            font-size: 11px;
            font-weight: bold;
            background: rgba(40, 70, 110, 0.35);
            border: 1px solid rgba(80, 130, 180, 0.35);
            border-radius: 3px;
            padding: 1px 6px;
            min-width: 24px;
            text-align: center; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellRowKey__2AbuV {
            -webkit-box-flex: 0;
                    flex: 0 0 auto;
            color: #e8d9a8;
            font-size: 10px;
            font-weight: bold;
            font-family: "Doppio One", monospace;
            background: rgba(140, 95, 50, 0.25);
            border: 1px solid rgba(212, 130, 50, 0.55);
            border-bottom-width: 2px;
            border-radius: 3px;
            padding: 1px 6px;
            min-width: 20px;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellActions__2jq1I {
            -webkit-box-flex: 0;
                    flex: 0 0 auto;
            display: -webkit-box;
            display: flex;
            gap: 4px;
            padding: 0 2px 2px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellCastBtn__14pQL {
            -webkit-box-flex: 1;
                    flex: 1 1 auto;
            height: 38px;
            font-family: "Doppio One", sans-serif;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0.6px;
            text-transform: uppercase;
            color: #fff8e8;
            text-shadow: 1px 1px 1px #000;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 130, 50, 0.55)), to(rgba(140, 70, 20, 0.55)));
            background: linear-gradient(to bottom, rgba(212, 130, 50, 0.55) 0%, rgba(140, 70, 20, 0.55) 100%);
            border: 1px solid #d48232;
            border-radius: 6px;
            cursor: pointer;
            -webkit-transition: all 120ms ease;
            transition: all 120ms ease; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellCastBtn__14pQL:hover:not(:disabled) {
              background: -webkit-gradient(linear, left top, left bottom, from(rgba(220, 140, 60, 0.7)), to(rgba(150, 80, 25, 0.7)));
              background: linear-gradient(to bottom, rgba(220, 140, 60, 0.7) 0%, rgba(150, 80, 25, 0.7) 100%);
              box-shadow: 0 0 10px rgba(212, 130, 50, 0.5); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellCastBtn__14pQL:active:not(:disabled) {
              -webkit-transform: translateY(1px);
                      transform: translateY(1px); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellCastBtn__14pQL:disabled {
              opacity: 0.4;
              cursor: not-allowed;
              background: rgba(60, 50, 40, 0.35);
              border-color: rgba(100, 80, 60, 0.4); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellInfoBtn__3FqEK {
            -webkit-box-flex: 0;
                    flex: 0 0 auto;
            width: 38px;
            height: 38px;
            font-family: "Doppio One", sans-serif;
            font-size: 17px;
            font-style: italic;
            font-weight: bold;
            color: #d48232;
            background: rgba(0, 0, 0, 0.55);
            border: 1px solid rgba(212, 130, 50, 0.5);
            border-radius: 6px;
            cursor: pointer;
            -webkit-transition: all 120ms ease;
            transition: all 120ms ease; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellInfoBtn__3FqEK:hover:not(:disabled) {
              background: rgba(212, 130, 50, 0.18);
              border-color: #d48232;
              color: #ec9a44; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellInfoBtn__3FqEK:disabled {
              opacity: 0.4;
              cursor: not-allowed; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellMoveBtn__cYFKq {
            -webkit-box-flex: 0;
                    flex: 0 0 auto;
            width: 28px;
            height: 38px;
            font-family: "Doppio One", sans-serif;
            font-size: 15px;
            font-weight: bold;
            color: #d8d3c5;
            background: rgba(0, 0, 0, 0.55);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 6px;
            cursor: pointer;
            -webkit-transition: all 120ms ease;
            transition: all 120ms ease;
            line-height: 1;
            padding: 0; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellMoveBtn__cYFKq:hover:not(:disabled) {
              background: rgba(255, 255, 255, 0.08);
              border-color: rgba(255, 255, 255, 0.25);
              color: #fff8e8; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellMoveBtn__cYFKq:disabled {
              opacity: 0.3;
              cursor: not-allowed; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellSortWrap__1BkTx {
            display: none;
            position: relative;
            -webkit-box-flex: 0;
                    flex: 0 0 auto; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellSortBtn__3FU6W {
            -webkit-box-flex: 0;
                    flex: 0 0 auto;
            width: 32px;
            height: 38px;
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                    justify-content: center;
            color: #a0b8d8;
            background: rgba(0, 0, 0, 0.55);
            border: 1px solid rgba(120, 150, 200, 0.3);
            border-radius: 6px;
            cursor: pointer;
            -webkit-transition: all 120ms ease;
            transition: all 120ms ease;
            padding: 0; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellSortBtn__3FU6W:hover:not(:disabled) {
              background: rgba(80, 120, 180, 0.18);
              border-color: rgba(120, 150, 200, 0.6);
              color: #d0e0ff; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellSortBtn__3FU6W:disabled {
              opacity: 0.3;
              cursor: not-allowed; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellSortBtnActive__23rav {
            background: rgba(80, 120, 200, 0.28) !important;
            border-color: rgba(150, 180, 240, 0.7) !important;
            color: #e0ecff !important; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellSortIcon__2Swv7 {
            width: 18px;
            height: 18px;
            display: block; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellSortMenu__2pnYg {
            position: absolute;
            bottom: calc(100% + 8px);
            right: 0;
            z-index: 20;
            min-width: 160px;
            padding: 4px;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 28, 44, 0.96)), to(rgba(14, 18, 30, 0.98)));
            background: linear-gradient(180deg, rgba(22, 28, 44, 0.96) 0%, rgba(14, 18, 30, 0.98) 100%);
            border: 1px solid rgba(120, 150, 220, 0.35);
            border-radius: 8px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 10px 28px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06);
            -webkit-animation: spellSortMenuIn__1p9GB 140ms ease-out;
                    animation: spellSortMenuIn__1p9GB 140ms ease-out;
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
            gap: 2px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellSortMenuItem__1qjlv {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
                    align-items: center;
            gap: 10px;
            padding: 8px 10px;
            background: transparent;
            border: none;
            border-radius: 6px;
            color: rgba(220, 232, 255, 0.85);
            font-family: "Doppio One", sans-serif;
            font-size: 13px;
            text-align: left;
            cursor: pointer;
            -webkit-transition: background 100ms ease, color 100ms ease;
            transition: background 100ms ease, color 100ms ease; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellSortMenuItem__1qjlv:hover {
              background: rgba(80, 120, 200, 0.22);
              color: #fff; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellSortMenuItem__1qjlv:focus {
              outline: none;
              background: rgba(80, 120, 200, 0.28); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellSortMenuGlyph__38kaA {
            -webkit-box-flex: 0;
                    flex: 0 0 22px;
            height: 22px;
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                    justify-content: center;
            font-weight: bold;
            font-size: 13px;
            color: #b8c8e8;
            background: rgba(0, 0, 0, 0.4);
            border: 1px solid rgba(120, 150, 200, 0.3);
            border-radius: 5px;
            letter-spacing: -0.5px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .spellSortMenuLabel__3t5h9 {
            -webkit-box-flex: 1;
                    flex: 1 1 auto; }

@-webkit-keyframes spellSortMenuIn__1p9GB {
  0% {
    opacity: 0;
    -webkit-transform: translateY(4px) scale(0.96);
            transform: translateY(4px) scale(0.96); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@keyframes spellSortMenuIn__1p9GB {
  0% {
    opacity: 0;
    -webkit-transform: translateY(4px) scale(0.96);
            transform: translateY(4px) scale(0.96); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .buttons__gQpCz {
            margin-bottom: 8px;
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: center;
                    justify-content: center;
            gap: 8px; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .buttons__gQpCz .tabBtn__2M3Tx {
              -webkit-box-flex: 1;
                      flex: 1 1 0;
              max-width: 130px;
              height: 30px;
              display: -webkit-box;
              display: flex;
              -webkit-box-align: center;
                      align-items: center;
              -webkit-box-pack: center;
                      justify-content: center;
              cursor: pointer;
              font-family: "Doppio One", sans-serif;
              font-size: 12px;
              font-weight: bold;
              letter-spacing: 0.5px;
              color: #9b8e75;
              background: rgba(0, 0, 0, 0.45);
              border: 1px solid #3a342c;
              border-radius: 4px;
              text-shadow: 1px 1px 1px #000;
              -webkit-user-select: none;
                 -moz-user-select: none;
                  -ms-user-select: none;
                      user-select: none;
              -webkit-transition: color 120ms ease,
 border-color 120ms ease,
 background 120ms ease,
 box-shadow 120ms ease,
 -webkit-transform 80ms ease;
              transition: color 120ms ease,
 border-color 120ms ease,
 background 120ms ease,
 box-shadow 120ms ease,
 -webkit-transform 80ms ease;
              transition: color 120ms ease,
 border-color 120ms ease,
 background 120ms ease,
 box-shadow 120ms ease,
 transform 80ms ease;
              transition: color 120ms ease,
 border-color 120ms ease,
 background 120ms ease,
 box-shadow 120ms ease,
 transform 80ms ease,
 -webkit-transform 80ms ease; }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .buttons__gQpCz .tabBtn__2M3Tx:hover {
                color: #d8d3c5;
                border-color: #6d5e48;
                background: rgba(0, 0, 0, 0.6); }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .buttons__gQpCz .tabBtn__2M3Tx:active {
                -webkit-transform: translateY(1px);
                        transform: translateY(1px); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .buttons__gQpCz .tabBtnActive__2OoaO {
              color: #fff8e8;
              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-color: #d48232;
              box-shadow: 0 0 0 1px rgba(212, 130, 50, 0.3), 0 0 10px rgba(212, 130, 50, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1); }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .body__2Ko06 .buttons__gQpCz .tabBtnActive__2OoaO:hover {
                color: #fff;
                border-color: #ec9a44;
                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%); }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsMapRow__3HhU2 {
          -webkit-box-flex: 0;
                  flex: 0 0 140px;
          width: 100%;
          display: -webkit-box;
          display: flex;
          gap: 8px;
          font-size: 0;
          box-sizing: border-box; }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 {
          position: relative;
          -webkit-box-flex: 0;
                  flex: 0 0 200px;
          width: 200px;
          height: 100%;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 11, 14, 0.9)), to(rgba(4, 5, 7, 0.94)));
          background: linear-gradient(to bottom, rgba(10, 11, 14, 0.9) 0%, rgba(4, 5, 7, 0.94) 100%);
          border: 1px solid rgba(140, 95, 50, 0.45);
          border-radius: 8px;
          box-shadow: 0 10px 28px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 22px rgba(140, 95, 50, 0.07), inset 0 1px 0 rgba(255, 220, 160, 0.04);
          -webkit-transition: border-color 240ms ease,
 box-shadow 240ms ease;
          transition: border-color 240ms ease,
 box-shadow 240ms ease;
          box-sizing: border-box;
          padding: 8px 10px;
          display: -webkit-box;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
          gap: 6px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6::before {
            content: "";
            position: absolute;
            top: -1px;
            left: 35%;
            right: 35%;
            height: 1px;
            background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(212, 130, 50, 0.6)), to(transparent));
            background: linear-gradient(to right, transparent 0%, rgba(212, 130, 50, 0.6) 50%, transparent 100%);
            z-index: 2;
            pointer-events: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .hp__3-7L3,
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .mana__2wyLl {
            display: block;
            width: 100%;
            height: 20px;
            margin: 0;
            position: relative;
            background: rgba(0, 0, 0, 0.45);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 4px;
            overflow: hidden;
            box-sizing: border-box; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .hp__3-7L3 .progress_bar__yeTxn,
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .mana__2wyLl .progress_bar__yeTxn {
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              max-width: 100%;
              box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
              -webkit-transition: width 200ms ease-out;
              transition: width 200ms ease-out; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .hp__3-7L3 .num__31s67,
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .mana__2wyLl .num__31s67 {
              position: absolute;
              inset: 0;
              color: #fff;
              font-family: "Doppio One", sans-serif;
              font-size: 11px;
              font-weight: bold;
              text-shadow: 1px 1px 1px #000,
 -1px -1px 1px #000,
 1px -1px 1px #000,
 -1px 1px 1px #000;
              line-height: 18px;
              text-align: center;
              cursor: default; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .hp__3-7L3 .progress_bar__yeTxn {
            background: -webkit-gradient(linear, left top, left bottom, from(#ff7a4d), color-stop(50%, #e0431d), to(#a82a10));
            background: linear-gradient(to bottom, #ff7a4d 0%, #e0431d 50%, #a82a10 100%); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .mana__2wyLl .progress_bar__yeTxn {
            background: -webkit-gradient(linear, left top, left bottom, from(#5eb8ff), color-stop(50%, #2a7fdc), to(#15539a));
            background: linear-gradient(to bottom, #5eb8ff 0%, #2a7fdc 50%, #15539a 100%); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .gold__15RU7 {
            align-self: stretch;
            color: #f0d090;
            font-family: "Doppio One", sans-serif;
            font-size: 13px;
            font-weight: bold;
            text-align: center;
            padding: 5px 10px;
            background: rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(212, 175, 106, 0.25);
            border-radius: 4px;
            text-shadow: 1px 1px 1px #000;
            cursor: default;
            line-height: 16px; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .gold__15RU7::before {
              content: "ORO ";
              color: #aa967f;
              font-size: 11px;
              font-weight: normal;
              letter-spacing: 0.5px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .combatStats__Y2oCD {
            margin-top: auto;
            display: -webkit-box;
            display: flex;
            gap: 8px;
            -webkit-box-pack: justify;
                    justify-content: space-between;
            margin-bottom: 6px; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .combatStats__Y2oCD .combatStat__1940c {
              -webkit-box-flex: 1;
                      flex: 1 1 0;
              text-align: center;
              color: #e6e0cd;
              font-family: "Doppio One", sans-serif;
              font-size: 13px;
              font-weight: bold;
              padding: 4px 0;
              background: rgba(0, 0, 0, 0.3);
              border: 1px solid rgba(255, 255, 255, 0.06);
              border-radius: 4px;
              text-shadow: 1px 1px 1px #000;
              cursor: default;
              line-height: 16px;
              display: -webkit-box;
              display: flex;
              -webkit-box-align: center;
                      align-items: center;
              -webkit-box-pack: center;
                      justify-content: center;
              gap: 6px; }
              .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .combatStats__Y2oCD .combatStat__1940c .combatIcon__1WjW4 {
                font-size: 14px;
                opacity: 0.9;
                line-height: 1;
                -webkit-transform: translateY(-1px);
                        transform: translateY(-1px); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .attr__18biY {
            display: -webkit-box;
            display: flex;
            gap: 8px;
            -webkit-box-pack: justify;
                    justify-content: space-between;
            font-size: 0; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .attr__18biY .agilidad__2QSgf,
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .attr__18biY .fuerza__2uBUu {
              -webkit-box-flex: 1;
                      flex: 1 1 0;
              text-align: center;
              color: #e6e0cd;
              font-family: "Doppio One", sans-serif;
              font-size: 13px;
              font-weight: bold;
              margin: 0;
              padding: 4px 0;
              background: rgba(0, 0, 0, 0.3);
              border: 1px solid rgba(255, 255, 255, 0.06);
              border-radius: 4px;
              text-shadow: 1px 1px 1px #000;
              cursor: default;
              line-height: 16px; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .attr__18biY .agilidad__2QSgf::before {
              content: "AGI ";
              color: #aa967f;
              font-size: 10px;
              font-weight: normal;
              letter-spacing: 0.5px; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .statsBox__1jng6 .attr__18biY .fuerza__2uBUu::before {
              content: "FUE ";
              color: #aa967f;
              font-size: 10px;
              font-weight: normal;
              letter-spacing: 0.5px; }
        .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ {
          position: relative;
          -webkit-box-flex: 0;
                  flex: 0 0 175px;
          width: 175px;
          min-width: 175px;
          max-width: 175px;
          height: 100%;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 11, 14, 0.9)), to(rgba(4, 5, 7, 0.94)));
          background: linear-gradient(to bottom, rgba(10, 11, 14, 0.9) 0%, rgba(4, 5, 7, 0.94) 100%);
          border: 1px solid rgba(140, 95, 50, 0.45);
          border-radius: 8px;
          box-shadow: 0 10px 28px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 22px rgba(140, 95, 50, 0.07), inset 0 1px 0 rgba(255, 220, 160, 0.04);
          -webkit-transition: border-color 240ms ease,
 box-shadow 240ms ease;
          transition: border-color 240ms ease,
 box-shadow 240ms ease;
          box-sizing: border-box;
          padding: 10px 10px 12px;
          display: -webkit-box;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
          -webkit-box-align: center;
                  align-items: center;
          gap: 6px; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ::before {
            content: "";
            position: absolute;
            top: -1px;
            left: 35%;
            right: 35%;
            height: 1px;
            background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(212, 130, 50, 0.6)), to(transparent));
            background: linear-gradient(to right, transparent 0%, rgba(212, 130, 50, 0.6) 50%, transparent 100%);
            z-index: 2;
            pointer-events: none; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ .mapName__19Gzi {
            color: #f0d090;
            font-family: "Doppio One", sans-serif;
            font-size: 13px;
            letter-spacing: 1.6px;
            text-transform: uppercase;
            text-shadow: 1px 1px 1px #000, 0 0 6px rgba(212, 130, 50, 0.4);
            line-height: 14px;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: default; }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ .minimap__3i1NM {
            width: 86px;
            height: 86px;
            margin-top: 4px;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-color: #000;
            border: 1px solid rgba(212, 130, 50, 0.35);
            border-radius: 6px;
            box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.65), 0 2px 6px rgba(0, 0, 0, 0.5), 0 0 10px rgba(212, 130, 50, 0.08);
            position: relative; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ .minimap__3i1NM .point_minimap__3LDLL {
              width: 6px;
              height: 6px;
              background-color: #ff3838;
              border-radius: 50%;
              position: absolute;
              box-shadow: 0 0 5px rgba(255, 56, 56, 0.95), 0 0 10px rgba(255, 56, 56, 0.55);
              z-index: 3; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ .minimap__3i1NM .point_minimap_citizen__2dgEc {
              background-color: #2e7adf;
              box-shadow: 0 0 5px rgba(46, 122, 223, 0.95), 0 0 10px rgba(46, 122, 223, 0.55); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ .minimap__3i1NM .point_minimap_criminal__3lSxP {
              background-color: #ff3838; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ .minimap__3i1NM .point_minimap_gm__wCI-A {
              background-color: #5dd56d;
              box-shadow: 0 0 5px rgba(93, 213, 109, 0.95), 0 0 10px rgba(93, 213, 109, 0.55); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ .minimap__3i1NM .partyDotMinimap__1_wNe {
              width: 5px;
              height: 5px;
              border-radius: 50%;
              position: absolute;
              border: 1px solid rgba(255, 255, 255, 0.5);
              z-index: 2;
              pointer-events: none; }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ .minimap__3i1NM .partyDotMinimapCitizen__3MP0O {
              background-color: #2e7adf;
              box-shadow: 0 0 3px rgba(46, 122, 223, 0.75); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ .minimap__3i1NM .partyDotMinimapCriminal__3UK7_ {
              background-color: #ff3838;
              box-shadow: 0 0 3px rgba(255, 56, 56, 0.75); }
            .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ .minimap__3i1NM .partyDotMinimapGm__3YBs9 {
              background-color: #5dd56d;
              box-shadow: 0 0 3px rgba(93, 213, 109, 0.75); }
          .outer__1oYvp .middle__2TjDU .content__1JaK2 .content_right__30vdI .mapBox__3SvlJ .mapCoords__2BsmV {
            color: rgba(170, 150, 127, 0.85);
            font-family: "Doppio One", sans-serif;
            font-size: 10px;
            letter-spacing: 0.9px;
            text-transform: uppercase;
            text-shadow: 1px 1px 1px #000;
            line-height: 14px;
            margin-top: 4px;
            cursor: default; }

.lobbyPage__2-x3l {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 30px 16px;
  box-sizing: border-box;
  min-height: calc(100vh - 80px);
  font-family: "Doppio One", sans-serif; }

.lobbyCard__3hpXT {
  position: relative;
  width: 100%;
  max-width: 720px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 22, 28, 0.95)), to(rgba(11, 14, 18, 0.95)));
  background: linear-gradient(to bottom, rgba(18, 22, 28, 0.95) 0%, rgba(11, 14, 18, 0.95) 100%);
  border: 1px solid rgba(212, 130, 50, 0.25);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 24px rgba(212, 130, 50, 0.08);
  color: #d8d3c5;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }
  .lobbyCard__3hpXT::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 24px;
    right: 24px;
    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%);
    z-index: 1; }

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

.lobbyTabs__2woyv {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 22px 22px 10px; }

.lobbyTab__uix3q {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: 6px;
  padding: 16px 12px;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  color: #aa967f;
  cursor: pointer;
  font-family: "Doppio One", sans-serif;
  -webkit-transition: background 160ms ease,
 border-color 160ms ease,
 color 160ms ease,
 box-shadow 160ms ease,
 -webkit-transform 160ms ease;
  transition: background 160ms ease,
 border-color 160ms ease,
 color 160ms ease,
 box-shadow 160ms ease,
 -webkit-transform 160ms ease;
  transition: background 160ms ease,
 border-color 160ms ease,
 color 160ms ease,
 box-shadow 160ms ease,
 transform 160ms ease;
  transition: background 160ms ease,
 border-color 160ms ease,
 color 160ms ease,
 box-shadow 160ms ease,
 transform 160ms ease,
 -webkit-transform 160ms ease; }
  .lobbyTab__uix3q svg {
    font-size: 20px;
    -webkit-transition: color 160ms ease, -webkit-transform 160ms ease;
    transition: color 160ms ease, -webkit-transform 160ms ease;
    transition: color 160ms ease, transform 160ms ease;
    transition: color 160ms ease, transform 160ms ease, -webkit-transform 160ms ease; }
  .lobbyTab__uix3q span {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.6px; }
  .lobbyTab__uix3q small {
    font-size: 10px;
    color: #6d5e48;
    letter-spacing: 0.3px; }
  .lobbyTab__uix3q:hover {
    background: rgba(212, 130, 50, 0.1);
    color: #d8d3c5;
    border-color: rgba(212, 130, 50, 0.45);
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }
    .lobbyTab__uix3q:hover svg {
      color: #ec9a44; }

.lobbyTabActive__IqozY {
  color: #fff8e8;
  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-color: #d48232;
  box-shadow: 0 0 0 1px rgba(236, 154, 68, 0.45), 0 4px 16px rgba(212, 130, 50, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15); }
  .lobbyTabActive__IqozY svg {
    color: #ec9a44;
    text-shadow: 0 0 12px rgba(236, 154, 68, 0.5); }
  .lobbyTabActive__IqozY small {
    color: rgba(255, 248, 232, 0.78); }
  .lobbyTabActive__IqozY:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(228, 148, 68, 0.5)), to(rgba(160, 85, 28, 0.5)));
    background: linear-gradient(to bottom, rgba(228, 148, 68, 0.5) 0%, rgba(160, 85, 28, 0.5) 100%);
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }

.lobbyHint__y-p2Z {
  margin: 8px 20px;
  padding: 10px 12px;
  background: rgba(212, 130, 50, 0.1);
  border: 1px solid rgba(212, 130, 50, 0.4);
  border-radius: 6px;
  color: #f0d090;
  font-size: 12px;
  text-align: center; }

.lobbyGrid__2D0E3 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  padding: 14px 22px 22px; }

.lobbySlot__11plF {
  position: relative;
  aspect-ratio: 4 / 5;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 6px;
  padding: 8px 4px;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  cursor: default;
  -webkit-transition: background 160ms ease,
 border-color 160ms ease,
 box-shadow 160ms ease,
 -webkit-transform 160ms ease;
  transition: background 160ms ease,
 border-color 160ms ease,
 box-shadow 160ms ease,
 -webkit-transform 160ms ease;
  transition: background 160ms ease,
 border-color 160ms ease,
 box-shadow 160ms ease,
 transform 160ms ease;
  transition: background 160ms ease,
 border-color 160ms ease,
 box-shadow 160ms ease,
 transform 160ms ease,
 -webkit-transform 160ms ease;
  overflow: hidden; }
  .lobbySlot__11plF:hover .lobbySlotDelete__-Kmhe {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }

.lobbySlotDelete__-Kmhe {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background: rgba(20, 8, 8, 0.85);
  border: 1px solid rgba(220, 80, 80, 0.55);
  border-radius: 4px;
  color: #ff8080;
  cursor: pointer;
  font-size: 11px;
  opacity: 0;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
  -webkit-transition: all 140ms ease;
  transition: all 140ms ease;
  z-index: 2;
  padding: 0; }
  .lobbySlotDelete__-Kmhe:hover {
    background: rgba(180, 50, 50, 0.55);
    border-color: #ff8080;
    color: #fff0f0;
    box-shadow: 0 0 8px rgba(220, 80, 80, 0.5); }

.lobbySlotFilled__fqCwU {
  cursor: pointer; }
  .lobbySlotFilled__fqCwU:hover {
    background: rgba(212, 130, 50, 0.14);
    border-color: #d48232;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    box-shadow: 0 0 0 1px rgba(236, 154, 68, 0.35), 0 8px 18px rgba(0, 0, 0, 0.55), 0 0 16px rgba(212, 130, 50, 0.18); }

.lobbySlotDragging__24KDd {
  opacity: 0.4;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transition: opacity 100ms ease, -webkit-transform 100ms ease;
  transition: opacity 100ms ease, -webkit-transform 100ms ease;
  transition: opacity 100ms ease, transform 100ms ease;
  transition: opacity 100ms ease, transform 100ms ease, -webkit-transform 100ms ease; }

.lobbySlotDropTarget__nrqNF {
  border-color: #d48232 !important;
  background: rgba(212, 130, 50, 0.22) !important;
  box-shadow: inset 0 0 8px rgba(212, 130, 50, 0.4), 0 0 0 1px rgba(236, 154, 68, 0.55), 0 0 14px rgba(212, 130, 50, 0.35) !important;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  -webkit-transition: border-color 80ms ease,
 background 80ms ease,
 box-shadow 80ms ease,
 -webkit-transform 80ms ease;
  transition: border-color 80ms ease,
 background 80ms ease,
 box-shadow 80ms ease,
 -webkit-transform 80ms ease;
  transition: border-color 80ms ease,
 background 80ms ease,
 box-shadow 80ms ease,
 transform 80ms ease;
  transition: border-color 80ms ease,
 background 80ms ease,
 box-shadow 80ms ease,
 transform 80ms ease,
 -webkit-transform 80ms ease; }

.lobbySlotCanvas__3otIp {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated; }

.lobbySlotName__2S7kf {
  font-size: 11px;
  color: #fff8e8;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: center; }

.lobbySlotOnline__1I0v1 {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 2;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 4px;
  padding: 2px 6px;
  background: rgba(20, 30, 18, 0.85);
  border: 1px solid rgba(120, 210, 100, 0.55);
  border-radius: 10px;
  color: #c8f0a8;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 6px rgba(120, 210, 100, 0.25);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.lobbySlotOnlineDot__2B11M {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #6fe04a;
  box-shadow: 0 0 4px rgba(110, 220, 70, 0.9);
  -webkit-animation: lobbyOnlinePulse__pDrCj 1.6s ease-in-out infinite;
          animation: lobbyOnlinePulse__pDrCj 1.6s ease-in-out infinite; }

@-webkit-keyframes lobbyOnlinePulse__pDrCj {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    opacity: 0.55;
    -webkit-transform: scale(0.85);
            transform: scale(0.85); } }

@keyframes lobbyOnlinePulse__pDrCj {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    opacity: 0.55;
    -webkit-transform: scale(0.85);
            transform: scale(0.85); } }

@-webkit-keyframes invTooltipIn__1YxFB {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(3px);
            transform: translateX(-50%) translateY(3px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0); } }

@keyframes invTooltipIn__1YxFB {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(3px);
            transform: translateX(-50%) translateY(3px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0); } }

.lobbySlotEmpty__2spb1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: 4px;
  color: #4a4036; }
  .lobbySlotEmpty__2spb1 svg {
    font-size: 26px; }
  .lobbySlotEmpty__2spb1 span {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px; }

.lobbyDivider__3VzQX {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 14px;
  margin: 18px 26px 14px;
  color: #aa967f;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2.2px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .lobbyDivider__3VzQX::before, .lobbyDivider__3VzQX::after {
    content: "";
    -webkit-box-flex: 1;
            flex: 1;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(212, 130, 50, 0.45)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(212, 130, 50, 0.45) 50%, transparent 100%); }

.lobbyDividerText__BLABf {
  color: #ec9a44;
  text-shadow: 0 0 8px rgba(212, 130, 50, 0.3);
  padding: 0 4px;
  font-weight: bold; }

.createCharSection__324VP {
  width: 100%;
  padding: 22px 24px 28px;
  box-sizing: border-box; }

.modalDeleteChar__3hnbr {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 250;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px); }

.modalDeleteInner__6Id1w {
  width: 380px;
  max-width: calc(100vw - 32px);
  background: rgba(14, 16, 20, 0.97);
  border: 1px solid rgba(220, 80, 80, 0.35);
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(220, 80, 80, 0.15);
  font-family: "Doppio One", sans-serif;
  color: #d8d3c5;
  overflow: hidden; }

.modalDeleteHeader__3Stf5 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(200, 60, 60, 0.28)), to(rgba(120, 30, 30, 0.22)));
  background: linear-gradient(to bottom, rgba(200, 60, 60, 0.28) 0%, rgba(120, 30, 30, 0.22) 100%);
  border-bottom: 1px solid rgba(220, 80, 80, 0.4);
  color: #ffe0e0;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 1px #000; }
  .modalDeleteHeader__3Stf5 svg {
    color: #ff8080;
    font-size: 16px; }

.modalDeleteBody__1Sfix {
  padding: 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 12px; }

.modalDeleteWarn__2_yyn {
  margin: 0;
  color: #d8d3c5;
  font-size: 13px;
  line-height: 1.5; }
  .modalDeleteWarn__2_yyn strong {
    color: #ff8080; }

.modalDeleteCharName__3zOrz {
  color: #d48232 !important;
  text-shadow: 0 0 6px rgba(212, 130, 50, 0.45); }

.modalDeleteLabel__KwJBl {
  color: #aa967f;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

.modalDeleteInput__6gpFj {
  width: 100%;
  height: 38px;
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(220, 80, 80, 0.3);
  border-radius: 6px;
  color: #fff8e8;
  font-family: "Doppio One", sans-serif;
  font-size: 14px;
  -webkit-transition: all 120ms ease;
  transition: all 120ms ease;
  box-sizing: border-box; }
  .modalDeleteInput__6gpFj:focus {
    outline: none;
    border-color: #ff8080;
    box-shadow: 0 0 0 2px rgba(220, 80, 80, 0.2); }
  .modalDeleteInput__6gpFj:disabled {
    opacity: 0.6;
    cursor: not-allowed; }
  .modalDeleteInput__6gpFj::-webkit-input-placeholder {
    color: #5a4a40;
    font-style: italic; }
  .modalDeleteInput__6gpFj::-moz-placeholder {
    color: #5a4a40;
    font-style: italic; }
  .modalDeleteInput__6gpFj:-ms-input-placeholder {
    color: #5a4a40;
    font-style: italic; }
  .modalDeleteInput__6gpFj::-ms-input-placeholder {
    color: #5a4a40;
    font-style: italic; }
  .modalDeleteInput__6gpFj::placeholder {
    color: #5a4a40;
    font-style: italic; }

.modalDeleteError__3l6xT {
  color: #ff8080;
  font-size: 12px;
  padding: 6px 10px;
  background: rgba(120, 30, 30, 0.25);
  border: 1px solid rgba(220, 80, 80, 0.35);
  border-radius: 4px; }

.modalDeleteFooter__3r3DK {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  gap: 8px;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.35);
  border-top: 1px solid rgba(255, 255, 255, 0.05); }

.modalDeleteCancel__JQCDW {
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #d8d3c5;
  cursor: pointer;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  letter-spacing: 0.3px;
  -webkit-transition: all 120ms ease;
  transition: all 120ms ease; }
  .modalDeleteCancel__JQCDW:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2); }
  .modalDeleteCancel__JQCDW:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

.modalDeleteConfirm__wCii0 {
  padding: 8px 14px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(200, 60, 60, 0.55)), to(rgba(120, 30, 30, 0.55)));
  background: linear-gradient(to bottom, rgba(200, 60, 60, 0.55) 0%, rgba(120, 30, 30, 0.55) 100%);
  border: 1px solid rgba(220, 80, 80, 0.7);
  border-radius: 6px;
  color: #fff0f0;
  cursor: pointer;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.3px;
  -webkit-transition: all 120ms ease;
  transition: all 120ms ease; }
  .modalDeleteConfirm__wCii0:hover:not(:disabled) {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(220, 80, 80, 0.7)), to(rgba(140, 40, 40, 0.7)));
    background: linear-gradient(to bottom, rgba(220, 80, 80, 0.7) 0%, rgba(140, 40, 40, 0.7) 100%);
    border-color: #ff8080;
    box-shadow: 0 0 10px rgba(220, 80, 80, 0.45); }
  .modalDeleteConfirm__wCii0:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background: rgba(80, 30, 30, 0.4);
    border-color: rgba(220, 80, 80, 0.25); }

.modalWorldMap__5qqdD {
  position: absolute;
  inset: 32px;
  z-index: 8;
  background: repeating-linear-gradient(180deg, transparent 0, transparent 3px, rgba(220, 175, 110, 0.014) 3px, rgba(220, 175, 110, 0.014) 4px), radial-gradient(ellipse at top left, rgba(78, 42, 12, 0.55) 0%, transparent 32%), radial-gradient(ellipse at top right, rgba(78, 42, 12, 0.55) 0%, transparent 32%), radial-gradient(ellipse at bottom left, rgba(78, 42, 12, 0.55) 0%, transparent 32%), radial-gradient(ellipse at bottom right, rgba(78, 42, 12, 0.55) 0%, transparent 32%), -webkit-gradient(linear, left top, left bottom, from(rgba(22, 18, 12, 0.82)), to(rgba(14, 10, 6, 0.86)));
  background: repeating-linear-gradient(180deg, transparent 0, transparent 3px, rgba(220, 175, 110, 0.014) 3px, rgba(220, 175, 110, 0.014) 4px), radial-gradient(ellipse at top left, rgba(78, 42, 12, 0.55) 0%, transparent 32%), radial-gradient(ellipse at top right, rgba(78, 42, 12, 0.55) 0%, transparent 32%), radial-gradient(ellipse at bottom left, rgba(78, 42, 12, 0.55) 0%, transparent 32%), radial-gradient(ellipse at bottom right, rgba(78, 42, 12, 0.55) 0%, transparent 32%), linear-gradient(to bottom, rgba(22, 18, 12, 0.82) 0%, rgba(14, 10, 6, 0.86) 100%);
  border: 2px solid rgba(160, 115, 55, 0.78);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(50, 28, 10, 0.65), inset 0 0 0 3px rgba(220, 175, 110, 0.18), inset 0 0 0 4px rgba(50, 28, 10, 0.45), inset 0 0 48px rgba(35, 20, 5, 0.75), 0 14px 36px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 26px rgba(212, 130, 50, 0.22);
  overflow: hidden;
  font-family: "Doppio One", sans-serif;
  color: #d8d3c5;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-animation: mapOverlayIn__1oInz 220ms cubic-bezier(0.2, 0.9, 0.3, 1.1);
          animation: mapOverlayIn__1oInz 220ms cubic-bezier(0.2, 0.9, 0.3, 1.1);
  -webkit-transform-origin: center;
          transform-origin: center; }
  .modalWorldMap__5qqdD::before, .modalWorldMap__5qqdD::after {
    content: "";
    position: absolute;
    left: 28px;
    right: 28px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(236, 170, 88, 0.85)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(236, 170, 88, 0.85) 50%, transparent 100%);
    z-index: 2;
    pointer-events: none; }
  .modalWorldMap__5qqdD::before {
    top: 2px; }
  .modalWorldMap__5qqdD::after {
    bottom: 2px; }

@-webkit-keyframes mapOverlayIn__1oInz {
  from {
    opacity: 0;
    -webkit-transform: scale(0.985);
            transform: scale(0.985); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes mapOverlayIn__1oInz {
  from {
    opacity: 0;
    -webkit-transform: scale(0.985);
            transform: scale(0.985); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.modalWorldMapBody__nPZE5 {
  width: 100%;
  height: 100%;
  padding: 6px;
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }

.modalWorldMapEmpty__2h98u {
  color: #aa967f;
  font-style: italic;
  text-align: center;
  padding: 20px; }

.modalWorldMapGrid__23xa_ {
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box; }

.worldMapCellEmpty__2ITvK {
  background: rgba(0, 0, 0, 0.6); }

.worldMapCell__3W6SI {
  position: relative;
  background-color: #1a1d22;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  cursor: pointer;
  -webkit-transition: outline-color 120ms ease, box-shadow 120ms ease;
  transition: outline-color 120ms ease, box-shadow 120ms ease;
  outline: 1px solid transparent;
  outline-offset: -1px;
  box-sizing: border-box; }
  .worldMapCell__3W6SI:hover {
    outline-color: #d48232;
    z-index: 5;
    box-shadow: inset 0 0 0 1px #d48232, 0 0 14px rgba(212, 130, 50, 0.45); }

.worldMapCellMissing__Fgymy {
  background-color: rgba(40, 30, 20, 0.5); }
  .worldMapCellMissing__Fgymy::after {
    content: "?";
    position: absolute;
    inset: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    color: #4a4036;
    font-size: 20px;
    font-weight: bold; }

.worldMapCellHere__10oln {
  border-color: #ff4040 !important;
  box-shadow: 0 0 0 2px #ff4040, 0 0 14px rgba(255, 64, 64, 0.8);
  z-index: 10;
  -webkit-animation: worldMapHerePulse__GNTV1 1.6s ease-in-out infinite;
          animation: worldMapHerePulse__GNTV1 1.6s ease-in-out infinite; }

@-webkit-keyframes worldMapHerePulse__GNTV1 {
  0%, 100% {
    box-shadow: 0 0 0 2px #ff4040, 0 0 14px rgba(255, 64, 64, 0.8); }
  50% {
    box-shadow: 0 0 0 2px #ffa040, 0 0 22px rgba(255, 120, 64, 0.95); } }

@keyframes worldMapHerePulse__GNTV1 {
  0%, 100% {
    box-shadow: 0 0 0 2px #ff4040, 0 0 14px rgba(255, 64, 64, 0.8); }
  50% {
    box-shadow: 0 0 0 2px #ffa040, 0 0 22px rgba(255, 120, 64, 0.95); } }

.worldMapCellNum__2MBY6 {
  position: absolute;
  bottom: 1px;
  right: 2px;
  color: #fff8e8;
  font-size: 9px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000,
 -1px -1px 1px #000,
 1px -1px 1px #000,
 -1px 1px 1px #000;
  padding: 0 2px;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 2px;
  line-height: 1; }

.worldMapCellMarker__jZ0IJ {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: #ff4040;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  box-shadow: 0 0 6px rgba(255, 64, 64, 0.9);
  pointer-events: none; }

.worldMapCellPartyBadge__3GAwA {
  position: absolute;
  top: 3px;
  right: 3px;
  min-width: 8px;
  height: 8px;
  padding: 0 1px;
  border-radius: 4px;
  color: #fff;
  font-family: "Doppio One", sans-serif;
  font-size: 7px;
  font-weight: bold;
  line-height: 8px;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
  pointer-events: none;
  z-index: 3; }

.worldMapCellPartyBadgeCitizen__RJZRU {
  background: #2e7adf; }

.worldMapCellPartyBadgeCriminal__3vs2F {
  background: #ff3838; }

.worldMapCellPartyBadgeGm__bZ-f2 {
  background: #5dd56d; }

.worldMapCellTooltip__2zOfL {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  margin-top: 4px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: baseline;
          align-items: baseline;
  gap: 6px;
  background: rgba(14, 16, 20, 0.97);
  color: #fff8e8;
  border: 1px solid rgba(212, 130, 50, 0.5);
  border-radius: 4px;
  padding: 4px 9px;
  font-family: "Doppio One", sans-serif;
  font-size: 12px;
  letter-spacing: 0.3px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 130ms ease,
 -webkit-transform 130ms ease;
  transition: opacity 130ms ease,
 -webkit-transform 130ms ease;
  transition: opacity 130ms ease,
 transform 130ms ease;
  transition: opacity 130ms ease,
 transform 130ms ease,
 -webkit-transform 130ms ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.4);
  z-index: 300; }
  .worldMapCellTooltip__2zOfL::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border: 5px solid transparent;
    border-bottom-color: rgba(212, 130, 50, 0.5); }
  .worldMapCellTooltip__2zOfL::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 1px);
            transform: translate(-50%, 1px);
    border: 4px solid transparent;
    border-bottom-color: rgba(14, 16, 20, 0.97); }

.worldMapCellTooltipName__mAsGG {
  font-weight: bold;
  text-shadow: 1px 1px 1px #000; }

.worldMapCellTooltipId__15Hzg {
  color: #aa967f;
  font-size: 10px;
  letter-spacing: 0.4px; }

.modalSpellInfo__29egc {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 230;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  cursor: pointer; }

.modalSpellInfoInner__20Heo {
  width: 460px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 60px);
  background: rgba(14, 16, 20, 0.97);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.85);
  font-family: "Doppio One", sans-serif;
  color: #d8d3c5;
  cursor: default;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  overflow: hidden; }

.modalSpellInfoHeader__1aifi {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 130, 50, 0.22)), to(rgba(140, 70, 20, 0.15)));
  background: linear-gradient(to bottom, rgba(212, 130, 50, 0.22) 0%, rgba(140, 70, 20, 0.15) 100%);
  border-bottom: 1px solid rgba(212, 130, 50, 0.3);
  color: #fff8e8;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 1px #000; }

.modalSpellInfoClose__2BzCP {
  color: #d48232;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px; }
  .modalSpellInfoClose__2BzCP:hover {
    background: rgba(212, 130, 50, 0.18);
    color: #ec9a44; }

.modalSpellInfoBody__3oun7 {
  padding: 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 12px;
  overflow-y: auto; }

.modalSpellInfoTop__2zkfQ {
  display: -webkit-box;
  display: flex;
  gap: 14px;
  -webkit-box-align: start;
          align-items: flex-start; }

.modalSpellInfoImg__3DeyG {
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: 64px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(212, 130, 50, 0.35);
  border-radius: 6px; }

.modalSpellInfoFacts__1uuYH {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 12px; }

.modalSpellInfoFact__plSNg {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  gap: 6px;
  padding: 2px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.06);
  font-size: 12px; }

.modalSpellInfoFactLabel__2FcVW {
  color: #aa967f;
  text-transform: uppercase;
  letter-spacing: 0.3px; }

.modalSpellInfoFactValue__3_ki4 {
  color: #fff8e8;
  font-weight: bold; }

.modalSpellInfoEffects__1kjHB {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 6px; }

.modalSpellInfoEffect__3KUjs {
  padding: 3px 8px;
  background: rgba(212, 130, 50, 0.18);
  border: 1px solid rgba(212, 130, 50, 0.4);
  border-radius: 12px;
  color: #fff8e8;
  font-size: 11px;
  letter-spacing: 0.3px; }

.modalSpellInfoDesc__1OoeO {
  margin: 0;
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.4);
  border-left: 2px solid #d48232;
  border-radius: 0 4px 4px 0;
  color: #d8d3c5;
  font-size: 12.5px;
  line-height: 1.55;
  font-style: italic; }

.modalSpellInfoWords__3qjSn {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 2px;
  padding: 6px 10px;
  background: rgba(40, 30, 60, 0.45);
  border: 1px solid rgba(120, 90, 180, 0.35);
  border-radius: 4px; }
  .modalSpellInfoWords__3qjSn em {
    color: #c9b6e8;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-shadow: 0 0 4px rgba(150, 120, 220, 0.4); }

.modalSpellInfoWordsLabel__EgoyZ {
  color: #aa967f;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.4px; }

.npcContextMenu__1WHHX {
  position: fixed;
  z-index: 250;
  min-width: 160px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 11, 14, 0.95)), to(rgba(4, 5, 7, 0.97)));
  background: linear-gradient(to bottom, rgba(10, 11, 14, 0.95) 0%, rgba(4, 5, 7, 0.97) 100%);
  border: 1px solid rgba(140, 95, 50, 0.5);
  border-radius: 6px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 18px rgba(212, 130, 50, 0.12), inset 0 1px 0 rgba(255, 220, 160, 0.06);
  font-family: "Doppio One", sans-serif;
  color: #d8d3c5;
  overflow: hidden;
  -webkit-animation: ctxMenuIn__122Ih 140ms ease-out;
          animation: ctxMenuIn__122Ih 140ms ease-out; }

@-webkit-keyframes ctxMenuIn__122Ih {
  from {
    opacity: 0;
    -webkit-transform: translateY(-2px) scale(0.98);
            transform: translateY(-2px) scale(0.98); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@keyframes ctxMenuIn__122Ih {
  from {
    opacity: 0;
    -webkit-transform: translateY(-2px) scale(0.98);
            transform: translateY(-2px) scale(0.98); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

.npcContextMenuHeader__3M-bZ {
  padding: 8px 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 130, 50, 0.14)), to(rgba(140, 70, 20, 0.05)));
  background: linear-gradient(to bottom, rgba(212, 130, 50, 0.14) 0%, rgba(140, 70, 20, 0.05) 100%);
  border-bottom: 1px solid rgba(212, 130, 50, 0.22);
  color: #f0d090;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.npcContextMenuItem__2N-Gp {
  display: block;
  width: 100%;
  padding: 9px 14px;
  background: transparent;
  border: none;
  color: #d8d3c5;
  cursor: pointer;
  font-family: "Doppio One", sans-serif;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-align: left;
  -webkit-transition: background 100ms ease,
 color 100ms ease;
  transition: background 100ms ease,
 color 100ms ease; }
  .npcContextMenuItem__2N-Gp:hover {
    background: rgba(212, 130, 50, 0.16);
    color: #fff8e8; }

.npcInspectBackdrop__YuUpO {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 220;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-family: "Doppio One", sans-serif;
  -webkit-animation: ctxMenuIn__122Ih 160ms ease-out;
          animation: ctxMenuIn__122Ih 160ms ease-out; }

.npcInspectCard__Eg1s0 {
  position: relative;
  width: 420px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 64px);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 11, 14, 0.95)), to(rgba(4, 5, 7, 0.97)));
  background: linear-gradient(to bottom, rgba(10, 11, 14, 0.95) 0%, rgba(4, 5, 7, 0.97) 100%);
  border: 1px solid rgba(140, 95, 50, 0.45);
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 28px rgba(140, 95, 50, 0.12), inset 0 1px 0 rgba(255, 220, 160, 0.06);
  overflow: hidden;
  color: #d8d3c5;
  -webkit-animation: npcInspectIn__6T4Fv 220ms cubic-bezier(0.2, 0.9, 0.3, 1.1);
          animation: npcInspectIn__6T4Fv 220ms cubic-bezier(0.2, 0.9, 0.3, 1.1); }
  .npcInspectCard__Eg1s0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 30%;
    right: 30%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(212, 130, 50, 0.7)), to(transparent));
    background: linear-gradient(to right, transparent 0%, rgba(212, 130, 50, 0.7) 50%, transparent 100%);
    z-index: 2;
    pointer-events: none; }

@-webkit-keyframes npcInspectIn__6T4Fv {
  from {
    opacity: 0;
    -webkit-transform: translateY(-8px) scale(0.96);
            transform: translateY(-8px) scale(0.96); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@keyframes npcInspectIn__6T4Fv {
  from {
    opacity: 0;
    -webkit-transform: translateY(-8px) scale(0.96);
            transform: translateY(-8px) scale(0.96); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

.npcInspectHeader__2SXyZ {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 14px 18px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(212, 130, 50, 0.14)), to(rgba(140, 70, 20, 0.06)));
  background: linear-gradient(to bottom, rgba(212, 130, 50, 0.14) 0%, rgba(140, 70, 20, 0.06) 100%);
  border-bottom: 1px solid rgba(212, 130, 50, 0.25); }

.npcInspectTitle__2V1ur {
  font-size: 17px;
  font-weight: bold;
  color: #fff8e8;
  letter-spacing: 0.8px;
  text-shadow: 1px 1px 1px #000, 0 0 12px rgba(212, 130, 50, 0.2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 320px; }

.npcInspectClose__3YKoO {
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  color: #aa967f;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background 140ms ease,
 border-color 140ms ease,
 color 140ms ease;
  transition: background 140ms ease,
 border-color 140ms ease,
 color 140ms ease;
  flex-shrink: 0; }
  .npcInspectClose__3YKoO:hover {
    background: rgba(220, 80, 80, 0.18);
    border-color: rgba(220, 80, 80, 0.6);
    color: #ff8888; }

.npcInspectBody__1Gspf {
  display: -webkit-box;
  display: flex;
  gap: 16px;
  padding: 16px 18px; }

.npcInspectSprite__2MZTY {
  position: relative;
  width: 76px;
  height: 76px;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(212, 130, 50, 0.35);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.6), 0 0 10px rgba(212, 130, 50, 0.08);
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated; }

.npcInspectSpriteBody__2zeJh {
  position: absolute;
  background-repeat: no-repeat;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  bottom: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1; }

.npcInspectSpriteHead__2_T7J {
  position: absolute;
  background-repeat: no-repeat;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  top: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2; }

.npcInspectStats__geDgd {
  -webkit-box-flex: 1;
          flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 14px;
  align-content: center; }

.npcInspectStat__4lhHX {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
          align-items: baseline;
  gap: 8px;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 4px; }

.npcInspectStatLabel__1wsQ3 {
  color: #6a5e4c;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-transform: uppercase; }

.npcInspectStatValue__1Exm8 {
  color: #f0d090;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.3px;
  text-shadow: 1px 1px 1px #000; }

.npcInspectDesc___1A_L {
  padding: 0 18px 12px;
  color: #aa967f;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.3px;
  font-style: italic; }

.npcInspectDrops__1zrv1 {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding: 12px 18px 14px; }

.npcInspectDropsHeader__2oL1p {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
          align-items: baseline;
  margin-bottom: 8px;
  color: #aa967f;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1.6px;
  text-transform: uppercase; }

.npcInspectDropsCount__3_j3U {
  color: #6a5e4c;
  letter-spacing: 0.8px; }

.npcInspectDropsList__3AkLA {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 4px;
  max-height: 180px;
  overflow-y: auto; }

.npcInspectDropItem__1cUSO {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px;
  padding: 5px 8px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 4px;
  -webkit-transition: background 120ms ease, border-color 120ms ease;
  transition: background 120ms ease, border-color 120ms ease; }
  .npcInspectDropItem__1cUSO:hover {
    background: rgba(212, 130, 50, 0.06);
    border-color: rgba(212, 130, 50, 0.18); }

.npcInspectDropImg__1Gk0Y {
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  flex-shrink: 0; }

.npcInspectDropName__2s88Q {
  -webkit-box-flex: 1;
          flex: 1;
  color: #d8d3c5;
  font-size: 12px;
  letter-spacing: 0.2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.npcInspectDropCant__bZ-YL {
  color: #f0d090;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.4px;
  flex-shrink: 0; }

.npcInspectDropChance__Wc_In {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  min-width: 44px;
  height: 20px;
  padding: 0 7px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.4px;
  flex-shrink: 0;
  text-shadow: 1px 1px 1px #000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.npcDropChanceHigh__1WJAe {
  background: rgba(76, 175, 80, 0.18);
  border: 1px solid rgba(76, 175, 80, 0.45);
  color: #8fd692; }

.npcDropChanceMid__1IaNM {
  background: rgba(245, 197, 66, 0.18);
  border: 1px solid rgba(245, 197, 66, 0.45);
  color: #f5d871; }

.npcDropChanceLow__2Xav_ {
  background: rgba(220, 80, 80, 0.18);
  border: 1px solid rgba(220, 80, 80, 0.45);
  color: #ff9090; }

.npcInspectEmpty__2aTlH {
  padding: 12px;
  text-align: center;
  color: #6a5e4c;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0.3px; }

.npcInspectGold__3pu0J {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 10px 18px;
  background: rgba(245, 197, 66, 0.06);
  border-top: 1px solid rgba(245, 197, 66, 0.18);
  color: #aa967f;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1.4px;
  text-transform: uppercase; }

.npcInspectGoldValue__2K3ny {
  color: #f5c542;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 1px #000, 0 0 8px rgba(245, 197, 66, 0.3); }

.page__x8RBw {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 0 16px 30px;
  box-sizing: border-box; }

.card__2Twg8 {
  width: 100%;
  max-width: 860px;
  background: rgba(14, 16, 20, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.7);
  font-family: "Doppio One", sans-serif;
  color: #d8d3c5;
  overflow: hidden; }

.cardHeader__1dclF {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 12px;
  padding: 18px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 197, 66, 0.15)), to(rgba(140, 100, 20, 0.08)));
  background: linear-gradient(to bottom, rgba(245, 197, 66, 0.15) 0%, rgba(140, 100, 20, 0.08) 100%);
  border-bottom: 1px solid rgba(245, 197, 66, 0.25); }
  .cardHeader__1dclF h2 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #fff8e8;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px #000;
    -webkit-box-flex: 1;
            flex: 1; }
  .cardHeader__1dclF svg {
    color: #f5c542;
    font-size: 22px;
    -webkit-filter: drop-shadow(0 0 6px rgba(245, 197, 66, 0.5));
            filter: drop-shadow(0 0 6px rgba(245, 197, 66, 0.5)); }

.subtitle__Ss-IV {
  color: #aa967f;
  font-size: 11px;
  padding: 4px 12px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  letter-spacing: 1px;
  text-transform: uppercase; }

.searchBar__Enlo7 {
  position: relative;
  padding: 12px 20px;
  background: rgba(0, 0, 0, 0.35);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05); }

.searchIcon__1k03R {
  position: absolute;
  top: 50%;
  left: 32px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #6a5e4c;
  font-size: 12px;
  pointer-events: none;
  -webkit-transition: color 140ms ease;
  transition: color 140ms ease; }

.searchInput__3x4P0 {
  width: 100%;
  box-sizing: border-box;
  height: 34px;
  padding: 0 12px 0 34px;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 5px;
  color: #fff8e8;
  font-family: "Doppio One", sans-serif;
  font-size: 13px;
  outline: none;
  -webkit-transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease; }
  .searchInput__3x4P0::-webkit-input-placeholder {
    color: #555; }
  .searchInput__3x4P0::-moz-placeholder {
    color: #555; }
  .searchInput__3x4P0:-ms-input-placeholder {
    color: #555; }
  .searchInput__3x4P0::-ms-input-placeholder {
    color: #555; }
  .searchInput__3x4P0::placeholder {
    color: #555; }
  .searchInput__3x4P0:hover {
    border-color: rgba(255, 255, 255, 0.18); }
  .searchInput__3x4P0:focus {
    border-color: #d48232;
    background: rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 3px rgba(212, 130, 50, 0.16); }
    .searchInput__3x4P0:focus + .searchIcon__1k03R,
    .searchInput__3x4P0:focus ~ .searchIcon__1k03R {
      color: #d48232; }
  .searchInput__3x4P0:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

.searchBar__Enlo7:focus-within .searchIcon__1k03R {
  color: #d48232; }

.tableHeader__22ER7 {
  display: grid;
  grid-template-columns: 56px 1fr 70px 130px 80px;
  -webkit-box-align: center;
          align-items: center;
  padding: 12px 20px;
  background: rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  color: #aa967f;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .tableHeader__22ER7 > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    gap: 6px; }

.tableBody__1LBg1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  min-height: 120px; }

.row__3oy64 {
  display: grid;
  grid-template-columns: 56px 1fr 70px 130px 80px;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  -webkit-transition: background 120ms ease;
  transition: background 120ms ease;
  -webkit-animation: rowFadeIn__2TXcH 240ms ease-out both;
          animation: rowFadeIn__2TXcH 240ms ease-out both; }
  .row__3oy64:last-child {
    border-bottom: none; }
  .row__3oy64:hover {
    background: rgba(212, 130, 50, 0.06); }

@-webkit-keyframes rowFadeIn__2TXcH {
  from {
    opacity: 0;
    -webkit-transform: translateY(4px);
            transform: translateY(4px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes rowFadeIn__2TXcH {
  from {
    opacity: 0;
    -webkit-transform: translateY(4px);
            transform: translateY(4px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.rankGold__1mpkl {
  background: -webkit-gradient(linear, left top, right top, from(rgba(245, 197, 66, 0.18)), to(rgba(245, 197, 66, 0.02)));
  background: linear-gradient(to right, rgba(245, 197, 66, 0.18) 0%, rgba(245, 197, 66, 0.02) 100%);
  border-left: 3px solid #f5c542;
  padding-left: 17px; }
  .rankGold__1mpkl:hover {
    background: -webkit-gradient(linear, left top, right top, from(rgba(245, 197, 66, 0.25)), to(rgba(245, 197, 66, 0.05)));
    background: linear-gradient(to right, rgba(245, 197, 66, 0.25) 0%, rgba(245, 197, 66, 0.05) 100%); }

.rankSilver__1MWSa {
  background: -webkit-gradient(linear, left top, right top, from(rgba(192, 192, 192, 0.12)), to(rgba(192, 192, 192, 0.02)));
  background: linear-gradient(to right, rgba(192, 192, 192, 0.12) 0%, rgba(192, 192, 192, 0.02) 100%);
  border-left: 3px solid #c0c0c0;
  padding-left: 17px; }
  .rankSilver__1MWSa:hover {
    background: -webkit-gradient(linear, left top, right top, from(rgba(192, 192, 192, 0.2)), to(rgba(192, 192, 192, 0.05)));
    background: linear-gradient(to right, rgba(192, 192, 192, 0.2) 0%, rgba(192, 192, 192, 0.05) 100%); }

.rankBronze__vcKLG {
  background: -webkit-gradient(linear, left top, right top, from(rgba(205, 127, 50, 0.12)), to(rgba(205, 127, 50, 0.02)));
  background: linear-gradient(to right, rgba(205, 127, 50, 0.12) 0%, rgba(205, 127, 50, 0.02) 100%);
  border-left: 3px solid #cd7f32;
  padding-left: 17px; }
  .rankBronze__vcKLG:hover {
    background: -webkit-gradient(linear, left top, right top, from(rgba(205, 127, 50, 0.2)), to(rgba(205, 127, 50, 0.05)));
    background: linear-gradient(to right, rgba(205, 127, 50, 0.2) 0%, rgba(205, 127, 50, 0.05) 100%); }

.colRank__3mwM3 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }

.rankNum__MD5jR {
  color: #aa967f;
  font-size: 14px;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.rankBadge__1EJOS {
  font-size: 24px;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.colChar__1O12v {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 12px;
  min-width: 0; }

.character__FeLTv {
  width: 44px;
  height: 44px;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  flex-shrink: 0;
  overflow: hidden; }
  .character__FeLTv .bodyImgCharacter__ChHJB {
    background-repeat: no-repeat;
    width: 25px;
    height: 16px;
    position: absolute;
    margin-top: 16px;
    margin-left: 8px;
    z-index: 11; }
  .character__FeLTv .headImgCharacter__SKYJ8 {
    background-repeat: no-repeat;
    width: 15px;
    height: 30px;
    position: absolute;
    z-index: 12;
    margin-top: 7px;
    margin-left: 12.4px; }
  .character__FeLTv .helmetImgCharacter__3GoYY {
    background-repeat: no-repeat;
    width: 15px;
    height: 30px;
    position: absolute;
    z-index: 12;
    margin-top: 7px;
    margin-left: 12.4px; }

.charName__1Wbs_ {
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 1px 1px 1px #000;
  letter-spacing: 0.3px; }

.criminal__1e5wV {
  color: #e07070; }

.ciudadano__jLtaN {
  color: #74acdf; }

.colLevel__2XBLb {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }

.levelBadge__1NDEj {
  color: #f0d090;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(212, 175, 106, 0.4);
  border-radius: 4px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px;
  min-width: 28px;
  text-align: center; }

.colClase__3DFJ- {
  color: #c2b8a3;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0.3px; }

.colKills__3kikm {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 6px; }

.killsIcon__fm1hT {
  color: #e07070;
  font-size: 11px; }

.killsValue__fnD6C {
  color: #fff8e8;
  font-weight: bold;
  font-size: 14px; }

.skeletonRow__1LhJy {
  pointer-events: none;
  -webkit-animation: rowFadeIn__2TXcH 240ms ease-out both;
          animation: rowFadeIn__2TXcH 240ms ease-out both; }
  .skeletonRow__1LhJy:hover {
    background: none; }

@-webkit-keyframes skeletonPulse__2gnhz {
  0%, 100% {
    opacity: 0.45; }
  50% {
    opacity: 0.85; } }

@keyframes skeletonPulse__2gnhz {
  0%, 100% {
    opacity: 0.45; }
  50% {
    opacity: 0.85; } }

.skelDot__2YMAr {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.04)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.04)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.04) 100%);
  border-radius: 4px;
  -webkit-animation: skeletonPulse__2gnhz 1.4s ease-in-out infinite;
          animation: skeletonPulse__2gnhz 1.4s ease-in-out infinite;
  width: 18px;
  height: 18px;
  border-radius: 50%; }

.skelAvatar__1KYdU {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.04)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.04)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.04) 100%);
  border-radius: 4px;
  -webkit-animation: skeletonPulse__2gnhz 1.4s ease-in-out infinite;
          animation: skeletonPulse__2gnhz 1.4s ease-in-out infinite;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  flex-shrink: 0; }

.skelLine__rz9qH {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.04)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.04)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.04) 100%);
  border-radius: 4px;
  -webkit-animation: skeletonPulse__2gnhz 1.4s ease-in-out infinite;
          animation: skeletonPulse__2gnhz 1.4s ease-in-out infinite;
  width: 65%;
  max-width: 160px;
  height: 14px; }

.skelLineShort__1tqtK {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.04)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.04)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.04) 100%);
  border-radius: 4px;
  -webkit-animation: skeletonPulse__2gnhz 1.4s ease-in-out infinite;
          animation: skeletonPulse__2gnhz 1.4s ease-in-out infinite;
  width: 50px;
  height: 13px; }

.skelPill__bVeKs {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.04)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.04)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.04) 100%);
  border-radius: 4px;
  -webkit-animation: skeletonPulse__2gnhz 1.4s ease-in-out infinite;
          animation: skeletonPulse__2gnhz 1.4s ease-in-out infinite;
  width: 38px;
  height: 22px;
  border-radius: 4px; }

.emptyState__2TPzu {
  padding: 50px 20px;
  text-align: center;
  color: #6d5e48;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.3px; }

.cardFooter__LIsJ2 {
  padding: 14px 20px;
  background: rgba(0, 0, 0, 0.35);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  text-align: center;
  color: #aa967f;
  font-size: 12px;
  letter-spacing: 0.5px; }

@media only screen and (max-width: 768px) {
  .tableHeader__22ER7,
  .row__3oy64 {
    grid-template-columns: 40px 1fr 56px 60px;
    padding: 8px 12px;
    font-size: 11px; }
  .colClase__3DFJ- {
    display: none; }
  .character__FeLTv {
    width: 36px;
    height: 36px; }
  .charName__1Wbs_ {
    font-size: 12px; }
  .searchBar__Enlo7 {
    padding: 10px 12px; }
  .searchIcon__1k03R {
    left: 24px; } }

.page__zSPEr {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 0 16px 30px;
  box-sizing: border-box; }

.card__1g_i1 {
  width: 100%;
  max-width: 860px;
  background: rgba(14, 16, 20, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.7);
  font-family: "Doppio One", sans-serif;
  color: #d8d3c5;
  overflow: hidden; }

.cardHeader__3ZHfM {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 12px;
  padding: 18px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 197, 66, 0.15)), to(rgba(140, 100, 20, 0.08)));
  background: linear-gradient(to bottom, rgba(245, 197, 66, 0.15) 0%, rgba(140, 100, 20, 0.08) 100%);
  border-bottom: 1px solid rgba(245, 197, 66, 0.25); }
  .cardHeader__3ZHfM h2 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #fff8e8;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px #000;
    -webkit-box-flex: 1;
            flex: 1; }
  .cardHeader__3ZHfM svg {
    color: #f5c542;
    font-size: 22px;
    -webkit-filter: drop-shadow(0 0 6px rgba(245, 197, 66, 0.5));
            filter: drop-shadow(0 0 6px rgba(245, 197, 66, 0.5)); }

.subtitle__2ILyi {
  color: #aa967f;
  font-size: 11px;
  padding: 4px 12px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  letter-spacing: 1px;
  text-transform: uppercase; }

.tabs__1ZzCx {
  display: -webkit-box;
  display: flex;
  gap: 2px;
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  overflow-x: auto; }

.tab__27xGQ {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 7px;
  padding: 6px 12px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #aa967f;
  cursor: pointer;
  font-family: "Doppio One", sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.8px;
  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;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap; }
  .tab__27xGQ svg {
    font-size: 11px;
    color: #d48232; }
  .tab__27xGQ:hover {
    background: rgba(212, 130, 50, 0.08);
    color: #fff8e8; }

.tabActive__dS1-W {
  background: rgba(212, 130, 50, 0.16);
  border-color: rgba(212, 130, 50, 0.45);
  color: #fff8e8; }
  .tabActive__dS1-W svg {
    color: #ec9a44; }

.content__1TnKQ {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

.tableHeader__3JoUd,
.tableHeaderClases__3Ttds,
.tableHeaderNaves___4lJZ,
.tableHeaderExp__5XQ2l {
  display: grid;
  -webkit-box-align: center;
          align-items: center;
  padding: 12px 20px;
  background: rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  color: #aa967f;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .tableHeader__3JoUd > div,
  .tableHeaderClases__3Ttds > div,
  .tableHeaderNaves___4lJZ > div,
  .tableHeaderExp__5XQ2l > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    gap: 6px; }

.tableHeader__3JoUd {
  grid-template-columns: 130px 200px 100px 1fr; }

.tableHeaderClases__3Ttds {
  grid-template-columns: 110px 140px 80px 110px 70px 1fr; }

.tableHeaderNaves___4lJZ {
  grid-template-columns: 180px 100px 100px 130px 90px; }

.tableHeaderExp__5XQ2l {
  grid-template-columns: 100px 1fr 1fr; }

.tableBody__2Pv0i {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

.row__2y6ST,
.rowClases__16k1O,
.rowNaves__1Y39F,
.rowExp__2uOxJ {
  display: grid;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  -webkit-transition: background 120ms ease;
  transition: background 120ms ease;
  font-size: 13px;
  color: #d8d3c5; }
  .row__2y6ST:last-child,
  .rowClases__16k1O:last-child,
  .rowNaves__1Y39F:last-child,
  .rowExp__2uOxJ:last-child {
    border-bottom: none; }
  .row__2y6ST:hover,
  .rowClases__16k1O:hover,
  .rowNaves__1Y39F:hover,
  .rowExp__2uOxJ:hover {
    background: rgba(212, 130, 50, 0.06); }

.row__2y6ST {
  grid-template-columns: 130px 200px 100px 1fr; }

.rowClases__16k1O {
  grid-template-columns: 110px 140px 80px 110px 70px 1fr; }

.rowNaves__1Y39F {
  grid-template-columns: 180px 100px 100px 130px 90px; }

.rowExp__2uOxJ {
  grid-template-columns: 100px 1fr 1fr;
  font-variant-numeric: tabular-nums; }

.expLead__1PVIZ {
  margin: 0;
  padding: 16px 20px;
  background: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: #c9bfa9;
  font-size: 12.5px;
  line-height: 1.6; }
  .expLead__1PVIZ strong {
    color: #ec9a44;
    font-weight: bold; }

.maxBadge__2rbSc {
  color: #74acdf;
  background: rgba(116, 172, 223, 0.12);
  border: 1px solid rgba(116, 172, 223, 0.45);
  border-radius: 4px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-transform: uppercase; }

.alignCenter__w5WAy {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center; }

.colName__3SE_x {
  color: #f0d090;
  font-weight: bold;
  letter-spacing: 0.3px;
  text-shadow: 1px 1px 1px #000; }

.colMods__1CoOP {
  color: #74acdf;
  letter-spacing: 0.3px; }

.colType__3VgVV {
  color: #74acdf;
  font-size: 12px; }

.colDesc__3QufH {
  color: #aa967f;
  font-size: 12px;
  line-height: 1.4; }

.levelBadge__3eg8x {
  color: #f0d090;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(212, 175, 106, 0.4);
  border-radius: 4px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px;
  min-width: 28px;
  text-align: center; }

.tierBadge__2Gkkz {
  color: #c2b8a3;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.5px;
  min-width: 50px;
  text-align: center;
  text-transform: uppercase; }

.tableNote__3YFse {
  padding: 14px 20px;
  background: rgba(220, 80, 80, 0.06);
  border-top: 1px solid rgba(220, 80, 80, 0.18);
  color: #c9bfa9;
  font-size: 12px;
  line-height: 1.5; }

.patchList__1K4aZ {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

.patchEntry__3ubFv {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  -webkit-transition: background 120ms ease;
  transition: background 120ms ease; }
  .patchEntry__3ubFv:last-child {
    border-bottom: none; }
  .patchEntry__3ubFv:hover {
    background: rgba(212, 130, 50, 0.04); }

.patchMeta__2Rj_L {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 6px; }

.patchVersion__2O-_P {
  display: inline-block;
  padding: 2px 8px;
  background: rgba(116, 172, 223, 0.12);
  border: 1px solid rgba(116, 172, 223, 0.4);
  border-radius: 4px;
  color: #74acdf;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold; }

.patchCategory__5Y0vt {
  color: #aa967f;
  font-size: 10px;
  letter-spacing: 1.2px;
  text-transform: uppercase; }

.patchTicket__3EfLf {
  display: inline-block;
  padding: 1px 6px;
  background: rgba(140, 95, 50, 0.15);
  border: 1px solid rgba(140, 95, 50, 0.4);
  border-radius: 3px;
  color: #c9a577;
  font-size: 10px;
  font-weight: bold;
  font-family: monospace;
  letter-spacing: 0.5px; }

.patchTitle__1_1F3 {
  margin: 0 0 8px 0;
  color: #f0d090;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.4px;
  text-shadow: 1px 1px 1px #000; }

.patchBullets__3jpdU {
  list-style: disc;
  margin: 0;
  padding-left: 20px; }
  .patchBullets__3jpdU li {
    color: #c9bfa9;
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 3px; }
    .patchBullets__3jpdU li::marker {
      color: #d48232; }

.spellSection__jiZEu {
  padding: 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 16px; }

.lead__3_lYa {
  margin: 0;
  color: #c9bfa9;
  font-size: 13px;
  line-height: 1.6; }
  .lead__3_lYa strong {
    color: #f0d090; }

.spellBlock__2KxwJ {
  padding: 16px 20px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px; }

.spellTitle__2HBTr {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
  color: #74acdf;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.6px;
  text-shadow: 1px 1px 1px #000; }

.spellId__1i3El {
  color: #6a5e4c;
  font-size: 10px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-weight: bold; }

.spellStats__3kB14 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 18px;
  padding: 12px 14px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  margin-bottom: 12px; }
  .spellStats__3kB14 > div {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    gap: 10px; }

.statLabel__1Vpet {
  color: #6a5e4c;
  font-size: 10px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-weight: bold; }

.statValue__3hm0r {
  color: #f0d090;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.3px; }

.spellWords__2zBmP {
  text-align: center;
  color: #ec9a44;
  font-size: 15px;
  letter-spacing: 3px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-shadow: 1px 1px 1px #000; }

.spellDesc__2iCkA {
  margin: 0;
  color: #aa967f;
  font-size: 12px;
  line-height: 1.55;
  text-align: center; }

.eligBlock___kWGU {
  padding: 14px 18px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 6px; }
  .eligBlock___kWGU h4 {
    margin: 0 0 10px 0;
    color: #ec9a44;
    font-size: 12px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-weight: bold; }
  .eligBlock___kWGU ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    gap: 6px; }
  .eligBlock___kWGU li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    gap: 9px;
    color: #c9bfa9;
    font-size: 13px; }

.yes__H3qB5 {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 17px;
  height: 17px;
  background: rgba(76, 175, 80, 0.15);
  border: 1px solid rgba(76, 175, 80, 0.5);
  border-radius: 3px;
  color: #6fcf73;
  font-weight: bold;
  font-size: 10px; }

.no__FPq6A {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 17px;
  height: 17px;
  background: rgba(220, 80, 80, 0.12);
  border: 1px solid rgba(220, 80, 80, 0.4);
  border-radius: 3px;
  color: #e07070;
  font-weight: bold;
  font-size: 10px; }

.cardFooter__12zTN {
  padding: 14px 20px;
  background: rgba(0, 0, 0, 0.35);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  text-align: center;
  color: #aa967f;
  font-size: 12px;
  letter-spacing: 0.5px; }

@media only screen and (max-width: 768px) {
  .tableHeader__3JoUd,
  .row__2y6ST,
  .tableHeaderClases__3Ttds,
  .rowClases__16k1O,
  .tableHeaderNaves___4lJZ,
  .rowNaves__1Y39F,
  .tableHeaderExp__5XQ2l,
  .rowExp__2uOxJ {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 10px 14px; }
  .tableHeader__3JoUd,
  .tableHeaderClases__3Ttds,
  .tableHeaderNaves___4lJZ,
  .tableHeaderExp__5XQ2l {
    display: none; }
  .rowExp__2uOxJ {
    grid-template-columns: 60px 1fr 1fr;
    gap: 8px;
    padding: 8px 12px;
    font-size: 12px; }
  .colName__3SE_x {
    font-size: 14px; }
  .tabs__1ZzCx {
    padding: 8px; }
  .tab__27xGQ {
    font-size: 10px;
    padding: 5px 9px; } }


/*# sourceMappingURL=styles.chunk.css.map*/