:root {
  --ev-bg: #040b14;
  --ev-bg-elev: #0b1625;
  --ev-navy-panel: rgba(18, 34, 58, 0.78);
  --ev-crimson-panel: rgba(58, 28, 42, 0.76);
  --ev-panel: rgba(18, 31, 52, 0.56);
  --ev-panel-strong: rgba(10, 18, 31, 0.8);
  --ev-border: rgba(233, 241, 255, 0.14);
  --ev-gold-trim: rgba(255, 219, 158, 0.28);
  --ev-text: #edf4ff;
  --ev-text-dim: rgba(199, 212, 230, 0.78);
  --ev-accent: #a9dcff;
  --ev-accent-strong: #fff0c8;
  --ev-silver: #f7fbff;
  --ev-shadow: 0 28px 68px rgba(2, 8, 18, 0.42);
}

html, body {
  color: var(--ev-text);
}

body {
  background:
    linear-gradient(180deg, rgba(4, 8, 14, 0.54), rgba(4, 8, 14, 0.82)),
    radial-gradient(circle at 12% 14%, rgba(102, 185, 255, 0.14), transparent 34%),
    radial-gradient(circle at 82% 10%, rgba(255, 215, 145, 0.1), transparent 24%),
    url('/static/background.png') center center / cover no-repeat fixed !important;
  color: var(--ev-text) !important;
}

body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -10 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(169, 220, 255, 0.16), transparent 20%),
    radial-gradient(circle at 82% 26%, rgba(255, 214, 153, 0.12), transparent 24%),
    url('/static/map.png') center center / cover no-repeat !important;
  opacity: 0.16 !important;
  mix-blend-mode: screen;
}

body.ev-player-core,
body.ev-staff-core,
body.ev-index {
  position: relative;
  isolation: isolate;
}

body.ev-player-core::before,
body.ev-staff-core::before,
body.ev-index::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 12%, rgba(173, 222, 255, 0.14), transparent 22%),
    radial-gradient(circle at 82% 22%, rgba(255, 219, 158, 0.1), transparent 26%),
    url('/static/map.png') center center / cover no-repeat !important;
  opacity: 0.18 !important;
}

body.ev-player-core::after,
body.ev-staff-core::after,
body.ev-index::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 16%, rgba(136, 199, 255, 0.12), transparent 42%),
    radial-gradient(circle at 76% 78%, rgba(255, 214, 145, 0.1), transparent 44%),
    linear-gradient(160deg, rgba(10, 18, 31, 0.72) 0%, rgba(4, 9, 16, 0.88) 100%) !important;
}

/* mockup-inspired board skin */
.guide-section,
.hero,
.banner,
.osrs-stone-panel,
.glass-card,
.card,
.panel {
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 24px 56px rgba(2, 8, 18, 0.42) !important;
}

.guide-section,
.plugin-card,
.gear-item-card,
.wiki-result-item {
  background: linear-gradient(145deg, rgba(22, 36, 58, 0.58), rgba(10, 18, 31, 0.82)) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
}

.section-title,
.panel-title,
.guide-card-title,
.plugin-name,
.gear-item-name,
.wiki-result-title,
.sentinel-title,
.hero-title {
  color: #f5fbff !important;
  letter-spacing: 0.01em;
}

.guide-card,
.plugin-card,
.gear-item-card,
.wiki-result-item,
.rank-card,
.event-card {
  border: 1px solid rgba(165, 204, 238, 0.28) !important;
  border-radius: 12px !important;
}

main,
.app-main,
.main-content,
.main-container,
.dashboard-main,
.dashboard-home-main {
  color: var(--ev-text);
}

.glass-card,
.osrs-stone-panel,
.modal-glass,
.portal-card,
.banner,
.card,
.panel,
main section[class*="rounded"],
main div[class*="rounded"] {
  border-color: var(--ev-border) !important;
}

.glass-card,
.osrs-stone-panel,
.modal-glass,
.portal-card,
.banner,
.card,
.panel {
  background: linear-gradient(145deg, var(--ev-panel), var(--ev-panel-strong)) !important;
  box-shadow: var(--ev-shadow) !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

h1, h2, h3, h4, h5, h6 {
  color: #f7fbff !important;
}

p, span, small, label, li, td, th, div {
  border-color: inherit;
}

p, span, small, label, li {
  color: var(--ev-text-dim);
}

a {
  color: var(--ev-accent);
}

a:hover {
  color: var(--ev-accent-strong);
}

button,
.btn,
.btn-portal,
.btn-action,
input[type="submit"],
input[type="button"] {
  background: linear-gradient(180deg, rgba(46, 71, 104, 0.94), rgba(24, 42, 68, 0.96)) !important;
  border: 1px solid rgba(255, 223, 168, 0.34) !important;
  color: #f7fbff !important;
  box-shadow: 0 14px 30px rgba(6, 12, 24, 0.34) !important;
}

button:hover,
.btn:hover,
.btn-portal:hover,
.btn-action:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background: linear-gradient(180deg, rgba(61, 91, 128, 0.96), rgba(30, 52, 82, 0.98)) !important;
  border-color: rgba(255, 232, 186, 0.56) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 36px rgba(6, 12, 24, 0.38) !important;
}

.ev-staff-core button,
.ev-staff-core .btn,
.ev-staff-core .btn-portal,
.ev-staff-core .btn-action,
.ev-staff-core .btn-gold,
.ev-staff-core input[type="submit"],
.ev-staff-core input[type="button"],
.ev-staff-core a.btn,
.ev-staff-core a.btn-action,
.ev-staff-core a.panel-link-btn,
.ev-player-core button,
.ev-player-core .btn,
.ev-player-core .btn-portal,
.ev-player-core .btn-action,
.ev-player-core .btn-gold,
.ev-player-core input[type="submit"],
.ev-player-core input[type="button"],
.ev-player-core a.btn,
.ev-player-core a.btn-action,
.ev-player-core a.panel-link-btn {
  background: linear-gradient(180deg, rgba(155, 35, 29, 0.96), rgba(99, 19, 18, 0.98)) !important;
  border: 1px solid rgba(214, 166, 82, 0.58) !important;
  color: #fff7e7 !important;
  box-shadow: 0 10px 24px rgba(78, 16, 13, 0.38) !important;
}

.ev-staff-core button:hover,
.ev-staff-core .btn:hover,
.ev-staff-core .btn-portal:hover,
.ev-staff-core .btn-action:hover,
.ev-staff-core .btn-gold:hover,
.ev-staff-core input[type="submit"]:hover,
.ev-staff-core input[type="button"]:hover,
.ev-staff-core a.btn:hover,
.ev-staff-core a.btn-action:hover,
.ev-staff-core a.panel-link-btn:hover,
.ev-player-core button:hover,
.ev-player-core .btn:hover,
.ev-player-core .btn-portal:hover,
.ev-player-core .btn-action:hover,
.ev-player-core .btn-gold:hover,
.ev-player-core input[type="submit"]:hover,
.ev-player-core input[type="button"]:hover,
.ev-player-core a.btn:hover,
.ev-player-core a.btn-action:hover,
.ev-player-core a.panel-link-btn:hover {
  background: linear-gradient(180deg, rgba(177, 49, 36, 0.98), rgba(126, 28, 24, 0.98)) !important;
  border-color: rgba(243, 215, 154, 0.88) !important;
  color: #fff8eb !important;
  box-shadow: 0 14px 28px rgba(92, 24, 18, 0.42) !important;
}

.ev-staff-core button i,
.ev-staff-core button svg,
.ev-staff-core .btn i,
.ev-staff-core .btn svg,
.ev-staff-core .btn-action i,
.ev-staff-core .btn-action svg,
.ev-staff-core .btn-gold i,
.ev-staff-core .btn-gold svg,
.ev-staff-core a.btn i,
.ev-staff-core a.btn svg,
.ev-staff-core a.btn-action i,
.ev-staff-core a.btn-action svg,
.ev-staff-core a.panel-link-btn i,
.ev-staff-core a.panel-link-btn svg {
  color: #f3e8ff !important;
  stroke: currentColor !important;
}

input,
textarea,
select {
  background: rgba(10, 21, 36, 0.85) !important;
  color: #edf5ff !important;
  border: 1px solid rgba(171, 206, 238, 0.35) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(192, 210, 230, 0.65) !important;
}

table {
  background: rgba(9, 19, 33, 0.78) !important;
  color: #eef4ff !important;
}

thead th {
  color: #cde5ff !important;
  background: rgba(17, 33, 53, 0.9) !important;
}

tbody tr:hover {
  background: rgba(109, 184, 248, 0.12) !important;
}

#sidebar,
.sidebar,
.sidebar-glass,
.side-nav,
aside.sidebar-glass {
  background: linear-gradient(180deg, rgba(5, 13, 25, 0.97), rgba(6, 17, 32, 0.96)) !important;
  border-right: 1px solid rgba(145, 186, 222, 0.25) !important;
}

#sidebar .nav-item-active,
.sidebar .nav-item-active,
.sidebar-glass .nav-item-active {
  border-left-color: #82c8ff !important;
  background: linear-gradient(90deg, rgba(111, 188, 250, 0.2), rgba(111, 188, 250, 0.05)) !important;
}

#sidebar a,
.sidebar a,
.sidebar-glass a,
.side-nav a {
  color: #d7e8fb !important;
}

#sidebar a:hover,
.sidebar a:hover,
.sidebar-glass a:hover,
.side-nav a:hover {
  background: rgba(111, 186, 249, 0.18) !important;
  color: #f7fbff !important;
}

@media (max-width: 1024px) {
  .main-content,
  .main-container,
  .dashboard-main,
  .dashboard-home-main,
  .app-main,
  main {
    padding: 1.2rem !important;
  }

  .banner,
  .portal-card,
  .glass-card,
  .osrs-stone-panel,
  .modal-glass {
    border-radius: 14px !important;
  }

  table {
    font-size: 0.78rem !important;
  }

  .main-container,
  .dashboard-main,
  .dashboard-home-main,
  .app-main,
  main {
    margin-left: 0 !important;
  }
}

@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }

  h1 { font-size: 1.75rem !important; }
  h2 { font-size: 1.4rem !important; }
  h3 { font-size: 1.15rem !important; }

  .banner,
  .portal-card,
  .glass-card,
  .osrs-stone-panel,
  .modal-glass,
  .card,
  .panel,
  section,
  .main-content > div {
    padding: 0.95rem !important;
  }

  button,
  .btn,
  .btn-portal,
  .btn-action,
  input[type="submit"],
  input[type="button"] {
    min-height: 40px;
    font-size: 0.78rem !important;
  }

  .custom-scrollbar {
    -webkit-overflow-scrolling: touch;
  }

  .plugin-list,
  .gear-setup-grid,
  .guide-layout,
  .dashboard-home-grid,
  .stats-grid,
  .cards-grid {
    grid-template-columns: 1fr !important;
  }

  .banner,
  .hero,
  .guide-section,
  .osrs-stone-panel,
  .glass-card,
  .card {
    width: 100% !important;
    max-width: 100% !important;
  }

  .app-main,
  .main-container,
  .main-content,
  .dashboard-home-main,
  main[class*="ml-"],
  div[class*="ml-"] {
    margin-left: 0 !important;
  }

  .table-responsive,
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  input,
  select,
  textarea,
  button,
  .btn,
  .btn-action,
  .btn-portal {
    max-width: 100%;
  }

  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
}

/* Unified dashboard background (staff + player) */
body.ev-staff-core,
body.ev-player-core {
  background: url('/static/background.png') center center / cover no-repeat fixed !important;
  background-color: #000 !important;
}

body.ev-staff-core::before,
body.ev-player-core::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -10 !important;
  pointer-events: none !important;
  background: url('/static/background.png') center center / cover no-repeat fixed !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

body.ev-staff-core::after,
body.ev-player-core::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -9 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(2, 6, 23, 0.34), rgba(2, 6, 23, 0.52)) !important;
  opacity: 1 !important;
}

@media (max-width: 480px) {
  h1 { font-size: 1.45rem !important; }
  h2 { font-size: 1.2rem !important; }
  h3 { font-size: 1rem !important; }

  .app-main,
  .main-container,
  .main-content,
  .dashboard-home-main,
  main {
    padding: 0.8rem !important;
  }

  #sidebar a,
  .sidebar a,
  .sidebar-glass a,
  .sidebar-link,
  .side-nav a {
    min-height: 40px;
    font-size: 0.68rem !important;
    letter-spacing: 0.08em !important;
  }

  button,
  .btn,
  .btn-action,
  .btn-portal,
  input[type="submit"],
  input[type="button"] {
    min-height: 42px;
  }

  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  .modal,
  .modal-glass,
  .modal-overlay,
  [id*="Modal"],
  [class*="modal"] {
    padding: 0.75rem !important;
  }
}

@media (max-width: 360px) {
  #sidebar a,
  .sidebar a,
  .sidebar-glass a,
  .sidebar-link,
  .side-nav a {
    font-size: 0.64rem !important;
    padding-left: 0.55rem !important;
    padding-right: 0.55rem !important;
  }

  .panel-title,
  .section-title {
    letter-spacing: 0.04em !important;
  }
}

/* Staff + player dashboard visual parity mode */
body.ev-gold-standard {
  --ev-board-surface: rgba(234, 223, 199, 0.95);
  --ev-board-surface-strong: rgba(245, 238, 221, 0.97);
  --ev-board-ink: #1f2937;
  --ev-board-ink-soft: #475569;
  --ev-board-border: rgba(68, 82, 104, 0.32);
  --ev-board-action: #0f3b70;
  --ev-board-action-hover: #155196;
  background:
    radial-gradient(circle at 16% 2%, rgba(105, 185, 255, 0.2), transparent 34%),
    radial-gradient(circle at 88% 98%, rgba(120, 156, 197, 0.22), transparent 42%),
    linear-gradient(180deg, #050f1f 0%, #040c17 100%) !important;
}

body.ev-gold-standard .glass-card,
body.ev-gold-standard .banner,
body.ev-gold-standard .portal-card,
body.ev-gold-standard .section-shell,
body.ev-gold-standard .card,
body.ev-gold-standard .panel {
  background:
    radial-gradient(circle at 12% 14%, rgba(255, 255, 255, 0.42), transparent 42%),
    linear-gradient(180deg, var(--ev-board-surface-strong), var(--ev-board-surface)) !important;
  border: 1px solid var(--ev-board-border) !important;
  box-shadow: 0 14px 34px rgba(2, 6, 23, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  color: var(--ev-board-ink) !important;
}

body.ev-gold-standard h1,
body.ev-gold-standard h2,
body.ev-gold-standard h3,
body.ev-gold-standard h4,
body.ev-gold-standard .hero-title,
body.ev-gold-standard .panel-title,
body.ev-gold-standard .banner-title,
body.ev-gold-standard .section-title {
  color: var(--ev-board-ink) !important;
}

body.ev-gold-standard p,
body.ev-gold-standard span,
body.ev-gold-standard .panel-desc,
body.ev-gold-standard .banner-subtitle,
body.ev-gold-standard .section-subtitle {
  color: var(--ev-board-ink-soft) !important;
}

body.ev-gold-standard .stat-pill {
  background: rgba(15, 59, 112, 0.14) !important;
  color: #0f3b70 !important;
  border: 1px solid rgba(15, 59, 112, 0.24);
}

body.ev-gold-standard .btn,
body.ev-gold-standard button,
body.ev-gold-standard .btn-action,
body.ev-gold-standard .btn-portal,
body.ev-gold-standard .claim-daily-btn {
  background: var(--ev-board-action) !important;
  border-color: rgba(8, 29, 58, 0.5) !important;
  color: #f8fafc !important;
  box-shadow: 0 8px 22px rgba(15, 59, 112, 0.28) !important;
}

body.ev-gold-standard .btn:hover,
body.ev-gold-standard button:hover,
body.ev-gold-standard .btn-action:hover,
body.ev-gold-standard .btn-portal:hover,
body.ev-gold-standard .claim-daily-btn:hover {
  background: var(--ev-board-action-hover) !important;
}

body.ev-gold-standard .sidebar,
body.ev-gold-standard .sidebar-glass {
  background:
    linear-gradient(180deg, rgba(5, 14, 28, 0.98), rgba(7, 20, 37, 0.97)) !important;
  border-right: 1px solid rgba(148, 181, 219, 0.33) !important;
}

body.ev-gold-standard .nav-item-active,
body.ev-gold-standard .sidebar-link.active {
  background: linear-gradient(90deg, rgba(82, 151, 222, 0.34), rgba(59, 130, 246, 0.14)) !important;
  border-left-color: rgba(147, 197, 253, 0.9) !important;
}

/* Final staff layout authority: keep major content centered within the post-sidebar canvas. */
body.ev-staff-core {
  --ev-staff-shell-max: 1440px;
  --ev-staff-sidebar: 16rem;
}

body.ev-staff-core main[class*='ml-64'] {
  width: calc(100% - var(--ev-staff-sidebar)) !important;
  margin-left: var(--ev-staff-sidebar) !important;
  padding: 1.75rem clamp(1rem, 2vw, 2rem) 2.5rem !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

body.ev-staff-core main[class*='ml-64'] > section,
body.ev-staff-core main[class*='ml-64'] > div,
body.ev-staff-core main[class*='ml-64'] > article,
body.ev-staff-core .dashboard-main,
body.ev-staff-core .dashboard-home-main,
body.ev-staff-core .main-content > section,
body.ev-staff-core .main-content > div,
body.ev-staff-core .main-container > section,
body.ev-staff-core .main-container > div {
  width: min(100%, var(--ev-staff-shell-max)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body.ev-staff-core .dashboard-main,
body.ev-staff-core .dashboard-home-main,
body.ev-staff-core .main-content,
body.ev-staff-core .main-container {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 1024px) {
  body.ev-staff-core main[class*='ml-64'] {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 1.25rem 1rem 1.9rem !important;
  }

  body.ev-staff-core .dashboard-main,
  body.ev-staff-core .dashboard-home-main,
  body.ev-staff-core .main-content,
  body.ev-staff-core .main-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 768px) {
  body.ev-staff-core main[class*='ml-64'] > section,
  body.ev-staff-core main[class*='ml-64'] > div,
  body.ev-staff-core main[class*='ml-64'] > article,
  body.ev-staff-core .dashboard-main,
  body.ev-staff-core .dashboard-home-main,
  body.ev-staff-core .main-content > section,
  body.ev-staff-core .main-content > div,
  body.ev-staff-core .main-container > section,
  body.ev-staff-core .main-container > div {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Command Core v3: screenshot-inspired light steel + parchment boards */
body,
body.ev-player,
body.ev-gold-standard {
  background:
    radial-gradient(circle at 6% 0%, rgba(226, 241, 255, 0.44), transparent 40%),
    radial-gradient(circle at 94% 0%, rgba(199, 226, 250, 0.35), transparent 34%),
    linear-gradient(180deg, #b8d0e6 0%, #a7bfd9 34%, #98b2cf 100%) !important;
}

.glass-card,
.osrs-stone-panel,
.modal-glass,
.portal-card,
.banner,
.card,
.panel,
.section-shell,
.hero {
  background:
    radial-gradient(circle at 15% 8%, rgba(255, 255, 255, 0.55), transparent 46%),
    linear-gradient(180deg, rgba(250, 247, 240, 0.96), rgba(240, 233, 219, 0.95)) !important;
  border: 1px solid rgba(126, 143, 164, 0.45) !important;
  box-shadow:
    0 10px 24px rgba(24, 39, 56, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

h1, h2, h3, h4, h5, h6,
.hero-title,
.section-title,
.panel-title,
.banner-title {
  color: #17263a !important;
}

p, span, small, label, li,
.panel-desc,
.section-subtitle,
.banner-subtitle {
  color: #3c536f !important;
}

.stat-pill {
  border-radius: 999px !important;
  border: 1px solid rgba(101, 155, 212, 0.62) !important;
  background: radial-gradient(circle at 30% 30%, rgba(221, 246, 255, 0.95), rgba(146, 202, 246, 0.88)) !important;
  color: #11456e !important;
  font-weight: 800 !important;
  min-width: 76px;
  text-align: center;
}

button,
.btn,
.btn-action,
.btn-portal,
input[type="submit"],
input[type="button"] {
  background: linear-gradient(180deg, #f4fbff, #d6ebfb) !important;
  border: 1px solid rgba(125, 163, 201, 0.75) !important;
  color: #17314d !important;
  box-shadow: 0 4px 10px rgba(44, 90, 132, 0.16) !important;
}

button:hover,
.btn:hover,
.btn-action:hover,
.btn-portal:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background: linear-gradient(180deg, #ffffff, #dbeefe) !important;
  border-color: rgba(97, 147, 197, 0.85) !important;
}

input,
textarea,
select {
  background: rgba(241, 249, 255, 0.88) !important;
  color: #153550 !important;
  border: 1px solid rgba(129, 164, 196, 0.52) !important;
}

table {
  background: rgba(241, 248, 255, 0.72) !important;
  color: #18344f !important;
}

thead th {
  background: rgba(200, 223, 243, 0.72) !important;
  color: #173750 !important;
}

tbody tr:hover {
  background: rgba(154, 200, 238, 0.2) !important;
}

#sidebar,
.sidebar,
.sidebar-glass,
.side-nav,
aside.sidebar-glass {
  background: linear-gradient(180deg, rgba(232, 244, 255, 0.98), rgba(202, 223, 243, 0.97)) !important;
  border-right: 1px solid rgba(132, 163, 193, 0.55) !important;
}

#sidebar a,
.sidebar a,
.sidebar-glass a,
.side-nav a,
.sidebar-link {
  color: #294964 !important;
}

#sidebar .nav-item-active,
.sidebar .nav-item-active,
.sidebar-link.active {
  background: linear-gradient(90deg, rgba(170, 220, 255, 0.65), rgba(218, 241, 255, 0.72)) !important;
  border-left: 3px solid rgba(99, 166, 223, 0.9) !important;
  color: #183c5f !important;
}

@media (max-width: 768px) {
  .glass-card,
  .osrs-stone-panel,
  .modal-glass,
  .portal-card,
  .banner,
  .card,
  .panel,
  .section-shell,
  .hero {
    border-radius: 12px !important;
  }
}

/* Player dashboard page-by-page theme (dark-purple nav, soft white body, dark panels/buttons) */
body.ev-player.ev-player-core {
  background:
    radial-gradient(circle at 90% 0%, rgba(196, 216, 236, 0.22), transparent 38%),
    radial-gradient(circle at 8% 0%, rgba(185, 201, 222, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(226, 232, 240, 0.24) 0%, rgba(203, 213, 225, 0.16) 100%),
    url('/static/sailing.jpg') center/cover fixed no-repeat !important;
  background-blend-mode: screen, screen, normal;
  color: #e5e7eb !important;
}

body.ev-player.ev-player-core .main-content,
body.ev-player.ev-player-core .main-container,
body.ev-player.ev-player-core .app-main,
body.ev-player.ev-player-core main {
  background: transparent !important;
}

body.ev-player.ev-player-core .glass-card,
body.ev-player.ev-player-core .portal-card,
body.ev-player.ev-player-core .banner,
body.ev-player.ev-player-core .card,
body.ev-player.ev-player-core .panel,
body.ev-player.ev-player-core .section-shell,
body.ev-player.ev-player-core .hero,
body.ev-player.ev-player-core .guide-section,
body.ev-player.ev-player-core .registry-card,
body.ev-player.ev-player-core .step-card,
body.ev-player.ev-player-core .product-card {
  background: linear-gradient(180deg, rgba(26, 11, 46, 0.97), rgba(20, 8, 38, 0.97)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 24px rgba(14, 7, 27, 0.45) !important;
}

body.ev-player.ev-player-core h1,
body.ev-player.ev-player-core h2,
body.ev-player.ev-player-core h3,
body.ev-player.ev-player-core h4,
body.ev-player.ev-player-core .hero-title,
body.ev-player.ev-player-core .section-title,
body.ev-player.ev-player-core .panel-title,
body.ev-player.ev-player-core .banner-title {
  color: #ffffff !important;
}

body.ev-player.ev-player-core p,
body.ev-player.ev-player-core span,
body.ev-player.ev-player-core small,
body.ev-player.ev-player-core label,
body.ev-player.ev-player-core li,
body.ev-player.ev-player-core .section-subtitle,
body.ev-player.ev-player-core .panel-desc,
body.ev-player.ev-player-core .banner-subtitle,
body.ev-player.ev-player-core .hero-sub,
body.ev-player.ev-player-core .hero-meta,
body.ev-player.ev-player-core .guide-subtitle {
  color: #cbd5e1 !important;
}

body.ev-player.ev-player-core button:not(.hm-global-fab):not(.hm-global-chip):not(.hm-global-tab):not(.hm-global-send),
body.ev-player.ev-player-core .btn,
body.ev-player.ev-player-core .btn-action,
body.ev-player.ev-player-core .btn-portal,
body.ev-player.ev-player-core .claim-daily-btn,
body.ev-player.ev-player-core input[type="submit"],
body.ev-player.ev-player-core input[type="button"] {
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(30, 41, 59, 0.98)) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.45) !important;
}

body.ev-player.ev-player-core button:not(.hm-global-fab):not(.hm-global-chip):not(.hm-global-tab):not(.hm-global-send):hover,
body.ev-player.ev-player-core .btn:hover,
body.ev-player.ev-player-core .btn-action:hover,
body.ev-player.ev-player-core .btn-portal:hover,
body.ev-player.ev-player-core .claim-daily-btn:hover,
body.ev-player.ev-player-core input[type="submit"]:hover,
body.ev-player.ev-player-core input[type="button"]:hover {
  border-color: rgba(34, 211, 238, 0.68) !important;
  color: #ecfeff !important;
}

body.ev-player.ev-player-core input,
body.ev-player.ev-player-core textarea,
body.ev-player.ev-player-core select {
  background: rgba(15, 23, 42, 0.92) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
}

body.ev-player.ev-player-core #sidebar,
body.ev-player.ev-player-core .sidebar,
body.ev-player.ev-player-core .sidebar-glass,
body.ev-player.ev-player-core .side-nav {
  background: linear-gradient(180deg, rgba(26, 11, 46, 0.99), rgba(18, 8, 34, 0.99)) !important;
  border-right: 2px solid rgba(56, 189, 248, 0.72) !important;
  box-shadow: inset -1px 0 0 rgba(125, 211, 252, 0.45), 0 0 30px rgba(10, 6, 20, 0.55) !important;
}

body.ev-player.ev-player-core .sidebar,
body.ev-player.ev-player-core .sidebar a,
body.ev-player.ev-player-core .sidebar .sidebar-link,
body.ev-player.ev-player-core .sidebar .sidebar-link span,
body.ev-player.ev-player-core .sidebar .sidebar-title,
body.ev-player.ev-player-core .sidebar .account-name,
body.ev-player.ev-player-core .sidebar .account-label,
body.ev-player.ev-player-core .sidebar .rank-tag,
body.ev-player.ev-player-core .sidebar i,
body.ev-player.ev-player-core .sidebar [data-lucide] {
  color: #ffffff !important;
}

body.ev-player.ev-player-core .sidebar-link.active,
body.ev-player.ev-player-core .nav-item-active {
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.16), rgba(33, 13, 60, 0.96)) !important;
  border-left-color: rgba(34, 211, 238, 0.82) !important;
}

@media (max-width: 768px) {
  body.ev-player.ev-player-core .main-content,
  body.ev-player.ev-player-core .main-container,
  body.ev-player.ev-player-core .app-main,
  body.ev-player.ev-player-core main {
    background: transparent !important;
  }
}

body.ev-player.ev-player-core .ev-player-page-shell {
  position: relative;
  width: 100%;
}

body.ev-player.ev-player-core .ev-player-page-shell img,
body.ev-player.ev-player-core .ev-player-page-shell video,
body.ev-player.ev-player-core .ev-player-page-shell canvas {
  max-width: 100%;
}

body.ev-player.ev-player-core .ev-player-hero-card {
  border-radius: 20px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.13), transparent 50%),
    linear-gradient(180deg, rgba(26, 11, 46, 0.98), rgba(20, 8, 38, 0.98)) !important;
  box-shadow: 0 14px 28px rgba(15, 8, 30, 0.45) !important;
}

body.ev-player.ev-player-core .ev-player-home-shell .home-card,
body.ev-player.ev-player-core .ev-player-shop-shell .product-card,
body.ev-player.ev-player-core .ev-player-guide-shell .guide-section,
body.ev-player.ev-player-core .ev-player-account-shell .section-shell,
body.ev-player.ev-player-core .ev-player-fleet-shell .card,
body.ev-player.ev-player-core .ev-player-registry-shell .registry-card,
body.ev-player.ev-player-core .ev-player-newguide-shell .step-card,
body.ev-player.ev-player-core .ev-player-calendar-shell .rounded-sm {
  border-radius: 16px !important;
}

body.ev-player.ev-player-core .ev-player-home-shell .home-card,
body.ev-player.ev-player-core .ev-player-home-shell .bounty-card,
body.ev-player.ev-player-core .ev-player-home-shell .motm-card {
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.11), transparent 52%),
    linear-gradient(180deg, rgba(27, 11, 49, 0.98), rgba(20, 8, 38, 0.98)) !important;
  border: 1px solid rgba(125, 211, 252, 0.24) !important;
  box-shadow: 0 16px 28px rgba(12, 6, 24, 0.5) !important;
}

body.ev-player.ev-player-core .ev-player-home-shell .welcome-chip,
body.ev-player.ev-player-core .ev-player-home-shell .bounty-label,
body.ev-player.ev-player-core .ev-player-guide-shell .guide-tag,
body.ev-player.ev-player-core .ev-player-newguide-shell .step-num {
  color: #67e8f9 !important;
}

body.ev-player.ev-player-core .ev-player-home-shell .points-balance,
body.ev-player.ev-player-core .ev-player-home-shell .presence-pill,
body.ev-player.ev-player-core .ev-player-shop-shell .discount-pill,
body.ev-player.ev-player-core .ev-player-account-shell .pill {
  background: rgba(8, 20, 34, 0.9) !important;
  border: 1px solid rgba(34, 211, 238, 0.36) !important;
  color: #c9f6ff !important;
}

body.ev-player.ev-player-core .ev-player-calendar-shell #player-calendar-grid > div,
body.ev-player.ev-player-core .ev-player-calendar-shell .player-calendar-weekdays > div {
  border-radius: 8px;
}

@media (max-width: 1024px) {
  body.ev-player.ev-player-core .ev-player-page-shell [style*="grid-template-columns:minmax(0,1.8fr)"],
  body.ev-player.ev-player-core .ev-player-page-shell [style*="grid-template-columns:minmax(0,2fr) minmax(0,1fr)"],
  body.ev-player.ev-player-core .ev-player-page-shell [style*="grid-template-columns:minmax(0,1fr) minmax(0,1fr)"] {
    grid-template-columns: 1fr !important;
  }

  body.ev-player.ev-player-core .ev-player-page-shell {
    overflow-x: clip;
  }
}

@media (max-width: 768px) {
  body.ev-player.ev-player-core .ev-player-hero-card {
    border-radius: 14px !important;
  }

  body.ev-player.ev-player-core .ev-player-home-shell .banner-content,
  body.ev-player.ev-player-core .ev-player-guide-shell .guide-hero,
  body.ev-player.ev-player-core .ev-player-account-shell .profile-banner-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }

  body.ev-player.ev-player-core .ev-player-guide-shell .guide-layout,
  body.ev-player.ev-player-core .ev-player-account-shell .split-panels,
  body.ev-player.ev-player-core .ev-player-page-shell [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }

  body.ev-player.ev-player-core .ev-player-page-shell [style*="display:flex"] {
    flex-wrap: wrap;
  }

  body.ev-player.ev-player-core .ev-player-calendar-shell #player-calendar-grid,
  body.ev-player.ev-player-core .ev-player-calendar-shell .player-calendar-weekdays {
    min-width: 0 !important;
  }

  body.ev-player.ev-player-core .ev-player-calendar-shell #player-calendar-grid > div {
    min-height: 78px !important;
  }

  body.ev-player.ev-player-core .ev-player-home-shell .home-welcome,
  body.ev-player.ev-player-core .ev-player-home-shell .bounty-board-grid,
  body.ev-player.ev-player-core .ev-player-home-shell [style*="grid-template-columns:minmax(0,1.8fr)"] {
    grid-template-columns: 1fr !important;
  }

  body.ev-player.ev-player-core .ev-player-page-shell {
    padding-top: 0.4rem;
  }
}

/* Staff dashboard parity theme (dark-purple sidebar, soft page background, dark panels/buttons) */
body.ev-staff-core {
  background:
    radial-gradient(circle at 22% 14%, rgba(255, 255, 255, 0.08) 0.7px, transparent 1px),
    radial-gradient(circle at 73% 33%, rgba(255, 255, 255, 0.07) 0.6px, transparent 1px),
    radial-gradient(circle at 48% 81%, rgba(255, 255, 255, 0.06) 0.6px, transparent 1px),
    linear-gradient(180deg, #000000 0%, #020202 100%) !important;
  background-size: 240px 240px, 320px 320px, 410px 410px, cover !important;
  background-attachment: fixed !important;
  background-blend-mode: normal;
}

body.ev-staff-core::before,
body.ev-staff-core::after {
  display: block !important;
}

body.ev-staff-core::before {
  opacity: 0.14 !important;
}

body.ev-staff-core::after {
  opacity: 0.12 !important;
}

body.ev-staff-core .main-content,
body.ev-staff-core .main-container,
body.ev-staff-core .app-main,
body.ev-staff-core .dashboard-main,
body.ev-staff-core .dashboard-home-main,
body.ev-staff-core main {
  background: transparent !important;
}

body.ev-staff-core .glass-card,
body.ev-staff-core .portal-card,
body.ev-staff-core .banner,
body.ev-staff-core .card,
body.ev-staff-core .panel,
body.ev-staff-core .section-shell,
body.ev-staff-core .hero,
body.ev-staff-core .guide-section,
body.ev-staff-core .registry-card,
body.ev-staff-core .step-card,
body.ev-staff-core .osrs-stone-panel,
body.ev-staff-core .osrs-parchment,
body.ev-staff-core .osrs-parchment-item,
body.ev-staff-core .osrs-parchment-bg,
body.ev-staff-core .weather-banner-glass,
body.ev-staff-core .modal-content,
body.ev-staff-core .modal-glass,
body.ev-staff-core [class*="border"][class*="bg-slate-950/"],
body.ev-staff-core [class*="border"][class*="bg-black/"] {
  background: linear-gradient(180deg, rgba(26, 11, 46, 0.97), rgba(20, 8, 38, 0.97)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 24px rgba(14, 7, 27, 0.45) !important;
}

body.ev-staff-core #weather-banner,
body.ev-staff-core .weather-banner-glass {
  background:
    radial-gradient(circle at 8% 0%, rgba(34, 211, 238, 0.18), transparent 48%),
    linear-gradient(145deg, rgba(26, 11, 46, 0.98), rgba(20, 8, 38, 0.98)) !important;
  border: 1px solid rgba(125, 211, 252, 0.34) !important;
}

body.ev-staff-core h1,
body.ev-staff-core h2,
body.ev-staff-core h3,
body.ev-staff-core h4,
body.ev-staff-core .hero-title,
body.ev-staff-core .section-title,
body.ev-staff-core .panel-title,
body.ev-staff-core .banner-title {
  color: #ffffff !important;
}

body.ev-staff-core p,
body.ev-staff-core span,
body.ev-staff-core small,
body.ev-staff-core label,
body.ev-staff-core li,
body.ev-staff-core .section-subtitle,
body.ev-staff-core .panel-desc,
body.ev-staff-core .banner-subtitle,
body.ev-staff-core .hero-sub,
body.ev-staff-core .hero-meta {
  color: #cbd5e1 !important;
}

body.ev-staff-core .stat-pill,
body.ev-player.ev-player-core .stat-pill {
  border-radius: 999px !important;
  border: 1px solid rgba(139, 92, 246, 0.48) !important;
  background: rgba(139, 92, 246, 0.2) !important;
  color: #e9d5ff !important;
  font-weight: 800 !important;
}

body.ev-staff-core #promoBadge,
body.ev-player.ev-player-core #promoBadge {
  background: rgba(139, 92, 246, 0.2) !important;
  color: #d8b4fe !important;
  border: 1px solid rgba(139, 92, 246, 0.4) !important;
}

body.ev-staff-core button,
body.ev-staff-core .btn,
body.ev-staff-core .btn-action,
body.ev-staff-core .btn-portal,
body.ev-staff-core input[type="submit"],
body.ev-staff-core input[type="button"] {
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(30, 41, 59, 0.98)) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.45) !important;
  text-shadow: 0 1px 0 rgba(2, 6, 23, 0.75), 0 0 8px rgba(2, 6, 23, 0.35) !important;
}

body.ev-staff-core button[class*="bg-blue"],
body.ev-staff-core button[class*="bg-sky"],
body.ev-staff-core a[class*="bg-blue"],
body.ev-staff-core a[class*="bg-sky"],
body.ev-staff-core .btn-discord,
body.ev-staff-core .btn-action {
  background: linear-gradient(180deg, rgba(76, 29, 149, 0.98), rgba(59, 18, 120, 0.98)) !important;
  border-color: rgba(196, 181, 253, 0.45) !important;
  color: #f8fafc !important;
  text-shadow: 0 1px 0 rgba(2, 6, 23, 0.8), 0 0 10px rgba(2, 6, 23, 0.45) !important;
}

body.ev-staff-core [class*="bg-[#0fe5ff]"],
body.ev-staff-core [class*="bg-sky"],
body.ev-staff-core [class*="bg-blue"] {
  background: linear-gradient(180deg, rgba(76, 29, 149, 0.95), rgba(59, 18, 120, 0.95)) !important;
  border-color: rgba(196, 181, 253, 0.45) !important;
}

body.ev-staff-core [class*="text-[#0fe5ff]"],
body.ev-staff-core [class*="text-sky"],
body.ev-staff-core [class*="text-blue"] {
  color: #f8fafc !important;
  text-shadow: 0 1px 0 rgba(2, 6, 23, 0.8), 0 0 10px rgba(2, 6, 23, 0.45) !important;
}

body.ev-player.ev-player-core button[class*="bg-blue"],
body.ev-player.ev-player-core button[class*="bg-sky"],
body.ev-player.ev-player-core a[class*="bg-blue"],
body.ev-player.ev-player-core a[class*="bg-sky"] {
  background: linear-gradient(180deg, rgba(76, 29, 149, 0.98), rgba(59, 18, 120, 0.98)) !important;
  border-color: rgba(196, 181, 253, 0.45) !important;
  color: #f8fafc !important;
  text-shadow: 0 1px 0 rgba(2, 6, 23, 0.8), 0 0 10px rgba(2, 6, 23, 0.45) !important;
}

body.ev-player.ev-player-core [class*="bg-[#0fe5ff]"],
body.ev-player.ev-player-core [class*="bg-sky"],
body.ev-player.ev-player-core [class*="bg-blue"] {
  background: linear-gradient(180deg, rgba(76, 29, 149, 0.95), rgba(59, 18, 120, 0.95)) !important;
  border-color: rgba(196, 181, 253, 0.45) !important;
}

body.ev-player.ev-player-core [class*="text-[#0fe5ff]"],
body.ev-player.ev-player-core [class*="text-sky"],
body.ev-player.ev-player-core [class*="text-blue"] {
  color: #f8fafc !important;
  text-shadow: 0 1px 0 rgba(2, 6, 23, 0.8), 0 0 10px rgba(2, 6, 23, 0.45) !important;
}

body.ev-staff-core button[class*="bg-blue"]:hover,
body.ev-staff-core button[class*="bg-sky"]:hover,
body.ev-staff-core a[class*="bg-blue"]:hover,
body.ev-staff-core a[class*="bg-sky"]:hover,
body.ev-player.ev-player-core button[class*="bg-blue"]:hover,
body.ev-player.ev-player-core button[class*="bg-sky"]:hover,
body.ev-player.ev-player-core a[class*="bg-blue"]:hover,
body.ev-player.ev-player-core a[class*="bg-sky"]:hover {
  background: linear-gradient(180deg, rgba(91, 33, 182, 0.98), rgba(67, 20, 140, 0.98)) !important;
  border-color: rgba(216, 180, 254, 0.65) !important;
}

body.ev-staff-core button:hover,
body.ev-staff-core .btn:hover,
body.ev-staff-core .btn-action:hover,
body.ev-staff-core .btn-portal:hover,
body.ev-staff-core input[type="submit"]:hover,
body.ev-staff-core input[type="button"]:hover {
  border-color: rgba(216, 180, 254, 0.72) !important;
  color: #ffffff !important;
}

body.ev-staff-core input,
body.ev-staff-core textarea,
body.ev-staff-core select {
  background: rgba(15, 23, 42, 0.92) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
}

body.ev-staff-core #sidebar,
body.ev-staff-core .sidebar,
body.ev-staff-core .sidebar-glass,
body.ev-staff-core .side-nav {
  background: linear-gradient(180deg, rgba(26, 11, 46, 0.99), rgba(18, 8, 34, 0.99)) !important;
  border-right: 2px solid rgba(56, 189, 248, 0.72) !important;
  box-shadow: inset -1px 0 0 rgba(125, 211, 252, 0.45), 0 0 30px rgba(10, 6, 20, 0.55) !important;
}

body.ev-staff-core .sidebar,
body.ev-staff-core .sidebar-glass,
body.ev-staff-core .sidebar a,
body.ev-staff-core .sidebar-glass a,
body.ev-staff-core .sidebar .sidebar-link,
body.ev-staff-core .sidebar-glass .sidebar-link,
body.ev-staff-core .sidebar .sidebar-link span,
body.ev-staff-core .sidebar-glass .sidebar-link span,
body.ev-staff-core .sidebar .sidebar-title,
body.ev-staff-core .sidebar-glass .sidebar-title,
body.ev-staff-core .sidebar .account-name,
body.ev-staff-core .sidebar .account-label,
body.ev-staff-core .sidebar i,
body.ev-staff-core .sidebar [data-lucide],
body.ev-staff-core .sidebar-glass i,
body.ev-staff-core .sidebar-glass [data-lucide],
body.ev-staff-core .topbar-title,
body.ev-staff-core .topbar-subtitle {
  color: #ffffff !important;
}

body.ev-staff-core .sidebar-glass .nav-item-hover:hover,
body.ev-staff-core .sidebar-glass .sidebar-link:hover,
body.ev-staff-core #staffSidebar .sidebar-nav-item:hover {
  background: rgba(15, 23, 42, 0.9) !important;
  border-left-color: rgba(34, 211, 238, 0.52) !important;
}

body.ev-staff-core .sidebar-link.active,
body.ev-staff-core .nav-item-active {
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.16), rgba(33, 13, 60, 0.96)) !important;
  border-left-color: rgba(34, 211, 238, 0.82) !important;
}

