/* Lambalar */
.l-tahta {
  --n: 3;
  display: grid; grid-template-columns: repeat(var(--n), 1fr); gap: 8px;
  width: min(100%, 400px); margin: 0 auto 16px; padding: 12px;
  border-radius: 18px; background: #1d2140;
}
.l-lamba {
  aspect-ratio: 1; padding: 12%; border: 0; border-radius: 14px; cursor: pointer;
  background: #2a2f57; touch-action: manipulation; display: grid; place-items: center;
}
.l-cam {
  width: 100%; height: 100%; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #4b5180, #333862);
  box-shadow: inset 0 -4px 0 rgb(0 0 0 / 0.25);
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
.l-lamba--yanik .l-cam {
  background: radial-gradient(circle at 35% 30%, #fff7cf, #ffd34d 45%, #f5a623);
  box-shadow: 0 0 18px 4px rgb(255 205 70 / 0.55), inset 0 -4px 0 rgb(180 100 0 / 0.3);
}
.l-lamba--ipucu { box-shadow: inset 0 0 0 3px #7fd6ff; animation: l-nabiz 1s ease-in-out infinite; }
@keyframes l-nabiz { 50% { box-shadow: inset 0 0 0 5px #7fd6ff; } }
.l-lamba:focus-visible { outline: 3px solid #8fb4ff; outline-offset: 2px; }
.l-tahta--bitti { animation: l-bitti 0.9s ease; }
@keyframes l-bitti { 40% { background: #27406b; } }
.l-eylemler { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }