/*
 * RYVA EMERALD THEME + PROFILES + FINAL FIXES
 * Ryva MU CSS consolidation - 2026-10-07
 * Conservative cascade cleanup: exact selector/context/property overrides only.
 * Source order of surviving rules is preserved.
 */

:root {
  --ryva-bg: #000100;
  --ryva-bg-2: #050806;
  --ryva-bg-3: #08110b;
  --ryva-panel-deep: #07100a;
  --ryva-green-dark: #027b29;
  --ryva-green-main: #00c76f;
  --ryva-green-bright: #00ff8a;
  --ryva-metal-dark: #3e432d;
  --ryva-metal-mid: #6c755c;
  --ryva-metal: #a3ab97;
  --ryva-silver: #dee6df;
  --ryva-silver-soft: #c5cdc5;
  --ryva-text-muted: #9ba69e;
  --ryva-text-dim: #7f8982;
  --ryva-border: rgba(130,160,140,.18);
  --ryva-border-strong: rgba(6,217,138,.42);
  --ryva-glow: rgba(0,255,138,.18);
  --ryva-shadow: rgba(0,0,0,.46);
}

html, body {
  background: var(--ryva-bg) !important;
  color: var(--ryva-text) !important;
}

body {
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(circle at 50% 20%, rgba(6,217,138,.035), transparent 35%);
}

* {
  scrollbar-color: #16492f #050806;
}

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

::-webkit-scrollbar-track {
  background: #050806;
}

::-webkit-scrollbar-thumb {
  background: #16492f;
  border-radius: 8px;
  border: 2px solid #050806;
}

::-webkit-scrollbar-thumb:hover {
  background: #06a864;
}

h1,h2,h3,h4,h5,h6,.title,.page-title,.section-title,.widget-title,.panel-title {
  color: var(--ryva-silver) !important;
  text-shadow: 0 0 10px rgba(0,255,138,.10);
}

p,.text-muted,.small,small,.description,.subtitle {
  color: var(--ryva-text-muted);
}

a {
  color: var(--ryva-silver-soft);
  transition: color .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

a:hover, a:focus {
  color: var(--ryva-green) !important;
  text-decoration: none;
}

#navbar {
  border-bottom: 2px solid rgba(6,217,138,0.5) !important;
  margin-bottom: 35px !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#navbar #cssmenu, #navbar .vulk-main-nav {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 1 !important;
  display: flex !important;
  justify-content: center !important;
}

#navbar ul {
  display: flex !important;
  justify-content: center !important;
  gap: 35px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#navbar ul li {
  margin: 0 !important;
  padding: 0 !important;
}

body #navbar #cssmenu > ul > li > a,
body #navbar .vulk-main-nav a,
body #navbar .vora-nav-links a,
body #navbar .navbar a,
body #navbar .navbar-nav > li > a {
  color: #dee6df !important;
  text-shadow: none !important;
  font-family: "Inter", sans-serif !important;
  padding: 10px 15px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  transition: all 0.3s ease !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
  min-width: auto !important;
}

body #navbar #cssmenu > ul > li > a:hover,
body #navbar #cssmenu > ul > li.active > a,
body #navbar .vulk-main-nav li:hover > a,
body #navbar .vulk-main-nav li.active > a,
body #navbar .vora-nav-links a:hover,
body #navbar .navbar-nav > li.active > a,
body #navbar .navbar-nav > li > a:hover {
  color: #fff !important;
  background: rgba(6,217,138,0.15) !important;
  border: 1px solid rgba(6,217,138,0.5) !important;
  box-shadow: 0 0 15px rgba(6,217,138,0.3) !important;
  transform: translateY(-2px) !important;
}

body #navbar .navbar-login-btn {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
}

body #navbar .navbar-login-btn a {
  padding: 10px 25px !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  border-radius: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

#cssmenu ul ul,
.dropdown-menu,
.vora-nav-links.is-open {
  background: rgba(4,9,6,.98) !important;
  border: 1px solid var(--ryva-border) !important;
  box-shadow: 0 18px 35px rgba(0,0,0,.45) !important;
}

.btn,
button,
input[type="submit"],
input[type="button"],
.vora-btn-play,
.vulk-btn,
.btn-primary,
.btn-success {
  border-radius: 4px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important;
}

.btn-primary,
.btn-success,
.vora-btn-play,
.vulk-btn-primary,
button[type="submit"],
input[type="submit"] {
  background: linear-gradient(180deg, #087342 0%, #034b2a 100%) !important;
  border: 1px solid #10e58a !important;
  color: #fff !important;
  box-shadow: 0 0 8px rgba(0,255,138,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.btn-primary:hover,
.btn-success:hover,
.vora-btn-play:hover,
.vulk-btn-primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: linear-gradient(180deg, #0aae63 0%, #057742 100%) !important;
  border-color: #3cf3a5 !important;
  box-shadow: 0 0 14px rgba(0,255,138,.30), inset 0 1px 0 rgba(255,255,255,.12) !important;
  transform: translateY(-1px);
}

.btn-default,.btn-secondary,.vora-btn-outline,.vulk-btn-secondary {
  background: linear-gradient(180deg, rgba(32,38,34,.96), rgba(12,17,14,.98)) !important;
  border: 1px solid rgba(163,171,151,.28) !important;
  color: var(--ryva-silver-soft) !important;
}

.btn-default:hover,.btn-secondary:hover,.vora-btn-outline:hover,.vulk-btn-secondary:hover {
  border-color: var(--ryva-green) !important;
  color: #fff !important;
  box-shadow: 0 0 12px rgba(0,255,138,.12) !important;
}

.panel,
.card,
.widget,
.content-box,
.box,
.modal-content,
.well,
.vora-rate-card,
.vora-tab-panel,
.vulk-ref-panel,
.vulk-ref-card,
.vrm-home-focus,
.vrm-card,
.login-box,
.register-box,
.usercp-box {
  background: linear-gradient(180deg, rgba(15,20,17,.96), rgba(4,8,6,.985)) !important;
  border: 1px solid var(--ryva-border) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.40) !important;
  color: var(--ryva-text) !important;
  transition: all 0.3s ease !important;
}

.panel:hover,
.card:hover,
.widget:hover,
.content-box:hover,
.box:hover,
.well:hover,
.vora-rate-card:hover,
.vora-tab-panel:hover,
.vulk-ref-panel:hover,
.vulk-ref-card:hover,
.vrm-home-focus:hover,
.vrm-card:hover,
.usercp-box:hover {
  border-color: rgba(6,217,138,.4) !important;
  box-shadow: 0 10px 40px rgba(0,255,138,.15), inset 0 0 15px rgba(6,217,138,.05) !important;
  transform: translateY(-2px) !important;
}

.panel-heading,.card-header,.widget-header,.box-header,.modal-header {
  background: linear-gradient(180deg, rgba(16,25,20,.98), rgba(7,12,9,.98)) !important;
  border-color: rgba(6,217,138,.28) !important;
  color: var(--ryva-silver) !important;
}

.panel-footer,.card-footer,.modal-footer {
  background: rgba(3,7,5,.96) !important;
  border-color: var(--ryva-border) !important;
}

.form-control,
input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="search"],
select,textarea {
  background: #060a07 !important;
  border: 1px solid #26352b !important;
  color: var(--ryva-text) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.28) !important;
}

.form-control:focus,
input:focus,select:focus,textarea:focus {
  border-color: var(--ryva-green) !important;
  box-shadow: 0 0 0 2px rgba(6,217,138,.10), inset 0 1px 2px rgba(0,0,0,.25) !important;
  outline: none !important;
}

input::placeholder,textarea::placeholder {
  color: #657068 !important;
  opacity: 1;
}

table {
  color: var(--ryva-text) !important;
  border-color: var(--ryva-border) !important;
}

thead th,
.table > thead > tr > th,
.table > tbody > tr > th {
  background: #0a130d !important;
  color: var(--ryva-silver-soft) !important;
  border-color: #174d30 !important;
}

tbody tr,
.table > tbody > tr > td {
  background-color: rgba(5,8,6,.70) !important;
  border-color: rgba(130,160,140,.12) !important;
  color: var(--ryva-text-muted) !important;
}

tbody tr:hover td,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background: rgba(6,217,138,.06) !important;
  color: #fff !important;
}

.online,.status-online,.server-online,.text-success,.label-success,.badge-success {
  color: var(--ryva-green) !important;
}

.label-success,.badge-success {
  background: rgba(6,217,138,.12) !important;
  border: 1px solid rgba(6,217,138,.32);
}

.offline,.status-offline,.server-offline {
  color: #8f7777 !important;
}

.badge,.label {
  box-shadow: none !important;
}

#vulk-opening-countdown,
.vulk-opening-panel {
  background: linear-gradient(90deg, rgba(1,5,3,.98), rgba(5,18,11,.98), rgba(1,5,3,.98)) !important;
  border-color: rgba(6,217,138,.24) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.35) !important;
}

.vulk-opening-date,
.vulk-opening-time strong {
  color: #fff !important;
  text-shadow: 0 0 10px rgba(6,217,138,.18) !important;
}

.vulk-opening-time span,.vulk-opening-subtitle {
  color: var(--ryva-text-muted) !important;
}

.vulk-ref-hero::before,.vora-hero::before,.hero-section::before,#hero::before {
  background: linear-gradient(180deg, rgba(0,1,0,.08), rgba(0,5,2,.40) 58%, #020503 100%) !important;
}

.ref-title-logo img,.hero-logo-text,.footer-logo {
  filter: drop-shadow(0 12px 30px rgba(0,0,0,.62)) drop-shadow(0 0 12px rgba(0,255,138,.13));
}

.vora-performance-chip,.vulk-chip,.tag,.tagline-badge {
  background: rgba(4,16,10,.78) !important;
  border: 1px solid rgba(6,217,138,.30) !important;
  color: var(--ryva-green) !important;
}

.progress {
  background: #061009 !important;
  border: 1px solid rgba(130,160,140,.12);
}

.progress-bar {
  background: linear-gradient(90deg, #027b29, #06d98a) !important;
  box-shadow: 0 0 10px rgba(0,255,138,.16);
}

.nav-tabs {
  border-bottom-color: rgba(6,217,138,.22) !important;
}

.nav-tabs > li > a {
  color: var(--ryva-text-muted) !important;
  border-color: transparent !important;
  background: transparent !important;
}

.nav-tabs > li.active > a,.nav-tabs > li > a:hover {
  color: #fff !important;
  background: rgba(6,217,138,.05) !important;
  border-color: rgba(6,217,138,.30) rgba(6,217,138,.30) transparent !important;
}

hr,.ryva-divider,.section-divider {
  border: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(6,217,138,.45), transparent) !important;
}

footer,.footer,#footer,.vulk-footer {
  background: linear-gradient(180deg, rgba(5,9,6,.98), #000100) !important;
  border-top: 1px solid rgba(6,217,138,.20) !important;
  color: var(--ryva-text-muted) !important;
  box-shadow: 0 -12px 35px rgba(0,0,0,.30) !important;
}

footer a,.footer a,#footer a {
  color: var(--ryva-silver-soft) !important;
}

footer a:hover,.footer a:hover,#footer a:hover {
  color: var(--ryva-green) !important;
}

.alert {
  background: rgba(10,18,13,.94) !important;
  border-color: var(--ryva-border) !important;
  color: var(--ryva-text) !important;
}

.pagination > li > a,.pagination > li > span {
  background: #07100a !important;
  border-color: rgba(130,160,140,.16) !important;
  color: var(--ryva-text-muted) !important;
}

.pagination > .active > a,.pagination > .active > span,.pagination > li > a:hover {
  background: #075b35 !important;
  border-color: var(--ryva-green) !important;
  color: #fff !important;
}

.modal-backdrop.in,.modal-backdrop.show {
  opacity: .82 !important;
}

.modal-content {
  border-top-color: rgba(6,217,138,.42) !important;
}

.close,.btn-close {
  color: var(--ryva-silver) !important;
  text-shadow: none !important;
  opacity: .75;
}

.close:hover,.btn-close:hover {
  color: var(--ryva-green) !important;
  opacity: 1;
}

[style*="#c89b52"],[style*="#d5ae6d"],[style*="#9d7135"] {
  color: var(--ryva-green) !important;
}

@media (max-width: 991px) {
  #cssmenu,.vulk-main-nav,.vora-navbar {
    background: rgba(2,7,4,.98) !important;
  }

  #cssmenu > ul > li > a,.vulk-main-nav a {
    border-bottom: 1px solid rgba(130,160,140,.08);
  }

  .panel,.card,.widget,.content-box {
    box-shadow: 0 6px 20px rgba(0,0,0,.34) !important;
  }
}

@media (max-width: 767px) {
  body {
    background-image: radial-gradient(circle at 50% 0%, rgba(0,130,70,.09), transparent 32%), linear-gradient(180deg,#000100,#061009) !important;
  }

  h1,.page-title {
    text-shadow: 0 0 8px rgba(0,255,138,.08);
  }

  .btn,.form-control,input,select,textarea {
    min-height: 40px;
  }
}

:root {
  --ryva-focus: rgba(6,217,138,.32);
}

html {
  color-scheme: dark;
}

body {
  background-color: #000100 !important;
  background-image: radial-gradient(circle at 50% 0%, rgba(0,130,70,.10), transparent 42%) !important;
}

img {
  max-width: 100%;
  height: auto;
}

a, button, input, select, textarea {
  -webkit-tap-highlight-color: transparent;
}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #06D98A !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px var(--ryva-focus) !important;
}

::selection {
  background: rgba(6,217,138,.28);
  color: #fff;
}

.btn-danger, .btn-warning, .btn-info, .btn-success, .btn-primary {
  text-shadow: 0 1px 1px rgba(0,0,0,.45);
}

.table > thead > tr > th, table thead th {
  background: #0A130D !important;
  color: #C5CDC5 !important;
  border-color: #174D30 !important;
}

.table > tbody > tr:hover > td, table tbody tr:hover td {
  background: rgba(6,217,138,.055) !important;
}

.alert-info, .alert-warning, .alert-success {
  background: linear-gradient(180deg, rgba(13,25,18,.96), rgba(4,9,6,.98)) !important;
  border-color: rgba(6,217,138,.22) !important;
  color: #DDE6DF !important;
}

.card-img-top[style*="background-color"] {
  background-color: #07100A !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

.vulk-classes-showcase {
  max-width: 1400px;
  margin: 40px auto;
  text-align: center;
  position: relative;
  padding: 0 20px;
}

.vulk-classes-title {
  font-size: 24px;
  margin-bottom: 30px;
  letter-spacing: 2px;
}

.vulk-classes-title span {
  color: var(--ryva-silver);
  font-weight: 300;
}

.vulk-classes-title strong {
  color: var(--ryva-green);
  font-weight: 900;
}

.vulk-classes-grid {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.vulk-class-item {
  position: relative;
  width: 150px;
  height: 220px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(3,24,15,0.7), rgba(2,12,7,0.9));
  border: 1px solid rgba(6,217,138,0.2);
  overflow: hidden;
  transition: all 0.4s ease;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 15px;
}

.vulk-class-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  max-height: 120%;
  z-index: 2;
  filter: drop-shadow(0 0 10px rgba(0,0,0,0.8));
}

.vulk-class-item:hover {
  transform: translateY(-10px);
  border-color: rgba(6,217,138,0.8);
  box-shadow: 0 15px 30px rgba(6,217,138,0.2);
}

.vulk-class-item:hover img {
  transform: translate(-50%, -55%) scale(1.1);
  filter: drop-shadow(0 0 15px rgba(6,217,138,0.6));
}

.vulk-class-name {
  position: relative;
  z-index: 3;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 800;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.8);
  background: rgba(0,0,0,0.6);
  padding: 5px 10px;
  border-radius: 6px;
  opacity: 0.8;
  transition: all 0.3s ease;
}

.vulk-class-item:hover .vulk-class-name {
  opacity: 1;
  color: var(--ryva-green);
}

.vulk-class-glow {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 40px;
  background: radial-gradient(circle, rgba(6,217,138,0.5) 0%, transparent 70%);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 1;
}

.vulk-class-item:hover .vulk-class-glow {
  opacity: 1;
  bottom: 0;
}

.login-widget-container img[src*="logo.png"],
.register-container img[src*="logo.png"],
.modules_cont img[src*="logo.png"] {
  max-width: 250px !important;
  height: auto !important;
}

#loader-shield {
  position: relative;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: none !important;
}

#loader-shield i {
  z-index: 2;
  color: var(--ryva-green);
  text-shadow: 0 0 15px rgba(6,217,138,0.8);
}

.aura-ring {
  position: absolute;
  border-radius: 50%;
  border: 3px solid transparent;
}

