body {
    margin: 0;
    padding-top: 50px;
    font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
    background:
        radial-gradient(circle at 20% 10%, rgba(34, 211, 238, 0.25), transparent 40%),
        radial-gradient(circle at 85% 0%, rgba(236, 72, 153, 0.25), transparent 35%),
        linear-gradient(160deg, #0b0d1b 0%, #10172b 45%, #0b1222 100%);
    background-attachment: fixed;
    color: #e0f2fe;
    display: flex;
    flex-direction: column;
}
:root {
    --neon-bg: #0b0d1b;
    --neon-surface: rgba(15, 23, 42, 0.75);
    --neon-border: rgba(56, 189, 248, 0.35);
    --neon-text: #e0f2fe;
    --neon-muted: #c7d2fe;
    --neon-accent: #22d3ee;
    --neon-accent-strong: #4f46e5;
    --neon-pink: #f472b6;
    --neon-green: #34d399;
}
a {
    color: #a5b4fc;
}
a:hover {
    color: #c7d2fe;
}
.card,
.list-group-item,
.modal-content,
.dropdown-menu {
    background: var(--neon-surface);
    border: 1px solid var(--neon-border);
    color: var(--neon-text);
    box-shadow: 0 16px 32px rgba(4, 6, 20, 0.5);
}
.card {
    border-radius: 18px;
}
.btn {
    border-radius: 999px;
    font-weight: 700;
}
.btn-primary {
    background: linear-gradient(135deg, var(--neon-accent), var(--neon-accent-strong));
    border: none;
    color: #0b0d1b;
    box-shadow: 0 10px 20px rgba(34, 211, 238, 0.35);
}
.btn-danger {
    background: linear-gradient(135deg, #fb7185, #f43f5e);
    border: none;
    color: #0b0d1b;
    box-shadow: 0 10px 20px rgba(244, 63, 94, 0.35);
}
.btn-success {
    background: linear-gradient(135deg, #34d399, #22d3ee);
    border: none;
    color: #0b0d1b;
    box-shadow: 0 10px 20px rgba(52, 211, 153, 0.35);
}
.btn-secondary {
    background: rgba(15, 23, 42, 0.8);
    border: 1px solid rgba(129, 140, 248, 0.5);
    color: #c7d2fe;
}
.btn-outline-primary {
    border-color: rgba(129, 140, 248, 0.6);
    color: #c7d2fe;
}
.btn-outline-primary:hover {
    background: rgba(129, 140, 248, 0.2);
    color: #e0f2fe;
}
.form-control,
.form-select,
.form-check-input {
    background-color: rgba(15, 23, 42, 0.8);
    border: 1px solid rgba(99, 102, 241, 0.4);
    color: #e0f2fe;
}
.form-control::placeholder {
    color: rgba(199, 210, 254, 0.6);
}
.table {
    color: var(--neon-text);
}
.table thead th {
    color: #e0f2fe;
    border-bottom: 1px solid rgba(129, 140, 248, 0.4);
}
.table tbody tr {
    border-bottom: 1px solid rgba(129, 140, 248, 0.2);
}
.nav-button {
    border: none;
    background: none;
    padding: 0;
    text-align: left;
}

/* Hover and focus match <a.nav-link> */
.nav-button.nav-link:hover,
.nav-button.nav-link:focus {
    color: #f1f1f1;
    /* Bootstrap variable */
    text-decoration: none;
}

/* Active state */
.nav-button.nav-link.active {
    color: #f1f1f1;
}
.email-confirm-banner {
    margin: 6px auto 0;
    width: min(1100px, 92vw);
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.85);
    border: 1px solid rgba(251, 191, 36, 0.45);
    color: #fde68a;
    font-size: 0.85rem;
    text-align: center;
    letter-spacing: 0.02em;
    box-shadow: 0 8px 18px rgba(4, 6, 20, 0.35);
}


/* Fade-in/out for the whole overlay */
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.3s ease;
}
.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}

/* Drop-in animation for cards */
.drop-enter-active,
.drop-leave-active {
    transition: all 0.4s ease;
}
.drop-enter-from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
}
.drop-leave-to {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
}

/* Background blur layer */
.notification-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10vh;
    backdrop-filter: blur(6px);
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 9999;
}

/* Container for stacking multiple popups vertically */
.notification-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

/* Individual popup card */
.notification-card {
    position: relative;
    pointer-events: auto;
    background: rgba(15, 23, 42, 0.95);
    border-radius: 18px;
    border: 1px solid rgba(56, 189, 248, 0.4);
    box-shadow: 0 18px 30px rgba(4, 6, 20, 0.6);
    padding: 1.8rem 2rem 1.5rem;
    min-width: 280px;
    max-width: 400px;
    text-align: center;
    cursor: pointer;
    color: #e0f2fe;
}

/* Color themes */
.notification-card.info {
    border-left: 6px solid #22d3ee;
}
.notification-card.success {
    border-left: 6px solid #34d399;
}
.notification-card.warning {
    border-left: 6px solid #facc15;
}
.notification-card.danger {
    border-left: 6px solid #f43f5e;
}
.notification-card .title {
    margin: 0;
    font-weight: 700;
    font-size: 1.3rem;
}
.notification-card .message {
    margin-top: 0.4rem;
    font-size: 1.1rem;
}
.notification-card .btn {
    font-weight: bold;
    border-radius: 999px;
    padding: 0.6rem 1.2rem;
    background: linear-gradient(135deg, #22d3ee, #4f46e5);
    border: none;
    color: #0b0d1b;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.notification-card .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}
.close-btn {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: none;
    font-size: 1.4rem;
    line-height: 1;
    color: #c7d2fe;
    cursor: pointer;
    transition: color 0.2s ease;
}
.close-btn:hover {
    color: #e0f2fe;
}

.game-navbar[data-v-a289449f] {
    background: linear-gradient(90deg, #0b0d1b, #111a33);
    padding: 8px 12px;
    border-bottom: 2px solid rgba(56, 189, 248, 0.25);
    position: fixed;
    /* stick to top */
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    /* above all content */
}
.text-glow[data-v-a289449f] {
    color: #e0f2fe;
    text-shadow: 0 0 10px rgba(34, 211, 238, 0.8);
}
.game-menu .nav-link[data-v-a289449f] {
    color: #c7d2fe;
    font-weight: 600;
    margin-right: 10px;
}
.game-menu .nav-link[data-v-a289449f]:hover {
    color: #e0f2fe;
    text-shadow: 0 0 8px rgba(34, 211, 238, 0.6);
}
.game-resources[data-v-a289449f] {
    display: flex;
    align-items: center;
}
.resource-box[data-v-a289449f] {
    display: flex;
    align-items: center;
    background: rgba(15, 23, 42, 0.7);
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(129, 140, 248, 0.5);
}
.resource-icon[data-v-a289449f] {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.resource-value[data-v-a289449f] {
    font-size: 1rem;
    font-weight: 700;
    color: #e0f2fe;
}
.impressum-link[data-v-a289449f] {
    font-size: 0.6rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #a5b4fc;
}
.impressum-link[data-v-a289449f]:hover {
    color: #e0f2fe;
    text-shadow: 0 0 6px rgba(34, 211, 238, 0.5);
}

.fancybar[data-v-b13ccba2] {
  display: grid;
  grid-template-columns: 80px 1fr 40px;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  margin-top: 3px;
  font-size: 0.9rem;
  color: #e0f2fe;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
}
.fancybar__track[data-v-b13ccba2] {
  height: 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.4);
  overflow: hidden;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.35);
}
.fancybar__fill[data-v-b13ccba2] {
  height: 100%;
  border-radius: inherit;
  transition: width 0.25s ease;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.2);
}
.fancybar__value[data-v-b13ccba2] {
  text-align: right;
  opacity: 0.9;
  font-size: 0.85rem;
}

.food-items[data-v-c6830fd3] {
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.icon-button[data-v-c6830fd3] {
  height: 38px;
  width: 38px;
  cursor: pointer;
  object-fit: contain;
  margin-right: 6px;
  /* optional spacing */
  transition: transform 0.2s ease;
}
.icon-button[data-v-c6830fd3]:hover {
  transform: scale(1.2);
}

.monster-page {
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.loading-spinner {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  animation: fade 1.5s infinite alternate;
}
.icon-energy-button {
  height: 60px;
  width: 60px;
  cursor: pointer;
  object-fit: contain;
  transition: transform 0.2s ease;
}
.monster-card-wrapper {
  position: relative;
}
.monster-carousel {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  margin: 14px auto 20px;
  max-width: 780px;
}
.carousel-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(140px, 1fr);
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 6px 4px;
}
.carousel-track::-webkit-scrollbar {
  height: 6px;
}
.carousel-track::-webkit-scrollbar-thumb {
  background: rgba(125, 211, 252, 0.4);
  border-radius: 999px;
}
.carousel-card {
  scroll-snap-align: start;
  border: 1px solid rgba(125, 211, 252, 0.35);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.75);
  padding: 10px;
  text-align: center;
  color: #e0f2fe;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  cursor: pointer;
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}
.carousel-card img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(129, 140, 248, 0.3);
  background: rgba(15, 23, 42, 0.6);
}
.carousel-card.selected {
  border-color: rgba(34, 211, 238, 0.9);
  box-shadow: 0 12px 22px rgba(34, 211, 238, 0.25);
  transform: translateY(-2px);
}
.carousel-name {
  margin-top: 6px;
  font-weight: 700;
}
.carousel-level {
  color: #c7d2fe;
  font-size: 0.85rem;
}
.carousel-btn {
  border: 1px solid rgba(129, 140, 248, 0.5);
  background: rgba(15, 23, 42, 0.7);
  color: #c7d2fe;
  border-radius: 999px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  cursor: pointer;
}
@media (max-width: 640px) {
.monster-carousel {
    grid-template-columns: 1fr;
}
.carousel-btn {
    display: none;
}
}
.hospital-overlay {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  background: rgba(15, 23, 42, 0.85);
  color: #e5e7eb;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-weight: 700;
  text-align: right;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}
.hospital-overlay a {
  color: #a5b4fc;
  text-decoration: underline;
  font-weight: 700;
}
.satiety-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  background: rgba(127, 29, 29, 0.92);
  color: #fee2e2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(254, 226, 226, 0.3);
}
.satiety-overlay h3 {
  margin-bottom: 6px;
}
.satiety-error {
  margin-top: 6px;
  color: #fed7aa;
  font-weight: 600;
}
.overlay-bars {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.92);
  text-align: center;
}