@media (max-width: 1024px) {
  body.ev-staff-core [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }

  body.ev-staff-core .main-content,
  body.ev-staff-core .main-container,
  body.ev-staff-core .dashboard-main,
  body.ev-staff-core .dashboard-home-main,
  body.ev-staff-core .app-main,
  body.ev-staff-core main {
    margin-left: 0 !important;
  }
}

@media (max-width: 768px) {
  body.ev-staff-core {
    overflow-x: hidden;
  }

  body.ev-staff-core .main-content,
  body.ev-staff-core .main-container,
  body.ev-staff-core .dashboard-main,
  body.ev-staff-core .dashboard-home-main,
  body.ev-staff-core .app-main,
  body.ev-staff-core main {
    padding: 0.95rem !important;
  }
}

body.ev-staff-core {
  --crimson-dark: #4a0404;
  --crimson-light: #8b0000;
  --gold: #d4af37;
  --gold-light: #f1e5ac;
  --osrs-stone: #5b5b5b;
  --osrs-stone-light: #7a7a7a;
  --osrs-stone-dark: #3a3a3a;
  --parchment: #e8dcc4;
}

body.ev-staff-core .pirate-panel,
body.ev-staff-core .glass-card,
body.ev-staff-core .osrs-panel,
body.ev-staff-core .osrs-stone-panel,
body.ev-staff-core .portal-card,
body.ev-staff-core .banner,
body.ev-staff-core .card,
body.ev-staff-core .panel,
body.ev-staff-core main section[class*="rounded"],
body.ev-staff-core main div[class*="rounded-2xl"],
body.ev-staff-core main div[class*="rounded-3xl"] {
  background: linear-gradient(145deg, rgba(74, 4, 4, 0.95), rgba(40, 2, 2, 0.98)) !important;
  border: 2px solid var(--gold) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(212, 175, 55, 0.15) !important;
  position: relative;
  overflow: hidden;
}