.aura-1 {
  width: 100%;
  height: 100%;
  border-top-color: #06d98a;
  animation: spinAura 1s linear infinite;
}

.aura-2 {
  width: 75%;
  height: 75%;
  border-right-color: #00ff8a;
  animation: spinAura 1.5s linear infinite reverse;
}

.aura-3 {
  width: 50%;
  height: 50%;
  border-bottom-color: #027b29;
  animation: spinAura 2s linear infinite;
}

@keyframes spinAura{
    100% { transform: rotate(360deg); }
}

.vulcanus-footer.vulk-security-footer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 50px 0 0 0 !important;
  padding: 40px 0 !important;
  background: linear-gradient(180deg, rgba(3,15,8,0.98), #000) !important;
  border-top: 2px solid rgba(6,217,138,0.5) !important;
  border-radius: 0 !important;
}

.vulcanus-footer .container {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.vulk-footer-security-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.vulk-rank-killer-layout {
  grid-template-columns: 1fr !important;
}

:root {
  --rp-bg: #050806;
  --rp-panel: #0a100c;
  --rp-line: rgba(112,150,128,.2);
  --rp-green: #06d98a;
  --rp-green2: #00c76f;
  --rp-text: #e7ece8;
  --rp-muted: #86938b;
  --rp-silver: #dee6df;
}

.ryva-profile-shell {
  width: 100%;
  max-width: 1120px;
  margin: 24px auto;
  padding: 0 14px;
  color: var(--rp-text);
  font-family: Play,Arial,sans-serif;
}

.ryva-profile-hero,.ryva-profile-panel,.ryva-stat-grid>div {
  background: linear-gradient(180deg,rgba(14,20,16,.98),rgba(4,8,6,.98));
  border: 1px solid var(--rp-line);
  box-shadow: 0 12px 34px rgba(0,0,0,.32);
}

.ryva-profile-hero {
  display: grid;
  grid-template-columns: 86px 1fr 110px;
  gap: 20px;
  align-items: center;
  padding: 22px;
  border-radius: 12px;
  margin-bottom: 14px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid rgba(6,217,138,0.3);
  box-shadow: 0 0 20px rgba(0,255,138,0.1);
}

.ryva-profile-hero:hover {
  border-color: var(--rp-green);
  box-shadow: 0 0 35px rgba(0,255,138,0.25);
  transform: translateY(-2px);
}

.ryva-profile-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 15%,rgba(6,217,138,.12),transparent 40%),linear-gradient(90deg,rgba(0,0,0,0),rgba(0,255,138,.08),rgba(0,0,0,0));
  pointer-events: none;
  animation: pulseGlow 4s infinite alternate;
}

@keyframes pulseGlow{0%{opacity:0.6;}100%{opacity:1;}}

.ryva-class-badge {
  width: 76px;
  height: 76px;
  border: 1px solid rgba(6,217,138,.8);
  display: grid;
  place-items: center;
  transform: rotate(45deg);
  background: radial-gradient(circle,rgba(6,217,138,.25),rgba(0,0,0,.3));
  box-shadow: 0 0 25px rgba(0,255,138,.25);
  transition: transform 0.4s ease;
}

.ryva-class-badge:hover {
  transform: rotate(225deg) scale(1.1);
  box-shadow: 0 0 40px rgba(0,255,138,.4);
}

.ryva-class-badge span {
  transform: rotate(-45deg);
  font: 800 22px Cinzel,serif;
  color: #dff9ed;
}

.ryva-profile-identity h1 {
  margin: 3px 0 8px;
  font: 800 clamp(26px,4vw,44px) Cinzel,serif;
  letter-spacing: .5px;
}

.ryva-eyebrow {
  color: var(--rp-green);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
}

.ryva-profile-subline {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 10px;
}

.ryva-race-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid rgba(6,217,138,.25);
  border-radius: 999px;
  background: rgba(6,217,138,.08);
  font-size: 12px;
  color: #dff9ed;
  font-weight: 700;
  letter-spacing: .6px;
}

.ryva-race-pill i {
  color: var(--rp-green);
}

.ryva-profile-subline strong {
  font-size: 15px;
  color: var(--rp-silver);
  font-weight: 700;
}

.ryva-profile-subline em {
  font-style: normal;
  color: var(--rp-muted);
  font-size: 12px;
}

.ryva-profile-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ryva-profile-tags span {
  font-size: 12px;
  color: #b7c2bb;
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.025);
  border-radius: 6px;
}

.ryva-profile-tags i {
  margin-right: 6px;
  color: var(--rp-green);
}

.ryva-profile-tags .is-online {
  color: #8fffc9;
}

.ryva-profile-tags .is-offline {
  color: #87918b;
}

.ryva-level-box {
  text-align: center;
  border-left: 1px solid var(--rp-line);
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.ryva-level-box b {
  display: block;
  font: 800 30px Cinzel,serif;
}

.ryva-level-box small {
  color: var(--rp-muted);
  letter-spacing: 2px;
}

.ryva-level-box span {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(6,217,138,.10);
  border: 1px solid rgba(6,217,138,.18);
  color: var(--rp-green);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
}

.ryva-stat-grid {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.ryva-stat-grid>div {
  padding: 14px 10px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid rgba(6,217,138,.15);
  transition: all 0.3s ease;
  background: rgba(0,0,0,0.4);
}

.ryva-stat-grid>div:hover {
  background: rgba(6,217,138,.1);
  border-color: var(--rp-green);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,255,138,0.15);
}

.ryva-stat-grid small {
  display: block;
  color: var(--rp-muted);
  font-size: 10px;
  letter-spacing: 1px;
}

.ryva-stat-grid b {
  display: block;
  margin-top: 5px;
  font: 700 18px Cinzel,serif;
  color: #fff;
}

.ryva-profile-panel {
  border-radius: 12px;
  padding: 18px;
  margin-bottom: 14px;
  border: 1px solid rgba(6,217,138,0.2);
  transition: all 0.3s ease;
}

.ryva-profile-panel:hover {
  border-color: rgba(6,217,138,0.5);
  box-shadow: 0 5px 25px rgba(0,255,138,0.12);
}

.ryva-profile-panel>header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(6,217,138,0.3);
  padding-bottom: 10px;
  margin-bottom: 14px;
}

.ryva-profile-panel>header span {
  font: 700 15px Cinzel,serif;
  letter-spacing: 1px;
  color: #dff9ed;
  text-shadow: 0 0 8px rgba(0,255,138,0.3);
}

.ryva-profile-panel>header small {
  color: var(--rp-muted);
  font-size: 11px;
}

.ryva-attribute-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
}

.ryva-attribute-grid>div {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 13px;
  border: 1px solid rgba(6,217,138,.2);
  background: rgba(0,0,0,.3);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.ryva-attribute-grid>div:hover {
  background: rgba(6,217,138,.08);
  border-color: var(--rp-green);
  transform: scale(1.02);
  box-shadow: 0 0 15px rgba(0,255,138,0.15);
}

.ryva-attribute-grid i {
  color: var(--rp-green);
}

.ryva-attribute-grid span {
  color: var(--rp-muted);
  font-size: 12px;
}

.ryva-attribute-grid b {
  font: 700 16px Cinzel,serif;
}

.ryva-equipment-grid {
  display: grid;
  grid-template-columns: repeat(6,minmax(100px,1fr));
  gap: 10px;
}

.ryva-equip-slot {
  min-height: 128px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 9px;
  border: 1px solid rgba(6,217,138,.3);
  background: linear-gradient(180deg,rgba(6,217,138,.08),rgba(0,0,0,.3));
  border-radius: 9px;
  position: relative;
  transition: all 0.3s ease;
}

.ryva-equip-slot:hover {
  border-color: var(--rp-green);
  box-shadow: inset 0 0 15px rgba(0,255,138,.1),0 0 20px rgba(0,255,138,.2);
  transform: translateY(-2px);
}

.ryva-equip-slot.is-empty {
  border-color: rgba(6,217,138,.15);
}

.ryva-equip-label {
  width: 100%;
  text-align: center;
  color: #b2c9bb;
  font-size: 9px;
  min-height: 24px;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.ryva-equip-item,.ryva-equip-placeholder {
  flex: 1;
  width: 100%;
  display: grid;
  place-items: center;
  min-height: 86px;
}

.ryva-equip-item img {
  max-width: 92px;
  max-height: 86px;
  object-fit: contain;
  image-rendering: auto;
  filter: drop-shadow(0 0 12px rgba(6,217,138,0.6));
  transition: all 0.3s ease;
}

.ryva-equip-item:hover img {
  filter: drop-shadow(0 0 20px rgba(6,217,138,0.9)) scale(1.05);
}

.ryva-equip-placeholder {
  color: #2e4437;
  font-size: 17px;
}

.ryva-equip-empty,.ryva-guild-notice {
  color: #dff9ed;
  text-align: center;
  padding: 18px;
  font-size: 14px;
  letter-spacing: 1px;
  background: rgba(0,0,0,0.2);
  border-radius: 8px;
  border: 1px solid rgba(6,217,138,0.2);
}

.ryva-guild-mark {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(6,217,138,.6);
  background: #050806;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0,255,138,0.2);
}

.ryva-guild-mark img {
  max-width: 64px;
  max-height: 64px;
  image-rendering: pixelated;
}

.ryva-guild-top {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
}

.ryva-guild-top>div {
  padding: 15px;
  border: 1px solid rgba(6,217,138,.2);
  background: rgba(0,0,0,.4);
  border-radius: 8px;
  text-align: center;
  transition: all 0.3s ease;
}

.ryva-guild-top>div:hover {
  background: rgba(6,217,138,0.1);
  border-color: var(--rp-green);
  transform: translateY(-3px);
}

.ryva-guild-top em {
  display: block;
  color: var(--rp-green);
  font-style: normal;
  font: 700 18px Cinzel,serif;
  text-shadow: 0 0 8px rgba(0,255,138,0.4);
}

.ryva-guild-top strong {
  display: block;
  margin: 5px 0;
}

.ryva-guild-top span {
  font-size: 11px;
  color: var(--rp-muted);
}

.ryva-member-table {
  display: grid;
  gap: 4px;
}

.ryva-member-row {
  display: grid;
  grid-template-columns: minmax(160px,2fr) repeat(4,1fr);
  gap: 8px;
  padding: 9px 10px;
  border-bottom: 1px solid rgba(6,217,138,.15);
  font-size: 12px;
  transition: all 0.2s ease;
}

.ryva-member-row:not(.is-head):hover {
  background: rgba(6,217,138,0.1);
  padding-left: 15px;
}

.ryva-member-row.is-head {
  color: var(--rp-green);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 2px solid rgba(6,217,138,.4);
}

.ryva-member-row small {
  color: var(--rp-green2);
  margin-left: 4px;
  font-weight: bold;
}

@media (max-width:900px) {
  .ryva-stat-grid {
    grid-template-columns: repeat(3,1fr);
  }

  .ryva-equipment-grid {
    grid-template-columns: repeat(3,1fr);
  }

  .ryva-attribute-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width:600px) {
  .ryva-profile-hero {
    grid-template-columns: 64px 1fr;
    padding: 16px;
  }

  .ryva-class-badge,.ryva-guild-mark {
    width: 56px;
    height: 56px;
  }

  .ryva-class-badge span {
    font-size: 16px;
  }

  .ryva-level-box {
    grid-column: 1/-1;
    border-left: 0;
    border-top: 1px solid var(--rp-line);
    padding: 10px 0 0;
  }

  .ryva-profile-subline {
    gap: 8px;
  }

  .ryva-stat-grid {
    grid-template-columns: repeat(2,1fr);
  }

  .ryva-equipment-grid {
    grid-template-columns: repeat(2,1fr);
  }

  .ryva-attribute-grid {
    grid-template-columns: 1fr;
  }

  .ryva-guild-top {
    grid-template-columns: 1fr;
  }

  .ryva-member-row {
    grid-template-columns: 1.7fr repeat(4,.7fr);
    font-size: 10px;
    padding: 8px 4px;
  }

  .ryva-profile-panel {
    padding: 12px;
  }
}

:root {
  --wepro-bg: #000100 !important;
  --wepro-primary: #06d98a !important;
  --wepro-accent: #00c76f !important;
  --zeta-primary: #06d98a !important;
  --zeta-primary-bright: #00ff8a !important;
  --base-blue: #06d98a !important;
  --magic-glow: #00ff8a !important;
  --turquoise: #00c76f !important;
  --vn-primary: #06d98a !important;
  --vn-glow: #00ff8a !important;
  --vr-accent: #06d98a !important;
  --vr-orange: #06d98a !important;
}

html,body,.page-container,.main-container,.content-wrapper,.main-wrapper,.wrapper,.site,.content,.content-area,.page-content,.panel-body,.news-block,.events-box,.download-box,.ranking-box,.usercp-area {
  background-color: #000100 !important;
}

body, .main-content, .page-content {
  background-image: radial-gradient(circle at 50% 0%, rgba(0,130,70,.12), transparent 40%), linear-gradient(180deg,#000100 0%,#030604 45%,#07100a 100%) !important;
}

#logo, .logo, .site-logo, .navbar-brand {
  filter: none !important;
}

[class*="vrm-"], [class*="vrc-"], [class*="vulk-"], [class*="zeta-"] {
  color: inherit;
}

.vrm-home-btn,
.vrm-roadmap-popup a,
.vrc-usercp-stats a,
.redeem-btn,
.vote-btn,
.download-btn,
.play-now,
.btn-info,
.label-info,
.badge-info,
.pagination>.active>a,
.pagination>.active>span,
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  background: linear-gradient(180deg,#087342,#034b2a) !important;
  border-color: #10e58a !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(0,255,138,.16) !important;
}

.vrm-home-btn:hover,
.vrm-roadmap-popup a:hover,
.vrc-usercp-stats a:hover,
.btn-info:hover,
.vote-btn:hover,
.download-btn:hover,
.play-now:hover {
  background: linear-gradient(180deg,#0aae63,#057742) !important;
}

.progress-bar,
.status-progress span,
.stat-life .stat-bar,.bar-life,
.stat-damage .stat-bar,.bar-damage,
.stat-rate .stat-bar,.bar-rate,
.healthbar span,
.mana-bar span {
  background: linear-gradient(90deg,#027b29,#06d98a,#00ff8a) !important;
}

.text-info,.blue-color,.color-blue,.text-primary,.status-blue,.highlight-blue,
[class*="fa-"][style*="#06D98A"] {
  color: #06d98a !important;
}

.panel-info>.panel-heading,.alert-info,.bg-info,.table-info,
.info-card,.server-status,.status-card,.quick-link-box,
.vrm-roadmap-popup-box,.ref-panel,.vrc-card,.vulk-card {
  background: linear-gradient(180deg, rgba(14,20,16,.96), rgba(4,8,6,.98)) !important;
  border-color: rgba(130,160,140,.18) !important;
  color: #e7ece8 !important;
}

.navbar, .navbar-default, #cssmenu, .vulk-main-nav, .vora-navbar {
  background: rgba(3,8,5,.96) !important;
}

hr, .separator, .divider, .title-separator {
  border-color: rgba(6,217,138,.28) !important;
  background-image: linear-gradient(90deg, transparent, rgba(6,217,138,.45), transparent) !important;
}

*, *:before, *:after {
  --legacy-blue: #06d98a;
}

html, body {
  min-height: 100%;
}

body:before {
  background: radial-gradient(circle at 50% 8%,rgba(0,255,138,.075),transparent 34%) !important;
}

.vulk-ref-hero {
  background: transparent !important;
}

.vulk-ref-bg {
  background-image: linear-gradient(180deg,rgba(0,1,0,.42),rgba(0,1,0,.83)),
    url("../img/background.jpg") !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  opacity: .72 !important;
  filter: saturate(.82) brightness(.72) !important;
}

.vulk-ref-bg:before,.vulk-ref-bg:after {
  background: radial-gradient(circle,rgba(6,217,138,.09),transparent 60%) !important;
}

.vora-opening-countdown,.opening-countdown,.countdown-wrapper,.vulk-header,.vulk-main-nav,#cssmenu,
.vora-navbar,.navbar,.navbar-default,.topbar,.top-bar {
  background: linear-gradient(180deg,rgba(4,10,6,.97),rgba(0,2,1,.97)) !important;
  border-color: rgba(6,217,138,.30) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.42) !important;
}

.vora-opening-countdown .countdown-box,.countdown-wrapper .countdown-box,
.countdown-item,.opening-countdown-item {
  background: linear-gradient(180deg,rgba(13,31,21,.98),rgba(4,13,8,.98)) !important;
  border-color: rgba(6,217,138,.50) !important;
  color: #eef5f0 !important;
}

#cssmenu>ul>li>a,.vulk-main-nav a,.vora-navbar a,.navbar a {
  border-color: rgba(6,217,138,.22) !important;
  color: #c7d0ca !important;
}

#cssmenu>ul>li>a:hover,.vulk-main-nav a:hover,.vora-navbar a:hover,.navbar a:hover,
#cssmenu>ul>li.active>a {
  background: rgba(6,217,138,.07) !important;
  border-color: #06d98a !important;
  color: #fff !important;
  box-shadow: inset 0 -2px 0 #06d98a,0 0 14px rgba(0,255,138,.10) !important;
}

