/* Shared SARAY2 dashboard shell for the public pages and administration panel. */
:root {
  --saray-bg: #0d0e13;
  --saray-surface: #14151b;
  --saray-surface-2: #101116;
  --saray-line: rgba(201, 151, 74, .18);
  --saray-text: #eee4cf;
  --saray-muted: #9e9a91;
  --saray-green: #78d928;
  --saray-green-dark: #1b4d2b;
  --saray-gold: #c9974a;
}

/* Dashboard palette: charcoal / metallic slate with green accents. */
body.home-dashboard-page,
body.saray-dashboard-page,
body.admin-dashboard-page,
body.player-dashboard-page {
  --obsidian: #0b0d11;
  --obsidian-2: #171a20;
  --obsidian-3: #22262d;
  --ink: #0b0d11;
  --ink-2: #15181e;
  --panel: #171a20;
  --panel-2: #22262d;
  --blood: #1b4d2b;
  --blood-light: #78d928;
  --gold: #b89d61;
  --gold-light: #ead8ae;
  --jade: #78d928;
  --jade-light: #91a9b5;
  --jade-deep: #1b4d2b;
  --paper: #eef1f3;
  --parchment: #eef1f3;
  --ash: #a3abb3;
  --muted: #a3abb3;
  --line: rgba(181, 190, 202, .16);
}

body.saray-dashboard-page.payment-dashboard {
  --bg: #0b0d11;
  --panel: #171a20;
  --panel2: #22262d;
  --text: #eef1f3;
  --muted: #a3abb3;
  --gold: #b89d61;
  --gold2: #ead8ae;
  --line: rgba(181, 190, 202, .16);
}

body.saray-dashboard-page {
  padding-left: 260px;
  background:
    radial-gradient(900px 500px at 72% -10%, rgba(27, 77, 43, .20), transparent 68%),
    var(--saray-bg);
  color: var(--saray-text);
}

body.saray-dashboard-page .saray-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 610;
  display: flex;
  width: 260px;
  flex-direction: column;
  gap: 18px;
  padding: 22px 16px 18px;
  overflow-y: auto;
  background: linear-gradient(180deg, rgba(17, 18, 24, .98), rgba(12, 13, 18, .98));
  border-right: 1px solid rgba(201, 151, 74, .16);
  box-shadow: 12px 0 40px rgba(0, 0, 0, .24);
  scrollbar-width: thin;
  scrollbar-color: rgba(120, 217, 40, .38) transparent;
}

.saray-sidebar-brand {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 78px;
  padding: 0 8px 18px;
  border-bottom: 1px solid rgba(201, 151, 74, .12);
  color: var(--saray-text);
}

/* Logo çevresinde kırık dallı, hareketli yeşil yıldırım halkası. */
.saray-logo-electric {
  position: relative;
  z-index: 0;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  padding: 12px;
  margin: -12px;
  border-radius: 50%;
  box-shadow:
    0 0 12px rgba(120, 217, 40, .35),
    0 0 30px rgba(27, 77, 43, .28);
  animation: saray-logo-electric-aura 2.4s steps(5, end) infinite;
}

.saray-logo-electric::before,
.saray-logo-electric::after {
  content: '';
  position: absolute;
  pointer-events: none;
}

.saray-logo-electric::before {
  z-index: 0;
  inset: -17px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 160' fill='none'%3E%3Cg stroke='%2378d928' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 87 8 76l19-4-10-16 21 7 2-19 17 14 9-22 10 22 18-25 7 23 22-24 4 23 23-19 2 23 25-13-6 20 27-7-15 16 27 2-19 12 27 10-25 4 17 18-26-3 8 20-22-12-4 22-17-19-11 23-9-23-18 25-6-23-23 19-1-23-25 13 6-20-28 7 16-16-28-2 20-12-27-10 25-4-17-18 26 3-8-20 22 12 4-22 17 19 11-23 9 23 18-25 6 23 23-19 1 23 25-13-6 20 28-7-16 16 28 2-20 12 27 10-25 4 17 18-26-3 8 20-22-12-4 22-17-19-11 23-9-23-18 25-6-23-23 19-1-23-25 13 6-20-28 7 16-16-28-2 20-12-27-10 25-4-17-18 26 3-8-20 22 12 4-22 17 19 11-23 9 23 18-25 6 23 23-19 1 23 25-13-6 20 28-7-16 16 28 2-20 12-27 10 25 4-17 18 26-3-8 20 22-12 4-22 17 19 11-23 9 23 18-25 6 23 23-19 1 23 25-13 6 20-28 7 16-16 28-2-20-12 27-10-25-4 17-18-26 3 8-20-22 12-4 22-17-19-11 23-9-23-18 25-6-23-23 19-1-23-25 13 6-20-28 7-16-16-28-2 20-12-27-10 25-4-17-18 26-3 8-20-22 12-4-22-17-19-11-23 9-23 18-25-6-23-23 19-1-23-25 13 6-20-28 7-16-16-28-2 20-12-27-10 25-4-17-18 26-3 8-20-22 12-4-22-17-19-11-23 9-23 18-25-6-23-23 19-1-23-25 13 6-20-28 7-16-16-28-2 20-12-27-10 25-4-17-18 26-3 8-20-22 12-4-22-17-19-11-23 9-23 18-25-6-23-23 19-1-23-25 13 6-20-28 7-16-16-28-2 20-12-27-10 25-4-17-18 26-3 8-20-22 12-4-22-17-19-11-23 9-23 18-25-6-23-23 19-1-23-25 13 6-20-28 7-16-16-28-2 20-12-27-10 25-4-17 18-26 3-8-20-22 12-4 22-17-19-11-23 9-23 18-25-6-23-23 19-1-23-25 13 6-20-28 7-16-16-28-2 20-12-27-10 25-4-17-18 26-3 8-20-22 12-4-22-17-19-11-23 9-23 18-25-6-23-23 19-1-23-25 13 6-20-28 7-16-16-28-2 20-12-27-10 25-4-17-18 26-3 8-20-22 12-4-22-17-19-11-23 9-23 18-25-6-23-23 19-1-23-25 13 6-20-28 7-16-16-28-2 20-12-27-10 25-4-17-18 26-3 8-20-22 12-4-22-17-19-11-23 9-23 18-25 6-20-28 7-16-16-28-2 20-12-27-10 25-4-17-18 26-3 8-20-22 12-4-22-17-19-11-23 9-23 18-25-6-23-23 19-1-23-25 13'/%3E%3C/g%3E%3Cg stroke='%23e6ffad' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M16 79 34 75 29 63l22 7 6-22 13 24 18-23 5 21 22-20 1 20 24-15-4 20 25-9-13 15 24 8-22 3 12 17-23-7-4 19-15-18-11 20-8-21-21 19-4-20-23 13 7-19-25 6 15-14-25-7 22-4-13-16 22 7 5-20 15 18 10-20 7 20 20-18 4 19 22-14-6 19 25-6-15 14 26 7-22 4 13 16-22-7-5 20-15-18-10 20-7-20-20 18-4-19-22 14 6-19-25 6 15-14-26-7'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
  filter: drop-shadow(0 0 5px rgba(120, 217, 40, .96)) drop-shadow(0 0 12px rgba(27, 77, 43, .85));
  opacity: .9;
  transform: rotate(-4deg) scale(.98);
  animation: saray-logo-electric-bolt 3.8s linear infinite, saray-logo-electric-flicker 1.7s steps(5, end) infinite;
}