body.ev-staff-core .pirate-panel::before,
body.ev-staff-core .glass-card::before,
body.ev-staff-core .osrs-panel::before,
body.ev-staff-core .osrs-stone-panel::before,
body.ev-staff-core .portal-card::before,
body.ev-staff-core .banner::before,
body.ev-staff-core .card::before,
body.ev-staff-core .panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('https://www.transparenttextures.com/patterns/wood-pattern.png');
  opacity: 0.16;
  pointer-events: none;
  mix-blend-mode: multiply;
}

body.ev-staff-core h1,
body.ev-staff-core h2,
body.ev-staff-core h3,
body.ev-staff-core h4,
body.ev-staff-core .hero-title,
body.ev-staff-core .panel-title,
body.ev-staff-core .section-title {
  color: var(--gold-light) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.65);
}

body.ev-staff-core p,
body.ev-staff-core span,
body.ev-staff-core small,
body.ev-staff-core label,
body.ev-staff-core li {
  color: rgba(255, 244, 226, 0.82) !important;
}

body.ev-staff-core .stat-pill {
  background: rgba(139, 0, 0, 0.34) !important;
  border: 1px solid rgba(212, 175, 55, 0.55) !important;
  color: var(--gold-light) !important;
}

body.ev-staff-core .btn-osrs,
body.ev-staff-core button,
body.ev-staff-core .btn,
body.ev-staff-core .btn-action,
body.ev-staff-core .btn-gold,
body.ev-staff-core .btn-portal,
body.ev-staff-core .panel-link-btn,
body.ev-staff-core .wax-seal-btn,
body.ev-staff-core input[type="submit"],
body.ev-staff-core input[type="button"] {
  background: var(--osrs-stone) !important;
  border: 2px solid !important;
  border-color: var(--osrs-stone-light) var(--osrs-stone-dark) var(--osrs-stone-dark) var(--osrs-stone-light) !important;
  color: #ff981f !important;
  text-shadow: 1px 1px 0 #000 !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transition: all 0.1s ease !important;
}