.ref-title-logo img {
  filter: drop-shadow(0 0 24px rgba(0,255,138,.20)) drop-shadow(0 12px 16px rgba(0,0,0,.8)) !important;
}

.vora-performance-chip,.ref-kicker,.ref-season strong,.ref-rates i,.ref-server-online,
.ref-quick-grid i,.vora-action-heading strong,.vora-hero-footline i {
  color: #06d98a !important;
}

.ref-season,.vora-performance-sub,.vora-hero-footline,.ref-server-subtext,.ref-server-label {
  color: #a3ab97 !important;
}

.ref-season strong {
  background: linear-gradient(180deg,#f2f5f2 0%,#b7c1b9 36%,#06d98a 72%,#027b29 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 0 13px rgba(0,255,138,.26)) !important;
}

.vora-performance-chip {
  background: rgba(4,16,10,.80) !important;
  border-color: rgba(6,217,138,.34) !important;
}

.ref-rates.vora-rates,
.ref-rates.vora-rates>.vora-rate-card,
.ref-server-panel.ref-server-panel-v2,
.ref-quick-grid>a,
.ref-card-3d {
  background: linear-gradient(180deg,rgba(12,24,16,.97),rgba(2,8,4,.98)) !important;
  border-color: rgba(6,217,138,.24) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.ref-rates.vora-rates>.vora-rate-card:hover,.ref-quick-grid>a:hover {
  border-color: rgba(6,217,138,.60) !important;
  background: linear-gradient(180deg,rgba(17,38,25,.98),rgba(4,13,8,.99)) !important;
  box-shadow: 0 0 20px rgba(0,255,138,.10) !important;
}

.ref-rates.vora-rates .vora-rate-card strong,.ref-server-panel-v2 .mini-stat strong,
.ref-server-panel-v2 .ref-panel-title,.ref-server-panel-v2 .ref-server-count.ref-server-count-single strong {
  color: #eef4ef !important;
  text-shadow: none !important;
}

.ref-server-panel-v2 .ref-server-count.ref-server-count-single strong {
  background: linear-gradient(180deg,#ffffff,#b9c6bd 46%,#06d98a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 0 14px rgba(0,255,138,.18)) !important;
}

.ref-server-panel-v2 .ref-server-highlight {
  background: rgba(6,217,138,.06) !important;
  border-color: rgba(6,217,138,.18) !important;
  color: #a9cab7 !important;
}

.ref-server-panel-v2 .ref-connect-btn,
.ref-connect-btn,
.ref-actions.vora-actions .btn-hero-download,
.ref-actions.vora-actions .btn-hero-register,
.ref-actions.vora-actions .btn-hero-discord,
.btn-hero-large {
  background: linear-gradient(180deg,#087342,#034b2a) !important;
  border-color: #10e58a !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.34),0 0 10px rgba(0,255,138,.10) !important;
}

.ref-server-panel-v2 .ref-connect-btn:hover,.ref-connect-btn:hover,
.ref-actions.vora-actions .btn-hero-large:hover {
  background: linear-gradient(180deg,#0aae63,#057742) !important;
  border-color: #3cf3a5 !important;
  box-shadow: 0 0 18px rgba(0,255,138,.20) !important;
}

.ref-connect-btn small,.btn-hero-large small {
  color: #c7d0ca !important;
}

.ref-quick-grid>a i,.ref-quick-grid>a strong {
  color: #06d98a !important;
}

.ref-quick-grid>a span {
  color: #9ba69e !important;
}

.panel-info>.panel-heading,.alert-info,.label-info,.badge-info,.btn-info,
.server-status,.status-card,.server-card,.ranking-card,.feature-card,.download-card,
.vrm-home-focus,.vrm-roadmap-popup-box,.vrc-usercp-card,.vrc-usercp-stats>a {
  background: linear-gradient(180deg,rgba(14,25,18,.98),rgba(3,9,5,.99)) !important;
  border-color: rgba(6,217,138,.28) !important;
  color: #dfe7e1 !important;
}

#content,.content-wrapper,.main-content,.page-content,.content-area,.vulk-content,.site-content {
  background-color: transparent !important;
}

:root {
  --ryva-green: #12e98f;
  --ryva-green-2: #0aa764;
  --ryva-green-soft: #7cffc9;
  --ryva-panel: rgba(3,14,10,.78);
  --ryva-panel-2: rgba(4,18,12,.88);
  --ryva-line: rgba(18,233,143,.24);
  --ryva-text: #ecfff5;
  --ryva-muted: #89a796;
}

body[data-vulk-theme="emerald"],
body[data-vulk-theme="emerald"] .page-content,
body[data-vulk-theme="emerald"] .content,
body[data-vulk-theme="emerald"] .container,
body[data-vulk-theme="emerald"] .main-content {
  color: var(--ryva-text);
}

body[data-vulk-theme="emerald"] .vulk-ref-hero,
body[data-vulk-theme="emerald"] .vulk-ref-stage,
body[data-vulk-theme="emerald"] #hero {
  background: transparent !important;
}

body[data-vulk-theme="emerald"] .vulk-ref-bg,
body[data-vulk-theme="emerald"] .vulk-ref-layer.vulk-ref-bg {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
}

body[data-vulk-theme="emerald"] .vulk-ref-bg:before,
body[data-vulk-theme="emerald"] .vulk-ref-bg:after,
body[data-vulk-theme="emerald"] .vulk-ref-hero:before,
body[data-vulk-theme="emerald"] .vulk-ref-hero:after,
body[data-vulk-theme="emerald"] .vora-trailer-local-backdrop,
body[data-vulk-theme="emerald"] .vulk-ref-stage:before,
body[data-vulk-theme="emerald"] .vulk-ref-stage:after {
  opacity: .18 !important;
  background-image: none !important;
}

body[data-vulk-theme="emerald"] .glass-panel,
body[data-vulk-theme="emerald"] .ref-server-panel,
body[data-vulk-theme="emerald"] .content-box,
body[data-vulk-theme="emerald"] .page-container,
body[data-vulk-theme="emerald"] .box-style,
body[data-vulk-theme="emerald"] .widget {
  background: linear-gradient(180deg, rgba(1,10,7,.72), rgba(2,13,9,.82)) !important;
  border-color: var(--ryva-line) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.22) !important;
}

body[data-vulk-theme="emerald"] .btn-hero-large {
  border-radius: 18px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .8px !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.22) !important;
}

body[data-vulk-theme="emerald"] .btn-hero-download {
  background: linear-gradient(135deg,#19f39a,#0b8e58) !important;
  border: 1px solid rgba(145,255,213,.80) !important;
  color: #fafffd !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.05) inset, 0 0 26px rgba(18,233,143,.18) !important;
}

body[data-vulk-theme="emerald"] .btn-hero-download:hover {
  transform: translateY(-3px) scale(1.01) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset, 0 0 32px rgba(18,233,143,.28) !important;
}

body[data-vulk-theme="emerald"] .btn-hero-register,
body[data-vulk-theme="emerald"] .btn-hero-discord {
  background: linear-gradient(180deg, rgba(4,20,14,.96), rgba(2,10,7,.98)) !important;
  border: 1px solid rgba(18,233,143,.34) !important;
  color: #effff6 !important;
}

body[data-vulk-theme="emerald"] .btn-hero-register:hover,
body[data-vulk-theme="emerald"] .btn-hero-discord:hover {
  background: linear-gradient(180deg, rgba(9,35,24,.98), rgba(2,12,8,.99)) !important;
  border-color: rgba(124,255,201,.70) !important;
}

body[data-vulk-theme="emerald"] .btn-hero-register i,
body[data-vulk-theme="emerald"] .btn-hero-discord i {
  background: rgba(18,233,143,.14) !important;
  color: #86ffd3 !important;
}

body[data-vulk-theme="emerald"] .btn-login-small,
body[data-vulk-theme="emerald"] .navbar-login-btn .btn-login-small {
  background: linear-gradient(180deg, rgba(10,160,94,.32), rgba(4,92,56,.24)) !important;
  border: 1px solid rgba(40,255,160,.58) !important;
  color: #f2fff7 !important;
  box-shadow: 0 0 18px rgba(18,233,143,.10) !important;
}

body[data-vulk-theme="emerald"] .btn-login-small:hover,
body[data-vulk-theme="emerald"] .navbar-login-btn .btn-login-small:hover {
  background: linear-gradient(180deg, rgba(25,230,140,.30), rgba(7,114,70,.30)) !important;
  color: #fff !important;
}

body[data-vulk-theme="emerald"] .navbar-login-btn a[style*="ff3333"] {
  border-color: rgba(255,94,94,.58) !important;
  color: #ff9393 !important;
}

body[data-vulk-theme="emerald"] .ref-season,
body[data-vulk-theme="emerald"] .ref-season strong,
body[data-vulk-theme="emerald"] .ref-season span,
body[data-vulk-theme="emerald"] .vora-performance-chip,
body[data-vulk-theme="emerald"] .vora-performance-sub,
body[data-vulk-theme="emerald"] .vulk-opening-time strong,
body[data-vulk-theme="emerald"] .vulk-opening-date,
body[data-vulk-theme="emerald"] .ref-panel-title,
body[data-vulk-theme="emerald"] .ref-server-online span:last-child,
body[data-vulk-theme="emerald"] .ref-server-count strong,
body[data-vulk-theme="emerald"] .ref-server-highlight,
body[data-vulk-theme="emerald"] .ref-connect-btn,
body[data-vulk-theme="emerald"] .ref-connect-btn small {
  color: #8cffd5 !important;
  text-shadow: 0 0 18px rgba(18,233,143,.16) !important;
}

body[data-vulk-theme="emerald"] .ref-season strong {
  background: linear-gradient(180deg,#bfffe8,#2ef0a3) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body[data-vulk-theme="emerald"] .vora-performance-chip {
  background: rgba(2,17,11,.88) !important;
  border-color: rgba(18,233,143,.26) !important;
}

body[data-vulk-theme="emerald"] .glass-panel .panel-heading,
body[data-vulk-theme="emerald"] .vulcanus-rank-card .panel-heading,
body[data-vulk-theme="emerald"] .vulcanus-castle-card .panel-heading,
body[data-vulk-theme="emerald"] .panel.panel-default > .panel-heading {
  background: linear-gradient(180deg,#0a944f,#06693a) !important;
  border: 1px solid rgba(120,255,209,.70) !important;
  border-radius: 14px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset !important;
}

body[data-vulk-theme="emerald"] .glass-panel .panel-title,
body[data-vulk-theme="emerald"] .vulcanus-rank-card .panel-title,
body[data-vulk-theme="emerald"] .vulcanus-castle-card .panel-title,
body[data-vulk-theme="emerald"] .panel-heading .panel-title {
  color: #ecfff4 !important;
  font-weight: 900 !important;
  letter-spacing: .6px !important;
}

body[data-vulk-theme="emerald"] .vulcanus-castle-card img[src*="guildmark.php"] {
  width: 130px !important;
  height: 130px !important;
  padding: 10px !important;
  background: radial-gradient(circle at 50% 50%, rgba(18,233,143,.12), rgba(0,0,0,.0) 68%), rgba(5,18,13,.88) !important;
  border: 1px solid rgba(18,233,143,.26) !important;
  border-radius: 16px !important;
  box-shadow: 0 0 24px rgba(18,233,143,.08) !important;
  image-rendering: pixelated;
}

body[data-vulk-theme="emerald"] .vulcanus-castle-card .guild-highlight a,
body[data-vulk-theme="emerald"] .vulcanus-castle-card .master-highlight a,
body[data-vulk-theme="emerald"] .vulcanus-castle-card .text-neon {
  color: #7effcb !important;
}

body[data-vulk-page="rankings"] .ranking-module-header img {
  max-width: 170px !important;
  width: 100% !important;
  filter: drop-shadow(0 0 22px rgba(18,233,143,.22)) !important;
}

body[data-vulk-page="rankings"] .ranking-search-box {
  position: relative;
  margin: 0 auto 26px !important;
  max-width: 700px !important;
}

body[data-vulk-page="rankings"] .ranking-search-box input {
  width: 100% !important;
  height: 62px !important;
  padding: 0 22px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(18,233,143,.26) !important;
  background: linear-gradient(180deg, rgba(3,18,12,.95), rgba(2,10,7,.98)) !important;
  color: #f1fff8 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.24) !important;
}

body[data-vulk-page="rankings"] .ranking-search-box input::placeholder {
  color: #7b9789 !important;
}

body[data-vulk-page="rankings"] .ranking-search-empty {
  margin-top: 10px !important;
  color: #8ba698 !important;
}

body[data-vulk-page="rankings"] .nav-tabs,
body[data-vulk-page="rankings"] .ranking-menu,
body[data-vulk-page="rankings"] .rankings-menu,
body[data-vulk-page="rankings"] .rankings_menu {
  display: grid !important;
  grid-template-columns: repeat(7,minmax(110px,1fr)) !important;
  gap: 12px !important;
  padding: 12px !important;
  margin: 0 0 22px !important;
  border: 1px solid rgba(18,233,143,.12) !important;
  border-radius: 18px !important;
  background: rgba(2,12,8,.74) !important;
}

body[data-vulk-page="rankings"] .nav-tabs>li,
body[data-vulk-page="rankings"] .rankings-menu li,
body[data-vulk-page="rankings"] .rankings_menu li {
  float: none !important;
  margin: 0 !important;
}

body[data-vulk-page="rankings"] .nav-tabs>li>a,
body[data-vulk-page="rankings"] .rankings-menu a,
body[data-vulk-page="rankings"] .rankings_menu a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  padding: 10px 8px !important;
  border: 1px solid rgba(18,233,143,.16) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, rgba(5,20,14,.98), rgba(2,10,7,.99)) !important;
  color: #74ffc8 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .7px !important;
  text-decoration: none !important;
}

body[data-vulk-page="rankings"] .nav-tabs>li.active>a,
body[data-vulk-page="rankings"] .nav-tabs>li.active>a:hover,
body[data-vulk-page="rankings"] .rankings-menu .active a,
body[data-vulk-page="rankings"] .rankings_menu .active a,
body[data-vulk-page="rankings"] .nav-tabs>li>a:hover,
body[data-vulk-page="rankings"] .rankings-menu a:hover,
body[data-vulk-page="rankings"] .rankings_menu a:hover {
  background: linear-gradient(180deg, rgba(24,233,142,.22), rgba(8,111,68,.28)) !important;
  border-color: rgba(124,255,201,.60) !important;
  color: #fff !important;
  box-shadow: 0 0 18px rgba(18,233,143,.10) !important;
}

body[data-vulk-page="rankings"] .page-title {
  display: none !important;
}

body[data-vulk-page="rankings"] table.general-rank,
body[data-vulk-page="rankings"] .dataTable.general-rank {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  background: transparent !important;
  margin-top: 12px !important;
}

body[data-vulk-page="rankings"] table.general-rank thead tr,
body[data-vulk-page="rankings"] table.general-rank thead th,
body[data-vulk-page="rankings"] table.general-rank thead td {
  background: linear-gradient(180deg,#0b8f50,#07552f) !important;
  color: #effff7 !important;
  border: 0 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body[data-vulk-page="rankings"] table.general-rank thead th:first-child,
body[data-vulk-page="rankings"] table.general-rank thead td:first-child {
  border-radius: 14px 0 0 14px !important;
}

body[data-vulk-page="rankings"] table.general-rank thead th:last-child,
body[data-vulk-page="rankings"] table.general-rank thead td:last-child {
  border-radius: 0 14px 14px 0 !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr {
  background: linear-gradient(180deg, rgba(4,18,12,.96), rgba(2,10,7,.98)) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody td {
  background: transparent !important;
  color: #ecfff6 !important;
  border-top: 1px solid rgba(18,233,143,.12) !important;
  border-bottom: 1px solid rgba(18,233,143,.12) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  vertical-align: middle !important;
  padding: 18px 14px !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody td:first-child {
  border-left: 1px solid rgba(18,233,143,.12) !important;
  border-radius: 14px 0 0 14px !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody td:last-child {
  border-right: 1px solid rgba(18,233,143,.12) !important;
  border-radius: 0 14px 14px 0 !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:hover td {
  border-top-color: rgba(124,255,201,.34) !important;
  border-bottom-color: rgba(124,255,201,.34) !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:first-child td {
  background: linear-gradient(180deg, rgba(15,40,27,.98), rgba(3,13,9,.99)) !important;
  border-top-color: rgba(255,226,105,.45) !important;
  border-bottom-color: rgba(255,226,105,.45) !important;
  box-shadow: 0 0 0 1px rgba(255,226,105,.12) inset, 0 0 24px rgba(255,226,105,.06) !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:first-child td:first-child {
  position: relative;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:first-child td:first-child:before {
  content: "TOP 1";
  position: absolute;
  left: 12px;
  top: -10px;
  padding: 4px 8px;
  border-radius: 999px;
  background: linear-gradient(180deg,#ffe47d,#d3a944);
  color: #2d1b00;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .6px;
  box-shadow: 0 6px 18px rgba(0,0,0,.22);
}

body[data-vulk-page="rankings"] .rankings-class-image {
  background: #04110c !important;
  object-fit: cover !important;
}

body[data-vulk-page="rankings"] .rankings-table-place {
  color: #aef3cf !important;
  font-weight: 900 !important;
}

body[data-vulk-page="rankings"] .vulk-ranking-page-info,
body[data-vulk-page="rankings"] .alert.alert-primary.text-end {
  border: 1px solid rgba(18,233,143,.14) !important;
  border-radius: 14px !important;
  background: rgba(2,12,8,.70) !important;
  color: #8ecfa9 !important;
}

body[data-vulk-page="rankings"] .vulk-ranking-pagination a {
  border: 1px solid rgba(18,233,143,.22) !important;
  background: #04110c !important;
  color: #7dffc9 !important;
  box-shadow: none !important;
}

body[data-vulk-page="rankings"] .vulk-ranking-pagination a.active,
body[data-vulk-page="rankings"] .vulk-ranking-pagination a:hover {
  background: linear-gradient(180deg,#18ea94,#0a965d) !important;
  border-color: #88ffd6 !important;
  color: #032314 !important;
}

body[data-vulk-page="login"] .page-title,
body[data-vulk-page="register"] .page-title,
body[data-vulk-page="register"] h1.page-title {
  text-align: center !important;
  font-size: 38px !important;
  font-weight: 1000 !important;
  color: #effff7 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin: 24px 0 12px !important;
}

body[data-vulk-page="login"] .vulk-login-widget,
body[data-vulk-page="register"] .col-12.col-sm-6.col-md-6.mx-auto {
  max-width: 700px !important;
  width: 100% !important;
  margin: 18px auto 34px !important;
  padding: 28px 30px !important;
  border: 1px solid rgba(18,233,143,.18) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(4,18,12,.92), rgba(2,10,7,.96)) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.24) !important;
}

body[data-vulk-page="login"] .vulk-login-widget:before,
body[data-vulk-page="register"] .col-12.col-sm-6.col-md-6.mx-auto:before {
  content: "";
  display: block;
  height: 2px;
  margin-bottom: 24px;
  border-radius: 999px;
  background: linear-gradient(90deg,transparent,#17ea95,transparent);
}

body[data-vulk-page="login"] .input-group,
body[data-vulk-page="register"] .input-group {
  margin-bottom: 10px !important;
}

body[data-vulk-page="login"] .input-group-text,
body[data-vulk-page="register"] .input-group-text,
body[data-vulk-page="register"] .input-group-prepend .input-group-text {
  min-width: 48px !important;
  justify-content: center !important;
  border: 1px solid rgba(18,233,143,.18) !important;
  background: #071912 !important;
  color: #81ffd0 !important;
}

body[data-vulk-page="login"] .form-control,
body[data-vulk-page="register"] .form-control {
  height: 48px !important;
  border: 1px solid rgba(18,233,143,.15) !important;
  border-radius: 0 12px 12px 0 !important;
  background: #030d09 !important;
  color: #effff8 !important;
  box-shadow: none !important;
}

body[data-vulk-page="login"] .form-control:focus,
body[data-vulk-page="register"] .form-control:focus {
  border-color: rgba(124,255,201,.52) !important;
  box-shadow: 0 0 0 3px rgba(18,233,143,.08) !important;
}

body[data-vulk-page="login"] small,
body[data-vulk-page="register"] small,
body[data-vulk-page="register"] .form-check-label,
body[data-vulk-page="login"] .help-block a,
body[data-vulk-page="register"] .help-block a {
  color: #92aa9a !important;
}

body[data-vulk-page="login"] .btn.btn-primary,
body[data-vulk-page="register"] .btn.btn-primary,
body[data-vulk-page="register"] button[type="submit"] {
  width: 100% !important;
  min-height: 50px !important;
  margin-top: 8px !important;
  border: 1px solid rgba(126,255,203,.62) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg,#16ea93,#0a985e) !important;
  color: #032315 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .8px !important;
  box-shadow: 0 12px 24px rgba(18,233,143,.18) !important;
}

body[data-vulk-page="register"] .hp-field {
  display: none !important;
}

body[data-vulk-page="usercp"] .usercp-dashboard .glass-panel,
body[data-vulk-page="usercp"] .usercp-dashboard .glass-panel-inner,
body[data-vulk-page="usercp"] .usercp-dashboard .module-card,
body[data-vulk-page="usercp"] .usercp-dashboard .usercp-stats-container {
  background: linear-gradient(180deg, rgba(4,18,12,.92), rgba(2,10,7,.96)) !important;
  border: 1px solid rgba(18,233,143,.16) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.22) !important;
}

body[data-vulk-page="usercp"] .usercp-dashboard .char-v2-header,
body[data-vulk-page="usercp"] .usercp-dashboard .module-icon-wrapper,
body[data-vulk-page="usercp"] .usercp-dashboard .module-action {
  background: linear-gradient(180deg, rgba(18,233,143,.08), rgba(0,0,0,0)) !important;
  border-color: rgba(18,233,143,.10) !important;
}

body[data-vulk-page="usercp"] .usercp-dashboard .module-card:hover,
body[data-vulk-page="usercp"] .usercp-dashboard .char-full-card-v2:hover {
  border-color: rgba(124,255,201,.56) !important;
  box-shadow: 0 0 26px rgba(18,233,143,.12) !important;
}

body[data-vulk-page="usercp"] .usercp-dashboard .module-icon,
body[data-vulk-page="usercp"] .usercp-dashboard .stat-icon,
body[data-vulk-page="usercp"] .usercp-dashboard .btn-go,
body[data-vulk-page="usercp"] .usercp-dashboard .text-neon,
body[data-vulk-page="usercp"] .usercp-dashboard .char-v2-class {
  color: #77ffca !important;
  text-shadow: none !important;
}

body[data-vulk-page="usercp"] .usercp-dashboard .btn-buy-wcc,
body[data-vulk-page="usercp"] .usercp-dashboard .btn-glow,
body[data-vulk-page="usercp"] .usercp-dashboard .btn.btn-primary {
  background: linear-gradient(180deg,#16ea93,#0b965d) !important;
  color: #032315 !important;
  border: 1px solid rgba(126,255,203,.62) !important;
  box-shadow: none !important;
}

body[data-vulk-page="usercp"] .usercp-dashboard .char-v2-avatar,
body[data-vulk-page="usercp"] .usercp-dashboard .ryva-usercp-avatar {
  border-color: rgba(18,233,143,.34) !important;
  box-shadow: 0 0 16px rgba(18,233,143,.08) !important;
  background: #04110c !important;
}

body[data-vulk-page="usercp"] .usercp-dashboard .char-v2-avatar img,
body[data-vulk-page="usercp"] .usercp-dashboard .ryva-usercp-avatar img,
body[data-vulk-page="usercp"] .usercp-dashboard img.ryva-usercp-avatar,
body[data-vulk-page="usercp"] .usercp-dashboard img.img-circle {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body[data-vulk-page="usercp"] .usercp-dashboard .table-account-info td {
  color: #eafff2 !important;
  border-color: rgba(18,233,143,.10) !important;
  background: transparent !important;
}

body[data-vulk-page="usercp"] .usercp-dashboard .text-muted,
body[data-vulk-page="usercp"] .usercp-dashboard .v2-stat-lbl,
body[data-vulk-page="usercp"] .usercp-dashboard .stat-label,
body[data-vulk-page="usercp"] .usercp-dashboard .level-lbl {
  color: #87a392 !important;
}

body[data-vulk-page="invasiones"] .vulk-invasiones-page,
body[data-vulk-page="invasiones"] .vulk-invasiones-page * {
  scrollbar-color: #18e992 #07140e;
}

body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-filter,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-search,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-summary > div,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-card,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-next-box,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-footer-note,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-alert {
  background: linear-gradient(180deg, rgba(4,18,12,.92), rgba(2,10,7,.96)) !important;
  border-color: rgba(18,233,143,.14) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.22) !important;
}

body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-filter.is-active,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-filter:hover,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-chip,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-type,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-state.is-on {
  background: linear-gradient(180deg, rgba(24,233,148,.20), rgba(7,124,74,.18)) !important;
  border-color: rgba(124,255,201,.42) !important;
  color: #eafff3 !important;
}

body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-hero h1,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-next-copy h2,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-card-title h2,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-section-title,
body[data-vulk-page="invasiones"] .vulk-invasiones-page .vip-summary strong {
  color: #8dffd5 !important;
}

body[data-vulk-theme="emerald"] .vulk-security-footer,
body[data-vulk-theme="emerald"] .vulcanus-footer,
body[data-vulk-theme="emerald"] footer.footer {
  margin-top: 30px !important;
  padding: 0 0 26px !important;
  background: transparent !important;
  border: 0 !important;
}

body[data-vulk-theme="emerald"] .vulk-footer-security-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
  padding: 22px 24px !important;
  border: 1px solid rgba(18,233,143,.18) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(4,18,12,.90), rgba(2,10,7,.96)) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.24) !important;
}

body[data-vulk-theme="emerald"] .vulk-footer-shield {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(124,255,201,.46) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(24,233,148,.18), rgba(7,124,74,.12)) !important;
  color: #84ffd2 !important;
  font-size: 24px !important;
}

body[data-vulk-theme="emerald"] .vulk-footer-text h3 {
  margin: 0 0 8px !important;
  color: #f2fff8 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

body[data-vulk-theme="emerald"] .vulk-footer-text p,
body[data-vulk-theme="emerald"] .vulk-footer-credit {
  color: #8da89a !important;
}

body[data-vulk-theme="emerald"] .vulk-footer-credit strong {
  color: #8fffd7 !important;
}

@media (max-width: 1100px) {
  body[data-vulk-page="rankings"] .nav-tabs,
    body[data-vulk-page="rankings"] .ranking-menu,
    body[data-vulk-page="rankings"] .rankings-menu,
    body[data-vulk-page="rankings"] .rankings_menu {
    grid-template-columns: repeat(4,1fr) !important;
  }
}

@media (max-width: 768px) {
  body[data-vulk-page="rankings"] .nav-tabs,
    body[data-vulk-page="rankings"] .ranking-menu,
    body[data-vulk-page="rankings"] .rankings-menu,
    body[data-vulk-page="rankings"] .rankings_menu {
    grid-template-columns: repeat(2,1fr) !important;
  }

  body[data-vulk-page="rankings"] .ranking-module-header img {
    max-width: 130px !important;
  }

  body[data-vulk-page="usercp"] .usercp-dashboard .character-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-vulk-page="login"] .vulk-login-widget,
    body[data-vulk-page="register"] .col-12.col-sm-6.col-md-6.mx-auto {
    padding: 20px 18px !important;
  }

  body[data-vulk-theme="emerald"] .vulk-footer-security-card {
    padding: 18px !important;
  }
}

body[data-vulk-page="login"],
body[data-vulk-page="register"] {
  background-color: #010805 !important;
  background-image: linear-gradient(90deg,rgba(0,8,5,.30),rgba(0,8,5,.08) 45%,rgba(0,8,5,.28)),
      url("../img/background.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: 1920px auto !important;
  background-attachment: fixed !important;
}

body[data-vulk-page="login"]:before,
body[data-vulk-page="register"]:before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg,rgba(0,6,4,.08),rgba(0,6,4,.28)),
      radial-gradient(circle at 50% 18%,rgba(19,235,145,.07),transparent 34%) !important;
}

body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-download {
  background: linear-gradient(135deg,#20f4a0 0%,#0bcf7c 45%,#087d4d 100%) !important;
  border: 1px solid rgba(164,255,221,.88) !important;
  color: #f8fffb !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24),
      0 9px 22px rgba(0,0,0,.26),
      0 0 25px rgba(18,233,143,.24) !important;
  filter: none !important;
}

body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-register,
body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-discord {
  background: linear-gradient(180deg,#06140f 0%,#020a07 100%) !important;
  border: 1px solid rgba(20,190,117,.34) !important;
  color: #e8f7ef !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025),
      0 8px 20px rgba(0,0,0,.28) !important;
  animation: none !important;
  filter: none !important;
}

body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-register i,
body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-discord i {
  background: #0a2419 !important;
  border: 1px solid rgba(18,233,143,.16) !important;
  color: #72e9b5 !important;
  box-shadow: none !important;
}

body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-register:hover,
body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-discord:hover {
  background: linear-gradient(180deg,#0a2118 0%,#03100b 100%) !important;
  border-color: rgba(106,255,196,.58) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.32),0 0 18px rgba(18,233,143,.08) !important;
  transform: translateY(-2px) !important;
}

body[data-vulk-page="register"] #container {
  min-height: calc(100vh - 40px) !important;
  padding: 34px 16px !important;
  align-items: center !important;
}

body[data-vulk-page="register"] form.register-widget-active {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
}

body[data-vulk-page="register"] .register-container {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  padding: 32px 34px 28px !important;
  border: 1px solid rgba(18,233,143,.36) !important;
  border-top: 1px solid rgba(91,255,191,.65) !important;
  border-radius: 24px !important;
  background: radial-gradient(circle at 50% 0%,rgba(18,233,143,.075),transparent 36%),
      linear-gradient(180deg,rgba(2,15,10,.96),rgba(1,8,5,.985)) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.015) inset !important;
  overflow: hidden !important;
}

body[data-vulk-page="register"] .register-container:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(115deg,transparent 15%,rgba(255,255,255,.018) 40%,transparent 65%) !important;
}

body[data-vulk-page="register"] .register-container .reg-logo-small {
  display: none !important;
}

body[data-vulk-page="register"] .register-container h2.page-title {
  display: block !important;
  margin: 0 0 26px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid rgba(18,233,143,.13) !important;
  color: #effff7 !important;
  font-family: inherit !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
  font-weight: 1000 !important;
  letter-spacing: .7px !important;
  text-align: left !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

body[data-vulk-page="register"] .register-container h2.page-title:before {
  content: "CREAR CUENTA" !important;
  display: block !important;
  margin-bottom: 6px !important;
  color: #62ffc0 !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  letter-spacing: 2.1px !important;
}

body[data-vulk-page="register"] .register-form-inner {
  position: relative !important;
  z-index: 1 !important;
}

body[data-vulk-page="register"] .register-container .form-group {
  margin: 0 0 17px !important;
}

body[data-vulk-page="register"] .register-container .form-group label {
  display: block !important;
  margin: 0 0 7px 2px !important;
  color: #a9c0b4 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 1.15px !important;
}

body[data-vulk-page="register"] .register-container .form-group label>i {
  display: none !important;
}

body[data-vulk-page="register"] .register-container .input-group {
  display: flex !important;
  width: 100% !important;
  height: 50px !important;
  margin: 0 !important;
  border: 1px solid rgba(18,233,143,.18) !important;
  border-radius: 13px !important;
  background: #020b07 !important;
  overflow: hidden !important;
  box-shadow: inset 0 0 18px rgba(18,233,143,.018) !important;
}

body[data-vulk-page="register"] .register-container .input-group-addon {
  width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-right: 1px solid rgba(18,233,143,.17) !important;
  border-radius: 0 !important;
  background: #061711 !important;
  color: #5cffbd !important;
}

body[data-vulk-page="register"] .register-container [id^="slot-"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body[data-vulk-page="register"] .register-container .form-control {
  width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #edfdf5 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

body[data-vulk-page="register"] .register-container .form-control::placeholder {
  color: #586f63 !important;
  opacity: 1 !important;
}

body[data-vulk-page="register"] .register-container .input-group:focus-within {
  border-color: rgba(100,255,195,.54) !important;
  box-shadow: 0 0 0 3px rgba(18,233,143,.055) !important;
}

body[data-vulk-page="register"] .register-container #grp-terms {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 22px 0 18px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(18,233,143,.12) !important;
  border-radius: 12px !important;
  background: rgba(18,233,143,.025) !important;
  color: #9cb3a7 !important;
  font-size: 11px !important;
  text-align: left !important;
}

body[data-vulk-page="register"] .register-container #grp-terms input {
  margin: 0 !important;
  accent-color: #16df8b !important;
}

body[data-vulk-page="register"] .register-container #grp-terms span {
  margin-left: 0 !important;
}

body[data-vulk-page="register"] .register-container #grp-terms a {
  color: #60f4b9 !important;
}

body[data-vulk-page="register"] .register-container #slot-btn .btn-primary {
  height: 52px !important;
  margin: 0 !important;
  border: 1px solid rgba(137,255,210,.62) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg,#1ae795,#0b9c60) !important;
  color: #031c11 !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: 1px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.22),0 0 18px rgba(18,233,143,.10) !important;
}

body[data-vulk-page="register"] .register-container .btn-home-custom {
  margin: 0 !important;
  padding: 9px 16px !important;
  border: 1px solid rgba(18,233,143,.16) !important;
  border-radius: 10px !important;
  background: #05140e !important;
  color: #9dbaab !important;
  font-size: 9px !important;
  letter-spacing: .8px !important;
}

body[data-vulk-page="register"] .register-container .btn-home-custom:hover {
  background: #09241a !important;
  color: #dfffee !important;
}

body[data-vulk-page="login"] .login-widget-container {
  width: 100% !important;
  max-width: 500px !important;
  margin: 0 auto !important;
}

body[data-vulk-page="login"] .vulk-login-widget {
  width: 100% !important;
  border-top: 1px solid rgba(91,255,191,.60) !important;
  border-radius: 22px !important;
  backdrop-filter: blur(10px) !important;
}

body[data-vulk-page="login"] .vulk-login-widget:before {
  content: "INICIAR SESIÓN" !important;
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 23px !important;
  padding: 0 0 17px !important;
  border-bottom: 1px solid rgba(18,233,143,.13) !important;
  background: none !important;
  color: #f2fff8 !important;
  font-weight: 1000 !important;
  letter-spacing: .6px !important;
  animation: none !important;
}

body[data-vulk-page="login"] .vulk-login-widget .input-group {
  height: 50px !important;
  margin-bottom: 7px !important;
  border: 1px solid rgba(18,233,143,.18) !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  background: #020b07 !important;
}

body[data-vulk-page="login"] .vulk-login-widget .input-group-text {
  width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
  border: 0 !important;
  border-right: 1px solid rgba(18,233,143,.17) !important;
  border-radius: 0 !important;
  background: #061711 !important;
  color: #5cffbd !important;
}

body[data-vulk-page="login"] .vulk-login-widget .form-control {
  height: 48px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #effff7 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

body[data-vulk-page="login"] .vulk-login-widget .input-group:focus-within {
  border-color: rgba(100,255,195,.54) !important;
  box-shadow: 0 0 0 3px rgba(18,233,143,.055) !important;
}

body[data-vulk-page="login"] .vulk-login-widget small,
body[data-vulk-page="login"] .vulk-login-widget .text-muted {
  margin: 4px 0 15px !important;
  color: #718d7f !important;
  font-size: 10px !important;
}

body[data-vulk-page="login"] .vulk-login-widget .help-block {
  margin: 2px 0 16px !important;
}

body[data-vulk-page="login"] .vulk-login-widget .help-block a {
  color: #91a99c !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body[data-vulk-page="login"] .vulk-login-widget .btn-primary {
  height: 52px !important;
  border: 1px solid rgba(137,255,210,.62) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg,#1ae795,#0b9c60) !important;
  color: #031c11 !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: 1px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.22),0 0 18px rgba(18,233,143,.10) !important;
}

body[data-vulk-page="login"] .vulk-login-widget .btn-primary:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(180deg,#3af2a7,#0bac6a) !important;
}

@media (max-width:620px) {
  body[data-vulk-page="register"] .register-container,
      body[data-vulk-page="login"] .vulk-login-widget {
    width: 100% !important;
    padding: 24px 20px !important;
    border-radius: 18px !important;
  }

  body[data-vulk-page="register"] .register-container h2.page-title,
      body[data-vulk-page="login"] .vulk-login-widget:before {
    font-size: 21px !important;
  }
}

body[data-vulk-theme="emerald"] .vulk-rank-tabs-card .vulk-tabs-head {
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(18,233,143,.18) !important;
  border-radius: 16px !important;
  background: rgba(2,10,7,.88) !important;
}

body[data-vulk-theme="emerald"] .vulk-rank-tabs-card .vulk-tabs-head>button.vulk-tab-btn,
body[data-vulk-theme="emerald"] button.vulk-tab-btn {
  min-height: 44px !important;
  border: 1px solid rgba(18,233,143,.32) !important;
  background: linear-gradient(180deg,#06301f 0%,#02130c 100%) !important;
  color: #d9fff0 !important;
  box-shadow: none !important;
  filter: none !important;
}

body[data-vulk-theme="emerald"] .vulk-rank-tabs-card .vulk-tabs-head>button.vulk-tab-btn:hover,
body[data-vulk-theme="emerald"] .vulk-rank-tabs-card .vulk-tabs-head>button.vulk-tab-btn.active,
body[data-vulk-theme="emerald"] button.vulk-tab-btn:hover,
body[data-vulk-theme="emerald"] button.vulk-tab-btn.active {
  border-color: rgba(125,255,204,.72) !important;
  background: linear-gradient(180deg,#13c97b 0%,#076c43 100%) !important;
  color: #fff !important;
  box-shadow: 0 0 18px rgba(18,233,143,.13) !important;
}

body[data-vulk-theme="emerald"] .vulk-tab-panel .panel-heading,
body[data-vulk-theme="emerald"] .vulk-tab-panel .bg-primary,
body[data-vulk-theme="emerald"] .vulk-tab-panel thead,
body[data-vulk-theme="emerald"] .vulk-tab-panel thead tr,
body[data-vulk-theme="emerald"] .vulk-tab-panel thead th,
body[data-vulk-theme="emerald"] .vulk-tab-panel thead td {
  background: transparent !important;
  background-color: transparent !important;
  color: #9cffd5 !important;
  border-color: rgba(18,233,143,.14) !important;
}

body[data-vulk-theme="emerald"] #navbar .navbar-login-btn>a.btn-login-small,
body[data-vulk-theme="emerald"] #navbar a.btn-login-small[href*="login"],
body[data-vulk-theme="emerald"] #navbar .btn-login-small {
  border: 1px solid rgba(94,255,193,.58) !important;
  background: linear-gradient(180deg,#0f8e58 0%,#075231 100%) !important;
  color: #effff7 !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.02) inset,0 0 16px rgba(18,233,143,.10) !important;
  filter: none !important;
}

body[data-vulk-theme="emerald"] #navbar .navbar-login-btn>a.btn-login-small:hover,
body[data-vulk-theme="emerald"] #navbar a.btn-login-small[href*="login"]:hover,
body[data-vulk-theme="emerald"] #navbar .btn-login-small:hover {
  border-color: #8cffd2 !important;
  background: linear-gradient(180deg,#17c879 0%,#087746 100%) !important;
  color: #fff !important;
}

body[data-vulk-theme="emerald"] #hero .hero-actions.ref-actions.vora-actions>a.btn-hero-register,
body[data-vulk-theme="emerald"] #hero .hero-actions.ref-actions.vora-actions>a.btn-hero-discord {
  background: linear-gradient(180deg,#05120d 0%,#010705 100%) !important;
  border: 1px solid rgba(18,233,143,.24) !important;
  color: #e5f6ed !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02),0 8px 18px rgba(0,0,0,.28) !important;
}

body[data-vulk-theme="emerald"] #hero .hero-actions.ref-actions.vora-actions>a.btn-hero-register i,
body[data-vulk-theme="emerald"] #hero .hero-actions.ref-actions.vora-actions>a.btn-hero-discord i {
  background: #082017 !important;
  color: #68e9b1 !important;
  border-color: rgba(18,233,143,.14) !important;
}

body[data-vulk-theme="emerald"] #hero .hero-actions.ref-actions.vora-actions>a.btn-hero-download {
  background: linear-gradient(180deg,#22efa0 0%,#0aa164 100%) !important;
  border-color: #8cffd2 !important;
  box-shadow: 0 0 24px rgba(18,233,143,.24),0 10px 24px rgba(0,0,0,.22) !important;
}

body[data-vulk-theme="emerald"] #hero.vulk-ref-hero {
  min-height: 510px !important;
  padding: 28px 0 22px !important;
  margin-bottom: 14px !important;
}

body[data-vulk-theme="emerald"] #hero .vulk-ref-stage {
  max-width: 1320px !important;
  grid-template-columns: minmax(0,1fr) 255px !important;
  gap: 22px !important;
}

body[data-vulk-theme="emerald"] #hero .vulk-ref-left {
  max-width: 720px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-title-logo {
  margin: 2px 0 2px !important;
}

body[data-vulk-theme="emerald"] #hero .vora-performance-head {
  margin-bottom: 10px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-season span {
  letter-spacing: 3px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-rates.vora-rates>.vora-rate-card {
  min-height: 74px !important;
  padding: 9px 5px !important;
  border-radius: 11px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-rates.vora-rates .vora-rate-card i {
  font-size: 16px !important;
  margin-bottom: 4px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-rates.vora-rates .vora-rate-card strong {
  font-size: 17px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-rates.vora-rates .vora-rate-card span {
  font-size: 7px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-actions.vora-actions {
  gap: 8px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-actions.vora-actions .btn-hero-large {
  min-height: 62px !important;
  height: 62px !important;
  padding: 8px 12px !important;
  border-radius: 13px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-actions.vora-actions .btn-hero-large i {
  width: 38px !important;
  height: 38px !important;
  font-size: 16px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-actions.vora-actions .btn-hero-large span {
  font-size: 12px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-actions.vora-actions .btn-hero-large small {
  font-size: 7px !important;
}

body[data-vulk-theme="emerald"] #hero .vora-hero-footline {
  font-size: 7px !important;
}

body[data-vulk-page="login"] {
  background-color: #010805 !important;
  background-image: url("../img/background.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: center top !important;
  background-attachment: scroll !important;
}

body[data-vulk-page="login"]:before {
  background: linear-gradient(180deg,rgba(0,8,5,.05),rgba(0,8,5,.14)) !important;
  opacity: 1 !important;
}

body[data-vulk-page="login"] #container {
  min-height: calc(100vh - 20px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px 14px !important;
  background: transparent !important;
}

body[data-vulk-page="login"] .modules_cont,
body[data-vulk-page="login"] .row,
body[data-vulk-page="login"] .col-xs-12 {
  width: 100% !important;
}

body[data-vulk-page="login"] .vulk-login-widget {
  max-width: 460px !important;
  margin: 0 auto !important;
  padding: 28px 30px 30px !important;
  background: linear-gradient(180deg,rgba(2,17,11,.94),rgba(1,8,5,.98)) !important;
  border: 1px solid rgba(18,233,143,.36) !important;
  box-shadow: 0 20px 45px rgba(0,0,0,.36) !important;
}

body[data-vulk-page="login"] .vulk-login-widget:before {
  text-align: center !important;
  font-size: 24px !important;
}

body[data-vulk-page="login"] .vulk-login-widget form {
  width: 100% !important;
  max-width: 380px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

body[data-vulk-page="login"] .vulk-login-widget .help-block {
  text-align: center !important;
}

body[data-vulk-page="login"] .vulk-login-widget .input-group {
  width: 100% !important;
}

body[data-vulk-page="login"] .vulk-login-widget .btn-primary {
  width: 100% !important;
  display: block !important;
  margin: 0 auto !important;
}

body[data-vulk-page="register"] {
  background-image: url("../img/background.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: center top !important;
  background-attachment: scroll !important;
}

@media (max-width:900px) {
  body[data-vulk-theme="emerald"] #hero .vulk-ref-stage {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  body[data-vulk-theme="emerald"] #hero .vulk-ref-left {
    max-width: none !important;
    padding-top: 18px !important;
  }

  body[data-vulk-theme="emerald"] #hero .vulk-ref-right {
    max-width: 340px !important;
    margin: 0 auto !important;
  }
}

@media (max-width:620px) {
  body[data-vulk-page="login"],body[data-vulk-page="register"] {
    background-size: auto 100vh !important;
    background-position: center top !important;
  }

  body[data-vulk-page="login"] .vulk-login-widget {
    max-width: 92% !important;
    padding: 24px 20px !important;
  }
}

:root {
  --ryva6-g: #16ee97;
  --ryva6-g2: #07965a;
  --ryva6-line: rgba(22,238,151,.24);
  --ryva6-panel: rgba(2,13,9,.84);
  --ryva6-text: #effff7;
  --ryva6-muted: #849f91;
}

html, body {
  background-color: #000000 !important;
  background-image: url("../img/background.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: 92% auto !important;
  background-attachment: scroll !important;
}

body:before, body:after {
  background: none !important;
  opacity: 0 !important;
  display: none !important;
}

body[data-vulk-theme="emerald"] #hero,
body[data-vulk-theme="emerald"] .vulk-ref-hero {
  background: transparent !important;
}

body[data-vulk-theme="emerald"] #hero .vulk-ref-bg,
body[data-vulk-theme="emerald"] #hero .vulk-ref-layer.vulk-ref-bg {
  background-color: transparent !important;
  background-image: url("../img/background.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: 92% auto !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
}

body[data-vulk-theme="emerald"] #hero .vulk-ref-bg:before,
body[data-vulk-theme="emerald"] #hero .vulk-ref-bg:after,
body[data-vulk-theme="emerald"] #hero:before,
body[data-vulk-theme="emerald"] #hero:after,
body[data-vulk-theme="emerald"] .vulk-ref-stage:before,
body[data-vulk-theme="emerald"] .vulk-ref-stage:after {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}

body[data-vulk-theme="emerald"] #hero .vulk-ref-stage {
  min-height: 620px !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  align-items: start !important;
}

body[data-vulk-theme="emerald"] #hero .vulk-ref-left {
  padding-top: 14px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-title-logo img {
  max-width: 360px !important;
  width: 44vw !important;
}

body[data-vulk-theme="emerald"] #hero .vora-performance-head {
  margin-top: 8px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-season {
  margin: 5px 0 2px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-season strong {
  font-size: 58px !important;
  line-height: .85 !important;
}

body[data-vulk-theme="emerald"] #hero .ref-season span {
  font-size: 27px !important;
}

body[data-vulk-theme="emerald"] #hero .vora-performance-sub {
  font-size: 8px !important;
  margin-top: 1px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-rates.vora-rates {
  margin-top: 10px !important;
  gap: 7px !important;
  padding: 8px !important;
}

body[data-vulk-theme="emerald"] #hero .vora-rate-card {
  min-height: 70px !important;
  padding: 8px 7px !important;
  border-radius: 11px !important;
}

body[data-vulk-theme="emerald"] #hero .vora-rate-card i {
  font-size: 16px !important;
}

body[data-vulk-theme="emerald"] #hero .vora-rate-card strong {
  font-size: 14px !important;
  margin-top: 3px !important;
}

body[data-vulk-theme="emerald"] #hero .vora-rate-card span {
  font-size: 6.5px !important;
}

body[data-vulk-theme="emerald"] #hero .vora-action-heading {
  margin: 9px 0 7px !important;
}

body[data-vulk-theme="emerald"] #hero .vora-actions {
  gap: 8px !important;
}

body[data-vulk-theme="emerald"] #hero .btn-hero-large {
  min-height: 58px !important;
  padding: 9px 12px !important;
  border-radius: 13px !important;
}

body[data-vulk-theme="emerald"] #hero .btn-hero-large>i {
  width: 34px !important;
  height: 34px !important;
  font-size: 14px !important;
}

body[data-vulk-theme="emerald"] #hero .btn-hero-large span {
  font-size: 11px !important;
}

body[data-vulk-theme="emerald"] #hero .btn-hero-large small {
  font-size: 6px !important;
}

body[data-vulk-theme="emerald"] #hero .vora-hero-footline {
  margin-top: 6px !important;
}

body[data-vulk-theme="emerald"] #hero .vulk-ref-right {
  padding-top: 245px !important;
  align-self: start !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel-v2 .ref-panel-title {
  font-size: 10px !important;
  margin-bottom: 3px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel-v2 .ref-server-online {
  margin: 0 !important;
  font-size: 13px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel-v2 .ref-server-subtext {
  font-size: 7px !important;
  margin: 2px 0 5px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-peak span {
  font-size: 6px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel-v2 .ref-server-mini-stats {
  gap: 5px !important;
  margin: 0 !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel-v2 .mini-stat {
  padding: 6px 3px !important;
  border-radius: 8px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel-v2 .mini-stat strong {
  font-size: 20px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel-v2 .mini-stat span {
  font-size: 7.5px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel-v2 .ref-connect-btn {
  min-height: 38px !important;
  padding: 5px !important;
  font-size: 14px !important;
  border-radius: 9px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel-v2 .ref-connect-btn small {
  font-size: 6px !important;
}

body[data-vulk-page="login"],body[data-vulk-page="register"] {
  background-color: #000000 !important;
  background-image: url("../img/background.jpg") !important;
  background-size: 92% auto !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

body[data-vulk-page="login"]:before,body[data-vulk-page="register"]:before {
  display: none !important;
}

body[data-vulk-page="profile"] .page-title {
  display: none !important;
}

.ryva-profile-v6 {
  max-width: 1120px;
  margin: 26px auto 44px;
  color: var(--ryva6-text);
}

.ryva-profile-v6 * {
  box-sizing: border-box;
}

.ryva-p6-card {
  background: linear-gradient(180deg,rgba(3,17,11,.92),rgba(1,9,6,.96));
  border: 1px solid var(--ryva6-line);
  border-radius: 18px;
  box-shadow: 0 14px 36px rgba(0,0,0,.24);
}

.ryva-p6-hero {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 22px;
  overflow: hidden;
  position: relative;
}

.ryva-p6-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 10% 0,rgba(22,238,151,.13),transparent 30%);
  pointer-events: none;
}

.ryva-p6-avatar {
  position: relative;
  z-index: 1;
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(126,255,205,.38);
  border-radius: 20px;
  background: #04120c;
  box-shadow: 0 0 24px rgba(22,238,151,.08);
  overflow: hidden;
}

.ryva-p6-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

.ryva-p6-id {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.ryva-p6-eyebrow {
  color: #5effbb;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.ryva-p6-id h1 {
  margin: 3px 0 5px !important;
  color: #fff !important;
  font-size: 34px !important;
  font-weight: 1000 !important;
  letter-spacing: .3px !important;
  line-height: 1 !important;
}

.ryva-p6-sub {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  color: #94aa9e;
  font-size: 11px;
}

.ryva-p6-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 9px;
  border: 1px solid rgba(22,238,151,.16);
  border-radius: 999px;
  background: rgba(22,238,151,.05);
  color: #a2e7c4;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .6px;
}

.ryva-p6-pill.on {
  color: #6effbe;
  border-color: rgba(22,238,151,.35);
}

.ryva-p6-pill.off {
  color: #86958e;
  border-color: rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
}

.ryva-p6-rank {
  position: relative;
  z-index: 1;
  min-width: 150px;
  padding: 13px 14px;
  text-align: center;
  border: 1px solid rgba(22,238,151,.17);
  border-radius: 15px;
  background: rgba(22,238,151,.04);
}

.ryva-p6-rank small {
  display: block;
  color: #728f80;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 1px;
}

.ryva-p6-rank strong {
  display: block;
  margin-top: 4px;
  color: #79ffd0;
  font-size: 21px;
  font-weight: 1000;
}

.ryva-p6-rank em {
  display: block;
  margin-top: 3px;
  color: #879f92;
  font-size: 9px;
  font-style: normal;
}

.ryva-p6-kd-manco strong {
  color: #ff8f8f;
}

.ryva-p6-kd-normal strong {
  color: #d7eadf;
}

.ryva-p6-kd-pro strong {
  color: #74dfff;
}

.ryva-p6-kd-legend strong {
  color: #ffe075;
  text-shadow: 0 0 16px rgba(255,224,117,.16);
}

.ryva-p6-stats {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: 8px;
  margin: 10px 0;
}

.ryva-p6-stat {
  padding: 14px 10px;
  text-align: center;
}

.ryva-p6-stat small {
  display: block;
  color: #708d7e;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.ryva-p6-stat b {
  display: block;
  margin-top: 3px;
  color: #f0fff7;
  font-size: 18px;
  font-weight: 1000;
}

.ryva-p6-stat.accent b {
  color: #6effc6;
}

.ryva-p6-section {
  margin-top: 10px;
  padding: 18px;
}

.ryva-p6-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(22,238,151,.10);
}

.ryva-p6-section-head strong {
  color: #eafff2;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.ryva-p6-section-head span {
  color: #6f8d7d;
  font-size: 9px;
}

.ryva-p6-attrs {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 8px;
}

.ryva-p6-attr {
  padding: 12px;
  border: 1px solid rgba(22,238,151,.11);
  border-radius: 12px;
  background: rgba(22,238,151,.03);
}

.ryva-p6-attr i {
  color: #65ffc2;
  margin-right: 7px;
}

.ryva-p6-attr span {
  color: #829f90;
  font-size: 9px;
  text-transform: uppercase;
}

.ryva-p6-attr b {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 16px;
}

.ryva-p6-equip {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 9px;
}

.ryva-p6-item {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 12px;
  min-height: 102px;
  padding: 11px;
  border: 1px solid rgba(22,238,151,.11);
  border-radius: 14px;
  background: linear-gradient(180deg,rgba(7,23,16,.88),rgba(2,11,7,.94));
}

.ryva-p6-item.is-exe {
  border-color: rgba(117,255,178,.38);
  box-shadow: inset 0 0 22px rgba(22,238,151,.035);
}

.ryva-p6-item.is-empty {
  opacity: .48;
}

.ryva-p6-item-img {
  width: 70px;
  height: 78px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(22,238,151,.10);
  border-radius: 11px;
  background: #020b07;
}

.ryva-p6-item-img img {
  max-width: 62px !important;
  max-height: 70px !important;
  object-fit: contain !important;
}

.ryva-p6-item-slot {
  color: #607d6e;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .9px;
  text-transform: uppercase;
}

.ryva-p6-item-name {
  margin: 2px 0 4px;
  color: #f4fff9;
  font-size: 12px;
  font-weight: 900;
}

.ryva-p6-item-type {
  display: inline-flex;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.08);
  color: #9ab0a5;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.ryva-p6-item.is-exe .ryva-p6-item-type {
  border-color: rgba(22,238,151,.28);
  color: #6effbc;
  background: rgba(22,238,151,.06);
}

.ryva-p6-options {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 7px;
}

.ryva-p6-option {
  padding: 3px 6px;
  border-radius: 6px;
  background: rgba(255,255,255,.035);
  color: #9eb2a8;
  font-size: 7px;
}

.ryva-p6-option.exe {
  color: #67ffc0;
  background: rgba(22,238,151,.06);
}

.ryva-g6-mark {
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  border: 1px solid rgba(22,238,151,.30);
  background: #04120c;
}

.ryva-g6-mark img {
  width: 82px !important;
  height: 82px !important;
  image-rendering: pixelated;
}

.ryva-g6-top {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 9px;
}

.ryva-g6-top-card {
  padding: 14px;
  border: 1px solid rgba(22,238,151,.11);
  border-radius: 13px;
  background: rgba(22,238,151,.03);
}

.ryva-g6-top-card:first-child {
  border-color: rgba(255,224,105,.36);
  background: rgba(255,224,105,.035);
}

.ryva-g6-top-line {
  display: flex;
  align-items: center;
  gap: 9px;
}

.ryva-g6-mini-avatar {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(22,238,151,.17);
  background: #03100a;
}

.ryva-g6-mini-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.ryva-g6-member-table {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.ryva-g6-row {
  display: grid;
  grid-template-columns: minmax(220px,1.5fr) repeat(4,.65fr);
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border: 1px solid rgba(22,238,151,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.012);
}

.ryva-g6-row.head {
  background: rgba(22,238,151,.06);
  color: #6dffc4;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.ryva-g6-player {
  display: flex;
  align-items: center;
  gap: 9px;
}

.ryva-g6-player a {
  color: #effff6 !important;
  font-weight: 900 !important;
}

.ryva-g6-role {
  display: block;
  color: #718c7d;
  font-size: 7px;
}

.ryva-g6-kd {
  font-weight: 900;
  color: #86cfa9;
}

@media (max-width:1000px) {
  html,body,body[data-vulk-theme="emerald"] #hero .vulk-ref-bg,body[data-vulk-page="login"],body[data-vulk-page="register"] {
    background-size: 100% auto !important;
  }

  body[data-vulk-theme="emerald"] #hero .vulk-ref-right {
    padding-top: 40px !important;
    margin: 0 auto !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-quick-grid {
    grid-template-columns: repeat(4,1fr) !important;
  }

  .ryva-p6-equip {
    grid-template-columns: repeat(2,1fr);
  }

  .ryva-p6-stats {
    grid-template-columns: repeat(3,1fr);
  }
}

@media (max-width:700px) {
  html,body,body[data-vulk-theme="emerald"] #hero .vulk-ref-bg,body[data-vulk-page="login"],body[data-vulk-page="register"] {
    background-size: auto 100vh !important;
    background-position: center top !important;
  }

  .ryva-p6-hero {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .ryva-p6-avatar,.ryva-g6-mark {
    margin: 0 auto;
  }

  .ryva-p6-rank {
    min-width: 0;
  }

  .ryva-p6-stats {
    grid-template-columns: repeat(2,1fr);
  }

  .ryva-p6-attrs {
    grid-template-columns: repeat(2,1fr);
  }

  .ryva-p6-equip {
    grid-template-columns: 1fr;
  }

  .ryva-g6-top {
    grid-template-columns: 1fr;
  }

  .ryva-g6-row {
    grid-template-columns: minmax(150px,1.3fr) repeat(2,.6fr);
  }

  .ryva-g6-row>*:nth-child(4),.ryva-g6-row>*:nth-child(5) {
    display: none;
  }

  .ryva-p6-id h1 {
    font-size: 28px !important;
  }
}

body[data-vulk-page="login"] .modules_cont,
body[data-vulk-page="profile"] .modules_cont,
body[data-vulk-page="login"] .modules_cont:hover,
body[data-vulk-page="profile"] .modules_cont:hover {
  padding: 0 !important;
  margin-top: 18px !important;
  margin-bottom: 18px !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  transform: none !important;
  filter: none !important;
}

body[data-vulk-page="login"] .modules_cont:before,
body[data-vulk-page="login"] .modules_cont:after,
body[data-vulk-page="profile"] .modules_cont:before,
body[data-vulk-page="profile"] .modules_cont:after {
  display: none !important;
  content: none !important;
}

body[data-vulk-page="profile"] #container,
body[data-vulk-page="profile"] #content,
body[data-vulk-page="profile"] .container,
body[data-vulk-page="profile"] .row-flex,
body[data-vulk-page="profile"] .col-xs-12,
body[data-vulk-page="login"] #content {
  background: transparent !important;
  box-shadow: none !important;
}

.rankings-class-image,
.ryva-p6-avatar-img,
.ryva-g6-avatar-img,
.ryva-g6-mini-avatar img {
  object-fit: cover !important;
  object-position: center top !important;
  background: #03100a !important;
}

body[data-vulk-page="rankings"] .rankings-class-image {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(22,238,151,.30) !important;
  box-shadow: 0 0 16px rgba(22,238,151,.07) !important;
}

.ryva-g6-mini-avatar {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
}

.ryva-g6-mini-avatar img,
.ryva-g6-avatar-img {
  width: 100% !important;
  height: 100% !important;
}

body[data-vulk-page="rankings"] .ranking-search-box.ryva-global-player-search {
  position: relative !important;
  max-width: 760px !important;
  margin: 0 auto 28px !important;
  padding: 14px !important;
  border: 1px solid rgba(22,238,151,.25) !important;
  border-radius: 17px !important;
  background: linear-gradient(180deg,rgba(3,17,11,.90),rgba(1,9,6,.95)) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.20) !important;
}

body[data-vulk-page="rankings"] .ryva-search-label {
  margin: 0 0 9px !important;
  color: #67ffc0 !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  letter-spacing: 1.25px !important;
  text-transform: uppercase !important;
}

body[data-vulk-page="rankings"] .ryva-search-label i {
  margin-right: 6px !important;
}

body[data-vulk-page="rankings"] .ryva-search-row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 8px !important;
}

body[data-vulk-page="rankings"] #rankingNickSearch {
  height: 52px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid rgba(22,238,151,.22) !important;
  border-radius: 12px !important;
  background: #020b07 !important;
  color: #effff7 !important;
  box-shadow: none !important;
  outline: none !important;
}

body[data-vulk-page="rankings"] #rankingNickSearch:focus {
  border-color: rgba(126,255,205,.66) !important;
  box-shadow: 0 0 0 3px rgba(22,238,151,.07) !important;
}

body[data-vulk-page="rankings"] #rankingNickSearch::placeholder {
  color: #6f8d7e !important;
}

body[data-vulk-page="rankings"] #rankingNickSearchBtn {
  min-width: 138px !important;
  height: 52px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(126,255,205,.58) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg,#18e994,#098e58) !important;
  color: #032214 !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  letter-spacing: .7px !important;
  text-transform: uppercase !important;
}

body[data-vulk-page="rankings"] #rankingNickSearchBtn i {
  margin-right: 6px !important;
}

body[data-vulk-page="rankings"] #rankingNickSearchBtn:hover {
  filter: brightness(1.10) !important;
  transform: translateY(-1px) !important;
}

