/* BRAIN BATTLE — oyun kiti */
:root{ --gk-accent:#DB2777; --gk-accent-d:#9D174D; }
.bb-page .gk-chip, .bb-page .gk-iconbtn{ background:#3A1A66; border-color:#5B2E94; border-bottom-color:#150A2E; }
.bb-page .gk-chip.neg{ color:#FCA5A5; border-color:rgba(239,68,68,.6); }
.bb-board{ flex:1; min-height:0; display:grid; gap:12px; }
.bb-head{ display:flex; align-items:center; justify-content:center; gap:10px; min-height:64px; padding:8px 12px; border-radius:20px; text-align:center;
  background:var(--c); border-bottom:6px solid var(--cd); font-family:'Fredoka',sans-serif; font-weight:700; font-size:22px; line-height:1.05; text-transform:uppercase; letter-spacing:.5px; }
.bb-head b{ font-size:32px; }
.bb-cell{
  position:relative; border:0; cursor:pointer; border-radius:20px; min-height:56px;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 60%), var(--c);
  border-bottom:7px solid var(--cd); color:#fff; font-family:'Fredoka',sans-serif; font-weight:700; font-size:clamp(28px,4.2vh,52px);
  text-shadow:0 3px 0 rgba(0,0,0,.18); transition:transform .12s, filter .15s; display:flex; align-items:center; justify-content:center; gap:4px;
}
.bb-cell small{ font-size:.55em; opacity:.85; }
.bb-cell:hover:not(:disabled){ transform:translateY(-3px) scale(1.02); filter:brightness(1.08); }
.bb-cell:active:not(:disabled){ transform:translateY(2px); border-bottom-width:4px; }
.bb-cell.used{ cursor:default; background:rgba(255,255,255,.06); border-bottom-color:rgba(0,0,0,.25); font-size:clamp(26px,4vh,46px); text-shadow:none; }
.bb-cell.used.ok{ color:#4ADE80; }
.bb-cell.used.bad{ color:#F87171; }

/* soru penceresi */
.bb-modal{ position:fixed; inset:0; z-index:8100; display:none; align-items:center; justify-content:center; padding:16px; background:rgba(14,6,30,.78); backdrop-filter:blur(5px); }
body.has-shell .bb-modal{ left:132px; }
.bb-modal.show{ display:flex; }
.bb-q{ width:min(1100px,100%); max-height:100%; display:flex; flex-direction:column; gap:14px; padding:18px 22px 22px; border-radius:30px;
  background:#2E1558; border:3px solid var(--c); border-bottom:10px solid var(--cd); animation:gkDrop .4s cubic-bezier(.34,1.56,.64,1); overflow:auto; }
.bb-q-top{ display:flex; align-items:center; gap:12px; }
.bb-q-top .tag{ padding:8px 16px; border-radius:14px; background:var(--c); border-bottom:4px solid var(--cd); font-family:'Fredoka',sans-serif; font-weight:700; font-size:20px; }
.bb-q-top .pts{ margin-left:auto; font-family:'Fredoka',sans-serif; font-weight:700; font-size:30px; color:var(--gk-gold); }
.bb-q-body{ display:flex; align-items:center; justify-content:center; min-height:0; }
.bb-q-img{ height:min(42vh,380px); display:flex; align-items:center; justify-content:center; }
.bb-q-img img{ max-height:100%; max-width:100%; border-radius:18px; object-fit:contain; background:#fff; }
.bb-emoji{ font-size:120px; line-height:1; }
.bb-q-word{ font-family:'Fredoka',sans-serif; font-weight:700; font-size:clamp(30px,min(9vh,9vw),84px); overflow-wrap:anywhere; text-align:center; color:var(--gk-gold); letter-spacing:1px; padding:10px 0; }
.bb-q-opts{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.bb-q-opts .gk-opt{ background:#3A1A66; border-color:#5B2E94; border-bottom-color:#150A2E; }
.bb-opt-img{ flex-direction:column; justify-content:center; padding:12px !important; gap:8px !important; }
.bb-opt-img img{ width:100%; height:min(30vh,240px); object-fit:contain; border-radius:14px; background:#fff; }
.bb-opt-img .gk-key{ position:absolute; top:10px; left:10px; }
.bb-opt-img .bb-emoji{ font-size:90px; }
.bb-q-foot{ display:flex; align-items:center; justify-content:center; gap:16px; min-height:60px; }
.bb-q-fb{ font-family:'Fredoka',sans-serif; font-weight:700; font-size:32px; }
.bb-q-fb.ok{ color:#4ADE80; } .bb-q-fb.bad{ color:#F87171; }
@media (max-width:980px){
  .bb-head{ font-size:14px; min-height:54px; flex-direction:column; gap:2px; padding:6px; }
  .bb-head b{ font-size:24px; }
  .bb-board{ gap:8px; }
}
@media (max-width:640px){
  .bb-modal{ left:0 !important; padding:8px 8px 80px; }
  .bb-q{ padding:14px; gap:10px; border-radius:22px; }
  .bb-head span{ font-size:11px; }
  .bb-cell{ min-height:64px; font-size:24px; border-radius:14px; }
  .bb-q-opts{ grid-template-columns:1fr; }
  .bb-q-opts.imgs{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .bb-opt-img img{ height:110px; }
  .bb-q-img{ height:28vh; }
  .bb-q-fb{ font-size:24px; }
}

/* yanlışta doğru şık vurgusu */
#bb-q-opts .gk-opt.ok.reveal{ background:#16A34A !important; border-color:#86EFAC !important; color:#fff; position:relative; z-index:2; transform:scale(1.08); box-shadow:0 0 0 5px #FDE047, 0 0 28px 8px rgba(74,222,128,.75); animation:bbReveal .7s ease-in-out 3; }
#bb-q-opts .gk-opt.ok.reveal::after{ content:'✓'; position:absolute; top:-14px; right:-12px; width:38px; height:38px; border-radius:50%; background:#FDE047; color:#14532D; font:900 24px/38px 'Fredoka',sans-serif; text-align:center; box-shadow:0 4px 10px rgba(0,0,0,.35); }
@keyframes bbReveal{ 0%,100%{ transform:scale(1.08); } 50%{ transform:scale(1.15); } }
.bb-ans{ display:inline-block; margin-top:4px; color:#4ADE80; font-size:.95em; } .bb-ans b{ color:#fff; background:#16A34A; padding:2px 10px; border-radius:10px; }