body.ev-staff-core .btn-osrs:hover,
body.ev-staff-core button:hover,
body.ev-staff-core .btn:hover,
body.ev-staff-core .btn-action:hover,
body.ev-staff-core .btn-gold:hover,
body.ev-staff-core .btn-portal:hover,
body.ev-staff-core .panel-link-btn:hover,
body.ev-staff-core .wax-seal-btn:hover,
body.ev-staff-core input[type="submit"]:hover,
body.ev-staff-core input[type="button"]:hover {
  color: #ffffff !important;
  filter: brightness(1.08);
  transform: none !important;
}

body.ev-staff-core .btn-osrs:active,
body.ev-staff-core button:active,
body.ev-staff-core .btn:active,
body.ev-staff-core .btn-action:active,
body.ev-staff-core .btn-gold:active,
body.ev-staff-core .btn-portal:active,
body.ev-staff-core .panel-link-btn:active,
body.ev-staff-core .wax-seal-btn:active {
  border-color: var(--osrs-stone-dark) var(--osrs-stone-light) var(--osrs-stone-light) var(--osrs-stone-dark) !important;
  transform: translateY(2px);
}

body.ev-staff-core .wax-seal-gold,
body.ev-staff-core .wax-seal {
  width: 122px;
  height: 122px;
  background: radial-gradient(circle at 30% 30%, #f9f1aa, #d4af37, #8a6d1c) !important;
  border-radius: 50%;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.6), 5px 5px 15px rgba(0, 0, 0, 0.7), 0 0 0 2px #544111 !important;
  border: 3px solid #fff5c2 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

body.ev-staff-core .wax-seal-gold::after,
body.ev-staff-core .wax-seal::after {
  content: "E";
  font-size: 3.3rem;
  color: rgba(100, 70, 10, 0.7) !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4), -1px -1px 0 rgba(0, 0, 0, 0.3);
}

