/* Günün Bulmacası — koyu mavi / altın sahne */
:root{--gbAltin:#ffc940;--gbAltin2:#ff9d1a;--gbMavi:#0a1338;--gbMavi2:#14245e;--gbCam:#ffffff14}
body.oyunSayfa{background:#050a22}
.oAlan{overflow:hidden}
.gbSahne{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;background:
  radial-gradient(ellipse 70% 45% at 50% -5%,#2a4bb8aa,transparent 70%),
  radial-gradient(ellipse 60% 40% at 50% 110%,#ffb4201f,transparent 70%),
  linear-gradient(180deg,#0b1745,#060c2a 70%,#050a22);}
.gbSahne::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#ffffff22 1px,transparent 1.5px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 70%)}
.gbIsik{position:fixed;top:-10%;width:38vw;height:120%;pointer-events:none;background:linear-gradient(180deg,#ffe2a040,transparent 75%);filter:blur(8px);mix-blend-mode:screen;opacity:.55}
.gbIsik1{left:4%;transform:rotate(16deg);transform-origin:top center;animation:gbIsik 9s ease-in-out infinite alternate}
.gbIsik2{right:4%;transform:rotate(-16deg);transform-origin:top center;animation:gbIsik 11s ease-in-out infinite alternate-reverse}
@keyframes gbIsik{from{transform:rotate(18deg)}to{transform:rotate(6deg)}}
.gbIsik2{animation-name:gbIsik2}@keyframes gbIsik2{from{transform:rotate(-18deg)}to{transform:rotate(-6deg)}}

.gbEkran{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:12px 14px 22px;min-height:100%;display:flex;flex-direction:column;align-items:center}
.gbYukleniyor{margin:auto;color:#aebbe6;font-weight:800}
@media (min-width:621px){#gbKelime,#gbIslem{justify-content:safe center}}

/* ---------- lobi */
.gbLobiIc{width:100%;display:flex;flex-direction:column;gap:12px;align-items:stretch}
.gbBaslikKutu{text-align:center;padding-top:4px}
.gbLogo{width:62px;height:62px;margin:0 auto 4px;border-radius:18px;display:grid;place-items:center;font-size:34px;background:radial-gradient(circle at 30% 25%,#fff6,transparent 45%),linear-gradient(145deg,var(--gbAltin),var(--gbAltin2));box-shadow:0 0 0 3px #ffe9a8,0 0 30px #ffb52088,0 6px 0 #a35d00;animation:gbYuz 3s ease-in-out infinite}
@keyframes gbYuz{50%{transform:translateY(-4px) rotate(-3deg)}}
.gbBaslikKutu h2{font-size:30px;margin:6px 0 0;background:linear-gradient(180deg,#fff7d6,var(--gbAltin) 60%,#e88a00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #0008)}
.gbBaslikKutu h2 em{font-style:normal;font-size:.75em}
.gbBaslikKutu p{margin:0;color:#aebbe6;font-weight:700;font-size:14px}
.gbTurlar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gbTurKart{display:flex;gap:10px;align-items:center;padding:12px;border-radius:16px;background:linear-gradient(180deg,#1b2d72,#122052);border:1px solid #3450a8;box-shadow:inset 0 1px 0 #ffffff22,0 6px 18px #0006;text-align:left}
.gbTurKart b{display:block;font-family:'Baloo 2',sans-serif;font-size:17px;color:#fff;line-height:1.1}
.gbTurKart span{display:block;font-size:13px;color:#b9c5ee;line-height:1.3;margin-top:2px}
.gbTurKart span b{display:inline;font-size:14px;color:var(--gbAltin)}
.gbTurKart.tamam{border-color:#4fd17a;background:linear-gradient(180deg,#1d4a52,#123542)}
.gbTurKart.kilit{opacity:.6}
.gbTurIkon{font-size:28px;width:46px;height:46px;flex:0 0 46px;border-radius:12px;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff20}
.gbBasla{font-size:20px;padding:15px 18px;border-radius:16px;box-shadow:0 5px 0 #8a4b00,0 0 28px #ffb52066;animation:gbNabiz 2.2s ease-in-out infinite}
@keyframes gbNabiz{50%{box-shadow:0 5px 0 #8a4b00,0 0 44px #ffc940aa}}
.gbNot{color:#9fb0e0;font-size:13px;text-align:center;margin:0 4px;line-height:1.45}
.gbNot a{color:var(--gbAltin)}
.gbOzet{padding:14px;border-radius:18px;background:linear-gradient(180deg,#22327d,#151f55);border:2px solid #ffc94066;box-shadow:0 0 30px #ffc94022,inset 0 1px 0 #fff3;text-align:center}
.gbOzetPuan small{display:block;color:#c9d3f5;font-weight:800;letter-spacing:1px;font-size:12px}
.gbOzetPuan b{font:800 54px/1 'Baloo 2',sans-serif;color:var(--gbAltin);text-shadow:0 0 20px #ffb52088}
.gbOzetPuan span{color:#c9d3f5;font-weight:800;margin-left:4px}
.gbOzetSatir{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:6px 0 10px;font-size:14px;font-weight:700;color:#e3e9ff}
.gbSayimKutu{margin-top:10px;color:#c9d3f5;font-size:14px;font-weight:700}
.gbSayimKutu b,.gbGeriSayim{font:800 20px 'Baloo 2',sans-serif;color:#7fe0ff;letter-spacing:1px}
.gbPaylas{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.gbPaylas .btn{flex:1;min-width:96px;padding:10px 8px;font-size:15px;white-space:nowrap}
.gbIstat{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.gbIstat div{background:#ffffff0d;border:1px solid #ffffff18;border-radius:12px;padding:8px 2px;text-align:center}
.gbIstat b{display:block;font:800 20px/1.1 'Baloo 2',sans-serif;color:#fff}
.gbIstat span{display:block;font-size:11px;color:#9fb0e0;line-height:1.15}
.gbHafta{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:8px 12px}
.gbHafta small{color:#9fb0e0;font-weight:800;font-size:12px}
.gbGunler{display:flex;gap:6px;height:56px;align-items:flex-end;margin-top:4px}
.gbGun{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}
.gbGun i{display:block;width:100%;max-width:34px;border-radius:6px 6px 3px 3px;background:#ffffff1c}
.gbGun.dolu i{background:linear-gradient(180deg,var(--gbAltin),var(--gbAltin2));box-shadow:0 0 10px #ffb52055}
.gbGun span{font-size:11px;color:#9fb0e0;font-weight:800}
.gbAntKutu{background:linear-gradient(180deg,#1a1f4d,#131740);border:1px dashed #5f6bc4;border-radius:16px;padding:10px 12px;text-align:center}
.gbAntKutu b{display:block;color:#fff;font-family:'Baloo 2',sans-serif;font-size:17px}
.gbAntKutu>span{display:block;font-size:12px;color:#9fb0e0}
.gbAntBtn{display:flex;gap:8px;margin-top:8px}
.gbAntBtn .btn{flex:1;padding:9px 6px}

/* ---------- tur üst çubuğu */
.gbTurUst{width:100%;display:flex;align-items:center;gap:8px;margin-bottom:8px}
.gbTurAd{flex:1;font:800 15px 'Baloo 2',sans-serif;letter-spacing:1px;color:var(--gbAltin);text-shadow:0 0 12px #ffb52066}
.gbSure{font:800 16px 'Baloo 2',sans-serif;color:#7fe0ff;background:#00000040;border:1px solid #7fe0ff44;border-radius:10px;padding:3px 10px;min-width:72px;text-align:center}
.gbMiniBtn{display:inline-flex;align-items:center;gap:5px;border:1px solid #4561c0;background:linear-gradient(180deg,#22398c,#172a6c);color:#fff;font:800 14px Nunito,sans-serif;border-radius:12px;padding:9px 12px;cursor:pointer;box-shadow:0 3px 0 #0a1440;transition:transform .08s}
.gbMiniBtn:active{transform:translateY(2px);box-shadow:0 1px 0 #0a1440}
.gbIpucuBtn{background:linear-gradient(180deg,#9b85ff,#6a46e0);border-color:#b7a6ff}
.gbIpucuSatir{width:100%;text-align:center;font-size:14px;color:#e8e0ff;background:#6a46e033;border:1px solid #9b85ff66;border-radius:12px;padding:6px 10px;margin-bottom:6px}
.gbIpucuSatir b{color:#fff}

/* ---------- kelime turu */
.gbCevap{display:flex;gap:5px;justify-content:center;width:100%;padding:12px 8px;border-radius:18px;background:linear-gradient(180deg,#061033,#0b1a4d);border:2px solid #2c4497;box-shadow:inset 0 3px 14px #000a,0 0 0 4px #ffffff08;transition:border-color .2s,box-shadow .2s}
.gbCevap.gecerli{border-color:#4fd17a;box-shadow:inset 0 3px 14px #000a,0 0 22px #4fd17a55}
.gbCevap.gecersiz{border-color:#ef5b5b88}
.gbSlot{flex:1;max-width:52px;aspect-ratio:3/4;border-radius:10px;border:2px dashed #ffffff22;display:grid;place-items:center;font:800 26px 'Baloo 2',sans-serif;color:#13204f}
.gbSlot.dolu{border:0;background:linear-gradient(180deg,#fff9e6,#ffe08a);box-shadow:0 3px 0 #b07a12,inset 0 1px 0 #fff;animation:gbPop .18s ease-out}
.gbSlot.joker{background:linear-gradient(180deg,#e2d8ff,#b39cff);box-shadow:0 3px 0 #5a3fb8}
@keyframes gbPop{from{transform:scale(.6);opacity:.3}}
.gbKelDurum{min-height:24px;margin:8px 0 4px;font-weight:800;color:#aebbe6;font-size:15px;text-align:center}
.gbKelDurum.iyi{color:#62e08b}
.gbKelDurum.kotu{color:#ff8a8a}
.gbHarfler{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;width:100%;max-width:700px;margin:8px 0 12px}
.gbHarf{position:relative;aspect-ratio:1;border:0;border-radius:16px;cursor:pointer;font:800 34px 'Baloo 2',sans-serif;color:#13204f;
  background:radial-gradient(circle at 30% 22%,#fff,transparent 42%),linear-gradient(180deg,#fff3c4,#ffc940 70%,#f2a516);
  box-shadow:0 5px 0 #a8650b,0 8px 16px #0008,inset 0 -3px 0 #e39a12;transition:transform .1s,opacity .2s,filter .2s;display:grid;place-items:center;padding:0}
.gbHarf.unlu{background:radial-gradient(circle at 30% 22%,#fff,transparent 42%),linear-gradient(180deg,#fff8de,#ffd968 70%,#f5b52a)}
.gbHarf span{line-height:1}
.gbHarf small{position:absolute;bottom:4px;left:0;right:0;font:800 9px Nunito,sans-serif;letter-spacing:1px;color:#fff;opacity:.85}
.gbHarf.joker{color:#fff;background:radial-gradient(circle at 30% 22%,#fff8,transparent 42%),linear-gradient(180deg,#b9a6ff,#7b55f0 70%,#5a35cc);box-shadow:0 5px 0 #3a2190,0 8px 16px #0008,0 0 18px #9b85ff66}
.gbHarf:hover:not(:disabled){transform:translateY(-3px)}
.gbHarf:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #a8650b}
.gbHarf.kullanildi{opacity:.18;filter:grayscale(1);cursor:default;transform:scale(.9)}
.gbHarf.gir{animation:gbGir .42s cubic-bezier(.2,1.5,.4,1) both;animation-delay:var(--g)}
@keyframes gbGir{from{transform:translateY(-40px) rotateX(90deg) scale(.6);opacity:0}}
.salla{animation:gbSalla .35s}
@keyframes gbSalla{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.gbKontrol{display:flex;gap:8px;justify-content:center;margin-bottom:10px;flex-wrap:wrap}
.gbGonder{width:100%;max-width:420px;font-size:19px;padding:14px;border-radius:16px}
.gbGonder:not(:disabled){box-shadow:0 5px 0 #8a4b00,0 0 24px #ffb52055}
.gbPas{background:none;border:0;color:#8ea0d6;font:700 13px Nunito,sans-serif;text-decoration:underline;margin-top:8px;cursor:pointer}
.gbKelDurum+.gbHarfler{margin-top:4px}

/* joker seçici */
.gbJokerArka{position:fixed;inset:0;z-index:40;background:#000a;display:flex;align-items:center;justify-content:center;padding:16px}
.gbJokerKutu{background:linear-gradient(180deg,#1f2c6e,#141d4d);border:2px solid #9b85ff;border-radius:20px;padding:16px;max-width:420px;width:100%;text-align:center;box-shadow:0 0 40px #9b85ff55}
.gbJokerKutu h3{color:#fff;font-size:20px}
.gbJokerHarfler{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:10px 0 12px}
.gbJokerHarfler button{aspect-ratio:1;border:0;border-radius:10px;font:800 22px 'Baloo 2',sans-serif;color:#13204f;background:linear-gradient(180deg,#f1ecff,#c6b6ff);box-shadow:0 3px 0 #5a3fb8;cursor:pointer}
.gbJokerHarfler button:active{transform:translateY(2px)}

/* ---------- işlem turu */
.gbHedef{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 28px 6px;border-radius:18px;margin-bottom:12px;
  background:linear-gradient(180deg,#02061a,#0a1440);border:3px solid var(--gbAltin);box-shadow:0 0 0 4px #ffc94022,0 0 30px #ffb52044,inset 0 0 24px #000}
.gbHedef small{font:800 12px Nunito,sans-serif;letter-spacing:3px;color:#c9a54a}
.gbHedef b{font:800 58px/1 'Baloo 2',monospace;letter-spacing:6px;color:#ffd34d;text-shadow:0 0 10px #ffb520,0 0 26px #ff9d1a88;font-variant-numeric:tabular-nums}
.gbHedef.parla{animation:gbParla .9s}
@keyframes gbParla{30%{box-shadow:0 0 0 8px #ffc94055,0 0 60px #ffd34dcc,inset 0 0 24px #000;transform:scale(1.05)}}
.gbSayilar{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%;max-width:640px}
.gbSayi{position:relative;height:66px;border:0;border-radius:14px;cursor:pointer;font:800 30px 'Baloo 2',sans-serif;color:#fff;
  background:radial-gradient(circle at 30% 20%,#ffffff55,transparent 45%),linear-gradient(180deg,#4f7bff,#2747c9 70%,#1c34a0);
  box-shadow:0 5px 0 #0f1f66,0 8px 16px #0008;transition:transform .1s,opacity .2s;display:grid;place-items:center}
.gbSayi span{line-height:1}
.gbSayi small{position:absolute;top:3px;left:7px;font:800 10px Nunito,sans-serif;opacity:.55}
.gbSayi.buyuk{color:#13204f;background:radial-gradient(circle at 30% 20%,#fff,transparent 45%),linear-gradient(180deg,#fff3c4,#ffc940 70%,#f2a516);box-shadow:0 5px 0 #a8650b,0 8px 16px #0008}
.gbSayi.ara{background:radial-gradient(circle at 30% 20%,#ffffff55,transparent 45%),linear-gradient(180deg,#3fd6a8,#14967a 70%,#0d7560);box-shadow:0 5px 0 #075241,0 8px 16px #0008}
.gbSayi.secili{transform:translateY(-4px);outline:3px solid #fff;box-shadow:0 0 0 6px #ffffff33,0 0 26px #fff8,0 5px 0 #0f1f66}
.gbSayi.kullanildi{opacity:.15;transform:scale(.88);cursor:default}
.gbSayi.hedefte{animation:gbHedefte 1s ease-in-out infinite;color:#13204f;background:linear-gradient(180deg,#fff,#ffd34d)}
@keyframes gbHedefte{50%{box-shadow:0 0 0 6px #ffd34d66,0 0 30px #ffd34d}}
.gbSayi.gir{animation:gbGir .45s cubic-bezier(.2,1.5,.4,1) both}
.gbOpler{display:flex;gap:10px;margin:14px 0 10px}
.gbOpler button{width:64px;height:58px;border-radius:50%;border:0;cursor:pointer;font:800 32px/1 'Baloo 2',sans-serif;color:#13204f;
  background:radial-gradient(circle at 30% 25%,#fff,transparent 45%),linear-gradient(180deg,#e9eefc,#aebde8);box-shadow:0 5px 0 #5a6aa0,0 8px 14px #0008;transition:transform .1s}
.gbOpler button.secili{background:linear-gradient(180deg,#fff3c4,#ffc940);box-shadow:0 0 0 4px #fff,0 0 24px #ffc940,0 5px 0 #a8650b;transform:translateY(-3px)}
.gbOpler button:active{transform:translateY(3px)}
.gbGecmis{width:100%;max-width:520px;min-height:40px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:flex-start;align-content:flex-start;margin-bottom:6px}
.gbAdim{background:#ffffff10;border:1px solid #ffffff22;border-radius:10px;padding:3px 10px;font:800 15px 'Baloo 2',sans-serif;color:#dfe6ff}
.gbAdim b{color:var(--gbAltin)}
.gbAdim em{font-style:normal;color:#7fe0ff;margin-right:4px;font-size:12px}
.gbAdimBos{color:#8ea0d6;font-size:13px;text-align:center}
.gbYakin{min-height:24px;font-weight:800;color:#c9d3f5;font-size:15px;margin-bottom:10px;text-align:center}
.gbYakin b{color:#fff}
.gbYakin.tam{color:#62e08b}

/* ---------- sonuç pencereleri */
.gbSonucKelime{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin:6px 0 4px}
.gbSonucKelime i{font:800 26px 'Baloo 2',sans-serif;font-style:normal;color:#13204f;width:36px;height:44px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(180deg,#fff3c4,#ffc940);box-shadow:0 3px 0 #a8650b;animation:gbGir .4s both}
.gbSonucKelime i:nth-child(2){animation-delay:.05s}.gbSonucKelime i:nth-child(3){animation-delay:.1s}.gbSonucKelime i:nth-child(4){animation-delay:.15s}.gbSonucKelime i:nth-child(5){animation-delay:.2s}.gbSonucKelime i:nth-child(6){animation-delay:.25s}.gbSonucKelime i:nth-child(7){animation-delay:.3s}.gbSonucKelime i:nth-child(8){animation-delay:.35s}.gbSonucKelime i:nth-child(9){animation-delay:.4s}
.gbSonucKelime em{color:#9fb0e0;font-weight:800}
.gbSonucPuan{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:6px 0}
.gbSonucPuan>span:not(.buyukSayi){color:#c9d3f5;font-weight:800}
.gbYildiz{font-size:20px}
.gbKucuk{font-size:13px;color:#9fb0e0;margin:4px 0}
.gbKucuk a{color:var(--vurgu)}
.gbEnIyi{margin-top:8px;padding:10px;border-radius:14px;background:#ffffff0c;border:1px solid #ffc94044}
.gbEnIyi small{color:var(--gbAltin);font-weight:800;letter-spacing:.5px}
.gbKelEtiket{display:inline-block;margin:4px 2px 0;padding:3px 10px;border-radius:9px;background:linear-gradient(180deg,#2b47a8,#1d3485);font:800 18px 'Baloo 2',sans-serif;color:#fff;letter-spacing:1px}
.gbKelEtiket sup{font-size:11px}
.gbSonucHedef{display:flex;justify-content:center;gap:18px;color:#c9d3f5;font-weight:700}
.gbSonucHedef b{font:800 24px 'Baloo 2',sans-serif;color:var(--gbAltin)}
.gbIkiKolon{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;text-align:center}
.gbIkiKolon>div{background:#ffffff0a;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;align-items:center}
.gbIkiKolon small{color:#9fb0e0;font-weight:800}
.gbIkiKolon .gbAdim{font-size:14px}
.gbRekor{color:var(--gbAltin)!important;font-weight:800}
.gbPaylasOnizle{white-space:pre-wrap;word-break:break-word;text-align:left;font:700 13px/1.45 Nunito,sans-serif;background:#00000040;border:1px solid #ffffff1a;border-radius:12px;padding:8px 10px;color:#e3e9ff;margin:10px 0}
.oModal .satir span{color:#c9d3f5}
.gbKonfeti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}

/* ---------- telefon */
@media (max-width:620px){
  .gbEkran{padding:10px 12px 18px}
  .gbHarfler{grid-template-columns:repeat(5,1fr);gap:9px;max-width:360px}
  .gbHarf{font-size:32px;border-radius:14px}
  .gbSlot{font-size:21px;border-radius:8px}
  .gbCevap{gap:4px;padding:10px 6px}
  .gbSayilar{grid-template-columns:repeat(3,1fr);max-width:360px}
  .gbSayi{height:56px}
  .gbTurlar{grid-template-columns:1fr}
  .gbIstat{grid-template-columns:repeat(5,1fr);gap:4px}
  .gbIstat b{font-size:18px}
  .gbIstat span{font-size:10px}
  .gbBaslikKutu h2{font-size:27px}
  .gbHedef b{font-size:52px}
  .gbMiniBtn span{display:inline}
  .gbTurAd{font-size:13px}
  .gbIpucuBtn span{display:none}
}
@media (max-width:370px){.gbMiniBtn{padding:8px 9px;font-size:13px}.gbOpler button{width:56px;height:52px}}
/* geniş ekran: lobi iki sütun, oyun ekranları dikeyde ortalı ve büyük taşlı */
.gbSol,.gbSag{display:flex;flex-direction:column;gap:12px}
@media (min-width:900px){
  .gbEkran#gbLobi{max-width:1000px;justify-content:center}
  .gbLobiIc{flex-direction:row;gap:22px;align-items:center}
  .gbSol{flex:1.1}.gbSag{flex:1}
  #gbKelime,#gbIslem{max-width:860px}
  .gbHarfler{max-width:820px;gap:10px}
  .gbHarf{font-size:40px}
  .gbSlot{max-width:60px;font-size:30px}
  .gbSayilar{max-width:700px;gap:10px}
  .gbSayi{height:76px;font-size:36px}
}
@media (max-height:640px) and (min-width:621px){
  .gbHarf{font-size:30px}
  .gbHedef b{font-size:46px}
  .gbSayi{height:56px}
  .gbOpler{margin:10px 0 8px}
  .gbOpler button{height:50px;width:58px}
}