.saray-logo-electric::after {
  z-index: 0;
  inset: -13px;
  border-radius: 50%;
  background: conic-gradient(
    from 0deg,
    transparent 0 9deg,
    rgba(230, 255, 173, .96) 10deg 14deg,
    transparent 15deg 42deg,
    rgba(120, 217, 40, .92) 43deg 47deg,
    transparent 48deg 92deg,
    rgba(230, 255, 173, .88) 93deg 98deg,
    transparent 99deg 151deg,
    rgba(120, 217, 40, .9) 152deg 158deg,
    transparent 159deg 211deg,
    rgba(230, 255, 173, .95) 212deg 217deg,
    transparent 218deg 276deg,
    rgba(120, 217, 40, .86) 277deg 283deg,
    transparent 284deg 360deg
  );
  -webkit-mask: radial-gradient(ellipse, transparent 0 62%, #000 66% 75%, transparent 79%);
  mask: radial-gradient(ellipse, transparent 0 62%, #000 66% 75%, transparent 79%);
  filter: drop-shadow(0 0 6px rgba(120, 217, 40, .95));
  opacity: .78;
  animation: saray-logo-electric-ring 2.1s linear infinite;
}

.saray-logo-electric img {
  position: relative;
  z-index: 1;
}

@keyframes saray-logo-electric-flicker {
  0%, 17%, 32%, 54%, 71%, 100% { opacity: .48; }
  8%, 19%, 35%, 58%, 74% { opacity: 1; }
  11%, 36%, 76% { opacity: .22; }
}

@keyframes saray-logo-electric-bolt {
  0% { transform: rotate(-4deg) scale(.98); }
  50% { transform: rotate(4deg) scale(1.02); }
  100% { transform: rotate(356deg) scale(.98); }
}

@keyframes saray-logo-electric-ring {
  from { transform: rotate(0deg) scale(.98); }
  to { transform: rotate(360deg) scale(1.02); }
}

@keyframes saray-logo-electric-aura {
  0%, 100% { box-shadow: 0 0 12px rgba(120, 217, 40, .32), 0 0 30px rgba(27, 77, 43, .24); }
  16%, 20%, 63% { box-shadow: 0 0 20px rgba(230, 255, 173, .7), 0 0 42px rgba(120, 217, 40, .48); }
  18%, 64% { box-shadow: 0 0 7px rgba(120, 217, 40, .2), 0 0 18px rgba(27, 77, 43, .2); }
}

@media (prefers-reduced-motion: reduce) {
  .saray-logo-electric { animation: none; }
  .saray-logo-electric::before,
  .saray-logo-electric::after { animation: none; }
}

/* v7: orb glow only; no outward electric branches. */
.saray-logo-electric::before {
  background: url("../img/logo-electric.svg?v=20260917-8") center / 100% 100% no-repeat;
}

/* Emerald orb-style logo aura: animated circular energy with restrained lightning branches. */
.saray-logo-electric {
  padding: 12px;
  margin: -12px;
  box-shadow: 0 0 18px rgba(120, 217, 40, .42), 0 0 42px rgba(27, 77, 43, .3);
  animation: saray-logo-orb-pulse 2.6s ease-in-out infinite;
}

.saray-logo-electric::before {
  inset: -18px;
  background: url("../img/logo-electric.svg?v=20260917-6") center / 100% 100% no-repeat;
  filter: drop-shadow(0 0 7px rgba(120, 217, 40, 1)) drop-shadow(0 0 18px rgba(27, 77, 43, .9));
  opacity: 1;
  transform: rotate(-2deg) scale(.98);
  animation: saray-logo-electric-bolt 8s linear infinite, saray-logo-orb-flicker 2.8s steps(4, end) infinite;
}

.saray-logo-electric::after {
  inset: -13px;
  opacity: .34;
  filter: drop-shadow(0 0 9px rgba(120, 217, 40, 1));
  animation: saray-logo-electric-ring 5s linear infinite;
}

@keyframes saray-logo-orb-pulse {
  0%, 100% { box-shadow: 0 0 14px rgba(120, 217, 40, .34), 0 0 34px rgba(27, 77, 43, .24); }
  45%, 53% { box-shadow: 0 0 25px rgba(214, 255, 139, .68), 0 0 52px rgba(120, 217, 40, .48); }
}

@keyframes saray-logo-orb-flicker {
  0%, 36%, 69%, 100% { opacity: .82; }
  38%, 41%, 71%, 74% { opacity: 1; }
  40%, 73% { opacity: .46; }
}

/* Cleaner lightning pass: fewer branches, brighter core, softer green aura. */
.saray-logo-electric {
  padding: 11px;
  margin: -11px;
  box-shadow: 0 0 16px rgba(120, 217, 40, .38), 0 0 34px rgba(27, 77, 43, .28);
}

.saray-logo-electric::before {
  inset: -16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 160' fill='none'%3E%3Cdefs%3E%3Cfilter id='g' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeGaussianBlur stdDeviation='2.2' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23g)' stroke='%2378d928' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 77 29 66 23 55 43 58 39 43 57 49 67 30 79 46 96 24 103 45 122 21 130 44 149 29 154 48 177 37 172 57 199 51 187 67 219 74'/%3E%3Cpath d='M220 89 211 100 218 111 198 108 202 126 183 117 171 139 158 120 137 143 128 120 106 139 108 116 84 128 90 107 63 114 75 96 44 100 58 85 25 84'/%3E%3Cpath d='M44 58 25 43 34 41 19 25M67 30 63 13 75 23 84 6M177 37 184 18 190 30 209 18M198 108 218 124 207 125 222 143M63 114 55 133 47 122 29 136'/%3E%3C/g%3E%3Cg stroke='%23e6ffad' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 75 33 64 28 55 47 57 44 45 59 50 68 34 80 48 97 28 104 48 122 26 131 47 148 34 153 51 174 41 169 60 196 55 184 69 215 76'/%3E%3Cpath d='M216 91 207 101 214 108 195 106 198 122 181 114 169 134 157 117 137 138 130 116 108 134 110 113 87 124 94 104 66 111 78 94 48 98 62 84 30 82'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
  filter: drop-shadow(0 0 6px rgba(120, 217, 40, .98)) drop-shadow(0 0 15px rgba(27, 77, 43, .82));
  opacity: 1;
  transform: rotate(-3deg) scale(.99);
  animation: saray-logo-electric-bolt 6s linear infinite, saray-logo-electric-flicker 2.2s steps(4, end) infinite;
}

.saray-logo-electric::after {
  inset: -11px;
  opacity: .42;
  filter: drop-shadow(0 0 8px rgba(120, 217, 40, .92));
  animation: saray-logo-electric-ring 3.6s linear infinite;
}

.saray-sidebar-brand img {
  width: auto;
  max-width: 166px;
  height: 58px;
  flex: 0 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 3px 12px rgba(0, 0, 0, .45));
}

.saray-sidebar-brand strong {
  display: block;
  color: var(--saray-text);
  font: 800 1rem/1.1 'Cinzel', serif;
  letter-spacing: .1em;
}

.saray-sidebar-brand > span,
.saray-sidebar-brand > span > span,
.saray-sidebar-brand small {
  display: block;
  margin-top: 4px;
  color: var(--saray-green);
  font: 700 .58rem/1.2 'Inter', sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.saray-sidebar-brand > .saray-logo-electric {
  display: inline-flex;
  margin: -12px;
  color: inherit;
  font: inherit;
  letter-spacing: normal;
  text-transform: none;
}

.saray-sidebar-nav { display: grid; gap: 7px; margin-top: 8px; }

.saray-sidebar-nav a {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 47px;
  padding: 14px 14px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #b6b5bd;
  font: 600 .88rem/1.2 'Inter', sans-serif;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.saray-sidebar-nav a i { width: 20px; color: #e3e3e6; text-align: center; font-size: 1rem; }

.saray-sidebar-nav a:hover,
.saray-sidebar-nav a:focus-visible {
  color: #fff;
  background: rgba(201, 151, 74, .08);
  border-color: rgba(201, 151, 74, .14);
  transform: translateX(2px);
}

.saray-sidebar-nav a.active {
  color: #fff;
  background: linear-gradient(135deg, var(--saray-green), var(--saray-green-dark));
  border-color: transparent;
  box-shadow: 0 10px 24px rgba(27, 77, 43, .26);
}

.saray-sidebar-nav a.active i { color: #fff; }

.saray-sidebar-download {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 47px;
  margin-top: auto;
  padding: 14px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--saray-green), var(--saray-green-dark));
  color: #fff;
  font: 700 .88rem/1.2 'Inter', sans-serif;
  box-shadow: 0 10px 24px rgba(27, 77, 43, .26);
  transition: filter .2s ease, transform .2s ease;
}

.saray-sidebar-download i { width: 20px; color: #fff; text-align: center; font-size: 1rem; }
.saray-sidebar-download:hover,
.saray-sidebar-download:focus-visible { color: #fff; filter: brightness(1.1); transform: translateX(2px); }
.saray-sidebar-download + .saray-sidebar-footer { margin-top: 0; }

.saray-sidebar-footer {
  display: flex;
  gap: 8px;
  margin-top: auto;
  padding: 16px 9px 0;
  border-top: 1px solid rgba(201, 151, 74, .13);
}

.saray-sidebar-footer a {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(238, 228, 207, .15);
  border-radius: 50%;
  color: var(--saray-muted);
  font-size: .78rem;
  transition: color .2s ease, border-color .2s ease, background .2s ease;
}

.saray-sidebar-footer a:hover { color: var(--saray-green); border-color: rgba(120, 217, 40, .45); background: rgba(120, 217, 40, .08); }

/* Keep the player and admin panels visually identical to the public sidebar. */
body.admin-dashboard-page,
body.player-dashboard-page {
  --sidebar-w: 260px;
}

body.admin-dashboard-page .layout,
body.player-dashboard-page .layout {
  grid-template-columns: var(--sidebar-w) 1fr;
}

body.admin-dashboard-page .sidebar,
body.player-dashboard-page .sidebar {
  width: var(--sidebar-w);
  gap: 18px;
  padding: 22px 16px 18px;
  background: linear-gradient(180deg, #111117, #101015 72%, #0e0f14);
  border-right: 1px solid rgba(201, 151, 74, .12);
  box-shadow: 12px 0 40px rgba(0, 0, 0, .24);
}

body.admin-dashboard-page .sidebar-brand,
body.player-dashboard-page .sidebar-brand {
  min-height: 78px;
  gap: 10px;
  padding: 0 8px 18px;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(201, 151, 74, .12);
}

body.admin-dashboard-page .sidebar-brand img,
body.player-dashboard-page .sidebar-brand img {
  width: auto;
  max-width: 166px;
  height: 58px;
}

body.admin-dashboard-page .sidebar-brand > div,
body.player-dashboard-page .sidebar-brand > div { display: block; }

body.admin-dashboard-page .sidebar-brand strong,
body.player-dashboard-page .sidebar-brand strong {
  display: block;
  color: var(--gold-light);
  font: 800 1rem/1.1 'Cinzel', serif;
  letter-spacing: .1em;
}

body.admin-dashboard-page .sidebar-brand small,
body.player-dashboard-page .sidebar-brand small {
  display: block;
  margin-top: 4px;
  color: var(--blood-light);
  font: 700 .58rem/1.2 'Inter', sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.admin-dashboard-page .nav-group-label,
body.player-dashboard-page .nav-group-label {
  color: #a3abb3;
  padding: 18px 12px 8px;
}

body.admin-dashboard-page .nav-item,
body.player-dashboard-page .nav-item {
  min-height: 47px;
  gap: 13px;
  padding: 14px;
  border: 1px solid transparent;
  border-left: 1px solid transparent;
  border-radius: 12px;
  color: #b6b5bd;
  font: 600 .88rem/1.2 'Inter', sans-serif;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

body.admin-dashboard-page .nav-item i,
body.player-dashboard-page .nav-item i {
  width: 20px;
  color: #e3e3e6;
  font-size: 1rem;
}

body.admin-dashboard-page .nav-item:hover,
body.player-dashboard-page .nav-item:hover,
body.admin-dashboard-page .nav-item:focus-visible,
body.player-dashboard-page .nav-item:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, .055);
  border-color: rgba(201, 151, 74, .18);
  transform: translateX(2px);
}

body.admin-dashboard-page .nav-item.active,
body.player-dashboard-page .nav-item.active {
  color: #fff;
  background: linear-gradient(135deg, var(--saray-green), var(--saray-green-dark));
  border-color: transparent;
  box-shadow: 0 10px 24px rgba(27, 77, 43, .26);
}

body.admin-dashboard-page .nav-item.active i,
body.player-dashboard-page .nav-item.active i { color: #fff; }

body.admin-dashboard-page .sidebar-foot,
body.player-dashboard-page .sidebar-foot {
  border-top-color: rgba(201, 151, 74, .12);
}

body.admin-dashboard-page .logout-link,
body.player-dashboard-page .logout-link { color: var(--saray-green); }

body.saray-dashboard-page #siteHeader.saray-topbar {
  position: fixed;
  top: 0;
  z-index: 610;
  left: 260px;
  right: 0;
  height: 78px;
  padding: 0;
  background: rgba(13, 14, 19, .84);
  border-bottom: 1px solid rgba(201, 151, 74, .15);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
  backdrop-filter: blur(14px);
}

body.saray-dashboard-page #siteHeader.saray-topbar.scrolled { height: 70px; padding: 0; background: rgba(13, 14, 19, .94); }
body.saray-dashboard-page #siteHeader.saray-topbar > .container { width: 100%; max-width: none; height: 100%; padding: 0 28px; }
body.saray-dashboard-page #siteHeader.saray-topbar nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 100%; }
body.saray-dashboard-page #siteHeader.saray-topbar .brand,
body.saray-dashboard-page #siteHeader.saray-topbar .nav-links { display: none; }
body.saray-dashboard-page #siteHeader.saray-topbar .nav-actions { margin-left: auto; }
body.saray-dashboard-page #siteHeader.saray-topbar .menu-toggle { display: none; }

body.saray-dashboard-page .page-head {
  padding-top: 122px;
  background: radial-gradient(ellipse 780px 330px at 35% 0%, rgba(27, 77, 43, .19), transparent 72%);
}

body.saray-dashboard-page .page-head > .container,
body.saray-dashboard-page > main > .container,
body.saray-dashboard-page > footer > .container { max-width: 1240px; }

body.saray-dashboard-page .wiki-layout { gap: 30px; padding-top: 18px; }
body.saray-dashboard-page .toc { padding: 14px; background: rgba(20, 21, 27, .70); border: 1px solid rgba(201, 151, 74, .14); border-radius: 10px; }
body.saray-dashboard-page .wiki-mobile-categories { border-radius: 10px; background: rgba(20, 21, 27, .86) !important; }

body.saray-dashboard-page .wiki-content > section {
  padding: 26px 28px 34px;
  margin-bottom: 22px;
  border: 1px solid rgba(201, 151, 74, .14);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(20, 21, 27, .92), rgba(14, 15, 20, .78));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .12);
}

body.saray-dashboard-page .wiki-child { border-radius: 8px; background: rgba(13, 14, 19, .68); }
body.saray-dashboard-page.promo-dashboard main { background: transparent; }
body.saray-dashboard-page.promo-dashboard .hero { min-height: 760px; padding-top: 132px; }

body.saray-dashboard-page.promo-dashboard .promo-section,
body.saray-dashboard-page.promo-dashboard .promo-cta {
  position: relative;
  margin: 22px 28px;
  border: 1px solid rgba(201, 151, 74, .14);
  border-radius: 12px;
  background-color: rgba(20, 21, 27, .48);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .14);
}

body.saray-dashboard-page.promo-dashboard .promo-section .container,
body.saray-dashboard-page.promo-dashboard .promo-cta .container { max-width: 1180px; }
body.saray-dashboard-page.promo-dashboard .feature-box,
body.saray-dashboard-page.promo-dashboard .class-card,
body.saray-dashboard-page.promo-dashboard .gallery-item,
body.saray-dashboard-page.promo-dashboard .visual-frame,
body.saray-dashboard-page.promo-dashboard .video-shell { border-radius: 8px; }

body.saray-dashboard-page.payment-dashboard .wrap {
  width: min(1180px, calc(100% - 48px));
  padding-top: 110px;
}

body.saray-dashboard-page.payment-dashboard .top { display: none; }
body.saray-dashboard-page.payment-dashboard .hero { align-items: center; margin-bottom: 24px; }
body.saray-dashboard-page.payment-dashboard .hero h1 { color: var(--saray-text); }
body.saray-dashboard-page.payment-dashboard .balance { background: rgba(20, 21, 27, .78); border-color: rgba(201, 151, 74, .16); border-radius: 9px; }
body.saray-dashboard-page.payment-dashboard .card { background: linear-gradient(145deg, rgba(20, 21, 27, .94), rgba(14, 15, 20, .92)); border-color: rgba(201, 151, 74, .16); }
body.saray-dashboard-page.payment-dashboard .card:before { background: linear-gradient(90deg, transparent, var(--saray-green), transparent); }
body.saray-dashboard-page.payment-dashboard .buy { background: linear-gradient(135deg, var(--saray-green), var(--saray-green-dark)); border-color: transparent; color: #f5f0df; }
body.saray-dashboard-page.payment-dashboard .buy:hover { filter: brightness(1.1); }
body.saray-dashboard-page.payment-dashboard .subhead { margin-top: 30px; }

body.saray-dashboard-page.payment-dashboard .payment-topbar-title {
  color: var(--saray-text);
  font: 700 1rem/1.2 'Cinzel', serif;
  letter-spacing: .08em;
}

body.saray-dashboard-page.payment-dashboard .nav-actions { display: flex; align-items: center; gap: 10px; }
body.saray-dashboard-page.payment-dashboard .payment-topbar-back { margin-left: auto; }

body.saray-dashboard-page.rules-dashboard .site-top.saray-topbar {
  position: fixed;
  top: 0;
  left: 260px;
  right: 0;
  z-index: 610;
  height: 78px;
  padding: 0;
  background: rgba(13, 14, 19, .84);
  border-bottom-color: rgba(201, 151, 74, .15);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
  backdrop-filter: blur(14px);
}

body.saray-dashboard-page.rules-dashboard .site-top.saray-topbar .inner {
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 0 28px;
}

body.saray-dashboard-page.rules-dashboard .site-top.saray-topbar .inner > a:first-child { display: none; }
body.saray-dashboard-page.rules-dashboard .rules-topbar-title { color: var(--saray-text); font: 700 1rem/1.2 'Cinzel', serif; letter-spacing: .08em; }
body.saray-dashboard-page.rules-dashboard .site-top.saray-topbar .back { margin-left: auto; }
body.saray-dashboard-page.rules-dashboard .site-top.saray-topbar .menu-toggle { display: none; }
body.saray-dashboard-page.rules-dashboard .page-shell .wrap { padding-top: 122px; }
body.saray-dashboard-page.rules-dashboard .panel { border-radius: 10px; background: linear-gradient(145deg, rgba(20, 21, 27, .94), rgba(14, 15, 20, .90)); }
body.saray-dashboard-page.rules-dashboard .hero { max-width: 820px; }

/* The admin already has the same shell markup; these overrides align its skin. */
body.admin-dashboard-page,
body.player-dashboard-page,
body.admin-dashboard-page .main,
body.player-dashboard-page .main { background: var(--saray-bg); }
body.admin-dashboard-page .layout,
body.player-dashboard-page .layout { background: var(--saray-bg); }
body.admin-dashboard-page .sidebar,
body.player-dashboard-page .sidebar { background: linear-gradient(180deg, #111218, #0c0d12); border-right-color: rgba(201, 151, 74, .16); }
body.admin-dashboard-page .sidebar-brand,
body.player-dashboard-page .sidebar-brand { border-bottom-color: rgba(201, 151, 74, .16); }
body.admin-dashboard-page .nav-item,
body.admin-dashboard-page .nav-parent,
body.player-dashboard-page .nav-item,
body.player-dashboard-page .nav-parent { border-radius: 8px; }
body.admin-dashboard-page .nav-item.active,
body.admin-dashboard-page .nav-parent.active,
body.player-dashboard-page .nav-item.active,
body.player-dashboard-page .nav-parent.active { background: linear-gradient(90deg, rgba(120, 217, 40, .18), rgba(27, 77, 43, .08)); border-left-color: var(--saray-green); color: #f4ead5; }
body.admin-dashboard-page .card,
body.admin-dashboard-page .stat-card,
body.admin-dashboard-page .panel-card,
body.player-dashboard-page .card,
body.player-dashboard-page .stat-card,
body.player-dashboard-page .panel-card,
body.admin-dashboard-page .char-banner,
body.admin-dashboard-page .char-empty,
body.player-dashboard-page .char-banner,
body.player-dashboard-page .char-empty { border-radius: 12px; clip-path: none; }
body.admin-dashboard-page .card,
body.admin-dashboard-page .stat-card,
body.admin-dashboard-page .panel-card,
body.player-dashboard-page .card,
body.player-dashboard-page .stat-card,
body.player-dashboard-page .panel-card { border-radius: 12px; clip-path: none; background: linear-gradient(145deg, rgba(25, 28, 35, .96), rgba(15, 17, 22, .96)); border-color: rgba(181, 190, 202, .15); }
body.admin-dashboard-page .char-banner,
body.player-dashboard-page .char-banner { background: radial-gradient(ellipse 500px 200px at 15% 30%, rgba(27, 77, 43, .20), transparent), linear-gradient(145deg, rgba(25, 28, 35, .96), rgba(15, 17, 22, .96)); border-color: rgba(181, 190, 202, .15); }
body.admin-dashboard-page .stat-card .icon,
body.player-dashboard-page .stat-card .icon { background: rgba(184, 157, 97, .10); }
body.admin-dashboard-page .topbar,
body.player-dashboard-page .topbar { padding: 14px 16px; margin: -10px -10px 26px; border: 1px solid rgba(201, 151, 74, .12); border-radius: 10px; background: rgba(20, 21, 27, .70); }

body.saray-dashboard-page.promo-dashboard .ornament-card { background: linear-gradient(145deg, rgba(30, 34, 41, .92), rgba(15, 18, 23, .88)); }
body.saray-dashboard-page.promo-dashboard .feature-line { background: rgba(29, 33, 40, .72); }
body.saray-dashboard-page.promo-dashboard .feature-box { background: rgba(25, 29, 36, .86); }
body.saray-dashboard-page.promo-dashboard .class-card { background: linear-gradient(145deg, rgba(27, 30, 37, .94), rgba(14, 16, 21, .96)); }
body.saray-dashboard-page.promo-dashboard .gallery-item { background: linear-gradient(145deg, #20242b, #12151a); }
body.saray-dashboard-page.promo-dashboard .visual-frame { background: linear-gradient(145deg, rgba(27, 77, 43, .18), rgba(20, 24, 30, .92)); box-shadow: 18px 18px 0 rgba(181, 190, 202, .045); }
body.saray-dashboard-page.promo-dashboard .promo-section { background: linear-gradient(145deg, rgba(19, 22, 28, .82), rgba(13, 15, 20, .72)); }
body.saray-dashboard-page.promo-dashboard .promo-cta { background: linear-gradient(130deg, rgba(27, 77, 43, .28), rgba(18, 21, 26, .86), rgba(181, 190, 202, .05)); }

@media (max-width: 820px) {
  body.saray-dashboard-page { padding-left: 0; }
  body.saray-dashboard-page .saray-sidebar { transform: translateX(-105%); transition: transform .28s ease; }
  body.saray-dashboard-page .saray-sidebar.open { transform: translateX(0); }
  body.saray-dashboard-page #siteHeader.saray-topbar,
  body.saray-dashboard-page #siteHeader.saray-topbar.scrolled { left: 0; height: 68px; }
  body.saray-dashboard-page #siteHeader.saray-topbar > .container { padding: 0 18px; }
  body.saray-dashboard-page #siteHeader.saray-topbar .brand { display: flex; margin: 0; }
  body.saray-dashboard-page #siteHeader.saray-topbar .brand-logo { height: 42px; }
  body.saray-dashboard-page #siteHeader.saray-topbar nav { gap: 8px; justify-content: flex-start; }
  body.saray-dashboard-page #siteHeader.saray-topbar .nav-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; min-width: 0; }
  body.saray-dashboard-page #siteHeader.saray-topbar .nav-actions .nav-cta { min-height: 42px; padding: 8px 9px; font-size: .64rem; letter-spacing: .02em; gap: 5px; white-space: nowrap; clip-path: none; }
  body.saray-dashboard-page #siteHeader.saray-topbar .session-timer-home { display: none; }
  body.saray-dashboard-page #siteHeader.saray-topbar .menu-toggle { display: grid; place-items: center; width: 42px; height: 42px; margin-left: 0; flex: 0 0 42px; border: 1px solid rgba(201, 151, 74, .35); background: rgba(13, 14, 19, .70); }
  body.saray-dashboard-page.rules-dashboard .site-top.saray-topbar { left: 0; height: 68px; }
  body.saray-dashboard-page.rules-dashboard .site-top.saray-topbar .inner { padding: 0 18px; }
  body.saray-dashboard-page.rules-dashboard .site-top.saray-topbar .inner > a:first-child { display: flex; margin: 0; }
  body.saray-dashboard-page.rules-dashboard .site-top.saray-topbar .brand-logo { height: 42px; width: auto; }
  body.saray-dashboard-page.rules-dashboard .rules-topbar-title,
  body.saray-dashboard-page.rules-dashboard .site-top.saray-topbar .back { display: none; }
  body.saray-dashboard-page.rules-dashboard .site-top.saray-topbar .menu-toggle { display: grid; place-items: center; width: 42px; height: 42px; margin-left: auto; border: 1px solid rgba(201, 151, 74, .35); background: rgba(13, 14, 19, .70); color: var(--saray-text); }
  body.saray-dashboard-page.rules-dashboard .page-shell .wrap { padding-top: 92px; }
  body.admin-dashboard-page .topbar > div:first-child,
  body.player-dashboard-page .topbar > div:first-child { width: 100%; justify-content: space-between; }
  body.admin-dashboard-page .topbar > div:first-child > div,
  body.player-dashboard-page .topbar > div:first-child > div { order: 1; }
  body.admin-dashboard-page .mobile-toggle,
  body.player-dashboard-page .mobile-toggle { order: 2; margin-left: auto; }
  body.saray-dashboard-page .page-head { padding-top: 104px; }
  body.saray-dashboard-page .wiki-layout { display: block; padding-top: 10px; }
  body.saray-dashboard-page .wiki-content > section { padding: 20px 16px 28px; }
  body.saray-dashboard-page.promo-dashboard .hero { min-height: 680px; padding-top: 108px; }
  body.saray-dashboard-page.promo-dashboard .promo-section,
  body.saray-dashboard-page.promo-dashboard .promo-cta { margin: 14px; }
  body.saray-dashboard-page.payment-dashboard .wrap { width: min(100% - 28px, 1180px); padding-top: 92px; }
  body.saray-dashboard-page.payment-dashboard .payment-topbar-title { display: none; }
  body.admin-dashboard-page .topbar,
  body.player-dashboard-page .topbar { margin: 0 0 20px; padding: 10px 12px; }
}

@media (min-width: 821px) { body.saray-dashboard-page .saray-sidebar { transform: translateX(0); } }

/* Final site palette: charcoal and metallic slate replace the old brown surfaces. */
body.home-dashboard-page,
body.saray-dashboard-page,
body.admin-dashboard-page,
body.player-dashboard-page {
  --obsidian: #0b0d11 !important;
  --obsidian-2: #171a20 !important;
  --obsidian-3: #22262d !important;
  --ink: #0b0d11 !important;
  --ink-2: #15181e !important;
  --panel: #171a20 !important;
  --panel-2: #22262d !important;
  --line: rgba(181, 190, 202, .18) !important;
}

body.home-dashboard-page,
body.saray-dashboard-page,
body.admin-dashboard-page,
body.player-dashboard-page {
  background: #0b0d11 !important;
}

body.home-dashboard-page .dashboard-stat.gold {
  background: linear-gradient(145deg, rgba(34, 38, 45, .94), rgba(15, 18, 23, .96)) !important;
  border-color: rgba(181, 190, 202, .16) !important;
}

body.saray-dashboard-page .site-top,
body.saray-dashboard-page .promo-header,
body.saray-dashboard-page .promo-header.scrolled,
body.saray-dashboard-page #siteHeader.saray-topbar,
body.saray-dashboard-page .site-top.saray-topbar {
  background: rgba(13, 15, 20, .94) !important;
  border-color: rgba(181, 190, 202, .18) !important;
}

body.saray-dashboard-page.promo-dashboard .language-switcher,
body.saray-dashboard-page.promo-dashboard .promo-header .nav-user-menu,
body.saray-dashboard-page.promo-dashboard .countdown-wrap,
body.saray-dashboard-page.promo-dashboard .btn-secondary {
  background: rgba(23, 26, 32, .94) !important;
  border-color: rgba(181, 190, 202, .22) !important;
}

body.saray-dashboard-page.promo-dashboard .hero::before {
  background:
    radial-gradient(circle at 50% 38%, rgba(27, 77, 43, .28), transparent 43%),
    linear-gradient(180deg, rgba(11, 13, 17, .46), rgba(11, 13, 17, .88) 92%) !important;
}

body.saray-dashboard-page.promo-dashboard .promo-section,
body.saray-dashboard-page.promo-dashboard .feature-section,
body.saray-dashboard-page.promo-dashboard .classes-section,
body.saray-dashboard-page.promo-dashboard .gallery-section {
  background: linear-gradient(180deg, rgba(34, 38, 45, .34), rgba(11, 13, 17, 0)) !important;
  border-color: rgba(181, 190, 202, .16) !important;
}

body.saray-dashboard-page.promo-dashboard .promo-section,
body.saray-dashboard-page.promo-dashboard .promo-cta,
body.saray-dashboard-page.promo-dashboard .ornament-card,
body.saray-dashboard-page.promo-dashboard .feature-box,
body.saray-dashboard-page.promo-dashboard .class-card,
body.saray-dashboard-page.promo-dashboard .gallery-item,
body.saray-dashboard-page.promo-dashboard .visual-frame {
  background-color: #171a20 !important;
  border-color: rgba(181, 190, 202, .18) !important;
}

body.saray-dashboard-page.promo-dashboard .promo-section,
body.saray-dashboard-page.promo-dashboard .promo-cta {
  background-image: linear-gradient(145deg, rgba(34, 38, 45, .78), rgba(15, 18, 23, .88)) !important;
}

body.saray-dashboard-page.promo-dashboard .ornament-card,
body.saray-dashboard-page.promo-dashboard .visual-frame {
  background-image: linear-gradient(145deg, rgba(34, 38, 45, .9), rgba(21, 24, 30, .82)) !important;
}

body.saray-dashboard-page.promo-dashboard .feature-line,
body.saray-dashboard-page.promo-dashboard .video-badge,
body.saray-dashboard-page.promo-dashboard .gallery-item span {
  background-color: rgba(34, 38, 45, .72) !important;
}

body.saray-dashboard-page.promo-dashboard .video-shell {
  border-color: rgba(181, 190, 202, .34) !important;
}

body.saray-dashboard-page .panel,
body.saray-dashboard-page.rules-dashboard .panel,
body.saray-dashboard-page.payment-dashboard .card,
body.saray-dashboard-page.payment-dashboard .balance {
  background: linear-gradient(145deg, rgba(34, 38, 45, .94), rgba(15, 18, 23, .96)) !important;
  border-color: rgba(181, 190, 202, .18) !important;
}

body.admin-dashboard-page .card,
body.player-dashboard-page .card,
body.admin-dashboard-page .modal,
body.player-dashboard-page .modal,
body.admin-dashboard-page .search-box,
body.player-dashboard-page .search-box,
body.admin-dashboard-page .notif-drop,
body.player-dashboard-page .notif-drop {
  background: linear-gradient(145deg, rgba(34, 38, 45, .94), rgba(15, 18, 23, .96)) !important;
  border-color: rgba(181, 190, 202, .18) !important;
}

body.admin-dashboard-page .session-timer,
body.player-dashboard-page .session-timer,
body.admin-dashboard-page .stat-card .icon,
body.player-dashboard-page .stat-card .icon,
body.admin-dashboard-page .row-user .av,
body.player-dashboard-page .row-user .av {
  background: rgba(181, 190, 202, .11) !important;
  border-color: rgba(181, 190, 202, .24) !important;
}

/* Remove legacy brown surfaces that are declared inside older page templates. */
body.home-dashboard-page header,
body.home-dashboard-page header.scrolled,
body.home-dashboard-page .language-switcher,
body.home-dashboard-page .menu-toggle,
body.home-dashboard-page .server-stats-live,
body.home-dashboard-page .dashboard-search,
body.saray-dashboard-page .promo-header,
body.saray-dashboard-page .promo-header.scrolled,
body.saray-dashboard-page .site-top,
body.saray-dashboard-page .site-top.scrolled,
body.saray-dashboard-page .language-switcher,
body.saray-dashboard-page .menu-toggle,
body.saray-dashboard-page .countdown-wrap,
body.saray-dashboard-page .feature-line,
body.saray-dashboard-page .feature-box,
body.saray-dashboard-page .ornament-card,
body.saray-dashboard-page .promo-header .nav-user-menu,
body.saray-dashboard-page.payment-dashboard .balance,
body.saray-dashboard-page.payment-dashboard .card {
  background: linear-gradient(145deg, rgba(34, 38, 45, .94), rgba(15, 18, 23, .96)) !important;
  border-color: rgba(181, 190, 202, .18) !important;
}

body.home-dashboard-page header,
body.home-dashboard-page header.scrolled,
body.saray-dashboard-page .promo-header,
body.saray-dashboard-page .promo-header.scrolled,
body.saray-dashboard-page .site-top,
body.saray-dashboard-page .site-top.scrolled {
  background: rgba(13, 15, 20, .94) !important;
}

body.home-dashboard-page .mobile-nav,
body.saray-dashboard-page .mobile-nav {
  background: #0b0d11 !important;
  border-top-color: rgba(181, 190, 202, .18) !important;
}

body.home-dashboard-page .server-stats-live {
  background: linear-gradient(135deg, rgba(27, 77, 43, .2), rgba(11, 13, 17, .5)) !important;
}

body.saray-dashboard-page.rules-dashboard .panel,
body.saray-dashboard-page.rules-dashboard table.rules tbody tr:nth-child(odd) td,
body.saray-dashboard-page.rules-dashboard table.rules tbody tr:nth-child(even) td {
  border-color: rgba(181, 190, 202, .18) !important;
}

body.saray-dashboard-page.rules-dashboard table.rules tbody tr:nth-child(odd) td {
  background: rgba(11, 13, 17, .42) !important;
}

body.saray-dashboard-page.rules-dashboard table.rules tbody tr:nth-child(even) td {
  background: rgba(34, 38, 45, .34) !important;
}

/* v7: keep the orb glow and circular energy; remove all outward branch strokes. */
.saray-logo-electric::before {
  background: url("../img/logo-electric.svg?v=20260917-7") center / 100% 100% no-repeat;
}

/* v9: çizgileri tamamen kaldır; yalnızca yumuşak, hareketli yeşil halo kalsın. */
.saray-logo-electric {
  border: 0;
  box-shadow: 0 0 18px rgba(120, 217, 40, .34), 0 0 40px rgba(27, 77, 43, .26);
  animation: saray-logo-halo-pulse 2.8s ease-in-out infinite;
}

.saray-logo-electric::before {
  inset: -15px;
  background: radial-gradient(ellipse at center, transparent 48%, rgba(120, 217, 40, .28) 59%, rgba(120, 217, 40, .1) 70%, transparent 79%);
  filter: blur(7px);
  opacity: .85;
  transform: none;
  animation: saray-logo-halo-flicker 2.8s ease-in-out infinite;
}

.saray-logo-electric::after {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .saray-logo-electric,
  .saray-logo-electric::before { animation: none; }
}

/* Mobile stability pass: keep shared layouts inside the viewport and soften effects. */
html,
body { max-width: 100%; overflow-x: hidden; }

img,
video,
svg,
canvas { max-width: 100%; }

@media (max-width: 600px) {
  .saray-logo-electric { animation-duration: 4.8s !important; }
  .saray-logo-electric::before,
  .saray-logo-electric::after { animation-duration: 5.4s !important; }
  body.home-dashboard-page .dragon-wrap,
  body.promo-standalone-page .dragon-wrap { opacity: .10; }
  body.home-dashboard-page .ember,
  body.promo-standalone-page .ember { opacity: .14; animation-duration: 18s !important; }
  .saray-sidebar,
  .sidebar { overscroll-behavior: contain; }
  a,
  button,
  input,
  select,
  textarea { -webkit-tap-highlight-color: transparent; }
}

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

/* v11: use the supplied static brand artwork; remove the old text/electric layers. */
.saray-logo-electric {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  isolation: auto !important;
  animation: none !important;
}

.saray-logo-electric::before,
.saray-logo-electric::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

.saray-logo-electric > img,
.saray-logo-electric img {
    content: url("../img/logo-saray2-dragon-fire-sweep.gif") !important;
  display: block !important;
  width: auto !important;
  height: 72px !important;
  max-width: 190px !important;
  object-fit: contain !important;
  filter: none !important;
}

.home-sidebar-brand > span:not(.saray-logo-electric),
.saray-sidebar-brand > span:not(.saray-logo-electric),
body.admin-dashboard-page .sidebar-brand > div,
body.player-dashboard-page .sidebar-brand > div,
.download-sidebar-brand > span,
.nav .brand > span:not(.saray-logo-electric),
.top .brand > span:not(.saray-logo-electric) {
  display: none !important;
}

.home-sidebar-brand img,
.saray-sidebar-brand img,
body.admin-dashboard-page .sidebar-brand img,
body.player-dashboard-page .sidebar-brand img,
.download-sidebar-brand > img {
    content: url("../img/logo-saray2-dragon-fire-sweep.gif") !important;
  width: auto !important;
  height: 72px !important;
  max-width: 190px !important;
  object-fit: contain !important;
  filter: none !important;
}

.download-sidebar-brand > img {
  display: block !important;
}

.home-topbar .brand-logo,
.saray-topbar .brand-logo,
.site-top .brand-logo,
.promo-header .brand-logo {
  height: 50px !important;
  max-width: 120px !important;
}

.footer-brand .brand > span:not(.saray-logo-electric) {
  display: none !important;
}

/* v8: remove every visible electric line; retain only a soft moving green halo. */
.saray-logo-electric {
  border: 0;
  box-shadow: 0 0 18px rgba(120, 217, 40, .34), 0 0 40px rgba(27, 77, 43, .26);
  animation: saray-logo-halo-pulse 2.8s ease-in-out infinite;
}

.saray-logo-electric::before {
  inset: -15px;
  background: radial-gradient(ellipse at center, transparent 48%, rgba(120, 217, 40, .28) 59%, rgba(120, 217, 40, .1) 70%, transparent 79%);
  filter: blur(7px);
  opacity: .85;
  transform: none;
  animation: saray-logo-halo-flicker 2.8s ease-in-out infinite;
}

.saray-logo-electric::after {
  display: none;
}

@keyframes saray-logo-halo-pulse {
  0%, 100% { box-shadow: 0 0 14px rgba(120, 217, 40, .28), 0 0 32px rgba(27, 77, 43, .2); }
  50% { box-shadow: 0 0 24px rgba(120, 217, 40, .48), 0 0 48px rgba(27, 77, 43, .34); }
}

@keyframes saray-logo-halo-flicker {
  0%, 100% { opacity: .68; transform: scale(.96); }
  50% { opacity: .95; transform: scale(1.04); }
}

@media (prefers-reduced-motion: reduce) {
  .saray-logo-electric,
  .saray-logo-electric::before { animation: none; }
}

/* Final electric-logo pass: cleaner lightning arcs with a calmer SARAY2 green glow. */
.saray-logo-electric {
  padding: 10px;
  margin: -10px;
  border-radius: 50%;
  box-shadow: 0 0 13px rgba(120, 217, 40, .28), 0 0 30px rgba(27, 77, 43, .22);
}

.saray-logo-electric::before {
  inset: -14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 160' fill='none'%3E%3Cg stroke='%2378d928' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 78 31 66 22 54 45 57 39 41 59 47 65 29 79 45 96 25 102 45 121 21 130 44 149 28 153 48 176 37 171 56 199 51 185 66 216 73 196 84 224 94 200 100 214 113 188 109 193 132 174 119 163 139 149 121 130 145 122 121 101 140 104 117 80 129 86 108 60 115 72 97 43 101 57 86 25 85Z'/%3E%3Cpath d='M37 70 52 63 47 52 68 58 73 43 88 56 103 39 109 57 127 39 134 57 151 44 153 61 173 55 164 70 188 73 172 83 196 92 174 96 185 108 163 101 166 120 149 108 138 126 127 107 110 123 111 103 91 112 98 94 75 101 85 84 62 88 74 77 48 78Z' opacity='.62'/%3E%3C/g%3E%3Cg stroke='%23e6ffad' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M28 63 19 50 36 54 34 38 53 46 58 28 73 45 92 23 98 42 119 20 126 42 147 25 150 46 175 34 169 53 201 48 184 64 219 72 195 83 226 94 199 101 216 116 189 111 192 134 171 120 161 143 147 121 128 147 119 123 101 141 104 118 80 130 86 109 60 116 72 98 43 103 57 87 24 86Z'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
  filter: drop-shadow(0 0 5px rgba(120, 217, 40, .95)) drop-shadow(0 0 13px rgba(27, 77, 43, .72));
  opacity: .88;
  transform: rotate(-3deg) scale(.99);
  animation: saray-logo-electric-bolt 5.4s linear infinite, saray-logo-electric-flicker 1.9s steps(4, end) infinite;
}

.saray-logo-electric::after {
  inset: -10px;
  background: conic-gradient(
    from 8deg,
    transparent 0 18deg,
    rgba(230, 255, 173, .9) 19deg 23deg,
    transparent 24deg 67deg,
    rgba(120, 217, 40, .84) 68deg 73deg,
    transparent 74deg 127deg,
    rgba(230, 255, 173, .82) 128deg 134deg,
    transparent 135deg 202deg,
    rgba(120, 217, 40, .84) 203deg 210deg,
    transparent 211deg 278deg,
    rgba(230, 255, 173, .9) 279deg 285deg,
    transparent 286deg 360deg
  );
  -webkit-mask: radial-gradient(ellipse, transparent 0 64%, #000 68% 75%, transparent 79%);
  mask: radial-gradient(ellipse, transparent 0 64%, #000 68% 75%, transparent 79%);
  filter: drop-shadow(0 0 6px rgba(120, 217, 40, .9));
  opacity: .62;
  transform: rotate(0deg);
  animation: saray-logo-electric-ring 3.2s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .saray-logo-electric { animation: none; }
  .saray-logo-electric::before,
  .saray-logo-electric::after { animation: none; }
}

/* v7: orb glow only; no outward electric branches. */
.saray-logo-electric::before {
  background: url("../img/logo-electric.svg?v=20260917-7") center / 100% 100% no-repeat;
}

/* v10: çizgileri tamamen kaldır; yalnızca yumuşak, hareketli yeşil halo kalsın. */
.saray-logo-electric {
  border: 0;
  box-shadow: 0 0 18px rgba(120, 217, 40, .34), 0 0 40px rgba(27, 77, 43, .26);
  animation: saray-logo-halo-pulse 2.8s ease-in-out infinite;
}

.saray-logo-electric::before {
  inset: -15px;
  background: radial-gradient(ellipse at center, transparent 48%, rgba(120, 217, 40, .28) 59%, rgba(120, 217, 40, .1) 70%, transparent 79%);
  filter: blur(7px);
  opacity: .85;
  transform: none;
  animation: saray-logo-halo-flicker 2.8s ease-in-out infinite;
}

.saray-logo-electric::after {
  display: none;
}

@keyframes saray-logo-halo-pulse {
  0%, 100% { box-shadow: 0 0 14px rgba(120, 217, 40, .28), 0 0 32px rgba(27, 77, 43, .2); }
  50% { box-shadow: 0 0 24px rgba(120, 217, 40, .48), 0 0 48px rgba(27, 77, 43, .34); }
}

@keyframes saray-logo-halo-flicker {
  0%, 100% { opacity: .68; transform: scale(.96); }
  50% { opacity: .95; transform: scale(1.04); }
}

@media (prefers-reduced-motion: reduce) {
  .saray-logo-electric,
  .saray-logo-electric::before { animation: none; }
}