body[data-vulk-page="rankings"] #rankingSearchEmpty {
  display: block !important;
  margin: 8px 2px 0 !important;
  color: #718c7e !important;
  font-size: 8px !important;
  text-align: left !important;
}

body[data-vulk-page="rankings"] .ranking-search-box,
body[data-vulk-page="rankings"] .ranking-search-box * {
  --bs-primary: #16ee97 !important;
}

body[data-vulk-page="rankings"] .ranking-search-box:before,
body[data-vulk-page="rankings"] .ranking-search-box:after {
  border-color: rgba(22,238,151,.20) !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(1) td,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(2) td,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(3) td {
  position: relative !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(1) td {
  background: linear-gradient(90deg,rgba(255,211,74,.085),rgba(3,16,10,.98) 32%) !important;
  border-top-color: rgba(255,215,82,.52) !important;
  border-bottom-color: rgba(255,215,82,.52) !important;
  box-shadow: inset 0 0 24px rgba(255,215,82,.025) !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(2) td {
  background: linear-gradient(90deg,rgba(204,225,239,.065),rgba(3,16,10,.98) 32%) !important;
  border-top-color: rgba(210,231,244,.34) !important;
  border-bottom-color: rgba(210,231,244,.34) !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(3) td {
  background: linear-gradient(90deg,rgba(222,143,75,.065),rgba(3,16,10,.98) 32%) !important;
  border-top-color: rgba(225,148,79,.34) !important;
  border-bottom-color: rgba(225,148,79,.34) !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(1) .rankings-table-place,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(1) .rankings-table-place i {
  color: #ffe16d !important;
  text-shadow: 0 0 12px rgba(255,217,82,.24) !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(2) .rankings-table-place,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(2) .rankings-table-place i {
  color: #e1eff8 !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(3) .rankings-table-place,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(3) .rankings-table-place i {
  color: #e5a36a !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(1) td:first-child:before,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(2) td:first-child:before,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(3) td:first-child:before {
  position: absolute !important;
  top: -9px !important;
  left: 10px !important;
  z-index: 4 !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  font-size: 7px !important;
  font-weight: 1000 !important;
  letter-spacing: .8px !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(1) td:first-child:before {
  content: "TOP 1" !important;
  background: #f1cf55 !important;
  color: #2b2100 !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(2) td:first-child:before {
  content: "TOP 2" !important;
  background: #d7e6ee !important;
  color: #142128 !important;
}

body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(3) td:first-child:before {
  content: "TOP 3" !important;
  background: #cf8b54 !important;
  color: #261306 !important;
}

.ryva-g6-top-card:nth-child(1) {
  border-color: rgba(255,215,82,.52) !important;
  background: linear-gradient(180deg,rgba(255,215,82,.07),rgba(2,11,7,.95)) !important;
}

.ryva-g6-top-card:nth-child(2) {
  border-color: rgba(218,233,242,.28) !important;
}

.ryva-g6-top-card:nth-child(3) {
  border-color: rgba(216,145,82,.28) !important;
}

@media (max-width:650px) {
  body[data-vulk-page="rankings"] .ryva-search-row {
    grid-template-columns: 1fr !important;
  }

  body[data-vulk-page="rankings"] #rankingNickSearchBtn {
    width: 100% !important;
  }
}

:root {
  --v9-green: #18f09a;
  --v9-green-2: #08a563;
  --v9-green-soft: #9affdb;
  --v9-panel: rgba(2,13,9,.92);
  --v9-line: rgba(24,240,154,.24);
  --v9-muted: #789487;
}

#vulk-opening-countdown .vulk-opening-panel {
  justify-content: center !important;
}

#vulk-opening-countdown .vulk-opening-subtitle {
  margin-top: 5px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2 {
  position: relative !important;
}

body[data-vulk-theme="emerald"] #hero .ref-panel-title {
  text-transform: uppercase !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-online .status-dot {
  border-radius: 50% !important;
  background: #2aff9d !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-subtext {
  align-self: center !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-peak {
  grid-area: peak !important;
  min-height: 30px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-peak .peak-kicker {
  text-transform: uppercase !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid a {
  border-color: rgba(24,240,154,.22) !important;
}

body[data-vulk-theme="emerald"] .vulcanus-castle-card .ryva-rey-guildmark {
  width: 136px !important;
  height: 136px !important;
  margin: 0 auto !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(24,240,154,.28) !important;
  border-radius: 18px !important;
  background: radial-gradient(circle at 50% 45%, rgba(24,240,154,.10), transparent 58%),
        rgba(2,13,9,.88) !important;
  box-shadow: inset 0 0 20px rgba(24,240,154,.035),
        0 0 24px rgba(24,240,154,.06) !important;
}

body[data-vulk-theme="emerald"] .vulcanus-castle-card .ryva-rey-guildmark img {
  width: 112px !important;
  height: 112px !important;
  max-width: 112px !important;
  max-height: 112px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  image-rendering: pixelated !important;
  image-rendering: crisp-edges !important;
  box-shadow: none !important;
}

body[data-vulk-theme="emerald"] .vulcanus-castle-card img[src*="guildmark.php"] {
  filter: none !important;
  opacity: 1 !important;
}

@media (max-width:1000px) {
  #vulk-opening-countdown .vulk-opening-panel {
    width: calc(100% - 14px) !important;
    gap: 16px !important;
  }

  #vulk-opening-countdown .vulk-opening-info {
    min-width: 270px !important;
  }
}

@media (max-width:720px) {
  #vulk-opening-countdown .vulk-opening-panel {
    flex-direction: column !important;
    gap: 7px !important;
    padding: 9px !important;
  }

  #vulk-opening-countdown .vulk-opening-info {
    min-width: 0 !important;
    text-align: center !important;
  }

  #vulk-opening-countdown .vulk-opening-date {
    font-size: 15px !important;
  }

  #vulk-opening-countdown .vulk-opening-time {
    width: 54px !important;
    min-width: 54px !important;
  }
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2 {
  column-gap: 12px !important;
  row-gap: 7px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2:after {
  content: "" !important;
  position: absolute !important;
  left: 8% !important;
  right: 8% !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent,#7effcc,#16ee97,#7effcc,transparent) !important;
  box-shadow: 0 0 12px rgba(22,238,151,.32) !important;
  opacity: .9 !important;
}

body[data-vulk-theme="emerald"] #hero .ref-panel-title {
  padding: 0 !important;
  align-self: center !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-subtext,
body[data-vulk-theme="emerald"] #hero .ref-server-label {
  display: none !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-count-group {
  align-content: center !important;
  justify-items: center !important;
}

body[data-vulk-theme="emerald"] #hero .mini-stat span {
  text-transform: uppercase !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-highlight {
  text-align: center !important;
}

body[data-vulk-theme="emerald"] #hero .ref-connect-btn {
  align-self: stretch !important;
}

body[data-vulk-theme="emerald"] #hero .ref-connect-btn:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.09) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22),
        0 0 32px rgba(22,238,151,.20) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid a {
  transition: .18s ease !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid a i {
  margin-bottom: 5px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid a span {
  margin-top: 3px !important;
}

@media (max-width:1200px) {
  body[data-vulk-theme="emerald"] #hero .vulk-ref-right {
    width: min(100%, 510px) !important;
    max-width: 510px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2 {
    grid-template-columns: 135px 140px minmax(160px,1fr) !important;
  }
}

@media (max-width:1000px) {
  body[data-vulk-theme="emerald"] #hero .vulk-ref-right {
    width: min(100%, 720px) !important;
    max-width: 720px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2 {
    grid-template-columns: 160px 180px minmax(180px,1fr) !important;
  }
}

@media (max-width:720px) {
  body[data-vulk-theme="emerald"] #hero .vulk-ref-right {
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2 {
    grid-template-columns: 1fr !important;
    grid-template-areas: "head"
              "online"
              "count"
              "stats"
              "highlight"
              "play" !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-server-peak {
    position: absolute !important;
    right: 18px !important;
    top: 58px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-panel-title {
    text-align: center !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-quick-grid {
    grid-template-columns: repeat(2,1fr) !important;
  }
}

#vulk-opening-countdown {
  margin: 0 !important;
  padding: 3px 8px 2px !important;
  background: transparent !important;
}

#vulk-opening-countdown .vulk-opening-panel {
  width: min(1180px, calc(100% - 16px)) !important;
  min-height: 50px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 6px 14px !important;
  display: grid !important;
  grid-template-columns: minmax(270px, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(24,240,154,.19) !important;
  background: linear-gradient(90deg,
            rgba(1,9,6,.95),
            rgba(3,24,15,.91) 48%,
            rgba(1,9,6,.95)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02),
        0 5px 15px rgba(0,0,0,.14) !important;
}

#vulk-opening-countdown .vulk-opening-panel:before {
  display: none !important;
}

#vulk-opening-countdown .vulk-opening-panel:after {
  left: 15px !important;
  right: 15px !important;
  height: 1px !important;
  opacity: .35 !important;
}

#vulk-opening-countdown .vulk-opening-info {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 0 4px !important;
  text-align: left !important;
}

#vulk-opening-countdown .vulk-opening-date {
  margin: 0 !important;
  color: #8dffd5 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .55px !important;
  white-space: nowrap !important;
}

#vulk-opening-countdown .vulk-opening-subtitle {
  margin: 4px 0 0 !important;
  color: #738d80 !important;
  font-size: 6px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .78px !important;
  white-space: nowrap !important;
}

#vulk-opening-countdown .vulk-opening-timer {
  width: auto !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
}

#vulk-opening-countdown .vulk-opening-time {
  width: 55px !important;
  min-width: 55px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 4px 3px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(24,240,154,.27) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, rgba(12,117,70,.20), rgba(2,16,10,.50)) !important;
  box-shadow: none !important;
}