body.ev-staff-core .wax-seal-gold:hover,
body.ev-staff-core .wax-seal:hover {
  transform: scale(1.05) rotate(-5deg);
  filter: brightness(1.1);
}

body.ev-staff-core .compass-container,
body.ev-staff-core .radar-container {
  position: relative;
  width: 170px;
  height: 170px;
  background: radial-gradient(circle, #2a1f1a, #0a0705) !important;
  border-radius: 50%;
  border: 6px solid var(--gold) !important;
  box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.9), 0 0 20px rgba(212, 175, 55, 0.3) !important;
}

body.ev-staff-core .compass-sweep,
body.ev-staff-core .radar-sweep {
  position: absolute;
  width: 100%;
  height: 100%;
  background: conic-gradient(from 0deg, transparent 75%, rgba(212, 175, 55, 0.6)) !important;
  border-radius: 50%;
  animation: sweep 4s linear infinite;
}

body.ev-staff-core .parchment-panel,
body.ev-staff-core .osrs-parchment,
body.ev-staff-core .osrs-parchment-bg {
  background-color: var(--parchment) !important;
  background-image: url('https://www.transparenttextures.com/patterns/old-wall.png') !important;
  border: 2px solid #8c6b4a !important;
  box-shadow: inset 0 0 40px rgba(139, 69, 19, 0.3), 5px 5px 15px rgba(0, 0, 0, 0.5) !important;
}