.ranking-page[data-v-3b935b7c] {
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.ranking-page h2[data-v-3b935b7c] {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.eyebrow[data-v-3b935b7c] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.spotlight[data-v-3b935b7c] {
  margin-bottom: 24px;
  padding: 16px;
  border-radius: 20px;
  background: radial-gradient(circle at 20% 10%, rgba(34, 211, 238, 0.2), transparent 40%),
    rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(56, 189, 248, 0.3);
}
.spotlight__header[data-v-3b935b7c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 12px;
  flex-wrap: wrap;
}
.spotlight__header h3[data-v-3b935b7c] {
  margin: 4px 0 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.spotlight__controls[data-v-3b935b7c] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(129, 140, 248, 0.4);
  border-radius: 999px;
  padding: 6px 10px;
}
.spotlight__btn[data-v-3b935b7c] {
  border: none;
  background: transparent;
  color: #e0f2fe;
  font-weight: 700;
  cursor: pointer;
}
.spotlight__index[data-v-3b935b7c] {
  font-size: 0.8rem;
  color: #c7d2fe;
}
.spotlight__frame[data-v-3b935b7c] {
  position: relative;
  min-height: 300px;
  border-radius: 18px;
  border: 1px solid rgba(129, 140, 248, 0.35);
  background: rgba(2, 6, 23, 0.6);
  padding: 22px;
  overflow: hidden;
  display: grid;
  place-items: center;
}
.spotlight-card[data-v-3b935b7c] {
  position: absolute;
  inset: 24px;
  text-align: center;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(129, 140, 248, 0.35);
  background: rgba(2, 6, 23, 0.7);
  box-shadow: 0 16px 30px rgba(4, 6, 20, 0.6);
  z-index: 1;
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
}
.spotlight-card--active[data-v-3b935b7c] {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
.spotlight-card--prev[data-v-3b935b7c] {
  opacity: 0;
  transform: translateX(-100%);
}
.spotlight-card--next[data-v-3b935b7c] {
  opacity: 0;
  transform: translateX(100%);
}
.spotlight-card--hidden[data-v-3b935b7c] {
  opacity: 0;
  transform: translateX(120%);
}
.spotlight-card img[data-v-3b935b7c] {
  width: 100%;
  max-width: 140px;
  margin: 0 auto;
  display: block;
  filter: drop-shadow(0 0 16px rgba(34, 211, 238, 0.4));
}
.chip-row[data-v-3b935b7c] {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 2px;
}
.stat-chip[data-v-3b935b7c] {
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(129, 140, 248, 0.35);
  font-size: 0.8rem;
  color: #c7d2fe;
}
.spotlight-desc[data-v-3b935b7c] {
  margin: 2px 0 0;
  font-size: 0.75rem;
  color: #cbd5f5;
}
.spotlight-card__glow[data-v-3b935b7c] {
  position: absolute;
  inset: -30% 10% auto;
  height: 160%;
  background: radial-gradient(circle, rgba(34, 211, 238, 0.25), transparent 60%);
  opacity: 0.4;
  z-index: 0;
}
.spotlight-card__content[data-v-3b935b7c] {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 10px;
  height: 100%;
  text-align: center;
}
.spotlight-card h4[data-v-3b935b7c] {
  margin: 2px 0 0;
  font-size: 1rem;
}
.spotlight-media[data-v-3b935b7c] {
  display: grid;
  place-items: center;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(129, 140, 248, 0.3);
  background: rgba(15, 23, 42, 0.6);
}
.spotlight-details[data-v-3b935b7c] {
  display: grid;
  gap: 6px;
}
.chip-row[data-v-3b935b7c] {
  justify-content: center;
}
.card-title[data-v-3b935b7c] {
  font-weight: bold;
  font-size: 1.2rem;
}
img[data-v-3b935b7c] {
  object-fit: contain;
}

.hero-band[data-v-cc9d95a7] {
  margin: 18px auto 8px;
  padding: 18px 16px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 211, 238, 0.25), transparent 45%),
    radial-gradient(circle at 90% 20%, rgba(236, 72, 153, 0.2), transparent 45%),
    linear-gradient(160deg, rgba(15, 23, 42, 0.85), rgba(2, 6, 23, 0.9));
  border: 1px solid rgba(56, 189, 248, 0.3);
  display: grid;
  gap: 18px;
  overflow: hidden;
}
.hero-band__content h1[data-v-cc9d95a7] {
  margin: 8px 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 1.4rem;
  color: #e0f2fe;
}
.hero-subtitle[data-v-cc9d95a7] {
  margin: 0;
  color: #c7d2fe;
  max-width: 420px;
}
.hero-cta[data-v-cc9d95a7] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.hero-btn[data-v-cc9d95a7] {
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;
  font-size: 0.85rem;
}
.hero-btn--primary[data-v-cc9d95a7] {
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  box-shadow: 0 10px 20px rgba(34, 211, 238, 0.35);
}
.hero-btn--ghost[data-v-cc9d95a7] {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(129, 140, 248, 0.5);
  color: #c7d2fe;
}
.hero-band__frame[data-v-cc9d95a7] {
  position: relative;
}
.hero-card[data-v-cc9d95a7] {
  position: relative;
  border-radius: 18px;
  padding: 16px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(129, 140, 248, 0.45);
  box-shadow: inset 0 0 18px rgba(34, 211, 238, 0.15);
  display: grid;
  gap: 10px;
}
.hero-card__title[data-v-cc9d95a7] {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.75rem;
  color: #7dd3fc;
}
.hero-card__stat[data-v-cc9d95a7] {
  display: flex;
  justify-content: space-between;
  color: #c7d2fe;
  font-size: 0.9rem;
}
.hero-card__stat strong[data-v-cc9d95a7] {
  color: #e0f2fe;
}
.hero-scanlines[data-v-cc9d95a7] {
  position: absolute;
  inset: -40% -20% auto;
  height: 160%;
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.04),
    rgba(255, 255, 255, 0.04) 2px,
    transparent 2px,
    transparent 6px
  );
  opacity: 0.3;
  pointer-events: none;
  animation: scan-cc9d95a7 8s linear infinite;
}
@keyframes scan-cc9d95a7 {
0% {
    transform: translateY(-10%);
}
100% {
    transform: translateY(10%);
}
}
@media (min-width: 1100px) {
.hero-band[data-v-cc9d95a7] {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    align-items: center;
    padding: 28px 32px;
}
.hero-band__content h1[data-v-cc9d95a7] {
    font-size: 2rem;
}
}
.eyebrow[data-v-cc9d95a7] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.activity-page[data-v-cc9d95a7] {
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.activity-panels[data-v-cc9d95a7] {
  margin: 18px auto 8px;
  display: grid;
  gap: 16px;
}
.activity-panel[data-v-cc9d95a7] {
  padding: 16px;
  border-radius: 20px;
  background: rgba(15, 23, 42, 0.82);
  border: 1px solid rgba(56, 189, 248, 0.28);
  box-shadow: inset 0 0 18px rgba(34, 211, 238, 0.08);
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.panel-header h2[data-v-cc9d95a7] {
  margin: 0 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.panel-header p[data-v-cc9d95a7] {
  margin: 0;
  color: #c7d2fe;
  font-size: 0.9rem;
}
.news-list[data-v-cc9d95a7] {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}
.news-card[data-v-cc9d95a7] {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.7);
  border: 1px solid rgba(129, 140, 248, 0.3);
  box-shadow: inset 0 0 10px rgba(34, 211, 238, 0.12);
}
.news-card__title[data-v-cc9d95a7] {
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #e0f2fe;
}
.news-card__body[data-v-cc9d95a7] {
  margin: 6px 0 8px;
  color: #cbd5f5;
  font-size: 0.9rem;
  text-align: left;
}
.news-card__body p[data-v-cc9d95a7] {
  margin: 0 0 6px;
}
.news-card__body ul[data-v-cc9d95a7] {
  margin: 6px 0 8px 18px;
  padding: 0;
}
.news-card__body li[data-v-cc9d95a7] {
  margin-bottom: 4px;
}
.news-card__body code[data-v-cc9d95a7] {
  padding: 0 4px;
  border-radius: 6px;
  background: rgba(15, 23, 42, 0.6);
  color: #e0f2fe;
  font-family: "Courier New", monospace;
  font-size: 0.85rem;
}
.news-card__meta[data-v-cc9d95a7] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(148, 163, 184, 0.9);
}
.news-empty[data-v-cc9d95a7] {
  margin-top: 12px;
  color: #cbd5f5;
  font-size: 0.9rem;
}
.news-cta[data-v-cc9d95a7] {
  margin-top: 14px;
  display: flex;
  justify-content: flex-start;
}
.activity-page h2[data-v-cc9d95a7] {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.activity-page .list-group-item[data-v-cc9d95a7] {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(56, 189, 248, 0.3);
  color: #e0f2fe;
}
.activity-page .badge[data-v-cc9d95a7] {
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
}
.activity-stats[data-v-cc9d95a7] {
  display: grid;
  gap: 8px;
  margin: 10px 0 12px;
}
.activity-stat[data-v-cc9d95a7] {
  display: flex;
  justify-content: space-between;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.6);
  border: 1px solid rgba(56, 189, 248, 0.2);
  color: #c7d2fe;
  font-size: 0.85rem;
}
.activity-stat strong[data-v-cc9d95a7] {
  color: #e0f2fe;
}
.how-it-works[data-v-cc9d95a7] {
  margin: 24px auto 12px;
  padding: 18px;
  border-radius: 22px;
  background: radial-gradient(circle at 20% 10%, rgba(34, 211, 238, 0.18), transparent 45%),
    rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(56, 189, 248, 0.3);
  color: #e0f2fe;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
}
.how-it-works__header h3[data-v-cc9d95a7] {
  margin: 6px 0 4px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.how-subtitle[data-v-cc9d95a7] {
  margin: 0;
  color: #c7d2fe;
}
.how-steps[data-v-cc9d95a7] {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}
.how-card[data-v-cc9d95a7] {
  padding: 14px;
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.7);
  border: 1px solid rgba(129, 140, 248, 0.3);
  box-shadow: inset 0 0 12px rgba(34, 211, 238, 0.1);
}
.how-card__icon[data-v-cc9d95a7] {
  font-size: 1.6rem;
}
.how-card h4[data-v-cc9d95a7] {
  margin: 6px 0 4px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.95rem;
}
.how-card p[data-v-cc9d95a7] {
  margin: 0;
  color: #cbd5f5;
  font-size: 0.85rem;
}
@media (min-width: 900px) {
.activity-panels[data-v-cc9d95a7] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
    align-items: start;
}
}
@media (min-width: 900px) {
.how-steps[data-v-cc9d95a7] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

.item-image[data-v-4b6a0a3f] {
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
  display: block;
  object-fit: contain;
}

.card[data-v-cbb3d22e] {
  overflow: hidden;
  position: relative;
  transition: transform 0.1s ease;
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 18px;
  background: radial-gradient(circle at 20% 20%, rgba(34, 211, 238, 0.1), rgba(8, 12, 28, 0.95));
  box-shadow: 0 18px 34px rgba(4, 6, 20, 0.6);
}
.card-img-top-wrap[data-v-cbb3d22e] {
  height: 180px;
  overflow: hidden;
}
.card-img-top[data-v-cbb3d22e] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card[data-v-cbb3d22e]:hover {
  transform: translateY(-2px);
}
.locked-overlay[data-v-cbb3d22e] {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 15, 33, 0.92), rgba(6, 10, 24, 0.95));
  backdrop-filter: blur(3px);
  display: grid;
  place-items: center;
  text-align: center;
  z-index: 5;
  color: #e0f2fe;
  font-weight: bold;
  border-radius: 8px;
}
.locked-content[data-v-cbb3d22e] {
  display: grid;
  gap: 8px;
  padding: 16px;
}
.locked-icon[data-v-cbb3d22e] {
  font-size: 28px;
}
.locked-title[data-v-cbb3d22e] {
  margin: 0;
  font-size: 1.2rem;
}
.locked-subtitle[data-v-cbb3d22e] {
  margin: 0;
  color: #c7d2fe;
  font-weight: 400;
}
.price-chip[data-v-cbb3d22e] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(129, 140, 248, 0.45);
  font-weight: 600;
}
.unlock-btn[data-v-cbb3d22e] {
  border: none;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 700;
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  box-shadow: 0 10px 24px rgba(34, 211, 238, 0.35);
}
.title-row[data-v-cbb3d22e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.card-title[data-v-cbb3d22e] {
  margin: 0;
}
.muted[data-v-cbb3d22e] {
  margin: 0;
  color: #c7d2fe;
}
.badge.level[data-v-cbb3d22e] {
  background: rgba(34, 211, 238, 0.2);
  color: #cffafe;
  border: 1px solid rgba(34, 211, 238, 0.5);
}
.stat-card[data-v-cbb3d22e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(129, 140, 248, 0.25);
  margin: 6px 0;
}
.stat-label[data-v-cbb3d22e] {
  color: #c7d2fe;
  font-size: 0.9rem;
}
.stat-value[data-v-cbb3d22e] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
}
.detail-link[data-v-cbb3d22e] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #a5b4fc;
  text-decoration: none;
  font-weight: 700;
  margin: 8px 0;
}
.detail-link[data-v-cbb3d22e]:hover {
  text-decoration: underline;
}
.buy-btn[data-v-cbb3d22e] {
  border: none;
  padding: 12px 14px;
  border-radius: 999px;
  font-weight: 700;
  background: linear-gradient(135deg, #f472b6, #22d3ee);
  color: #0b0d1b;
  box-shadow: 0 10px 24px rgba(244, 114, 182, 0.35);
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.buy-btn[data-v-cbb3d22e]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.buy-btn[data-v-cbb3d22e]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(99, 102, 241, 0.45);
}
.coin-icon[data-v-cbb3d22e] {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.marketplace-page[data-v-7653a4b4] {
  padding: 18px 16px 28px;
  color: #e5e7eb;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  background:
    radial-gradient(circle at 20% 15%, rgba(34, 211, 238, 0.25), transparent 40%),
    radial-gradient(circle at 85% 0%, rgba(236, 72, 153, 0.22), transparent 35%),
    linear-gradient(160deg, #0b0d1b 0%, #10172b 45%, #0b1222 100%);
  background-color: #0b0d1b;
  min-height: 100vh;
}
.marketplace-header[data-v-7653a4b4] {
  display: grid;
  gap: 14px;
  margin-bottom: 20px;
}
.eyebrow[data-v-7653a4b4] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.title[data-v-7653a4b4] {
  margin: 4px 0 0;
  font-weight: 800;
}
.subtitle[data-v-7653a4b4] {
  margin: 4px 0 0;
  color: #c7d2fe;
}
.monster-card[data-v-7653a4b4] {
  background: rgba(2, 6, 23, 0.7);
  border: 1px solid rgba(129, 140, 248, 0.3);
  border-radius: 16px;
  padding: 14px;
  height: 100%;
  display: grid;
  gap: 10px;
}
.monster-card__media[data-v-7653a4b4] {
  display: flex;
  justify-content: center;
}
.monster-card__media img[data-v-7653a4b4] {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid rgba(129, 140, 248, 0.35);
  background: rgba(15, 23, 42, 0.6);
}
.monster-card__body h3[data-v-7653a4b4] {
  margin: 0;
}
.monster-desc[data-v-7653a4b4] {
  margin: 6px 0 0;
  color: #cbd5f5;
  font-size: 0.9rem;
}
.monster-meta[data-v-7653a4b4] {
  display: grid;
  gap: 4px;
  color: #c7d2fe;
  font-size: 0.85rem;
}
.monster-card__actions[data-v-7653a4b4] {
  display: grid;
  gap: 6px;
}
.error-text[data-v-7653a4b4] {
  margin: 0;
  color: #fda4af;
  font-weight: 600;
}
.balance-chip[data-v-7653a4b4] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(34, 211, 238, 0.35);
}
.coin-icon[data-v-7653a4b4] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.tab-bar[data-v-7653a4b4] {
  display: inline-flex;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 16px;
}
.tab-btn[data-v-7653a4b4] {
  border: none;
  padding: 10px 16px;
  background: transparent;
  color: #c7d2fe;
  font-weight: 700;
  cursor: pointer;
}
.tab-btn.active[data-v-7653a4b4] {
  background: linear-gradient(135deg, #22d3ee, #7c3aed);
  color: #0b0d1b;
}
.section-card[data-v-7653a4b4] {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 18px 36px rgba(4, 6, 20, 0.6);
}
.section-header[data-v-7653a4b4] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.section-header h4[data-v-7653a4b4] {
  margin: 0;
}
.pill[data-v-7653a4b4] {
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.85rem;
}
.pill.success[data-v-7653a4b4] {
  background: rgba(52, 211, 153, 0.2);
  color: #a7f3d0;
  border: 1px solid rgba(52, 211, 153, 0.4);
}
.pill.warning[data-v-7653a4b4] {
  background: rgba(250, 204, 21, 0.18);
  color: #fde68a;
  border: 1px solid rgba(250, 204, 21, 0.5);
}
.divider[data-v-7653a4b4] {
  border-top: 1px solid rgba(129, 140, 248, 0.2);
  margin: 18px 0;
}
.muted[data-v-7653a4b4] {
  color: #c7d2fe;
}
@media (min-width: 1100px) {
.marketplace-page[data-v-7653a4b4] {
    padding: 32px 48px 40px;
}
.marketplace-header[data-v-7653a4b4] {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    align-items: center;
}
}
@media (min-width: 700px) and (max-width: 1099px) {
.marketplace-page[data-v-7653a4b4] {
    padding: 24px 28px 32px;
}
}

.match-page[data-v-98da1da0] {
  padding: 18px 16px 28px;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.section-title[data-v-98da1da0] {
  margin: 16px 0 8px;
}
.match-grid[data-v-98da1da0] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}
.match-card[data-v-98da1da0] {
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 18px;
  padding: 12px;
  box-shadow: 0 18px 30px rgba(4, 6, 20, 0.6);
  margin-bottom: 2px;
}
.match-card__header[data-v-98da1da0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.match-date[data-v-98da1da0],
.match-time[data-v-98da1da0] {
  color: #c7d2fe;
  font-size: 0.85rem;
}
.badge[data-v-98da1da0] {
  padding: 4px 8px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.8rem;
}
.badge-own[data-v-98da1da0] {
  background: rgba(34, 211, 238, 0.2);
  color: #cffafe;
}
.badge-accepted[data-v-98da1da0] {
  background: rgba(250, 204, 21, 0.2);
  color: #fde68a;
}
.badge-open[data-v-98da1da0] {
  background: rgba(52, 211, 153, 0.2);
  color: #a7f3d0;
}
.match-card__body[data-v-98da1da0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.fighter[data-v-98da1da0] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.fighter__image[data-v-98da1da0] {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(129, 140, 248, 0.3);
  background: rgba(15, 23, 42, 0.6);
}
.fighter__info[data-v-98da1da0] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.fighter__name[data-v-98da1da0] {
  font-weight: 700;
}
.fighter__meta[data-v-98da1da0] {
  color: #c7d2fe;
  font-size: 0.9rem;
}
.match-card__actions[data-v-98da1da0] {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.btn[data-v-98da1da0] {
  border: none;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 700;
  cursor: pointer;
}
.btn-primary[data-v-98da1da0] {
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  box-shadow: 0 10px 20px rgba(34, 211, 238, 0.3);
}
.btn-danger[data-v-98da1da0] {
  background: linear-gradient(135deg, #fb7185, #f43f5e);
  color: #0b0d1b;
  box-shadow: 0 10px 20px rgba(244, 63, 94, 0.3);
}
.btn-ghost[data-v-98da1da0] {
  background: rgba(15, 23, 42, 0.7);
  color: #c7d2fe;
  border: 1px solid rgba(129, 140, 248, 0.4);
}
.small-text[data-v-98da1da0] {
  font-size: 0.85rem;
}

.fade-enter-active[data-v-98da1da0],
.fade-leave-active[data-v-98da1da0] {
  transition: opacity 0.3s;
}
.fade-enter-from[data-v-98da1da0],
.fade-leave-to[data-v-98da1da0] {
  opacity: 0;
}
.collect-animation[data-v-98da1da0] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(8, 12, 24, 0.8);
  color: #e0f2fe;
  z-index: 10;
  animation: collect-pop 2s ease forwards;
}
.collect-text[data-v-98da1da0] {
  font-size: 1.5rem;
  font-weight: bold;
  animation: float-up-98da1da0 1.8s ease-out forwards;
}
.collect-image[data-v-98da1da0] {
  width: 80px;
  height: auto;
  animation: scale-up-98da1da0 0.6s ease-out;
}

/* Fade transition for appear/disappear */
.collect-fade-enter-active[data-v-98da1da0],
.collect-fade-leave-active[data-v-98da1da0] {
  transition: opacity 0.4s ease;
}
.collect-fade-enter-from[data-v-98da1da0],
.collect-fade-leave-to[data-v-98da1da0] {
  opacity: 0;
}

/* Keyframe animations */
@keyframes scale-up-98da1da0 {
0% {
    transform: scale(0.4);
    opacity: 0;
}
60% {
    transform: scale(1.2);
    opacity: 1;
}
100% {
    transform: scale(1);
}
}
@keyframes float-up-98da1da0 {
0% {
    transform: translateY(20px);
    opacity: 0;
}
30% {
    opacity: 1;
}
100% {
    transform: translateY(-60px);
    opacity: 0;
}
}

.move-grid[data-v-5037f350] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.move-card[data-v-5037f350] {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 16px;
  padding: 10px;
  box-shadow: 0 16px 28px rgba(4, 6, 20, 0.6);
}
.move-card__header[data-v-5037f350] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.move-title[data-v-5037f350] {
  font-weight: 800;
  letter-spacing: 0.04em;
}
.movement-buttons[data-v-5037f350] {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 8px;
}
.move-btn[data-v-5037f350] {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(129, 140, 248, 0.4);
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}
.move-btn.selected[data-v-5037f350] {
  border-color: rgba(34, 211, 238, 0.6);
  box-shadow: 0 8px 16px rgba(34, 211, 238, 0.3);
}
.move-btn[data-v-5037f350]:hover {
  transform: translateY(-1px);
}
.arrow-icon--muted[data-v-5037f350] {
  opacity: 0.3;
}
.special-attack-box[data-v-5037f350] {
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(129, 140, 248, 0.4);
  background: rgba(34, 211, 238, 0.15);
  color: #e0f2fe;
  margin-top: 8px;
}
.status-check[data-v-5037f350] {
  grid-column: 1 / -1;
  text-align: center;
  color: #c7d2fe;
  font-weight: 700;
}

.select-grid[data-v-d33fa93d] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.select-card[data-v-d33fa93d] {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 18px;
  padding: 10px;
  box-shadow: 0 18px 30px rgba(4, 6, 20, 0.6);
}
.select-card__header[data-v-d33fa93d] {
  font-weight: 800;
  font-size: 1.1rem;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.select-card__body[data-v-d33fa93d] {
  display: grid;
  gap: 8px;
}
.select-badge[data-v-d33fa93d] {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0b0d1b;
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
}
.select-hint[data-v-d33fa93d] {
  margin: 0 0 10px;
  color: #c7d2fe;
  font-size: 0.85rem;
}
.monster-grid[data-v-d33fa93d] {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.monster-card[data-v-d33fa93d] {
  background: rgba(2, 6, 23, 0.6);
  border: 1px solid rgba(129, 140, 248, 0.2);
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  position: relative;
}
.monster-card.selectable[data-v-d33fa93d] {
  cursor: pointer;
  border-color: rgba(34, 211, 238, 0.35);
  box-shadow: inset 0 0 12px rgba(34, 211, 238, 0.12);
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}
.monster-card.selectable[data-v-d33fa93d]:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 22px rgba(34, 211, 238, 0.25);
  border-color: rgba(34, 211, 238, 0.75);
}
.monster-card.selected[data-v-d33fa93d] {
  border-color: rgba(34, 211, 238, 0.9);
  box-shadow: 0 16px 28px rgba(34, 211, 238, 0.4);
  background: rgba(15, 23, 42, 0.8);
}
.monster-name[data-v-d33fa93d] {
  font-weight: 800;
}
.monster-level[data-v-d33fa93d],
.monster-meta[data-v-d33fa93d] {
  color: #c7d2fe;
  font-size: 0.9rem;
}
.monster-image[data-v-d33fa93d] {
  display: flex;
  justify-content: center;
  margin: 8px 0;
}
.monster-image img[data-v-d33fa93d] {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(129, 140, 248, 0.3);
  background: rgba(15, 23, 42, 0.6);
}
@media (max-width: 600px) {
.monster-image img[data-v-d33fa93d] {
    width: 72px;
    height: 72px;
}
}
.select-tag[data-v-d33fa93d] {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: rgba(34, 211, 238, 0.2);
  border: 1px solid rgba(34, 211, 238, 0.5);
  color: #e0f2fe;
}
.rounds[data-v-d33fa93d] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.rounds-loading[data-v-d33fa93d] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 220px;
}
.round-grid[data-v-d33fa93d] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 12px;
}
.round-card[data-v-d33fa93d] {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 16px 28px rgba(4, 6, 20, 0.6);
}
.round-card__header[data-v-d33fa93d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.round-label[data-v-d33fa93d] {
  font-weight: 800;
  letter-spacing: 0.04em;
}
.pill[data-v-d33fa93d] {
  padding: 4px 8px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.8rem;
  background: rgba(15, 23, 42, 0.7);
}
.pill-special[data-v-d33fa93d] {
  background: rgba(244, 114, 182, 0.2);
  color: #fbcfe8;
  border: 1px solid rgba(244, 114, 182, 0.4);
}

.match-detail[data-v-30caed5e] {
  padding: 18px 16px 28px;
  display: flex;
  justify-content: center;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.detail-card[data-v-30caed5e] {
  width: 100%;
  max-width: 960px;
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 18px 34px rgba(4, 6, 20, 0.6);
}
.detail-header[data-v-30caed5e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 10px;
  flex-wrap: wrap;
}
.detail-meta[data-v-30caed5e] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pill[data-v-30caed5e] {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.7);
  color: #e0f2fe;
  font-weight: 700;
  font-size: 0.9rem;
}
.pill-status[data-v-30caed5e] {
  background: rgba(34, 211, 238, 0.2);
  color: #cffafe;
}
.btn[data-v-30caed5e] {
  border: none;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.btn.primary[data-v-30caed5e] {
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  box-shadow: 0 10px 20px rgba(34, 211, 238, 0.3);
}
.btn.ghost[data-v-30caed5e] {
  background: rgba(15, 23, 42, 0.7);
  color: #c7d2fe;
  border: 1px solid rgba(129, 140, 248, 0.4);
}
.btn.full[data-v-30caed5e] {
  width: 100%;
  margin-top: 12px;
}
.replay-error[data-v-30caed5e] {
  margin-top: 8px;
  color: #fda4af;
  font-weight: 600;
  text-align: center;
}

.replay-page[data-v-e9a675ea] {
  position: relative;
  min-height: 100vh;
  padding: 24px 16px 40px;
  background:
    radial-gradient(circle at 20% 0%, rgba(34, 211, 238, 0.25), transparent 45%),
    radial-gradient(circle at 85% 15%, rgba(236, 72, 153, 0.2), transparent 40%),
    linear-gradient(160deg, #0b0d1b 0%, #10172b 45%, #0b1222 100%);
}
.replay-frame[data-v-e9a675ea] {
  position: relative;
  width: min(980px, 100%);
  margin: 0 auto;
  aspect-ratio: 4 / 3;
  border-radius: 24px;
  border: 1px solid rgba(56, 189, 248, 0.35);
  background: rgba(2, 6, 23, 0.8);
  box-shadow: 0 24px 40px rgba(4, 6, 20, 0.7);
  overflow: hidden;
}
.replay-frame__glow[data-v-e9a675ea] {
  position: absolute;
  inset: -20% 0 auto;
  height: 140%;
  background: radial-gradient(circle, rgba(34, 211, 238, 0.18), transparent 60%);
  opacity: 0.4;
  pointer-events: none;
  z-index: 1;
}
.replay-hud[data-v-e9a675ea] {
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  z-index: 3;
  pointer-events: none;
  color: #e0f2fe;
}
.hud-column[data-v-e9a675ea] {
  display: grid;
  gap: 6px;
  background: rgba(2, 6, 23, 0.7);
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px solid rgba(129, 140, 248, 0.35);
}
.hud-label[data-v-e9a675ea] {
  font-weight: 700;
}
.hud-bar[data-v-e9a675ea] {
  height: 12px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.12);
}
.hud-bar__fill[data-v-e9a675ea] {
  height: 100%;
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  transition: width 0.3s ease;
  position: relative;
}
.hud-bar__text[data-v-e9a675ea] {
  position: absolute;
  left: 8px;
  top: -2px;
  font-size: 0.75rem;
}
canvas[data-v-e9a675ea] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
}
.winner-overlay[data-v-e9a675ea] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  z-index: 9999;
  transition: opacity 0.8s ease;
  overflow: hidden;
  text-align: center;
}
.trophy[data-v-e9a675ea] {
  font-size: 120px;
  animation: spin-e9a675ea 3s infinite linear,bounce-e9a675ea 1.5s infinite ease-in-out;
  transform-origin: center;
}
.victory-text[data-v-e9a675ea] {
  color: gold;
  font-size: 48px;
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.8);
  margin-top: 20px;
  animation: pulse-e9a675ea 2s infinite;
}
.coin-container[data-v-e9a675ea] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
}
.coin[data-v-e9a675ea] {
  font-size: 36px;
  margin: 8px;
  opacity: 0;
  animation: coinPop-e9a675ea 0.6s ease forwards;
}
.reward-text[data-v-e9a675ea] {
  margin-top: 12px;
}
.next-actions[data-v-e9a675ea] {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  animation: fadeIn-e9a675ea 1s ease forwards;
  animation-delay: 0.5s;
  gap: 12px;
}
.next-actions a.btn[data-v-e9a675ea] {
  min-width: 220px;
  font-size: 18px;
  border-radius: 10px;
  padding: 10px 20px;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
  transition: all 0.2s ease;
}
.next-actions a.btn[data-v-e9a675ea]:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.4);
}
@keyframes spin-e9a675ea {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes bounce-e9a675ea {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-20px);
}
}
@keyframes pulse-e9a675ea {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.7;
    transform: scale(1.1);
}
}
@keyframes coinPop-e9a675ea {
0% {
    transform: scale(0) translateY(20px);
    opacity: 0;
}
80% {
    transform: scale(1.1) translateY(-10px);
    opacity: 1;
}
100% {
    transform: scale(1) translateY(0);
    opacity: 1;
}
}
@keyframes fadeIn-e9a675ea {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

.profile-page[data-v-01897acc] {
    font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
    color: #e0f2fe;
}
.profile-page h1[data-v-01897acc],
.profile-page h2[data-v-01897acc] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.card-title[data-v-01897acc] {
    font-weight: 600;
}
.scale-text[data-v-01897acc] {
    font-size: 1.0rem;
    white-space: nowrap;
}
.nav-tabs .nav-link.active[data-v-01897acc] {
    background: linear-gradient(135deg, #22d3ee, #7c3aed);
    color: #0b0d1b;
    font-weight: bold;
}

.settings-page[data-v-d172444a] {
    font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
    color: #e0f2fe;
}
.settings-page h1[data-v-d172444a] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.button-container[data-v-d172444a] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.button-container a[data-v-d172444a] {
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.75);
    border: 1px solid rgba(129, 140, 248, 0.5);
    color: #c7d2fe;
    text-decoration: none;
    font-weight: 700;
}
.button-container a[data-v-d172444a]:hover {
    border-color: rgba(34, 211, 238, 0.6);
    color: #e0f2fe;
}
:root {
  --baklava-control-color-primary: #e28b46;
  --baklava-control-color-error: #d00000;
  --baklava-control-color-background: #2c3748;
  --baklava-control-color-foreground: white;
  --baklava-control-color-hover: #455670;
  --baklava-control-color-active: #556986;
  --baklava-control-color-disabled-foreground: #666c75;
  --baklava-control-border-radius: 3px;
  --baklava-sidebar-color-background: #1b202c;
  --baklava-sidebar-color-foreground: white;
  --baklava-node-color-background: #1b202c;
  --baklava-node-color-foreground: white;
  --baklava-node-color-hover: #e28c4677;
  --baklava-node-color-selected: var(--baklava-control-color-primary);
  --baklava-node-color-resize-handle: var(--baklava-control-color-background);
  --baklava-node-title-color-background: #151a24;
  --baklava-node-title-color-foreground: white;
  --baklava-group-node-title-color-background: #215636;
  --baklava-group-node-title-color-foreground: white;
  --baklava-node-interface-port-color: white;
  --baklava-node-interface-port-tooltip-color-foreground: var(--baklava-control-color-primary);
  --baklava-node-interface-port-tooltip-color-background: var(--baklava-editor-background-pattern-black);
  --baklava-node-border-radius: 6px;
  --baklava-color-connection-default: #737f96;
  --baklava-color-connection-allowed: #48bc79;
  --baklava-color-connection-forbidden: #bc4848;
  --baklava-editor-background-pattern-default: #202b3c;
  --baklava-editor-background-pattern-line: #263140;
  --baklava-editor-background-pattern-black: #263140;
  --baklava-context-menu-background: #1b202c;
  --baklava-context-menu-shadow: 0 0 8px rgba(0, 0, 0, 0.65);
  --baklava-toolbar-background: #1b202caa;
  --baklava-toolbar-foreground: white;
  --baklava-node-palette-background: #1b202caa;
  --baklava-node-palette-foreground: white;
  --baklava-selectionbox-color-border: var(--baklava-node-color-background);
  --baklava-selectionbox-color-background: var(--baklava-node-color-hover);
  --baklava-visual-transition: 0.1s linear;
}

.baklava-button {
  background-color: var(--baklava-control-color-background);
  color: var(--baklava-control-color-foreground);
  transition: background-color var(--baklava-visual-transition);
  border: none;
  padding: 0.45em 0.35em;
  border-radius: var(--baklava-control-border-radius);
  font-size: inherit;
  cursor: pointer;
  overflow-x: hidden;
}
.baklava-button:hover {
  background-color: var(--baklava-control-color-hover);
}
.baklava-button:active {
  background-color: var(--baklava-control-color-primary);
}
.baklava-button.--block {
  width: 100%;
}

.baklava-checkbox {
  display: flex;
  padding: 0.35em 0;
  cursor: pointer;
  overflow-x: hidden;
  align-items: center;
}
.baklava-checkbox .__checkmark-container {
  display: flex;
  background-color: var(--baklava-control-color-background);
  border-radius: var(--baklava-control-border-radius);
  transition: background-color var(--baklava-visual-transition);
  width: 18px;
  height: 18px;
}
.baklava-checkbox:hover .__checkmark-container {
  background-color: var(--baklava-control-color-hover);
}
.baklava-checkbox:active .__checkmark-container {
  background-color: var(--baklava-control-color-active);
}
.baklava-checkbox .__checkmark {
  stroke-dasharray: 15;
  stroke-dashoffset: 15;
  stroke: var(--baklava-control-color-foreground);
  stroke-width: 2px;
  fill: none;
  transition: stroke-dashoffset var(--baklava-visual-transition);
}
.baklava-checkbox.--checked .__checkmark {
  stroke-dashoffset: 0;
}
.baklava-checkbox.--checked .__checkmark-container {
  background-color: var(--baklava-control-color-primary);
}
.baklava-checkbox .__label {
  margin-left: 0.5rem;
}

.baklava-context-menu {
  color: var(--baklava-control-color-foreground);
  position: absolute;
  display: inline-block;
  z-index: 100;
  background-color: var(--baklava-context-menu-background);
  box-shadow: var(--baklava-context-menu-shadow);
  border-radius: 0 0 var(--baklava-control-border-radius) var(--baklava-control-border-radius);
  min-width: 6rem;
  width: max-content;
}
.baklava-context-menu > .item {
  display: flex;
  align-items: center;
  padding: 0.35em 1em;
  transition: background 0.05s linear;
  position: relative;
}
.baklava-context-menu > .item > .__label {
  flex: 1 1 auto;
}
.baklava-context-menu > .item > .__submenu-icon {
  margin-left: 0.75rem;
}
.baklava-context-menu > .item.--disabled {
  color: var(--baklava-control-color-hover);
}
.baklava-context-menu > .item:not(.--header):not(.--active):not(.--disabled):hover {
  background: var(--baklava-control-color-primary);
}
.baklava-context-menu > .item.--active {
  background: var(--baklava-control-color-primary);
}
.baklava-context-menu.--nested {
  left: 100%;
  top: 0;
}
.baklava-context-menu.--flipped-x.--nested {
  left: unset;
  right: 100%;
}
.baklava-context-menu.--flipped-y.--nested {
  top: unset;
  bottom: 0;
}
.baklava-context-menu > .divider {
  margin: 0.35em 0;
  height: 1px;
  background-color: var(--baklava-control-color-hover);
}

.baklava-icon {
  display: block;
  height: 100%;
}
.baklava-icon.--clickable {
  cursor: pointer;
  transition: color var(--baklava-visual-transition);
}
.baklava-icon.--clickable:hover {
  color: var(--baklava-control-color-primary);
}

.baklava-input {
  background-color: var(--baklava-control-color-background);
  color: var(--baklava-control-color-foreground);
  caret-color: var(--baklava-control-color-primary);
  border: none;
  border-radius: var(--baklava-control-border-radius);
  padding: 0.45em 0.75em;
  width: 100%;
  transition: background-color var(--baklava-visual-transition);
  font-size: inherit;
  font: inherit;
}
.baklava-input:hover {
  background-color: var(--baklava-control-color-hover);
}
.baklava-input:active {
  background-color: var(--baklava-control-color-active);
}
.baklava-input:focus-visible {
  outline: 1px solid var(--baklava-control-color-primary);
}
.baklava-input[type=number]::-webkit-inner-spin-button, .baklava-input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.baklava-input.--invalid {
  box-shadow: 0 0 2px 2px var(--baklava-control-color-error);
}

.baklava-num-input {
  background: var(--baklava-control-color-background);
  color: var(--baklava-control-color-foreground);
  border-radius: var(--baklava-control-border-radius);
  width: 100%;
  display: grid;
  grid-template-columns: 20px 1fr 20px;
}
.baklava-num-input > .__button {
  display: flex;
  flex: 0 0 auto;
  width: 20px;
  justify-content: center;
  align-items: center;
  transition: background var(--baklava-visual-transition);
  cursor: pointer;
}
.baklava-num-input > .__button:hover {
  background-color: var(--baklava-control-color-hover);
}
.baklava-num-input > .__button:active {
  background-color: var(--baklava-control-color-active);
}
.baklava-num-input > .__button.--dec {
  grid-area: 1/1/span 1/span 1;
}
.baklava-num-input > .__button.--dec > svg {
  transform: rotateZ(90deg);
}
.baklava-num-input > .__button.--inc {
  grid-area: 1/3/span 1/span 1;
}
.baklava-num-input > .__button.--inc > svg {
  transform: rotateZ(-90deg);
}
.baklava-num-input > .__button path {
  stroke: var(--baklava-control-color-foreground);
  fill: var(--baklava-control-color-foreground);
}
.baklava-num-input > .__content {
  grid-area: 1/2/span 1/span 1;
  display: inline-flex;
  cursor: pointer;
  max-width: 100%;
  min-width: 0;
  align-items: center;
  transition: background-color var(--baklava-visual-transition);
}
.baklava-num-input > .__content:hover {
  background-color: var(--baklava-control-color-hover);
}
.baklava-num-input > .__content:active {
  background-color: var(--baklava-control-color-active);
}
.baklava-num-input > .__content > .__label, .baklava-num-input > .__content > .__value {
  margin: 0.35em 0;
  padding: 0 0.5em;
}
.baklava-num-input > .__content > .__label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.baklava-num-input > .__content > .__value {
  text-align: right;
}
.baklava-num-input > .__content > input {
  background-color: var(--baklava-control-color-background);
  color: var(--baklava-control-color-foreground);
  caret-color: var(--baklava-control-color-primary);
  padding: 0.35em;
  width: 100%;
}

.baklava-select {
  width: 100%;
  position: relative;
  color: var(--baklava-control-color-foreground);
}
.baklava-select.--open > .__selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.baklava-select.--open > .__selected > .__icon {
  transform: rotate(180deg);
}
.baklava-select > .__selected {
  background-color: var(--baklava-control-color-background);
  padding: 0.35em 0.75em;
  border-radius: var(--baklava-control-border-radius);
  transition: background var(--baklava-visual-transition);
  min-height: 1.7em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.baklava-select > .__selected:hover {
  background: var(--baklava-control-color-hover);
}
.baklava-select > .__selected:active {
  background: var(--baklava-control-color-active);
}
.baklava-select > .__selected > .__text {
  flex: 1 0 auto;
  flex-basis: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.baklava-select > .__selected > .__icon {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.25s ease;
  width: 18px;
  height: 18px;
}
.baklava-select > .__selected > .__icon path {
  stroke: var(--baklava-control-color-foreground);
  fill: var(--baklava-control-color-foreground);
}
.baklava-select > .__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: var(--baklava-context-menu-background);
  filter: drop-shadow(0 0 4px black);
  border-radius: 0 0 var(--baklava-control-border-radius) var(--baklava-control-border-radius);
  max-height: 15em;
  overflow-y: scroll;
}
.baklava-select > .__dropdown::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.baklava-select > .__dropdown > .item {
  padding: 0.35em;
  padding-left: 1em;
  transition: background 0.05s linear;
}
.baklava-select > .__dropdown > .item:not(.--header):not(.--active) {
  cursor: pointer;
}
.baklava-select > .__dropdown > .item:not(.--header):not(.--active):hover {
  background: var(--baklava-control-color-hover);
}
.baklava-select > .__dropdown > .item.--active {
  background: var(--baklava-control-color-primary);
}
.baklava-select > .__dropdown > .item.--header {
  color: var(--baklava-control-color-disabled-foreground);
  border-bottom: 1px solid var(--baklava-control-color-disabled-foreground);
  padding: 0.5em 0.35em;
  padding-left: 1em;
}

.baklava-slider {
  background: var(--baklava-control-color-background);
  color: var(--baklava-control-color-foreground);
  border-radius: var(--baklava-control-border-radius);
  position: relative;
  cursor: pointer;
}
.baklava-slider > .__content {
  display: flex;
  position: relative;
}
.baklava-slider > .__content > .__label, .baklava-slider > .__content > .__value {
  flex: 1 1 auto;
  margin: 0.35em 0;
  padding: 0 0.5em;
  text-overflow: ellipsis;
}
.baklava-slider > .__content > .__value {
  text-align: right;
}
.baklava-slider > .__content > input {
  background-color: var(--baklava-control-color-background);
  color: var(--baklava-control-color-foreground);
  caret-color: var(--baklava-control-color-primary);
  padding: 0.35em;
  width: 100%;
}
.baklava-slider > .__slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: var(--baklava-control-color-primary);
  border-radius: var(--baklava-control-border-radius);
}

.baklava-connection {
  stroke: var(--baklava-color-connection-default);
  stroke-width: 2px;
  fill: none;
}
.baklava-connection.--temporary {
  stroke-width: 4px;
  stroke-dasharray: 5 5;
  stroke-dashoffset: 0;
  animation: dash 1s linear infinite;
  transform: translateY(-1px);
}
@keyframes dash {
  to {
    stroke-dashoffset: 20;
  }
}
.baklava-connection.--allowed {
  stroke: var(--baklava-color-connection-allowed);
}
.baklava-connection.--forbidden {
  stroke: var(--baklava-color-connection-forbidden);
}

.baklava-minimap {
  position: absolute;
  height: 15%;
  width: 15%;
  min-width: 150px;
  max-width: 90%;
  top: 20px;
  right: 20px;
  z-index: 900;
}

.baklava-editor {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  outline: none !important;
  font-family: "Lato", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 15px;
  touch-action: none;
}
.baklava-editor .background {
  background-color: var(--baklava-editor-background-pattern-default);
  background-image: linear-gradient(var(--baklava-editor-background-pattern-black) 2px, transparent 2px), linear-gradient(90deg, var(--baklava-editor-background-pattern-black) 2px, transparent 2px), linear-gradient(var(--baklava-editor-background-pattern-line) 1px, transparent 1px), linear-gradient(90deg, var(--baklava-editor-background-pattern-line) 1px, transparent 1px);
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  pointer-events: none !important;
}
.baklava-editor .selection-box {
  position: absolute;
  border: 1px solid var(--baklava-selectionbox-color-border);
  background-color: var(--baklava-selectionbox-color-background);
  pointer-events: none;
  opacity: 0.5;
}
.baklava-editor.--start-selection-box {
  cursor: crosshair;
}
.baklava-editor *:not(input):not(textarea) {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  touch-action: none;
}
.baklava-editor .input-user-select {
  user-select: auto;
  -moz-user-select: auto;
  -webkit-user-select: auto;
}
.baklava-editor *, .baklava-editor *::after, .baklava-editor *::before {
  box-sizing: border-box;
}
.baklava-editor.--temporary-connection {
  cursor: crosshair;
}
.baklava-editor .connections-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none !important;
}
.baklava-editor .node-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.baklava-editor .node-container * {
  pointer-events: all;
}