#vulk-opening-countdown .vulk-opening-time strong {
  margin: 0 !important;
  color: #a0ffdd !important;
  font-size: 15px !important;
  line-height: .9 !important;
  font-weight: 1000 !important;
}

#vulk-opening-countdown .vulk-opening-time span {
  margin-top: 4px !important;
  color: #728f80 !important;
  font-size: 5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .55px !important;
}

#navbar {
  margin-top: 2px !important;
  padding-top: 0 !important;
}

#navbar .vulk-main-nav,
#navbar #cssmenu {
  margin-top: 0 !important;
}

#navbar #cssmenu {
  min-height: 56px !important;
}

#navbar #cssmenu > ul > li > a {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

#navbar .btn-login-small {
  min-height: 40px !important;
  padding: 11px 17px !important;
}

#hero.vulk-ref-hero {
  margin-top: 0 !important;
}

#hero .vulk-ref-stage {
  padding-top: 6px !important;
}

@media (min-width:1000px) {
  #vulk-opening-countdown .vulk-opening-panel {
    grid-template-columns: auto auto !important;
    justify-content: center !important;
  }

  #vulk-opening-countdown .vulk-opening-info {
    padding-right: 8px !important;
  }
}

@media (max-width:900px) {
  #vulk-opening-countdown .vulk-opening-panel {
    width: calc(100% - 12px) !important;
    grid-template-columns: 1fr auto !important;
    gap: 10px !important;
  }

  #vulk-opening-countdown .vulk-opening-date {
    font-size: 14px !important;
  }

  #vulk-opening-countdown .vulk-opening-subtitle {
    font-size: 5.5px !important;
  }

  #vulk-opening-countdown .vulk-opening-time {
    width: 49px !important;
    min-width: 49px !important;
  }
}

