/* Çekirdek tema — çocuk-dostu, sıcak, aşırı-uyarımsız. Büyük dokunma alanları. */
:root{
  --paper:#FBF6EC; --ink:#2A2A33; --muted:#8A8378;
  --bar-bg:#EAE3D4; --bar:#90BE6D; --accent:#EDB94C; --teal:#2B6C64;
  --dokunma:92px;
}
*{ box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html,body{
  margin:0; height:100%; background:var(--paper); color:var(--ink);
  font-family:ui-rounded,"SF Pro Rounded",system-ui,"Segoe UI",sans-serif;
  touch-action:manipulation; user-select:none; -webkit-user-select:none; overflow:hidden;
}
#oyun{ height:100dvh; display:flex; flex-direction:column; }

#ust{ display:flex; align-items:center; gap:12px; padding:14px 18px; }
#bar-dis{ flex:1; height:16px; background:var(--bar-bg); border-radius:99px; overflow:hidden; }
#bar{ height:100%; width:0; background:var(--bar); border-radius:99px; transition:width .45s ease; }
.kademe{ font-size:.82rem; color:var(--teal); font-weight:700; white-space:nowrap; }
#yas-rozet{ background:rgba(43,108,100,.12); padding:4px 10px; border-radius:99px; font-size:.74rem; }
#ses-btn{ font-size:26px; border:0; background:transparent; cursor:pointer; line-height:1; }

#sahne{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:20px; padding:20px; overflow:hidden; }

.oyun-btn{
  min-width:var(--dokunma); min-height:var(--dokunma); font-size:1.6rem; font-weight:700;
  border:0; border-radius:26px; background:#fff; color:var(--ink); box-shadow:0 6px 0 #E4DCC9;
  padding:14px 26px; cursor:pointer; transition:transform .1s, box-shadow .1s;
}
.oyun-btn:active{ transform:translateY(4px); box-shadow:0 2px 0 #E4DCC9; }
.oyun-btn.buyuk{ font-size:1.8rem; padding:20px 34px; }
.oyun-btn.sade{ background:#F0EADD; box-shadow:0 6px 0 #E0D8C6; }
.oyun-btn.dogru{ background:#D8F3DC; box-shadow:0 6px 0 #90BE6D; }

.giris{ text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px; }
.giris h1{ font-size:2rem; margin:0; }
.giris p{ margin:0; color:var(--muted); max-width:24ch; }

/* Işıklar Yanıyor pad ızgarası */
.pad-izgara{ display:grid; grid-template-columns:repeat(var(--n,2),1fr); gap:18px; width:min(86vw,420px); }
.pad{
  aspect-ratio:1; border:0; border-radius:26px; cursor:pointer; opacity:.8;
  box-shadow:inset 0 -8px 0 rgba(0,0,0,.12); transition:transform .08s, opacity .12s, filter .12s;
}
.pad.aktif{
  opacity:1; transform:scale(1.05); filter:brightness(1.18);
  box-shadow:0 0 0 6px rgba(255,255,255,.55), 0 10px 26px rgba(0,0,0,.2);
}
.pad-izgara.kilit{ pointer-events:none; }

.salla{ animation:salla .42s; }
@keyframes salla{ 25%{ transform:translateX(-8px); } 75%{ transform:translateX(8px); } }

.konfeti{ position:fixed; inset:0; pointer-events:none; z-index:20; }
.oyun-son{
  position:fixed; inset:0; z-index:21; display:flex; flex-direction:column; gap:16px;
  align-items:center; justify-content:center; background:rgba(251,246,236,.94); padding:24px;
}
.son-kart{ text-align:center; margin-bottom:8px; }
.son-kart h2{ font-size:2rem; margin:0 0 .2em; }
.son-kart p{ margin:0; color:var(--muted); }

@media (prefers-reduced-motion:reduce){
  .oyun-btn,.pad,#bar{ transition:none; }
  .salla{ animation:none; }
}