.baklava-ignore-mouse * {
  pointer-events: none !important;
}

.baklava-ignore-mouse .__port {
  pointer-events: all !important;
}

.baklava-node-interface {
  padding: 0.25em 0;
  position: relative;
}
.baklava-node-interface .__port {
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--baklava-node-interface-port-color);
  border-radius: 50%;
  top: calc(50% - 5px);
  cursor: crosshair;
}
.baklava-node-interface .__port.--selected {
  outline: 2px var(--baklava-color-connection-default) solid;
  outline-offset: 4px;
}
.baklava-node-interface.--input {
  text-align: left;
  padding-left: 0.5em;
}
.baklava-node-interface.--input .__port {
  left: -1.1em;
}
.baklava-node-interface.--output {
  text-align: right;
  padding-right: 0.5em;
}
.baklava-node-interface.--output .__port {
  right: -1.1em;
}
.baklava-node-interface .__tooltip {
  position: absolute;
  left: 5px;
  top: 15px;
  transform: translate(-50%, 0%);
  background: var(--baklava-node-interface-port-tooltip-color-background);
  color: var(--baklava-node-interface-port-tooltip-color-foreground);
  padding: 0.25em 0.5em;
  text-align: center;
  z-index: 2;
}

.baklava-node-palette {
  position: absolute;
  left: 0;
  top: 60px;
  width: 250px;
  height: calc(100% - 60px);
  z-index: 3;
  padding: 2rem;
  overflow-y: auto;
  background: var(--baklava-node-palette-background);
  color: var(--baklava-node-palette-foreground);
}
.baklava-node-palette h1 {
  margin-top: 2rem;
}

