:root {
  --content-cyan: #20c3e3;
  --content-ink: #020a10;
  --content-panel: rgba(5, 18, 27, .82);
  --content-panel-2: rgba(8, 28, 40, .74);
  --content-line: rgba(205, 232, 240, .12);
  --content-muted: #8fa7b0;
  --content-serif: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;
}

body.content-page {
  min-height: 100vh;
  margin: 0;
  color: #eef5f5;
  background:
    radial-gradient(circle at 72% 8%, rgba(20, 137, 166, .16), transparent 32rem),
    radial-gradient(circle at 15% 44%, rgba(21, 72, 92, .14), transparent 28rem),
    linear-gradient(160deg, #020b12 0%, #02080d 58%, #01060a 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.content-shell {
  width: min(1240px, calc(100% - 44px));
  margin: 0 auto;
  padding: 28px 0 72px;
}

.content-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 7px 0 26px;
  border-bottom: 1px solid rgba(255,255,255,.075);
}

.content-brand {
  color: #f5f0e7;
  font-family: var(--content-serif);
  font-size: clamp(25px, 3vw, 37px);
  letter-spacing: .055em;
}
.content-brand span { color: var(--content-cyan); }
.content-back {
  color: #8ca4ad;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}
.content-back:hover { color: #e7fcff; }

.content-hero {
  position: relative;
  padding: 68px 0 42px;
}
.content-kicker,
.live-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #5fe1ef;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
}
.content-kicker::before,
.live-kicker::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--content-cyan);
  box-shadow: 0 0 14px rgba(32,195,227,.8);
}
.content-hero h1 {
  max-width: 940px;
  margin: 14px 0 18px;
  color: #f3efe7;
  font-family: var(--content-serif);
  font-size: clamp(46px, 7vw, 86px);
  font-weight: 500;
  line-height: .95;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.content-hero > p {
  max-width: 780px;
  margin: 0;
  color: var(--content-muted);
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.7;
}

.content-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 25px;
}
.content-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 16px;
  border: 1px solid rgba(75,220,238,.28);
  border-radius: 11px;
  color: #eafcfe;
  background: linear-gradient(135deg, rgba(20,132,157,.18), rgba(7,75,93,.08));
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .05em;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.content-button:hover {
  transform: translateY(-2px);
  border-color: rgba(75,220,238,.52);
  background: linear-gradient(135deg, rgba(20,132,157,.27), rgba(7,75,93,.12));
}
.content-button.primary {
  border-color: rgba(71,224,244,.42);
  background: linear-gradient(135deg, rgba(9,136,168,.82), rgba(13,165,192,.7));
  box-shadow: 0 16px 36px rgba(0,105,135,.18);
}

/* Live world */
.live-world-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 22px;
  align-items: stretch;
  padding-bottom: 24px;
}
.live-intro {
  padding: 34px;
  border: 1px solid var(--content-line);
  border-radius: 26px;
  background:
    radial-gradient(circle at 82% 8%, rgba(36,195,227,.16), transparent 18rem),
    linear-gradient(145deg, rgba(11,33,46,.8), rgba(3,13,21,.93));
  overflow: hidden;
}
.live-intro h1 {
  margin: 14px 0 16px;
  max-width: 720px;
  font-family: var(--content-serif);
  font-size: clamp(48px, 7vw, 88px);
  font-weight: 500;
  line-height: .92;
  letter-spacing: -.035em;
}
.live-intro p {
  max-width: 690px;
  margin: 0;
  color: #9ab0b8;
  font-size: 17px;
  line-height: 1.7;
}
.live-now-card {
  display: grid;
  align-content: space-between;
  min-height: 260px;
  padding: 28px;
  border: 1px solid rgba(48,205,230,.17);
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(2,10,16,.12), rgba(2,10,16,.84)),
    url('/assets/images/live-uzay.webp') center/cover;
}
.live-now-card span { color: #6ee9f3; font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.live-now-card strong { max-width: 300px; font-family: var(--content-serif); font-size: 31px; line-height: 1.05; }
.live-now-card small { color: #99acb2; line-height: 1.5; }

.live-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 5px 0 22px;
  scrollbar-width: none;
}
.live-tabs::-webkit-scrollbar { display: none; }
.live-tabs a {
  flex: 0 0 auto;
  padding: 10px 13px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 999px;
  color: #9fb1b7;
  background: rgba(255,255,255,.025);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .045em;
}
.live-tabs a:hover,
.live-tabs a.is-active { color: #eafcff; border-color: rgba(65,218,238,.3); background: rgba(27,154,180,.1); }

.live-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.live-panel {
  min-width: 0;
  padding: 25px;
  border: 1px solid var(--content-line);
  border-radius: 23px;
  background: linear-gradient(150deg, rgba(10,27,38,.77), rgba(3,13,20,.92));
  scroll-margin-top: 24px;
}
.live-panel-wide { grid-column: 1 / -1; }
.live-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}
.live-panel-head h2 {
  margin: 4px 0 5px;
  font-family: var(--content-serif);
  font-size: clamp(26px, 4vw, 40px);
  font-weight: 500;
}
.live-panel-head p {
  margin: 0;
  color: #8299a2;
  font-size: 13px;
  line-height: 1.55;
}
.live-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  color: #74dce8;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
}
.live-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #35d5e8;
  box-shadow: 0 0 12px rgba(53,213,232,.8);
}