@media (max-width:650px) {
  #vulk-opening-countdown {
    padding: 3px 5px 1px !important;
  }

  #vulk-opening-countdown .vulk-opening-panel {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    padding: 7px 8px !important;
  }

  #vulk-opening-countdown .vulk-opening-info {
    text-align: center !important;
    padding: 0 !important;
  }

  #vulk-opening-countdown .vulk-opening-date {
    font-size: 13px !important;
    white-space: normal !important;
  }

  #vulk-opening-countdown .vulk-opening-subtitle {
    white-space: normal !important;
  }

  #vulk-opening-countdown .vulk-opening-timer {
    justify-content: center !important;
  }

  #vulk-opening-countdown .vulk-opening-time {
    width: 48px !important;
    min-width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  #navbar {
    margin-top: 1px !important;
  }
}

body[data-vulk-theme="emerald"] #hero .vulk-ref-right {
  overflow: visible !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2 {
  min-height: 0 !important;
  align-items: center !important;
}

body[data-vulk-theme="emerald"] #hero .ref-panel-title,
body[data-vulk-theme="emerald"] #hero .ref-server-online,
body[data-vulk-theme="emerald"] #hero .ref-server-subtext,
body[data-vulk-theme="emerald"] #hero .ref-server-count-group,
body[data-vulk-theme="emerald"] #hero .ref-server-peak,
body[data-vulk-theme="emerald"] #hero .ref-server-label,
body[data-vulk-theme="emerald"] #hero .ref-server-mini-stats,
body[data-vulk-theme="emerald"] #hero .ref-server-highlight,
body[data-vulk-theme="emerald"] #hero .ref-connect-btn {
  position: static !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  transform: none !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-online .status-dot {
  flex: 0 0 8px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-count-group {
  grid-template-columns: 1fr auto !important;
  gap: 10px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-subtext {
  padding-left: 2px !important;
}

body[data-vulk-theme="emerald"] #hero .mini-stat {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

body[data-vulk-theme="emerald"] #hero .mini-stat span {
  white-space: nowrap !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-highlight {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body[data-vulk-theme="emerald"] #hero .ref-connect-btn {
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

body[data-vulk-theme="emerald"] #hero .ref-connect-btn small {
  color: #cffff0 !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid a {
  overflow: hidden !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid a strong {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid a span {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (min-width:1000px) {
  body[data-vulk-theme="emerald"] #hero .vulk-ref-right {
    max-width: 300px !important;
  }
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2 {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-areas: "title online"
        "count count"
        "sub sub"
        "label label"
        "stats stats"
        "highlight highlight"
        "play play" !important;
  overflow: hidden !important;
}

body[data-vulk-theme="emerald"] #hero .ref-panel-title {
  grid-area: title !important;
  margin: 0 !important;
  color: #f2fff8 !important;
  font-weight: 1000 !important;
  text-align: left !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-online {
  grid-area: online !important;
  justify-self: end !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(23,238,151,.18) !important;
  border-radius: 999px !important;
  color: #88ffd2 !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-count-group {
  grid-area: count !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(23,238,151,.17) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-count.ref-server-count-single {
  margin: 0 !important;
  text-align: center !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-count.ref-server-count-single strong {
  display: block !important;
  color: #baffE7 !important;
  font-weight: 1000 !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-peak {
  margin: 11px 0 0 !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  border: 1px solid rgba(23,238,151,.18) !important;
  border-radius: 999px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-peak .peak-kicker {
  color: #72b092 !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-peak strong {
  color: #f1fff8 !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-subtext {
  grid-area: sub !important;
  display: block !important;
  margin: 0 !important;
  text-align: left !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-label {
  grid-area: label !important;
  display: block !important;
  margin: 2px 0 0 !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-mini-stats {
  grid-area: stats !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  margin: 0 !important;
}

body[data-vulk-theme="emerald"] #hero .mini-stat {
  border: 1px solid rgba(23,238,151,.13) !important;
}

body[data-vulk-theme="emerald"] #hero .mini-stat strong {
  color: #f4fff9 !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

body[data-vulk-theme="emerald"] #hero .mini-stat span {
  color: #718f82 !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-highlight {
  grid-area: highlight !important;
  margin: 0 !important;
  border: 1px solid rgba(23,238,151,.14) !important;
  background: linear-gradient(90deg, rgba(23,238,151,.02), rgba(23,238,151,.07), rgba(23,238,151,.02)) !important;
  color: #80cbaa !important;
  font-weight: 900 !important;
}

body[data-vulk-theme="emerald"] #hero .ref-connect-btn {
  grid-area: play !important;
  margin: 0 !important;
  border: 1px solid rgba(143,255,215,.70) !important;
  color: #f7fff9 !important;
  font-weight: 1000 !important;
}

#navbar {
  position: relative !important;
  width: min(1420px, calc(100% - 40px)) !important;
  min-height: 74px !important;
  margin: 4px auto 0 !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 1px solid rgba(23,238,151,.23) !important;
  border-radius: 17px !important;
  background: linear-gradient(180deg, rgba(2,13,9,.95), rgba(1,9,6,.97)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02),
        0 12px 30px rgba(0,0,0,.18) !important;
}

#navbar #cssmenu,
#navbar .vulk-main-nav {
  position: static !important;
  width: auto !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#navbar #cssmenu > ul {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#navbar #cssmenu > ul > li {
  float: none !important;
  display: block !important;
  margin: 0 5px 0 0 !important;
}

#navbar #cssmenu > ul > li > a {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 17px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #d8e8df !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .45px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#navbar #cssmenu > ul > li.active > a,
#navbar #cssmenu > ul > li > a:hover {
  border-color: rgba(23,238,151,.31) !important;
  background: linear-gradient(180deg, rgba(23,238,151,.13), rgba(23,238,151,.045)) !important;
  color: #f2fff8 !important;
  box-shadow: 0 0 14px rgba(23,238,151,.06) !important;
}

#navbar .navbar-login-btn {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  flex: 0 0 auto !important;
  margin: 0 0 0 14px !important;
  padding: 0 !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

#navbar .navbar-login-btn .btn-login-small {
  min-height: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 1px solid rgba(118,255,200,.58) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(13,183,108,.32), rgba(6,83,50,.30)) !important;
  color: #f0fff7 !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  letter-spacing: .55px !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

#navbar .navbar-login-btn .btn-login-small:hover {
  background: linear-gradient(180deg, rgba(23,238,151,.30), rgba(7,118,70,.30)) !important;
  border-color: rgba(154,255,217,.76) !important;
}

#vulk-opening-countdown {
  position: relative !important;
  z-index: 20 !important;
}

#navbar {
  z-index: 19 !important;
}

@media (max-width:1100px) {
  #navbar {
    width: calc(100% - 24px) !important;
    padding: 0 12px !important;
  }

  #navbar #cssmenu > ul > li > a {
    padding: 0 11px !important;
    font-size: 10px !important;
  }

  #navbar .navbar-login-btn .btn-login-small {
    padding: 0 14px !important;
  }
}

