/* Piksir — oyuna girerken yükleme perdesi (oyunGiris.js, D171): bloklar uçuşup robot yüzü oluşturur. Ada Cam: açık mor cam zemin. */
.og-perde {
  position: fixed; inset: 0; z-index: 2147483000; display: grid; place-content: center; justify-items: center; gap: 28px;
  background: radial-gradient(90% 70% at 50% 35%, #F4EFFF 0%, #E6DCFF 60%, #D9CCFF 100%);
  opacity: 0; transition: opacity .25s ease;
}
.og-perde.og-acik { opacity: 1; }
.og-sahne { --b: clamp(38px, 9vmin, 64px); --aralik: 6px; position: relative; width: calc(var(--b) * 5 + var(--aralik) * 4); height: calc(var(--b) * 5 + var(--aralik) * 4); animation: og-ziplama .5s .95s ease-in-out 2 both; }
.og-blok {
  position: absolute; left: calc(var(--x) * (var(--b) + var(--aralik))); top: calc(var(--y) * (var(--b) + var(--aralik)));
  width: var(--b); height: var(--b); border-radius: 26%; background: linear-gradient(145deg, rgba(255,255,255,.55), transparent 55%), var(--renk);
  box-shadow: inset 0 -5px 0 rgba(36,27,75,.18), inset 0 2px 0 rgba(255,255,255,.55), 0 10px 18px -10px rgba(91,72,255,.65);
  opacity: 0; transform: translate(var(--dx), var(--dy)) rotate(var(--dr)) scale(.3);
  animation: og-yerles .62s var(--s) cubic-bezier(.2,.9,.25,1.15) forwards;
}
.og-blok--z { border-radius: 50%; box-shadow: inset 0 3px 0 rgba(255,255,255,.28), 0 6px 12px -8px rgba(36,27,75,.7); }
.og-blok--a { border-radius: 50%; width: calc(var(--b) * .6); height: calc(var(--b) * .6); margin: calc(var(--b) * .2); }
.og-yazi { margin: 0; font-family: var(--ac-font-baslik, var(--v2-font-display, inherit)); font-weight: 900; font-size: clamp(1.1rem, 2.6vmin + .6rem, 1.5rem); color: #2A1F66; letter-spacing: -.01em; }
@keyframes og-yerles { 0% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 1; transform: translate(0, 0) rotate(0) scale(1); } }
@keyframes og-ziplama { 50% { transform: translateY(-14px); } }
@media print { .og-perde { display: none !important; } }