.baklava-node.--palette {
  position: unset;
  margin: 1rem 0;
  cursor: grab;
}
.baklava-node.--palette:first-child {
  margin-top: 0;
}
.baklava-node.--palette .__title {
  padding: 0.5rem;
  border-radius: var(--baklava-node-border-radius);
}

.baklava-dragged-node {
  position: absolute;
  width: calc(250px - 4rem);
  height: 40px;
  z-index: 4;
  pointer-events: none;
}

.baklava-node {
  background: var(--baklava-node-color-background);
  color: var(--baklava-node-color-foreground);
  border: 1px solid transparent;
  border-radius: var(--baklava-node-border-radius);
  position: absolute;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  transition: border-color var(--baklava-visual-transition), box-shadow var(--baklava-visual-transition);
  width: var(--width);
}
.baklava-node:hover {
  border-color: var(--baklava-node-color-hover);
}
.baklava-node:hover .__resize-handle::after {
  opacity: 1;
}
.baklava-node.--selected {
  z-index: 5;
  border-color: var(--baklava-node-color-selected);
}
.baklava-node.--dragging {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
}
.baklava-node.--dragging > .__title {
  cursor: grabbing;
}
.baklava-node > .__title {
  display: flex;
  background: var(--baklava-node-title-color-background);
  color: var(--baklava-node-title-color-foreground);
  padding: 0.4em 0.75em;
  border-radius: var(--baklava-node-border-radius) var(--baklava-node-border-radius) 0 0;
  cursor: grab;
}
.baklava-node > .__title > *:first-child {
  flex-grow: 1;
}
.baklava-node > .__title > .__title-label {
  pointer-events: none;
}
.baklava-node > .__title > .__menu {
  position: relative;
  cursor: initial;
}
.baklava-node[data-node-type^=__baklava_] > .__title {
  background: var(--baklava-group-node-title-color-background);
  color: var(--baklava-group-node-title-color-foreground);
}
.baklava-node > .__content {
  padding: 0.75em;
}
.baklava-node > .__content.--reverse-y {
  display: flex;
  flex-direction: column-reverse;
}
.baklava-node > .__content > div > div {
  margin: 0.5em 0;
}
.baklava-node.--two-column > .__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: ". ." ". .";
}
.baklava-node.--two-column > .__content > .__inputs {
  grid-row: 1;
  grid-column: 1;
}
.baklava-node.--two-column > .__content > .__outputs {
  grid-row: 1;
  grid-column: 2;
}
.baklava-node .__resize-handle {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1rem;
  height: 1rem;
  transform: translateX(50%);
  cursor: ew-resize;
}
.baklava-node .__resize-handle::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -0.5rem;
  width: 1rem;
  height: 1rem;
  opacity: 0;
  border-bottom-right-radius: var(--baklava-node-border-radius);
  transition: opacity var(--baklava-visual-transition);
  background: linear-gradient(-45deg, transparent 10%, var(--baklava-node-color-resize-handle) 10%, var(--baklava-node-color-resize-handle) 15%, transparent 15%, transparent 30%, var(--baklava-node-color-resize-handle) 30%, var(--baklava-node-color-resize-handle) 35%, transparent 35%, transparent 50%, var(--baklava-node-color-resize-handle) 50%, var(--baklava-node-color-resize-handle) 55%, transparent 55%);
}

