/* Piksir v3 — "Ada Cam" bileşen dili (D116 denemesi, 2026-10-21).
   Amaç: ana sayfadaki yeni görünümü (yüzen adalar, cam paneller, yumuşak renkli gölgeler, Nunito başlık) iç sayfalara taşımak;
   v2 "Kareli Defter"in kalın mürekkep konturu ve düz ofset gölgesi Ada'da kullanılmaz.
   Kapsam: yalnız html[data-tema="ada"].canli altında etkilidir → ?tema=yok (v2), ?tema=orman ve ?kabuk=eski aynen çalışır;
   v2 dosyaları değişmez (D17). Hareket azaltma / Sakin mod / efekt-az'da kalkma ve geçişler kapanır.
   Kurallar:
   - Renk = konu ailesi (data-renk), yaş/sınıf bilgisi her zaman yazıyla ve küçük bir bant noktasıyla verilir.
   - Metin hep koyu (#1B1846 / #4A4778, ≥ 4.5:1); renkli degrade yalnız ikon karosu, ince vurgu ve büyük öğede.
   - Dokunma hedefi ≥ 48 px, odak halkası her zaman görünür. Satır içi stil ve betik yok.
   Önce Keşfet'te denenir (sayfalar/kesfet/kesfet.css "Ada Cam" bölümü); onaylanırsa diğer sayfalar aynı sınıflara geçer. */

