/* VOID Revision 4 — cache-safe navigation, cleaner background and live goal details */

:root {
  --r4-border: color-mix(in srgb, var(--void-primary) 17%, rgba(255,255,255,.07));
  --r4-surface: rgba(5, 11, 21, .92);
}

/* Daha yumuşak, profesyonel arka plan: belirgin yuvarlak ışık lekeleri yok. */
html { background:#02060c; }
body {
  background:
    linear-gradient(118deg, color-mix(in srgb,var(--void-primary) 2.4%,transparent) 0 22%, transparent 44%),
    linear-gradient(242deg, color-mix(in srgb,var(--void-secondary,#9b3bff) 2.8%,transparent) 0 20%, transparent 46%),
    linear-gradient(180deg,#030711 0%,#050a14 46%,#02060c 100%) !important;
  background-attachment:fixed !important;
}
body::before {
  opacity:.16 !important;
  background-size:88px 88px !important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.26),transparent 86%) !important;
}
body::after {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.22;
  background:
    linear-gradient(110deg,transparent 0 34%,rgba(255,255,255,.012) 47%,transparent 62%),
    linear-gradient(250deg,transparent 0 38%,color-mix(in srgb,var(--void-primary) 1.9%,transparent) 53%,transparent 68%);
}
.page-glow {
  width:72vw !important;
  height:22vh !important;
  border-radius:50% !important;
  opacity:.025 !important;
  filter:blur(110px) !important;
  transform:none !important;
}
.page-glow--cyan { left:-28vw !important; top:4vh !important; }
.page-glow--purple { right:-32vw !important; top:34vh !important; }

/* Üst menü: çakışmayan tıklama alanları. */
.topbar { position:relative; isolation:isolate; }
.topbar .logo-wrap { position:relative; z-index:4; min-width:126px !important; }
.topbar .nav {
  position:relative;
  z-index:5;
  min-width:0;
  flex:1 1 auto;
  gap:1px !important;
  pointer-events:auto;
}
.topbar .actions {
  position:relative;
  z-index:6;
  flex:0 0 auto;
  pointer-events:auto;
}
.nav__item {
  position:relative;
  z-index:1;
  min-height:34px !important;
  padding-inline:6px !important;
  font-size:10.8px !important;
  cursor:pointer;
  pointer-events:auto;
}
.nav__item--disabled {
  cursor:default !important;
  opacity:.45 !important;
  user-select:none;
}
.nav__item--disabled small { display:none !important; }
.header-icon-btn { position:relative; isolation:isolate; }

/* Önceki daha dengeli yazı logosu; O hafif kare ama sıfır gibi değil. */
.brand-wordmark--header {
  gap:0 !important;
  filter:drop-shadow(0 0 12px color-mix(in srgb,var(--void-primary) 24%,transparent)) !important;
}
.brand-wordmark__void {
  display:flex !important;
  align-items:center !important;
  gap:1px !important;
  font:900 23px/.92 "Orbitron","Manrope",sans-serif !important;
  letter-spacing:.055em !important;
}
.brand-wordmark__void i { min-width:.7em !important; font-style:normal; }
.brand-wordmark__o {
  width:.76em !important;
  height:.73em !important;
  border:2.2px solid currentColor !important;
  border-radius:34% !important;
  transform:translateY(.01em) scaleX(.94) !important;
  box-shadow:none !important;
  font-size:0 !important;
}
.brand-wordmark__o::after {
  content:"";
  width:38% !important;
  height:38% !important;
  border:1.7px solid currentColor !important;
  border-radius:38% !important;
}
.brand-wordmark__haxball {
  margin-top:3px !important;
  margin-left:1px !important;
  font-size:7.8px !important;
  letter-spacing:.43em !important;
}

/* Üst menü yardımcı butonları aynı yazı ölçüsünü kullanır. */
.void-header-badge,
.void-header-badge__text,
.void-header-badge--link {
  font-size:8.5px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.075em !important;
}

/* Ayarlar ikonunda yalnızca küçük, dikkat dağıtmayan yeşil durum noktası. */
.header-icon-btn--settings::after {
  content:"" !important;
  position:absolute !important;
  inset:auto 3px 3px auto !important;
  width:5px !important;
  height:5px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#00e676 !important;
  box-shadow:0 0 0 2px #050b14,0 0 7px rgba(0,230,118,.34) !important;
  opacity:.34 !important;
  animation:r4-settings-dot 2.9s ease-in-out infinite !important;
  pointer-events:none;
}
@keyframes r4-settings-dot {
  0%,72%,100% { opacity:.28; transform:scale(.82); box-shadow:0 0 0 2px #050b14,0 0 3px rgba(0,230,118,.18); }
  82% { opacity:.92; transform:scale(1); box-shadow:0 0 0 2px #050b14,0 0 9px rgba(0,230,118,.52); }
  91% { opacity:.42; transform:scale(.88); }
}

/* Canlı odalarda son gol / asist bilgisi görünür. */
.live-room-card { min-height:360px !important; }
.live-room-card__goal[hidden],
.live-room-card__goal.is-empty { display:none !important; }
.live-room-card__goal:not(.is-empty) {
  display:grid !important;
  grid-template-columns:auto auto minmax(0,1fr) !important;
  gap:7px 9px !important;
  margin:0 15px 14px !important;
  padding:9px 10px !important;
  border-radius:5px !important;
  border:1px solid color-mix(in srgb,var(--void-primary) 22%,rgba(255,255,255,.06)) !important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--void-primary) 5%,rgba(255,255,255,.018)),rgba(255,255,255,.008)) !important;
}
.live-room-card__goal-label { font-size:7.5px !important; letter-spacing:.12em !important; }
.live-room-card__goal-minute { min-width:31px !important; padding:3px 6px !important; border-radius:4px !important; font-size:9px !important; }
.live-room-card__goal-body { gap:6px !important; }
.live-room-card__goal-avatar { display:none !important; }
.live-room-card__goal-scorer { font-size:10.5px !important; font-weight:800 !important; }
.live-room-card__goal-assist { font-size:9px !important; margin-top:2px !important; }
.live-room-card__goal-deco,.live-room-card__goal-empty { display:none !important; }

/* Alt kısa yollar: Canlı Ligler kaldırıldı, kalan dört kutu eşit. */
.quick-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  overflow:visible !important;
  align-items:stretch !important;
}
.quick-card {
  min-width:0 !important;
  min-height:188px !important;
  height:100% !important;
  padding:18px !important;
  display:flex !important;
  align-items:flex-end !important;
  border-radius:6px !important;
}
.quick-card > div { position:relative; z-index:2; min-height:116px; display:flex; flex-direction:column; align-items:flex-start; }
.quick-card h3 { min-height:30px; display:flex; align-items:flex-end; }
.quick-card p { min-height:34px; margin-bottom:auto !important; }
.quick-card .badge-soon { margin-top:9px; }
.quick-visual-img { position:absolute !important; inset:0 0 0 auto !important; width:72% !important; height:100% !important; }

/* Drawer kapalıyken hiçbir şekilde menü tıklamalarını yakalamasın. */
.preferences-drawer:not(.is-open) { visibility:hidden !important; pointer-events:none !important; }
.preferences-drawer:not(.is-open) * { pointer-events:none !important; }
.preferences-drawer.is-open { visibility:visible !important; pointer-events:auto !important; }

@media (max-width:1250px) {
  .nav__label { display:none !important; }
  .nav__item { width:33px !important; justify-content:center !important; }
  .quick-grid { grid-template-columns:repeat(4,minmax(205px,1fr)) !important; overflow-x:auto !important; }
}
@media (max-width:760px) {
  .brand-wordmark__void { font-size:20px !important; }
  .quick-grid { grid-template-columns:1fr 1fr !important; overflow:visible !important; }
  .quick-card { min-height:165px !important; }
}
@media (max-width:520px) {
  .quick-grid { grid-template-columns:1fr !important; }
}