:root {
  --phoenix-sidebar-width: 216px;
  --phoenix-topbar-height: 64px;
  --phoenix-sidebar: #07111e;
  --phoenix-sidebar-deep: #050d17;
  --phoenix-line: #1d2d40;
  --phoenix-orange: #ff771b;
  --phoenix-yellow: #ffb51b;
  --phoenix-cyan: #28d9eb;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) {
  min-width: 980px;
  padding-left: var(--phoenix-sidebar-width);
  padding-top: var(--phoenix-topbar-height);
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .site-header {
  background: rgba(7, 17, 29, 0.96) !important;
  border-bottom: 1px solid var(--phoenix-line) !important;
  height: var(--phoenix-topbar-height) !important;
  left: var(--phoenix-sidebar-width) !important;
  min-height: var(--phoenix-topbar-height) !important;
  padding: 0 !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: auto !important;
  z-index: 120 !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .header-shell {
  align-items: center !important;
  display: flex !important;
  gap: 18px !important;
  height: 100% !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 28px !important;
  width: 100% !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand {
  align-items: center !important;
  background:
    radial-gradient(circle at 0 20%, rgba(17, 70, 111, 0.2), transparent 40%),
    linear-gradient(180deg, var(--phoenix-sidebar), var(--phoenix-sidebar-deep)) !important;
  border-right: 1px solid var(--phoenix-line) !important;
  display: flex !important;
  gap: 10px !important;
  height: 92px !important;
  left: calc(-1 * var(--phoenix-sidebar-width)) !important;
  margin: 0 !important;
  padding: 18px !important;
  position: absolute !important;
  top: 0 !important;
  width: var(--phoenix-sidebar-width) !important;
  z-index: 131 !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand-mark {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  height: 43px !important;
  min-width: 43px !important;
  padding: 0 !important;
  place-items: center !important;
  width: 43px !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand-mark img {
  height: 43px !important;
  object-fit: contain !important;
  width: 43px !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand > span:last-child {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand strong {
  color: #edf3fb !important;
  font-size: 16px !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand small {
  color: var(--phoenix-cyan) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.15em !important;
  white-space: nowrap !important;
}

.public-route-heading {
  align-items: center;
  display: none;
  font-size: 11px;
  gap: 10px;
  min-width: 0;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .public-route-heading {
  display: flex;
}

.public-route-heading span { color: #6f7d92; }
.public-route-heading i {
  border-right: 1px solid #607087;
  border-top: 1px solid #607087;
  height: 7px;
  transform: rotate(45deg);
  width: 7px;
}
.public-route-heading strong { color: #edf3fb; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .header-actions {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  margin-left: auto !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .header-token-wallet,
body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .header-notifications-toggle,
body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .header-messenger-toggle,
body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .header-user-toggle {
  background: rgba(11, 24, 38, 0.94) !important;
  border-color: #213246 !important;
  box-shadow: none !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-toggle { display: none !important; }

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .site-taskbar {
  background:
    radial-gradient(circle at 0 18%, rgba(17, 70, 111, 0.18), transparent 35%),
    linear-gradient(180deg, var(--phoenix-sidebar), var(--phoenix-sidebar-deep)) !important;
  border: 0 !important;
  border-right: 1px solid var(--phoenix-line) !important;
  bottom: 0 !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  height: auto !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 98px 0 18px !important;
  position: fixed !important;
  right: auto !important;
  top: 0 !important;
  transform: none !important;
  width: var(--phoenix-sidebar-width) !important;
  z-index: 110 !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .main-nav {
  align-content: start !important;
  align-items: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  height: 100% !important;
  justify-content: safe center !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 0 !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  width: 100% !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .main-nav::-webkit-scrollbar {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .main-nav > .nav-direct,
body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-group-trigger {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-right: 3px solid transparent !important;
  box-shadow: none !important;
  color: #8997ab !important;
  display: grid !important;
  flex: 0 0 auto !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  gap: 11px !important;
  grid-template-columns: 22px minmax(0, 1fr) auto !important;
  height: 42px !important;
  justify-content: stretch !important;
  min-height: 42px !important;
  padding: 0 17px !important;
  text-align: left !important;
  width: 100% !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .main-nav > .nav-direct:hover,
body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-group-trigger:hover {
  background: rgba(255, 255, 255, 0.025) !important;
  color: #d6e0ed !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .main-nav > .nav-direct.active,
body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .main-nav > .nav-direct[aria-current="page"],
body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-group.has-active > .nav-group-trigger {
  background: linear-gradient(90deg, rgba(255, 119, 27, 0.12), rgba(255, 119, 27, 0.02)) !important;
  border-right-color: var(--phoenix-orange) !important;
  color: var(--phoenix-yellow) !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-item-icon {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: currentColor !important;
  display: grid !important;
  height: 20px !important;
  min-width: 20px !important;
  padding: 0 !important;
  place-items: center !important;
  width: 20px !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-item-icon svg {
  height: 17px !important;
  stroke-width: 1.7 !important;
  width: 17px !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-group {
  display: block !important;
  flex: 0 0 auto !important;
  position: static !important;
  width: 100% !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-chevron { margin-left: auto !important; }

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-dropdown {
  background: rgba(2, 8, 15, 0.22) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 1px !important;
  inset: auto !important;
  margin: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  padding: 2px 0 4px !important;
  pointer-events: auto !important;
  position: static !important;
  transform: none !important;
  visibility: visible !important;
  width: 100% !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-dropdown > p { display: none !important; }

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-dropdown a {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #76869b !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  min-height: 38px !important;
  padding: 5px 16px 5px 24px !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-dropdown a:hover {
  background: rgba(255, 255, 255, 0.025) !important;
  color: #d7e1ef !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-dropdown a.active,
body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-dropdown a[aria-current="page"] {
  background: linear-gradient(90deg, rgba(255, 119, 27, 0.1), transparent) !important;
  color: var(--phoenix-yellow) !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-dropdown a small { display: none !important; }
body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-dropdown a strong { color: inherit !important; font-size: 11px !important; font-weight: 600 !important; }

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-dot {
  background: #132236 !important;
  border: 1px solid #293c53 !important;
  border-radius: 6px !important;
  color: #91a1b5 !important;
  display: grid !important;
  font-size: 7px !important;
  height: 21px !important;
  min-width: 21px !important;
  padding: 0 3px !important;
  place-items: center !important;
  width: 21px !important;
}

.public-sidebar-account-zone,
.public-sidebar-separator,
.public-sidebar-bottom { display: none; }

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .public-sidebar-account-zone {
  display: grid;
  gap: 8px;
  padding: 8px 10px 10px;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .public-sidebar-separator {
  align-items: center;
  color: #5f6e82;
  display: grid;
  font-size: 7px;
  font-weight: 800;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  letter-spacing: 0.16em;
  padding: 0 14px;
  text-transform: uppercase;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .public-sidebar-separator::before,
body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .public-sidebar-separator::after {
  background: #1a2b3e;
  content: "";
  height: 1px;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .public-sidebar-bottom {
  display: grid;
  padding: 8px 10px 0;
}

.public-account-card,
.public-sidebar-token-wallet,
.public-help-card {
  background: linear-gradient(135deg, rgba(14, 29, 45, 0.98), rgba(10, 22, 35, 0.98));
  border: 1px solid #1c2e43;
  border-radius: 10px;
}

.public-account-card {
  align-items: center;
  color: inherit;
  display: grid;
  gap: 11px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 74px;
  overflow: visible;
  padding: 10px 11px;
  text-decoration: none;
}
.public-account-card:hover { border-color: #36506c; }
.public-account-avatar {
  --profile-frame-auto-min-scale: 105;
  --profile-frame-auto-max-scale: 190;
  --profile-frame-hole-padding: 0.98;
  background: #1b2b3d;
  border: 1px solid #3b5775;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 119, 27, 0.2);
  color: #edf3fb;
  display: grid;
  font-size: 9px;
  font-weight: 800;
  height: 44px;
  place-items: center;
  position: relative;
  width: 44px;
}
.public-account-avatar-image,
.public-account-avatar-fallback {
  border-radius: 50%;
  height: 100%;
  inset: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.public-account-avatar-image {
  object-fit: cover;
  z-index: 1;
}
.public-account-avatar-fallback {
  align-items: center;
  background: linear-gradient(145deg, #203a54, #111e2e);
  color: #edf3fb !important;
  display: grid;
  font-size: 10px;
  justify-content: center;
  z-index: 1;
}
.public-account-avatar-fallback[hidden],
.public-account-avatar-image[hidden] { display: none !important; }
.public-account-avatar.has-site-profile-frame {
  border-color: transparent;
  box-shadow: none;
}
.public-account-identity {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.public-account-card strong,
.public-account-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-account-card strong { color: #edf3fb; font-size: 11px; }
.public-account-meta {
  align-items: center;
  display: flex;
  gap: 6px;
  min-width: 0;
}
.public-account-meta small {
  align-items: center;
  border: 1px solid #24384f;
  border-radius: 999px;
  color: #8b9bb0;
  display: inline-flex;
  font-size: 7px;
  font-weight: 800;
  gap: 4px;
  line-height: 1;
  margin: 0;
  max-width: 100%;
  padding: 4px 6px;
}
.public-account-level { color: #ffb31a !important; flex: 0 0 auto; }
.public-account-level b { color: #ffd36f; }
.public-account-status { min-width: 0; }
.public-account-status i {
  background: #607087;
  border-radius: 50%;
  flex: 0 0 auto;
  height: 5px;
  width: 5px;
}
.public-account-status[data-online="true"] i {
  background: #42d68c;
  box-shadow: 0 0 7px rgba(66, 214, 140, 0.75);
}
.public-account-status span { overflow: hidden; text-overflow: ellipsis; }
.public-account-chevron { color: #718096; }

.public-sidebar-token-wallet {
  align-items: center;
  color: #dce6f2;
  display: grid;
  gap: 9px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 54px;
  padding: 8px 10px;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.public-sidebar-token-wallet[hidden] { display: none !important; }

.public-sidebar-token-mark {
  background: rgba(255, 179, 26, 0.1);
  border: 1px solid rgba(255, 179, 26, 0.28);
  border-radius: 9px;
  color: var(--phoenix-yellow);
  display: grid;
  height: 32px;
  place-items: center;
  width: 32px;
}

.public-sidebar-token-mark svg {
  fill: none;
  height: 18px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
  width: 18px;
}

.public-sidebar-token-wallet > span:nth-child(2) { min-width: 0; }
.public-sidebar-token-wallet small,
.public-sidebar-token-wallet strong { display: block; }
.public-sidebar-token-wallet small {
  color: #74849a;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.08em;
}
.public-sidebar-token-wallet strong {
  color: #f3f6fa;
  font-size: 11px;
  margin-top: 3px;
}
.public-sidebar-token-wallet strong b { color: var(--phoenix-yellow); font-size: 13px; }
.public-sidebar-token-wallet > i {
  background: #42d68c;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(66, 214, 140, 0.08);
  height: 6px;
  width: 6px;
}

.public-sidebar-token-wallet.token-gained {
  border-color: rgba(255, 179, 26, 0.62);
  box-shadow: 0 0 0 3px rgba(255, 179, 26, 0.08), 0 10px 26px rgba(0, 0, 0, 0.18);
  transform: translateY(-1px);
}

.public-help-card {
  align-items: start;
  display: grid;
  gap: 9px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 11px;
}
.public-help-card > span { color: var(--phoenix-cyan); font-size: 15px; font-weight: 800; }
.public-help-card strong,
.public-help-card small { display: block; }
.public-help-card strong { color: #d7e1ed; font-size: 10px; }
.public-help-card small { color: #718096; font-size: 8px; line-height: 1.4; margin-top: 4px; }

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) > main {
  margin: 0 !important;
  max-width: none !important;
  min-height: calc(100vh - var(--phoenix-topbar-height)) !important;
  padding: 24px !important;
  width: 100% !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) > main > .view {
  margin: 0 auto !important;
  max-width: 1420px !important;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-scrim { display: none !important; }

@media (max-height: 780px) and (min-width: 901px) {
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .public-help-card { display: none; }
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .site-taskbar { padding-top: 86px !important; }
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand { height: 82px !important; padding-bottom: 12px !important; padding-top: 12px !important; }
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .main-nav > .nav-direct,
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-group-trigger { height: 38px !important; min-height: 38px !important; }
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-dropdown a { min-height: 34px !important; }
}

@media (max-width: 900px) {
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) {
    min-width: 0;
    padding-left: 0;
    padding-top: var(--phoenix-topbar-height);
  }

  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .site-header {
    left: 0 !important;
  }

  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .header-shell { padding: 0 12px !important; }

  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand {
    background: transparent !important;
    border: 0 !important;
    height: 58px !important;
    left: auto !important;
    padding: 7px 4px !important;
    position: static !important;
    top: auto !important;
    width: auto !important;
  }

  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand-mark,
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand-mark img { height: 36px !important; width: 36px !important; }
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand strong { font-size: 13px !important; }
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand small { font-size: 6px !important; }
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .public-route-heading { display: none; }
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-toggle { display: inline-flex !important; margin-left: auto !important; }
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .header-actions { margin-left: 0 !important; }
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .header-token-wallet-copy { display: none !important; }

  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .site-taskbar {
    box-shadow: 18px 0 45px rgba(0, 0, 0, 0.45) !important;
    padding-top: 18px !important;
    top: var(--phoenix-topbar-height) !important;
    transform: translateX(-105%) !important;
    transition: transform 180ms ease !important;
    width: min(300px, calc(100vw - 42px)) !important;
    z-index: 160 !important;
  }

  body.nav-open[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .site-taskbar { transform: translateX(0) !important; }
  body.nav-open[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-scrim { display: block !important; z-index: 150 !important; }

  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) > main { padding: 16px 12px !important; }
}

@media (max-width: 600px) {
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .header-actions { gap: 5px !important; }
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .header-token-wallet { display: none !important; }
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .brand > span:last-child { display: none !important; }
}

/* PASSE LIVE · entree premium du menu public */
body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .main-nav > .nav-live-pass-link {
  background:
    linear-gradient(90deg, rgba(120, 56, 255, .16), rgba(14, 197, 255, .08) 58%, rgba(255, 145, 26, .09)),
    rgba(8, 19, 33, .82) !important;
  border: 1px solid rgba(138, 91, 255, .35) !important;
  box-shadow: inset 0 0 20px rgba(110, 61, 255, .09), 0 0 18px rgba(79, 63, 255, .08);
  height: 52px !important;
  margin: 5px 8px !important;
  min-height: 52px !important;
  overflow: hidden;
  padding-inline: 10px 24px !important;
  position: relative;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .main-nav > .nav-live-pass-link::before {
  background: linear-gradient(90deg, transparent, rgba(88, 224, 255, .28), rgba(255, 171, 49, .25), transparent);
  content: "";
  height: 1px;
  left: -45%;
  position: absolute;
  top: 0;
  width: 45%;
  animation: live-pass-nav-scan 3.8s linear infinite;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-live-pass-icon {
  background: linear-gradient(145deg, rgba(102, 63, 255, .34), rgba(15, 210, 255, .12)) !important;
  border-color: rgba(124, 92, 255, .48) !important;
  color: #c8b6ff !important;
  box-shadow: 0 0 16px rgba(116, 72, 255, .28);
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-live-pass-copy {
  display: grid;
  gap: 2px;
  line-height: 1.05;
  min-width: 0;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-live-pass-copy strong {
  background: linear-gradient(90deg, #d9cbff, #70eaff 58%, #ffd16f);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  white-space: nowrap;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-live-pass-copy small {
  color: #778da6;
  font-size: 7px;
  letter-spacing: .02em;
}

body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-live-pass-spark {
  background: #72e9ff;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(86, 222, 255, .08), 0 0 12px rgba(86, 222, 255, .8);
  height: 5px;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 5px;
  animation: live-pass-nav-pulse 1.8s ease-in-out infinite;
}

body[data-route="live-pass"] .main-nav > .nav-live-pass-link,
body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .main-nav > .nav-live-pass-link:hover {
  border-color: rgba(111, 219, 255, .68) !important;
  box-shadow: inset 0 0 24px rgba(92, 65, 255, .15), 0 0 22px rgba(67, 202, 255, .16) !important;
}

@keyframes live-pass-nav-scan {
  0% { left: -50%; }
  58%, 100% { left: 120%; }
}

@keyframes live-pass-nav-pulse {
  0%, 100% { opacity: .5; transform: scale(.8); }
  50% { opacity: 1; transform: scale(1.2); }
}

@media (max-height: 780px) and (min-width: 901px) {
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .main-nav > .nav-live-pass-link {
    height: 46px !important;
    min-height: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .main-nav > .nav-live-pass-link::before,
  body[data-route]:not([data-route="admin"]):not([data-route="maintenance"]) .nav-live-pass-spark { animation: none; }
}

.inventory-missile-grid .inventory-cosmetic-preview .shop-missile-preview {
  height: 118px;
  max-width: 220px;
  width: 100%;
}

.inventory-missile-grid .inventory-cosmetic-preview .shop-missile-preview > img {
  height: 104px;
  object-fit: contain;
  width: 82%;
}

.inventory-power-schema-passive {
  color: #ff6674;
  display: block;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.45;
  margin-top: 5px;
}

.inventory-power-schema-slot {
  align-items: end;
  background: linear-gradient(135deg, rgba(12, 27, 48, .92), rgba(20, 11, 39, .9));
  border: 1px solid rgba(103, 111, 255, .35);
  border-radius: 10px;
  display: grid;
  gap: 7px;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 10px;
}

.inventory-power-schema-slot > small {
  color: #63dbff;
  font-size: 8px;
  font-weight: 900;
  grid-column: 1 / -1;
  letter-spacing: .08em;
}

.inventory-power-schema-slot select {
  background: #071425;
  border: 1px solid rgba(79, 155, 215, .32);
  border-radius: 8px;
  color: #eaf6ff;
  min-height: 38px;
  min-width: 0;
  padding: 0 10px;
  width: 100%;
}

@media (max-width: 620px) {
  .inventory-power-schema-slot { grid-template-columns: 1fr; }
  .inventory-power-schema-slot > small { grid-column: auto; }
  .inventory-power-schema-slot button { width: 100%; }
}