/* =================================================================== 0. Yazı tipi: Nunito (OFL 1.1, shared/fonts/lisanslar/OFL-Nunito.txt) */
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url('../../fonts/nunito-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url('../../fonts/nunito-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url('../../fonts/nunito-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url('../../fonts/nunito-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:900;font-display:swap;src:url('../../fonts/nunito-900-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:900;font-display:swap;src:url('../../fonts/nunito-900-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* =================================================================== 1. Token'lar */
html[data-tema="ada"].canli {
  --ac-font-baslik: "Nunito", var(--v2-font-body), system-ui, sans-serif;
  --ac-metin: #1B1846; --ac-metin-2: #4A4778; --ac-metin-3: #6E6A99;
  --ac-cam: linear-gradient(165deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.66) 100%);
  --ac-cam-duz: rgba(255,255,255,.72);
  --ac-kenar: rgba(255,255,255,.95);
  --ac-cizgi: rgba(91,72,200,.12);            /* dış ince çizgi: açık zeminde kartın sınırını belli eder */
  --ac-golge-r: 64, 46, 160;
  --ac-golge: 0 1px 2px rgba(var(--ac-golge-r), .06), 0 10px 28px -14px rgba(var(--ac-golge-r), .28);
  --ac-golge-ust: 0 2px 4px rgba(var(--ac-golge-r), .06), 0 24px 48px -20px rgba(var(--ac-golge-r), .38);
  --ac-blur: blur(18px) saturate(1.6);
  --ac-r: 24px; --ac-r-sm: 16px; --ac-r-pill: 999px;
  --ac-odak: 0 0 0 3px #FFFFFF, 0 0 0 6px #6A45F5;
  --ac-birincil: linear-gradient(135deg, #7B5CFF 0%, #4F6BFF 100%);   /* seçili sekme / çip */
  --ac-ease: cubic-bezier(.2, .8, .2, 1);
}

/* Konu aileleri: a → b degrade (ikon karosu), r = gölge rengi (RGB), i = koyu metin tonu (≥ 4.5:1 açık zeminde) */
html[data-tema="ada"].canli [data-renk] { --ra: #8B6CFF; --rb: #5B7CFF; --rr: 123, 92, 255; --ri: #4B2FD1; }
html[data-tema="ada"].canli [data-renk="lavanta"] { --ra: #9B7BFF; --rb: #5B6CFF; --rr: 123, 92, 255; --ri: #4B2FD1; }
html[data-tema="ada"].canli [data-renk="gok"]     { --ra: #38BDF8; --rb: #3B6CFF; --rr: 56, 140, 255; --ri: #1D4FC4; }
html[data-tema="ada"].canli [data-renk="pembe"]   { --ra: #FF7EB6; --rb: #C25CFF; --rr: 236, 90, 200; --ri: #A21C78; }
html[data-tema="ada"].canli [data-renk="gunes"]   { --ra: #FFD24A; --rb: #FF9A1F; --rr: 255, 170, 40; --ri: #8A4B00; }
html[data-tema="ada"].canli [data-renk="nane"]    { --ra: #34D9B0; --rb: #14B8C8; --rr: 20, 190, 170; --ri: #0B6E66; }
html[data-tema="ada"].canli [data-renk="mercan"]  { --ra: #FF9A6B; --rb: #FF5C7A; --rr: 255, 110, 110; --ri: #B0302E; }
html[data-tema="ada"].canli [data-renk="indigo"]  { --ra: #6E7BFF; --rb: #3B3FD8; --rr: 70, 80, 230; --ri: #2F33B8; }
html[data-tema="ada"].canli [data-renk="yaprak"]  { --ra: #8BE36B; --rb: #22B07D; --rr: 50, 190, 120; --ri: #19704A; }
html[data-tema="ada"].canli [data-renk="turuncu"] { --ra: #FFB347; --rb: #FF7A3D; --rr: 255, 130, 60; --ri: #9A3F0A; }
html[data-tema="ada"].canli [data-renk="mor"]     { --ra: #C08BFF; --rb: #8A5CFF; --rr: 150, 100, 255; --ri: #5B2BB8; }

/* Yaş/sınıf bandı noktası (v2 bant renkleri; anlam yazıda) */
html[data-tema="ada"].canli [data-bant="12"] { --bant: #FFC629; }
html[data-tema="ada"].canli [data-bant="34"] { --bant: #1DB46A; }
html[data-tema="ada"].canli [data-bant="56"] { --bant: #3B6CFF; }
html[data-tema="ada"].canli [data-bant="78"] { --bant: #FF5B3A; }

/* =================================================================== 2. Ortak sınıflar (yeni sayfalar bunları kullanır) */
/* Cam kart */
html[data-tema="ada"].canli .ac-kart {
  position: relative; isolation: isolate; color: var(--ac-metin); text-align: left;
  background: var(--ac-cam); border: 1px solid var(--ac-kenar); border-radius: var(--ac-r);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 rgba(255,255,255,.9);
  -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
  transition: transform .3s var(--ac-ease), box-shadow .3s var(--ac-ease);
}
/* Konu rengi: sol üstte yumuşak renk yıkaması (renk yalnız zemin tonu; metin koyu kalır) */
html[data-tema="ada"].canli .ac-kart[data-renk]::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(120% 90% at 0% 0%, rgba(var(--rr), .16), transparent 55%),
              radial-gradient(90% 70% at 100% 100%, rgba(var(--rr), .07), transparent 60%);
}
html[data-tema="ada"].canli a.ac-kart:hover, html[data-tema="ada"].canli button.ac-kart:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(var(--rr, var(--ac-golge-r)), .22), var(--ac-golge-ust), 0 18px 40px -22px rgba(var(--rr, var(--ac-golge-r)), .55), inset 0 1px 0 #FFFFFF;
}
html[data-tema="ada"].canli a.ac-kart:active, html[data-tema="ada"].canli button.ac-kart:active { transform: translateY(-1px) scale(.995); }
html[data-tema="ada"].canli .ac-kart:focus-visible { outline: none; box-shadow: var(--ac-odak), var(--ac-golge-ust); }

/* İkon karosu: degrade dolgu + beyaz ikon ("çıkartma") */
html[data-tema="ada"].canli .ac-ikon {
  flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; color: #FFFFFF;
  background: linear-gradient(140deg, var(--ra), var(--rb));
  box-shadow: 0 8px 18px -8px rgba(var(--rr), .75), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -2px 0 rgba(0,0,0,.08);
}
html[data-tema="ada"].canli .ac-ikon .v2-icon { width: 26px; height: 26px; color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.28); }

/* Hap etiket (bilgi; eylem değil) */
html[data-tema="ada"].canli .ac-hap {
  display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 3px 11px; border-radius: var(--ac-r-pill);
  background: rgba(255,255,255,.78); border: 1px solid rgba(91,72,200,.14); color: var(--ac-metin);
  font: 700 var(--v2-text-xs)/1.2 var(--v2-font-body); white-space: nowrap;
}
html[data-tema="ada"].canli .ac-hap[data-bant]::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--bant); box-shadow: 0 0 0 2px rgba(255,255,255,.9); }

/* Cam düğme / çip / giriş alanı */
html[data-tema="ada"].canli .ac-cip {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: var(--ac-r-pill);
  background: rgba(255,255,255,.7); border: 1px solid rgba(255,255,255,.95); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 4px 12px -8px rgba(var(--ac-golge-r), .35);
  font: 700 var(--v2-text-sm)/1.1 var(--v2-font-body); white-space: nowrap; cursor: pointer;
  transition: background-color .2s, box-shadow .2s, transform .2s var(--ac-ease);
}
html[data-tema="ada"].canli .ac-cip:hover { background: #FFFFFF; transform: translateY(-1px); }
html[data-tema="ada"].canli .ac-cip[aria-pressed="true"], html[data-tema="ada"].canli .ac-cip.on {
  color: #FFFFFF; background: var(--ac-birincil); border-color: transparent; box-shadow: 0 8px 18px -8px rgba(91,72,255,.7);
}

/* Sayfa kahramanı başlığı (iç sayfalar) */
html[data-tema="ada"].canli .ac-baslik { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; line-height: 1.06; color: var(--ac-metin); text-wrap: balance; }

/* =================================================================== 2b. Site geneli temel (D116 yayılım) — yalnız oyun dışı sayfalar
   Oyun ekranları (body.v2-game-page) bilerek hariç: blok kodlama ve oyun alanlarındaki kalın kontur işlevsel (ayrı tur). */
/* Tek içerik genişliği (ana sayfa 1320 / iç sayfalar 1180 farkı logo ve menüyü sayfa geçişinde kaydırıyordu) */
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) { --v2-max: 1280px; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-container { --v2-max: 1280px; }

/* v2 köprüsü: kalın mürekkep kontur → ince çizgi, düz siyah ofset gölge → yok; bej "gömük" zemin → lavanta.
   Sayfaya özel CSS bu token'ları kullandığı için eşlenmemiş öğeler de kendiliğinden yumuşar; öne çıkan yüzeyler
   sayfa eşleme dosyalarında (sayfalar/<ad>/<ad>-ada.css) cama çevrilir. */
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) {
  --v2-stroke: 1px; --v2-stroke-soft: 1px; --v2-offset: 0px; --v2-shadow-color: transparent;
  --v2-sunken: rgba(123,92,255,.07); --v2-line: rgba(91,72,200,.16); --v2-grid: rgba(123,92,255,.06);
  --v2-surface: rgba(255,255,255,.84);
}
/* Tek başlık yazı tipi: Nunito (disleksi yazı seçeneği açıksa ona dokunulmaz) */
html[data-tema="ada"].canli:not([data-yazi="disleksi"]):not(.v2-yazi-disleksi) body.v2-page:not(.v2-game-page) { --v2-font-display: var(--ac-font-baslik); }
html[data-tema="ada"].canli:not([data-yazi="disleksi"]):not(.v2-yazi-disleksi) body.v2-page:not(.v2-game-page) :is(main, .v2-sitefoot) :is(h1, h2, h3) {
  font-family: var(--ac-font-baslik); letter-spacing: -.015em;
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) main :is(h1, h2) { font-weight: 900; }
/* Logo yeri ayrılır: markaLogo.js sonradan yerleştirdiğinde menü kaymaz */
html[data-tema="ada"].canli .v2-topbar .v2-brand { min-width: 176px; min-height: 48px; }
/* Kareli defter zemini Ada'da yok */
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-paper-grid { background-image: none; background-color: transparent; }
/* Sayfa başlık bandının kalın alt çizgisi (iç içe kahramanlar dahil) */
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) main [class*="hero"]:not([class*="__"]):not(.hero) { border-bottom-color: transparent; }

/* Göz etiketi: tüm sitede tek stil (mono yazı yerine Nunito, lavanta hap + degrade nokta) */
html[data-tema="ada"].canli .eyebrow {
  display: inline-flex; align-items: center; gap: 8px; justify-self: start; width: max-content; max-width: 100%;
  padding: 6px 14px 6px 10px; border-radius: var(--ac-r-pill);
  font-family: var(--ac-font-baslik); font-weight: 800; font-size: .8rem; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase;
  color: #4B2FD1; background: rgba(255,255,255,.72); border: 1px solid rgba(255,255,255,.95);
  box-shadow: 0 0 0 1px rgba(123,92,255,.16), 0 4px 12px -8px rgba(var(--ac-golge-r), .4);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
html[data-tema="ada"].canli .eyebrow::before {
  content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--ac-birincil); box-shadow: 0 0 0 3px rgba(123,92,255,.16);
}

/* =================================================================== 2c. v2 bileşenleri (components.css) cam karşılıkları */
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-game {
  border: 1px solid var(--ac-kenar); border-radius: var(--ac-r); background: var(--ac-cam);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF;
  -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
  transition: transform .3s var(--ac-ease), box-shadow .3s var(--ac-ease);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-game:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px rgba(123,92,255,.22), var(--ac-golge-ust); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-game__tile { border: 0; border-radius: 16px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 6px 14px -8px rgba(var(--ac-golge-r), .45); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.v2-tag, .v2-game__band, .v2-game__flag) {
  border: 1px solid rgba(91,72,200,.14); box-shadow: none;
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-tag:not([class*="v2-tag--"]) { background: rgba(255,255,255,.8); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.v2-chip, .v2-seg > button, .v2-seg > a) { transition: background-color .2s, color .2s; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-chip {
  border: 1px solid var(--ac-kenar); background: rgba(255,255,255,.74); box-shadow: 0 0 0 1px var(--ac-cizgi), 0 4px 12px -8px rgba(var(--ac-golge-r), .35);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-chip:hover { background: #FFFFFF; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-seg {
  border: 1px solid var(--ac-kenar); border-radius: 18px; background: rgba(255,255,255,.6);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 6px 16px -12px rgba(var(--ac-golge-r), .4); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.v2-chip[aria-pressed="true"], .v2-seg > [aria-pressed="true"], .v2-seg > [aria-selected="true"], .v2-seg > [aria-current="true"]) {
  color: #FFFFFF; background: var(--ac-birincil); border-color: transparent; box-shadow: 0 8px 18px -8px rgba(91,72,255,.7);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.v2-input, select.v2-input, textarea.v2-input) {
  border: 1px solid var(--ac-kenar); border-radius: 16px; background: rgba(255,255,255,.86);
  box-shadow: 0 0 0 1px rgba(91,72,200,.18), 0 6px 16px -12px rgba(var(--ac-golge-r), .4);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-input:focus-visible { outline: none; background: #FFFFFF; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-input[aria-invalid="true"] { background: #FFF1EC; box-shadow: 0 0 0 2px #B42E13; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-notice {
  border: 1px solid var(--ac-kenar); border-radius: 20px;
  background: linear-gradient(165deg, rgba(227,234,255,.92), rgba(255,255,255,.72));
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 8px 20px -14px rgba(var(--ac-golge-r), .4);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-notice--warn { background: linear-gradient(165deg, rgba(255,241,199,.95), rgba(255,255,255,.72)); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-notice--lock { background: linear-gradient(165deg, rgba(255,228,220,.95), rgba(255,255,255,.72)); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-progress {
  height: 14px; border: 0; background: rgba(123,92,255,.12); box-shadow: inset 0 1px 2px rgba(var(--ac-golge-r), .14);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-progress__bar {
  border-right: 0; border-radius: 999px; background: linear-gradient(90deg, #34D9B0, #22B07D);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-steps > span { border-color: rgba(91,72,200,.22); border-radius: 9px; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-bubble {
  border: 1px solid var(--ac-kenar); border-radius: 20px 20px 20px 6px; background: rgba(255,255,255,.86);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-badge__disc { border-color: rgba(91,72,200,.25); box-shadow: 0 8px 18px -10px rgba(var(--ac-golge-r), .45), inset 0 0 0 6px rgba(255,255,255,.85); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-linkrow__ic { border: 0; border-radius: 14px; box-shadow: inset 0 0 0 1px rgba(91,72,200,.16); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-pin > span { border: 2px solid rgba(91,72,200,.35); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-pin > span[data-on] { background: linear-gradient(140deg, #7B5CFF, #4F6BFF); border-color: transparent; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-pinpad button {
  border: 1px solid var(--ac-kenar); border-radius: 20px; background: rgba(255,255,255,.86); font-family: var(--ac-font-baslik); font-weight: 900;
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 8px 18px -12px rgba(var(--ac-golge-r), .5), inset 0 1px 0 #FFFFFF;
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-pinpad button:hover { background: #FFFFFF; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-pinpad button:active { transform: scale(.96); background: #FFF4CC; }

/* Alt bilgi: seyrek bağlantılar sıkılaşır, kalın üst çizgi yerine ince ayraç */
html[data-tema="ada"].canli .v2-sitefoot { border-top: 1px solid rgba(91,72,200,.14); background: rgba(255,255,255,.42); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
html[data-tema="ada"].canli .v2-sitefoot nav { gap: 0; }
html[data-tema="ada"].canli .v2-sitefoot nav a { min-height: 36px; padding-block: 4px; }
html[data-tema="ada"].canli .v2-sitefoot h2 { font-family: var(--ac-font-baslik); font-weight: 900; color: var(--ac-metin); }
html[data-tema="ada"].canli .v2-sitefoot__alt { border-top: 1px solid rgba(91,72,200,.12); }
/* Mobil alt çubuk: cam */
html[data-tema="ada"].canli .v2-bottomnav {
  border-top: 1px solid var(--ac-kenar); background: rgba(255,255,255,.78); box-shadow: 0 -8px 24px -16px rgba(var(--ac-golge-r), .45);
  -webkit-backdrop-filter: blur(18px) saturate(1.6); backdrop-filter: blur(18px) saturate(1.6);
}
html[data-tema="ada"].canli .v2-bottomnav a[aria-current="page"] { background: rgba(123,92,255,.12); color: #4B2FD1; }

/* =================================================================== 2d. Tanıtım bölümleri (tanitim.css: ana sayfa, Nasıl çalışır, Okullar için) */
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .sec + .sec { border-top: 0; }
/* Sadeleştirme (D122): bölümler arası boşluk sıkılaştı (uzun, boş görünen sayfa) */
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .sec { padding-block: clamp(32px, 3.4vw, 52px); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .tn-hero { border-bottom: 0; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-icindekiler a) {
  border: 1px solid var(--ac-kenar); background: rgba(255,255,255,.72); box-shadow: 0 0 0 1px var(--ac-cizgi); font-weight: 800;
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .tn-icindekiler a:hover { background: #FFFFFF; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-akis li, .tn-sss details, .tn-cta, .role, .contact) {
  border: 1px solid var(--ac-kenar); border-radius: var(--ac-r); background: var(--ac-cam);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF; -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-akis li > span, .facts li > span, .verb__ic) {
  border: 0; border-radius: 15px; color: #FFFFFF; background: linear-gradient(140deg, #9B7BFF, #5B6CFF);
  box-shadow: 0 8px 18px -8px rgba(123,92,255,.75), inset 0 1px 0 rgba(255,255,255,.45);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-akis li > span, .facts li > span, .verb__ic) .v2-icon { color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3); }
/* Not: :is() içinde sözde öğe geçersiz olduğundan iki seçici ayrı yazılır */
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .step::before,
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .tn-kurulum li::before {
  border: 0; color: #FFFFFF; background: linear-gradient(140deg, #9B7BFF, #4F6BFF); box-shadow: 0 6px 14px -6px rgba(91,72,255,.8); font-family: var(--ac-font-baslik); font-weight: 900;
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .offer li { border-bottom-color: rgba(91,72,200,.12); }

/* =================================================================== 2e. Ortak sayfa başlığı (D125)
   Her sayfanın girişi aynı iskeleti izler: sol üstte tek başlık (Nunito 900, aynı boy), altında tek kısa açıklama, varsa sayısal değerler küçük cam hapları,
   sağda varsa görsel. Göz etiketi yok, kareli zemin ve alt çizgi yok; dikey boşluk her sayfada aynı. Sayfaya özel yerleşim (ızgara, görsel) kendi dosyasında kalır. */
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-hero, .iz-hero, .at-hero, .mf-hero, .pa-hero, .gz-hero, .lic-hero, .zo-hero, .ra-hero, .dg-hero, .mo-hero, .bl-hero, .pd-ust, .yl-ust, .dt-ust, .os-ust, .ys-ust, .lp-head, .ds-bas, .kx-hero) {
  padding: 0; border: 0; background: transparent; background-image: none; box-shadow: none; min-height: 0;
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-hero, .iz-hero, .at-hero, .mf-hero, .pa-hero, .gz-hero, .lic-hero, .zo-hero, .ra-hero, .dg-hero, .mo-hero, .bl-hero, .pd-ust, .yl-ust, .dt-ust, .os-ust, .ys-ust, .lp-head, .ds-bas, .kx-hero) > .v2-container {
  padding-block: clamp(28px, 3.4vw, 48px) clamp(18px, 2.2vw, 30px);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-hero, .iz-hero, .at-hero, .mf-hero, .pa-hero, .gz-hero, .lic-hero, .zo-hero, .ra-hero, .dg-hero, .mo-hero, .bl-hero, .pd-ust, .yl-ust, .dt-ust, .os-ust, .ys-ust, .lp-head, .ds-bas, .kx-hero) h1 {
  font-family: var(--ac-font-baslik); font-weight: 900; font-size: clamp(2rem, 1.35rem + 2.2vw, 2.9rem); line-height: 1.08; letter-spacing: -.02em;
  margin: 0; color: var(--ac-metin); text-wrap: balance;
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-hero, .iz-hero, .at-hero, .mf-hero, .pa-hero, .gz-hero, .lic-hero, .zo-hero, .ra-hero, .dg-hero, .mo-hero, .bl-hero, .pd-ust, .yl-ust, .dt-ust, .os-ust, .ys-ust, .lp-head, .ds-bas, .kx-hero) h1 + p,
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-hero__lead, .kx-lead, .at-hero__lead, .bl-hero__lead, .lp-head__lead, .mf-hero__lead, .pa-hero__lead, .gz-hero__lead, .lic-hero__lead) {
  margin-top: 12px; font-size: 1.0625rem; line-height: 1.55; font-weight: 400; color: var(--ac-metin-2); max-width: 62ch;
}
/* Başlık görselleri aynı boyda: yan sütun en çok ~230 px yükseklik; Piksir küçük; başlık içeriği sayfa kenarına hizalı (ortalı dar sütun yok) */
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-hero, .iz-hero, .at-hero, .mf-hero, .pa-hero, .gz-hero, .lic-hero, .zo-hero, .ra-hero, .dg-hero, .mo-hero, .bl-hero, .pd-ust, .yl-ust, .dt-ust, .os-ust, .ys-ust, .lp-head, .ds-bas, .kx-hero) > .v2-container {
  max-width: calc(var(--v2-max) + 2 * var(--v2-gutter, 20px));
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .tn-hero__yan svg { width: clamp(88px, 8vw, 120px); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .at-hero__gorsel img { max-height: 230px; width: 100%; object-fit: cover; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.zo-sahne, .dg-sahne, .mo-sahne, .ra-hero__gorsel) { max-height: 230px; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.zo-sahne, .dg-sahne, .mo-sahne) svg, html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .ra-hero__gorsel svg { max-height: 214px; width: auto; max-width: 100%; margin-inline: auto; display: block; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .kx-hero .v2-tag { display: none; }

/* Sayısal değerler: tek stil — küçük cam hap, rakam Nunito 900 */
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.kx-facts li, .bl-hero__sayac li, .lp-head__lead #lpLeadTum, .lp-head__lead #lpLeadBant) {
  display: inline-flex; align-items: baseline; gap: 4px; padding: 8px 14px; border-radius: 16px; color: var(--ac-metin-2); font-size: .95rem;
  background: rgba(255,255,255,.66); border: 1px solid rgba(255,255,255,.95);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 6px 16px -10px rgba(var(--ac-golge-r), .4);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.lp-head__lead #lpLeadTum, .lp-head__lead #lpLeadBant)[hidden] { display: none; }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.kx-facts b, .bl-hero__sayac b, #lpLeadTum b, #lpLeadBant b) { font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.2rem; color: var(--ac-metin); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.mf-eyebrow, .rz-eyebrow, .op-eyebrow, [class$="-eyebrow"]) { display: none; }

/* =================================================================== 2f. Mobil (D126)
   Alt alta uzayan kart listeleri (Nasıl çalışır akışı, Okullar için rol/güven kartları, Atölye alanları) telefonda yatay kaydırmalı şeride döner:
   sonraki kart kenardan görünür, sayfa kısalır. Şerit kendi içinde kayar; sayfa yatay kaymaz. Kısa açıklamalar telefonda biraz küçülür. */
@media (max-width: 767.98px) {
  html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-akis, .roles, .at-kartlar, .at-adimlar, .tn-hero ~ .sec .facts, #guven .facts) {
    display: flex; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none;
    margin-inline: calc(-1 * var(--v2-gutter, 16px)); padding: 4px var(--v2-gutter, 16px) 14px; scroll-padding-inline: var(--v2-gutter, 16px);
    grid-auto-rows: auto;
  }
  html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-akis, .roles, .at-kartlar, .at-adimlar, .tn-hero ~ .sec .facts, #guven .facts)::-webkit-scrollbar { display: none; }
  html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-akis, .at-kartlar, .at-adimlar, .tn-hero ~ .sec .facts, #guven .facts) > li { flex: 0 0 min(82%, 320px); scroll-snap-align: start; }
  html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .roles > * { flex: 0 0 min(86%, 340px); scroll-snap-align: start; }
  html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) :is(.tn-hero__lead, .kx-lead, .lp-head__lead, .bl-hero__lead) { font-size: .98rem; line-height: 1.5; }
}

/* =================================================================== 3. Hareket azaltma */
@media (prefers-reduced-motion: reduce) {
  html[data-tema="ada"].canli .ac-kart, html[data-tema="ada"].canli .ac-cip { transition: none; }
  html[data-tema="ada"].canli .ac-kart:hover, html[data-tema="ada"].canli .ac-cip:hover { transform: none; }
}
html.efekt-az[data-tema="ada"].canli .ac-kart, html.a11y-calm[data-tema="ada"].canli .ac-kart { transition: none; transform: none; -webkit-backdrop-filter: none; backdrop-filter: none; background: #FFFFFF; }
@media print { html[data-tema="ada"].canli .ac-kart { box-shadow: none; border: 1px solid #C9C6E0; background: #FFFFFF; -webkit-backdrop-filter: none; backdrop-filter: none; } }

/* Birincil düğmeler (2026-10-27 sahip: "gördüğün tüm sarı butonları mor yap"): canli.css sarı degrade yerine sitenin moru, beyaz yazı.
   Sayfaya özel renkli haplar (paket renkleri) daha özgül kurallarla kendi renginde kalır. */
html[data-tema="ada"].canli .v2-btn--primary {
  color: #FFFFFF; background: var(--ac-birincil);
  box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 -2px 0 rgba(0,0,0,.12) inset, 0 10px 22px -8px rgba(91,72,255,.7);
}
html[data-tema="ada"].canli .v2-btn--primary .v2-icon { color: #FFFFFF; }
html[data-tema="ada"].canli .v2-btn--primary:hover { box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 -2px 0 rgba(0,0,0,.12) inset, 0 14px 28px -8px rgba(91,72,255,.85); }

/* Üst çubuğun sağındaki düğme (Giriş / Öğrenci paneli, siteOturum.js) — 2026-10-27 sahip: turuncu değil, sitenin moru.
   Seçili sekme ve çiplerle aynı lavanta → mavi degrade; beyaz yazı AA (#7B5CFF/#4F6BFF üstünde ≥ 4.5:1). */
html[data-tema="ada"].canli .v2-topbar__end .v2-btn--primary {
  color: #FFFFFF; background: var(--ac-birincil);
  box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 -2px 0 rgba(0,0,0,.12) inset, 0 10px 22px -8px rgba(91,72,255,.7);
}
html[data-tema="ada"].canli .v2-topbar__end .v2-btn--primary .v2-icon { color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3); }
html[data-tema="ada"].canli .v2-topbar__end .v2-btn--primary:hover {
  box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 -2px 0 rgba(0,0,0,.12) inset, 0 14px 28px -8px rgba(91,72,255,.85);
}
html[data-tema="ada"].canli .v2-topbar__end .v2-btn--primary:focus-visible { outline: none; box-shadow: var(--ac-odak); }

/* 12. Başlıklarda her kelimenin baş harfi büyük (2026-10-28 sahip). İngilizce sayfada CSS capitalize doğru çalışır; Türkçede
   "i" → "I" hatası olduğu için Türkçe sayfayı shared/services/baslikHarf.js düzeltir (toLocaleUpperCase tr). Oyun ekranları hariç. */
html[lang|="en"] body.v2-page:not(.v2-game-page) :is(h1, h2, h3, h4, .lp-dunya__ad, .kx-card__t, .iz-kart__baslik, .kx-durak .t, .at-kart__ad) { text-transform: capitalize; }