.baklava-sidebar {
  position: absolute;
  height: 100%;
  width: 25%;
  min-width: 300px;
  max-width: 90%;
  top: 0;
  right: 0;
  z-index: 1000;
  background-color: var(--baklava-sidebar-color-background);
  color: var(--baklava-sidebar-color-foreground);
  box-shadow: none;
  overflow-x: hidden;
  padding: 1em;
  transform: translateX(100%);
  transition: transform 0.5s;
  display: flex;
  flex-direction: column;
}
.baklava-sidebar.--open {
  transform: translateX(0);
  box-shadow: 0px 0px 15px black;
}
.baklava-sidebar .__resizer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  cursor: col-resize;
}
.baklava-sidebar .__header {
  display: flex;
  align-items: center;
}
.baklava-sidebar .__header .__node-name {
  margin-left: 0.5rem;
}
.baklava-sidebar .__close {
  font-size: 2em;
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
}
.baklava-sidebar .__interface {
  margin: 0.5em 0;
}

.baklava-toolbar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  z-index: 3;
  padding: 0.5rem 2rem;
  background: var(--baklava-toolbar-background);
  color: var(--baklava-toolbar-foreground);
  display: flex;
  align-items: center;
}

.baklava-toolbar-entry {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.baklava-toolbar-button {
  color: var(--baklava-toolbar-foreground);
  background: none;
  border: none;
  transition: color var(--baklava-visual-transition);
}
.baklava-toolbar-button:not([disabled]) {
  cursor: pointer;
}
.baklava-toolbar-button:hover:not([disabled]) {
  color: var(--baklava-control-color-primary);
}
.baklava-toolbar-button[disabled] {
  color: var(--baklava-control-color-disabled-foreground);
}

.slide-fade-enter-active {
  transition: all 0.1s ease-out;
}

.slide-fade-leave-active {
  transition: all 0.1s ease-out;
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translateY(5px);
  opacity: 0;
}

.fade-enter-active {
  transition: opacity 0.1s ease-out !important;
}

.fade-leave-active {
  transition: opacity 0.1s ease-out !important;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.techtree-page {
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
  background:
    radial-gradient(circle at 15% 10%, rgba(34, 211, 238, 0.2), transparent 40%),
    radial-gradient(circle at 85% 0%, rgba(236, 72, 153, 0.2), transparent 35%),
    linear-gradient(160deg, #0b0d1b 0%, #10172b 45%, #0b1222 100%);
}
.toolbar {
  padding: 12px 16px;
}
.toolbar-btn {
  border: none;
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 700;
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  box-shadow: 0 10px 20px rgba(34, 211, 238, 0.3);
}
.baklava-node[data-node-type="RootNode"] {
  background-color: rgb(126, 49, 29);
}
.baklava-node[data-node-type="QuestNode"] {
  background-color: rgb(29, 126, 121);
}
.baklava-node[data-node-type="MonserPropertyNode"] {
  background-color: rgb(36, 117, 29);
}
.baklava-node {
  background: #283042;
}
.baklava-node-palette {
  display: none;
}

.shop-wrapper[data-v-1f4e34e6] {
  max-width: 980px;
  margin: 0 auto;
  padding: 16px;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.tabs[data-v-1f4e34e6] {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.tab[data-v-1f4e34e6] {
  padding: 8px 14px;
  border: 1px solid rgba(129, 140, 248, 0.4);
  background: rgba(15, 23, 42, 0.7);
  color: #c7d2fe;
  cursor: pointer;
  border-radius: 999px;
}
.tab.active[data-v-1f4e34e6] {
  background: linear-gradient(135deg, #22d3ee, #7c3aed);
  border-color: transparent;
  color: #0b0d1b;
}
.packages[data-v-1f4e34e6] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
  margin: 16px 0;
}
.card[data-v-1f4e34e6] {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 16px;
  padding: 12px;
  cursor: pointer;
  transition: transform .08s ease, border-color .12s ease;
}
.card[data-v-1f4e34e6]:hover { transform: translateY(-2px); border-color: rgba(34, 211, 238, 0.6);
}
.card.selected[data-v-1f4e34e6] { border-color: #22d3ee; box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.35) inset;
}
.card-title[data-v-1f4e34e6] { font-weight: 700; color: #e0f2fe;
}
.card-subtitle[data-v-1f4e34e6] { color: #c7d2fe; font-size: 14px; margin-top: 4px;
}
.card-body[data-v-1f4e34e6] { color: #a5b4fc; font-size: 12px; margin-top: 6px;
}
.action-area[data-v-1f4e34e6] { margin-top: 16px;
}
.btn[data-v-1f4e34e6] {
  padding: 10px 14px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
}
.btn-primary[data-v-1f4e34e6] { background: linear-gradient(135deg, #22d3ee, #4f46e5); color: #0b0d1b;
}
.btn-secondary[data-v-1f4e34e6] { background: linear-gradient(135deg, #f472b6, #22d3ee); color: #0b0d1b;
}
.btn-outline[data-v-1f4e34e6] { background: transparent; border: 1px solid rgba(129, 140, 248, 0.5); color: #c7d2fe;
}
.btn-sm[data-v-1f4e34e6] { font-size: 12px; padding: 6px 10px;
}
.text-danger[data-v-1f4e34e6] { color: #fda4af;
}
.text-success[data-v-1f4e34e6] { color: #a7f3d0;
}
.muted[data-v-1f4e34e6] { color: #c7d2fe;
}
.btc-invoice[data-v-1f4e34e6] {
  margin-top: 20px;
  padding: 16px;
  border: 1px solid rgba(129, 140, 248, 0.4);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.75);
}
.invoice-grid[data-v-1f4e34e6] {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 12px;
  align-items: start;
}
.label[data-v-1f4e34e6] { color: #c7d2fe; font-size: 12px;
}
.mono[data-v-1f4e34e6] { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; color: #e0f2fe; word-break: break-all;
}
.qr[data-v-1f4e34e6] svg { width: 160px; height: 160px; background: white; padding: 4px; border-radius: 6px;
}

.quests-page[data-v-8d9d61ff] {
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.quests-page h2[data-v-8d9d61ff] {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.badge[data-v-8d9d61ff] {
  font-size: 0.8rem;
  font-weight: 600;
  box-shadow: 0 0 8px rgba(34, 211, 238, 0.25);
}
.card[data-v-8d9d61ff] {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card[data-v-8d9d61ff]:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 16px rgba(34, 211, 238, 0.25);
}
.progress-bar[data-v-8d9d61ff] {
  background: linear-gradient(135deg, #34d399, #22d3ee);
}

.building-page[data-v-0c6e2e4b] {
  padding: 18px 16px 28px;
  color: #eef2ff;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  background:
    radial-gradient(circle at 20% 20%, rgba(88, 70, 255, 0.35), transparent 45%),
    radial-gradient(circle at 80% 10%, rgba(0, 255, 199, 0.25), transparent 40%),
    linear-gradient(160deg, #0b0d1b 0%, #10162b 40%, #0b1222 100%);
  background-color: #0b0d1b;
  min-height: 100%;
}
.building-page__header[data-v-0c6e2e4b] {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}
.eyebrow[data-v-0c6e2e4b] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.subtitle[data-v-0c6e2e4b] {
  margin: 4px 0 0;
  color: #c7d2fe;
}
.stat-row[data-v-0c6e2e4b] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.stat-pill[data-v-0c6e2e4b] {
  background: rgba(15, 23, 42, 0.7);
  color: #a7f3d0;
  border: 1px solid rgba(45, 212, 191, 0.5);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 0.8rem;
  font-weight: 700;
}
.refresh-btn[data-v-0c6e2e4b] {
  justify-self: start;
  background: linear-gradient(135deg, #22d3ee, #a855f7);
  border: none;
  color: #0b0d1b;
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(34, 211, 238, 0.25);
}
.refresh-btn[data-v-0c6e2e4b]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.loading[data-v-0c6e2e4b] {
  padding: 18px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(56, 189, 248, 0.2);
  border-radius: 16px;
}
.empty-state[data-v-0c6e2e4b] {
  padding: 24px 18px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px dashed rgba(34, 211, 238, 0.4);
  border-radius: 18px;
  text-align: center;
  color: #e2e8f0;
}
.empty-title[data-v-0c6e2e4b] {
  margin: 0 0 6px;
  font-size: 1.1rem;
  font-weight: 700;
}
.empty-subtitle[data-v-0c6e2e4b] {
  margin: 0 0 16px;
  color: #c7d2fe;
}
.cta-link[data-v-0c6e2e4b] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration: none;
  background: linear-gradient(135deg, #34d399, #22d3ee);
  color: #0b0d1b;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(34, 211, 238, 0.25);
}
.building-grid[data-v-0c6e2e4b] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.building-card[data-v-0c6e2e4b] {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.4));
  border: 1px solid rgba(99, 102, 241, 0.35);
  text-decoration: none;
  color: inherit;
  box-shadow: 0 16px 30px rgba(5, 8, 20, 0.6);
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}
.building-card[data-v-0c6e2e4b]:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 36px rgba(5, 8, 20, 0.75);
  border-color: rgba(56, 189, 248, 0.6);
}
.building-card__image[data-v-0c6e2e4b] {
  height: 150px;
  position: relative;
  background: linear-gradient(160deg, #0b0d1b, #1e1b4b 60%, #0f172a);
  display: flex;
  align-items: center;
  justify-content: center;
}
.building-card__image img[data-v-0c6e2e4b] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.building-card__placeholder[data-v-0c6e2e4b] {
  font-size: 2.1rem;
  color: #a5b4fc;
}
.building-card__body[data-v-0c6e2e4b] {
  padding: 14px 16px 18px;
}
.building-card__title-row[data-v-0c6e2e4b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.building-card__title-row h3[data-v-0c6e2e4b] {
  margin: 0;
  font-size: 1.1rem;
}
.pill[data-v-0c6e2e4b] {
  background: rgba(88, 80, 255, 0.2);
  color: #e0e7ff;
  border: 1px solid rgba(129, 140, 248, 0.6);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 0.8rem;
  font-weight: 700;
}
.muted[data-v-0c6e2e4b] {
  margin: 0;
  color: #cbd5f5;
}
.progress-block[data-v-0c6e2e4b] {
  margin: 8px 0 12px;
}
.progress-label[data-v-0c6e2e4b] {
  display: grid;
  gap: 4px;
  color: #e2e8f0;
  font-size: 0.9rem;
}
.eta[data-v-0c6e2e4b] {
  color: #9aa4d1;
  font-size: 0.85rem;
}
.progress-bar[data-v-0c6e2e4b] {
  position: relative;
  height: 9px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.7);
  overflow: hidden;
  margin-top: 6px;
}
.progress-fill[data-v-0c6e2e4b] {
  height: 100%;
  background: linear-gradient(135deg, #22d3ee, #a855f7);
  transition: width 0.2s ease;
}
.skip-btn[data-v-0c6e2e4b] {
  margin-top: 10px;
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-radius: 999px;
  font-weight: 700;
  background: linear-gradient(135deg, #facc15, #f97316);
  color: #0b0d1b;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.3);
}
.skip-btn[data-v-0c6e2e4b]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.small[data-v-0c6e2e4b] {
  font-size: 0.85rem;
}
.cta-row[data-v-0c6e2e4b] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-weight: 700;
  color: #7dd3fc;
}
.arrow[data-v-0c6e2e4b] {
  transition: transform 120ms ease;
}
.building-card:hover .arrow[data-v-0c6e2e4b] {
  transform: translateX(4px);
}
@media (min-width: 1100px) {
.building-page[data-v-0c6e2e4b] {
    padding: 32px 48px 40px;
}
.building-page__header[data-v-0c6e2e4b] {
    grid-template-columns: 1fr auto;
    align-items: center;
}
.refresh-btn[data-v-0c6e2e4b] {
    justify-self: end;
}
.building-grid[data-v-0c6e2e4b] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 18px;
}
.building-card__image[data-v-0c6e2e4b] {
    height: 170px;
}
}
@media (min-width: 700px) and (max-width: 1099px) {
.building-page[data-v-0c6e2e4b] {
    padding: 24px 28px 32px;
}
.building-page__header[data-v-0c6e2e4b] {
    grid-template-columns: 1fr auto;
    align-items: center;
}
.refresh-btn[data-v-0c6e2e4b] {
    justify-self: end;
}
.building-grid[data-v-0c6e2e4b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
}

/* ====== Page layout ====== */
.veg-page[data-v-96095bea] {
  min-height: 100vh;
  padding: 18px 16px 28px;
  color: #eef2ff;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  background:
    radial-gradient(circle at 15% 10%, rgba(52, 211, 153, 0.3), transparent 40%),
    radial-gradient(circle at 85% 0%, rgba(56, 189, 248, 0.25), transparent 35%),
    linear-gradient(160deg, #0b0d1b 0%, #111827 45%, #0b1222 100%);
  background-color: #0b0d1b;
}

/* ====== Vegetable Patch Card ====== */
.veg-card__seed--selected[data-v-96095bea] {
  border-color: #22d3ee !important;
  box-shadow: 0 0 12px rgba(34, 211, 238, 0.8) !important;
}
.veg-card[data-v-96095bea] {
  width: 100%;
  max-width: 560px;
  margin: 0 auto 18px;
  border-radius: 26px;
  padding: 18px 18px 22px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.6));
  border: 1px solid rgba(56, 189, 248, 0.35);
  box-shadow: 0 18px 40px rgba(5, 8, 20, 0.65);
  color: #f8fafc;
}

/* Header */
.veg-card__header[data-v-96095bea] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
.eyebrow[data-v-96095bea] {
  margin: 0 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.veg-card__header h2[data-v-96095bea] {
  margin: 0;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.veg-card__meta[data-v-96095bea] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.meta-pill[data-v-96095bea] {
  background: rgba(15, 23, 42, 0.8);
  color: #a7f3d0;
  border: 1px solid rgba(45, 212, 191, 0.5);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 0.8rem;
  font-weight: 700;
}
.back-btn[data-v-96095bea] {
  color: #a5b4fc;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid rgba(165, 180, 252, 0.6);
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(79, 70, 229, 0.12);
  transition: all 120ms ease;
}
.back-btn[data-v-96095bea]:hover {
  border-color: rgba(165, 180, 252, 0.9);
  transform: translateY(-1px);
}
.veg-card__upgrade[data-v-96095bea] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 14px;
  margin-bottom: 14px;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(56, 189, 248, 0.2);
}
.veg-card__upgrade-info[data-v-96095bea] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.muted[data-v-96095bea] {
  margin: 0;
  color: #c7d2fe;
}
.small[data-v-96095bea] {
  font-size: 0.85rem;
}
.upgrade-progress[data-v-96095bea] {
  width: 100%;
  height: 8px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  overflow: hidden;
  margin-top: 6px;
}
.upgrade-progress__fill[data-v-96095bea] {
  height: 100%;
  background: linear-gradient(135deg, #34d399, #22d3ee);
  width: 0%;
  border-radius: 999px;
  transition: width 0.3s ease;
}
.veg-card__upgrade-btn[data-v-96095bea] {
  background: linear-gradient(135deg, #34d399, #22d3ee);
  color: #0b0d1b;
  border: none;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 800;
  cursor: pointer;
  width: 100%;
  min-width: 140px;
  box-shadow: 0 10px 20px rgba(34, 211, 238, 0.25);
  transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}
.veg-card__upgrade-btn[data-v-96095bea]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.veg-card__upgrade-btn[data-v-96095bea]:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(34, 197, 94, 0.4);
}

/* ====== Patch grid ====== */
.veg-card__grid[data-v-96095bea] {
  background: radial-gradient(circle at top, rgba(34, 197, 94, 0.25), rgba(15, 23, 42, 0.9));
  border-radius: 20px;
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
  box-shadow: inset 0 0 12px rgba(5, 8, 20, 0.7);
}
.veg-card__plot[data-v-96095bea] {
  position: relative;
  border-radius: 14px;
  background: #1f2937;
  background-image: radial-gradient(circle at 30% 20%, #0f172a 0, #1f2937 55%);
  padding: 6px;
  cursor: pointer;
  transition: transform 0.08s ease, box-shadow 0.08s ease,
    border-color 0.08s ease, background 0.15s ease;
  border: 2px solid rgba(15, 23, 42, 0.6);
}
.veg-card__plot[data-v-96095bea]:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(15, 23, 42, 0.8);
  border-color: #38bdf8;
}
.veg-card__plot--filled[data-v-96095bea] {
  background-image: radial-gradient(circle at 50% 0, rgba(34, 211, 238, 0.7) 0, #111827 55%);
  border-color: rgba(56, 189, 248, 0.7);
}
.veg-card__plot-content[data-v-96095bea] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
  color: #f9fafb;
}
.veg-card__plant-icon[data-v-96095bea] {
  font-size: 1.6rem;
}
.veg-card__plant-name[data-v-96095bea] {
  font-size: 0.8rem;
}
.veg-card__plant-growth[data-v-96095bea] {
  font-size: 0.75rem;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.7);
}
.veg-card__plot-empty[data-v-96095bea] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  color: #a7f3d0;
  border-radius: 10px;
  border: 1px dashed rgba(45, 212, 191, 0.5);
}

/* ====== Seed inventory ====== */
.veg-card__seeds[data-v-96095bea] {
  margin-top: 10px;
}
.veg-card__seeds h3[data-v-96095bea] {
  margin: 0 0 6px;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #7dd3fc;
}
.veg-card__seed-list[data-v-96095bea] {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
}
.veg-card__seed[data-v-96095bea] {
  flex: 0 0 auto;
  min-width: 110px;
  border-radius: 14px;
  border: 1px solid rgba(99, 102, 241, 0.4);
  background: rgba(15, 23, 42, 0.9);
  padding: 6px 8px;
  color: #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  cursor: grab;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.8);
  transition: transform 0.08s ease, box-shadow 0.08s ease,
    border-color 0.08s ease, opacity 0.08s ease;
}
.veg-card__seed[data-v-96095bea]:active {
  cursor: grabbing;
}
.veg-card__seed[data-v-96095bea]:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.9);
  border-color: #22d3ee;
}
.veg-card__seed[draggable="false"][data-v-96095bea] {
  opacity: 0.45;
  cursor: not-allowed;
}
.veg-card__seed-icon[data-v-96095bea] {
  font-size: 1.4rem;
}
.veg-card__seed-name[data-v-96095bea] {
  font-size: 0.8rem;
}
.veg-card__seed-count[data-v-96095bea] {
  font-size: 0.8rem;
  font-weight: 600;
}

/* ====== Progress bar ====== */
.veg-card__progress[data-v-96095bea] {
  margin-top: 6px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
}
.veg-card__progress-bar[data-v-96095bea] {
  height: 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.6);
  overflow: hidden;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.veg-card__progress-fill[data-v-96095bea] {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #22d3ee, #a855f7);
  box-shadow: 0 0 10px rgba(34, 211, 238, 0.6);
  transition: width 0.25s ease;
}

/* Small screens */
@media (min-width: 1100px) {
.veg-page[data-v-96095bea] {
    padding: 32px 48px 40px;
}
.veg-card[data-v-96095bea] {
    max-width: 720px;
    padding: 24px 26px 28px;
}
.veg-card__grid[data-v-96095bea] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.veg-card__upgrade[data-v-96095bea] {
    flex-direction: row;
    align-items: center;
}
.veg-card__upgrade-btn[data-v-96095bea] {
    width: auto;
}
}
@media (min-width: 700px) and (max-width: 1099px) {
.veg-page[data-v-96095bea] {
    padding: 24px 28px 32px;
}
.veg-card[data-v-96095bea] {
    max-width: 640px;
}
.veg-card__grid[data-v-96095bea] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.plot-menu-overlay[data-v-96095bea] {
  position: fixed;
  inset: 0;
  background: rgba(8, 10, 20, 0.82);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 40;
  padding: 16px;
}
.plot-menu-card[data-v-96095bea] {
  width: 100%;
  max-width: 380px;
  border-radius: 22px;
  background: radial-gradient(circle at top, rgba(99, 102, 241, 0.2), #0b0d1b 60%);
  border: 1px solid rgba(56, 189, 248, 0.35);
  box-shadow: 0 18px 40px rgba(5, 8, 20, 0.8);
  color: #e5e7eb;
  padding: 14px 16px 16px;
}

/* Header */
.plot-menu-card__header[data-v-96095bea] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.plot-menu-card__title-group[data-v-96095bea] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.plot-menu-card__subtitle[data-v-96095bea] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.7;
}
.plot-menu-card__title[data-v-96095bea] {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
}
.plot-menu-card__close[data-v-96095bea] {
  border: none;
  background: transparent;
  color: #c7d2fe;
  font-size: 1rem;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: 999px;
  transition: background 0.1s ease, color 0.1s ease;
}
.plot-menu-card__close[data-v-96095bea]:hover {
  background: rgba(56, 189, 248, 0.15);
  color: #e2e8f0;
}

/* Body */
.plot-menu-card__body[data-v-96095bea] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.plot-menu-card__info[data-v-96095bea] {
  font-size: 0.85rem;
}
.plot-menu-card__growth[data-v-96095bea] {
  margin: 0 0 2px;
}
.plot-menu-card__status[data-v-96095bea] {
  margin: 0;
  opacity: 0.9;
}

/* Actions */
.plot-menu-card__actions[data-v-96095bea] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.plot-menu-btn[data-v-96095bea] {
  width: 100%;
  border-radius: 999px;
  border: none;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  color: #f9fafb;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.7);
  transition: transform 0.08s ease, box-shadow 0.08s ease, opacity 0.08s ease;
}
.plot-menu-btn__icon[data-v-96095bea] {
  font-size: 1.2rem;
}
.plot-menu-btn__text[data-v-96095bea] {
  flex: 1;
  text-align: left;
}

/* Button themes */
.plot-menu-btn--plant[data-v-96095bea] {
  background: linear-gradient(90deg, #34d399, #22d3ee);
}
.plot-menu-btn--water[data-v-96095bea] {
  background: linear-gradient(90deg, #38bdf8, #6366f1);
}
.plot-menu-btn--harvest[data-v-96095bea] {
  background: linear-gradient(90deg, #f97316, #ec4899);
}
.plot-menu-btn--clear[data-v-96095bea] {
  background: linear-gradient(90deg, #64748b, #1f2937);
}
.plot-menu-btn[data-v-96095bea]:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.9);
}
.plot-menu-btn[data-v-96095bea]:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.8);
}

.hospital-page[data-v-c18f1da7] {
  padding: 18px 16px 28px;
  color: #e5e7eb;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  background:
    radial-gradient(circle at 20% 10%, rgba(94, 234, 212, 0.28), transparent 45%),
    radial-gradient(circle at 85% 0%, rgba(125, 211, 252, 0.22), transparent 35%),
    linear-gradient(160deg, #0b0f1d 0%, #0f1b2b 45%, #0b1626 100%);
  background-color: #0b0d1b;
  min-height: 100vh;
}
.hospital-header[data-v-c18f1da7] {
  display: grid;
  gap: 18px;
  margin-bottom: 20px;
}
.hospital-header__intro[data-v-c18f1da7] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.eyebrow[data-v-c18f1da7] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #5eead4;
  font-size: 0.75rem;
}
.muted[data-v-c18f1da7] {
  color: #c7d2fe;
  margin: 4px 0 0;
}
.back-btn[data-v-c18f1da7] {
  color: #a5b4fc;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid rgba(165, 180, 252, 0.6);
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(79, 70, 229, 0.12);
  transition: all 120ms ease;
}
.back-btn[data-v-c18f1da7]:hover {
  border-color: rgba(165, 180, 252, 0.9);
  transform: translateY(-1px);
}
.hospital-header__highlights[data-v-c18f1da7] {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.highlight-card[data-v-c18f1da7] {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(13, 26, 38, 0.8);
  border: 1px solid rgba(94, 234, 212, 0.35);
  box-shadow: inset 0 0 12px rgba(94, 234, 212, 0.08);
}
.highlight-card__label[data-v-c18f1da7] {
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #99f6e4;
}
.highlight-card__value[data-v-c18f1da7] {
  font-size: 1rem;
  font-weight: 800;
  margin-top: 6px;
  color: #e0f2fe;
}
.highlight-card__sub[data-v-c18f1da7] {
  margin-top: 6px;
  font-size: 0.8rem;
  color: #cbd5f5;
}
.hospital-header__panel[data-v-c18f1da7] {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(13, 26, 38, 0.75);
  border: 1px solid rgba(125, 211, 252, 0.35);
  box-shadow: 0 18px 40px rgba(5, 12, 24, 0.6);
}
.panel-note[data-v-c18f1da7] {
  font-size: 0.8rem;
  color: #cbd5f5;
}
.loading[data-v-c18f1da7],
.empty[data-v-c18f1da7] {
  padding: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}
.hospital-grid[data-v-c18f1da7] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.hospital-card[data-v-c18f1da7] {
  background: rgba(13, 26, 38, 0.82);
  border: 1px solid rgba(125, 211, 252, 0.28);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 18px 36px rgba(4, 6, 20, 0.6);
}
.hospital-card__header[data-v-c18f1da7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  gap: 12px;
}
.pill[data-v-c18f1da7] {
  background: rgba(94, 234, 212, 0.18);
  color: #ccfbf1;
  border: 1px solid rgba(94, 234, 212, 0.5);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 0.8rem;
  font-weight: 700;
}
.progress[data-v-c18f1da7] {
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.6);
  overflow: hidden;
  margin-bottom: 8px;
}
.progress__fill[data-v-c18f1da7] {
  height: 100%;
  background: linear-gradient(135deg, #34d399, #22d3ee);
  width: 0%;
  transition: width 0.3s ease;
}
.slots[data-v-c18f1da7] {
  margin-top: 8px;
}
.slot-list[data-v-c18f1da7] {
  display: grid;
  gap: 8px;
}
.slot[data-v-c18f1da7] {
  padding: 10px;
  border-radius: 12px;
  background: rgba(7, 16, 26, 0.7);
  border: 1px solid rgba(125, 211, 252, 0.25);
}
.slot__header[data-v-c18f1da7] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.slot__room[data-v-c18f1da7] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.7fr;
  gap: 10px;
  margin: 10px 0;
  align-items: end;
}
.slot__bed[data-v-c18f1da7] {
  position: relative;
  height: auto;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.9), rgba(13, 26, 38, 0.6));
  border: 1px solid rgba(94, 234, 212, 0.4);
  padding: 10px 12px;
  overflow: hidden;
  display: grid;
  gap: 8px;
}
.slot__bed[data-v-c18f1da7] .fancybar {
  grid-template-columns: 74px 1fr 40px;
  margin: 0;
}
.slot__monitor[data-v-c18f1da7] {
  height: 70px;
  border-radius: 14px;
  padding: 8px 10px;
  background: rgba(2, 6, 23, 0.75);
  border: 1px solid rgba(125, 211, 252, 0.4);
  display: grid;
  gap: 6px;
  overflow: hidden;
}
.monitor-title[data-v-c18f1da7] {
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #99f6e4;
}
.monitor-wave[data-v-c18f1da7] {
  height: 14px;
  background: linear-gradient(90deg, transparent 10%, rgba(52, 211, 153, 0.8) 50%, transparent 90%);
  border-radius: 999px;
  animation: wave-c18f1da7 2s infinite linear;
}
@keyframes wave-c18f1da7 {
0% {
    transform: translateX(-80%);
}
100% {
    transform: translateX(80%);
}
}
.monitor-values[data-v-c18f1da7] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #c7d2fe;
}
@media (max-width: 720px) {
.slot__room[data-v-c18f1da7] {
    grid-template-columns: 1fr;
}
}
.slot__name[data-v-c18f1da7] {
  font-weight: 700;
}
.slot__time[data-v-c18f1da7] {
  color: #cbd5f5;
  font-size: 0.85rem;
}
.slot__stats[data-v-c18f1da7] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.stat[data-v-c18f1da7] {
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.6);
  font-size: 0.9rem;
}
.stat--healing[data-v-c18f1da7] {
  border: 1px solid rgba(52, 211, 153, 0.45);
  box-shadow: 0 6px 10px rgba(52, 211, 153, 0.2);
}
.monster-list[data-v-c18f1da7] {
  display: grid;
  gap: 10px;
  margin: 10px 0;
}
.monster-card[data-v-c18f1da7] {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 12px;
  background: rgba(7, 16, 26, 0.7);
  border: 1px solid rgba(94, 234, 212, 0.2);
  cursor: pointer;
  transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}
.monster-card--selected[data-v-c18f1da7] {
  border-color: rgba(94, 234, 212, 0.6);
  box-shadow: 0 10px 20px rgba(94, 234, 212, 0.25);
}
.monster-card__avatar[data-v-c18f1da7] {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(15, 23, 42, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.monster-card__avatar img[data-v-c18f1da7] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.monster-card__placeholder[data-v-c18f1da7] {
  font-size: 1.4rem;
}
.monster-card__info[data-v-c18f1da7] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.monster-card__name[data-v-c18f1da7] {
  font-weight: 700;
}
.monster-card__meta[data-v-c18f1da7] {
  color: #cbd5f5;
  font-size: 0.85rem;
}
.discharge-btn[data-v-c18f1da7] {
  margin-top: 6px;
  background: rgba(244, 63, 94, 0.2);
  border: 1px solid rgba(248, 113, 113, 0.5);
  color: #ffe4e6;
  padding: 6px 10px;
  border-radius: 999px;
  cursor: pointer;
  transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}
.discharge-btn[data-v-c18f1da7]:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(239, 68, 68, 0.25);
}
.discharge-btn[data-v-c18f1da7]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.empty-slot[data-v-c18f1da7] {
  padding: 10px;
  border: 1px dashed rgba(129, 140, 248, 0.4);
  border-radius: 12px;
  color: #cbd5f5;
}
.admit[data-v-c18f1da7] {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(129, 140, 248, 0.2);
}
.admit__row[data-v-c18f1da7] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.admit__btn[data-v-c18f1da7] {
  background: linear-gradient(135deg, #34d399, #22d3ee);
  color: #0b0d1b;
  border: none;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 800;
  cursor: pointer;
  min-width: 90px;
  box-shadow: 0 10px 20px rgba(52, 211, 153, 0.35);
  transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}
.admit__btn[data-v-c18f1da7]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.admit__btn[data-v-c18f1da7]:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(34, 211, 238, 0.4);
}
@media (min-width: 1100px) {
.hospital-page[data-v-c18f1da7] {
    padding: 32px 48px 40px;
}
.hospital-header[data-v-c18f1da7] {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    align-items: start;
}
.hospital-header__highlights[data-v-c18f1da7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hospital-grid[data-v-c18f1da7] {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
}
@media (min-width: 700px) and (max-width: 1099px) {
.hospital-page[data-v-c18f1da7] {
    padding: 24px 28px 32px;
}
.hospital-header__highlights[data-v-c18f1da7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hospital-grid[data-v-c18f1da7] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
}

.camp-page[data-v-d6c24371] {
  padding: 18px 16px 28px;
  color: #e5e7eb;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  background:
    radial-gradient(circle at 15% 10%, rgba(37, 99, 235, 0.35), transparent 40%),
    radial-gradient(circle at 90% 0%, rgba(236, 72, 153, 0.28), transparent 35%),
    linear-gradient(160deg, #0b0d1b 0%, #10172b 45%, #0b1222 100%);
  background-color: #0b0d1b;
  min-height: 100vh;
}
.camp-header[data-v-d6c24371] {
  display: grid;
  gap: 18px;
  margin-bottom: 20px;
}
.camp-header__intro[data-v-d6c24371] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.eyebrow[data-v-d6c24371] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.camp-header__title[data-v-d6c24371] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.camp-header__title h2[data-v-d6c24371] {
  margin: 0;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
}
.level-pill[data-v-d6c24371] {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  background: rgba(79, 70, 229, 0.25);
  border: 1px solid rgba(129, 140, 248, 0.6);
  color: #c7d2fe;
}
.muted[data-v-d6c24371] {
  color: #c7d2fe;
  margin: 4px 0 0;
}
.back-btn[data-v-d6c24371] {
  color: #a5b4fc;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid rgba(165, 180, 252, 0.6);
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(79, 70, 229, 0.12);
  transition: all 120ms ease;
}
.back-btn[data-v-d6c24371]:hover {
  border-color: rgba(165, 180, 252, 0.9);
  transform: translateY(-1px);
}
.camp-header__highlights[data-v-d6c24371] {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.highlight-card[data-v-d6c24371] {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(59, 130, 246, 0.35);
  box-shadow: inset 0 0 12px rgba(15, 23, 42, 0.6);
}
.highlight-card__label[data-v-d6c24371] {
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #93c5fd;
}
.highlight-card__value[data-v-d6c24371] {
  font-size: 1rem;
  font-weight: 800;
  margin-top: 6px;
  color: #e0f2fe;
}
.highlight-card__sub[data-v-d6c24371] {
  margin-top: 6px;
  font-size: 0.8rem;
  color: #cbd5f5;
}
.camp-header__panel[data-v-d6c24371] {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(56, 189, 248, 0.35);
  box-shadow: 0 18px 40px rgba(5, 8, 20, 0.6);
}
.camp-slots[data-v-d6c24371] {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  background: rgba(15, 23, 42, 0.6);
}
.camp-slots__label[data-v-d6c24371] {
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #93c5fd;
}
.camp-slots__count[data-v-d6c24371] {
  font-size: 1.35rem;
  font-weight: 700;
  color: #e0f2fe;
}
.camp-slots__bar[data-v-d6c24371] {
  height: 6px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.2);
  overflow: hidden;
}
.camp-slots__bar-fill[data-v-d6c24371] {
  height: 100%;
  background: linear-gradient(90deg, #22d3ee, #818cf8);
  transition: width 0.2s ease;
}
.camp-slots__meta[data-v-d6c24371] {
  font-size: 0.8rem;
  color: #c7d2fe;
}
.camp-header__actions[data-v-d6c24371] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.camp-upgrade-btn[data-v-d6c24371] {
  background: linear-gradient(135deg, #f472b6, #22d3ee);
  color: #0b0d1b;
  border: none;
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(236, 72, 153, 0.35);
  transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}
.camp-upgrade-btn[data-v-d6c24371]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.camp-upgrade-btn[data-v-d6c24371]:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(34, 211, 238, 0.4);
}
.loading[data-v-d6c24371] {
  padding: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}
.camp-body[data-v-d6c24371] {
  display: grid;
  grid-template-columns: minmax(0, 20%) minmax(0, 80%);
  gap: 16px;
  align-items: start;
}
.camp-sidebar[data-v-d6c24371] {
  position: sticky;
  top: 16px;
  align-self: start;
}
.camp-grid[data-v-d6c24371] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.monster-list[data-v-d6c24371] {
  display: grid;
  gap: 10px;
  margin-bottom: 8px;
}
.monster-list-card[data-v-d6c24371] {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(125, 211, 252, 0.35);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.75);
  padding: 10px 12px;
  text-align: left;
  color: #e0f2fe;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  cursor: pointer;
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}
.monster-list-card img[data-v-d6c24371] {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(129, 140, 248, 0.3);
  background: rgba(15, 23, 42, 0.6);
}
.monster-list-card.selected[data-v-d6c24371] {
  border-color: rgba(34, 211, 238, 0.9);
  box-shadow: 0 12px 22px rgba(34, 211, 238, 0.25);
  transform: translateY(-2px);
}
.monster-list-name[data-v-d6c24371] {
  font-weight: 700;
}
.monster-list-level[data-v-d6c24371] {
  color: #c7d2fe;
  font-size: 0.85rem;
}
@media (max-width: 900px) {
.camp-body[data-v-d6c24371] {
    grid-template-columns: 1fr;
}
.camp-sidebar[data-v-d6c24371] {
    position: static;
}
}
.camp-card[data-v-d6c24371] {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 18px 36px rgba(4, 6, 20, 0.6);
  width: 100%;
}
.camp-card__header[data-v-d6c24371] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  gap: 12px;
}
.camp-card__title[data-v-d6c24371] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.camp-card__name[data-v-d6c24371] {
  font-weight: 700;
  font-size: 1.1rem;
}
.camp-card__meta[data-v-d6c24371] {
  color: #c7d2fe;
  font-size: 0.9rem;
}
.prop-columns[data-v-d6c24371] {
  display: grid;
  gap: 12px;
}
.prop-column[data-v-d6c24371] {
  display: grid;
  gap: 10px;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(59, 130, 246, 0.2);
  background: rgba(15, 23, 42, 0.65);
}
.prop-column__title[data-v-d6c24371] {
  font-weight: 800;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #e0f2fe;
}
.prop-column__list[data-v-d6c24371] {
  display: grid;
  gap: 10px;
}
.prop-row[data-v-d6c24371] {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.6);
  border: 1px solid rgba(99, 102, 241, 0.2);
}
.prop-row__info[data-v-d6c24371] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.prop-row__name[data-v-d6c24371] {
  font-weight: 700;
}
.prop-row__value[data-v-d6c24371],
.prop-row__status[data-v-d6c24371] {
  color: #cbd5f5;
  font-size: 0.9rem;
}
.prop-row__status[data-v-d6c24371] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.status-pill[data-v-d6c24371] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.8rem;
}
.status-pill--active[data-v-d6c24371] {
  background: rgba(34, 211, 238, 0.18);
  color: #cffafe;
  border: 1px solid rgba(34, 211, 238, 0.4);
}
.status-pill--done[data-v-d6c24371] {
  background: rgba(52, 211, 153, 0.18);
  color: #a7f3d0;
  border: 1px solid rgba(52, 211, 153, 0.4);
}
.status-pill--idle[data-v-d6c24371] {
  background: rgba(148, 163, 184, 0.15);
  color: #cbd5f5;
  border: 1px solid rgba(148, 163, 184, 0.35);
}
.prop-row__actions[data-v-d6c24371] {
  display: flex;
  align-items: flex-end;
}
.prop-empty[data-v-d6c24371] {
  color: #94a3b8;
  font-size: 0.85rem;
  padding: 6px 0;
}
.prop-images[data-v-d6c24371] {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 6px 0 2px;
}
.prop-image[data-v-d6c24371] {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
}
.prop-image--small[data-v-d6c24371] {
  width: 46px;
  height: 46px;
}
.prop-image img[data-v-d6c24371] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.prop-placeholder[data-v-d6c24371] {
  font-size: 1.4rem;
}
.progress[data-v-d6c24371] {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
  margin-top: 8px;
}
.progress__fill[data-v-d6c24371] {
  height: 100%;
  background: linear-gradient(135deg, #22d3ee, #7c3aed);
  width: 0%;
  transition: width 0.3s ease;
}
.progress-actions[data-v-d6c24371] {
  margin-top: 8px;
}
.finish-btn[data-v-d6c24371] {
  background: rgba(99, 102, 241, 0.18);
  border: 1px solid rgba(129, 140, 248, 0.5);
  color: #e0f2fe;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 999px;
  cursor: pointer;
  transition: transform 120ms ease, border-color 120ms ease;
}
.finish-btn[data-v-d6c24371]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.finish-btn[data-v-d6c24371]:not(:disabled):hover {
  transform: translateY(-1px);
  border-color: rgba(148, 163, 184, 0.75);
}
.train-btn[data-v-d6c24371] {
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  border: none;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 800;
  cursor: pointer;
  min-width: 90px;
  box-shadow: 0 10px 20px rgba(99, 102, 241, 0.35);
  transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}
.train-btn[data-v-d6c24371]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.train-btn[data-v-d6c24371]:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(34, 211, 238, 0.4);
}
@media (min-width: 1100px) {
.camp-page[data-v-d6c24371] {
    padding: 32px 48px 40px;
}
.camp-header[data-v-d6c24371] {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    align-items: start;
}
.camp-header__highlights[data-v-d6c24371] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.camp-grid[data-v-d6c24371] {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}
.prop-columns[data-v-d6c24371] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 700px) and (max-width: 1099px) {
.camp-page[data-v-d6c24371] {
    padding: 24px 28px 32px;
}
.camp-header__highlights[data-v-d6c24371] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.camp-grid[data-v-d6c24371] {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.prop-columns[data-v-d6c24371] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

.premium-page[data-v-042a9eb4] {
  min-height: 100vh;
  padding: 24px 18px 40px;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
  background:
    radial-gradient(circle at 20% 10%, rgba(34, 211, 238, 0.2), transparent 45%),
    radial-gradient(circle at 85% 15%, rgba(236, 72, 153, 0.2), transparent 45%),
    linear-gradient(160deg, #0b0d1b 0%, #10172b 45%, #0b1222 100%);
}
.premium-hero[data-v-042a9eb4] {
  max-width: 900px;
  margin: 0 auto 20px;
  text-align: center;
}
.eyebrow[data-v-042a9eb4] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.premium-hero h1[data-v-042a9eb4] {
  margin: 8px 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.subtitle[data-v-042a9eb4] {
  margin: 0 auto;
  max-width: 720px;
  color: #c7d2fe;
}
.premium-card[data-v-042a9eb4] {
  max-width: 900px;
  margin: 0 auto;
  padding: 18px;
  border-radius: 22px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(56, 189, 248, 0.35);
  box-shadow: 0 24px 40px rgba(4, 6, 20, 0.6);
}
.premium-status[data-v-042a9eb4] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}
.status-label[data-v-042a9eb4] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.status-value[data-v-042a9eb4] {
  margin: 6px 0 0;
  font-size: 1.6rem;
}
.status-meta[data-v-042a9eb4] {
  display: grid;
  gap: 4px;
  color: #c7d2fe;
  font-size: 0.9rem;
}
.premium-options[data-v-042a9eb4] {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-bottom: 16px;
}
.premium-option[data-v-042a9eb4] {
  text-align: left;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(129, 140, 248, 0.35);
  background: rgba(2, 6, 23, 0.7);
  color: #e0f2fe;
  cursor: pointer;
  transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}
.premium-option[data-v-042a9eb4]:hover {
  transform: translateY(-2px);
  border-color: rgba(34, 211, 238, 0.7);
  box-shadow: 0 12px 20px rgba(34, 211, 238, 0.2);
}
.premium-option.selected[data-v-042a9eb4] {
  border-color: rgba(34, 211, 238, 0.9);
  box-shadow: 0 16px 26px rgba(34, 211, 238, 0.3);
}
.option-title[data-v-042a9eb4] {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.option-subtitle[data-v-042a9eb4] {
  color: #c7d2fe;
  font-size: 0.85rem;
  margin-top: 6px;
}
.btn.primary.full[data-v-042a9eb4] {
  width: 100%;
  border: none;
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 800;
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(34, 211, 238, 0.35);
}
.btn.primary.full[data-v-042a9eb4]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.error-text[data-v-042a9eb4] {
  margin-top: 10px;
  color: #fda4af;
  font-weight: 600;
}
.success-text[data-v-042a9eb4] {
  margin-top: 10px;
  color: #86efac;
  font-weight: 600;
}

.login-page[data-v-dd03da80] {
  min-height: 100vh;
  padding: 18px 16px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.login-card[data-v-dd03da80] {
  width: 100%;
  max-width: 420px;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 18px 36px rgba(4, 6, 20, 0.6);
}
.login-card__header h2[data-v-dd03da80] {
  margin: 6px 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.eyebrow[data-v-dd03da80] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.muted[data-v-dd03da80] {
  color: #c7d2fe;
  margin: 0;
}
.login-form[data-v-dd03da80] {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}
.login-field[data-v-dd03da80] {
  display: grid;
  gap: 6px;
  font-size: 0.9rem;
}
.login-field input[data-v-dd03da80] {
  border-radius: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(129, 140, 248, 0.5);
  background: rgba(15, 23, 42, 0.7);
  color: #e0f2fe;
}
.login-btn[data-v-dd03da80] {
  border: none;
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 800;
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(34, 211, 238, 0.35);
}
.login-btn[data-v-dd03da80]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.error-text[data-v-dd03da80] {
  margin-top: 12px;
  color: #fda4af;
  font-weight: 600;
}

.register-page[data-v-6504b18d] {
  min-height: 100vh;
  padding: 18px 16px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.register-card[data-v-6504b18d] {
  width: 100%;
  max-width: 440px;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 18px 36px rgba(4, 6, 20, 0.6);
}
.register-card__header h2[data-v-6504b18d] {
  margin: 6px 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.eyebrow[data-v-6504b18d] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.muted[data-v-6504b18d] {
  color: #c7d2fe;
  margin: 0;
}
.register-form[data-v-6504b18d] {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}
.register-field[data-v-6504b18d] {
  display: grid;
  gap: 6px;
  font-size: 0.9rem;
}
.register-field input[data-v-6504b18d] {
  border-radius: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(129, 140, 248, 0.5);
  background: rgba(15, 23, 42, 0.7);
  color: #e0f2fe;
}
.register-btn[data-v-6504b18d] {
  border: none;
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 800;
  background: linear-gradient(135deg, #34d399, #22d3ee);
  color: #0b0d1b;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(52, 211, 153, 0.35);
}
.register-btn[data-v-6504b18d]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.error-text[data-v-6504b18d] {
  margin-top: 12px;
  color: #fda4af;
  font-weight: 600;
}

.impressum-page[data-v-30089ef1] {
  min-height: 100vh;
  padding: 18px 16px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.impressum-card[data-v-30089ef1] {
  width: 100%;
  max-width: 720px;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 18px 36px rgba(4, 6, 20, 0.6);
}
.eyebrow[data-v-30089ef1] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.impressum-card h2[data-v-30089ef1] {
  margin: 6px 0 4px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.muted[data-v-30089ef1] {
  color: #c7d2fe;
  margin: 0 0 14px;
}
.impressum-section[data-v-30089ef1] {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(129, 140, 248, 0.2);
}
.impressum-section h3[data-v-30089ef1] {
  margin: 0 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.95rem;
  color: #e0f2fe;
}
.impressum-section p[data-v-30089ef1] {
  margin: 0 0 6px;
  color: #cbd5f5;
  line-height: 1.5;
}

.pro-page[data-v-bd5e14ab] {
  min-height: 100vh;
  padding: 24px 18px 40px;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
  background:
    radial-gradient(circle at 15% 10%, rgba(34, 211, 238, 0.2), transparent 45%),
    radial-gradient(circle at 85% 20%, rgba(236, 72, 153, 0.2), transparent 45%),
    linear-gradient(160deg, #0b0d1b 0%, #10172b 45%, #0b1222 100%);
}
.pro-hero[data-v-bd5e14ab] {
  max-width: 900px;
  margin: 0 auto 24px;
  padding: 22px;
  border-radius: 22px;
  border: 1px solid rgba(56, 189, 248, 0.35);
  background: rgba(15, 23, 42, 0.8);
  box-shadow: 0 24px 40px rgba(4, 6, 20, 0.6);
  text-align: center;
}
.eyebrow[data-v-bd5e14ab] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.pro-hero h1[data-v-bd5e14ab] {
  margin: 10px 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 2rem;
}
.pro-subtitle[data-v-bd5e14ab] {
  margin: 0 auto;
  max-width: 720px;
  color: #c7d2fe;
}
.pro-cta[data-v-bd5e14ab] {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}
.pro-btn[data-v-bd5e14ab] {
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;
  font-size: 0.9rem;
}
.pro-btn--primary[data-v-bd5e14ab] {
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  box-shadow: 0 10px 22px rgba(34, 211, 238, 0.35);
}
.pro-btn--ghost[data-v-bd5e14ab] {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(129, 140, 248, 0.5);
  color: #c7d2fe;
}
.pro-factors[data-v-bd5e14ab] {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin: 0 auto 26px;
  max-width: 1100px;
}
.factor-card[data-v-bd5e14ab] {
  padding: 16px;
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.7);
  border: 1px solid rgba(56, 189, 248, 0.3);
  box-shadow: inset 0 0 16px rgba(34, 211, 238, 0.1);
  display: grid;
  gap: 6px;
}
.factor-icon[data-v-bd5e14ab] {
  font-size: 1.6rem;
}
.factor-card h3[data-v-bd5e14ab] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.95rem;
}
.factor-card p[data-v-bd5e14ab] {
  margin: 0;
  color: #cbd5f5;
  font-size: 0.85rem;
}
.pro-hook[data-v-bd5e14ab] {
  display: grid;
  gap: 14px;
  max-width: 980px;
  margin: 0 auto;
}
.hook-card[data-v-bd5e14ab] {
  padding: 18px;
  border-radius: 20px;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(129, 140, 248, 0.35);
  box-shadow: 0 18px 30px rgba(4, 6, 20, 0.6);
}
.hook-card--alt[data-v-bd5e14ab] {
  border-color: rgba(236, 72, 153, 0.4);
}
.hook-card h2[data-v-bd5e14ab] {
  margin: 0 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1.2rem;
}
.hook-card p[data-v-bd5e14ab] {
  margin: 0;
  color: #c7d2fe;
}
@media (max-width: 720px) {
.pro-hero h1[data-v-bd5e14ab] {
    font-size: 1.5rem;
}
}

.faq-page[data-v-275e0314] {
  min-height: 100vh;
  padding: 24px 18px 40px;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
  background:
    radial-gradient(circle at 12% 8%, rgba(34, 211, 238, 0.18), transparent 45%),
    radial-gradient(circle at 88% 18%, rgba(236, 72, 153, 0.18), transparent 45%),
    linear-gradient(160deg, #0b0d1b 0%, #10172b 45%, #0b1222 100%);
}
.faq-hero[data-v-275e0314] {
  max-width: 960px;
  margin: 0 auto 26px;
  padding: 22px;
  border-radius: 22px;
  border: 1px solid rgba(56, 189, 248, 0.35);
  background: rgba(15, 23, 42, 0.85);
  box-shadow: 0 24px 40px rgba(4, 6, 20, 0.6);
  text-align: center;
}
.eyebrow[data-v-275e0314] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.faq-hero h1[data-v-275e0314] {
  margin: 10px 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 2rem;
}
.faq-subtitle[data-v-275e0314] {
  margin: 0 auto;
  max-width: 760px;
  color: #c7d2fe;
}
.faq-cta[data-v-275e0314] {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}
.faq-btn[data-v-275e0314] {
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;
  font-size: 0.9rem;
}
.faq-btn--primary[data-v-275e0314] {
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  box-shadow: 0 10px 22px rgba(34, 211, 238, 0.35);
}
.faq-btn--ghost[data-v-275e0314] {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(129, 140, 248, 0.5);
  color: #c7d2fe;
}
.faq-grid[data-v-275e0314] {
  display: grid;
  gap: 16px;
  max-width: 1100px;
  margin: 0 auto;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.faq-card[data-v-275e0314] {
  padding: 16px;
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.75);
  border: 1px solid rgba(56, 189, 248, 0.28);
  box-shadow: inset 0 0 16px rgba(34, 211, 238, 0.1);
  display: grid;
  gap: 8px;
}
.faq-card h2[data-v-275e0314] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 1rem;
}
.faq-card p[data-v-275e0314] {
  margin: 0;
  color: #cbd5f5;
  font-size: 0.9rem;
}
.faq-card ul[data-v-275e0314] {
  margin: 0;
  padding-left: 18px;
  color: #cbd5f5;
  font-size: 0.85rem;
  display: grid;
  gap: 6px;
}
@media (max-width: 720px) {
.faq-hero h1[data-v-275e0314] {
    font-size: 1.5rem;
}
}

.reset-page[data-v-7d88da59] {
  min-height: 100vh;
  padding: 18px 16px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.reset-card[data-v-7d88da59] {
  width: 100%;
  max-width: 420px;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 18px 36px rgba(4, 6, 20, 0.6);
  display: grid;
  gap: 12px;
}
.reset-card__header h2[data-v-7d88da59] {
  margin: 6px 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.eyebrow[data-v-7d88da59] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.muted[data-v-7d88da59] {
  color: #c7d2fe;
  margin: 0;
}
.reset-form[data-v-7d88da59] {
  display: grid;
  gap: 12px;
  margin-top: 6px;
}
.reset-field[data-v-7d88da59] {
  display: grid;
  gap: 6px;
  font-size: 0.9rem;
}
.reset-field input[data-v-7d88da59] {
  border-radius: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(129, 140, 248, 0.5);
  background: rgba(15, 23, 42, 0.7);
  color: #e0f2fe;
}
.reset-btn[data-v-7d88da59] {
  border: none;
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 800;
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(34, 211, 238, 0.35);
}
.reset-btn[data-v-7d88da59]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.reset-link[data-v-7d88da59] {
  text-align: center;
  color: #a5b4fc;
  text-decoration: none;
  font-size: 0.85rem;
}
.reset-link[data-v-7d88da59]:hover {
  color: #e0f2fe;
}
.success-text[data-v-7d88da59] {
  color: #86efac;
  font-weight: 600;
}
.error-text[data-v-7d88da59] {
  color: #fda4af;
  font-weight: 600;
}

.reset-page[data-v-84d2e143] {
  min-height: 100vh;
  padding: 18px 16px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.reset-card[data-v-84d2e143] {
  width: 100%;
  max-width: 420px;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 18px 36px rgba(4, 6, 20, 0.6);
  display: grid;
  gap: 12px;
}
.reset-card__header h2[data-v-84d2e143] {
  margin: 6px 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.eyebrow[data-v-84d2e143] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.muted[data-v-84d2e143] {
  color: #c7d2fe;
  margin: 0;
}
.reset-form[data-v-84d2e143] {
  display: grid;
  gap: 12px;
  margin-top: 6px;
}
.reset-field[data-v-84d2e143] {
  display: grid;
  gap: 6px;
  font-size: 0.9rem;
}
.reset-field input[data-v-84d2e143] {
  border-radius: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(129, 140, 248, 0.5);
  background: rgba(15, 23, 42, 0.7);
  color: #e0f2fe;
}
.reset-btn[data-v-84d2e143] {
  border: none;
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 800;
  background: linear-gradient(135deg, #22d3ee, #4f46e5);
  color: #0b0d1b;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(34, 211, 238, 0.35);
}
.reset-btn[data-v-84d2e143]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.reset-link[data-v-84d2e143] {
  text-align: center;
  color: #a5b4fc;
  text-decoration: none;
  font-size: 0.85rem;
}
.reset-link[data-v-84d2e143]:hover {
  color: #e0f2fe;
}
.success-text[data-v-84d2e143] {
  color: #86efac;
  font-weight: 600;
}
.error-text[data-v-84d2e143] {
  color: #fda4af;
  font-weight: 600;
}

.history-page[data-v-6e5b93f5] {
  margin: 18px auto 24px;
  display: grid;
  gap: 18px;
}
.history-hero[data-v-6e5b93f5] {
  padding: 20px 18px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 15% 10%, rgba(34, 211, 238, 0.2), transparent 45%),
    radial-gradient(circle at 85% 0%, rgba(236, 72, 153, 0.18), transparent 45%),
    linear-gradient(160deg, rgba(15, 23, 42, 0.9), rgba(2, 6, 23, 0.95));
  border: 1px solid rgba(56, 189, 248, 0.3);
  color: #e0f2fe;
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
}
.history-hero h1[data-v-6e5b93f5] {
  margin: 8px 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
}
.history-subtitle[data-v-6e5b93f5] {
  margin: 0;
  color: #c7d2fe;
  max-width: 520px;
}
.eyebrow[data-v-6e5b93f5] {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7dd3fc;
  font-size: 0.75rem;
}
.history-panel[data-v-6e5b93f5] {
  padding: 18px;
  border-radius: 22px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(56, 189, 248, 0.28);
  box-shadow: inset 0 0 18px rgba(34, 211, 238, 0.08);
  font-family: "Orbitron", "Rajdhani", "Trebuchet MS", sans-serif;
  color: #e0f2fe;
}
.news-list[data-v-6e5b93f5] {
  display: grid;
  gap: 14px;
}
.news-card[data-v-6e5b93f5] {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(2, 6, 23, 0.72);
  border: 1px solid rgba(129, 140, 248, 0.3);
  box-shadow: inset 0 0 12px rgba(34, 211, 238, 0.12);
}
.news-card__title[data-v-6e5b93f5] {
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #e0f2fe;
}
.news-card__body[data-v-6e5b93f5] {
  margin: 6px 0 8px;
  color: #cbd5f5;
  font-size: 0.95rem;
  text-align: left;
}
.news-card__body p[data-v-6e5b93f5] {
  margin: 0 0 6px;
}
.news-card__body ul[data-v-6e5b93f5] {
  margin: 6px 0 8px 18px;
  padding: 0;
}
.news-card__body li[data-v-6e5b93f5] {
  margin-bottom: 4px;
}
.news-card__body code[data-v-6e5b93f5] {
  padding: 0 4px;
  border-radius: 6px;
  background: rgba(15, 23, 42, 0.6);
  color: #e0f2fe;
  font-family: "Courier New", monospace;
  font-size: 0.85rem;
}
.news-card__meta[data-v-6e5b93f5] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(148, 163, 184, 0.9);
}
.news-empty[data-v-6e5b93f5] {
  color: #cbd5f5;
  font-size: 0.95rem;
}
.history-actions[data-v-6e5b93f5] {
  margin-top: 18px;
  display: flex;
  justify-content: flex-start;
}
.hero-btn[data-v-6e5b93f5] {
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;
  font-size: 0.85rem;
}
.hero-btn--ghost[data-v-6e5b93f5] {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(129, 140, 248, 0.5);
  color: #c7d2fe;
}
@media (min-width: 900px) {
.history-page[data-v-6e5b93f5] {
    gap: 24px;
}
.history-hero[data-v-6e5b93f5] {
    padding: 28px 32px;
}
}