@media (max-width:860px) {
  #navbar {
    min-height: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  #navbar #cssmenu > ul {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
  }

  #navbar #cssmenu > ul > li {
    margin: 0 !important;
  }

  #navbar .navbar-login-btn {
    width: 100% !important;
    margin: 0 !important;
    justify-content: center !important;
  }

  #navbar .navbar-login-btn .btn-login-small {
    min-width: 150px !important;
  }
}

@media (max-width:760px) {
  body[data-vulk-theme="emerald"] #hero .vulk-ref-right,
      body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2,
      body[data-vulk-theme="emerald"] #hero .ref-quick-grid {
    max-width: 100% !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-server-count.ref-server-count-single strong {
    font-size: 68px !important;
  }
}

body[data-vulk-theme="emerald"] #hero .ref-server-count.ref-server-count-single strong {
  font-size: 96px !important;
  line-height: .74 !important;
  letter-spacing: -4px !important;
  text-shadow: 0 0 10px rgba(23,238,151,.44),
        0 0 28px rgba(23,238,151,.18),
        0 0 52px rgba(23,238,151,.07) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-count-group {
  padding-top: 14px !important;
  padding-bottom: 12px !important;
}

.ryva-global-footer {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 34px 0 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(23,238,151,.18) !important;
  background: radial-gradient(circle at 18% 0%, rgba(23,238,151,.08), transparent 30%),
        linear-gradient(180deg, rgba(2,13,9,.97), rgba(1,7,5,.995)) !important;
  box-shadow: 0 -10px 28px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.015) !important;
  overflow: hidden !important;
}

