/* Oyunlar (/lessons/) — Ada Cam eşlemesi (D116). Yalnız html[data-tema="ada"].canli altında; v2 lessons.css değişmez
   (?tema=yok, ?kabuk=eski eski görünümü verir). Ortak dil: shared/styles/v3/ada-cam.css.
   Renk anlamı: sınıf ekranında renk = sınıf bandı (data-band), paket ve yol ekranında renk = paket (data-renk).
   Üç ekran: sınıf seçimi → paket kartları (#dunyalar) → paketin yolu (#dunyaYol); ikincil: Tüm oyun listesi (#etkinlikler). */

/* -- renk eşlemesi: v2 paket renkleri → Ada aileleri (degrade + gölge + koyu metin tonu) -- */
html[data-tema="ada"].canli [data-renk="yellow"] { --ra: #FFD24A; --rb: #FF9A1F; --rr: 255, 170, 40; --ri: #8A4B00; }
html[data-tema="ada"].canli [data-renk="blue"]   { --ra: #38BDF8; --rb: #3B6CFF; --rr: 56, 140, 255; --ri: #1D4FC4; }
html[data-tema="ada"].canli [data-renk="green"]  { --ra: #34D9B0; --rb: #14B8C8; --rr: 20, 190, 170; --ri: #0B6E66; }
html[data-tema="ada"].canli [data-renk="tomato"] { --ra: #FF9A6B; --rb: #FF5C7A; --rr: 255, 110, 110; --ri: #B0302E; }
html[data-tema="ada"].canli .grade[data-band="12"] { --ra: #FFD24A; --rb: #FF9A1F; --rr: 255, 170, 40; }
html[data-tema="ada"].canli .grade[data-band="34"] { --ra: #8BE36B; --rb: #22B07D; --rr: 50, 190, 120; }
html[data-tema="ada"].canli .grade[data-band="56"] { --ra: #38BDF8; --rb: #3B6CFF; --rr: 56, 140, 255; }
html[data-tema="ada"].canli .grade[data-band="78"] { --ra: #FF9A6B; --rb: #FF5C7A; --rr: 255, 110, 110; }

/* -- başlık bandı: kalın alt çizgi yok, başlık Nunito 900, sayılar mono değil -- */
html[data-tema="ada"].canli .lp-head { border-bottom: 0; background: transparent; }
html[data-tema="ada"].canli .lp-head h1 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; line-height: 1.04; font-size: clamp(2.1rem, 1.4rem + 2.6vw, 3.2rem); }
html[data-tema="ada"].canli .lp-head__lead { color: var(--ac-metin-2); }
html[data-tema="ada"].canli :is(.lp-head__lead b, #lpLeadBant b) { font-family: var(--ac-font-baslik); font-weight: 900; color: var(--ac-metin); }
html[data-tema="ada"].canli body.v2-page .sec + .sec { border-top: 0; }

/* -- arama kutusu ve görünüm bağlantıları: cam -- */
html[data-tema="ada"].canli .lp-ara__form .v2-input {
  border: 1px solid var(--ac-kenar); border-radius: 999px; background: rgba(255,255,255,.8); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 8px 20px -14px rgba(var(--ac-golge-r), .45);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
html[data-tema="ada"].canli .lp-ara__form .v2-input:focus { outline: none; background: #FFFFFF; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .lp-ara__form .v2-input::placeholder { color: var(--ac-metin-3); }
html[data-tema="ada"].canli .lp-ara__form > .v2-icon { z-index: 1; }   /* büyüteç cam kutunun arkasında kalmasın */
html[data-tema="ada"].canli .lp-ara__gorunum .lp-gorunum__b {
  border: 1px solid var(--ac-kenar); background: rgba(255,255,255,.74); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 4px 12px -8px rgba(var(--ac-golge-r), .35);
}
html[data-tema="ada"].canli .lp-ara__gorunum .lp-gorunum__b:hover { background: #FFFFFF; }
html[data-tema="ada"].canli .lp-ara__liste { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .lp-ara__liste:hover { color: #4B2FD1; }

/* -- sınıf kartları: cam + bant renginde yumuşak yıkama; ikon degrade çıkartma -- */
html[data-tema="ada"].canli .grades { gap: 18px; }
html[data-tema="ada"].canli .grade {
  isolation: isolate; overflow: hidden; border: 1px solid var(--ac-kenar); border-radius: var(--ac-r); color: var(--ac-metin);
  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 .grade::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), .2), transparent 58%),
              radial-gradient(90% 70% at 100% 100%, rgba(var(--rr), .08), transparent 60%);
}
html[data-tema="ada"].canli .grade:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(var(--rr), .25), var(--ac-golge-ust), 0 18px 40px -22px rgba(var(--rr), .6), inset 0 1px 0 #FFFFFF;
}
html[data-tema="ada"].canli .grade:active { transform: translateY(-1px) scale(.995); }
html[data-tema="ada"].canli .grade:focus-visible { outline: none; box-shadow: var(--ac-odak), var(--ac-golge-ust); }
/* seçili: siyah dış çerçeve yerine lavanta → mavi halka */
html[data-tema="ada"].canli .grade[aria-pressed="true"] {
  outline: none; background: rgba(255,255,255,.92);
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 5px #7B5CFF, 0 16px 32px -14px rgba(91,72,255,.55);
}
html[data-tema="ada"].canli .grade__num { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; }
html[data-tema="ada"].canli .grade__num small { font-family: var(--v2-font-body); color: var(--ac-metin-2); }
html[data-tema="ada"].canli .grade__age { font-family: var(--v2-font-body); font-weight: 800; color: var(--ac-metin-2); }
html[data-tema="ada"].canli .grade__ic {
  border: 0; border-radius: 16px; background: linear-gradient(140deg, var(--ra), var(--rb));
  box-shadow: 0 8px 18px -8px rgba(var(--rr), .8), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -2px 0 rgba(0,0,0,.08);
}
html[data-tema="ada"].canli .grade__ic .v2-icon { color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3); }
html[data-tema="ada"].canli .lp-bantozet__ad { font-family: var(--ac-font-baslik); font-weight: 900; }

/* -- 1. ekran: paket kartları -- */
html[data-tema="ada"].canli .lp-dunya-liste { gap: 20px; }
html[data-tema="ada"].canli .lp-dunya {
  isolation: isolate; border: 1px solid var(--ac-kenar); border-radius: var(--ac-r); color: var(--ac-metin);
  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);
}
/* üstteki 6 px renk şeridi yerine köşeden yumuşak renk yıkaması */
html[data-tema="ada"].canli .lp-dunya::after {
  inset: 0; height: auto; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(120% 85% at 0% 0%, rgba(var(--rr), .18), transparent 56%),
              radial-gradient(80% 60% at 100% 100%, rgba(var(--rr), .07), transparent 60%);
}
html[data-tema="ada"].canli .lp-dunya:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 0 1px rgba(var(--rr), .25), var(--ac-golge-ust), 0 22px 44px -24px rgba(var(--rr), .7), inset 0 1px 0 #FFFFFF;
}
html[data-tema="ada"].canli .lp-dunya:active { transform: translateY(-1px) scale(.995); }
html[data-tema="ada"].canli .lp-dunya:focus-visible { outline: none; box-shadow: var(--ac-odak), var(--ac-golge-ust); }
html[data-tema="ada"].canli .lp-dunya__ic {
  width: 72px; height: 72px; border: 0; border-radius: 22px; background: linear-gradient(140deg, var(--ra), var(--rb));
  box-shadow: 0 10px 22px -10px rgba(var(--rr), .85), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -2px 0 rgba(0,0,0,.08);
}
html[data-tema="ada"].canli .lp-dunya__ic .v2-icon { width: 42px; height: 42px; color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3); }
html[data-tema="ada"].canli .lp-dunya__rol {
  font-family: var(--v2-font-body); letter-spacing: .02em; color: var(--ri); padding: 2px 10px; border-radius: 999px;
  background: rgba(var(--rr), .13);
}
html[data-tema="ada"].canli .lp-dunya__ad { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.01em; }
html[data-tema="ada"].canli .lp-dunya__kisa { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .lp-dunya__say { font-family: var(--v2-font-body); color: var(--ac-metin); }
html[data-tema="ada"].canli :is(.lp-dunya__kilit, .lp-dunya__acik) { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .lp-dunya__bar .v2-progress__bar { background: linear-gradient(90deg, var(--ra), var(--rb)); }
/* siyah daire ok → kartın renginde yumuşak hap; üstüne gelince degrade */
html[data-tema="ada"].canli .lp-dunya__git {
  width: 40px; height: 40px; color: var(--ri); background: rgba(var(--rr), .14); box-shadow: inset 0 0 0 1px rgba(var(--rr), .18);
  transition: background-color .2s, color .2s, transform .25s var(--ac-ease);
}
html[data-tema="ada"].canli .lp-dunya:hover .lp-dunya__git { color: #1B1846; background: linear-gradient(140deg, var(--ra), var(--rb)); transform: translateX(2px); }
html[data-tema="ada"].canli .lp-dunya:is([data-renk="blue"], [data-renk="tomato"]):hover .lp-dunya__git { color: #FFFFFF; }

/* -- 2. ekran: paketin yolu -- */
html[data-tema="ada"].canli .lp-yolbas__ic {
  border: 0; border-radius: 22px; background: linear-gradient(140deg, var(--ra, #9B7BFF), var(--rb, #5B6CFF));
  box-shadow: 0 10px 22px -10px rgba(var(--rr, 123, 92, 255), .85), inset 0 1px 0 rgba(255,255,255,.45);
}
html[data-tema="ada"].canli .lp-yolbas__ic .v2-icon { color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3); }
html[data-tema="ada"].canli .lp-yolbas__metin h2 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.015em; }
html[data-tema="ada"].canli :is(.lp-yolbas__rol, .lp-yolbas__bant) { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .lp-yolbas__ilerleme {
  padding: 12px 16px; border: 1px solid var(--ac-kenar); border-radius: 18px; background: rgba(255,255,255,.66);
  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 .lp-yolbas__ilerleme .v2-progress__bar { background: linear-gradient(90deg, var(--ra, #34D9B0), var(--rb, #22B07D)); }
html[data-tema="ada"].canli :is(#dunyaYol, #yolum) .v2-progress-label span:last-child { font-family: var(--v2-font-body); font-weight: 800; color: var(--ac-metin-2); }

/* Sıradaki: ekranın tek birincil eylemi (sarı "Başla") burada kalır */
html[data-tema="ada"].canli .lp-siradaki__in {
  position: relative; isolation: isolate; 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-ust), inset 0 1px 0 #FFFFFF; -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .lp-siradaki__in::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(70% 120% at 0% 0%, rgba(var(--rr, 255, 170, 40), .2), transparent 60%);
}
html[data-tema="ada"].canli .lp-siradaki__ic {
  border: 0; background: linear-gradient(140deg, #9B7BFF, #4F6BFF); box-shadow: 0 10px 20px -10px rgba(91,72,255,.85), inset 0 1px 0 rgba(255,255,255,.5);
}
html[data-tema="ada"].canli .lp-siradaki__ic .v2-icon { color: #1B1846; --v2-icon-fill: rgba(255,255,255,.55); }
html[data-tema="ada"].canli .lp-siradaki__in.is-kilit .lp-siradaki__ic { background: rgba(123,92,255,.12); box-shadow: inset 0 0 0 1px rgba(91,72,200,.16); }
html[data-tema="ada"].canli .lp-siradaki__etiket { font-family: var(--v2-font-body); letter-spacing: .03em; color: var(--ri, var(--ac-metin-2)); }
html[data-tema="ada"].canli .lp-siradaki__ad { font-family: var(--ac-font-baslik); font-weight: 900; }

/* YZ Şehri kapısı ve diğer kapılar: cam kart, ikincil eylem (siyah dolgu yok) */
html[data-tema="ada"].canli .lp-robot__kapi {
  position: relative; isolation: isolate; border: 1px solid var(--ac-kenar); border-radius: var(--ac-r); color: var(--ac-metin);
  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);
  --kr: 56, 140, 255; --ka: #38BDF8; --kb: #3B6CFF;
}
html[data-tema="ada"].canli .lp-robot__kapi--sehir { --kr: 255, 170, 40; --ka: #FFD24A; --kb: #FF9A1F; }
html[data-tema="ada"].canli .lp-robot__kapi--dg { --kr: 20, 190, 170; --ka: #34D9B0; --kb: #14B8C8; }
html[data-tema="ada"].canli .lp-robot__kapi--mo { --kr: 255, 130, 60; --ka: #FFB347; --kb: #FF7A3D; }
html[data-tema="ada"].canli .lp-robot__kapi::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(60% 120% at 0% 0%, rgba(var(--kr), .16), transparent 60%);
}
html[data-tema="ada"].canli .lp-robot__kapi:hover { transform: translateY(-3px); box-shadow: 0 0 0 1px rgba(var(--kr), .25), var(--ac-golge-ust), inset 0 1px 0 #FFFFFF; }
html[data-tema="ada"].canli .lp-robot__kapi:focus-visible { outline: none; box-shadow: var(--ac-odak), var(--ac-golge-ust); }
html[data-tema="ada"].canli .lp-robot__gorsel {
  border: 0; border-radius: 24px; background: linear-gradient(140deg, var(--ka), var(--kb));
  box-shadow: 0 12px 24px -12px rgba(var(--kr), .85), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -2px 0 rgba(0,0,0,.08);
}
html[data-tema="ada"].canli .lp-robot__gorsel .v2-icon { color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3); }
html[data-tema="ada"].canli .lp-robot__ad { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .lp-robot__alt { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .lp-sehir__nasil { color: var(--ac-metin); }
html[data-tema="ada"].canli .lp-robot__go {
  border: 1px solid var(--ac-kenar); color: var(--ac-metin); background: rgba(255,255,255,.82); border-radius: 999px;
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 8px 18px -12px rgba(var(--ac-golge-r), .5);
  transition: background-color .2s, color .2s, box-shadow .2s;
}
html[data-tema="ada"].canli .lp-robot__kapi:hover .lp-robot__go { color: #FFFFFF; background: var(--ac-birincil); border-color: transparent; box-shadow: 0 10px 22px -10px rgba(91,72,255,.7); }

/* Duraklar: cam satırlar; kilitli = sakin, soluk cam (kesik çizgi yok) */
html[data-tema="ada"].canli .lp-yolu::before { background: repeating-linear-gradient(180deg, rgba(var(--rr, 123, 92, 255), .45) 0 14px, transparent 14px 24px); opacity: 1; width: 6px; margin-left: -3px; }
html[data-tema="ada"].canli .lp-durak__nokta {
  border: 1px solid var(--ac-kenar); background: rgba(255,255,255,.9); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 6px 14px -8px rgba(var(--ac-golge-r), .45);
  font-family: var(--ac-font-baslik); font-weight: 900;
}
html[data-tema="ada"].canli .lp-durak__govde {
  border: 1px solid var(--ac-kenar); border-radius: 18px; background: rgba(255,255,255,.78);
  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 .lp-durak__a:hover .lp-durak__govde { background: #FFFFFF; }
html[data-tema="ada"].canli .lp-durak__a:focus-visible { outline: none; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .lp-durak.is-done .lp-durak__nokta { border-color: transparent; color: #FFFFFF; background: linear-gradient(140deg, #34D9B0, #22B07D); box-shadow: 0 8px 16px -8px rgba(20,190,170,.8); }
html[data-tema="ada"].canli .lp-durak.is-done .lp-durak__nokta .v2-icon { color: #FFFFFF; }
html[data-tema="ada"].canli .lp-durak.is-locked .lp-durak__nokta { border-style: solid; background: rgba(255,255,255,.6); color: var(--ac-metin-3); box-shadow: 0 0 0 1px rgba(91,72,200,.1); }
html[data-tema="ada"].canli .lp-durak.is-locked .lp-durak__govde { border-style: solid; background: rgba(255,255,255,.5); box-shadow: 0 0 0 1px rgba(91,72,200,.1); }
html[data-tema="ada"].canli .lp-durak.is-locked .lp-durak__ad { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .lp-durak.is-locked .lp-durak__kilit { color: var(--ac-metin-2); font-weight: 700; }
html[data-tema="ada"].canli .lp-durak.is-next .lp-durak__nokta {
  border: 0; color: #FFFFFF; background: linear-gradient(140deg, #9B7BFF, #4F6BFF);
  box-shadow: 0 0 0 6px rgba(123,92,255,.28), 0 10px 20px -8px rgba(91,72,255,.8);
}
html[data-tema="ada"].canli .lp-durak.is-next .lp-durak__govde {
  position: relative; isolation: isolate; border-width: 1px; background: rgba(255,255,255,.9);
  box-shadow: 0 0 0 1px rgba(var(--rr, 255, 170, 40), .3), var(--ac-golge);
}
html[data-tema="ada"].canli .lp-durak.is-next .lp-durak__govde::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(80% 140% at 0% 0%, rgba(var(--rr, 255, 170, 40), .18), transparent 65%);
}
html[data-tema="ada"].canli .lp-durak.is-next .lp-durak__ad { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .lp-durak__etiket { color: #FFFFFF; background: var(--ac-birincil); }
@keyframes lpAdaNabiz { 0%, 100% { box-shadow: 0 0 0 6px rgba(123,92,255,.28), 0 10px 20px -8px rgba(91,72,255,.8); } 50% { box-shadow: 0 0 0 12px rgba(123,92,255,.08), 0 10px 20px -8px rgba(91,72,255,.8); } }
@media (prefers-reduced-motion: no-preference) {
  html[data-tema="ada"].canli .lp-durak.is-next .lp-durak__nokta { animation-name: lpAdaNabiz; }
}

/* -- Tüm oyun listesi: Yolum kartı, yapışkan konu çubuğu, sayaç -- */
html[data-tema="ada"].canli .lp-yol__ic {
  border: 0; border-radius: 15px; background: linear-gradient(140deg, #34D9B0, #14B8C8);
  box-shadow: 0 8px 18px -8px rgba(20,190,170,.8), inset 0 1px 0 rgba(255,255,255,.45);
}
html[data-tema="ada"].canli .lp-yol__ic .v2-icon { color: #FFFFFF; }
html[data-tema="ada"].canli .lp-yol__top h3 { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .lp-yol__game {
  border: 1px solid var(--ac-kenar); border-radius: 18px; background: rgba(255,255,255,.8);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 6px 16px -12px rgba(var(--ac-golge-r), .4);
}
html[data-tema="ada"].canli .lp-yol__game:hover { background: #FFFFFF; box-shadow: 0 0 0 1px rgba(123,92,255,.22), var(--ac-golge); }
html[data-tema="ada"].canli .lp-yol__game.is-locked { background: rgba(255,255,255,.55); box-shadow: 0 0 0 1px rgba(91,72,200,.1); }
html[data-tema="ada"].canli .lp-yol__tile {
  border: 0; border-radius: 14px; background: linear-gradient(140deg, #9B7BFF, #4F6BFF); box-shadow: 0 6px 14px -8px rgba(91,72,255,.8);
}
html[data-tema="ada"].canli .lp-yol__tile .v2-icon { color: #1B1846; --v2-icon-fill: rgba(255,255,255,.55); }
html[data-tema="ada"].canli .lp-yol__go { color: #4B2FD1; }
/* konu çubuğu: kenardan kenara düz şerit yerine yuvarlak cam raf (yapışkanlık aynı) */
html[data-tema="ada"].canli .filters {
  margin-inline: 0; padding: 8px 10px; border: 1px solid var(--ac-kenar); border-radius: 22px; background: rgba(244,241,255,.76);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 10px 24px -18px rgba(var(--ac-golge-r), .5);
  -webkit-backdrop-filter: blur(16px) saturate(1.5); backdrop-filter: blur(16px) saturate(1.5);
}
@media (min-width: 900px) { html[data-tema="ada"].canli .filters { top: 8px; } }
/* oyun kartı alt satırı: daktilo yazı ve kutulu bant yerine düz metin + yuvarlak bant noktası */
html[data-tema="ada"].canli #acts .v2-game__meta { font-family: var(--v2-font-body); font-weight: 700; color: var(--ac-metin-2); }
html[data-tema="ada"].canli #acts .v2-game__band { padding: 0; border: 0; background: none; box-shadow: none; }
html[data-tema="ada"].canli #acts .v2-game__band::before { border: 0; border-radius: 50%; box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px rgba(27,24,70,.12); }
html[data-tema="ada"].canli #acts .v2-game__title { font-family: var(--ac-font-baslik); font-weight: 800; }
html[data-tema="ada"].canli .count { font-family: var(--v2-font-body); font-weight: 700; color: var(--ac-metin-2); }
html[data-tema="ada"].canli .section-head h2, html[data-tema="ada"].canli .lp-dunyalar__h { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.015em; }

/* Raflar (Öne çıkan, Yaratıcı stüdyo) */
html[data-tema="ada"].canli .feat {
  border: 1px solid var(--ac-kenar); border-radius: 20px; 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 .feat:hover { box-shadow: 0 0 0 1px rgba(123,92,255,.22), var(--ac-golge-ust); }
html[data-tema="ada"].canli .feat__tile { border: 0; border-radius: 15px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.8), 0 6px 14px -8px rgba(var(--ac-golge-r), .45); }
html[data-tema="ada"].canli .feat.is-locked { background: rgba(255,255,255,.55); }

/* -- mobil: paket kartı ikonu biraz küçülür, ok metinle çakışmaz -- */
@media (max-width: 559.98px) {
  html[data-tema="ada"].canli .lp-dunya__ic { width: 60px; height: 60px; border-radius: 18px; }
  html[data-tema="ada"].canli .lp-dunya__ic .v2-icon { width: 34px; height: 34px; }
  html[data-tema="ada"].canli .lp-yolbas__ic { width: 60px; height: 60px; border-radius: 18px; }
}

/* -- hareket azaltma ve zayıf cihaz -- */
@media (prefers-reduced-motion: reduce) {
  html[data-tema="ada"].canli :is(.grade, .lp-dunya, .lp-robot__kapi, .lp-dunya__git, .lp-robot__go) { transition: none; }
  html[data-tema="ada"].canli :is(.grade, .lp-dunya, .lp-robot__kapi):hover, html[data-tema="ada"].canli .lp-dunya:hover .lp-dunya__git { transform: none; }
}
html:is(.efekt-az, .a11y-calm)[data-tema="ada"].canli :is(.grade, .lp-dunya, .lp-robot__kapi, .lp-siradaki__in, .lp-durak__govde, .lp-yolbas__ilerleme, .filters, .feat, .lp-ara__form .v2-input) {
  -webkit-backdrop-filter: none; backdrop-filter: none; transform: none; transition: none;
}
html:is(.efekt-az, .a11y-calm)[data-tema="ada"].canli .lp-durak.is-next .lp-durak__nokta { animation: none; }

/* D125: başlık bandı ortak sayfa başlığı düzenine bağlandı (ada-cam.css §2e); burada yalnız arama ve bağlantı satırı. */
html[data-tema="ada"].canli .lp-ara__form .v2-input { min-height: 52px; }
html[data-tema="ada"].canli .lp-ara__liste {
  min-height: 40px; padding: 0 14px; border-radius: 999px; text-decoration: none; color: var(--ac-metin);
  background: rgba(255,255,255,.7); border: 1px solid var(--ac-kenar); box-shadow: 0 0 0 1px var(--ac-cizgi);
}
html[data-tema="ada"].canli .lp-ara__liste:hover { background: #FFFFFF; }
html[data-tema="ada"].canli .lp-ara__liste span { text-decoration: none; }
html[data-tema="ada"].canli .lp-ara__gorunum { justify-content: flex-start; }

/* ================================================================ Sahneli paket kartları (2026-10-27 sahip örneği)
   Üstte paketin yüzen ada sahnesi (assets/oyunlar/paket/<paket>.webp; Higgsfield, KAYNAKLAR §11.3 #34; dosya yoksa paket degradesi),
   sol üstte oyun sayısı + cam başlık hapı, sağ üstte cam ok; altta "x / y bitti" sekmesi sahneye taşar, ilerleme çubuğu beyaz şeritte.
   İkon ve kısa açıklama yok. Geniş ekranda 2 sütun. */
@media (min-width: 1100px) { html[data-tema="ada"].canli .lp-dunya-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
html[data-tema="ada"].canli .lp-dunya-liste { gap: 24px; }
html[data-tema="ada"].canli .lp-dunya { display: block; padding: 0; overflow: hidden; border-radius: 30px; background: rgba(255,255,255,.92); }
html[data-tema="ada"].canli .lp-dunya::after { content: none; }
html[data-tema="ada"].canli .lp-dunya[data-paket="yz"] { --lp-sahne: url("../../assets/oyunlar/paket/yz.webp?v=4"); }
html[data-tema="ada"].canli .lp-dunya[data-paket="robotik"] { --lp-sahne: url("../../assets/oyunlar/paket/robotik.webp?v=4"); }
html[data-tema="ada"].canli .lp-dunya[data-paket="dg"] { --lp-sahne: url("../../assets/oyunlar/paket/dg.webp?v=4"); }
html[data-tema="ada"].canli .lp-dunya[data-paket="mo"] { --lp-sahne: url("../../assets/oyunlar/paket/mo.webp?v=4"); }
html[data-tema="ada"].canli .lp-dunya[data-paket="zo"] { --lp-sahne: url("../../assets/oyunlar/paket/zo.webp?v=4"); }
html[data-tema="ada"].canli .lp-dunya__sahne {
  display: block; aspect-ratio: 16 / 9; overflow: hidden; position: relative;
  background: linear-gradient(150deg, rgba(var(--rr), .35), rgba(var(--rr), .12));
}
html[data-tema="ada"].canli .lp-dunya__sahne::before {
  content: ""; position: absolute; inset: 0; background: var(--lp-sahne, none) center / cover no-repeat; transition: transform .7s var(--ac-ease);
}
html[data-tema="ada"].canli .lp-dunya:hover .lp-dunya__sahne::before { transform: scale(1.05); }
html[data-tema="ada"].canli .lp-dunya__metin {
  position: absolute; top: 18px; left: 22px; z-index: 1; display: grid; gap: 8px; justify-items: start; max-width: calc(100% - 110px); padding: 0;
}
html[data-tema="ada"].canli .lp-dunya__rol { box-shadow: 0 4px 12px -6px rgba(var(--ac-golge-r), .5); background: rgba(255,255,255,.88); }
html[data-tema="ada"].canli .lp-dunya__ad {
  padding: 8px 16px 9px; border-radius: 18px; font-size: clamp(1.25rem, 2.2vw, 1.75rem); line-height: 1.12; color: var(--ac-metin);
  background: rgba(255,255,255,.84); box-shadow: 0 10px 24px -14px rgba(var(--ac-golge-r), .7), inset 0 1px 0 #FFFFFF;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
html[data-tema="ada"].canli .lp-dunya__git {
  top: 18px; right: 18px; z-index: 1; width: 52px; height: 52px; color: var(--ac-metin); background: rgba(255,255,255,.86);
  box-shadow: 0 10px 22px -12px rgba(var(--ac-golge-r), .7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
html[data-tema="ada"].canli .lp-dunya__git .v2-icon { width: 24px; height: 24px; }
html[data-tema="ada"].canli .lp-dunya__alt { position: relative; padding: 0 24px 22px; }
/* "x / y bitti" sahnenin alt kenarına taşan beyaz sekme */
html[data-tema="ada"].canli .lp-dunya__say {
  justify-self: start; margin-top: -40px; padding: 10px 22px 6px 24px; margin-left: -24px; border-radius: 0 22px 0 0;
  background: rgba(255,255,255,.95); font-size: var(--v2-text-md); font-weight: 800;
}
html[data-tema="ada"].canli :is(.lp-dunya__kilit, .lp-dunya__acik) { margin-top: -40px; align-self: start; padding: 10px 0 0; color: #FFFFFF; text-shadow: 0 1px 6px rgba(0,0,0,.45); }
html[data-tema="ada"].canli .lp-dunya__bar { height: 14px; margin-top: 4px; }
@media (max-width: 699.98px) {
  html[data-tema="ada"].canli .lp-dunya__metin { top: 14px; left: 16px; max-width: calc(100% - 84px); }
  html[data-tema="ada"].canli .lp-dunya__git { top: 14px; right: 14px; width: 44px; height: 44px; }
  html[data-tema="ada"].canli .lp-dunya__alt { padding: 0 18px 18px; }
  html[data-tema="ada"].canli .lp-dunya__say { margin-left: -18px; padding-left: 18px; }
}
@media (prefers-reduced-motion: reduce) { html[data-tema="ada"].canli .lp-dunya:hover .lp-dunya__sahne::before { transform: none; } }

/* ---- Stüdyo görselleri (2026-10-28 sahip örneği): açık lavanta stüdyo, robot sağda; başlık solda büyük ve yalın (cam hap yok),
   oyun sayısı gri hap, alt şerit sade. Görseller Higgsfield (KAYNAKLAR §11.3 #34, sahibin örneği referans); eskileri assets/yedek/kart-ada-2026-10-27/. */
html[data-tema="ada"].canli .lp-dunya__metin { top: 26px; left: 30px; bottom: auto; max-width: 52%; gap: 14px; }
html[data-tema="ada"].canli .lp-dunya__rol { background: rgba(123,92,255,.10); color: var(--ac-metin-2); box-shadow: none; }
html[data-tema="ada"].canli .lp-dunya__ad {
  padding: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
  font-size: clamp(1.7rem, 3.2vw, 2.7rem); line-height: 1.04; letter-spacing: -.025em; color: #0F0E1A;
}
html[data-tema="ada"].canli .lp-dunya__git { background: rgba(255,255,255,.92); }
html[data-tema="ada"].canli .lp-dunya__alt { padding: 16px 30px 24px; border-top: 1px solid rgba(91,72,200,.10); }
html[data-tema="ada"].canli .lp-dunya__say { margin: 0; padding: 0; background: none; border-radius: 0; font-size: 1.1rem; font-weight: 700; }
html[data-tema="ada"].canli :is(.lp-dunya__kilit, .lp-dunya__acik) { margin: 0; padding: 0; color: var(--ac-metin-2); text-shadow: none; }
@media (max-width: 699.98px) { html[data-tema="ada"].canli .lp-dunya__metin { top: 16px; left: 18px; max-width: 56%; } html[data-tema="ada"].canli .lp-dunya__alt { padding: 14px 18px 18px; } }
/* 2026-10-28 sahip: kartın sol üstündeki oyun sayısı görünmesin (ekran okuyucu için metin kalır) */
html[data-tema="ada"].canli .lp-dunya__rol { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }

/* ================================================================ Sınıf kartları: Dersler / Atölye / ana sayfa kart dili (2026-10-28 sahip)
   Cam kart + sağ altta 3B sınıf illüstrasyonu (assets/anasayfa/sinif-*.webp, ana sayfadakiyle aynı; KAYNAKLAR §30). İkon sahneyle çakışmasın diye gizli,
   sınıf/yaş yazısı solda kalır. Seçili kart lavanta halkasını korur. */
html[data-tema="ada"].canli .grades > .grade {
  min-height: 250px; padding: 20px 22px 120px; align-content: start;
  background: var(--sanat) right bottom / contain no-repeat, var(--ac-cam);
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
html[data-tema="ada"].canli .grades > .grade::after { display: none; }
html[data-tema="ada"].canli .grades > .grade[aria-pressed="true"] { background: var(--sanat) right bottom / contain no-repeat, rgba(255,255,255,.92); }
html[data-tema="ada"].canli .grades > .grade .grade__ic { display: none; }
html[data-tema="ada"].canli .grades > .grade[data-band="12"] { --sanat: url("../../assets/anasayfa/sinif-robot-12.webp?v=3"); }
html[data-tema="ada"].canli .grades > .grade[data-band="34"] { --sanat: url("../../assets/anasayfa/sinif-robot-34.webp?v=3"); }
html[data-tema="ada"].canli .grades > .grade[data-band="56"] { --sanat: url("../../assets/anasayfa/sinif-robot-56.webp?v=3"); }
html[data-tema="ada"].canli .grades > .grade[data-band="78"] { --sanat: url("../../assets/anasayfa/sinif-robot-78.webp?v=3"); }
@media (max-width: 767.98px) { html[data-tema="ada"].canli .grades > .grade { min-height: 200px; padding-bottom: 96px; } }

/* "Yapay Zekâ ve Kodlama" paket başlığı iki satır: "Yapay Zekâ" / "ve Kodlama" (sahip) */
html[data-tema="ada"].canli .lp-dunya[data-paket="yz"] .lp-dunya__ad { max-width: 8.6em; text-wrap: balance; }

/* Sınıf robotları (oyunlar sayfası): ana sayfayla aynı görseller; seçili kart lavanta zemin + mor çerçeve + onay işareti */
html[data-tema="ada"].canli .grades > .grade { background: var(--sanat) right 6px bottom 4px / auto 70% no-repeat, var(--ac-cam); }
html[data-tema="ada"].canli .grades > .grade[aria-pressed="true"] {
  background: var(--sanat) right 6px bottom 4px / auto 70% no-repeat, #EBE2FF;
  box-shadow: 0 0 0 2px #B58CFF, 0 16px 32px -16px rgba(124,92,255,.5);
}
html[data-tema="ada"].canli .grades > .grade[aria-pressed="true"]::before {
  content: ""; position: absolute; top: 16px; right: 16px; width: 38px; height: 38px; border-radius: 50%; z-index: 2;
  background: #8B5CF6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 22px no-repeat;
}
html[data-tema="ada"].canli .grades > .grade .grade__num { font-size: clamp(2.6rem, 2rem + 2vw, 3.6rem); line-height: 1; font-weight: 900; color: #15131F; }
html[data-tema="ada"].canli .grades > .grade .grade__num small { display: block; margin-top: 6px; font-size: 1.25rem; font-weight: 800; color: #15131F; text-transform: capitalize; }

/* D189 ek (2026-11-02 sahip): Oyunlar sayfası sınıf kartında da "sınıf" sayının yanında; yaş yazısıyla arada boşluk */
html[data-tema="ada"].canli .grades > .grade .grade__num { display: inline-flex; align-items: baseline; gap: .3em; }
html[data-tema="ada"].canli .grades > .grade .grade__num small { display: inline; margin-top: 0; }
html[data-tema="ada"].canli .grades > .grade .grade__top { margin-bottom: 10px; }
/* dar ekranda robot yaş yazısının üstüne binmesin: kart biraz uzar, robot küçülür */
@media (max-width: 599.98px) {
  html[data-tema="ada"].canli .grades > .grade, html[data-tema="ada"].canli .grades > .grade[aria-pressed="true"] { min-height: 224px; background-size: auto 50%, auto; }
}