/* Güncel Oyun Oyna - Eğitici Oyunlar (liste + etkinlik motoru) */
.gizli,[hidden]{display:none!important}

/* ---------------- bölüm başlığı (hero) ---------------- */
.egHero{position:relative;overflow:hidden;padding:34px 0 26px;border-bottom:1px solid var(--cizgi);
  background:radial-gradient(ellipse at 90% -10%,#1f6f8b 0%,transparent 55%),radial-gradient(ellipse at 0% 120%,#5b2a86 0%,transparent 55%),var(--zemin2)}
.egHero::after{content:'➕ ✏️ 🔬 📐 🌍 🔤 💡 📖 ➗ 🧪';position:absolute;right:-10px;top:8px;font-size:30px;letter-spacing:14px;opacity:.13;white-space:nowrap;transform:rotate(-6deg);pointer-events:none}
.egHero h1{font-size:clamp(30px,4.6vw,48px);margin:4px 0 8px}
.egHero h1 span{color:#5ee0c8}
.egHero p.egGiris{font-size:18px;color:#c9d0ea;max-width:760px;margin:0}
.egYol{font-size:14px;margin:0;color:var(--soluk)}
.egRozetler{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:14px;color:var(--soluk);font-weight:800;font-size:14px}
.egNotEn{margin-top:14px;background:#16325c;border:1px solid #2b5291;border-radius:12px;padding:10px 14px;font-size:15px;color:#d8e8ff;max-width:820px}
.egBenim{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;background:#ffffff0c;border:1px solid var(--cizgi);border-radius:14px;padding:10px 14px;font-weight:800;font-size:15px;max-width:820px}
.egBenim b{color:#ffd166}
.egBenim>span{flex:1 1 220px}

/* ---------------- süzgeç çubuğu ---------------- */
.egSuzgec{position:sticky;top:64px;z-index:15;background:var(--zemin);padding:10px 0 10px;margin:8px 0 12px;border-bottom:1px solid #ffffff0d}
.egAraKutu{display:flex;align-items:center;gap:8px;background:var(--panel);border:2px solid var(--cizgi);border-radius:14px;padding:0 12px}
.egAraKutu:focus-within{border-color:var(--vurgu)}
.egAraKutu span{font-size:18px;opacity:.8}
.egAraKutu input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--yazi);font:inherit;font-size:16px;padding:12px 0}
.egAraKutu input::-webkit-search-cancel-button{display:none}
.egAraKutu button{background:none;border:0;color:var(--yazi);opacity:.7;font-size:16px;cursor:pointer;padding:6px}
.egCipler{display:flex;gap:8px;overflow-x:auto;padding-top:9px;scrollbar-width:none;align-items:center}
.egCipler::-webkit-scrollbar{display:none}
.egCipler .egCiplerBaslik{flex:0 0 auto;font-size:13px;font-weight:800;color:var(--soluk);margin-right:2px}
.egCipler a{flex:0 0 auto;background:var(--panel);border:1px solid var(--cizgi);color:var(--yazi);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none!important}
.egCipler a small{opacity:.6}
.egCipler a.aktif{background:var(--vurgu);border-color:var(--vurgu);color:#1a1200}
.egCipler a:hover{border-color:var(--vurgu)}
.egSonucBaslik{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:8px 0 14px;flex-wrap:wrap}
.egSonucBaslik h2{font-size:26px;margin:0}

/* ---------------- etkinlik kartları ---------------- */
.egIzgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
a.egKart{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--cizgi);border-radius:18px;overflow:hidden;color:var(--yazi);text-decoration:none!important;transition:transform .14s,box-shadow .14s,border-color .14s;min-width:0}
a.egKart:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0008;border-color:var(--d)}
.egKartUst{position:relative;height:92px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 25% 20%,#ffffff40 0 18%,transparent 19%),radial-gradient(circle at 85% 90%,#ffffff26 0 22%,transparent 23%),linear-gradient(135deg,var(--d),color-mix(in srgb,var(--d) 50%,#0b1020))}
.egKartEmoji{font-size:46px;filter:drop-shadow(0 4px 6px #0005)}
.egSinifRozet{position:absolute;top:9px;left:9px;background:#0b1020cc;color:#fff;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:800}
.egTamam{position:absolute;top:9px;right:9px;background:#16a34a;color:#fff;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 2px 6px #0006}
.egKartGovde{padding:11px 14px 13px;display:flex;flex-direction:column;flex:1;gap:4px}
.egDersEtiket{font-size:12px;font-weight:800;color:color-mix(in srgb,var(--d) 70%,#fff);text-transform:uppercase;letter-spacing:.3px}
.egKartGovde h3{font-size:19px;margin:0;line-height:1.2;flex:1;overflow-wrap:anywhere}
.egKartAlt{display:flex;gap:6px 10px;flex-wrap:wrap;font-size:13px;color:var(--soluk);font-weight:700;margin-top:6px}
.egSablonEtiket{background:#ffffff10;border-radius:8px;padding:1px 8px;color:var(--yazi)}
.egBos{text-align:center;padding:34px 12px;color:var(--soluk)}
.egDaha{text-align:center;margin:20px 0 4px}
.egYukleniyor{opacity:.5;transition:opacity .15s}

/* hero süsleri, vitrin, SSS, dil rozeti */
.egHeroIc{display:flex;gap:24px;align-items:center;justify-content:space-between}
.egHeroYazi{min-width:0;flex:1}
.egHeroSekil{flex:0 0 230px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.egHeroSekil span{display:grid;place-items:center;aspect-ratio:1;border-radius:20px;font-size:38px;background:#ffffff12;border:1px solid #ffffff1f;box-shadow:0 8px 20px #0005;animation:egZipla 3s ease-in-out infinite}
.egHeroSekil span:nth-child(1){background:#3b82f655}.egHeroSekil span:nth-child(2){background:#22c55e55;animation-delay:.3s}.egHeroSekil span:nth-child(3){background:#06b6d455;animation-delay:.6s}
.egHeroSekil span:nth-child(4){background:#a855f755;animation-delay:.9s}.egHeroSekil span:nth-child(5){background:#f59e0b55;animation-delay:1.2s}.egHeroSekil span:nth-child(6){background:#ef444455;animation-delay:1.5s}
@media (max-width:820px){.egHeroSekil{display:none}}
.egNotEn a{color:#ffd166;font-weight:800;white-space:nowrap}
.egCipler a.bos{opacity:.55}
.egDilRozet{align-self:flex-start;font-size:11px;font-weight:800;background:#ffffff14;border-radius:999px;padding:1px 8px;color:#cfd6f3}
.egSablonVitrin{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.egSablonVitrin span{background:#ffffff0f;border:1px solid var(--cizgi);border-radius:999px;padding:5px 12px;font-weight:800;font-size:14px}
.egSss details{background:var(--panel);border:1px solid var(--cizgi);border-radius:14px;padding:12px 16px;margin-bottom:10px}
.egSss summary{cursor:pointer;font-weight:800;font-size:17px}
.egSss p{margin:8px 0 2px}

/* yan bilgi / liderler */
.egAltIzgara{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;margin-top:30px}
.egAltIzgara>*{min-width:0}
@media (max-width:900px){.egAltIzgara{grid-template-columns:minmax(0,1fr)}}
.egMetin h2{font-size:24px;margin-top:0}
.egMetin p,.egMetin li{color:#d3d9ef}

/* ---------------- etkinlik sayfası ---------------- */
.egSayfa{padding-top:18px;padding-bottom:40px}
.egBaslik{display:flex;align-items:center;gap:12px;margin:6px 0 4px}
.egBaslik .ik{width:58px;height:58px;flex:0 0 58px;border-radius:16px;display:grid;place-items:center;font-size:32px;background:linear-gradient(135deg,var(--d),color-mix(in srgb,var(--d) 45%,#0b1020));box-shadow:0 4px 0 color-mix(in srgb,var(--d) 40%,#000)}
.egBaslik h1{font-size:clamp(24px,3.6vw,38px);margin:0}
.egMeta{display:flex;flex-wrap:wrap;gap:6px 8px;margin:8px 0 12px}
.egMeta a,.egMeta span{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;border-radius:999px;padding:3px 11px;background:#ffffff0d;border:1px solid var(--cizgi);color:var(--yazi);text-decoration:none!important}
.egMeta .egMetaDers{background:color-mix(in srgb,var(--d) 30%,transparent);border-color:color-mix(in srgb,var(--d) 60%,transparent)}
.egSablonSec{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 12px;font-size:13px;font-weight:800;color:var(--soluk)}
.egSablonSec a{padding:5px 11px;border-radius:10px;border:1px solid var(--cizgi);background:var(--panel);color:var(--yazi);font-size:13px;text-decoration:none!important}
.egSablonSec a.aktif{background:var(--d);border-color:var(--d);color:#fff}
.egSablonSec a:hover{border-color:var(--d)}
.egAciklama{color:#d3d9ef;max-width:820px}
.egBilgiIzgara{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:22px}
.egBilgiIzgara>*{min-width:0}
@media (max-width:900px){.egBilgiIzgara{grid-template-columns:minmax(0,1fr)}}

/* ---------------- sahne (motor) ---------------- */
.egSahne{--d:#3b82f6;position:relative;border-radius:22px;overflow:hidden;border:2px solid color-mix(in srgb,var(--d) 55%,#2e3a6b);
  background:radial-gradient(ellipse at 50% -20%,color-mix(in srgb,var(--d) 38%,transparent) 0%,transparent 60%),linear-gradient(180deg,#18214a,#111833);
  box-shadow:0 18px 40px #0008;min-height:470px;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.egSahne:fullscreen{border-radius:0;border:0;overflow:auto;min-height:100vh}
.egSahne:-webkit-full-screen{border-radius:0;border:0;overflow:auto;min-height:100vh}
.egUst{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0b102099;border-bottom:1px solid #ffffff12}
.egIlerleme{flex:1;height:12px;border-radius:999px;background:#ffffff14;overflow:hidden;min-width:60px}
.egIlerleme i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--d),#5ee0c8);transition:width .35s}
.egSayac{font:800 15px Nunito,sans-serif;min-width:44px;text-align:center;color:#fff}
.egSure{font:800 14px Nunito,sans-serif;color:var(--soluk);font-variant-numeric:tabular-nums}
.egIkon{width:36px;height:36px;border-radius:10px;border:1px solid var(--cizgi);background:#1a2240;color:#fff;font-size:17px;cursor:pointer;flex:0 0 36px}
.egIkon:hover{border-color:var(--d)}
.egAyarlar{position:absolute;right:10px;top:56px;z-index:8;background:#0e1430;border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px;box-shadow:0 14px 34px #000a;display:flex;flex-direction:column;gap:9px;max-width:calc(100% - 20px);width:330px}
.egAyarlar label{display:flex;gap:9px;align-items:flex-start;font-weight:700;font-size:14px;cursor:pointer}
.egAyarlar input{width:18px;height:18px;margin-top:2px;flex:0 0 18px}
.egAyarlar small{color:var(--soluk)}
.egOyun{flex:1;display:flex;flex-direction:column;padding:16px;min-height:0}
.egOyun>.egKart{flex:1;display:flex;flex-direction:column;gap:14px;animation:egGel .28s ease-out}
@keyframes egGel{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.egHata{color:#ffb4b4;text-align:center;padding:40px 0}
.egIpucu{margin:0;text-align:center;color:var(--soluk);font-size:14px;font-weight:700}

/* düğmeler */
.egBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:800 17px Nunito,sans-serif;border:0;border-radius:14px;padding:12px 22px;cursor:pointer;color:#241300;
  background:linear-gradient(180deg,#ffd166,#ff9f1c);box-shadow:0 4px 0 #b4670a;text-decoration:none!important;transition:transform .08s}
.egBtn:active{transform:translateY(3px);box-shadow:0 1px 0 #b4670a}
.egBtn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.egBtn:focus-visible,.egSecenek:focus-visible,.egCip:focus-visible,.egEsBosluk:focus-visible,.egGrup:focus-visible,.egKutu:focus-visible,.egHKart:focus-visible,.egFKart:focus-visible,.egYuva:focus-visible,.egBosluk:focus-visible{outline:3px solid #fff;outline-offset:2px}
.egBtnIkincil{background:#2a3566;color:#fff;box-shadow:0 4px 0 #0a0f1f}
.egBtnIkincil:active{box-shadow:0 1px 0 #0a0f1f}
.egBtnKucuk{padding:7px 13px;font-size:14px;border-radius:10px}
.egBtnBuyuk{padding:16px 40px;font-size:22px;border-radius:18px}
.egAlt{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;min-height:10px}
.egRozet{display:inline-block;background:#ffffff12;border:1px solid var(--cizgi);border-radius:999px;padding:4px 12px;font-weight:800;font-size:14px;margin:3px}
.egRozet.ok{background:#14532d;border-color:#22c55e88}
.egRozet.puan{background:#4a3a0a;border-color:#ffd16688;color:#ffe29a}

/* başlangıç */
.egBasla{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:10px 6px;animation:egGel .3s}
.egBuyukEmoji{font-size:74px;line-height:1.1;animation:egZipla 2.4s ease-in-out infinite}
@keyframes egZipla{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.egBasla h2{font-size:clamp(24px,4vw,34px);margin:4px 0 0}
.egBaslaBilgi{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:4px 0}
.egBaslaBilgi span{background:#ffffff14;border-radius:999px;padding:3px 12px;font-weight:800;font-size:14px}
.egNasil{color:#c9d0ea;max-width:520px;margin:2px 0 12px}
.egNot{color:var(--soluk);font-size:14px;margin:6px 0 0;font-weight:700}

/* soru kartı */
.egSoru{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;padding:18px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:120px;justify-content:center}
.egOn{font-size:14px;font-weight:800;color:#5ee0c8;text-transform:uppercase;letter-spacing:.4px}
.egSoruEmoji{font-size:58px;line-height:1.1}
.egSoruMetin{font:800 clamp(24px,4.2vw,34px)/1.25 'Baloo 2',Nunito,sans-serif;color:#fff;overflow-wrap:anywhere}
.egSoruMetin.orta{font-size:clamp(20px,3.2vw,27px)}
.egSoruMetin.uzun{font-size:clamp(17px,2.6vw,22px);font-family:Nunito,sans-serif}

/* seçenekler */
.egSecenekler{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.egSecenekler.n2{grid-template-columns:1fr 1fr}
.egSecenekler.n3 .egSecenek:last-child{grid-column:1 / -1}
.egSecenekler.tekSutun{grid-template-columns:1fr}
.egSecenekler.tekSutun .egSecenek:last-child{grid-column:auto}
.egSecenek{--r:#e74c6f;display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 14px;border-radius:16px;border:0;cursor:pointer;text-align:left;
  font:800 19px/1.25 Nunito,sans-serif;color:#fff;background:var(--r);box-shadow:0 5px 0 color-mix(in srgb,var(--r) 55%,#000);transition:transform .08s,filter .15s,opacity .2s;overflow-wrap:anywhere}
.egSecenek:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
.egSecenek:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 color-mix(in srgb,var(--r) 55%,#000)}
.egSecenek b{flex:0 0 30px;height:30px;border-radius:9px;background:#00000033;display:grid;place-items:center;font-size:15px}
.egSecenek span{flex:1}
.egSecenek.r0{--r:#e04f74}.egSecenek.r1{--r:#2f7de1}.egSecenek.r2{--r:#e3961b}.egSecenek.r3{--r:#1f9d6c}
.egSecenek:disabled{cursor:default}
.egSecenek.soluk{opacity:.35}
.egSecenek.dogru{--r:#16a34a;opacity:1;box-shadow:0 0 0 4px #4fd17a,0 5px 0 #0c5b2a;animation:egPop .35s}
.egSecenek.yanlis{--r:#b91c1c;opacity:1;box-shadow:0 0 0 4px #ff8080,0 5px 0 #5c0e0e;animation:egTitre .4s}
.egSecenek.dogru b::after{content:''}
@keyframes egPop{50%{transform:scale(1.04)}}
@keyframes egTitre{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.egTitre{animation:egTitre .4s}
.egDevam{margin-top:2px;animation:egGel .25s}

/* doğru / yanlış */
.egDYButon{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.egDYButon .egSecenek{justify-content:center;min-height:84px;font-size:24px}
.egDYButon .egSecenek b{background:#ffffff2b}
.egD{--r:#1f9d6c}.egY{--r:#d9485f}

/* çipler ve banka */
.egBanka{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;padding:12px;border-radius:16px;background:#0b102066;border:1px dashed #ffffff26;min-height:62px}
.egCip{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 14px;border-radius:12px;border:0;cursor:pointer;
  font:800 18px/1.2 Nunito,sans-serif;color:#1a1530;background:#fff8e6;box-shadow:0 4px 0 #c9b98c;transition:transform .08s,opacity .2s;max-width:100%;overflow-wrap:anywhere;text-align:center}
.egCip:hover:not(:disabled){transform:translateY(-2px)}
.egCip.secili{outline:3px solid #ffd166;outline-offset:2px;transform:translateY(-3px);background:#fff0c2}
.egCip.kullanildi{opacity:.18;pointer-events:none;box-shadow:none}
.egCip:disabled{cursor:default}
.egSurukle{touch-action:none}
.egSurukleniyor{opacity:.3}
.egHayalet{position:fixed!important;left:0;top:0;z-index:9999;pointer-events:none;margin:0!important;box-shadow:0 14px 30px #000a!important;opacity:.95}
.egUzerinde{outline:3px dashed #ffd166!important;outline-offset:3px;background-color:#ffffff22!important}

/* eşleştir */
.egEsSatirlar{display:flex;flex-direction:column;gap:9px}
.egEsSatir{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;align-items:stretch}
.egEsSol{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--d) 32%,#1a2240);border:2px solid color-mix(in srgb,var(--d) 60%,transparent);
  font:800 19px/1.25 Nunito,sans-serif;min-height:56px;overflow-wrap:anywhere}
.egEsSol.orta,.egEsSol.uzun{font-size:16px}
.egEsBosluk{display:flex;align-items:center;justify-content:center;min-height:56px;padding:8px 12px;border-radius:14px;border:2px dashed #ffffff40;background:#ffffff08;color:#ffffff66;
  font:800 18px/1.2 Nunito,sans-serif;cursor:pointer;text-align:center;overflow-wrap:anywhere}
.egEsBosluk.secili{border-color:#ffd166;color:#ffd166;background:#ffd16614}
.egEsBosluk.dogru{border:2px solid #4fd17a;background:#14532d;color:#fff;animation:egPop .35s}
.egEsBosluk.duzeltildi{border:2px solid #f59e0b;background:#4a3208;color:#ffe2a8}
.egEsBosluk.hataFlas{border-color:#ff6b6b;background:#5c0e0e66}

/* hafıza kartları */
.egHafizaIzgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;flex:1;align-content:center}
@media (min-width:620px){.egHafizaIzgara{grid-template-columns:repeat(4,minmax(0,1fr))}.egHafizaIzgara.n6{grid-template-columns:repeat(3,minmax(0,1fr))}}
.egHKart{position:relative;min-height:92px;border:0;padding:0;border-radius:14px;cursor:pointer;background:transparent;perspective:600px;font:inherit;color:inherit}
.egHOn,.egHArka{position:absolute;inset:0;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:8px;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .35s}
.egHOn{background:linear-gradient(135deg,var(--d),color-mix(in srgb,var(--d) 45%,#0b1020));font:800 34px 'Baloo 2',sans-serif;color:#ffffffcc;box-shadow:0 4px 0 #0007}
.egHArka{background:#fff8e6;color:#1a1530;font:800 17px/1.2 Nunito,sans-serif;transform:rotateY(180deg);overflow-wrap:anywhere;box-shadow:0 4px 0 #c9b98c}
.egHArka.orta{font-size:14px}.egHArka.uzun{font-size:12px}
.egHKart.acik .egHOn,.egHKart.bulundu .egHOn{transform:rotateY(180deg)}
.egHKart.acik .egHArka,.egHKart.bulundu .egHArka{transform:rotateY(360deg)}
.egHKart.bulundu .egHArka{background:#bff5d1;box-shadow:0 0 0 3px #4fd17a}
.egHKart.bulundu{cursor:default;animation:egPop .35s}
.egHKart.olmadi .egHArka{background:#ffd3d3;box-shadow:0 0 0 3px #ff6b6b}

/* grupla */
.egGrMerkez{display:flex;justify-content:center;min-height:86px;align-items:center}
.egGrOge{display:inline-flex;align-items:center;justify-content:center;min-width:150px;max-width:100%;min-height:66px;padding:12px 22px;border-radius:16px;background:#fff8e6;color:#1a1530;
  font:800 24px/1.2 'Baloo 2',Nunito,sans-serif;box-shadow:0 6px 0 #c9b98c,0 12px 26px #0007;cursor:grab;text-align:center;overflow-wrap:anywhere}
.egGrOge.orta,.egGrOge.uzun{font-size:18px}
.egGrOge.yeni{animation:egGel .3s}
.egGruplar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1}
@media (min-width:700px){.egGruplar.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.egGruplar.n4{grid-template-columns:repeat(4,minmax(0,1fr))}.egGruplar.n5,.egGruplar.n6{grid-template-columns:repeat(3,minmax(0,1fr))}}
.egGrup{--g:0;display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:10px;border-radius:16px;cursor:pointer;min-height:120px;font:inherit;color:#fff;text-align:left;
  border:2px solid hsl(calc(var(--g) * 57 + 190) 70% 60% / .7);background:hsl(calc(var(--g) * 57 + 190) 55% 30% / .45);transition:transform .1s,background .2s}
.egGrup:hover{transform:translateY(-2px)}
.egGrAd{font:800 18px/1.2 'Baloo 2',Nunito,sans-serif;display:flex;gap:7px;align-items:center}
.egGrAd b{flex:0 0 24px;height:24px;border-radius:7px;background:#00000040;display:grid;place-items:center;font:800 13px Nunito}
.egGrIc{display:flex;flex-wrap:wrap;gap:5px}
.egGrCip{font-size:13px;font-weight:800;padding:2px 8px;border-radius:8px;background:#ffffffe6;color:#1a1530}
.egGrCip.dogru{background:#bff5d1}
.egGrCip.duzeltildi{background:#ffe2a8}
.egGrup.dogruFlas{background:#16a34a88;border-color:#4fd17a}
.egGrup.hataFlas{background:#b91c1c88;border-color:#ff6b6b}

/* dizi (anagram, kelime sırala) */
.egDizi{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;min-height:66px;padding:10px;border-radius:16px;background:#ffffff0a;border:2px solid #ffffff1a}
.egDizi .egAra{width:14px}
.egYuva{width:48px;height:56px;border-radius:12px;border:2px dashed #ffffff4d;background:#ffffff08;color:#fff;font:800 28px 'Baloo 2',sans-serif;cursor:pointer;padding:0}
.egYuva.dolu{border-style:solid;border-color:#fff8e6;background:#fff8e6;color:#1a1530}
.egYuva.dogru{background:#bff5d1;border-color:#4fd17a}
.egYuva.yanlis{background:#ffd3d3;border-color:#ff6b6b}
.egYuva.duzeltildi{background:#ffe2a8;border-color:#f59e0b;color:#1a1530}
.egBanka.harfler .egCip{width:52px;height:56px;padding:0;font:800 28px 'Baloo 2',sans-serif}
.egDizi.harfler.cok .egYuva{width:38px;height:48px;font-size:22px}
.egBanka.harfler.cok .egCip{width:42px;height:50px;font-size:22px}
.egDiziBos{color:#ffffff59;font-weight:700}
.egCip.yerlesik{background:#e4f0ff;box-shadow:0 4px 0 #9fb5d6}
.egCip.dogru{background:#bff5d1;box-shadow:0 4px 0 #4fd17a}
.egCip.yanlis{background:#ffd3d3;box-shadow:0 4px 0 #ff6b6b}
.egDogruCevap{text-align:center;font-weight:800;font-size:19px;color:#bff5d1;background:#14532d;border-radius:12px;padding:8px 12px}
.egDiziAlt{justify-content:center}

/* cümleyi tamamla */
.egCumle{font:700 clamp(20px,3.4vw,27px)/2.1 Nunito,sans-serif;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;padding:14px 16px;overflow-wrap:anywhere}
.egBosluk{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:96px;min-height:44px;margin:2px 4px;padding:4px 12px;border-radius:12px;
  border:2px dashed #ffffff59;background:#ffffff0a;color:#1a1530;font:800 0.9em Nunito,sans-serif;cursor:pointer}
.egBosluk.secili{border-color:#ffd166;background:#ffd16614}
.egBosluk.dolu{border-style:solid;border-color:#fff8e6;background:#fff8e6}
.egBosluk.dogru{background:#bff5d1;border-color:#4fd17a}
.egBosluk.yanlis{background:#ffd3d3;border-color:#ff6b6b}
.egDuzelt{position:absolute;left:50%;top:100%;transform:translate(-50%,2px);white-space:nowrap;font-size:13px;line-height:1.2;background:#16a34a;color:#fff;padding:2px 8px;border-radius:8px;z-index:2}
.egTamamla .egCumle{line-height:2.3}

/* kutuyu aç */
.egKutuIzgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:12px;flex:1;align-content:center}
.egKutu{--k:0;position:relative;aspect-ratio:1;border:0;border-radius:16px;cursor:pointer;color:#fff;font:800 30px 'Baloo 2',sans-serif;
  background:linear-gradient(160deg,hsl(calc(var(--k) * 52 + 10) 85% 62%),hsl(calc(var(--k) * 52 + 10) 70% 40%));box-shadow:0 6px 0 hsl(calc(var(--k) * 52 + 10) 60% 25%);transition:transform .1s}
.egKutu::before{content:'';position:absolute;left:0;right:0;top:34%;height:14%;background:#ffffff59}
.egKutu::after{content:'';position:absolute;top:0;bottom:0;left:43%;width:14%;background:#ffffff59}
.egKutu .egKutuNo{position:relative;z-index:1;text-shadow:0 2px 0 #0006}
.egKutu:hover:not(:disabled){transform:translateY(-3px) rotate(-2deg)}
.egKutu.aciliyor{animation:egAcil .32s ease-in forwards}
@keyframes egAcil{to{transform:scale(1.25) rotate(8deg);opacity:0}}
.egKutu:disabled{cursor:default;box-shadow:none;opacity:.8}
.egKutu:disabled::before,.egKutu:disabled::after{display:none}
.egKutu.dogru{background:#14532d;border:2px solid #4fd17a}
.egKutu.yanlis{background:#5c0e0e;border:2px solid #ff6b6b}
.egKutu.acik{background:#2a3566;border:2px solid var(--cizgi)}
.egKutuAcik{gap:12px}
.egKutuBaslik{text-align:center;font:800 16px Nunito;color:var(--soluk)}
#egKutuIc{display:flex;flex-direction:column;gap:14px}
.egAcikCevap{text-align:center;font:800 24px/1.3 'Baloo 2',sans-serif;background:#14532d;border:2px solid #4fd17a;border-radius:16px;padding:12px}

/* flash kartlar */
.egFlash{align-items:stretch}
.egFKart{position:relative;flex:1;min-height:250px;border:0;padding:0;background:transparent;cursor:pointer;perspective:1000px;font:inherit;color:inherit;transition:transform .3s,opacity .3s}
.egFYuz{position:absolute;inset:0;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .5s cubic-bezier(.3,1.3,.5,1)}
.egFYuz>span{font:800 clamp(26px,5vw,40px)/1.2 'Baloo 2',Nunito,sans-serif;overflow-wrap:anywhere}
.egFYuz>span.orta{font-size:clamp(20px,3.4vw,28px)}
.egFYuz>span.uzun{font-size:clamp(16px,2.6vw,21px);font-family:Nunito,sans-serif}
.egFYuz i{font-style:normal;font-size:64px;line-height:1}
.egFYuz small{color:#ffffff99;font-weight:700;font-size:13px}
.egFOn{background:linear-gradient(145deg,var(--d),color-mix(in srgb,var(--d) 40%,#0b1020));color:#fff;box-shadow:0 8px 0 #0007,0 18px 30px #0006}
.egFArka{background:#fff8e6;color:#1a1530;transform:rotateY(180deg);box-shadow:0 8px 0 #c9b98c,0 18px 30px #0006}
.egFKart.cevrik .egFOn{transform:rotateY(180deg)}
.egFKart.cevrik .egFArka{transform:rotateY(360deg)}
.egFKart.gitSag{transform:translateX(40px) rotate(4deg);opacity:0}
.egFKart.gitSol{transform:translateX(-40px) rotate(-4deg);opacity:0}
.egFButon{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.egBtnTekrar{background:linear-gradient(180deg,#ff8a8a,#e04f4f);color:#fff;box-shadow:0 4px 0 #8a2424}
.egBtnBil{background:linear-gradient(180deg,#6ee7a0,#22a35a);color:#06210f;box-shadow:0 4px 0 #11602f}

/* cevabı yaz */
.egYazForm{display:flex;gap:10px;max-width:560px;width:100%;margin:0 auto}
.egYazGirdi{flex:1;min-width:0;font:800 26px/1.2 'Baloo 2',Nunito,sans-serif;text-align:center;padding:12px 14px;border-radius:16px;border:3px solid #ffffff40;background:#fff8e6;color:#1a1530;outline:0;transition:border-color .15s,background .2s}
.egYazGirdi:focus{border-color:#ffd166;box-shadow:0 0 0 4px #ffd16633}
.egYazGirdi.dogru{background:#bff5d1;border-color:#4fd17a;animation:egPop .35s}
.egYazGirdi.yanlis{background:#ffd3d3;border-color:#ff6b6b;animation:egTitre .4s}
.egYazGirdi:disabled{opacity:1;color:#1a1530;-webkit-text-fill-color:#1a1530}
.egHarfDizi{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.egHarfBtn{min-width:42px;height:42px;border-radius:10px;border:1px solid var(--cizgi);background:#1a2240;color:#fff;font:800 20px Nunito,sans-serif;cursor:pointer}
.egHarfBtn:hover:not(:disabled){border-color:#ffd166}
.egYazSonuc{text-align:center;min-height:30px;font-size:20px;font-weight:800}
.egYazOk{color:#7ff0a8}.egYazNo{color:#ffb4b4}.egYazNo b{color:#bff5d1;background:#14532d;border-radius:10px;padding:2px 10px;display:inline-block;margin-top:4px}

/* doğru sıra */
.egSoruKisa{min-height:0;padding:12px 14px}
.egSiraListe{list-style:none;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:8px;max-width:620px;width:100%}
.egSiraOge{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border-radius:14px;background:#fff8e6;color:#1a1530;box-shadow:0 4px 0 #c9b98c;cursor:grab;touch-action:none;
  font:800 19px/1.25 Nunito,sans-serif;transition:background .2s,box-shadow .2s}
.egSiraOge.egOynat{animation:egPop .25s}
.egSiraNo{flex:0 0 32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--d) 75%,#000);color:#fff;font-size:16px}
.egSiraMetin{flex:1;min-width:0;overflow-wrap:anywhere}
.egSiraOklar{display:flex;gap:6px;flex:0 0 auto}
.egSiraOk{width:44px;height:40px;border-radius:10px;border:0;background:#1a2240;color:#fff;font-size:16px;cursor:pointer}
.egSiraOk:hover:not(:disabled){background:#2a3566}
.egSiraOk:disabled{opacity:.25;cursor:default}
.egSiraOge.dogru{background:#bff5d1;box-shadow:0 4px 0 #4fd17a}
.egSiraOge.yanlis{background:#ffd3d3;box-shadow:0 4px 0 #ff6b6b}
.egSiraOge.duzeltildi{background:#ffe2a8;box-shadow:0 4px 0 #f59e0b}
.egSiraDogruNo{font-weight:800;font-size:15px;background:#14532d;color:#bff5d1;border-radius:9px;padding:4px 9px;white-space:nowrap}
.egSiraHayalet{opacity:.92;transform-origin:center}
.egSiraPuan{align-self:center;font-weight:800;color:#ffd166}

/* kelime avı */
.egAvDuzen{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:start}
.egAvIzgara{--n:10;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:3px;padding:8px;border-radius:16px;background:#0b102088;border:1px solid #ffffff1f;
  touch-action:none;user-select:none;-webkit-user-select:none;width:100%;max-width:560px;margin:0 auto;aspect-ratio:1}
.egAvH{display:grid;place-items:center;border-radius:8px;background:#ffffff0f;color:#fff;font-family:'Baloo 2',Nunito,sans-serif;font-weight:800;
  font-size:clamp(13px,calc(56vw / var(--n)),30px);aspect-ratio:1;cursor:pointer;transition:background .12s,transform .12s;line-height:1}
.egAvH.sec{background:#ffd166;color:#1a1530;transform:scale(1.06)}
.egAvH.basla{background:#ffd166;color:#1a1530;box-shadow:0 0 0 3px #fff}
.egAvH.bul{color:#1a1530}
.egAvH.r0{background:#7ff0a8}.egAvH.r1{background:#8ec5ff}.egAvH.r2{background:#ffb3d9}.egAvH.r3{background:#ffd98a}
.egAvH.r4{background:#c4b5fd}.egAvH.r5{background:#99f6e4}.egAvH.r6{background:#fdba74}.egAvH.r7{background:#d9f99d}
.egAvH.pes{background:#ffd3d3}
.egAvH.hataFlas{animation:egAvHata .45s}
@keyframes egAvHata{30%{background:#ff6b6b;color:#fff}}
.egAvYan{display:flex;flex-direction:column;gap:10px}
.egAvSayi{font-weight:800;color:#ffd166;text-align:center}
.egAvListe{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.egAvListe li{padding:7px 10px;border-radius:10px;background:#ffffff0d;border:1px solid #ffffff14;font-size:15px;line-height:1.3}
.egAvListe li b{font:800 17px 'Baloo 2',Nunito,sans-serif;letter-spacing:.5px}
.egAvListe li small{color:var(--soluk);font-weight:700}
.egAvListe .egAvGizli{display:none}
.egAvListe li.bulundu{background:#14532d;border-color:#4fd17a}
.egAvListe li.bulundu b{text-decoration:line-through;text-decoration-thickness:3px}
.egAvListe li.bulundu .egAvGizli,.egAvListe li.kacti .egAvGizli{display:block;text-decoration:none}
.egAvListe li.kacti{background:#5c0e0e;border-color:#ff6b6b}
@media (max-width:820px){.egAvDuzen{grid-template-columns:minmax(0,1fr)}.egAvListe{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}

/* sonuç */
.egSonuc{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:8px 4px;animation:egGel .3s}
.egYildizlar{display:flex;gap:6px;font-size:56px;line-height:1}
.egYildizlar span{color:#ffffff26;display:inline-block}
.egYildizlar span.dolu{color:#ffd166;text-shadow:0 0 18px #ffd16688;animation:egYildiz .5s backwards}
@keyframes egYildiz{from{transform:scale(0) rotate(-90deg)}70%{transform:scale(1.3)}to{transform:scale(1)}}
.egSonuc h2{font-size:34px;margin:4px 0 0}
.egYuzde{font:800 64px/1 'Baloo 2',sans-serif;color:#5ee0c8}
.egSonucSatir{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:6px 0}
.egSonucSatir span{background:#ffffff12;border-radius:999px;padding:5px 14px;font-weight:800}
.egSonucSatir .ok{background:#14532d}.egSonucSatir .no{background:#5c0e0e}
.egKayitBilgi{min-height:8px;max-width:560px}
.egKayitBilgi a{color:#ffd166;font-weight:800}
.egButonlar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.egSonucSablon{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:16px;font-size:13px;font-weight:800;color:var(--soluk)}
.egSonucSablon a{padding:4px 10px;border-radius:10px;border:1px solid var(--cizgi);background:#ffffff0a;color:var(--yazi);text-decoration:none!important}
.egKonfeti{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:9}

/* inceleme */
.egIncele{animation:egGel .25s}
.egInceleUst{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.egInceleUst h2{margin:0;font-size:26px}
.egInceleListe{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.egInceleListe li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#ffffff0a;border-left:5px solid #4fd17a}
.egInceleListe li.no{border-left-color:#ff6b6b}
.egIIkon{font-weight:800;font-size:18px;width:22px;flex:0 0 22px}
.egInceleListe li.ok .egIIkon{color:#4fd17a}.egInceleListe li.no .egIIkon{color:#ff6b6b}
.egInceleListe b{display:block;overflow-wrap:anywhere}
.egInceleListe span{display:block;font-size:14px;overflow-wrap:anywhere}
.egIVerilen{color:#ffb4b4}.egIDogru{color:#a7f3c4}

/* GO modal + toast (oyun-ortak.js için, site sayfasında) */
.oModalArka{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}
.oModal{background:var(--panel);border:2px solid var(--cizgi);border-radius:20px;padding:22px;width:100%;max-width:440px;max-height:92vh;overflow:auto;position:relative;text-align:center}
.oModal .kapat{position:absolute;top:8px;right:12px;background:none;border:0;color:var(--soluk);font-size:26px;cursor:pointer}
.oToast{position:fixed;left:50%;top:14px;transform:translate(-50%,-90px);background:#0b1020;border:2px solid var(--yesil);padding:10px 18px;border-radius:12px;z-index:99;transition:transform .25s;font-weight:800;max-width:92vw;text-align:center}
.oToast.goster{transform:translate(-50%,0)}

/* telefon */
@media (max-width:600px){
  .egHero{padding:22px 0 18px}
  .egHero p.egGiris{font-size:16px}
  .egDersler{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .egIzgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .egKartUst{height:70px}.egKartEmoji{font-size:36px}
  .egKartGovde{padding:9px 10px 11px}.egKartGovde h3{font-size:16px}
  .egKartAlt{font-size:12px;gap:4px 8px}
  .egSahne{border-radius:16px;min-height:520px;margin:0 -6px}
  .egOyun{padding:12px 10px}
  .egUst{padding:8px 8px;gap:6px}
  .egIkon{width:34px;height:34px;flex-basis:34px;font-size:16px}
  .egSecenek{font-size:17px;min-height:58px;padding:8px 10px}
  .egSecenek b{flex-basis:26px;height:26px}
  .egSecenekler{grid-template-columns:1fr}
  .egSecenekler.n3 .egSecenek:last-child{grid-column:auto}
  .egSoru{padding:14px 12px;min-height:100px}
  .egEsSol,.egEsBosluk{font-size:16px;min-height:52px;padding:6px 8px}
  .egCip{font-size:16px;min-height:44px;padding:7px 11px}
  .egHKart{min-height:84px}
  .egHArka{font-size:14px}.egHArka.orta{font-size:12.5px}.egHArka.uzun{font-size:11px}
  .egGrOge{font-size:21px}
  .egGrup{min-height:96px;padding:8px}
  .egGrAd{font-size:16px}
  .egYuva{width:40px;height:50px;font-size:24px}
  .egBanka.harfler .egCip{width:44px;height:50px;font-size:24px}
  .egDizi.harfler.cok .egYuva{width:30px;height:42px;font-size:19px}
  .egBanka.harfler.cok .egCip{width:36px;height:44px;font-size:19px}
  .egKutuIzgara{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
  .egYildizlar{font-size:46px}.egYuzde{font-size:54px}
  .egBtnBuyuk{padding:14px 34px;font-size:20px}
  .egBaslik .ik{width:48px;height:48px;flex-basis:48px;font-size:26px}
  .egSure{font-size:13px}
  .egYazForm{flex-direction:column}
  .egYazGirdi{font-size:24px}
  .egSiraOge{font-size:16px;gap:8px}
  .egSiraOk{width:40px;height:38px}
  .egAvIzgara{gap:2px;padding:5px}
  .egAvH{border-radius:5px}
  .egAvListe{grid-template-columns:repeat(2,minmax(0,1fr))}
  .egAvListe li{font-size:13px;padding:6px 8px}
}
@media (max-width:360px){.egIzgara{grid-template-columns:1fr}}