.provider-card {
  position: relative;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  padding: 23px;
  border-radius: 18px;
  background-size: cover;
  background-position: center;
  isolation: isolate;
}
.provider-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(2,9,14,.05), rgba(2,9,14,.88) 78%);
}
.provider-card.flight { background-image: url('/assets/images/live-ucaklar.webp'); }
.provider-card.ship { background-image: url('/assets/images/live-gemiler.webp'); }
.provider-card strong { font-family: var(--content-serif); font-size: 28px; }
.provider-card p { max-width: 470px; margin: 7px 0 17px; color: #a7b8bd; font-size: 13px; line-height: 1.55; }
.provider-note { margin-top: 13px; color: #667f88; font-size: 11px; line-height: 1.5; }

.weather-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.weather-card {
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 15px;
  background: rgba(255,255,255,.025);
}
.weather-card strong { display: block; color: #dce9ec; font-size: 13px; }
.weather-temp { margin: 11px 0 5px; font-family: var(--content-serif); font-size: 34px; line-height: 1; }
.weather-meta { color: #75909a; font-size: 11px; line-height: 1.5; }

.iss-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 8px;
}
.iss-stat {
  padding: 16px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}
.iss-stat span { display: block; margin-bottom: 7px; color: #6b8892; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.iss-stat strong { color: #edf7f8; font-size: 16px; }

.quake-list { display: grid; gap: 8px; }
.quake-row {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  padding: 12px 13px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 13px;
  background: rgba(255,255,255,.022);
}
.quake-mag {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(241,137,89,.28);
  color: #ffd4bd;
  background: rgba(166,72,35,.12);
  font-weight: 900;
}
.quake-copy { min-width: 0; }
.quake-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #dce8eb; font-size: 13px; }
.quake-copy small { color: #6e8790; font-size: 10px; }
.quake-row a { color: #6edfe9; font-size: 11px; font-weight: 800; }

.camera-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.camera-card {
  min-height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(3,11,17,.12), rgba(3,11,17,.86)), url('/assets/images/live-kameralar.webp') center/cover;
}
.camera-card:nth-child(2) { background-image: linear-gradient(180deg, rgba(3,11,17,.12), rgba(3,11,17,.86)), url('/assets/images/live-hava.webp'); }
.camera-card:nth-child(3) { background-image: linear-gradient(180deg, rgba(3,11,17,.12), rgba(3,11,17,.86)), url('/assets/images/live-uzay.webp'); }
.camera-card small { color: #63dae7; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.camera-card strong { margin: 5px 0 11px; font-family: var(--content-serif); font-size: 22px; }
.camera-card a { color: #e7fbfd; font-size: 11px; font-weight: 850; }

.live-loading,
.live-error {
  min-height: 84px;
  display: grid;
  place-items: center;
  padding: 16px;
  border: 1px dashed rgba(255,255,255,.1);
  border-radius: 14px;
  color: #66818b;
  font-size: 12px;
  text-align: center;
}
.live-error { color: #b7a095; }
.source-credit {
  margin-top: 14px;
  color: #58737d;
  font-size: 10px;
  line-height: 1.5;
}
.source-credit a { color: #78cdd7; }


/* v21 — Canlı Dünya ücretsiz kontrol merkezi */
.random-portal {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  margin-bottom: 18px;
  padding: 20px 22px;
  border: 1px solid rgba(94, 222, 238, .16);
  border-radius: 20px;
  background:
    radial-gradient(circle at 84% 50%, rgba(44, 181, 210, .12), transparent 18rem),
    linear-gradient(135deg, rgba(7, 31, 43, .78), rgba(3, 13, 20, .94));
}
.random-portal strong {
  display: block;
  margin: 6px 0 4px;
  font-family: var(--content-serif);
  font-size: clamp(24px, 3.5vw, 36px);
  font-weight: 500;
}
.random-portal p { max-width: 680px; margin: 0; color: #78939d; font-size: 12px; line-height: 1.55; }
.random-portal-actions { display: grid; justify-items: end; gap: 7px; }
.random-portal-actions small { color: #66818a; font-size: 10px; }

.live-panel-accent {
  border-color: rgba(56, 210, 231, .19);
  background:
    radial-gradient(circle at 92% 0%, rgba(26, 188, 215, .10), transparent 24rem),
    linear-gradient(150deg, rgba(10, 31, 43, .88), rgba(3, 13, 20, .94));
}

.pulse-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.pulse-card {
  min-width: 0;
  min-height: 132px;
  display: grid;
  align-content: space-between;
  padding: 17px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
}
.pulse-card-main {
  border-color: rgba(70, 215, 235, .17);
  background: linear-gradient(145deg, rgba(19, 135, 158, .12), rgba(255,255,255,.012));
}
.pulse-card > span,
.weird-card > span,
.event-card > span,
.world-clock-card > span {
  color: #65dce8;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .13em;
}
.pulse-card > strong {
  margin: 10px 0 8px;
  color: #eff7f7;
  font-family: var(--content-serif);
  font-size: 31px;
  font-weight: 500;
  line-height: 1;
}
.pulse-card small { color: #77919a; font-size: 10px; line-height: 1.55; }
.pulse-card small b { color: #d8f4f7; font-weight: 800; }

.data-pill {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  padding: 3px 6px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .04em;
  vertical-align: middle;
}
.data-pill.is-good { color: #8ce0bf; border-color: rgba(92,211,164,.22); background: rgba(32,126,90,.12); }
.data-pill.is-watch { color: #efd58d; border-color: rgba(220,181,76,.2); background: rgba(135,105,29,.12); }
.data-pill.is-alert { color: #f3ae91; border-color: rgba(232,119,73,.22); background: rgba(141,64,36,.12); }
.data-pill.is-muted { color: #81979e; }

.world-clock-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.world-clock-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 13px;
  background: rgba(255,255,255,.022);
}
.world-clock-card.is-day { background: linear-gradient(145deg, rgba(116, 127, 68, .09), rgba(255,255,255,.018)); }
.world-clock-card.is-night { background: linear-gradient(145deg, rgba(50, 74, 119, .09), rgba(255,255,255,.018)); }
.world-clock-card > strong { display: block; margin: 6px 0 4px; font-size: 20px; font-variant-numeric: tabular-nums; }
.world-clock-card small { display: block; overflow: hidden; color: #6f8891; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

.space-weather {
  min-height: 148px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}
.space-kp {
  display: grid;
  place-items: center;
  min-width: 116px;
  min-height: 116px;
  padding: 12px;
  border: 1px solid rgba(91, 216, 233, .13);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(39,169,194,.11), rgba(255,255,255,.01) 68%);
}
.space-kp > span { color: #64818a; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.space-kp > strong { color: #eefafa; font-family: var(--content-serif); font-size: 35px; font-weight: 500; }
.space-copy strong { display: block; margin-bottom: 8px; font-family: var(--content-serif); font-size: 25px; font-weight: 500; }
.space-copy small { display: block; color: #708992; font-size: 10px; line-height: 1.6; }

.event-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.event-card {
  min-width: 0;
  min-height: 148px;
  display: flex;
  flex-direction: column;
  padding: 15px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(99, 65, 38, .07), rgba(255,255,255,.018));
}
.event-card strong {
  display: -webkit-box;
  overflow: hidden;
  margin: 8px 0 7px;
  color: #dce8ea;
  font-size: 13px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.event-card small { color: #6e8790; font-size: 9px; }
.event-card a { margin-top: auto; padding-top: 12px; color: #69d9e5; font-size: 9px; font-weight: 900; }

.weird-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.weird-card {
  min-width: 0;
  min-height: 158px;
  display: flex;
  flex-direction: column;
  padding: 17px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 15px;
  background:
    radial-gradient(circle at 80% 0%, rgba(121, 72, 180, .08), transparent 12rem),
    rgba(255,255,255,.022);
}
.weird-card > strong {
  margin: 13px 0 8px;
  color: #f0edf5;
  font-family: var(--content-serif);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.05;
  overflow-wrap: anywhere;
}
.weird-card small { margin-top: auto; color: #748991; font-size: 10px; line-height: 1.55; }
.weird-random { border-color: rgba(151, 98, 210, .13); }

.is-portal-hit {
  animation: portal-hit 1.1s ease;
}
@keyframes portal-hit {
  0%,100% { border-color: var(--content-line); }
  35% { border-color: rgba(86, 226, 241, .64); box-shadow: 0 0 0 4px rgba(55, 200, 220, .05); }
}

/* Category / gallery */
.category-stage {
  position: relative;
  min-height: 580px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  margin-top: 26px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 28px;
  background-position: center;
  background-size: cover;
  isolation: isolate;
}
.category-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(2,9,14,.08), rgba(2,9,14,.84) 62%, #020b12 100%);
}
.category-stage.is-cocuk { background-image: url('/assets/images/feature-cocuk.webp'); }
.category-stage.is-ayvalik-kesfet { background-image: url('/assets/images/feature-kesfet.webp'); }
.category-stage.is-hamurdan { background-image: url('/assets/images/feature-hamurdan.webp'); }
.category-stage-copy { width: min(720px, 100%); padding: clamp(28px, 5vw, 58px); }
.category-stage-copy .soon-badge {
  display: inline-flex;
  padding: 7px 10px;
  border: 1px solid rgba(77,221,239,.23);
  border-radius: 999px;
  color: #61e1ec;
  background: rgba(10,118,141,.12);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .15em;
}
.category-stage-copy h1 {
  margin: 14px 0 13px;
  font-family: var(--content-serif);
  font-size: clamp(46px, 7vw, 82px);
  font-weight: 500;
  line-height: .94;
  letter-spacing: -.035em;
}
.category-stage-copy p { margin: 0; color: #b0bec2; font-size: clamp(15px, 2vw, 18px); line-height: 1.7; }
.category-below {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.category-note {
  padding: 20px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 16px;
  background: rgba(255,255,255,.025);
}
.category-note strong { display: block; margin-bottom: 6px; color: #dfeaec; font-size: 13px; }
.category-note span { color: #78919a; font-size: 12px; line-height: 1.55; }

.gallery-mosaic {
  display: grid;
  grid-template-columns: 1.2fr .8fr .8fr;
  grid-template-rows: 250px 170px;
  gap: 10px;
  margin-top: 24px;
}
.gallery-shot {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 18px;
  background-size: cover;
  background-position: center;
}
.gallery-shot::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 42%, rgba(2,9,14,.68));
}
.gallery-shot:nth-child(1) { grid-row: 1 / 3; background-image: url('/assets/images/hero-ayvalik-real.webp'); }
.gallery-shot:nth-child(2) { grid-column: 2 / 4; background-image: url('/assets/images/feature-kesfet.webp'); }
.gallery-shot:nth-child(3) { background-image: url('/assets/images/hero-ayvalik.webp'); }
.gallery-shot:nth-child(4) { background-image: url('/assets/images/live-gemiler.webp'); }
.gallery-shot span { position: absolute; z-index: 1; left: 16px; bottom: 14px; color: #dce7e9; font-size: 11px; font-weight: 850; letter-spacing: .06em; }
.gallery-coming {
  margin-top: 14px;
  padding: 22px;
  border: 1px solid rgba(69,215,234,.12);
  border-radius: 16px;
  color: #8ea5ad;
  background: rgba(12,91,108,.055);
  line-height: 1.65;
}

.content-footer {
  margin-top: 38px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.065);
  color: #56717a;
  font-size: 11px;
}

@media (max-width: 900px) {
  .live-world-hero { grid-template-columns: 1fr; }
  .live-now-card { min-height: 220px; }
  .weather-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .iss-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .camera-grid { grid-template-columns: 1fr 1fr; }
  .pulse-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .event-grid, .weird-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .category-below { grid-template-columns: 1fr; }
  .gallery-mosaic { grid-template-columns: 1fr 1fr; grid-template-rows: 220px 170px; }
  .gallery-shot:nth-child(1) { grid-row: auto; }
  .gallery-shot:nth-child(2) { grid-column: auto; }
}

@media (max-width: 680px) {
  .content-shell { width: min(100% - 24px, 1240px); padding-top: 17px; padding-bottom: 48px; }
  .content-topbar { align-items: flex-start; }
  .content-back { padding-top: 9px; }
  .content-hero { padding: 44px 0 28px; }
  .live-world-hero { gap: 12px; }
  .random-portal { grid-template-columns: 1fr; gap: 14px; padding: 18px; border-radius: 17px; }
  .random-portal-actions { justify-items: stretch; }
  .random-portal-actions .content-button { width: 100%; }
  .live-intro, .live-panel, .live-now-card { border-radius: 19px; }
  .live-intro { padding: 24px; }
  .live-intro p { font-size: 15px; }
  .live-now-card { min-height: 190px; padding: 22px; }
  .live-grid { grid-template-columns: 1fr; gap: 12px; }
  .live-panel-wide { grid-column: auto; }
  .live-panel { padding: 18px; }
  .live-panel-head { flex-direction: column; gap: 8px; }
  .provider-card { min-height: 220px; padding: 19px; }
  .pulse-grid, .event-grid, .weird-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .pulse-grid::-webkit-scrollbar, .event-grid::-webkit-scrollbar, .weird-grid::-webkit-scrollbar { display: none; }
  .pulse-card { flex: 0 0 82%; min-height: 126px; scroll-snap-align: start; }
  .event-card, .weird-card { flex: 0 0 84%; min-height: 150px; scroll-snap-align: start; }
  .world-clock-grid { grid-template-columns: 1fr 1fr; }
  .space-weather { grid-template-columns: 1fr; }
  .space-kp { margin: 0 auto; }
  .weather-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 3px; scrollbar-width: none; }
  .weather-grid::-webkit-scrollbar { display: none; }
  .weather-card { flex: 0 0 78%; scroll-snap-align: start; }
  .iss-stats { grid-template-columns: 1fr 1fr; }
  .quake-row { grid-template-columns: 52px minmax(0,1fr); }
  .quake-row > a { grid-column: 2; }
  .camera-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .camera-grid::-webkit-scrollbar { display: none; }
  .camera-card { flex: 0 0 84%; scroll-snap-align: start; }
  .category-stage { min-height: 520px; border-radius: 21px; }
  .category-stage-copy { padding: 27px; }
  .gallery-mosaic { grid-template-columns: 1fr; grid-template-rows: repeat(4, 210px); }
}

@media (prefers-reduced-motion: reduce) {
  .content-button { transition: none; }
}

/* v22 — Canlı Dünya Visual Engine */
.live-world-page {
  --live-cyan: #39e7f6;
  --live-amber: #ffbf69;
  --live-violet: #a78bfa;
  --live-red: #ff6b5f;
  --live-green: #69e5b1;
  --live-blue: #67b7ff;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(30, 120, 155, .19), transparent 32rem),
    radial-gradient(circle at 86% 18%, rgba(117, 74, 188, .11), transparent 28rem),
    linear-gradient(160deg, #01080d 0%, #031019 48%, #01070b 100%);
}

.live-world-page .content-shell {
  width: min(1540px, calc(100% - 56px));
  padding-top: 20px;
  position: relative;
  z-index: 2;
}

.live-world-stage {
  --pointer-x: 50%;
  --pointer-y: 30%;
  position: relative;
}

.live-world-ambient {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: .82;
}
.live-grid-glow {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(83, 206, 226, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(83, 206, 226, .035) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.92), transparent 78%);
  transform: perspective(900px) rotateX(62deg) translateY(-12%);
  transform-origin: top;
}
.live-orbit {
  position: absolute;
  width: 48vw;
  aspect-ratio: 1;
  border: 1px solid rgba(98, 217, 239, .08);
  border-radius: 50%;
  box-shadow: inset 0 0 80px rgba(57,231,246,.02);
}
.live-orbit::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--live-cyan);
  box-shadow: 0 0 24px rgba(57,231,246,.75);
}
.live-orbit-a { top: -20vw; right: -13vw; animation: live-orbit-spin 36s linear infinite; }
.live-orbit-b { bottom: -30vw; left: -22vw; width: 62vw; animation: live-orbit-spin 48s linear infinite reverse; }

.live-command-topbar {
  padding: 12px 0 22px;
  border-bottom-color: rgba(111, 221, 237, .13);
}
.live-top-status {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  margin-right: 24px;
  color: #91a9b0;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .08em;
}
.live-top-status strong {
  color: #e9fafc;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
.live-top-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--live-green);
  box-shadow: 0 0 18px rgba(105,229,177,.9);
  animation: live-breathe 1.8s ease-in-out infinite;
}

.live-world-page .content-brand { font-size: clamp(30px, 2.7vw, 43px); }
.live-world-page .content-back { font-size: 13px; }

.live-world-page .live-world-hero {
  grid-template-columns: minmax(0, 1.42fr) minmax(330px, .58fr);
  gap: 16px;
  padding: 24px 0 14px;
}
.live-world-page .live-intro {
  position: relative;
  min-height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(42px, 5vw, 76px);
  border: 0;
  border-radius: 4px 42px 4px 42px;
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(59, 218, 242, .14), transparent 24rem),
    linear-gradient(115deg, rgba(9, 36, 49, .90), rgba(2, 12, 20, .88) 70%);
  box-shadow: inset 1px 0 rgba(75, 225, 245, .35), inset 0 -1px rgba(255,255,255,.05);
}
.live-world-page .live-intro::after {
  content: "LIVE / AYVALIK TV / WORLD SIGNAL";
  position: absolute;
  right: 24px;
  bottom: 20px;
  color: rgba(123, 218, 231, .24);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .2em;
  writing-mode: vertical-rl;
}
.live-world-page .live-intro h1 {
  max-width: 900px;
  margin: 18px 0 22px;
  font-size: clamp(68px, 7vw, 116px);
  line-height: .86;
}
.live-world-page .live-intro h1 em {
  color: transparent;
  font-style: normal;
  -webkit-text-stroke: 1px rgba(225, 247, 250, .66);
  text-shadow: 0 0 28px rgba(57, 231, 246, .08);
}
.live-world-page .live-intro p {
  max-width: 780px;
  color: #a6bbc1;
  font-size: clamp(17px, 1.4vw, 21px);
  line-height: 1.66;
}
.live-hero-meter {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  height: 42px;
  margin-top: 28px;
}
.live-hero-meter span {
  width: 4px;
  height: 22%;
  background: linear-gradient(to top, rgba(57,231,246,.18), var(--live-cyan));
  box-shadow: 0 0 12px rgba(57,231,246,.2);
  animation: live-meter 1.6s ease-in-out infinite alternate;
}
.live-hero-meter span:nth-child(2) { animation-delay: -.4s; height: 70%; }
.live-hero-meter span:nth-child(3) { animation-delay: -.9s; height: 42%; }
.live-hero-meter span:nth-child(4) { animation-delay: -.2s; height: 90%; }
.live-hero-meter span:nth-child(5) { animation-delay: -.7s; height: 58%; }
.live-hero-meter span:nth-child(6) { animation-delay: -1.1s; height: 34%; }
.live-hero-meter span:nth-child(7) { animation-delay: -.55s; height: 82%; }
.live-hero-meter span:nth-child(8) { animation-delay: -.1s; height: 48%; }

.live-world-page .live-now-card {
  position: relative;
  min-height: 440px;
  padding: 34px;
  border: 0;
  border-radius: 42px 4px 42px 4px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(8,8,20,.12), rgba(5,7,20,.9)),
    url('/assets/images/live-uzay.webp') center/cover;
  box-shadow: inset -1px 0 rgba(167,139,250,.28), inset 0 -1px rgba(255,255,255,.06);
}
.live-world-page .live-now-card strong {
  position: relative;
  z-index: 2;
  max-width: 420px;
  font-size: clamp(32px, 2.7vw, 48px);
  line-height: .98;
}
.live-world-page .live-now-card small { position: relative; z-index: 2; font-size: 14px; }
.live-world-page .live-now-card > span { position: relative; z-index: 2; color: #c6b9ff; font-size: 12px; }
.live-now-radar {
  position: absolute;
  width: 360px;
  height: 360px;
  right: -100px;
  top: -95px;
  border: 1px solid rgba(186, 171, 255, .18);
  border-radius: 50%;
  background:
    radial-gradient(circle, transparent 0 24%, rgba(167,139,250,.07) 25% 25.8%, transparent 26% 49%, rgba(167,139,250,.06) 50% 50.8%, transparent 51%),
    conic-gradient(from 0deg, rgba(167,139,250,.22), transparent 28deg 360deg);
  animation: live-radar-sweep 7s linear infinite;
}

.live-signal-ticker {
  position: relative;
  overflow: hidden;
  margin: 4px 0 14px;
  border-block: 1px solid rgba(255,255,255,.08);
  background: rgba(2, 12, 18, .68);
}
.live-signal-ticker::before,
.live-signal-ticker::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 80px;
}
.live-signal-ticker::before { left: 0; background: linear-gradient(90deg, #020a10, transparent); }
.live-signal-ticker::after { right: 0; background: linear-gradient(-90deg, #020a10, transparent); }
.live-signal-track {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 12px 22px;
  animation: live-signal-flow 32s linear infinite;
}
.live-signal-track span {
  color: #6f8992;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: .09em;
  white-space: nowrap;
}
.live-signal-track b { color: #d7f8fb; font-weight: 900; }

.live-world-page .live-tabs {
  gap: 4px;
  padding: 8px 0 22px;
}
.live-world-page .live-tabs a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 10px 15px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(255,255,255,.10);
  color: #80969e;
  background: transparent;
  font-size: 12px;
  letter-spacing: .07em;
  transition: color .2s ease, border-color .2s ease, transform .2s ease;
}
.live-world-page .live-tabs a:hover,
.live-world-page .live-tabs a.is-active {
  color: #eaffff;
  border-color: var(--live-cyan);
  background: transparent;
  transform: translateY(-2px);
}

.live-world-page .random-portal {
  position: relative;
  grid-template-columns: minmax(0, 1fr) 170px auto;
  min-height: 230px;
  margin: 0 0 20px;
  padding: 34px 38px;
  border: 0;
  border-radius: 4px 34px 34px 4px;
  overflow: hidden;
  background:
    linear-gradient(100deg, rgba(55, 20, 89, .72), rgba(8, 18, 33, .88) 58%, rgba(17, 69, 82, .68));
  box-shadow: inset 4px 0 var(--live-violet), inset -1px 0 rgba(57,231,246,.2);
}
.random-portal-copy strong { font-size: clamp(38px, 4vw, 64px); line-height: .92; }
.random-portal-copy p { max-width: 650px; font-size: 15px; }
.random-portal-core {
  position: relative;
  width: 140px;
  height: 140px;
  place-self: center;
  border: 1px solid rgba(184, 154, 255, .28);
  border-radius: 50%;
  box-shadow: 0 0 60px rgba(111, 61, 184, .18), inset 0 0 35px rgba(57,231,246,.07);
  animation: live-breathe 3s ease-in-out infinite;
}
.random-portal-core::before,
.random-portal-core::after,
.random-portal-core span {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px dashed rgba(57,231,246,.26);
  border-radius: 50%;
  animation: live-orbit-spin 8s linear infinite;
}
.random-portal-core::after { inset: 34px; animation-duration: 5s; animation-direction: reverse; }
.random-portal-core span { inset: 55px; border-style: solid; background: rgba(57,231,246,.08); }
.live-world-page .random-portal-actions small { font-size: 12px; }

.live-world-page .live-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
.live-world-page .live-panel {
  --family: var(--live-cyan);
  position: relative;
  min-width: 0;
  padding: clamp(28px, 2.5vw, 42px);
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: rgba(4, 16, 24, .58);
  box-shadow: inset 0 1px rgba(255,255,255,.045);
}
.live-world-page .live-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 84px;
  height: 2px;
  background: linear-gradient(90deg, var(--family), transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--family) 46%, transparent);
}
.live-world-page .live-panel[data-visual-family="weather"] { --family: var(--live-amber); }
.live-world-page .live-panel[data-visual-family="space"] { --family: var(--live-violet); }
.live-world-page .live-panel[data-visual-family="quake"] { --family: var(--live-red); }
.live-world-page .live-panel[data-visual-family="nature"] { --family: var(--live-green); }
.live-world-page .live-panel[data-visual-family="weird"] { --family: #d783ff; }
.live-world-page .live-panel[data-visual-family="external"] { --family: var(--live-blue); }
.live-world-page .live-panel[data-visual-family="time"] { --family: var(--live-cyan); }

.live-world-page .live-panel-head { margin-bottom: 26px; }
.live-world-page .live-panel-head h2 {
  margin: 7px 0 7px;
  font-size: clamp(38px, 4vw, 64px);
  line-height: .94;
}
.live-world-page .live-panel-head p {
  max-width: 720px;
  color: #8ba2aa;
  font-size: 16px;
  line-height: 1.6;
}
.live-world-page .content-kicker,
.live-world-page .live-kicker { font-size: 12px; }
.live-world-page .live-status { color: var(--family); font-size: 11px; }
.live-world-page .live-status::before { background: var(--family); box-shadow: 0 0 16px color-mix(in srgb, var(--family) 70%, transparent); animation: live-breathe 1.8s ease-in-out infinite; }
.live-world-page .source-credit,
.live-world-page .provider-note { font-size: 12px; line-height: 1.65; }

.live-zone-feature { grid-column: 1 / -1; border-radius: 34px 4px 34px 4px !important; background: linear-gradient(115deg, rgba(74,49,16,.30), rgba(5,21,28,.82) 45%, rgba(3,13,20,.92)) !important; }
.live-zone-clock { grid-column: span 7; border-radius: 4px 32px 4px 32px !important; background: linear-gradient(130deg, rgba(10, 36, 48, .82), rgba(4,14,22,.9)) !important; }
.live-zone-solar { grid-column: span 5; border-radius: 32px 4px 32px 4px !important; background: radial-gradient(circle at 80% 20%, rgba(155,110,255,.16), transparent 18rem), rgba(11,8,27,.82) !important; }
.live-zone-provider { grid-column: span 6; padding: 0 !important; background: transparent !important; }
.live-zone-provider .live-panel-head { padding: 28px 28px 0; }
.live-zone-provider .provider-note { padding: 0 28px 8px; }
.live-zone-orbit { grid-column: 1 / -1; min-height: 420px; border-radius: 0 46px 0 46px !important; background: radial-gradient(circle at 78% 50%, rgba(112,78,188,.16), transparent 24rem), linear-gradient(110deg, rgba(7,10,29,.92), rgba(2,12,20,.92)) !important; }
.live-zone-ribbon { grid-column: 1 / -1; border-radius: 0 !important; border-block: 1px solid rgba(255,191,105,.15) !important; background: linear-gradient(90deg, rgba(105,65,12,.15), rgba(5,19,25,.76), rgba(72,44,10,.12)) !important; }
.live-zone-alert { grid-column: span 7; border-radius: 4px 34px 4px 34px !important; background: radial-gradient(circle at 90% 10%, rgba(255,107,95,.11), transparent 19rem), rgba(29,10,11,.55) !important; }
.live-zone-bento { grid-column: span 5; border-radius: 34px 4px 34px 4px !important; background: radial-gradient(circle at 12% 0%, rgba(105,229,177,.12), transparent 18rem), rgba(6,24,20,.65) !important; }
.live-zone-play { grid-column: 1 / -1; border-radius: 46px 4px 4px 46px !important; background: linear-gradient(120deg, rgba(71,26,101,.72), rgba(10,14,29,.86) 55%, rgba(14,55,67,.65)) !important; }
.live-zone-cinema { grid-column: 1 / -1; padding-inline: 0 !important; background: transparent !important; }
.live-zone-cinema .live-panel-head,
.live-zone-cinema .provider-note { padding-inline: 30px; }

.live-world-page .pulse-grid { grid-template-columns: 1.4fr repeat(5, minmax(0, 1fr)); gap: 0; }
.live-world-page .pulse-card {
  min-height: 180px;
  padding: 24px 20px;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.065);
  border-radius: 0;
  background: transparent;
}
.live-world-page .pulse-card:last-child { border-right: 0; }
.live-world-page .pulse-card > span { font-size: 10px; color: var(--live-amber); }
.live-world-page .pulse-card > strong { font-size: clamp(36px, 3.8vw, 62px); }
.live-world-page .pulse-card small { font-size: 12px; }
.live-world-page .pulse-card-main { background: linear-gradient(180deg, rgba(255,191,105,.09), transparent); }

.live-world-page .world-clock-grid {
  display: flex;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.live-world-page .world-clock-grid::-webkit-scrollbar { display: none; }
.live-world-page .world-clock-card {
  flex: 0 0 24%;
  min-width: 170px;
  padding: 18px 20px;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.065);
  border-radius: 0;
  background: transparent;
}
.live-world-page .world-clock-card > strong { margin: 7px 0 3px; font-size: 31px; }
.live-world-page .world-clock-card small { font-size: 11px; }
.live-world-page .world-clock-card > span { font-size: 9px; }

.live-world-page .space-weather { min-height: 210px; }
.live-world-page .space-kp {
  min-width: 164px;
  min-height: 164px;
  border-color: rgba(167,139,250,.28);
  background: radial-gradient(circle, rgba(167,139,250,.18), rgba(255,255,255,.01) 70%);
  box-shadow: 0 0 46px rgba(117,83,207,.1);
}
.live-world-page .space-kp > strong { font-size: 58px; }
.live-world-page .space-copy strong { font-size: 34px; }
.live-world-page .space-copy small { font-size: 12px; }

.live-world-page .provider-card {
  min-height: 390px;
  border-radius: 4px 34px 4px 34px;
  padding: 32px;
}
.live-world-page .live-zone-provider:nth-of-type(even) .provider-card { border-radius: 34px 4px 34px 4px; }
.live-world-page .provider-card strong { font-size: 42px; }
.live-world-page .provider-card p { max-width: 560px; font-size: 15px; }

.live-orbit-field {
  position: absolute;
  right: 5%;
  top: 50%;
  width: 420px;
  height: 220px;
  transform: translateY(-50%) rotate(-10deg);
  border: 1px solid rgba(167,139,250,.18);
  border-radius: 50%;
}
.live-orbit-field span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e6ddff;
  box-shadow: 0 0 24px rgba(167,139,250,.9);
  animation: live-orbit-travel 8s ease-in-out infinite alternate;
}
.live-world-page .iss-stats { position: relative; z-index: 2; max-width: 820px; grid-template-columns: repeat(4, 1fr); gap: 0; }
.live-world-page .iss-stat {
  padding: 20px 22px;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.075);
  border-radius: 0;
  background: transparent;
}
.live-world-page .iss-stat strong { font-size: 30px; }
.live-world-page .iss-stat span { font-size: 10px; }
.live-world-page .live-zone-orbit .content-actions,
.live-world-page .live-zone-orbit .source-credit { position: relative; z-index: 2; }

.live-world-page .weather-grid { grid-template-columns: repeat(6, minmax(0,1fr)); gap: 0; }
.live-world-page .weather-card {
  padding: 22px 18px;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.07);
  border-radius: 0;
  background: transparent;
}
.live-world-page .weather-card:last-child { border-right: 0; }
.live-world-page .weather-card strong { font-size: 15px; }
.live-world-page .weather-temp { font-size: 46px; }
.live-world-page .weather-meta { font-size: 12px; }

.quake-scan {
  position: absolute;
  right: -70px;
  top: -70px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  opacity: .6;
  background:
    repeating-radial-gradient(circle, transparent 0 22px, rgba(255,107,95,.08) 23px 24px),
    conic-gradient(from 0deg, rgba(255,107,95,.26), transparent 45deg 360deg);
  animation: live-radar-sweep 8s linear infinite;
}
.live-world-page .quake-list { position: relative; z-index: 2; gap: 0; }
.live-world-page .quake-row {
  grid-template-columns: 76px minmax(0,1fr) auto;
  padding: 15px 0;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
  border-radius: 0;
  background: transparent;
}
.live-world-page .quake-mag {
  width: 56px;
  height: 56px;
  border-color: rgba(255,107,95,.34);
  font-size: 18px;
}
.live-world-page .quake-copy strong { font-size: 15px; }
.live-world-page .quake-copy small { font-size: 11px; }

.live-world-page .event-grid {
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
.live-world-page .event-card {
  min-height: 170px;
  padding: 18px;
  border: 0;
  border-radius: 18px 3px 18px 3px;
  background: linear-gradient(135deg, rgba(105,229,177,.08), rgba(255,255,255,.018));
  box-shadow: inset 2px 0 rgba(105,229,177,.18);
}
.live-world-page .event-card strong { font-size: 15px; }
.live-world-page .event-card small,
.live-world-page .event-card a { font-size: 10px; }

.live-world-page .weird-grid {
  grid-template-columns: 1.3fr .9fr .9fr 1.3fr;
  gap: 12px;
}
.live-world-page .weird-card {
  min-height: 220px;
  padding: 25px;
  border: 0;
  border-radius: 4px 28px 4px 28px;
  background: linear-gradient(145deg, rgba(194,101,255,.08), rgba(255,255,255,.02));
  box-shadow: inset 0 1px rgba(255,255,255,.05);
}
.live-world-page .weird-card:nth-child(even) { transform: translateY(18px); border-radius: 28px 4px 28px 4px; }
.live-world-page .weird-card > strong { font-size: clamp(26px, 2.5vw, 39px); }
.live-world-page .weird-card small { font-size: 12px; }

.live-world-page .camera-grid { grid-template-columns: 1.3fr .9fr .9fr; gap: 12px; }
.live-world-page .camera-card {
  min-height: 340px;
  padding: 26px;
  border: 0;
  border-radius: 4px 34px 4px 34px;
  transition: transform .3s ease, filter .3s ease;
}
.live-world-page .camera-card:nth-child(2) { transform: translateY(28px); border-radius: 34px 4px 34px 4px; }
.live-world-page .camera-card strong { font-size: 32px; }
.live-world-page .camera-card a { font-size: 12px; }

.live-world-page .content-button { min-height: 50px; font-size: 13px; border-radius: 4px 14px 4px 14px; }

@media (hover: hover) and (pointer: fine) {
  .live-world-page .camera-card:hover { transform: translateY(-7px) scale(1.01); filter: saturate(1.1); }
  .live-world-page .camera-card:nth-child(2):hover { transform: translateY(20px) scale(1.01); }
  .live-world-page .weird-card:hover { box-shadow: inset 0 1px rgba(255,255,255,.09), 0 18px 50px rgba(69,25,96,.16); }
  .live-world-page .provider-card:hover { background-size: 108%; }
}

@keyframes live-radar-sweep { to { transform: rotate(360deg); } }
@keyframes live-signal-flow { to { transform: translateX(-50%); } }
@keyframes live-breathe { 0%,100% { opacity: .55; transform: scale(.92); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes live-orbit-spin { to { transform: rotate(360deg); } }
@keyframes live-orbit-travel { from { left: 0; top: 64%; } to { left: calc(100% - 12px); top: 33%; } }
@keyframes live-meter { from { transform: scaleY(.45); opacity: .55; } to { transform: scaleY(1); opacity: 1; } }

@media (max-width: 1100px) {
  .live-world-page .content-shell { width: min(100% - 36px, 1540px); }
  .live-world-page .live-world-hero { grid-template-columns: 1fr; }
  .live-world-page .live-now-card { min-height: 300px; }
  .live-zone-clock, .live-zone-solar, .live-zone-alert, .live-zone-bento { grid-column: 1 / -1; }
  .live-world-page .pulse-grid { grid-template-columns: repeat(3, 1fr); }
  .live-world-page .pulse-card { border-bottom: 1px solid rgba(255,255,255,.06); }
  .live-world-page .weather-grid { grid-template-columns: repeat(3, 1fr); }
  .live-world-page .weird-grid { grid-template-columns: repeat(2, 1fr); }
  .live-world-page .weird-card:nth-child(even) { transform: none; }
}

@media (max-width: 760px) {
  .live-world-page .content-shell { width: min(100% - 20px, 1540px); padding-top: 10px; }
  .live-command-topbar { gap: 10px; padding-bottom: 14px; }
  .live-top-status { order: 3; width: 100%; margin: 0; font-size: 10px; }
  .live-world-page .content-topbar { flex-wrap: wrap; }
  .live-world-page .content-brand { font-size: 29px; }
  .live-world-page .content-back { font-size: 11px; }
  .live-world-page .live-world-hero { padding-top: 10px; }
  .live-world-page .live-intro { min-height: 390px; padding: 30px 24px; border-radius: 4px 26px 4px 26px; }
  .live-world-page .live-intro::after { display: none; }
  .live-world-page .live-intro h1 { font-size: clamp(55px, 17vw, 82px); }
  .live-world-page .live-intro p { font-size: 16px; }
  .live-world-page .live-now-card { min-height: 270px; padding: 26px; border-radius: 26px 4px 26px 4px; }
  .live-world-page .live-now-card strong { font-size: 32px; }
  .live-signal-track { gap: 26px; padding-block: 10px; }
  .live-signal-track span { font-size: 10px; }
  .live-world-page .live-tabs a { min-height: 44px; font-size: 11px; }
  .live-world-page .random-portal { grid-template-columns: 1fr; min-height: 0; gap: 22px; padding: 28px 24px; border-radius: 4px 26px 26px 4px; }
  .random-portal-core { width: 110px; height: 110px; place-self: start; }
  .random-portal-copy strong { font-size: 45px; }
  .random-portal-copy p { font-size: 14px; }
  .live-world-page .live-grid { grid-template-columns: 1fr; gap: 12px; }
  .live-world-page .live-panel,
  .live-zone-feature,
  .live-zone-clock,
  .live-zone-solar,
  .live-zone-provider,
  .live-zone-orbit,
  .live-zone-ribbon,
  .live-zone-alert,
  .live-zone-bento,
  .live-zone-play,
  .live-zone-cinema { grid-column: 1 !important; }
  .live-world-page .live-panel { padding: 24px 20px; border-radius: 4px 24px 4px 24px !important; }
  .live-zone-provider { padding: 0 !important; }
  .live-zone-cinema { padding-inline: 0 !important; }
  .live-world-page .live-panel-head { gap: 12px; margin-bottom: 20px; }
  .live-world-page .live-panel-head h2 { font-size: 42px; }
  .live-world-page .live-panel-head p { font-size: 15px; }
  .live-world-page .pulse-grid,
  .live-world-page .weather-grid,
  .live-world-page .weird-grid,
  .live-world-page .event-grid,
  .live-world-page .camera-grid {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .live-world-page .pulse-grid::-webkit-scrollbar,
  .live-world-page .weather-grid::-webkit-scrollbar,
  .live-world-page .weird-grid::-webkit-scrollbar,
  .live-world-page .event-grid::-webkit-scrollbar,
  .live-world-page .camera-grid::-webkit-scrollbar { display: none; }
  .live-world-page .pulse-card,
  .live-world-page .weather-card,
  .live-world-page .weird-card,
  .live-world-page .event-card,
  .live-world-page .camera-card { flex: 0 0 84%; scroll-snap-align: start; }
  .live-world-page .pulse-card { min-height: 165px; border: 0; background: rgba(255,255,255,.025); border-radius: 4px 20px 4px 20px; }
  .live-world-page .pulse-card > strong { font-size: 48px; }
  .live-world-page .weather-card { border: 0; border-radius: 4px 20px 4px 20px; background: rgba(255,255,255,.025); }
  .live-world-page .world-clock-card { flex-basis: 64%; min-width: 210px; }
  .live-world-page .space-weather { grid-template-columns: 1fr; }
  .live-world-page .space-kp { margin: 0; }
  .live-world-page .provider-card { min-height: 330px; border-radius: 4px 24px 4px 24px; }
  .live-orbit-field { width: 260px; height: 130px; right: -80px; opacity: .6; }
  .live-world-page .iss-stats { grid-template-columns: repeat(2, 1fr); }
  .live-world-page .iss-stat { border-bottom: 1px solid rgba(255,255,255,.06); }
  .live-world-page .quake-row { grid-template-columns: 62px minmax(0,1fr); }
  .live-world-page .quake-row > a { grid-column: 2; }
  .live-world-page .weird-card:nth-child(even),
  .live-world-page .camera-card:nth-child(2) { transform: none; }
  .live-world-page .camera-card { min-height: 300px; }
}

@media (prefers-reduced-motion: reduce) {
  .live-world-page *,
  .live-world-page *::before,
  .live-world-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
  .live-signal-track { transform: none !important; }
}

/* v23 — planet control room */
.live-tv-toggle {
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid rgba(105, 229, 177, .24);
  border-radius: 999px;
  color: #aaf5d4;
  background: rgba(30, 115, 87, .10);
  font: 800 10px/1 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .1em;
  cursor: pointer;
}
.live-tv-toggle[aria-pressed="true"] { color: #06120d; background: #69e5b1; box-shadow: 0 0 28px rgba(105,229,177,.24); }

.world-clock-ticker {
  position: relative;
  overflow: hidden;
  margin: 0 0 18px;
  border-block: 1px solid rgba(57,231,246,.08);
  background: linear-gradient(90deg, rgba(57,231,246,.035), rgba(255,255,255,.012), rgba(167,139,250,.035));
}
.world-clock-ticker::before,
.world-clock-ticker::after { content:""; position:absolute; inset-block:0; width:70px; z-index:2; pointer-events:none; }
.world-clock-ticker::before { left:0; background:linear-gradient(90deg,#031018,transparent); }
.world-clock-ticker::after { right:0; background:linear-gradient(-90deg,#031018,transparent); }
.world-clock-ticker-track { display:flex; width:max-content; gap:32px; padding:11px 0; animation: planet-clock-flow 42s linear infinite; }
.world-clock-ticker-track span { display:flex; gap:8px; align-items:center; color:#789099; font-size:11px; letter-spacing:.05em; white-space:nowrap; }
.world-clock-ticker-track b { color:#e6fbff; font-size:10px; letter-spacing:.11em; }

.live-zone-terminator { grid-column: span 7; border-radius: 38px 4px 38px 4px !important; background:linear-gradient(145deg,rgba(8,31,44,.86),rgba(3,11,22,.93)) !important; }
.live-zone-moon { grid-column: span 5; border-radius: 4px 38px 4px 38px !important; background:radial-gradient(circle at 25% 30%,rgba(194,181,255,.16),transparent 15rem),rgba(9,8,26,.86) !important; }
.live-zone-asteroid { grid-column: 1 / -1; border-radius: 0 42px 0 42px !important; background:radial-gradient(circle at 8% 15%,rgba(255,154,92,.12),transparent 18rem),linear-gradient(120deg,rgba(25,12,16,.88),rgba(7,10,26,.94)) !important; }
.live-zone-satellites { grid-column: 1 / -1; border-radius: 42px 0 42px 0 !important; background:radial-gradient(circle at 85% 25%,rgba(105,124,255,.14),transparent 22rem),rgba(5,10,25,.9) !important; }
.live-zone-world24 { grid-column: 1 / -1; min-height:420px; border-radius: 0 46px 0 46px !important; background:linear-gradient(120deg,rgba(9,31,38,.92),rgba(13,10,34,.92) 55%,rgba(49,17,48,.72)) !important; }

.planet-terminator { position:relative; min-height:330px; }
.terminator-map {
  --sun-x:50%; --night-x:0%; --decl-y:50%;
  position:relative;
  min-height:245px;
  overflow:hidden;
  border:1px solid rgba(57,231,246,.12);
  border-radius:4px 28px 4px 28px;
  background:
    radial-gradient(circle at var(--sun-x) var(--decl-y),rgba(255,210,116,.32),transparent 19%),
    linear-gradient(90deg,rgba(35,145,179,.26),rgba(16,66,92,.18));
  box-shadow:inset 0 0 70px rgba(0,0,0,.5);
}
.terminator-night { position:absolute; inset:-30%; background:linear-gradient(90deg,rgba(1,4,12,.88) 0 34%,transparent 49% 64%,rgba(1,4,12,.88) 82% 100%); transform:translateX(calc(var(--night-x) - 50%)); filter:blur(5px); }
.terminator-grid { position:absolute; inset:0; opacity:.25; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:10% 25%; }
.terminator-map svg { position:absolute; inset:0; width:100%; height:100%; }
.terminator-map polyline { fill:none; stroke:rgba(109,235,246,.65); stroke-width:2.2; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 7px rgba(57,231,246,.5)); }
.terminator-sun { position:absolute; z-index:3; translate:-50% -50%; font-size:34px; filter:drop-shadow(0 0 16px rgba(255,199,101,.85)); animation:planet-sun-pulse 3s ease-in-out infinite; }
.terminator-midnight { position:absolute; bottom:13px; translate:-50% 0; z-index:3; color:#8290ba; font-size:9px; font-weight:900; letter-spacing:.12em; white-space:nowrap; }
.terminator-meta { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:8px; background:rgba(255,255,255,.055); }
.terminator-meta span { padding:14px; color:#9caeb6; background:#07141c; font-size:11px; }
.terminator-meta b { display:block; margin-bottom:6px; color:#63ddeb; font-size:9px; letter-spacing:.12em; }

.moon-sky-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:18px; align-items:stretch; }
.moon-orbit { display:grid; grid-template-columns:160px 1fr; gap:22px; align-items:center; min-height:230px; }
.moon-disc { position:relative; width:150px; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 35% 30%,#f4f1d8,#b8b4c4 55%,#5b6071 100%); box-shadow:0 0 55px rgba(195,181,255,.18); overflow:hidden; animation:planet-moon-float 5s ease-in-out infinite; }
.moon-disc::after { content:""; position:absolute; inset:-2px; border-radius:50%; background:rgba(3,4,17,.88); transform:translateX(calc((100% - var(--moon-light,50%)) * 1.15)); filter:blur(1px); }
.moon-disc span { position:absolute; inset:0; z-index:2; border-radius:50%; box-shadow:inset -18px -10px 28px rgba(19,19,31,.35); }
.moon-copy span,.meteor-status>span { color:#a995ff; font-size:10px; font-weight:900; letter-spacing:.13em; }
.moon-copy strong,.meteor-status strong { display:block; margin:8px 0; font-family:var(--content-serif); font-size:34px; }
.moon-copy b,.meteor-status b { display:block; color:#e7e3ff; font-size:13px; }
.moon-copy small,.meteor-status small { display:block; margin-top:10px; color:#8f93aa; line-height:1.55; }
.meteor-status { display:grid; align-content:center; min-height:230px; padding:25px; border-left:1px solid rgba(167,139,250,.18); background:linear-gradient(135deg,rgba(167,139,250,.055),transparent); }

.aurora-ribbon { display:grid; grid-template-columns:1.4fr .8fr; gap:12px; margin-top:18px; }
.aurora-glow { position:relative; overflow:hidden; min-height:135px; padding:22px; border-radius:4px 24px 4px 24px; background:linear-gradient(120deg,rgba(53,218,183,.10),rgba(102,88,215,.14),rgba(202,92,255,.08)); }
.aurora-glow::before { content:""; position:absolute; inset:-60% -15%; background:conic-gradient(from 60deg,transparent,rgba(77,255,205,.16),transparent 35%,rgba(190,95,255,.14),transparent 67%); animation:planet-aurora 9s linear infinite; }
.aurora-glow>* { position:relative; z-index:1; }
.aurora-glow span { display:block; color:#7cf0cf; font-size:9px; font-weight:900; letter-spacing:.14em; }
.aurora-glow strong { display:block; margin:8px 0; font-family:var(--content-serif); font-size:30px; }
.aurora-glow small { color:#93aaa8; }
.solar-scales { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; align-content:start; background:rgba(255,255,255,.07); }
.solar-scales span { display:grid; place-items:center; min-height:92px; background:#0c0b1f; color:#e9e5ff; font-size:25px; }
.solar-scales b { color:#a995ff; font-size:11px; }
.solar-scales small { grid-column:1/-1; padding:9px; color:#7f8399; background:#090817; font-size:9px; text-align:center; }

.asteroid-stream { display:grid; grid-template-columns:1.35fr repeat(5,minmax(0,1fr)); gap:9px; }
.asteroid-card { position:relative; min-height:190px; padding:20px; overflow:hidden; border-radius:3px 23px 3px 23px; background:linear-gradient(145deg,rgba(255,135,77,.07),rgba(255,255,255,.018)); box-shadow:inset 1px 0 rgba(255,149,85,.14); }
.asteroid-card::after { content:""; position:absolute; width:12px; height:12px; right:18px; top:18px; border-radius:50%; background:#ff9c67; box-shadow:0 0 25px rgba(255,130,83,.55); animation:planet-asteroid-drift 4s ease-in-out infinite alternate; }
.asteroid-card.is-closest { background:radial-gradient(circle at 82% 20%,rgba(255,131,74,.18),transparent 9rem),linear-gradient(145deg,rgba(83,29,23,.58),rgba(13,12,25,.9)); }
.asteroid-card span { color:#ffac7c; font-size:9px; font-weight:900; letter-spacing:.11em; }
.asteroid-card strong { display:block; margin:15px 0 8px; font-family:var(--content-serif); font-size:25px; line-height:1; }
.asteroid-card b { display:block; color:#ffd7bd; font-size:14px; }
.asteroid-card small { display:block; margin-top:12px; color:#9d8d90; line-height:1.45; }

.satellite-track { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.satellite-card { position:relative; min-height:220px; padding:25px; overflow:hidden; border:1px solid rgba(116,137,255,.12); border-radius:28px 4px 28px 4px; background:radial-gradient(circle at 80% 15%,rgba(107,126,255,.14),transparent 10rem),rgba(255,255,255,.018); }
.satellite-card::before { content:""; position:absolute; width:180px; height:80px; right:-40px; bottom:15px; border:1px solid rgba(145,133,255,.19); border-radius:50%; transform:rotate(-15deg); }
.satellite-card::after { content:""; position:absolute; width:8px; height:8px; right:90px; bottom:70px; border-radius:50%; background:#c3bbff; box-shadow:0 0 18px rgba(167,139,250,.9); animation:live-orbit-travel 6s ease-in-out infinite alternate; }
.satellite-card span { color:#a995ff; font-size:10px; font-weight:900; letter-spacing:.14em; }
.satellite-card strong { display:block; margin:20px 0 7px; font-family:var(--content-serif); font-size:32px; }
.satellite-card b { color:#d9d4ff; }
.satellite-card small { display:block; max-width:260px; margin-top:15px; color:#858aa8; line-height:1.5; }

.quake-flash { position:relative; z-index:4; margin:0 0 14px; padding:14px 17px; border-left:3px solid #ff6b5f; background:linear-gradient(90deg,rgba(255,107,95,.20),rgba(65,13,13,.25),transparent); opacity:0; transform:translateY(-8px); transition:opacity .35s ease,transform .35s ease; }
.quake-flash[hidden] { display:none; }
.quake-flash.is-active { opacity:1; transform:none; animation:planet-quake-alert 1.2s ease-in-out 2; }
.quake-flash span { color:#ff7d71; font-size:9px; font-weight:950; letter-spacing:.15em; }
.quake-flash strong { display:block; margin:4px 0; font-size:16px; }
.quake-flash small { color:#b8908d; }

.live-zone-world24 { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:28px; align-items:center; }
.live-zone-world24 .live-panel-head { grid-column:1/-1; }
.world-24-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.06); }
.world-24-grid article { min-height:130px; padding:18px; background:rgba(3,15,23,.82); }
.world-24-grid span { color:#6adce9; font-size:9px; font-weight:900; letter-spacing:.12em; }
.world-24-grid strong { display:block; margin:9px 0; font-family:var(--content-serif); font-size:30px; }
.world-24-grid small { color:#788f98; line-height:1.45; }
.world-pulse-dial { --pulse:0; position:relative; width:210px; aspect-ratio:1; display:grid; place-content:center; text-align:center; border-radius:50%; background:radial-gradient(circle at center,#080f1b 54%,transparent 55%),conic-gradient(#ff6b95 calc(var(--pulse)*1%),rgba(255,255,255,.07) 0); box-shadow:0 0 60px rgba(185,72,142,.12); }
.world-pulse-dial::after { content:""; position:absolute; inset:12px; border:1px dashed rgba(255,255,255,.10); border-radius:50%; animation:live-orbit-spin 18s linear infinite; }
.world-pulse-dial strong { font-family:var(--content-serif); font-size:60px; line-height:.9; }
.world-pulse-dial span { margin-top:7px; color:#ff8ab4; font-size:9px; font-weight:900; letter-spacing:.14em; }
.world-pulse-dial small { max-width:140px; margin:7px auto 0; color:#8e7d93; font-size:9px; }

.silly-machine { margin-top:22px; min-height:175px; padding:25px; border:1px dashed rgba(219,124,255,.24); border-radius:30px 4px 30px 4px; background:radial-gradient(circle at 85% 15%,rgba(90,229,255,.10),transparent 14rem),rgba(255,255,255,.025); }
.silly-machine span { color:#ef9cff; font-size:9px; font-weight:950; letter-spacing:.16em; }
.silly-machine strong { display:block; margin:10px 0 4px; font-family:var(--content-serif); font-size:clamp(30px,4vw,54px); }
.silly-machine b { display:block; color:#75eef5; font-size:24px; }
.silly-machine small { display:block; max-width:720px; margin-top:11px; color:#9a92aa; font-size:13px; line-height:1.55; }
.silly-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }

.is-ayvalik-night.live-world-page { background:radial-gradient(circle at 75% 6%,rgba(81,61,169,.18),transparent 31rem),radial-gradient(circle at 10% 48%,rgba(15,81,116,.13),transparent 25rem),linear-gradient(160deg,#010510 0%,#020611 58%,#000308 100%); }
.is-ayvalik-night .live-world-ambient { opacity:1; }
.live-tv-active .live-world-stage::after { content:"TV MODE"; position:fixed; right:18px; top:18px; z-index:999; padding:8px 10px; color:#08120d; background:#69e5b1; font-size:9px; font-weight:950; letter-spacing:.15em; border-radius:999px; pointer-events:none; }

@keyframes planet-clock-flow { to { transform:translateX(-50%); } }
@keyframes planet-sun-pulse { 50% { transform:scale(1.15); filter:drop-shadow(0 0 28px rgba(255,199,101,1)); } }
@keyframes planet-moon-float { 50% { transform:translateY(-7px) rotate(1deg); } }
@keyframes planet-aurora { to { transform:rotate(360deg); } }
@keyframes planet-asteroid-drift { to { transform:translate(-28px,24px) scale(.7); opacity:.55; } }
@keyframes planet-quake-alert { 50% { box-shadow:inset 12px 0 38px rgba(255,107,95,.14),0 0 30px rgba(255,107,95,.10); } }

@media (max-width: 1100px) {
  .live-zone-terminator,.live-zone-moon { grid-column:1/-1; }
  .asteroid-stream { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }
  .asteroid-card { flex:0 0 42%; scroll-snap-align:start; }
  .live-zone-world24 { grid-template-columns:1fr; }
  .world-pulse-dial { margin:auto; }
}

@media (max-width: 680px) {
  .live-tv-toggle { order:2; margin-left:auto; min-height:34px; font-size:9px; }
  .world-clock-ticker { margin-inline:-10px; }
  .planet-terminator { min-height:0; }
  .terminator-map { min-height:215px; }
  .terminator-meta { grid-template-columns:repeat(2,1fr); }
  .moon-sky-grid { grid-template-columns:1fr; }
  .moon-orbit { grid-template-columns:115px 1fr; min-height:170px; }
  .moon-disc { width:110px; }
  .meteor-status { min-height:160px; border-left:0; border-top:1px solid rgba(167,139,250,.18); }
  .aurora-ribbon { grid-template-columns:1fr; }
  .asteroid-stream,.satellite-track,.world-24-grid { display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .asteroid-stream::-webkit-scrollbar,.satellite-track::-webkit-scrollbar,.world-24-grid::-webkit-scrollbar { display:none; }
  .asteroid-card,.satellite-card,.world-24-grid article { flex:0 0 84%; scroll-snap-align:start; }
  .satellite-card { min-height:200px; }
  .world-pulse-dial { width:180px; }
  .world-pulse-dial strong { font-size:50px; }
  .silly-machine { min-height:155px; padding:20px; }
  .silly-actions .content-button { flex:1 1 100%; }
  .live-zone-world24 { padding-bottom:30px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .world-clock-ticker-track,.terminator-sun,.moon-disc,.aurora-glow::before,.asteroid-card::after,.satellite-card::after,.world-pulse-dial::after { animation:none !important; }
}

/* v24 — canlı izleme deneyleri + 74 deneylik Daha Saçma Lab */
.live-world-page .watch-lab {
  grid-column: 1 / -1;
  position: relative;
  overflow: hidden;
  min-height: 760px;
  padding: clamp(24px, 3vw, 42px);
  border-color: rgba(83, 238, 255, .18);
  background:
    radial-gradient(circle at 12% 8%, rgba(86, 223, 255, .13), transparent 24rem),
    radial-gradient(circle at 87% 80%, rgba(213, 98, 255, .10), transparent 26rem),
    linear-gradient(145deg, rgba(3, 16, 27, .96), rgba(6, 8, 20, .98));
}
.live-world-page .watch-lab::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(to bottom, black, transparent 82%);
}
.live-world-page .watch-lab > * { position: relative; z-index: 1; }
.live-world-page .watch-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, .55fr);
  gap: 16px;
  align-items: stretch;
}
.live-world-page .watch-screen {
  position: relative;
  min-width: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(87, 224, 244, .17);
  border-radius: 5px 40px 5px 40px;
  background: #01070c;
  box-shadow: inset 0 1px rgba(255,255,255,.04), 0 32px 80px rgba(0,0,0,.28);
}
.live-world-page .watch-screen::after {
  content: "LIVE / IDLE";
  position: absolute;
  z-index: 5;
  left: 14px;
  top: 14px;
  padding: 7px 10px;
  border: 1px solid rgba(125, 241, 255, .22);
  border-radius: 999px;
  color: #aaf6ff;
  background: rgba(0, 10, 17, .72);
  backdrop-filter: blur(10px);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .15em;
}
.live-world-page .watch-screen iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #000;
}
.live-world-page .watch-remote {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(20px, 2.5vw, 32px);
  border: 1px solid rgba(220, 134, 255, .13);
  border-radius: 34px 5px 34px 5px;
  background: linear-gradient(155deg, rgba(30, 15, 46, .64), rgba(4, 14, 22, .88));
}
.live-world-page .watch-remote > span {
  color: #e398ff;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .15em;
}
.live-world-page .watch-remote > strong {
  display: block;
  margin: 13px 0 10px;
  font-family: var(--content-serif);
  font-size: clamp(30px, 3.1vw, 49px);
  font-weight: 500;
  line-height: .97;
}
.live-world-page .watch-remote > small {
  color: #99a8b1;
  font-size: 13px;
  line-height: 1.6;
}
.live-world-page .watch-remote-actions {
  display: grid;
  gap: 9px;
  margin-top: auto;
  padding-top: 24px;
}
.live-world-page .watch-remote-actions .content-button { width: 100%; min-height: 48px; }
.live-world-page .watch-remote-actions [aria-pressed="true"] {
  border-color: rgba(110, 255, 193, .45);
  color: #baffdf;
  background: rgba(27, 122, 84, .16);
}
.live-world-page .watch-provider-link {
  margin-top: 14px;
  color: #75eefa;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
}
.live-world-page .watch-source-rail {
  display: flex;
  gap: 10px;
  margin-top: 14px;
  overflow-x: auto;
  padding: 2px 1px 10px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}
.live-world-page .watch-source-rail button {
  flex: 0 0 210px;
  min-height: 94px;
  padding: 15px;
  text-align: left;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 18px 3px 18px 3px;
  color: #dce9ee;
  background: rgba(255,255,255,.025);
  scroll-snap-align: start;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.live-world-page .watch-source-rail button span {
  display: block;
  color: #64dbea;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .13em;
}
.live-world-page .watch-source-rail button strong {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.25;
}
.live-world-page .watch-source-rail button[aria-pressed="true"] {
  border-color: rgba(86, 227, 245, .45);
  background: linear-gradient(145deg, rgba(21, 146, 172, .16), rgba(125, 60, 167, .08));
  box-shadow: inset 0 0 24px rgba(70, 214, 241, .055);
}
@media (hover:hover) and (pointer:fine) {
  .live-world-page .watch-source-rail button:hover { transform: translateY(-4px); border-color: rgba(107,230,245,.28); }
}
.live-world-page .watch-screen-placeholder,
.live-world-page .watch-external-card,
.live-world-page .watch-ambient,
.live-world-page .watch-wave,
.live-world-page .watch-clock-wall {
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  text-align: center;
  padding: 34px;
}
.live-world-page .watch-screen-placeholder span,
.live-world-page .watch-external-card span,
.live-world-page .watch-ambient > span:first-child {
  color: #6ee9f3;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .16em;
}
.live-world-page .watch-screen-placeholder strong,
.live-world-page .watch-external-card strong,
.live-world-page .watch-ambient strong {
  display: block;
  max-width: 720px;
  margin: 12px auto;
  font-family: var(--content-serif);
  font-size: clamp(34px, 5vw, 70px);
  font-weight: 500;
  line-height: .95;
}
.live-world-page .watch-external-card small,
.live-world-page .watch-ambient small { max-width: 620px; margin: 0 auto; color: #8399a3; font-size: 13px; line-height: 1.55; }
.live-world-page .watch-external-card a {
  display: inline-flex;
  justify-content: center;
  margin: 22px auto 0;
  padding: 12px 16px;
  border: 1px solid rgba(92, 232, 248, .3);
  border-radius: 999px;
  color: #dffcff;
  background: rgba(32, 162, 187, .10);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
}
.live-world-page .watch-radar {
  background: radial-gradient(circle at center, rgba(20,191,148,.15) 0 2%, transparent 3% 14%, rgba(28,222,178,.09) 15% 15.5%, transparent 16% 30%, rgba(28,222,178,.07) 31% 31.5%, transparent 32%), #020b0c;
}
.live-world-page .watch-radar::before {
  content:"";
  position:absolute;
  width:70%;
  aspect-ratio:1;
  border-radius:50%;
  background: conic-gradient(from 0deg, rgba(74,255,195,.30), transparent 19% 100%);
  animation: watch-radar-spin 5s linear infinite;
}
.live-world-page .watch-radar > * { position:relative; z-index:1; }
.live-world-page .watch-clock-wall {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 1px;
  padding: 0;
  background: rgba(255,255,255,.06);
}
.live-world-page .watch-clock-wall span {
  display:grid;
  place-content:center;
  min-height: 140px;
  color:#f4f0ff;
  background:linear-gradient(150deg,#090b19,#08111a);
  font-family:var(--content-serif);
  font-size:clamp(24px,3vw,42px);
}
.live-world-page .watch-clock-wall b { display:block; margin-bottom:7px; color:#8bdbeb; font-family:Inter,system-ui,sans-serif; font-size:9px; letter-spacing:.12em; }
.live-world-page .watch-coordinate { background: radial-gradient(circle at 50% 50%, rgba(207,84,255,.16), transparent 16rem), linear-gradient(145deg,#070611,#020b11); }
.live-world-page .watch-wave { position:relative; overflow:hidden; background:linear-gradient(#03151d,#031019); }
.live-world-page .watch-wave i {
  position:absolute;
  left:-10%;
  width:120%;
  height:44%;
  border-radius:48%;
  background:rgba(35,197,231,.10);
  animation:watch-wave-drift 7s ease-in-out infinite alternate;
}
.live-world-page .watch-wave i:nth-child(1){ bottom:-16%; }
.live-world-page .watch-wave i:nth-child(2){ bottom:-8%; opacity:.65; animation-delay:-2s; }
.live-world-page .watch-wave i:nth-child(3){ bottom:0; opacity:.34; animation-delay:-4s; }
.live-world-page .watch-wave strong { position:relative; z-index:2; align-self:center; font-family:var(--content-serif); font-size:clamp(38px,5vw,68px); }
.live-world-page .watch-aurora { overflow:hidden; background:#050817; }
.live-world-page .watch-aurora::before { content:""; position:absolute; inset:-50%; background:conic-gradient(from 90deg,transparent,rgba(65,255,193,.26),transparent 30%,rgba(192,83,255,.26),transparent 62%); animation:planet-aurora 10s linear infinite; filter:blur(12px); }
.live-world-page .watch-aurora > * { position:relative; z-index:1; }
.live-world-page .watch-asteroid { overflow:hidden; background:radial-gradient(circle at 80% 20%,rgba(255,117,75,.12),transparent 15rem),#080912; }
.live-world-page .watch-asteroid span { position:absolute; width:12px; height:12px; border-radius:50%; background:#ff9f6e; box-shadow:0 0 18px rgba(255,140,87,.7); animation:watch-rock 6s linear infinite; }
.live-world-page .watch-asteroid span:nth-child(1){ left:12%; top:20%; }
.live-world-page .watch-asteroid span:nth-child(2){ left:54%; top:68%; animation-delay:-2s; }
.live-world-page .watch-asteroid span:nth-child(3){ left:78%; top:34%; animation-delay:-4s; }
.live-world-page .watch-asteroid strong { position:relative; z-index:2; }
.live-world-page .silly-progress {
  display:inline-flex;
  margin: 8px 0 0;
  padding: 7px 10px;
  border:1px solid rgba(237,144,255,.17);
  border-radius:999px;
  color:#d8a5e8;
  background:rgba(189,86,226,.055);
  font-size:9px;
  font-weight:850;
  letter-spacing:.055em;
}
.live-world-page .silly-machine { min-height: 220px; }
.live-world-page .silly-machine span { font-size: 10px; }
.live-world-page .silly-machine strong { max-width: 1000px; }

@keyframes watch-radar-spin { to { transform:rotate(360deg); } }
@keyframes watch-wave-drift { to { transform:translate(4%, -8%) rotate(4deg); } }
@keyframes watch-rock { 0% { transform:translate(-160px,-50px) scale(.5); opacity:0; } 15%{opacity:1} 100% { transform:translate(360px,160px) scale(1.2); opacity:0; } }

@media (max-width: 900px) {
  .live-world-page .watch-stage { grid-template-columns: 1fr; }
  .live-world-page .watch-remote { min-height: 300px; }
  .live-world-page .watch-lab { min-height: 0; }
}
@media (max-width: 680px) {
  .live-world-page .watch-lab { margin-inline: 0; padding: 20px 14px 24px; }
  .live-world-page .watch-screen { border-radius: 3px 24px 3px 24px; }
  .live-world-page .watch-remote { min-height: 0; padding: 20px; }
  .live-world-page .watch-remote > strong { font-size: 32px; }
  .live-world-page .watch-source-rail { margin-inline: -4px; }
  .live-world-page .watch-source-rail button { flex-basis: 76%; min-height: 88px; }
  .live-world-page .watch-clock-wall { grid-template-columns: repeat(2,1fr); }
  .live-world-page .watch-clock-wall span { min-height: 96px; font-size: 25px; }
  .live-world-page .watch-screen-placeholder strong,
  .live-world-page .watch-external-card strong,
  .live-world-page .watch-ambient strong { font-size: 34px; }
  .live-world-page .silly-progress { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .live-world-page .watch-radar::before,
  .live-world-page .watch-wave i,
  .live-world-page .watch-aurora::before,
  .live-world-page .watch-asteroid span { animation: none !important; }
}

/* v25 — Canlı Dünya Expansion: visible growth + strong color atmospheres */
.live-world-page .live-panel {
  --scene-glow: rgba(57, 231, 246, .24);
  isolation: isolate;
}
.live-world-page .live-panel::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 360px;
  height: 360px;
  right: -140px;
  bottom: -190px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--scene-glow), transparent 68%);
  filter: blur(8px);
  pointer-events: none;
}
.live-world-page .live-panel[data-visual-family="weather"]:not(.live-zone-provider) {
  --family: #ffc267;
  --scene-glow: rgba(255, 174, 62, .34);
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 191, 75, .30), transparent 25rem),
    linear-gradient(130deg, rgba(75, 42, 8, .82), rgba(14, 26, 27, .92) 55%, rgba(5, 14, 20, .96)) !important;
}
.live-world-page .live-panel[data-visual-family="space"]:not(.live-zone-provider) {
  --family: #b99aff;
  --scene-glow: rgba(137, 92, 255, .38);
  background:
    radial-gradient(circle at 84% 12%, rgba(147, 89, 255, .32), transparent 24rem),
    radial-gradient(circle at 18% 85%, rgba(44, 90, 236, .18), transparent 20rem),
    linear-gradient(145deg, rgba(20, 8, 52, .95), rgba(7, 11, 31, .95)) !important;
}
.live-world-page .live-panel[data-visual-family="quake"] {
  --family: #ff7168;
  --scene-glow: rgba(255, 65, 65, .38);
  background:
    linear-gradient(100deg, rgba(94, 16, 21, .88), rgba(28, 7, 16, .94) 58%, rgba(9, 12, 20, .96)),
    radial-gradient(circle at 92% 18%, rgba(255, 82, 72, .30), transparent 19rem) !important;
}
.live-world-page .live-panel[data-visual-family="nature"]:not(.live-zone-provider) {
  --family: #65efb1;
  --scene-glow: rgba(58, 230, 153, .34);
  background:
    radial-gradient(circle at 14% 14%, rgba(63, 233, 158, .24), transparent 22rem),
    linear-gradient(135deg, rgba(6, 62, 43, .86), rgba(5, 27, 29, .94) 56%, rgba(4, 13, 21, .96)) !important;
}
.live-world-page .live-panel[data-visual-family="weird"] {
  --family: #ef82ff;
  --scene-glow: rgba(223, 65, 255, .40);
  background:
    radial-gradient(circle at 16% 0%, rgba(237, 82, 255, .28), transparent 22rem),
    radial-gradient(circle at 92% 88%, rgba(45, 229, 255, .22), transparent 24rem),
    linear-gradient(125deg, rgba(69, 14, 90, .94), rgba(15, 14, 46, .94) 52%, rgba(7, 44, 57, .90)) !important;
}
.live-world-page .live-panel[data-visual-family="time"] {
  --family: #56e8ff;
  --scene-glow: rgba(31, 193, 255, .30);
  background:
    linear-gradient(125deg, rgba(4, 55, 77, .90), rgba(6, 24, 42, .95) 55%, rgba(12, 12, 32, .96)) !important;
}
.live-world-page .live-panel[data-visual-family="aurora"] {
  --family: #62ffb8;
  --scene-glow: rgba(77, 255, 180, .46);
  background:
    radial-gradient(ellipse at 22% 0%, rgba(47, 255, 165, .34), transparent 38%),
    radial-gradient(ellipse at 80% 15%, rgba(177, 76, 255, .34), transparent 35%),
    linear-gradient(145deg, #051b1b, #09122d 52%, #160725) !important;
}
.live-world-page .live-panel[data-visual-family="moon"] {
  --family: #d8d9ff;
  --scene-glow: rgba(135, 134, 255, .34);
  background:
    radial-gradient(circle at 82% 14%, rgba(222, 225, 255, .20), transparent 11rem),
    radial-gradient(circle at 22% 85%, rgba(89, 69, 216, .24), transparent 21rem),
    linear-gradient(145deg, #0d1232, #08091a 58%, #020711) !important;
}
.live-world-page .live-panel[data-visual-family="sea"] {
  --family: #55f5dd;
  --scene-glow: rgba(35, 232, 204, .40);
  background:
    radial-gradient(ellipse at 12% 16%, rgba(66, 255, 221, .25), transparent 28rem),
    linear-gradient(145deg, #064b4d, #05323d 46%, #061927 100%) !important;
}
.live-world-page .live-panel[data-visual-family="sunset"] {
  --family: #ff9e65;
  --scene-glow: rgba(255, 87, 74, .40);
  background:
    radial-gradient(circle at 78% 72%, rgba(255, 125, 68, .38), transparent 15rem),
    linear-gradient(135deg, #632448, #4d1f35 34%, #11213b 100%) !important;
}
.live-world-page .live-panel[data-visual-family="sunrise"] {
  --family: #ffd166;
  --scene-glow: rgba(255, 216, 89, .42);
  background:
    radial-gradient(circle at 22% 70%, rgba(255, 211, 88, .42), transparent 15rem),
    linear-gradient(135deg, #69391f, #8b4d35 34%, #263b5a 100%) !important;
}
.live-world-page .live-panel[data-visual-family="watch"] {
  --family: #67f5ff;
  --scene-glow: rgba(99, 90, 255, .35);
  background:
    radial-gradient(circle at 8% 0%, rgba(76, 226, 255, .22), transparent 24rem),
    radial-gradient(circle at 96% 100%, rgba(145, 79, 255, .25), transparent 28rem),
    linear-gradient(135deg, #071b27, #0b1028 55%, #190b27) !important;
}

.live-world-page .expansion-scene { min-height: 360px; }
.live-world-page .expansion-scene .live-panel-head h2 { font-size: clamp(44px, 4.6vw, 74px); }
.live-world-page .expansion-scene .live-panel-head p { max-width: 800px; font-size: 16px; }
.live-world-page .scene-aurora { grid-column: span 7; border-radius: 44px 4px 44px 4px !important; }
.live-world-page .scene-solar-storm { grid-column: span 5; border-radius: 4px 42px 4px 42px !important; }
.live-world-page .scene-moon { grid-column: span 5; border-radius: 42px 4px 42px 4px !important; }
.live-world-page .scene-night-sky { grid-column: span 7; border-radius: 4px 44px 4px 44px !important; }
.live-world-page .scene-iss-pass { grid-column: 1 / -1; min-height: 430px; border-radius: 0 54px 0 54px !important; }
.live-world-page .scene-sea { grid-column: 1 / -1; min-height: 430px; border-radius: 54px 0 54px 0 !important; }
.live-world-page .scene-ride { grid-column: span 5; border-radius: 40px 4px 4px 40px !important; }
.live-world-page .scene-photo { grid-column: span 7; border-radius: 4px 40px 40px 4px !important; }
.live-world-page .scene-air { grid-column: span 5; border-radius: 4px 38px 4px 38px !important; }
.live-world-page .scene-pulse { grid-column: span 7; border-radius: 38px 4px 38px 4px !important; }
.live-world-page .scene-sunset { grid-column: span 6; min-height: 440px; border-radius: 44px 4px 4px 44px !important; }
.live-world-page .scene-sunrise { grid-column: span 6; min-height: 440px; border-radius: 4px 44px 44px 4px !important; }
.live-world-page .scene-darkside { grid-column: 1 / -1; min-height: 390px; border-radius: 0 !important; }
.live-world-page .scene-hotspots { grid-column: span 7; border-radius: 44px 4px 44px 4px !important; }
.live-world-page .scene-teleport { grid-column: span 5; border-radius: 4px 44px 4px 44px !important; }

.scene-live-body,
.storm-scale-deck,
.moon-scene,
.night-sky-deck,
.iss-pass-stage,
.sea-console,
.score-stage,
.air-console,
.planet-pulse-stage,
.sun-edge-stage,
.darkside-stage,
.hotspot-stage,
.teleport-stage {
  position: relative;
  z-index: 2;
}
.aurora-scene-core { min-height: 210px; display: grid; align-content: end; gap: 9px; }
.aurora-scene-core::before {
  content: "";
  position: absolute;
  inset: -25% -8% 20%;
  z-index: -1;
  background: conic-gradient(from 90deg, transparent, rgba(83,255,179,.38), transparent 28%, rgba(191,84,255,.42), transparent 62%);
  filter: blur(25px);
  animation: v25-aurora-drift 10s linear infinite;
}
.aurora-scene-core > span,
.storm-scale-deck span,
.moon-scene span,
.night-sky-deck span,
.iss-pass-stage span,
.sea-console span,
.air-console span,
.planet-pulse-stage span,
.sun-edge-stage span,
.darkside-stage span,
.hotspot-stage span,
.teleport-stage > span { color: rgba(235,250,255,.67); font-size: 10px; font-weight: 950; letter-spacing: .14em; }
.aurora-scene-core strong { font-family: var(--content-serif); font-size: clamp(42px, 5vw, 76px); line-height: .92; }
.aurora-scene-core b { color: #72ffc2; font-size: 23px; }
.aurora-scene-core small { color: #b3bad2; font-size: 13px; }

.storm-scale-deck { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; min-height: 210px; background: rgba(255,255,255,.08); }
.storm-scale-deck > div { display: grid; place-content: center; gap: 8px; text-align: center; background: rgba(9,9,28,.82); }
.storm-scale-deck strong { font-family: var(--content-serif); font-size: clamp(45px, 5vw, 72px); }
.storm-scale-deck > div:nth-child(1) strong { color: #a9ffcf; }
.storm-scale-deck > div:nth-child(2) strong { color: #ff8f9c; }
.storm-scale-deck > div:nth-child(3) strong { color: #ffd36f; }
.storm-scale-deck > small { grid-column: 1/-1; padding: 10px 14px; color: #8e9ab7; background: rgba(3,5,16,.88); }

.moon-scene { display: grid; grid-template-columns: 190px 1fr; gap: 34px; align-items: center; }
.scene-moon-disc { width: 180px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 38% 35%, #fbfcff 0 36%, #bdc3e3 58%, #59607e 100%); box-shadow: 0 0 55px rgba(210,214,255,.25); overflow: hidden; }
.scene-moon-disc::after { content:""; display:block; width:calc(100% - var(--moon-lit)); height:100%; margin-left:auto; background:rgba(3,5,17,.88); box-shadow:-10px 0 28px rgba(3,5,17,.8); }
.moon-scene strong { display:block; margin:6px 0; font-family:var(--content-serif); font-size:clamp(40px,4vw,64px); }
.moon-scene b { color:#d9dcff; font-size:20px; }
.moon-scene small { display:block; margin-top:10px; color:#9aa5c7; }

.night-sky-deck { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.night-sky-deck > div { min-height:160px; display:grid; align-content:end; padding:22px; border:1px solid rgba(210,215,255,.10); background:linear-gradient(160deg,rgba(97,90,212,.13),rgba(3,7,18,.52)); }
.night-sky-deck strong { font-family:var(--content-serif); font-size:clamp(30px,3vw,46px); }
.night-sky-deck small { color:#9ea7c3; }

.iss-pass-stage { display:grid; grid-template-columns:260px 1fr; gap:42px; align-items:center; }
.iss-pass-orbit { position:relative; width:250px; aspect-ratio:1; border:1px solid rgba(181,154,255,.34); border-radius:50%; box-shadow:inset 0 0 55px rgba(91,73,212,.15),0 0 40px rgba(78,78,255,.12); }
.iss-pass-orbit::before,.iss-pass-orbit::after { content:""; position:absolute; inset:28px; border:1px dashed rgba(108,229,255,.22); border-radius:50%; }
.iss-pass-orbit::after { inset:70px; border-style:solid; }
.iss-pass-orbit i { position:absolute; left:50%; top:-6px; width:12px; height:12px; border-radius:50%; background:#69efff; box-shadow:0 0 22px #69efff; transform-origin:0 131px; animation:v25-orbit 9s linear infinite; }
.iss-pass-stage strong { display:block; margin:6px 0; font-family:var(--content-serif); font-size:clamp(48px,5.5vw,84px); line-height:.9; }
.iss-pass-stage b { color:#b99aff; font-size:17px; }
.iss-pass-stage small { display:block; margin-top:10px; color:#9199b8; }

.sea-console { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:1px; min-height:220px; background:rgba(255,255,255,.10); }
.sea-console > div { display:grid; align-content:end; padding:28px; background:linear-gradient(180deg,rgba(0,95,100,.32),rgba(4,25,35,.65)); }
.sea-console strong { font-family:var(--content-serif); font-size:clamp(48px,5vw,82px); }
.sea-console > b { grid-column:1/-1; padding:12px 20px; color:#8dffe7; background:rgba(1,25,30,.72); letter-spacing:.12em; }

.score-stage { display:grid; grid-template-columns:190px 1fr; gap:30px; align-items:center; min-height:200px; }
.score-ring { --score:0; width:170px; aspect-ratio:1; display:grid; place-content:center; text-align:center; border-radius:50%; background:radial-gradient(circle at center,#09121a 0 58%,transparent 59%),conic-gradient(var(--family) calc(var(--score)*1%),rgba(255,255,255,.08) 0); box-shadow:0 0 45px var(--scene-glow); }
.score-ring strong { font-family:var(--content-serif); font-size:58px; line-height:.8; }
.score-ring span { color:#9eabb1; font-size:11px; }
.score-stage b { display:block; color:var(--family); font-size:clamp(26px,3vw,42px); }
.score-stage small { display:block; margin-top:8px; color:#a1aeb3; line-height:1.6; }

.air-console { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:10px; }
.air-console > div { min-height:155px; padding:22px; display:grid; align-content:end; background:rgba(2,35,28,.48); border:1px solid rgba(111,255,192,.12); }
.air-console strong { font-family:var(--content-serif); font-size:clamp(42px,4vw,64px); }
.air-console b { color:#7fffc0; }
.air-console small { color:#91aba1; }

.planet-pulse-stage { display:grid; grid-template-columns:210px 1fr; gap:36px; align-items:center; }
.mega-pulse { --pulse:0; width:190px; aspect-ratio:1; display:grid; place-content:center; text-align:center; border-radius:50%; background:radial-gradient(circle,#2a0910 0 54%,transparent 55%),conic-gradient(#ff655e calc(var(--pulse)*1%),rgba(255,255,255,.07) 0); box-shadow:0 0 70px rgba(255,70,70,.20); animation:v25-heartbeat 2.2s ease-in-out infinite; }
.mega-pulse strong { font-family:var(--content-serif); font-size:70px; line-height:.8; }
.planet-pulse-stage > div:last-child b { display:block; color:#ff938d; font-size:clamp(28px,3vw,48px); }
.planet-pulse-stage small { color:#bda1a1; line-height:1.7; }

.sun-edge-stage { min-height:220px; display:grid; grid-template-columns:180px 1fr; gap:30px; align-items:center; }
.sun-edge-disc { width:165px; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 38% 35%,#fff7b9,#ffc65e 43%,#ff6f4a 70%); box-shadow:0 0 75px var(--scene-glow); }
.scene-sunset .sun-edge-disc { transform:translateY(34px); clip-path:inset(0 0 45% 0); }
.scene-sunrise .sun-edge-disc { transform:translateY(34px); clip-path:inset(0 0 45% 0); }
.sun-edge-stage strong { display:block; margin:5px 0; font-family:var(--content-serif); font-size:clamp(46px,5vw,78px); }
.sun-edge-stage small { color:rgba(245,237,227,.72); }

.darkside-stage { display:grid; grid-template-columns:.65fr 1.35fr; gap:24px; align-items:end; min-height:210px; }
.darkside-stage > div:first-child strong { display:block; font-family:var(--content-serif); font-size:clamp(55px,7vw,100px); }
.night-city-strip { display:flex; flex-wrap:wrap; gap:8px; align-content:end; }
.night-city-strip b { padding:10px 13px; border:1px solid rgba(196,201,255,.15); border-radius:999px; color:#d4d6ff; background:rgba(75,70,160,.12); font-size:12px; }

.hotspot-stage { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.hotspot-stage > div { min-height:175px; display:grid; align-content:end; padding:22px; background:linear-gradient(165deg,rgba(177,31,47,.20),rgba(8,11,19,.56)); border-left:2px solid rgba(255,92,86,.35); }
.hotspot-stage strong { font-family:var(--content-serif); font-size:clamp(44px,4.6vw,70px); }
.hotspot-stage small { color:#b49a9d; }

.teleport-stage { min-height:235px; display:grid; align-content:center; }
.teleport-stage strong { display:block; margin:9px 0; font-family:var(--content-serif); font-size:clamp(43px,4.2vw,66px); line-height:.9; }
.teleport-stage b { color:#70efff; font-size:18px; }
.teleport-stage small { margin-top:8px; color:#c2a9cf; }
.scene-teleport .content-button { margin-top:18px; }

.live-world-page .watch-showcase { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:18px 0 8px; }
.live-world-page .watch-showcase button { min-height:190px; padding:20px; display:grid; align-content:end; text-align:left; border:0; color:#f1fbff; cursor:pointer; overflow:hidden; position:relative; background:linear-gradient(145deg,#0b2230,#11112a); transition:transform .22s ease,filter .22s ease; }
.live-world-page .watch-showcase button:nth-child(1) { background:radial-gradient(circle at 78% 12%,rgba(113,87,255,.36),transparent 8rem),linear-gradient(145deg,#071326,#18103a); }
.live-world-page .watch-showcase button:nth-child(2) { background:radial-gradient(circle at 20% 10%,rgba(66,229,255,.30),transparent 8rem),linear-gradient(145deg,#073b48,#061a2b); }
.live-world-page .watch-showcase button:nth-child(3) { background:radial-gradient(circle at 75% 15%,rgba(255,75,77,.26),transparent 8rem),linear-gradient(145deg,#3d1119,#100c19); }
.live-world-page .watch-showcase button:nth-child(4) { background:radial-gradient(circle at 20% 15%,rgba(255,205,82,.25),transparent 8rem),linear-gradient(145deg,#443216,#111323); }
.live-world-page .watch-showcase button:nth-child(5) { background:linear-gradient(145deg,#42194f,#102035); }
.live-world-page .watch-showcase button:nth-child(6) { background:linear-gradient(145deg,#06473f,#082738); }
.live-world-page .watch-showcase button:nth-child(7) { background:linear-gradient(145deg,#123e2c,#25103d); }
.live-world-page .watch-showcase button:nth-child(8) { background:linear-gradient(145deg,#3e2616,#161330); }
.live-world-page .watch-showcase button[aria-pressed="true"] { outline:2px solid #69efff; outline-offset:-2px; filter:brightness(1.18); }
.live-world-page .watch-showcase button span { color:#67f3ff; font-size:9px; font-weight:950; letter-spacing:.14em; }
.live-world-page .watch-showcase button strong { margin:9px 0 7px; font-family:var(--content-serif); font-size:24px; line-height:1; }
.live-world-page .watch-showcase button small { color:#9daeb7; line-height:1.45; }
@media (hover:hover) and (pointer:fine) { .live-world-page .watch-showcase button:hover { transform:translateY(-6px) scale(1.015); filter:brightness(1.15); } }

.live-world-page .silly-today { min-height:250px; display:grid; align-content:end; padding:28px; margin:18px 0 12px; border-radius:4px 36px 4px 36px; background:radial-gradient(circle at 83% 15%,rgba(61,236,255,.30),transparent 13rem),linear-gradient(125deg,rgba(178,41,211,.28),rgba(7,18,45,.66)); }
.live-world-page .silly-today span { color:#72f5ff; font-size:10px; font-weight:950; letter-spacing:.16em; }
.live-world-page .silly-today strong { display:block; margin:9px 0; font-family:var(--content-serif); font-size:clamp(42px,5vw,74px); line-height:.9; }
.live-world-page .silly-today b { color:#ffb0f7; font-size:clamp(24px,3vw,40px); }
.live-world-page .silly-today small { max-width:760px; margin-top:8px; color:#bba8c3; line-height:1.6; }
.live-world-page .silly-preview-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }
.live-world-page .silly-preview-grid article { min-height:170px; display:grid; align-content:end; padding:20px; border:1px solid rgba(255,255,255,.07); background:linear-gradient(145deg,rgba(137,54,174,.15),rgba(8,25,42,.38)); }
.live-world-page .silly-preview-grid article:nth-child(2n) { background:linear-gradient(145deg,rgba(31,177,203,.16),rgba(53,20,78,.38)); }
.live-world-page .silly-preview-grid span { color:#ee8eff; font-size:9px; font-weight:950; letter-spacing:.13em; }
.live-world-page .silly-preview-grid strong { margin:6px 0; font-family:var(--content-serif); font-size:24px; line-height:1; }
.live-world-page .silly-preview-grid b { color:#78ecff; }
.live-world-page .silly-preview-grid small { margin-top:6px; color:#9f91aa; line-height:1.45; }

@keyframes v25-aurora-drift { to { transform:rotate(360deg) scale(1.08); } }
@keyframes v25-orbit { to { transform:rotate(360deg); } }
@keyframes v25-heartbeat { 0%,100%{transform:scale(1)} 45%{transform:scale(1.025)} 55%{transform:scale(.985)} }

@media (max-width: 1080px) {
  .live-world-page .scene-aurora,
  .live-world-page .scene-solar-storm,
  .live-world-page .scene-moon,
  .live-world-page .scene-night-sky,
  .live-world-page .scene-ride,
  .live-world-page .scene-photo,
  .live-world-page .scene-air,
  .live-world-page .scene-pulse,
  .live-world-page .scene-sunset,
  .live-world-page .scene-sunrise,
  .live-world-page .scene-hotspots,
  .live-world-page .scene-teleport { grid-column:1/-1; }
  .live-world-page .watch-showcase { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 680px) {
  .live-world-page .expansion-scene { min-height:0; padding:24px 16px !important; border-radius:24px 4px 24px 4px !important; }
  .live-world-page .expansion-scene .live-panel-head h2 { font-size:42px; }
  .storm-scale-deck,
  .night-sky-deck,
  .sea-console,
  .air-console,
  .hotspot-stage { grid-template-columns:1fr; }
  .storm-scale-deck > small,
  .sea-console > b { grid-column:1; }
  .moon-scene,
  .iss-pass-stage,
  .score-stage,
  .planet-pulse-stage,
  .sun-edge-stage,
  .darkside-stage { grid-template-columns:1fr; }
  .scene-moon-disc,.iss-pass-orbit,.score-ring,.mega-pulse,.sun-edge-disc { width:150px; }
  .iss-pass-orbit i { transform-origin:0 81px; }
  .night-sky-deck > div,.air-console > div,.hotspot-stage > div { min-height:120px; }
  .live-world-page .watch-showcase { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }
  .live-world-page .watch-showcase button { flex:0 0 82%; min-height:180px; scroll-snap-align:start; }
  .live-world-page .silly-preview-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }
  .live-world-page .silly-preview-grid article { flex:0 0 82%; scroll-snap-align:start; }
}

@media (prefers-reduced-motion: reduce) {
  .aurora-scene-core::before,
  .iss-pass-orbit i,
  .mega-pulse { animation:none !important; }
}


/* v26 — gerçek canlı player havuzu */
.live-world-page .watch-channel-group {
  margin-top: 22px;
  padding: 18px 18px 8px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 4px 26px 4px 26px;
  background: linear-gradient(145deg, rgba(9,22,35,.62), rgba(9,10,25,.54));
}
.live-world-page .watch-channel-group-live {
  border-color: rgba(79,235,255,.18);
  background: radial-gradient(circle at 12% 0, rgba(52,218,247,.13), transparent 18rem), linear-gradient(145deg, rgba(5,30,42,.72), rgba(8,10,28,.62));
}
.live-world-page .watch-channel-group-modes {
  border-color: rgba(165,112,255,.17);
  background: radial-gradient(circle at 88% 0, rgba(153,83,255,.12), transparent 18rem), linear-gradient(145deg, rgba(23,16,48,.66), rgba(7,17,28,.62));
}
.live-world-page .watch-channel-group-external {
  border-color: rgba(255,178,91,.14);
  background: radial-gradient(circle at 8% 0, rgba(255,169,70,.09), transparent 18rem), linear-gradient(145deg, rgba(38,24,12,.48), rgba(10,12,25,.62));
}
.live-world-page .watch-channel-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 0 2px 4px;
}
.live-world-page .watch-channel-head > div { display: grid; gap: 4px; min-width: 0; }
.live-world-page .watch-channel-head span { color:#68eaf7; font-size:8px; font-weight:950; letter-spacing:.15em; }
.live-world-page .watch-channel-head strong { font-family:var(--content-serif); font-size:clamp(22px,2.2vw,34px); font-weight:500; line-height:1; }
.live-world-page .watch-channel-head > b {
  flex: 0 0 auto;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  color: #b8c9d1;
  background: rgba(255,255,255,.025);
  font-size: 8px;
  letter-spacing: .1em;
}
.live-world-page .watch-skip-broken {
  border-color: rgba(255,184,86,.25) !important;
  color: #ffd49b !important;
  background: rgba(145,86,19,.09) !important;
}
.live-world-page .watch-channel-group .watch-source-rail { margin-top: 10px; }

@media (max-width: 720px) {
  .live-world-page .watch-channel-group { padding: 14px 12px 6px; border-radius: 3px 20px 3px 20px; }
  .live-world-page .watch-channel-head { align-items: start; flex-direction: column; gap: 8px; }
  .live-world-page .watch-channel-head > b { align-self: flex-start; }
}

/* v27 — Dünyadan canlı keşif: portal + gerçek player tek sahne */
.live-world-page .world-discovery-stage {
  position: relative;
  overflow: hidden;
  margin: 2px 0 22px;
  padding: clamp(22px, 3vw, 42px);
  border-color: rgba(112, 235, 255, .22);
  border-radius: 8px 46px 8px 46px;
  background:
    radial-gradient(circle at 8% 0%, rgba(32, 211, 239, .24), transparent 28rem),
    radial-gradient(circle at 92% 10%, rgba(154, 82, 255, .22), transparent 32rem),
    radial-gradient(circle at 54% 94%, rgba(25, 179, 121, .12), transparent 30rem),
    linear-gradient(135deg, rgba(6, 31, 44, .94), rgba(18, 11, 43, .95) 58%, rgba(3, 18, 29, .98));
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 34px 90px rgba(0,0,0,.24);
}
.live-world-page .world-discovery-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}
.live-world-page .world-discovery-stage > * { position: relative; z-index: 1; }
.live-world-page .world-discovery-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  margin-bottom: 22px;
}
.live-world-page .world-discovery-head h2 {
  max-width: 980px;
  margin: 8px 0 10px;
  font-family: var(--content-serif);
  font-size: clamp(48px, 6.4vw, 94px);
  font-weight: 500;
  line-height: .86;
  letter-spacing: -.045em;
}
.live-world-page .world-discovery-head p {
  max-width: 820px;
  margin: 0;
  color: #a8bcc5;
  font-size: clamp(15px, 1.35vw, 19px);
  line-height: 1.65;
}
.live-world-page .world-discovery-signal {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 6px 9px;
  min-width: 172px;
  padding: 13px 15px;
  border: 1px solid rgba(114, 240, 255, .15);
  border-radius: 22px 5px 22px 5px;
  background: rgba(3, 13, 22, .5);
}
.live-world-page .world-discovery-signal i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #64f7d0;
  box-shadow: 0 0 18px rgba(100,247,208,.9);
  animation: v27-live-pulse 1.6s ease-in-out infinite;
}
.live-world-page .world-discovery-signal span {
  color: #c3fff0;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .14em;
}
.live-world-page .world-discovery-signal b {
  grid-column: 1 / -1;
  color: #7feeff;
  font-size: 11px;
  letter-spacing: .08em;
}
.live-world-page .world-discovery-player-stage { margin-bottom: 18px; }
.live-world-page .world-discovery-player-stage .watch-screen {
  min-height: 420px;
  border-color: rgba(100, 234, 255, .26);
  background: #000;
}
.live-world-page .world-discovery-player-stage .watch-screen::after { content: "DÜNYADAN CANLI"; }
.live-world-page .watch-youtube-host,
.live-world-page .watch-youtube-host iframe { width: 100%; height: 100%; min-height: inherit; border: 0; display: block; }
.live-world-page .world-discovery-remote {
  border-color: rgba(203, 121, 255, .19);
  background:
    radial-gradient(circle at 82% 10%, rgba(205, 100, 255, .14), transparent 13rem),
    linear-gradient(155deg, rgba(39, 15, 57, .84), rgba(4, 19, 29, .94));
}
.live-world-page .world-discovery-next {
  width: 100%;
  min-height: 58px;
  margin-top: auto;
  padding-inline: 20px;
  font-size: 13px;
}
.live-world-page .world-discovery-state {
  display: block;
  margin-top: 10px;
  color: #7fb9c5 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}
.live-world-page .world-discovery-catalogue {
  margin-top: 20px;
  padding-top: 4px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.live-world-page .world-discovery-catalogue .watch-channel-group {
  background-color: rgba(2, 13, 22, .34);
}
@keyframes v27-live-pulse {
  0%, 100% { transform: scale(.82); opacity: .65; }
  50% { transform: scale(1.18); opacity: 1; }
}
@media (max-width: 900px) {
  .live-world-page .world-discovery-head { grid-template-columns: 1fr; align-items: start; }
  .live-world-page .world-discovery-signal { width: max-content; }
  .live-world-page .world-discovery-player-stage .watch-screen { min-height: 0; }
}
@media (max-width: 680px) {
  .live-world-page .world-discovery-stage { padding: 20px 14px; border-radius: 30px 4px 30px 4px; }
  .live-world-page .world-discovery-head h2 { font-size: clamp(44px, 14vw, 64px); }
  .live-world-page .world-discovery-head p { font-size: 15px; }
  .live-world-page .world-discovery-next { min-height: 54px; }
}
@media (prefers-reduced-motion: reduce) {
  .live-world-page .world-discovery-signal i { animation: none; }
}

/* v28 — approved Canlı Dünya streaming layout */
.world-stream-page {
  --stream-bg: #020713;
  --stream-panel: rgba(7, 16, 31, .86);
  --stream-line: rgba(116, 220, 255, .15);
  --stream-cyan: #31e9f6;
  --stream-teal: #2ff5c7;
  --stream-violet: #b34cff;
  --stream-amber: #ff9a32;
  min-height: 100%;
  margin: 0;
  color: #f6fbff;
  background:
    radial-gradient(circle at 14% 12%, rgba(0, 175, 235, .12), transparent 28rem),
    radial-gradient(circle at 88% 28%, rgba(92, 33, 188, .14), transparent 34rem),
    linear-gradient(180deg, #01050d 0%, #020817 44%, #020611 100%);
  overflow-x: hidden;
}
.world-stream-page::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(87, 168, 205, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(87, 168, 205, .035) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 92%);
}
.world-stream-ambient { position: fixed; inset: 0; overflow: hidden; pointer-events: none; }
.world-stream-ambient i { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .08; }
.world-stream-ambient i:nth-child(1) { width: 420px; height: 420px; left: -170px; top: 18%; background: #00e8ff; }
.world-stream-ambient i:nth-child(2) { width: 520px; height: 520px; right: -220px; top: 34%; background: #8c32ff; }
.world-stream-ambient i:nth-child(3) { width: 360px; height: 360px; left: 42%; bottom: -220px; background: #00cf91; }

.world-stream-nav {
  position: relative;
  z-index: 30;
  width: min(100% - 72px, 1580px);
  min-height: 72px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 34px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.world-stream-brand { display: inline-flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; }
.world-stream-brand strong { font-size: 22px; letter-spacing: .06em; }
.world-stream-wave { color: var(--stream-cyan); font-size: 40px; line-height: 1; transform: rotate(-8deg); text-shadow: 0 0 18px rgba(49,233,246,.38); }
.world-stream-menu { justify-self: center; display: flex; align-items: stretch; height: 72px; gap: 38px; }
.world-stream-menu a { position: relative; display: grid; place-items: center; color: #9aa9bc; font-size: 11px; font-weight: 850; letter-spacing: .11em; text-decoration: none; }
.world-stream-menu a:hover, .world-stream-menu a.is-active { color: #f6fbff; }
.world-stream-menu a.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--stream-cyan); box-shadow: 0 0 18px rgba(49,233,246,.55); }
.world-stream-actions { display: flex; align-items: center; gap: 12px; }
.world-stream-actions a { color: #dfe9f5; text-decoration: none; }
.world-stream-search, .world-stream-home { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(4,9,17,.7); }
.world-stream-home { border-radius: 50%; color: var(--stream-cyan) !important; }
.world-stream-schedule { min-height: 42px; display: grid; place-items: center; padding: 0 20px; border: 1px solid rgba(67,216,241,.38); border-radius: 12px; font-size: 10px; font-weight: 900; letter-spacing: .08em; }

.world-stream-shell { position: relative; z-index: 2; width: min(100% - 72px, 1580px); margin: 0 auto; padding: 28px 0 42px; }
.world-stream-hero {
  display: grid;
  grid-template-columns: minmax(310px, .78fr) minmax(560px, 1.48fr) minmax(300px, .72fr);
  gap: 24px;
  align-items: stretch;
  padding: 0 0 14px;
}
.world-stream-copy { min-width: 0; display: flex; flex-direction: column; padding: 8px 6px 2px 0; }
.world-stream-kicker { color: var(--stream-cyan); font-size: 12px; font-weight: 950; letter-spacing: .18em; }
.world-stream-copy h1 { margin: 14px 0 15px; font-family: var(--content-serif); font-size: clamp(58px, 5.4vw, 88px); font-weight: 500; line-height: .91; letter-spacing: -.045em; }
.world-stream-copy p { max-width: 420px; margin: 0; color: #a8b5c3; font-size: 15px; line-height: 1.65; }
.world-stream-stats { margin-top: auto; display: grid; grid-template-columns: repeat(3, 1fr); min-height: 96px; border: 1px solid rgba(97,205,239,.14); border-radius: 18px; background: linear-gradient(135deg, rgba(7,25,42,.72), rgba(5,10,24,.72)); overflow: hidden; }
.world-stream-stats > div { position: relative; display: grid; align-content: center; padding: 15px 16px; border-right: 1px solid rgba(255,255,255,.07); }
.world-stream-stats > div:last-child { border-right: 0; }
.world-stream-stats .dot { position: absolute; left: 14px; top: 18px; width: 8px; height: 8px; border-radius: 50%; box-shadow: 0 0 16px currentColor; }
.world-stream-stats .green { color: #44f4a8; background: #44f4a8; }
.world-stream-stats .violet { color: #a778ff; background: #a778ff; }
.world-stream-stats .amber { color: #ffae4b; background: #ffae4b; }
.world-stream-stats small { padding-left: 17px; color: #83a8ba; font-size: 8px; font-weight: 900; letter-spacing: .11em; }
.world-stream-stats strong { margin-top: 5px; font-size: 27px; line-height: 1; }
.world-stream-stats b { margin-top: 5px; color: #8fa0b5; font-size: 8px; letter-spacing: .12em; }

.world-stream-player-wrap { min-width: 0; display: flex; align-items: flex-end; }
.world-stream-player {
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 0 !important;
  border: 1px solid rgba(38,225,245,.42) !important;
  border-radius: 18px !important;
  overflow: hidden;
  background: #000 !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.34), 0 0 0 1px rgba(49,233,246,.04) inset;
}
.world-stream-player::after { content: none !important; }
.world-stream-player .watch-youtube-host,
.world-stream-player .watch-youtube-host iframe { width: 100%; height: 100%; min-height: 100%; border: 0; display: block; }
.world-stream-player .watch-screen-placeholder { min-height: 100%; display: grid; place-content: center; gap: 10px; text-align: center; background: radial-gradient(circle at 50% 20%, rgba(0,180,226,.16), transparent 45%), #02070d; }
.world-stream-player .watch-screen-placeholder span { color: var(--stream-cyan); font-size: 10px; font-weight: 900; letter-spacing: .18em; }
.world-stream-player .watch-screen-placeholder strong { font-family: var(--content-serif); font-size: 36px; font-weight: 500; }
.world-stream-player .watch-unavailable {
  min-height: 100%;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  padding: 28px;
  text-align: center;
  background: radial-gradient(circle at 50% 20%, rgba(0,180,226,.13), transparent 48%), linear-gradient(145deg, #061521, #090c17 72%);
}
.world-stream-player .watch-unavailable span { color: var(--stream-cyan); font-size: 10px; font-weight: 900; letter-spacing: .18em; }
.world-stream-player .watch-unavailable strong { max-width: 560px; font-family: var(--content-serif); font-size: clamp(26px, 3vw, 42px); font-weight: 500; line-height: 1; }
.world-stream-player .watch-unavailable p { max-width: 440px; margin: 0; color: #9eb3be; font-size: 13px; line-height: 1.5; }
.watch-unavailable-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 8px; }
.watch-unavailable-actions button,
.watch-unavailable-actions a { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid rgba(92,229,246,.34); border-radius: 10px; color: #e9fbff; background: rgba(41,180,202,.13); font: inherit; font-size: 10px; font-weight: 900; letter-spacing: .07em; }
.watch-unavailable-actions a { border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.05); }

.world-stream-remote { position: relative; min-width: 0; display: flex; flex-direction: column; min-height: 100%; padding: 26px 24px 18px; border: 1px solid rgba(192,95,255,.26); border-radius: 18px; overflow: hidden; background: radial-gradient(circle at 82% 8%, rgba(196,78,255,.18), transparent 14rem), linear-gradient(160deg, rgba(49,18,72,.95), rgba(8,18,33,.97)); box-shadow: 0 18px 55px rgba(0,0,0,.27); }
.world-stream-remote::before { content: ""; position: absolute; width: 220px; height: 220px; right: -110px; bottom: -100px; border-radius: 50%; background: rgba(42,224,238,.08); filter: blur(25px); }
.world-stream-live-badge { align-self: flex-end; display: grid; grid-template-columns: auto 1fr; gap: 2px 7px; margin: -12px -10px 18px 0; padding: 10px 12px; border: 1px solid rgba(57,237,218,.23); border-radius: 14px; background: rgba(4,24,33,.55); }
.world-stream-live-badge i { grid-row: 1/3; align-self: center; width: 10px; height: 10px; border-radius: 50%; background: #46f0a8; box-shadow: 0 0 17px #46f0a8; animation: v28-pulse 1.8s ease-in-out infinite; }
.world-stream-live-badge span { color: #9fffdc; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.world-stream-live-badge b { color: #76eaf4; font-size: 9px; }
.world-stream-now { color: #e783ff; font-size: 9px; font-weight: 950; letter-spacing: .14em; }
.world-stream-current { margin: 12px 0 12px; font-family: var(--content-serif); font-size: clamp(34px, 2.55vw, 46px); font-weight: 500; line-height: .96; }
.world-stream-desc { color: #b5b1c6; font-size: 12px; line-height: 1.55; }
.world-stream-source { display: grid; gap: 3px; margin-top: 14px; }
.world-stream-source span { color: #7f879c; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.world-stream-source a { color: #48e8f5; font-size: 11px; font-weight: 800; text-decoration: none; }
.world-stream-next { position: relative; z-index: 2; width: 100%; min-height: 54px; margin-top: auto; border: 0; border-radius: 10px; color: #fff; background: linear-gradient(95deg, #12b9d5, #b333e2); font-size: 12px; font-weight: 950; letter-spacing: .04em; cursor: pointer; }
.world-stream-state { min-height: 16px; margin-top: 8px; color: #7694a6; font-size: 9px; }
.world-stream-remote-actions { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.world-stream-remote-actions button { min-height: 38px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; color: #b6c1cf; background: rgba(3,10,20,.45); font-size: 9px; font-weight: 850; cursor: pointer; }
.world-stream-remote-actions button[aria-pressed="true"] { color: #ff8fb8; border-color: rgba(255,92,149,.35); }

.world-stream-section { margin-top: 20px; }
.world-stream-section-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 10px; }
.world-stream-section-head > span { color: var(--stream-cyan); font-size: 11px; font-weight: 950; letter-spacing: .14em; }
.world-stream-section-head > button, .world-stream-section-head > b { min-height: 28px; display: inline-grid; place-items: center; padding: 0 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; color: #9ca8b9; background: rgba(5,9,18,.6); font-size: 8px; font-weight: 900; letter-spacing: .08em; }
.world-stream-section-head > button { cursor: pointer; }
.world-stream-rail { display: flex; gap: 10px; overflow-x: auto; padding: 1px 1px 8px; scrollbar-width: thin; scrollbar-color: rgba(105,170,196,.55) transparent; scroll-snap-type: x proximity; }
.world-stream-rail::-webkit-scrollbar { height: 5px; }
.world-stream-rail::-webkit-scrollbar-thumb { background: rgba(105,170,196,.55); border-radius: 5px; }
.world-stream-live-card { --watch-thumb: none; position: relative; flex: 0 0 clamp(205px, 15vw, 245px); min-height: 120px; padding: 54px 13px 12px; overflow: hidden; border: 1px solid rgba(104,192,221,.18); border-radius: 12px; color: #fff; text-align: left; background: linear-gradient(to top, rgba(2,5,13,.96) 0%, rgba(2,5,13,.28) 78%), var(--watch-thumb) center/cover no-repeat, linear-gradient(135deg,#11233b,#09111e); cursor: pointer; scroll-snap-align: start; }
.world-stream-live-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 40%, rgba(57,233,246,.07)); pointer-events: none; }
.world-stream-live-card > span { position: absolute; top: 9px; left: 9px; z-index: 2; padding: 5px 8px; border-radius: 6px; color: #fff; background: #e62b39; box-shadow: 0 0 14px rgba(230,43,57,.28); font-size: 8px; font-weight: 950; }
.world-stream-live-card strong { position: relative; z-index: 2; display: block; font-size: 13px; line-height: 1.18; text-shadow: 0 2px 10px #000; }
.world-stream-live-card small { position: relative; z-index: 2; display: block; margin-top: 4px; color: #c2cbd6; font-size: 10px; text-shadow: 0 2px 8px #000; }
.world-stream-live-card[aria-pressed="true"] { border-color: #44e8f5; box-shadow: inset 0 0 0 1px rgba(68,232,245,.18), 0 0 26px rgba(26,196,222,.12); }

.world-stream-modes-section { margin-top: 22px; }
.world-stream-mode-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.world-stream-mode-card { position: relative; min-height: 118px; display: grid; grid-template-columns: 46px 1fr auto; gap: 12px; align-items: center; padding: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; color: #fff; text-align: left; cursor: pointer; overflow: hidden; }
.world-stream-mode-card::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 0 100%, rgba(255,255,255,.07), transparent 45%); pointer-events: none; }
.world-stream-mode-card i { position: relative; z-index: 2; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; font-style: normal; font-size: 30px; }
.world-stream-mode-card div, .world-stream-mode-card b { position: relative; z-index: 2; }
.world-stream-mode-card strong { display: block; font-size: 12px; }
.world-stream-mode-card small { display: block; margin-top: 5px; color: #b9c3d0; font-size: 9px; line-height: 1.45; }
.world-stream-mode-card b { align-self: end; padding: 6px 8px; border-radius: 7px; background: rgba(255,255,255,.08); font-size: 8px; }
.world-stream-mode-card.theme-quake { background: linear-gradient(140deg,#053e55,#071b2e); } .world-stream-mode-card.theme-quake i { color:#29f0f5; background:rgba(26,220,235,.09); }
.world-stream-mode-card.theme-violet { background: linear-gradient(140deg,#331050,#170d2d); } .world-stream-mode-card.theme-violet i { color:#c14dff; background:rgba(193,77,255,.1); }
.world-stream-mode-card.theme-blue { background: linear-gradient(140deg,#0d2459,#091832); } .world-stream-mode-card.theme-blue i { color:#2689ff; background:rgba(38,137,255,.1); }
.world-stream-mode-card.theme-teal { background: linear-gradient(140deg,#04585a,#082d36); } .world-stream-mode-card.theme-teal i { color:#2ef4ed; background:rgba(46,244,237,.1); }
.world-stream-mode-card.theme-green { background: linear-gradient(140deg,#0b503f,#092b2b); } .world-stream-mode-card.theme-green i { color:#40f18d; background:rgba(64,241,141,.1); }
.world-stream-mode-card.theme-amber { background: linear-gradient(140deg,#63310c,#2b180e); } .world-stream-mode-card.theme-amber i { color:#ff9e25; background:rgba(255,158,37,.1); }
.world-stream-mode-card[aria-pressed="true"] { border-color: rgba(96,237,255,.55); box-shadow: 0 0 26px rgba(61,215,245,.1); }

.world-stream-external-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.world-stream-external-card { position: relative; min-height: 132px; display: flex; flex-direction: column; justify-content: flex-end; padding: 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; overflow: hidden; color: #fff; text-decoration: none; background: linear-gradient(to top, rgba(4,7,16,.98), rgba(4,7,16,.16)), linear-gradient(135deg,#273748,#101522); }
.world-stream-external-card::after { content:""; position:absolute; inset:0; background: radial-gradient(circle at 78% 15%, rgba(255,255,255,.13), transparent 34%); }
.world-stream-external-card > * { position: relative; z-index: 2; }
.world-stream-external-card > span { align-self: flex-start; margin-bottom: auto; padding: 5px 8px; border-radius: 7px; color: #9fffe4; background: rgba(2,22,20,.65); font-size: 8px; font-weight: 950; }
.world-stream-external-card strong { font-size: 14px; }
.world-stream-external-card small { margin-top: 4px; color: #c4ced8; font-size: 9px; }
.world-stream-external-card b { margin-top: 6px; color: #63e7f5; font-size: 8px; }
.world-stream-external-card.theme-bear { background: linear-gradient(to top,rgba(6,9,13,.95),rgba(6,9,13,.18)), radial-gradient(circle at 30% 20%,#56633a,#182719 60%,#0a1010); }
.world-stream-external-card.theme-city { background: linear-gradient(to top,rgba(8,6,17,.95),rgba(8,6,17,.12)), radial-gradient(circle at 55% 35%,#9b2d78,#243966 45%,#101523); }
.world-stream-external-card.theme-island { background: linear-gradient(to top,rgba(4,10,19,.95),rgba(4,10,19,.1)), radial-gradient(circle at 70% 25%,#d6a778,#547c92 42%,#182a3b); }

.world-stream-footer { margin: 24px 0 0; padding: 18px 0 0; border-top: 1px solid rgba(255,255,255,.06); color: #68798d; font-size: 10px; line-height: 1.5; }
.world-stream-page .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Internal live modes share the same hero player */
.world-stream-page .watch-radar,
.world-stream-page .watch-clock-wall,
.world-stream-page .watch-ambient,
.world-stream-page .watch-wave,
.world-stream-page .watch-external-card { min-height: 100%; width: 100%; }
.world-stream-page .watch-radar, .world-stream-page .watch-ambient, .world-stream-page .watch-external-card { display: grid; place-content: center; gap: 10px; text-align: center; padding: 32px; background: radial-gradient(circle at center,rgba(41,220,239,.16),transparent 42%),#030812; }
.world-stream-page .watch-radar strong, .world-stream-page .watch-ambient strong, .world-stream-page .watch-external-card strong { font-family: var(--content-serif); font-size: clamp(32px,4vw,58px); font-weight: 500; }
.world-stream-page .watch-radar small, .world-stream-page .watch-ambient small, .world-stream-page .watch-external-card small { color:#8ea4b7; }
.world-stream-page .watch-clock-wall { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.08); }
.world-stream-page .watch-clock-wall span { display:grid; place-content:center; gap:6px; background:#061221; font-size:28px; }
.world-stream-page .watch-clock-wall b { color:#65e8f5; font-size:9px; letter-spacing:.1em; }
.world-stream-page .watch-wave { position:relative; display:grid; place-content:center; overflow:hidden; background:linear-gradient(#042b3d,#06111f); }
.world-stream-page .watch-wave i { position:absolute; left:-10%; width:120%; height:32%; border:2px solid rgba(74,235,246,.35); border-radius:50%; animation:v28-wave 5s ease-in-out infinite alternate; }
.world-stream-page .watch-wave i:nth-child(1){bottom:8%}.world-stream-page .watch-wave i:nth-child(2){bottom:16%;animation-delay:-1s}.world-stream-page .watch-wave i:nth-child(3){bottom:24%;animation-delay:-2s}.world-stream-page .watch-wave strong{position:relative;z-index:2;font-size:28px}.world-stream-page .watch-aurora{background:radial-gradient(ellipse at 30% 30%,rgba(35,255,154,.25),transparent 36%),radial-gradient(ellipse at 70% 35%,rgba(177,61,255,.27),transparent 34%),#07101e}.world-stream-page .watch-asteroid{background:radial-gradient(circle at 70% 25%,rgba(255,145,45,.22),transparent 28%),#090b17}

@keyframes v28-pulse { 0%,100%{transform:scale(.8);opacity:.6}50%{transform:scale(1.18);opacity:1} }
@keyframes v28-wave { from{transform:translateX(-2%) scaleY(.7)}to{transform:translateX(2%) scaleY(1.15)} }

@media (hover:hover) and (pointer:fine) {
  .world-stream-live-card, .world-stream-mode-card, .world-stream-external-card, .world-stream-next { transition: transform .22s ease, border-color .22s ease, filter .22s ease; }
  .world-stream-live-card:hover, .world-stream-mode-card:hover, .world-stream-external-card:hover { transform: translateY(-4px); filter: saturate(1.12); }
  .world-stream-next:hover { transform: translateY(-2px); filter: brightness(1.08); }
}

@media (max-width: 1320px) {
  .world-stream-nav, .world-stream-shell { width: min(100% - 36px, 1580px); }
  .world-stream-menu { gap: 24px; }
  .world-stream-hero { grid-template-columns: minmax(280px,.75fr) minmax(500px,1.35fr) minmax(270px,.68fr); gap: 16px; }
  .world-stream-copy h1 { font-size: clamp(54px,5vw,76px); }
  .world-stream-mode-grid { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 1040px) {
  .world-stream-nav { grid-template-columns: 1fr auto; }
  .world-stream-menu { display: none; }
  .world-stream-hero { grid-template-columns: minmax(0,1fr) minmax(300px,.7fr); }
  .world-stream-copy { grid-column: 1/-1; display:grid; grid-template-columns:1fr auto; gap:16px 30px; align-items:end; }
  .world-stream-copy h1, .world-stream-copy p, .world-stream-kicker { grid-column:1; }
  .world-stream-stats { grid-column:2; grid-row:1/4; align-self:end; min-width:330px; }
  .world-stream-player-wrap { grid-column:1; }
  .world-stream-remote { grid-column:2; }
  .world-stream-external-grid { grid-template-columns: repeat(3, minmax(240px,1fr)); overflow-x:auto; }
}
@media (max-width: 760px) {
  .world-stream-nav, .world-stream-shell { width: min(100% - 20px, 1580px); }
  .world-stream-nav { min-height:60px; gap:12px; }
  .world-stream-brand strong { font-size:17px; }.world-stream-wave{font-size:31px}.world-stream-schedule{display:none}
  .world-stream-shell { padding-top:18px; }
  .world-stream-hero { grid-template-columns:1fr; gap:12px; }
  .world-stream-copy { display:flex; grid-column:auto; padding:0; }
  .world-stream-copy h1 { margin-top:10px; font-size:clamp(49px,15vw,66px); }
  .world-stream-copy p { font-size:14px; }
  .world-stream-stats { margin-top:18px; min-width:0; width:100%; grid-column:auto; grid-row:auto; }
  .world-stream-stats > div { padding:13px 10px; }.world-stream-stats strong{font-size:22px}.world-stream-stats small{font-size:7px}
  .world-stream-player-wrap, .world-stream-remote { grid-column:auto; }
  .world-stream-player { border-radius:12px !important; }
  .world-stream-player .watch-unavailable { padding:22px 16px; }
  .world-stream-player .watch-unavailable strong { font-size:30px; }
  .world-stream-player .watch-unavailable p { font-size:12px; }
  .world-stream-remote { min-height:320px; padding:20px 16px; }
  .world-stream-live-badge { margin:0 0 15px; align-self:flex-start; }
  .world-stream-current { font-size:40px; }
  .world-stream-mode-grid { display:flex; overflow-x:auto; gap:9px; padding-bottom:6px; }
  .world-stream-mode-card { flex:0 0 82%; min-height:120px; }
  .world-stream-external-grid { display:flex; overflow-x:auto; gap:9px; }
  .world-stream-external-card { flex:0 0 82%; min-height:150px; }
  .world-stream-live-card { flex-basis:78%; min-height:150px; }
}
@media (prefers-reduced-motion: reduce) {
  .world-stream-live-badge i, .world-stream-page .watch-wave i { animation:none !important; }
}
.world-stream-external-card.theme-penguin { background: linear-gradient(to top,rgba(4,8,13,.96),rgba(4,8,13,.12)), radial-gradient(circle at 64% 25%,#d4e5ee,#315d70 38%,#0a1a27); }
.world-stream-external-card.theme-aurora { background: linear-gradient(to top,rgba(4,7,16,.96),rgba(4,7,16,.1)), radial-gradient(ellipse at 50% 24%,#49d49b,#49338f 42%,#10162f); }
.world-stream-external-card.theme-ocean { background: linear-gradient(to top,rgba(2,8,16,.96),rgba(2,8,16,.08)), radial-gradient(circle at 55% 25%,#17a7c3,#14526a 43%,#071927); }

/* v33 — Ayvalık TV Çocuk streaming hub */
body.kids-page {
  --kids-cyan: #29d7f1;
  --kids-blue: #0a6bb8;
  --kids-yellow: #ffcf4b;
  --kids-coral: #ff745c;
  --kids-purple: #8e5ef4;
  padding-bottom: 92px;
  background:
    radial-gradient(circle at 14% 6%, rgba(25, 184, 239, .2), transparent 27rem),
    radial-gradient(circle at 88% 16%, rgba(142, 94, 244, .12), transparent 30rem),
    linear-gradient(180deg, #061b2a 0%, #03111c 46%, #020a12 100%);
}
body.kids-page .content-shell {
  width: min(1480px, calc(100% - 54px));
  padding-top: 0;
  padding-bottom: 36px;
}
.kids-hub { min-height: 100vh; }
.kids-nav {
  min-height: 82px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 30px;
  position: relative;
  z-index: 5;
}
.kids-brand { display: inline-flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; white-space: nowrap; }
.kids-brand strong { font-size: clamp(22px, 2.4vw, 31px); font-weight: 900; letter-spacing: -.035em; }
.kids-brand strong span { color: #20b9de; }
.kids-brand b {
  padding: 7px 10px 6px;
  border-radius: 999px;
  color: #153344;
  background: linear-gradient(135deg, #fff6d2, #cdeee9);
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.08);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .05em;
}
.kids-nav nav { display: flex; justify-content: center; gap: clamp(16px, 2.2vw, 34px); }
.kids-nav nav a { position: relative; color: #adc6d3; font-size: 10px; font-weight: 850; letter-spacing: .055em; text-decoration: none; transition: color .18s ease; }
.kids-nav nav a:hover { color: #fff; }
.kids-nav nav a:first-child { color: #fff; }
.kids-nav nav a:first-child::before { content: "◆"; margin-right: 7px; color: #fff; font-size: 8px; }
.kids-search { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; color: #fff; font-size: 24px; text-decoration: none; }

.kids-hero {
  --kids-hero-image: url('/assets/images/feature-cocuk.webp');
  position: relative;
  min-height: clamp(500px, 58vw, 650px);
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 30px;
  background-image: var(--kids-hero-image);
  background-size: cover;
  background-position: center;
  box-shadow: 0 30px 80px rgba(0,0,0,.28);
}
.kids-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: var(--kids-hero-image) center / cover no-repeat;
  transform: scale(1.018);
  transition: transform 6s cubic-bezier(.2,.7,.2,1);
}
.kids-hero:hover::before { transform: scale(1.055); }
.kids-hero-shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(1,16,27,.96) 0%, rgba(2,24,38,.77) 29%, rgba(2,20,34,.22) 58%, rgba(1,12,21,.07) 76%),
    linear-gradient(0deg, rgba(1,10,18,.84) 0%, transparent 32%);
}
.kids-hero-copy { width: min(620px, 56%); padding: clamp(42px, 6vw, 82px); }
.kids-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 17px; color: #7befff; font-size: 10px; font-weight: 950; letter-spacing: .18em; }
.kids-kicker::before { content: ""; width: 24px; height: 3px; border-radius: 99px; background: #55e5f5; box-shadow: 0 0 16px rgba(85,229,245,.72); }
.kids-hero h1 { margin: 0; color: #fff; font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: clamp(62px, 7.2vw, 108px); font-weight: 950; line-height: .82; letter-spacing: -.075em; text-shadow: 0 8px 28px rgba(0,0,0,.34); }
.kids-hero-copy > p { margin: 24px 0 0; color: #e4f3f7; font-size: clamp(18px, 2vw, 28px); font-weight: 650; letter-spacing: -.02em; }
.kids-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.kids-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 12px 22px; border: 1px solid rgba(255,255,255,.58); border-radius: 10px; color: #fff; background: rgba(0,23,39,.4); backdrop-filter: blur(10px); font-size: 13px; font-weight: 900; letter-spacing: .035em; text-decoration: none; transition: transform .18s ease, filter .18s ease, background .18s ease; }
.kids-button.primary { border-color: transparent; background: linear-gradient(135deg, #16bce2, #0d7cb2); box-shadow: 0 14px 32px rgba(10,159,204,.25); }
.kids-button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.kids-hero-badge { position: absolute; right: clamp(20px, 4vw, 58px); bottom: 28px; display: grid; justify-items: end; color: rgba(255,255,255,.9); text-shadow: 0 4px 14px rgba(0,0,0,.35); }
.kids-hero-badge span { font-size: 9px; font-weight: 900; letter-spacing: .22em; }
.kids-hero-badge strong { margin-top: 2px; font-size: 18px; letter-spacing: .03em; }

/* v40 — Referans sahneli Tarçın ve Köpük hero slider */
.kids-hero::before { background: none; }
.kids-hero-visuals { position: absolute; z-index: -2; inset: 0; overflow: hidden; background: #102a43; }
.kids-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; opacity: 0; transform: scale(1.045); transition: opacity .65s ease, transform 6.5s cubic-bezier(.2,.7,.2,1); }
.kids-hero-image.is-active { opacity: 1; transform: scale(1); }
.kids-hero-image[src*="reference-scene"] { object-position: center center; }

/* v41 — Tek hero sahnesi: metin için solda temiz alan */
.kids-hero-visuals { background: linear-gradient(90deg, #061b2b 0%, #0b263a 24%, #0d2a3d 100%); }
.kids-hero-image { inset: 4% 0 4% 16%; width: 84%; height: 92%; border-radius: 26px; transform: scale(.92); transform-origin: center right; }
.kids-hero-image.is-active { transform: scale(.92); }
.kids-hero-copy { position: relative; z-index: 2; width: min(540px, 42%); }
.kids-hero-shade { z-index: 1; background: linear-gradient(90deg, rgba(1,16,27,.98) 0%, rgba(2,24,38,.9) 27%, rgba(2,20,34,.28) 54%, rgba(1,12,21,.04) 78%), linear-gradient(0deg, rgba(1,10,18,.8) 0%, transparent 36%); }
.kids-hero-controls { display: none; }

/* v42 — Beş farklı sahneli slider */
.kids-hero-controls { display: flex; }
.kids-hero-controls { position: absolute; z-index: 3; left: 50%; bottom: 24px; display: flex; align-items: center; gap: 12px; transform: translateX(-50%); padding: 8px 10px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(3,13,23,.48); box-shadow: 0 10px 28px rgba(0,0,0,.22); backdrop-filter: blur(14px); }
.kids-hero-arrow { width: 30px; height: 30px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; color: #fff; background: rgba(255,255,255,.08); cursor: pointer; font-size: 15px; line-height: 1; }
.kids-hero-arrow:hover { border-color: rgba(127,245,255,.8); background: rgba(32,195,227,.24); }
.kids-hero-dots { display: flex; align-items: center; gap: 7px; }
.kids-hero-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.48); cursor: pointer; transition: width .2s ease, background .2s ease, transform .2s ease; }
.kids-hero-dots button.is-active { width: 24px; border-radius: 99px; background: #62e7f4; box-shadow: 0 0 14px rgba(98,231,244,.62); }
.kids-hero-dots button:hover { transform: scale(1.35); }

.kids-section { padding-top: 30px; scroll-margin-top: 14px; }
.kids-section-head { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 10px; }
.kids-section-head h2 { display: flex; align-items: center; gap: 10px; margin: 0; color: #f4fbfd; font-size: 18px; font-weight: 900; letter-spacing: .025em; }
.kids-section-head h2 i { width: 4px; height: 22px; border-radius: 999px; background: linear-gradient(#66f4ff, #0bbad5); box-shadow: 0 0 14px rgba(60,224,243,.55); }
.kids-section-head > a, .kids-section-head > span { color: #7797a7; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-decoration: none; }
.kids-section-head > a:hover { color: #d9f9ff; }
.kids-video-rail {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 2px 2px 9px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.kids-video-rail::-webkit-scrollbar, .kids-topic-rail::-webkit-scrollbar { display: none; }
.kids-video-card { flex: 0 0 min(310px, 26vw); overflow: hidden; scroll-snap-align: start; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(5,23,36,.78); box-shadow: 0 10px 30px rgba(0,0,0,.13); }
.kids-video-thumb { position: relative; display: block; aspect-ratio: 16/9; overflow: hidden; background: linear-gradient(135deg, #0c5d7d, #173458); }
.kids-video-thumb img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .4s ease; }
.kids-video-card:hover .kids-video-thumb img { transform: scale(1.045); }
.kids-video-thumb::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(1,9,15,.72)); }
.kids-video-play { position: absolute; z-index: 2; left: 12px; bottom: 10px; width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.78); border-radius: 50%; color: #fff; background: rgba(0,0,0,.42); font-size: 11px; }
.kids-video-placeholder { position: absolute; inset: 0; display: grid; place-items: center; color: #bff7ff; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.kids-video-copy { min-height: 96px; padding: 12px 13px 14px; }
.kids-video-copy > span { color: #4adff0; font-size: 8px; font-weight: 950; letter-spacing: .12em; }
.kids-video-copy h3 { margin: 6px 0 5px; font-size: 14px; line-height: 1.25; }
.kids-video-copy h3 a { color: #f4f9fa; text-decoration: none; }
.kids-video-copy p { margin: 0; color: #7793a2; font-size: 10px; line-height: 1.45; }
.kids-empty { flex: 1 0 100%; min-height: 164px; display: grid; place-items: center; padding: 28px; border: 1px dashed rgba(111,218,237,.18); border-radius: 16px; color: #83a7b5; background: rgba(5,29,43,.4); text-align: center; font-size: 12px; line-height: 1.6; }

.kids-topics { padding-top: 18px; }
.kids-topic-rail {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 2px 2px 10px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.kids-topic-card {
  position: relative;
  flex: 1 0 min(245px, 19vw);
  min-height: 164px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  overflow: hidden;
  scroll-snap-align: start;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 -52px 70px rgba(1,8,14,.25), 0 10px 30px rgba(0,0,0,.12);
  transition: transform .2s ease, filter .2s ease, border-color .2s ease;
}
.kids-topic-card::before { content: ""; position: absolute; width: 170px; height: 170px; right: -44px; top: -62px; border-radius: 50%; background: rgba(255,255,255,.16); filter: blur(1px); }
.kids-topic-card::after { content: ""; position: absolute; width: 88px; height: 88px; right: 18px; top: 14px; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; }
.kids-topic-art { position: absolute; z-index: 2; right: 37px; top: 34px; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; color: rgba(255,255,255,.92); background: rgba(0,0,0,.13); backdrop-filter: blur(8px); font-size: 25px; }
.kids-topic-card strong, .kids-topic-card small { position: relative; z-index: 2; }
.kids-topic-card strong { font-size: 15px; font-weight: 950; letter-spacing: .025em; }
.kids-topic-card small { margin-top: 4px; color: rgba(255,255,255,.7); font-size: 9px; }
.kids-topic-card:hover { transform: translateY(-4px); filter: saturate(1.12); }
.kids-topic-card[aria-pressed="true"] { border-color: rgba(127,245,255,.68); box-shadow: inset 0 -52px 70px rgba(1,8,14,.25), 0 0 0 2px rgba(72,225,240,.09), 0 12px 32px rgba(0,0,0,.18); }
.topic-games { background: linear-gradient(135deg, #f59e0b, #e64b5d 48%, #7c3aed); text-decoration: none; }
.topic-stories { background: linear-gradient(135deg, #8b51c7, #493064); }
.topic-learn { background: linear-gradient(135deg, #78a92f, #356437); }
.topic-music { background: linear-gradient(135deg, #d94b78, #7d2c59); }
.topic-sleep { background: linear-gradient(135deg, #173d81, #151e4c); }

/* v37 — gerçek kategori kapakları */
.kids-topic-card { isolation: isolate; }
.kids-topic-cover { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .45s ease, filter .25s ease; }
.kids-topic-card::after { z-index: 1; inset: 0; width: auto; height: auto; border: 0; border-radius: 0; background: linear-gradient(180deg, rgba(2,10,18,.02) 24%, rgba(2,10,18,.76) 100%); }
.kids-topic-card strong, .kids-topic-card small { z-index: 2; text-shadow: 0 2px 12px rgba(0,0,0,.42); }
.kids-topic-card:hover .kids-topic-cover { transform: scale(1.06); filter: saturate(1.08); }
.kids-topic-card.topic-games .kids-topic-cover { object-position: 52% center; }
.kids-topic-card.topic-stories .kids-topic-cover { object-position: 50% center; }
.kids-topic-card.topic-learn .kids-topic-cover { object-position: 48% center; }
.kids-topic-card.topic-music .kids-topic-cover { object-position: 50% center; }
.kids-topic-card.topic-sleep .kids-topic-cover { object-position: 52% center; }

.kids-footer { display: flex; flex-wrap: wrap; gap: 18px; padding: 28px 0 10px; color: #527485; font-size: 9px; font-weight: 750; letter-spacing: .06em; }
.kids-footer span { margin-right: auto; }
.kids-footer a { color: #678b9b; text-decoration: none; }

.kids-radio-dock {
  position: fixed;
  z-index: 40;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: minmax(230px, .8fr) minmax(320px, 1.4fr) auto;
  align-items: center;
  gap: 22px;
  padding: 10px max(26px, calc((100vw - 1480px)/2));
  border-top: 1px solid rgba(86,222,241,.2);
  background: rgba(2,16,27,.94);
  box-shadow: 0 -14px 38px rgba(0,0,0,.3);
  backdrop-filter: blur(18px);
}
.kids-radio-dock[hidden] { display: none; }
.kids-radio-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
.kids-radio-wave { color: #22d3ee; font-size: 13px; letter-spacing: -2px; text-shadow: 0 0 15px rgba(34,211,238,.48); }
.kids-radio-brand strong { color: #effcff; font-size: 15px; white-space: nowrap; }
.kids-radio-brand b { padding: 5px 8px; border-radius: 7px; color: #60edf6; background: rgba(31,188,205,.12); font-size: 8px; letter-spacing: .08em; }
.kids-radio-copy { min-width: 0; }
.kids-radio-copy strong, .kids-radio-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kids-radio-copy strong { color: #dcebef; font-size: 11px; }
.kids-radio-copy small { margin-top: 3px; color: #5f7e8d; font-size: 8px; }
.kids-radio-dock > a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(50,222,240,.2); border-radius: 9px; color: #4ce7f3; background: rgba(25,155,179,.08); font-size: 9px; font-weight: 900; letter-spacing: .07em; text-decoration: none; }

@media (max-width: 1040px) {
  .kids-nav { grid-template-columns: 1fr auto; }
  .kids-nav nav { display: none; }
  .kids-hero-copy { width: min(650px, 72%); }
  .kids-video-card { flex-basis: 38vw; }
  .kids-topic-card { flex-basis: 29vw; }
}

@media (max-width: 680px) {
  body.kids-page { padding-bottom: 72px; }
  body.kids-page .content-shell { width: min(100% - 20px, 1480px); }
  .kids-nav { min-height: 66px; }
  .kids-brand { gap: 8px; }
  .kids-brand strong { font-size: 19px; }
  .kids-brand b { padding: 5px 7px; font-size: 8px; }
  .kids-search { width: 34px; height: 34px; font-size: 20px; }
  .kids-hero { min-height: 540px; align-items: flex-end; border-radius: 22px; background-position: 64% center; }
  .kids-hero-image, .kids-hero-image.is-active { inset: 0 0 auto 0; width: 100%; height: 58%; border-radius: 22px 22px 0 0; transform: none; object-position: center center; }
  .kids-hero-shade { background: linear-gradient(0deg, rgba(1,14,24,.97) 0%, rgba(2,20,33,.74) 48%, rgba(2,20,33,.12) 77%); }
  .kids-hero-copy { width: 100%; padding: 30px 22px 34px; }
  .kids-hero h1 { font-size: clamp(58px, 18vw, 82px); }
  .kids-hero-copy > p { margin-top: 16px; font-size: 17px; }
  .kids-hero-actions { margin-top: 21px; }
  .kids-button { flex: 1 1 150px; min-height: 48px; padding: 10px 12px; font-size: 11px; }
  .kids-hero-badge { display: none; }
  .kids-hero-controls { top: 18px; right: 18px; bottom: auto; left: auto; transform: none; gap: 8px; padding: 6px 8px; }
  .kids-hero-arrow { width: 27px; height: 27px; font-size: 13px; }
  .kids-hero-dots { gap: 5px; }
  .kids-hero-dots button { width: 6px; height: 6px; }
  .kids-hero-dots button.is-active { width: 18px; }
  .kids-section { padding-top: 24px; }
  .kids-section-head { align-items: flex-end; }
  .kids-section-head h2 { font-size: 15px; }
  .kids-section-head > span { display: none; }
  .kids-video-rail { gap: 10px; }
  .kids-video-card { flex: 0 0 84vw; max-width: 345px; }
  .kids-topic-card { flex: 0 0 72vw; max-width: 290px; min-height: 150px; }
  .kids-radio-dock { min-height: 62px; grid-template-columns: 1fr auto; gap: 10px; padding: 8px 12px; }
  .kids-radio-copy { display: none; }
  .kids-radio-brand strong { font-size: 13px; }
  .kids-radio-dock > a { padding: 8px 9px; font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .kids-hero::before, .kids-hero-image, .kids-video-thumb img, .kids-topic-card, .kids-button { transition: none !important; }
  .kids-topic-card:hover, .kids-button:hover { transform: none !important; }
  html:focus-within { scroll-behavior: auto; }
}