body.ev-staff-core .parchment-text,
body.ev-staff-core .parchment-panel p,
body.ev-staff-core .parchment-panel h1,
body.ev-staff-core .parchment-panel h2,
body.ev-staff-core .parchment-panel h3,
body.ev-staff-core .parchment-panel span {
  color: #3b2818 !important;
  font-family: 'Playfair Display', serif !important;
  text-shadow: none !important;
}

body.ev-staff-core input,
body.ev-staff-core textarea,
body.ev-staff-core select {
  background: rgba(33, 24, 16, 0.88) !important;
  color: #f8ecd1 !important;
  border: 1px solid rgba(212, 175, 55, 0.38) !important;
}

body.ev-staff-core .sidebar-glass {
  background: linear-gradient(180deg, rgba(48, 8, 8, 0.98), rgba(26, 8, 8, 0.99)) !important;
  border-right: 2px solid rgba(212, 175, 55, 0.46) !important;
  box-shadow: inset -1px 0 0 rgba(241, 229, 172, 0.14), 24px 0 40px rgba(0, 0, 0, 0.45) !important;
}

body.ev-staff-core .sidebar-glass a,
body.ev-staff-core .sidebar-glass .sidebar-label,
body.ev-staff-core .sidebar-glass [data-lucide] {
  color: var(--gold-light) !important;
}

body.ev-staff-core .nav-item-active {
  background: linear-gradient(90deg, rgba(139, 0, 0, 0.54), rgba(212, 175, 55, 0.12)) !important;
  border-left: 3px solid var(--gold) !important;
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.16), inset 0 0 18px rgba(139, 0, 0, 0.2), 0 0 20px rgba(74, 4, 4, 0.24) !important;
}

/* Final mobile authority for staff dashboard surfaces and shells. */
@media (max-width: 980px) {
  body.ev-staff-core .main-container,
  body.ev-staff-core .app-main,
  body.ev-staff-core main,
  body.ev-staff-core main[class*='ml-64'],
  body.ev-staff-core main[class*='ml-'] {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 1rem 0.85rem 1.5rem !important;
    box-sizing: border-box !important;
  }

  body.ev-staff-core .main-container > *,
  body.ev-staff-core .app-main > *,
  body.ev-staff-core main > * {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.ev-staff-core [style*='grid-template-columns'],
  body.ev-staff-core [style*='display:grid'],
  body.ev-staff-core [style*='display: grid'] {
    grid-template-columns: 1fr !important;
  }

  body.ev-staff-core [style*='width: 100vw'],
  body.ev-staff-core [style*='width:100vw'],
  body.ev-staff-core [style*='96vw'],
  body.ev-staff-core [style*='95vw'],
  body.ev-staff-core [style*='92vw'] {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    box-sizing: border-box !important;
  }

  body.ev-staff-core [style*='display:flex'],
  body.ev-staff-core [style*='display: flex'] {
    flex-wrap: wrap !important;
  }

  body.ev-staff-core .modal-glass,
  body.ev-staff-core [role='dialog'] > .modal-glass,
  body.ev-staff-core [id$='Modal'] > .modal-glass,
  body.ev-staff-core [id$='modal'] > .modal-glass {
    width: min(100%, 40rem) !important;
    max-width: 100% !important;
    max-height: 90dvh !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: auto !important;
  }

  body.ev-staff-core img,
  body.ev-staff-core svg,
  body.ev-staff-core canvas,
  body.ev-staff-core video {
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 768px) {
  body.ev-staff-core {
    overflow-x: hidden !important;
  }

  body.ev-staff-core table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
  }

  body.ev-staff-core .staff-friends-bubble {
    right: 0.85rem !important;
    bottom: 0.85rem !important;
    width: 4.05rem !important;
    height: 4.05rem !important;
  }

  body.ev-staff-core .compass-container,
  body.ev-staff-core .radar-container,
  body.ev-staff-core .wax-seal,
  body.ev-staff-core .wax-seal-gold {
    width: 120px !important;
    height: 120px !important;
  }
}

@media (max-height: 760px) {
  body.ev-staff-core .staff-friends-bubble {
    right: 0.65rem !important;
    bottom: 0.65rem !important;
    width: 3.7rem !important;
    height: 3.7rem !important;
  }

  body.ev-staff-core .staff-friends-drawer {
    top: 0.45rem !important;
    bottom: 0.45rem !important;
  }

  body.ev-staff-core .modal-glass,
  body.ev-staff-core [role='dialog'] > .modal-glass,
  body.ev-staff-core [id$='Modal'] > .modal-glass,
  body.ev-staff-core [id$='modal'] > .modal-glass {
    max-height: 86dvh !important;
  }
}