body.moddera-oyunlar-sayfa { margin: 0; min-height: 100vh; background: #1b1f24; }
.mo-secim { min-height: 100vh; box-sizing: border-box; padding: 32px 16px; display: flex; flex-direction: column;
  align-items: center; justify-content: center; color: #f2f2f2; font-family: -apple-system, system-ui, sans-serif; }
.mo-secim h1 { margin: 0; font-size: 40px; letter-spacing: .02em; }
.mo-alt { margin: 6px 0 28px; opacity: .7; font-size: 16px; }
.mo-kartlar { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; width: 100%; max-width: 640px; }
.mo-kart { flex: 1 1 260px; max-width: 300px; display: flex; flex-direction: column; align-items: center; gap: 8px;
  padding: 24px 20px; border-radius: 16px; background: #262b32; color: inherit; text-decoration: none;
  border: 2px solid transparent; transition: transform .15s, border-color .15s, background .15s; }
.mo-kart:hover, .mo-kart:focus-visible { transform: translateY(-3px); background: #2d333b; outline: none; }
.mo-pes:hover, .mo-pes:focus-visible { border-color: #ff5c8a; }
.mo-drive:hover, .mo-drive:focus-visible { border-color: #f1c40f; }
.mo-kart svg { width: 100%; max-width: 220px; height: auto; border-radius: 10px; background: #14171b; }
.mo-ad { font-size: 26px; font-weight: 700; margin-top: 6px; }
.mo-acik { font-size: 14px; opacity: .7; text-align: center; }