.ryva-global-footer:before {
  content: "" !important;
  position: absolute !important;
  left: 10% !important;
  right: 10% !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent,#17ef99,#8affd4,#17ef99,transparent) !important;
  box-shadow: 0 0 13px rgba(23,238,151,.22) !important;
}

.ryva-footer-shell {
  width: min(1440px, calc(100% - 44px)) !important;
  margin: 0 auto !important;
  padding: 28px 0 24px !important;
  display: grid !important;
  grid-template-columns: minmax(250px,1.15fr) minmax(380px,1.4fr) minmax(320px,1fr) !important;
  align-items: center !important;
  gap: 28px !important;
}

.ryva-footer-brand {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
}

.ryva-footer-mark {
  width: 82px !important;
  height: 72px !important;
  flex: 0 0 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ryva-footer-mark img {
  max-width: 82px !important;
  max-height: 72px !important;
  width: auto !important;
  height: auto !important;
  filter: drop-shadow(0 0 14px rgba(23,238,151,.17)) !important;
}

.ryva-footer-brand-copy {
  min-width: 0 !important;
}

.ryva-footer-brand-copy strong {
  display: block !important;
  color: #f0fff7 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .85px !important;
}

.ryva-footer-brand-copy span {
  display: block !important;
  margin-top: 7px !important;
  color: #718d80 !important;
  font-size: 7px !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
  letter-spacing: .65px !important;
  text-transform: uppercase !important;
}

.ryva-footer-links {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 7px !important;
}

.ryva-footer-links a {
  min-width: 0 !important;
  min-height: 64px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 8px 5px !important;
  border: 1px solid rgba(23,238,151,.13) !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, rgba(23,238,151,.035), rgba(23,238,151,.01)) !important;
  color: #78caa8 !important;
  text-decoration: none !important;
  transition: transform .18s ease,
        border-color .18s ease,
        background .18s ease !important;
}

.ryva-footer-links a:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(132,255,208,.48) !important;
  background: linear-gradient(180deg, rgba(23,238,151,.11), rgba(23,238,151,.025)) !important;
  color: #eafff3 !important;
}

.ryva-footer-links a i {
  color: #22f19c !important;
  font-size: 17px !important;
  text-shadow: 0 0 9px rgba(23,238,151,.12) !important;
}

.ryva-footer-links a span {
  max-width: 100% !important;
  color: inherit !important;
  font-size: 6.3px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .45px !important;
  text-transform: uppercase !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ryva-footer-security {
  min-height: 100px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 13px !important;
  padding: 15px 16px !important;
  border: 1px solid rgba(23,238,151,.14) !important;
  border-radius: 14px !important;
  background: radial-gradient(circle at 0% 0%, rgba(23,238,151,.07), transparent 42%),
        rgba(23,238,151,.018) !important;
}

.ryva-global-footer .vulk-footer-shield {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(126,255,204,.35) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(23,238,151,.13), rgba(23,238,151,.035)) !important;
  color: #7effcc !important;
  font-size: 18px !important;
}

.ryva-global-footer .vulk-footer-text {
  min-width: 0 !important;
}

.ryva-global-footer .vulk-footer-text h3 {
  margin: 0 0 6px !important;
  color: #ecfff5 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .55px !important;
}

.ryva-global-footer .vulk-footer-text p {
  margin: 0 !important;
  color: #718b7f !important;
  font-size: 7px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

.ryva-footer-bottom {
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 max(22px, calc((100% - 1440px)/2)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  border-top: 1px solid rgba(23,238,151,.09) !important;
  background: rgba(0,5,3,.64) !important;
  color: #597365 !important;
  font-size: 6.8px !important;
  font-weight: 800 !important;
  letter-spacing: .55px !important;
  text-transform: uppercase !important;
}

.ryva-footer-bottom strong,
.ryva-footer-bottom .vulk-footer-credit strong {
  color: #79d9b0 !important;
}

.ryva-footer-bottom .vulk-footer-credit {
  color: #597365 !important;
}

body[data-vulk-page="login"] .ryva-global-footer,
body[data-vulk-page="register"] .ryva-global-footer,
body[data-vulk-page="rankings"] .ryva-global-footer,
body[data-vulk-page="invasiones"] .ryva-global-footer,
body[data-vulk-page="usercp"] .ryva-global-footer {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width:1150px) {
  .ryva-footer-shell {
    grid-template-columns: 1fr 1.35fr !important;
  }

  .ryva-footer-security {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width:800px) {
  .ryva-footer-shell {
    width: calc(100% - 28px) !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 24px 0 20px !important;
  }

  .ryva-footer-brand {
    justify-content: center !important;
    text-align: center !important;
  }

  .ryva-footer-links {
    grid-template-columns: repeat(3,1fr) !important;
  }

  .ryva-footer-security {
    grid-column: auto !important;
  }

  .ryva-footer-bottom {
    padding: 12px 18px !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width:520px) {
  .ryva-footer-links {
    grid-template-columns: repeat(2,1fr) !important;
  }

  .ryva-footer-brand {
    flex-direction: column !important;
  }
}

@media (min-width: 1101px) {
  body[data-vulk-theme="emerald"] #hero .vulk-ref-stage {
    grid-template-columns: minmax(0,1fr) 390px !important;
    gap: 14px !important;
  }
}

body[data-vulk-theme="emerald"] #hero .vulk-ref-right {
  width: 100% !important;
  max-width: 390px !important;
  min-width: 0 !important;
  position: relative !important;
  top: -100px !important;
  left: -10px !important;
  gap: 11px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2 {
  width: 100% !important;
  max-width: 390px !important;
  padding: 19px 18px 17px !important;
  gap: 9px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(38,255,169,.34) !important;
  background: radial-gradient(circle at 50% 26%, rgba(24,247,157,.145), transparent 42%),
        linear-gradient(180deg, rgba(2,18,12,.98), rgba(0,8,5,.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035),
        0 22px 46px rgba(0,0,0,.28),
        0 0 30px rgba(23,238,151,.07) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-panel-title {
  font-size: 13px !important;
  line-height: 1.03 !important;
  letter-spacing: .7px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-online {
  padding: 7px 13px !important;
  gap: 7px !important;
  font-size: 14px !important;
  border-color: rgba(53,255,178,.28) !important;
  background: rgba(23,238,151,.075) !important;
  box-shadow: inset 0 0 16px rgba(23,238,151,.035) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-online .status-dot {
  width: 10px !important;
  height: 10px !important;
  box-shadow: 0 0 12px rgba(23,238,151,.75) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-count-group {
  min-height: 166px !important;
  margin: 2px 0 0 !important;
  padding: 18px 16px 14px !important;
  border-radius: 18px !important;
  border-color: rgba(29,240,155,.24) !important;
  background: radial-gradient(circle at 50% 39%, rgba(28,255,167,.20), transparent 60%),
        linear-gradient(180deg, rgba(3,31,20,.82), rgba(1,13,9,.62)) !important;
  box-shadow: inset 0 0 34px rgba(23,238,151,.045),
        0 0 26px rgba(23,238,151,.055) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-panel-v2 .ref-server-count.ref-server-count-single strong {
  font-size: 104px !important;
  line-height: .80 !important;
  letter-spacing: -4px !important;
  text-shadow: 0 0 11px rgba(64,255,188,.58),
        0 0 30px rgba(23,238,151,.22),
        0 0 60px rgba(23,238,151,.08) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-peak {
  min-width: 182px !important;
  margin-top: 16px !important;
  padding: 8px 15px !important;
  gap: 11px !important;
  border-color: rgba(41,247,164,.26) !important;
  background: rgba(0,10,6,.84) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-peak .peak-kicker {
  font-size: 7.4px !important;
  letter-spacing: .65px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-peak strong {
  font-size: 12px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-subtext {
  padding: 1px 2px 0 !important;
  font-size: 7.4px !important;
  line-height: 1.3 !important;
  color: #89a99a !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-label {
  margin-top: 3px !important;
  font-size: 7.4px !important;
  letter-spacing: .72px !important;
  color: #85b39e !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-mini-stats {
  gap: 8px !important;
}

body[data-vulk-theme="emerald"] #hero .mini-stat {
  min-height: 58px !important;
  padding: 9px 5px !important;
  border-radius: 12px !important;
  border-color: rgba(23,238,151,.19) !important;
  background: linear-gradient(180deg, rgba(23,238,151,.04), rgba(23,238,151,.015)) !important;
}

body[data-vulk-theme="emerald"] #hero .mini-stat strong {
  font-size: 13px !important;
}

body[data-vulk-theme="emerald"] #hero .mini-stat span {
  margin-top: 5px !important;
  font-size: 5.8px !important;
  letter-spacing: .25px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-highlight {
  min-height: 33px !important;
  padding: 7px 10px !important;
  border-radius: 10px !important;
  border-color: rgba(23,238,151,.20) !important;
  font-size: 6.8px !important;
  letter-spacing: .2px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-server-highlight i {
  font-size: 12px !important;
  text-shadow: 0 0 12px rgba(23,238,151,.45) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-connect-btn {
  min-height: 66px !important;
  padding: 10px !important;
  border-radius: 13px !important;
  font-size: 20px !important;
  letter-spacing: .8px !important;
  background: linear-gradient(180deg,#19ed95 0%,#079c5b 100%) !important;
  border-color: rgba(180,255,226,.86) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22),
        0 9px 23px rgba(0,0,0,.18),
        0 0 22px rgba(23,238,151,.10) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-connect-btn small {
  display: block !important;
  margin-top: 2px !important;
  font-size: 7px !important;
  letter-spacing: 2.1px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid {
  width: 100% !important;
  max-width: 390px !important;
  margin-top: 9px !important;
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 8px !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid a {
  min-width: 0 !important;
  min-height: 88px !important;
  padding: 11px 5px 9px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(34,247,163,.25) !important;
  background: radial-gradient(circle at 50% 18%, rgba(23,238,151,.10), transparent 52%),
        linear-gradient(180deg, rgba(3,24,16,.96), rgba(1,10,7,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025),
        0 10px 25px rgba(0,0,0,.20),
        0 0 18px rgba(23,238,151,.05) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid a:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(97,255,199,.62) !important;
  background: radial-gradient(circle at 50% 18%, rgba(23,238,151,.18), transparent 56%),
        linear-gradient(180deg, rgba(5,38,25,.98), rgba(1,13,9,.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04),
        0 13px 28px rgba(0,0,0,.25),
        0 0 24px rgba(23,238,151,.10) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid a i {
  font-size: 25px !important;
  line-height: 1 !important;
  color: #31f3a3 !important;
  text-shadow: 0 0 13px rgba(23,238,151,.28) !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid a strong {
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  color: #effff6 !important;
  letter-spacing: .15px !important;
  white-space: nowrap !important;
}

body[data-vulk-theme="emerald"] #hero .ref-quick-grid a span {
  font-size: 5.4px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #80998e !important;
  letter-spacing: .25px !important;
  white-space: nowrap !important;
}

@media (max-width:1100px) {
  body[data-vulk-theme="emerald"] #hero .vulk-ref-right {
    max-width: 360px !important;
    left: -8px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2,
      body[data-vulk-theme="emerald"] #hero .ref-quick-grid {
    max-width: 360px !important;
  }
}

@media (max-width:760px) {
  body[data-vulk-theme="emerald"] #hero .vulk-ref-right {
    max-width: 100% !important;
    left: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2,
      body[data-vulk-theme="emerald"] #hero .ref-quick-grid {
    max-width: 100% !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-server-panel.ref-server-panel-v2 {
    padding: 17px 15px 15px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-server-count-group {
    min-height: 150px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-server-panel-v2 .ref-server-count.ref-server-count-single strong {
    font-size: 92px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-quick-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-quick-grid a {
    min-height: 82px !important;
    padding: 9px 3px 8px !important;
    border-radius: 12px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-quick-grid a i {
    font-size: 22px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-quick-grid a strong {
    font-size: 7.4px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-quick-grid a span {
    font-size: 4.7px !important;
  }
}

@media (max-width:390px) {
  body[data-vulk-theme="emerald"] #hero .ref-quick-grid {
    gap: 4px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-quick-grid a {
    min-height: 76px !important;
    padding: 8px 2px 7px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-quick-grid a i {
    font-size: 20px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-quick-grid a strong {
    font-size: 6.7px !important;
  }

  body[data-vulk-theme="emerald"] #hero .ref-quick-grid a span {
    font-size: 4.15px !important;
    letter-spacing: .1px !important;
  }
}


/* RYVA MU - Top 10 PvP por rival dentro del perfil (KillDeathLog). */
.ryva-profile-v6 .ryva-p6-pvp-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.ryva-profile-v6 .ryva-p6-pvp-panel {
  min-width: 0;
  padding: 18px;
}
.ryva-profile-v6 .ryva-p6-pvp-heading {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 44px;
  padding-bottom: 13px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(22, 238, 151, .12);
}
.ryva-profile-v6 .ryva-p6-pvp-icon {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  height: 36px;
  color: #6dffbe;
  background: rgba(26, 235, 143, .07);
  border: 1px solid rgba(26, 235, 143, .22);
  border-radius: 11px;
}
.ryva-profile-v6 .ryva-p6-pvp-heading strong {
  display: block;
  color: #ecfff5;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .2px;
}
.ryva-profile-v6 .ryva-p6-pvp-heading small {
  display: block;
  margin-top: 3px;
  color: #86a695;
  font-size: 10px;
}
.ryva-profile-v6 .ryva-p6-pvp-panel.verdugos .ryva-p6-pvp-icon {
  color: #ff9898;
  background: rgba(255, 105, 105, .06);
  border-color: rgba(255, 105, 105, .20);
}
.ryva-profile-v6 .ryva-p6-pvp-list {
  display: grid;
  gap: 5px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.ryva-profile-v6 .ryva-p6-pvp-entry {
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr) 69px;
  gap: 9px;
  align-items: center;
  min-height: 43px;
  padding: 7px 10px;
  border-radius: 9px;
  border: 1px solid rgba(99, 232, 162, .10);
  background: rgba(10, 38, 25, .32);
}
.ryva-profile-v6 .ryva-p6-pvp-entry:first-child {
  border-color: rgba(110, 255, 190, .37);
  background: rgba(25, 81, 53, .25);
}
.ryva-profile-v6 .ryva-p6-pvp-pos {
  color: #698976;
  font-weight: 900;
  font-size: 12px;
  text-align: center;
}
.ryva-profile-v6 .ryva-p6-pvp-entry:first-child .ryva-p6-pvp-pos {
  color: #dceca1;
}
.ryva-profile-v6 .ryva-p6-pvp-info {
  min-width: 0;
}
.ryva-profile-v6 .ryva-p6-pvp-info a,
.ryva-profile-v6 .ryva-p6-pvp-nick {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #e3fbed;
  font-weight: 800;
  font-size: 12px;
  text-decoration: none;
}
.ryva-profile-v6 .ryva-p6-pvp-info a:hover {
  color: #67ffc3;
  text-decoration: underline;
}
.ryva-profile-v6 .ryva-p6-pvp-track {
  display: block;
  margin-top: 5px;
  width: 100%;
  height: 3px;
  background: rgba(124, 192, 149, .15);
  border-radius: 6px;
  overflow: hidden;
}
.ryva-profile-v6 .ryva-p6-pvp-track > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1aad71, #7bffd0);
}
.ryva-profile-v6 .ryva-p6-pvp-panel.verdugos .ryva-p6-pvp-track > span {
  background: linear-gradient(90deg, #ce5252, #ff9898);
}
.ryva-profile-v6 .ryva-p6-pvp-total {
  display: block;
  text-align: right;
  white-space: nowrap;
}
.ryva-profile-v6 .ryva-p6-pvp-total b {
  display: block;
  color: #95ffd0;
  font-size: 15px;
  font-weight: 900;
}
.ryva-profile-v6 .ryva-p6-pvp-panel.verdugos .ryva-p6-pvp-total b {
  color: #ffb2b2;
}
.ryva-profile-v6 .ryva-p6-pvp-total small {
  display: block;
  color: #789f88;
  font-size: 8px;
  font-weight: 800;
}
.ryva-profile-v6 .ryva-p6-pvp-empty {
  padding: 24px 10px;
  margin: 0;
  color: #90ab9a;
  font-size: 12px;
  text-align: center;
}
@media (max-width: 780px) {
  .ryva-profile-v6 .ryva-p6-pvp-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 420px) {
  .ryva-profile-v6 .ryva-p6-pvp-panel { padding: 12px; }
  .ryva-profile-v6 .ryva-p6-pvp-entry { grid-template-columns: 22px minmax(0, 1fr) 59px; gap: 5px; padding: 7px; }
}